html *{position: relative; margin: 0; padding: 0; list-style: none; z-index: 1;}
* html, body {width: 100%; height: 100%; font-family: 'Dosis', sans-serif; font-size: 13px; color: #242424; background: url("../images/bg.jpg") center top repeat;}

/* TITRE & LIENS */
.linked{color: #242424; text-decoration: none;}
.linkid{color: #242424;}
h1 .linked, h1 .linkid {color: #FFF; text-decoration: none;}
h2 .linked, h2 .linkid, h3 .linked, h3 .linkid {color: #5c5c29; text-decoration: none;}


h1 {margin: 0 0 10px; padding: 6px 0 6px 20px; width: 690px; left: -21px; color: #FFFFFF; background: none repeat scroll 0 0 #5C5C29; font-size: 24px; font-weight: bold; text-transform: uppercase;}
h2.commune {margin: 20px 0; color: #5c5c29;}
h2.commune a {margin: 20px 0; color: #5c5c29;}
a {color: #5c5c29; text-decoration: none;}
a img {border: none;}
a:active, a:focus {outline: none;}

.CLR {clear: both;}
.TC {text-align: center;}

.container {margin: 0 auto; background: url("../images/bg_centre.jpg") center top no-repeat;}
.content {margin: 0 auto; width: 960px;  background: url("../images/content.jpg") center top repeat-y;}


/* HEADER & LOGO */
.header {margin: 0 auto; width: 960px; height: 300px;}
#logo {float: left; top: 0px; left: 14px;}


/* ESPACE CLIENTS */
#clients {float: right; position: relative; width: 540px; height: 27px; top: 2px; right: 0px;}
#clients form,#clients fieldset {margin: 0; padding: 0; border: none;}
#clients fieldset {margin: 0; padding: 0;}
#clients h2 {float: left; margin: 0; padding: 3px 7px 0 0; color: #999966; font-size: 16px; font-weight: lighter; text-transform: uppercase;}
#clients input[type=text], #clients input[type=password] {margin: 5px 0 2px 10px; padding: 0 0 0 7px; width: 160px; height: 21px; border: none; color: #FFF; font-size: 12px; font-weight: lighter; background: url(../images/input.png) left top no-repeat;}
#clients input[type=image] {top: 0; left: 5px;}
input, textarea, select {outline: none;}


/* MENU */
#menu {position: absolute; margin: 0; padding: 0; width: 689px; height: 49px; bottom: 0; right: 15px;}
#menu ul {margin: 0; padding: 0; text-align: center;}
#menu li {display: inline-block; padding: 15px 20px 0; height: 34px; list-style: none; font-size: 18px; text-transform: uppercase;}
#menu a {color: #FFF; cursor: pointer; }
#menu a:hover {color: #FFF;}
#menu li:hover {background: #5c5c29;}


/* COL LEFT */
.col_left {float: left; margin: -49px 0 0 0; padding: 10px 0 20px 0; width: 250px;} 
.col_left1 {margin: 0 0 10px 0; background: #999966;} 
.col_left  .bloc h2 {margin: 0; padding: 9px 0 0 9px; width: 230px; height: 33px; color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; background: url("../images/bloc_titre.png") left top no-repeat;}
.col_left .bloc {margin: 0 0 2px 11px; padding: 0; width: 230px;}
.col_left .bloc li {padding: 2px 0 3px 8px; width: 100%; height: 23px; font-size: 14px;}
.col_left .bloc li a {color: #FFF; }
.col_left .bloc li a:hover {color: #fff; }
.col_left .bloc li:hover {background: url(../images/bloc_hover.png) left top no-repeat;}
.col_left img {margin: 0 0 10px 11px;}

.col_left .blocservices {margin: 0 0 2px 0; padding: 10px 0 0 10px; width: 250px; height: 240px; background: url(../images/blocservices.png) left top no-repeat;}
.col_left  .blocservices h2 {margin: 8px 0 0 0; padding: 9px 0 0 9px; width: 230px; height: 33px; color: #FFF; font-size: 14px; font-weight: bold; text-transform: uppercase; background: url("../images/blocservices_titre.png") left top no-repeat;}
.col_left .blocservices li {padding: 2px 0 3px 8px; width: 100%; height: 23px; font-size: 14px;}
.col_left .blocservices li a {color: #222222; }
.col_left .blocservices li a:hover {color: #fff; }
.col_left .blocservices li:hover {background: url(../images/blocservices_hover.png) left top no-repeat;}
.col_left .blocservices li.last:hover {background: none;}


/* COL RIGHT */
.col_right {float: right; margin: 0; padding: 0 8px 0 0; width: 220px; z-index: 1000;}
.col_right img {margin: 0 0 40px 0;}


/* CENTRE*/
.centre{margin-left: 251px; padding: 0px 20px 20px 20px; width: 441px; z-index: 0;}
.centre li{list-style: disc inside none; font-size: 14px;}
.centre p{margin: 0 0 10px 0; text-align: justify; font-size: 14px;}
.centre ul{margin: 0 0 10px 0;}
.centre img {margin: 0 20px 10px 0; box-shadow: 3px 5px 5px 0 #A6A6A6;}
.centre #gmap img{box-shadow: none !important;}


/* LIENS COMMUNES*/
.links a{color: #242424 !important;}
.links a:hover{color: #5c5c29 !important;}


/* FOOTER*/
.footer {margin:0 auto; background: url(../images/footer.jpg) center top repeat-x;}

.blocarobiz {position:absolute; width:145px; height:43px; bottom: 8px; right: 0px; font-size: 11px; font-weight: normal;}
.blocarobiz p {display: inline-block; padding-right: 10px; color: #999966;}
.arobizing {overflow:hidden; display: inline-block; width:33px; height:33px; background:url(../images/arobiz.png) 0 0 no-repeat; font-size:0; color:transparent;}
.arobizing:hover{background-position:0 -35px;}
.blocarobiz a {color:#5c5c29; text-decoration: underline;}
.blocarobiz a:hover {color: #999966;}

.content_footer {margin: 0 auto; padding:0; width:960px; height:121px; color: #999966; font-weight: bold;}
.content_footer .bloc1 {position:absolute; width: 630px; bottom: 7px; left:0px; font-size: 11px;}
.content_footer .bloc1 img {float: left; margin: 0 8px 5px 0;}
.bloc1 a {color: #5c5c29; font-weight: normal;  text-decoration: underline;}
.bloc1 a:hover {color: #999966;}


/* RESEAUX SOCIAUX*/
.likes{margin: 30px 0 0 20px;}
.likes .plusone{float: left; overflow: hidden; width: 30px;}
.likes .fb{float: left; overflow: hidden; width: 48px; height: 15px;}
.likes .fb iframe{top: -2px; left: -4px; border: none; }


/* DEVIS EXPRESS */
#express {position : absolute; padding: 5px 5px; width: 377px; height: 117px; top: 69px; left: 247px;}
#express input[type=text] {padding: 0 0 0 3px; width: 99px; height: 25px; color: #2f4605; font-size: 11px; border: none; background: url(../images/devis_input.png) no-repeat;}
#express input[type=submit] {width: 126px; height: 25px; top: 15px; left: 320px; background: url(../images/devis_ok.png) no-repeat; border:0; font-size:0; cursor:pointer;}
#express form,#express fieldset {margin: 0; padding: 0; border: none;}
#express ul {position: absolute; width: 220px; height: 65px; top: 0px; left: 101px;}
#express li {display: inline-block; margin: 0 0 2px 0; padding: 0 5px 4px 0;}
#express .typebien {position: absolute; width: 111px; top: -7px; left: -10px; color: #2f4605; font-size: 13px;}
#express .typebien input[type=radio] {margin: 6px 3px 0 15px; text-align: center;}
#express h2 {margin: 0 0 22px; color: #FFFFFF; font-size: 20px; text-shadow: 2px 2px 4px #000000; text-transform: uppercase;}
#express .ftt {font-color: transparent; font-size: 0;}