/* ----- RESET ----------------------------------------------------------------------------- */
html,body,br,div,span,a,object,iframe,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p,blockquote,q,address,small,big,cite,dfn,ins,del,i,em,b,strong,sup,sub,strike,pre,code,samp,kbd,var,tt,form,legend,label,option,.nobox{background:transparent;border:0;font-size:100%;outline:0;vertical-align:baseline;margin:0;padding:0;}
blockquote,q{quotes:none;}
br{height:0;}
ul,ol,dl{list-style:none;}
a img{border:0;}
img.inline{display:inline;vertical-align:middle;}
.clearer {clear: both;}
/* ----- MAIN ----------------------------------------------------------------------------- */
body{background-color:#fff;background:url(../images/design/global-bg.jpg) top center repeat-x;font:11px arial, verdana, Helvetica, sans-serif;margin:0;padding:0;}
#container{width:850px;position:relative;margin: 0 auto;}
#content-left{width:310px;float:left;padding:0;margin:0 0 0 0;}
#content-right{background:url(../images/design/right-bg.png) top center repeat-x;width:479px;float:right;padding:0 0 20px 0;margin:20px 40px 0 0;_margin:20px 20px 0 0;min-height:600px}
#content-right p{font-size:11px;color:#454242;margin:10px 26px 15px 20px;text-align:justify;line-height:1.5em;}
#content-right p a{color:#454242}
div.realisations{margin: 0 0 0 12px}

div.realisations img{margin: 0 8px 0 8px}
#content-left p.coordonnees{color:#dfdccf;margin:10px 46px 15px 60px;_margin:10px 36px 15px 60px;text-align: right}
#content-left p a,#content-left p a:hover{color:#dfdccf}
h1{font-size:13px;line-height:1em;color:#464646;font-weight:normal;text-align:left;margin:0;padding:0 8px 0 0;background-color: #f4f4f4;float:left;text-transform: uppercase}
#box-titre{background-color: #d2d2d2;margin:20px 26px 15px 20px;_margin:12px 0 15px 10px;float:left;width:432px}
h2{font-size:13px;line-height:1em;color:#c73400;font-weight:normal;text-align:left;margin:20px 26px 15px 20px;padding:0;text-transform: uppercase}
h3{font-size:12px;line-height:1em;color:#454242;text-align:left;margin:20px 26px 4px 20px;padding:0;}
h4{font-size:14px;line-height:1em;color:#5a5a5a;text-align:left;margin:30px 0 10px 0;padding:0;}
.rouge{color:#c73400}
ul.default{padding-left: 18px;list-style-type: square;margin:15px 24px 20px 20px;}
ul.default li{color:#454242;margin: 7px 0 14px 0;clear: left;}
ul.default li a{color:#454242;text-decoration: none}
ul.default li.in{margin: 7px 7px 7px 35px;clear: left;}
ul.default li.in a{color:#454242;text-decoration: none}

ol.default{padding-left: 18px;list-style-type: decimal;margin:15px 24px 20px 20px;}
ol.default li{color:#454242;margin: 7px 0 14px 0;clear: left;}
ul.arrow{font-size:11px;padding-left: 50px;list-style-image: URL(../images/design/arrow.gif);color: #666666;margin:0;}
ul.arrow li{margin:0 0 12px 0;padding:0 0 0 2px;clear: left;}
.image{margin: 0 0 0 20px}
.note{font-size:90%;font-style: italic;color:#928888}
hr {color: #b0b0b0;background-color: #b0b0b0;height: 1px;border: 0;margin: 6px 6px 6px 0}
.logo{margin:36px 0 0 70px;_margin:36px 0 0 80px}
.zone-image{margin:7px 0 0 7px}
#top-bar{background:url(../images/design/top-menu-bg.png) top left repeat-x;height:69px;}
/* ------- NAVIGATION TOP ------- */
#top-navigation,#top-navigation li{list-style:none;color:#ccc;margin:0;padding:0;float:right}
#top-navigation li {float:left;text-transform:uppercase}
#top-navigation li {background:url(../images/design/nav-sep.gif) 0 0 no-repeat;}
#top-navigation li a{display:block;float:left;color:#c0c6b4;text-decoration:none;font:11px/11px Tahoma, Arial, Helvetica, sans-serif;height:36px;padding:20px 20px 0 20px}
#top-navigation li a:hover{color:#c0c6b4;text-decoration:none;padding-top:20px;background:url(../images/design/arrow-menu.png) center bottom no-repeat;background-color: #72736f}
div.liste {width:760px;margin: 0 auto;background:url(../images/design/nav-sep.gif) right 0 no-repeat;height:56px;padding: 0 2px 0 0}
/* ------- NAVIGATION PRINC ------- */
#nav-princ{position:relative;bottom:0;width:214px;height:170px;margin:50px 0 60px 56px;_margin: 50px 0 60px 56px;padding:0;}
ul#nav-princ li{float:left;display:inline;list-style-type:none;margin:0;padding:0;}
ul#nav-princ li a{float:left;text-indent:-9999px;text-decoration:none;line-height:0;background:url(../images/design/nav-princ-bg.gif);}
ul#nav-princ li.services a{width:214px;height:43px;background-position:0 0;margin:0}
ul#nav-princ li.services a:hover{background-position:-214px 0 ;}
ul#nav-princ li.bureau a{width:214px;height:43px;background-position:0 -43px;}
ul#nav-princ li.bureau a:hover{background-position:-214px -43px ;}
ul#nav-princ li.commercial a{width:214px;height:42px;background-position:0 -86px;}
ul#nav-princ li.commercial a:hover{background-position:-214px -86px ;}
ul#nav-princ li.residentiel a{width:214px;height:42px;background-position:0 -128px;}
ul#nav-princ li.residentiel a:hover{background-position:-214px -128px;}
/* ------------------------------------- FOOTER  */
#footer {color:#bababa;font-size:11px;width: 100%;position: relative;background-color: #4d4d4d;height:51px;margin: 0 0 0 0;clear: both;} 
#footer-content{width:760px;position:relative;margin: 0 auto;padding: 0 0 0 0}
#footer-left{float:left;;position:relative;margin: 10px 0 0 0;padding: 0 0 0 0;text-align:left;}
#footer-right{float:right;position:relative;margin: 10px 0 0 0 ;_margin:10px 16px 0  0;padding: 0 0 0 0;text-align:right;}
/* h1{font-size:14px;line-height:1em;color:#464646;font-weight:normal;text-align:left;margin:20px 26px 15px 0;padding:0 8px 0 0;background-color: #f4f4f4;float:left} */
#footer a{color:#bababa;text-decoration: none}
#footer a:hover{color:#bababa;text-decoration: underline}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
/* ------------------------------------- LIGHT BOX  */
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }