html, body {
height: 100%
}

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


}

#cont {
background-color :transparent;
text-align : left;
width : 734px ; 
margin:auto;
height : auto; 
}

h1 {
padding-left:10px;
width:450px;
margin-top:auto;
padding-top:40px;
}






#haut {
height : 242px ;
background: #FE008F url(/blog/templates_img/21/haut3.gif); 

}
 
 
#centre {
width : 706px ;
padding : 0 0 0 28px; 
 background : #FE008F;
 text-align : left;
 padding-bottom: 50px;
overflow: auto; 

} 
 
#pub {
 background : #FE008F;
 border-top:1px solid grey;
}
 
 
#bas {
height:40px;
background : url(/blog/templates_img/21/bas2.gif) top left no-repeat ;
width : 734px;
}

 
 
#gauche {

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

}





#gauche ul {
padding:5px;
background-color :#000000;
} 

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


#gauche li a {
color : #FE008F;
text-decoration:none;
} 

#gauche li a:hover {
color : #fff;
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}
 
 
 

 
 h3 {
 text-transform : uppercase ; 
width : 477px;
margin : 0;
padding :10px; 
font-size : 12px ;
background-color :#000;
color : #FFD800;
border-bottom:1px dotted #FE008F;
margin-top:10px;
 }
 
 
 
 h2 {
text-transform : uppercase ; 
 width : 168px;
margin : 0 ;
padding : 5px; 
font-size : 12px ;
background-color : #000;
color : #FFD800;
border-bottom:1px dotted #FE008F;
border-top:10px solid #FE008F;
margin-top:5px;
}

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



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





#menu li{
 float : left ;
  margin-left : 10px ;
   padding-top : 5px ;
   padding-right : 15px;
  background : url(/blog/templates_img/21/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(/blog/templates_img/21/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(/blog/templates_img/21/puce.gif) left top no-repeat ; }




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