ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style:none;
}
fieldset{
border:0;
}
a,a:link,a:visited,a:hover{
color:#00f;
text-decoration:none;
}
a:focus,a:hover{
text-decoration:underline;
}
a img{
border:0;
}
.clear{
clear:both;
}
body{
position:relative;
background:#fff;
color:#000;
font:62.5% Verdana,Arial,sans-serif;
}
#main{
width: 976px;
float: left;
padding: 11px 0px 0px 0px;
background: url(../images/body_bg.jpg) repeat-y;
}
#header_container{
width: 925px;
height: 173px;
margin: 0px 0px 0px 25px;
background: url(../images/header_lines.jpg) repeat-x bottom;
}
#header{
width: 925px;
height: 157px;
background: url(../images/header.jpg) no-repeat;
}
#logo{
display: inline-block;
width: 148px;
height: 146px;
float: left;
margin: 7px 0px 0px 14px;
background: url(../images/logo.jpg) no-repeat;
text-indent: -99999px;
}
#content{
width: 976px;
clear: both;
float: left;
padding: 23px 0px 0px 0px;
}
#left_column{
width: 219px;
float: left;
}
#systemes{
display: block;
width: 188px;
height: 23px;
font-size: 10px;
font-weight: bold;
color: #fff;
text-decoration: none;
padding: 10px 0px 0px 6px;
margin: 0px 0px 3px 25px;
background: url(../images/systemes.jpg) no-repeat;
text-indent: -99999px;
}
#isolation{
display: block;
width: 178px;
height: 23px;
font-size: 10px;
font-weight: bold;
color: #0062C8;
text-decoration: none;
padding: 10px 0px 0px 16px;
margin: 0px 0px 18px 25px;
background: url(../images/isolation.jpg) no-repeat;
text-indent: -99999px;
}
#left_column ul{
margin: 18px 0px 0px 0px;
}
#left_column ul li{
display: block;
height: 33px;
overflow: hidden;
}
#left_column ul li a{
display: inline-block;
width: 178px;
height: 23px;
font-size: 10px;
font-weight: bold;
color: #fff;
overflow: hidden;
text-decoration: none;
padding: 10px 0px 0px 16px;
margin: 0px 0px 1px 25px;
background: url(../images/navigation_bg.jpg) no-repeat;
}
#left_column ul li a:hover{
background-position: 0px -33px;
}
#left_column ul li a.active{
background-position: 0px -33px;
}
#left_column ul li.etancheite a span{
display: block;
width: 165px;
height: 12px;
background: url(../images/etancheite.jpg) no-repeat;
text-indent: -99999px;
}
#left_column ul li.etancheite a:hover span{
background-position: 0px -12px;
}
#left_column ul li.etancheite a.active span{
background-position: 0px -12px;
}
#left_column ul li.revetement a span{
display: block;
width: 130px;
height: 12px;
background: url(../images/revetement.jpg) no-repeat;
text-indent: -99999px;
}
#left_column ul li.revetement a:hover span{
background-position: 0px -12px;
}
#left_column ul li.revetement a.active span{
background-position: 0px -12px;
}
#left_column ul li.ouvrage a span{
display: block;
width: 72px;
height: 14px;
background: url(../images/ouvrage.jpg) no-repeat;
text-indent: -99999px;
}
#left_column ul li.ouvrage a:hover span{
background-position: 0px -14px;
}
#left_column ul li.ouvrage a.active span{
background-position: 0px -14px;
}
#left_column ul li.travaux a span{
display: block;
width: 92px;
height: 14px;
background: url(../images/travaux.jpg) no-repeat;
text-indent: -99999px;
}
#left_column ul li.travaux a:hover span{
background-position: 0px -14px;
}
#left_column ul li.travaux a.active span{
background-position: 0px -14px;
}
#left_column ul li.cuvelage a span{
display: block;
width: 126px;
height: 14px;
background: url(../images/cuvelage.jpg) no-repeat;
text-indent: -99999px;
}
#left_column ul li.cuvelage a:hover span{
background-position: 0px -14px;
}
#left_column ul li.cuvelage a.active span{
background-position: 0px -14px;
}
#left_column ul li.technicites a span{
display: block;
width: 107px;
height: 14px;
background: url(../images/technicites.jpg) no-repeat;
text-indent: -99999px;
}
#left_column ul li.technicites a:hover span{
background-position: 0px -14px;
}
#left_column ul li.technicites a.active span{
background-position: 0px -14px;
}
#left_column ul li.recheche a span{
display: block;
width: 159px;
height: 11px;
background: url(../images/recheche.jpg) no-repeat;
text-indent: -99999px;
}
#left_column ul li.recheche a:hover span{
background-position: 0px -11px;
}
#left_column ul li.recheche a.active span{
background-position: 0px -11px;
}
#contact{
display: block;
width: 184px;
height: 31px;
font-size: 16px;
font-weight: bold;
color: #fff;
text-decoration: none;
padding: 13px 19px 0px 0px;
margin: 16px 0px 18px 13px;
background: url(../images/contact_bg.jpg) no-repeat;
text-indent: -99999px;
}
#main_column{
width: 485px;
float: left;
padding: 0px 28px 0px 25px;
}
#main_column h1{
font-size: 21px;
color: #0062C8;
font-weight: normal;
text-align: right;
margin: 0px 0px 14px 0px;
}
#main_column h2{
font-size: 18px;
color: #26922B;
font-weight: normal;
text-align: left;
margin: 0px 0px 14px 0px;
}
#main_column h2.h2right{
font-size: 18px;
color: #26922B;
font-weight: normal;
text-align: right;
margin: 0px 0px 14px 0px;
}
#main_column h3{
font-size: 15px;
color: #555555;
font-weight: normal;
text-align: left;
margin: 0px 0px 14px 0px;
font-weight:bold;
}
#main_column p{
font-size: 12px;
color: #666666;
margin: 0px 0px 15px 0px;
}
#main_column ul{
font-size: 12px;
color: #666666;
list-style-type:disc;
margin: -15px 0px 15px 16px;
}
#main_column img{
margin: 0px 16px 0px 0px;
float: left;
}
#main_column img.right{
margin: 0px 0px 0px 16px;
float: right;
}
#right_column{
width: 194px;
float: left;
}
#footer{
display: inline;
width: 950px;
height: 20px;
float: left;
clear: both;
text-align: center;
background: #0046AC;
padding: 6px 0px 0px 0px;
margin: 23px 0px 0px 13px;
}
#footer p{
font-size: 11px;
color: #fff;
}
#footer a{
color: #fff;
text-decoration: underline;
}
/*------------------CONTACT FORM-----------------------*/
#contact_form p{
width: 250px;
clear: both;
float: left;
margin: 0px 0px 10px 0px;
}
#contact_form span{
float: left;
font-weight: bold;
}
#contact_form input{
float: right;
}
#contact_form textarea{
float: right;
height: 60px;
}
input#submit{
width: 72px;
height: 33px;
float: left;
clear: both;
margin-left:180px;
background: url(../images/send.jpg) no-repeat;
border:none;
}
input:hover#submit{
width: 72px;
height: 33px;
background: #31C331;
background: url(../images/send_hover.jpg) no-repeat;
}
.formulaire {
position:relative;
float:left;
margin-left:100px;
margin-top:-198px;
}
.titreform {
position:relative;
float:right;
right:190px;
}
.replace{
position:relative;
margin:0;
padding:0;
/* \*/
overflow:hidden;
/* */
}
.replace span{
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
}
.skiplink{
display:none;
}
#wrapper{
width: 976px;
margin:0 auto;
}
.banner {
position:relative;
}