html { 
scrollbar-face-color:#000000;
 scrollbar-highlight-color:#000000;
 scrollbar-3dlight-color:#FE008F; 
scrollbar-darkshadow-color:#FE008F; 
 scrollbar-shadow-color:#FE008F; 
  scrollbar-arrow-color:#FE008F; 
scrollbar-track-color:#FE008F; 
}

html, body {
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 11px;
color : #000;
background : #3A3A3A url(images/bgall.gif) top left no-repeat;


}

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







#haut {
height : 242px ;
background: #FE008F url(images/haut3.gif); 
}
 
 
#centre {
width : 706px ;
padding : 0 0 0 28px; 
 background : #FE008F url(images/bg-centre.jpg) ;
 text-align : left;
 padding-bottom: 50px;
overflow: auto; } 
 
 
 
 
#bas {
height : 74px ;
background : url(images/bas2.gif) top left no-repeat ;
width : 734px ; 
}

 
 
#gauche {

float : left ;  
text-align : left; 
background-color : transparent;
color : #FE008F ;
width : 178px;
margin : 0 ;
padding : 0;  
}





#gauche ul {
margin : 0 10px 0 10px ; 
} 

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

} 


#gauche li a {

color : #FE008F

} 


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



li.blabla {
diplay : block ; 
text-decoration : none ; }



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





#droite {
float : left ;  
background : transparent;
width : 487px;
margin-left : 15px}



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

#haut_droite img {
float : left ;
}

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



#haut_droite  h1 {
font-size : 0.9em; 
color : #FFD800 ; 
margin : 0 0 0 0 ;
padding : 20px 0 5px 0 ; 
text-transform : uppercase ;
border-bottom : 1px dotted  #000}
 
 
 

 
 h2 {
 text-transform : uppercase ; 
width : 477px;
margin : 10px 0 0 0 ;
padding : 0 0 0 10px; 
font-size : 12px ;
background-color :#000;
height : 31px;
line-height : 31px ; 
color : #FFD800
 }
 
 
 
 h3 {
  text-transform : uppercase ; 
 width : 168px;
margin : 0 ;
padding : 0 0 0 10px; 
font-size : 12px ;
background-color : #000;
height : 31px;
line-height : 31px ; 
color : #FFD800;
border-top : 20px solid #FE008F ;
border-bottom : 15px solid #FE008F ; }



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

 
 
 
 
 
 ul, li {
 margin :0;
padding : 0 ; 
list-style : none ;}



#menu {
width : 680px ;
height : 27px;
text-align: left;
background-color :#000; 
color :#fff ; 
font-size : 12px ;
font-weight : bold;}





#menu li{
 float : left ;
  margin-left : 10px ;
   padding-top : 5px ;
   padding-right : 15px;
  background : url(images/boot.gif) right 7px no-repeat}
  
  
  #menu li a{
  text-transform : uppercase ; 
text-decoration : none ;
color : #fff ;  }









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








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






#signature { 
color : #FFD800 ;
 height : 40px ;  
 margin : 0 0 0 30px ; }


#signature a{ 
text-decoration : none ; 
font-size : 10px ; 
 color : #FFD800 }
 
 
#signature a:hover{ 
text-decoration : underline 
 }

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





a {
color : #FFD800; 
text-decoration : underline ; }

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



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

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




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