﻿html *{padding:0; margin:0; position:relative; list-style:none outside none; z-index:1;}
* html, body{background:#fff;font-family: Arial;font-size:11px;color:#717173; width:100%; height:100%;margin:0 0;}


.linked{color:#717173;text-decoration:none;}
.linkid{color:#717173;}
h1 .linked, h1 .linkid, h2 .linked, h2 .linkid, h3 .linked, h3 .linkid{color:#717173;text-decoration:none;}


h1{padding:10px;font-size:20px;}
h2{font-size:16px;}
h2.commune{margin:20px 0;}
a{color:#af0917;text-decoration:none;}
a img{border:none;}
.CLR{clear:both;}
.TC{text-align:center;}


#bg_degrade{width:100%;height:500px;left:0;right:0;position:absolute;background:url('/images/bg_degrade.jpg') left top repeat-x;z-index:-1;}

.content{width:950px; margin:1px auto; position:relative;padding:0 25px;background:url('/images/content.jpg') center top no-repeat;overflow:hidden;}

.header{width:950px;margin: 0 auto;padding-top:34px; position:relative;height:140px;background:url('/images/header.png') right bottom no-repeat;}
#bandeau{width:100%;height:140px;position:absolute;left:0;top:34px;background:url('/images/bandeau.jpg') center top repeat-x}
#logo{position:absolute;float:left;z-index:1111;margin-top:10px;}
#contact_us{float:right;margin-right:5px;margin-top:45px;position:absolute;right:0;}


#clients{
width:100%;
height:75px;
background:url('/images/clients.png') repeat-x;
left:0;
top:0;
z-index:100;
position:absolute;
}

#clients form,#clients fieldset{
border:none;
margin:0 auto;
padding:0;
text-align:right;
}

#clients form{
width:950px;
position:relative;
margin:5px auto;
}

#clients fieldset{
width:540px;
float:right;
}
#clients span{
margin:0;
font-size:12px;
color:#f59200;
font-weight:bold;
font-style:italic;
margin-right:10px;
}

#clients label{
margin:4px 10px 0 0;
font-size:12px;
color:#fff;
text-align:left;
}
#clients input[type=text],#clients input[type=password]{
width:86px;
margin:4px 10px;
font-size:12px;
padding:1px 4px 3px 4px;
height:16px;
border:none;
background:url('/images/input.png') no-repeat;
color:#000;
padding:0 6px;
}

#clients input[type=image]{
font-size:0;
float:right;
margin-left:15px;
}


#menu{position:relative;margin:0;left:0;z-index:1000;position:absolute;bottom:0px;left:320px;width:482px;height:27px;background:url('/images/menu.png') no-repeat;}
#menu ul{margin:0; padding:0;text-transform:uppercase;margin-top:5px;margin-left:0}
#menu li{margin:0; padding:0;z-index:1000;list-style:none;padding-top:3px;width:90px;text-align:center;float:left;padding-left:25px;}
#menu a{color:#6a6867;cursor:pointer;}
#menu a:hover{color:#6a6867;}


#visuel_dpe{left:475px;bottom:-40px;position:absolute;float:left;z-index:1000;}

.page{position:relative;width:950px;padding-top:15px;float:left;}
/* Gauche */
.col_left{width:308px;float:left; padding:0; position:relative;background:url('/images/dpe.jpg') no-repeat;margin-top:35px;}
.col_left h2{color:#fff;font-weight:normal;position:relative;padding:0px;font-size:16px;}
.col_left h4{display:none}
.services{width:296px;height:144px;background:url('/images/services.png') no-repeat;margin:0 6px;}
.services h2{color:#fff;font-weight:normal;position:relative;padding-top:10px;font-size:20px;text-align:center;}
.services h3{color:#fff;font-weight:normal;position:relative;padding-top:10px;font-size:18px;text-align:center;}
.col h2{color:#fff;font-weight:normal;position:relative;padding-top:0;font-size:20px;}
.col h3{color:#fff;font-weight:normal;position:relative;padding-top:10px;font-size:18px;text-align:left;}
.col2{margin-top:60px;}
.col_left .col{width:146px;padding: 10px 4px;position:relative;float:left;}
.col_left .services ul{margin:0 0 0 0;padding:5px 0;}
.col_left .services li {margin:4px 0 0 17px;width:127px;float:left;}
.col_left .services li a{color:#fff;text-decoration:none;}
.col_left .services li a:hover{color:#541600;text-decoration:none;}

.col_left .bloc li {padding-top:4px}
.col_left .bloc li a{color:#541700;text-decoration:none;}
.col_left .bloc li a:hover{color:#fff;text-decoration:none;}
/* Droite */
.col_right{width:152px;float:right; padding:0; position:relative;margin-right:0;z-index:0;margin-top:35px;}
.col_right h2{color:#fff;font-weight:normal;position:relative;padding-left:0;font-size:24px;}
.col_right h4{display:none}

.col_right img{margin: 5px 0}

.separator{clear:both;}
.entete_diag {width:116px;position:relative;background:url('/images/bloc.png') left top;padding:0 15px;}
.diag {width:116px;position:relative;background:url('/images/bloc.png') left bottom;padding:5px 15px 20px 15px;margin-bottom:10px;}

.right_bottom{background:url('/images/right_bottom.png') right top no-repeat;width:140px;height:56px;position:absolute;right:1px;bottom:-10px;}
.left_top{background:url('/images/left_top.png') left top no-repeat;width:140px;height:56px;position:absolute;left:-3px;top:-10px;}


.bottom_centre{background:url('/images/bottom_centre.jpg') right bottom no-repeat;width:283px;height:118px;position:absolute;}
.entete_renovation {width:116px;position:relative;background:url('/images/renovation.png') left top;padding:0 15px;}
.renovation {width:116px;position:relative;background:url('/images/renovation.png') left bottom;padding:5px 15px 20px 15px;margin-bottom:10px;}

.copro {width:116px;height:65px;background:url('/images/copro.png');padding:0 15px;margin-top:10px;}

.centre{margin:40px 0 20px 10px;float:left; width:435px; padding:0 15px 80px 15px;position:relative;z-index:1000;background:#fff;border:1px solid #f5f5f5;}
.centre li{list-style:none;}
.centre p{text-align:justify; font-size:14px;}

.links li{float:left; padding:2px; margin:0 10px;}
.links a{color:#737373;}
.links a:hover{color:#541600;}

.footer{margin: 0;background:#f69300;width:100%;position:relative;z-index:0;}
.bottom{margin:0 auto;width:900px;padding: 0 25px;height:60px;padding-top:40px;position:relative;text-align:center;z-index:0;}
.shadow{height:50px;width:100%;background:url('/images/footer.png') center bottom no-repeat;}

.footer h2.commune{margin:5px 0; font-size:11px;}


.lastLine{margin:10px 0;color:#fff;}
.lastLine a{text-decoration:none; color:#fff;}

.lastLine a:hover{color:#541600;}

.likes{margin:5px 15px;}
.likes .plusone{width:30px;float:left;overflow:hidden;}
.likes .fb{overflow:hidden; width:48px; height:15px;float:left;}
.likes .fb iframe{border:none; left:-4px; top:-2px;}

.fright{float:right;}
.center{text-align:center;}
.plan{width:512px;height:268px;position:absolute;right:30px;bottom:0;background: url('/images/plan.png') 0 0 no-repeat;z-index:-1}
.plan2{width:135px;height:202px;position:absolute;right:14px;top:120px;background: url('/images/plan2.png') 0 0 no-repeat;z-index:-1}

.onglet1{position:absolute;left:521px;top:25px;}
.onglet2{position:absolute;left:521px;top:90px;}
.onglet3{position:absolute;left:521px;top:155px;}


