/* -----------------------------------------------------------------------------
          Cascading Style Sheet ou feuille de style - Prociel by jrz 
----------------------------------------------------------------------------- */
body{
 background: #000;
 color: #fff;
}

#content, #container{
 width:800px;
 margin:20px auto auto auto;
 font-family: "Trebuchet MS", Times, serif;
 font-size: 14px;
}

#header{

}

#contenu{
 height:500px;
 width: 800px;
 overflow: auto;
}

#contenu h1, #contenu h2, #contenu h3{
 color:#ccc;
 font-size: 130%;
 letter-spacing: 7px;
 font-weight: normal;
 
}

#contenu p{
 text-align: justify;
 line-height: 140%;
 margin: 5px 10px 10px 0;
 color:#ccc;
}

#contenu a{
 color: #ccc;
 text-decoration: none;
}

#contenu a:hover{
 color: #ff0000;
} 

#footer_intro{
 width:800px; 
 margin:0 auto;
 height : 40px;
 overflow: hidden;
 /*border: 1px solid;*/
}

#footer_intro p{
 margin: 0;
 text-align:center;
}

#footer_intro a{
 text-decoration: none;
 color :#fff;
}

#footer{

}

.vide{
 height:20px;
 clear: both;
 overflow: hidden;
}

#copyright{
 height: 15px;
 font-size:70%;
 color: #ccc;
}

#copyright a{
 text-decoration:none;
 color:#ccc;
}

#copyright p{
 margin: 0;
 text-align:center;
 color: #ccc;
}

.jrz{
 display: none;
}

.actu{
 float:left; 
 width:229px; 
 margin-left:28px;
 text-align: right;
}

.haut{
 background:#000 url(swf/haut.jpg) no-repeat; 
 height:30px;
}

#contenu .actu .haut h3{
 text-align: center;
 font-size: 110%;
 font-weight: normal;
 padding-top: 7px;
 letter-spacing: 0;
 color:#3366FF; /*#E26E23;*/
}

.milieu{
 background:#000 url(swf/milieu.jpg) repeat-y; 
 min-height:250px;

}

#contenu .actu .milieu p {
 margin:0 6px 0 10px;
 text-align: left;
 line-height: 140%;
 color:#ccc;
}

.bas{
 background:#000 url(swf/bas.jpg) no-repeat; 
 height:30px;
}

#slide{
  /*background: #fff;*/
  float: right; 
  width:320px; 
  height:365px; 
  /*border:1px solid;*/
  margin-left :10px;
}