
html, body {
margin: 0;
padding: 0;
height: 100%
}


body {
margin: 0;
padding: 0;
background-color : #666666;
text-align : center;
font-family : arial;
font-size : 12px;
color : #fff;
}

#content{
   position: relative;
   text-align : left; 
width:760px;
height:100%;
background-image :  url();
background-color : #333;
margin-left:auto;
margin-right:auto;
background-image :  url();
background-repeat : no-repeat;border: solid #000000 1px;}
html>body #content{height : auto; min-height : 100%}

.haut {
width : 100%; 
height : 90px ; 
background-color : #333;
background-image : url(images/slogan.gif);
background-position : right;}

.logo {border : 0}

.slogan {float : right; }

ul {
float : left ;
 width : 100% ;  
 margin : 0 ;
  padding : 0 ;
   list-style : none ;  
   border-bottom : 1px solid #000;
   text-align : center; }


li  {
float : left ;  
 margin : 0 ; 
 padding : 0 ; 
 list-style : none; 
 width : 189px; 
 height : 20px;
 background-image : url(images/fd-titres.gif);
font-weight : bold;
font-size : 14px ; }
  html>body li{ width : 190px;  height : auto; min-height : 20px } 
 
 li a  {
float : left ;  
 margin : 0 ; 
 padding : 0 ; 
 list-style : none; 
 width : 189px; 
 height : 20px;
 border-left : 1px solid #000 ; text-decoration : underline;
 padding-top : 2px}
   html>body li a{ width :190px;  height : auto; min-height : 20px} 
 

 
 a {
	color: #0000FF;
	font-weight: bold;
}
a:visited {
	color: #00000;
	font-weight: bold;
}
a:hover {
	color: #777777;
	font-weight: bold;
}
a:active {
	color: #333333;
	font-weight: bold;
}

a.class1 {color : #333}
a.class1:hover {color : #777777}


.photo {
width : 100% ;
height : 120px; 
background-image : url(images/chantier.jpg);}


.bloc1 {
float : left ;
 width : 250px; 
margin-left : 20px ;
 text-align : left;  }

.bloc2 {
float : left ; 
width : 260px; 
margin-left : 20px ; }

.bloc3 {
float : right ;
 width : 170px; 
 margin-left : 30px;  }

.bas {
position: absolute;    
text-align : center ; 
width : 760px; 
height : 50px ; 
background-color  : #fff ;    
bottom: 0;  
background-image :;
color : #000;
font-size : 11px
}

html>body .bas { height : auto; min-height : 20px  }    

.spacer {clear : both ; height : 13px}

h1 {margin : 10px 0 0 0 ; padding : 0 ; font-size : 16px ; text-align : left ; width : 250px}
h2 {margin : 10px 0 0 0 ; padding : 0 ; font-size : 16px}
h3 {margin : 10px 0 0 0 ; padding : 0; font-size : 16px}
p {margin : 10px 0 0 0 ; padding : 0}

.signature { margin : 0 ; padding : 8px 0 0 0 ; }
html>body .signature  { padding : 4px 0 0 0 ;  }




