html, body {
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 0.7em;
color : #313131;
background : #5E5E5E url(images-2/bg_all.jpg) top center repeat-x  ;
}

#conteneur {
position : relative ; 
background : url(images-2/centre.jpg) ;
text-align : left;
width : 746px ; 
margin : 0 auto 0 auto; 
min-height:100%;}



#haut {
width : 746px ; 
height : 255px ;
background : url(images-2/haut.jpg);
 border-top :1px solid #000}
 
 
#centre {
width : 746px ;
background : url(images-2/hautcentre.jpg) no-repeat  ;
text-align : left; }

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

#bas { 
clear : left ; 
width : 746px ;
height : 86px ;
background: url(images-2/bas.jpg) ;
bottom: 0;

 }


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

 









 /* 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 {
float : left ;  
background-color : transparent;
width : 482px;
margin-left : 10px}


 /* 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-2/hr.gif) right bottom repeat-x}
 

 /* H2 et H3 - TITRE : liens - kits graphique - 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; }
 
 
 
 
 h2 {

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



 /* 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-2/boot.jpg) right bottom no-repeat}
  
   #menu li a{
 color : #fff}
 
    #menu li a:hover{
text-decoration : underline ; }




 /* Paragraphes  */




p {margin : 10px 35px 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 : #F9E8A1     }
.signature a { text-transform : none ; color : #F9E8A1}
.signature a:hover { color : #F9E8A1; text-decoration : underline}



 /* LIENS*/


a {
	color : #000;
	text-decoration : none;
	font-weight : normal
}

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


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