/*  CORRECTION BUG IE SELECTION TEXTE ALEATOIRE */

html, body {
height: 100%
}

/*  CORPS DE LA PAGE */

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 11px;
color : #000;
background : #720000 url(images/fond.gif) no-repeat;
}


/*  CONTENEUR PRINCIPAL DU SITE  */

#cont {
background-color : transparent;
text-align : left;
width : 796px ; 
margin : 0 auto 0 auto ; 
height : 100%;
}



/*  CONTENEURS HAUT - CENTRE - BAS  */

#haut {
width : 796px; 
height : 318px;
margin : 0 auto 0 auto; 
background : url(images/haut.jpg);
}
 
 
#centre {
width : 796px ;
background-color :transparent;
margin : 0 auto 0 auto ; 
 background-image : url(images/centre.gif);
 text-align : left; 
 }

 
 #centrage { 
padding-left : 70px ; 
background : transparent; 
width : 660px ;
  }
 
 
#bas {
 clear : left ; 
 position : relative ; 
 width : 796px ; 
height : 118px ;
margin : 0 auto 0 auto ; 
 background : url(images/bas.gif)
}
 
 
 /*  CONTENEUR GAUCHE  */
 
 
#gauche {
float : left ;  
width : 178px;
height : 500px;
 text-align : left;  
 margin-top : 20px; 
 color : #363E5E;   
 padding-bottom : 200px;
  background : #fff  bottom no-repeat; 
  }


#gauche ul {
margin : 0  ; 
padding : 5px 10px 50px 10px ;
background : #D7D7D7 }

#gauche li {
display : block ; padding : 0 0 5px 0; }
 


#haut_gauche {
background-color : #fff;
width : 178px;
height : 40px;
padding-top : 10px;
}

li.name {
text-transform : uppercase ; 
display : block ; 
 margin : 10px 0 5px 0 ;
 border-bottom : 1px dotted #313131 ; 
 font-weight : bold ; 
 }
 
 li.name a { color : #313131;
 text-decoration : none ; 
 }
 
 
 



li.blabla {
display : block ; 
text-decoration : none ; 
overflow: auto;}



li.link {
display : block ;
text-decoration : underline ; 
} 



 /*  titres des liens de la DIV gauche */


h4 {
font-size : 12px; 
color : #000 ; 
margin :  0 10px 10px 10px ;
padding : 10px 0 10px 0;
border-bottom : 1px dotted #000; 
text-transform : uppercase ;}

h4 a{
text-decoration : none}



 /*  CONTENEUR DROIT  */


#droite {
float : left ; 
padding : 0 0 50px 0; 
background : transparent;
width : 462px;
margin-left : 15px;
color : #363E5E;

}


#droite p {
	margin : 5px 20px 10px 0; 
padding : 0 ; 

}



 /*  Conteneur haut droite la ou se trouve le petit logo  */


#haut_droite {
padding : 10px 30px 0 0;
height : 130px ;  
}

#haut_droite img {
float : right ; 
}

#haut_droite p {
margin : 0 ; 
padding : 0 ; 
}



#haut_droite  h1 {
font-size : 12px; 
color : #000 ; 
margin : 0 0 0 0 ;
padding : 20px 0 0 0 ; 
text-transform : uppercase ;}
 
 

 /*  TITRES  */




 h3 {
 
clear : left ; 
margin : 0 ; 
padding : 2px 0 2px 0;
font-size : 1.2em;
background-color : #212121;
color :#fff; 
text-indent : 10px;
text-transform : uppercase ;
}

.englobe_h3 {
padding : 1px ;
 background : #fff;
  margin : 10px 0 10px 0 ;
  border : 1px solid #000; }
 
 
 
 
 h2 {

clear : left ; 
margin : 0 ; 
padding : 2px 0 2px 0;
font-size : 1.2em;
background-color : #212121;
color :#fff; 
text-indent : 10px;
text-transform : uppercase ;
}

.englobe_h2 {
padding : 1px ;
background : #fff;
margin : 30px 0 10px 0 ;
border : 1px solid #000; 
}


 h5 {
font-size : 12px ;
 margin : 0 0 10px 0 ;
  padding : 0; }


/*  LISTE */
 
 
 ul, li {
list-style : none ;}

.speed {  
margin :0 0 0 0;
padding : 0 0 20px 0; 
width : 260px ; 
list-style : none ;}


.modifs{
float : left ;   
margin :0 0 0 0;
padding : 0 0 10px 0; 
width : 95% ; 
list-style : none ;}

.modifs li{
padding : 0 0 0 20px ; 
margin : 0 0 5px 0 ;
background : url(images/puce.gif) left top no-repeat ; }




/*  MENU */

#menu {
text-align: left; 
font-weight : bold;
font-size : 13px;
background : #fff;
padding : 1px ; 
border : 1px solid #000; 
}

#menu ul {
height : 26px;
line-height : 26px; 
margin : 0 ;
padding : 0 ;  
background : #212121; 
  }
  
#menu li{
float : left ;
background : url(images/boot.gif) right center no-repeat
  }
  
#menu li a{ 
margin : 0  10px 0 0;
 padding : 0 10px 0 10px;
display : block ; 
color : #fff ; 
text-decoration : none ; 
  }
  
  
  /*  SIGNATURE */

#signature { 
clear : left ; 
text-align : center ; 
height : 100px ; 
 color : #fff ;
 width : 696px ;
 margin : 0 auto 0 auto; 
 }


#signature a{ 
color : #fff ; 
text-transform : none ; 
font-weight : normal ; 
text-decoration : none ;  }


#signature p{ 
margin : 0 ;
 padding : 0 ; 
 color : #fff;
  }
 
 /*  LIENS */


a {
color : #363E5E; 
font-size : 11px; 
text-decoration : underline ; 
font-weight : bold ; 
}

a:hover {
color : #363E5E; 
text-decoration : none ;}