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: #FFFFFF;
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 : #333 ;
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 ; }