html, body {
margin: 0;
padding: 0;
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : left;
font-family : arial;
font-size : 11px;
color : #4B3D40;
background : #EDE2E4;


}
.site{
margin-left : auto;
margin-right : auto;
margin-top : 20px;
width:980px;
}
.cont {
float:left;
background-color :#fff;
text-align : left;
width : 750px ; 
height:100%;
border : 10px solid #e1c01b;
}
html>body .cont {height : auto; min-height : 100%;  }

.pubdroite{
float:left;
margin-left:5px;
margin-top:120px;
}

.haut {
width : 728px ; 
height : 100px ;
background : url(images/bghaut.jpg) no-repeat #e1c01b;
margin-left : auto;
margin-right : auto;
margin-top : 15px;
border-top : 1px solid #fff;
}
.pubssheader {
margin-top:15px;
width : 728px ; 
margin-left : auto;
margin-right : auto;
}
 
 #contenu {
width : 730px ;
margin-left : auto;
margin-right : auto;
text-align : left; 
background : transparent;
}

 
 .bas {
 width : 705px ; 
height : 40px ;
background : transparent;
overflow : hidden
}
 
 
.gauche { 
background : transparent;
width : 180px;
text-align : left; 
margin-left : 5px ; 
margin-top : 20px ;
padding-bottom : 100px; 
overflow : hidden}
html>body .gauche {   margin-left : 10px ; }
 






.droite {
float : right ;  
background-color : transparent;
width : 520px;
margin-left : 15px;
 margin-top : 10px; 
padding-bottom : 100px}


.haut_droite {
width :352px;
 background-color :transparent; 
 float : left; 
 margin-left : 0; 
 overflow : hidden} 
 html>body .haut_droite {  margin-left : 0;   }
 

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

.poussetop {margin : 20px 0 0 0 ;}



h3 {
font-size : 12px;  
color:#ff0066;
margin : 20px 0 0 0 ;
padding : 0 0 10px 0; 
text-transform : uppercase ;
background :  url(images/hr2.gif) left bottom repeat-x;}
 
h3 a{
color:#ff0066;
}
 
 /* LISTE */ 
 
 ul, li {
 margin :0;
padding : 0 ; 
list-style : none ;}

 
 
 /* MENU */

.menu {
clear:right;
float:right;
width:400px;
background-color :transparent; 
color :#fff ; 
font-size : 14px ; 
font-weight : bold;
margin-top : 8px;
margin-right :3px;
font-size : 12px; 
overflow : hidden}
html>body .menu { margin-right :10px;  }
 
 
 
 .menu li{
 float : left ;
  margin-left : 0 ;
   padding-top : 0 ;}
  


.menu li a {
color : #fff ; 
text-decoration : none ; 
padding-right : 5px ;  
padding-left : 5px ;}


.menu li a:hover {
color : #4B3D40; 
text-decoration : none }


.menuexept a{
text-decoration : none ;  
background : url(images/ul.jpg) right bottom repeat-y;  
 padding-right : 5px ;  
 padding-left : 5px ;
width : 150px;
}
.menuexept a:hover { 
text-decoration : none }



.logo {
float : left ; 
margin-top : 20px ; 
margin-right : 10px ;
border : 1px solid #4B3D40 }


#pubhaut{
margin-top:12px;
margin-right:12px;
float:right;
}








 /* PARAGRAPHES */

p {margin : 3px 15px 0 0 ; padding : O}

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


.gauche h3 {margin : 10px 25px 10px 5px ; padding-bottom : 5px; color:#ff0066;}
.gauche a {margin : 10px 25px 0 15px ; text-transform:none; font-weight:normal;}
.couleur {color : #4B3D40; font-weight : bold }




.signature { 
margin :0 0 0 300px; 
color : #000 }
.copy {
border : 0; 
margin-right : 5px}



 /* SEPARATEURS */


.spacer {
clear : both; 
height : 13px ; }









 /* LIENS */


a {
color : #4B3D40; 
text-decoration : none ; 
font-size : 11px; font-weight : bold}

a:hover {
color :#4B3D40; 
text-decoration : none ;}



a.class1 {
color : #4B3D40; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

a:hover.class1 {
color : #C1460C; 
text-decoration : none ; }

a.class2 {
color : #4B3D40; 
text-decoration : underline ; 
text-transform : uppercase ; 
font-size : 9px ; }

a:hover.class2 {
color : #4B3D40; 
text-decoration :underline }

a.class3{
color : #4B3D40; 
text-decoration : underline ; 
font-size : 9px ;}

a:hover.class3 {
color : #4B3D40; 
text-decoration : underline;  
}


a.class4{
color : #4B3D40; 
text-decoration : none ; 
text-transform : none ;  }

a:hover.class4 {
color : #4B3D40; 
text-decoration : underline;  
}



.img_droite {float : right; 
margin-top : 20px ; 
border : 1px solid #4B3D40 }