html, body {
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 0.7em;
color : #333;
background : #D6D6D6 url(design/fd.png) top center repeat-x ;
}

#conteneur {
position : relative ; 
background : url(design/spacer.gif) ;
text-align : left;
width : 904px ; 
margin : 0 auto 0 auto; 
border-right :1px solid #666;
border-left :1px solid #666;
}

#haut {
width : 904px ; 
height : 115px ;
background : url(design/1.jpg);} 

#menuh {
width : 904px ; 
height : 35px ;
background : #fff;
text-align : center;} 
 
#centreaccueil {
width : 904px ;
background : #fff url(design/silhouette.jpg) no-repeat ;
text-align : left; }

#centre {
width : 904px ;
background : #fff ;
text-align : left; }

#centrage {
padding-left : 40px ; background : transparent ; width : 690px ;}

#bas { 
clear : left ; 
width : 904px ;
height : 99px ;
background: url(design/4.jpg) ;
bottom: 0; }

#bas p { 
padding : 30px 0px 0px 520px; }

#bas p a { 
color : #fff;
font-size : 1.2em;
text-decoration : none ; }


 /*  DIV GAUCHE  */
 
 
#gauche {
border-top : 1px solid #fff;  
float : left ;  
background-color : transparent;
width : 178px;
text-align : left;  }


 /*  SPECIAL PAGE D'ACCUEIL  */
 
 
#un  {  }

#undeux  { color: #2a7a7b; font-size: 2em; font-style: italic; font-weight: bold; text-decoration: none }
 
#centrageaccueil {
padding-left : 0px ; 
width : 690px ;	}





 /* liste des liens gauche */


#gauche ul {
margin : 0 ; 
padding : 10px ; 
background : #F9E8A1;
 padding-bottom : 120px ;  
} 

#gauche li {
padding : 0 0 5px 0 ;

} 


#gauche li a {

color : #313131

} 


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 ; }



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



 /* DIV DROITE */

#droite  { background-color: transparent; margin-left: 10px; width: 850px; float: left; }


 /* Intro DIV droite - PETIT LOGO - H1 et petite intro texte */


#haut_droite {
padding : 10px 10px 0 0;
min-height : 80px ;  
}

#haut_droite img {
float : left ;
}

#haut_droite p {
margin : 5px 0 0 0; 
padding : 0 ;
color : #000; 
}



#haut_droite  h1 {
font-size : 1.5em; 
color : #000 ; 
margin : 0 0 0 0 ;
padding : 20px 0 10px 0 ; 
text-transform : uppercase ;
background : url(images/hr.gif) right bottom repeat-x}
 

 /* H2 et H3 - TITRE : liens - etc ... */

 h3 {

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

.englobe_h3 {
padding : 1px ;
 background : #fff;
  margin : 30px 0 10px 0 ;
  border : 1px solid #000; }
 
 
 h1   { color: #196160; font-size: 1.5em; font-weight: bold; clear: left }
 
 h2   { color: #40A1A7; font-size: 1.2em; font-weight: bold; }
 h2	a	{ color: #40A1A7; font-size: 1.0em; font-weight: bold; text-decoration : none }

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




 
 
  /* LISTES GENERAL */
 
 
 ul, li {
 margin :0;
padding : 0 ; 
list-style : none ;}



#menufloat {
padding : 10px; 
text-align: left;
background-color :#fff; 
border : 1px solid #196160;
margin :10px 10px 10px 10px ;
float: left;   }



 /* MENU HAUT */


#menu {
padding : 1px; 
text-align: left;
 background-color :#fff; 
border : 1px solid #000;
margin :0 20px 0 0 ;   }


#menu ul{
background-color :#665D3E; 
height : 25px;
}

#menu li{
 float : left ;
   padding : 5px 15px 0 15px;
  background : url(images/boot.jpg) right bottom no-repeat}
  
   #menu li a{
 color : #fff}
 
    #menu li a:hover{
text-decoration : underline ; }




 /* Paragraphes  */




p {margin : 0px 10px 0 5px ;}


.notop {margin : 0 10px 0 5px ;}


.pboot {
margin : 10px 15px 0 5px ; 
padding : 0 ; 
text-indent : 15px ;   
background :  url(images/pboot.gif) left top no-repeat;}





/* SIGNATURE*/


.signature { 
font-size : 90%; 
padding :  0; 
text-align : center ;
height : 50px ; color : #D6D6D6     }
.signature a { text-transform : none ; color : #D6D6D6}
.signature a:hover { color : #D6D6D6; text-decoration : underline}



 /* LIENS*/


a {
color : #196160; 
text-decoration : underline ;  
font-weight : normal}

a:hover {
color : #40A1A7; 
text-decoration : underline   ;}


#krek {color : #D10000; }
#kulko {color : #4EA229}