/* -------------------------------------------------- Initialisation de la page -------------------------------------------------- */

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,textarea{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;}
fieldset,img{border:0;}
.clearer {clear: both;}
* {margin: 0;}
a:link,a:visited{color:#cebca5}
a:hover,a:active{color:#d7c7a9}
html, body {height: 100%;}

/* -------------------------------------------------- MAIN -------------------------------------------------- */

body{background:url(../images/design/bg-global.jpg) repeat-x top left;background-color:#512d21;color:#d7c7a9;font-family:Arial, Verdana, Helvetica, sans-serif;font-size:11px;margin:0;padding:0;}
#header{background:url(../images/design/header.jpg) no-repeat top center;width:983px;height:439px;position:relative;margin:0 auto;}
#top_menu{text-align:right;font-size:10px;color:#3d332d;padding:10px 20px 0 0;width: 300px;float: right;text-transform: uppercase}
#top_menu a{color:#3d332d}


#num_rbq{text-align:right;font-size:11px;font-weight:normal;color:#7d695a;float:right;padding:30px 0 0 0;width: 300px;}
#container{width:983px;position:relative;margin:0 auto;padding:0}	
#bg-ombrage{background:url(../images/design/bg-ombrage.png) no-repeat top left;width:1023px;;margin:0 auto;padding:0;height:1000px}
#content{background:url(../images/design/content.png) repeat-y top center ;width:983px;margin:0;padding: 0;float: left;position: relative;zoom: 1;z-index: 100;}
#content-left{width:713px;float:left;margin:0;padding:0;position: relative}
#content-right{width:270px;float:right;margin:0;padding:0;position: relative}
#contact-left{width: 342px;float:left;margin: 0 0 20px 30px;_margin:0 0 20px 14px}
#contact-right{width: 300px;float:left;margin: 0 0 20px 0}
div.bloc-info, div.bloc-avantages{width:610px;background-color: #6b5b4f;margin: 0 0 16px 30px;padding:20px;border: solid #837469 1px; -moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;behavior: url(../js/border-radius.htc) ;z-index: 200;}
div.separateur{margin: 6px 0 20px 0;background-color:#d7c7a9;height: 1px;}
div.bloc-services{background:url(../images/design/avantage-background.png) no-repeat bottom right;width:610px;background-color: #6b5b4f;margin: 0 0 16px 30px;padding:20px;border: solid #837469 1px; -moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;behavior: url(../js/border-radius.htc) ;z-index: 200;}
div.bloc-maison{width:610px;background-color: #6b5b4f;margin: 0 0 16px 30px;_margin:0 0 16px 14px;padding:20px;border: solid #837469 1px; -moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;behavior: url(../js/border-radius.htc);float: left}
div.bloc-maison p{margin:0}
div.maison-image img{float: left;margin:0 10px 10px 0}
div.maison-left{width: 280px;float:left;margin: 0 0 20px 0}
div.maison-right{width: 250px;float:left;margin: 0 0 20px 80px}
div.bloc-info p{margin:0}
div.realisations{margin: 0 0 0 30px}
div.realisations img{border: solid 1px #52453d;margin: 0 10px 10px 0}
div.bloc-info .close {position:absolute;right:40px;top:5px;}
#models{background:url(../images/design/bg-maison-modele.png) no-repeat top center;width:270px;height:153px;position:relative;float:left;margin:40px 0 0;padding:0;}

#models img{margin:23px 0 0 46px;}
#models img a{} 
#models a.details{background:url(../images/design/details_icon.png) no-repeat center right;font-size:0.8em;font-weight:700;text-decoration:underline;float:right;color:#f2ffff;margin:10px 46px 20px 0;padding:0 10px 0 0 }
#models a, #models a:hover{text-decoration:none;}
#menu{color:#d7c7a9;font:13px/26px Arial, Verdana, Helvetica, sans-serif;width:270px;position:relative;float:left;margin:0 auto;padding:24px 0 0 0;}
#menu ul li a{background:url(../images/design/bg-menu.png) no-repeat;height:26px;width:270px;text-decoration:none;text-align:left;display:block;line-height:26px;padding:0 0 0 36px}
#menu ul li.last a{background:url(../images/design/bg-menu-last.png) no-repeat;height:27px;width:270px;text-decoration:none;text-align:left;display:block;line-height:26px;padding:0 0 0 36px}
#menu ul li a:hover{background-position:bottom left;font-weight: bold}
#list_box{background:url(../images/design/list_background.png) no-repeat;width:711px;float:left;position:relative;margin:0;padding:0;height: 137px;margin: 20px 0 10px 0}
#list_box ul{float:left;width:250px;height:24px;list-style:none;margin:12px 0 0 30px}
#list_box li{background-image:url(../images/design/bullet_list.png);background-position:0 7px;background-repeat:no-repeat;line-height:24px;margin:0;padding:0 0 0 20px;}
#logo_box{background:url(../images/design/bg-box-logo.png) no-repeat top center;width:211px;height:214px;position:relative;float:left;text-align:center;margin:60px 0 0 30px;}
ul.avantages{float:left;list-style:none;margin:0 0 0 0}
ul.avantages li{background-image:url(../images/design/bullet_list.png);background-position:0 3px;background-repeat:no-repeat;line-height:18px;margin:7px 0 0 0;padding:0 0 0 20px;}
ul.avantages strong{font-size: 120%}

/* -------------------------- IMAGES  ------------------------- */

.logo-accreditation{margin:20px 0 0 0;}
.logo-accreditation2{margin:34px 0 0 0;}
.image-warning{float: left;margin: 0 20px 10px 0}
.realisations{margin: 20px 0 0 36px}
img.image-texte{float:left;margin:0px 10px 10px 0}
.logo{margin:10px 0 0 20px;padding:0;width: 190px;height: 156px;float: left}
.image-left{margin: 0 20px 20px 0;float: left;position: relative;}

/* -------------------------- TEXTE  ------------------------- */

h1{color:#d7c7a9;font:14px/24px Verdana, Arial, Helvetica, sans-serif;font-weight:700;border-bottom:solid 1px #7a6c5c;text-transform:uppercase;margin:0 32px  20px 30px;padding:0;}
h2{color:#d7c7a9;font:11px/24px Verdana, Arial, Helvetica, sans-serif;font-weight:700;border-bottom:solid 1px #7a6c5c;text-transform:uppercase;margin:0 32px  20px 30px;padding:0;}
h3{color:#d7c7a9;font:10px/24px Verdana, Arial, Helvetica, sans-serif;font-weight:700;text-transform:uppercase;margin:0 32px  0 0;padding:0;}
strong{font-size: 110%}
span.h1italic{font-size:14px;line-height:1em;color:#d7c7a9;font-weight:400;text-align:left;font-style:italic;text-transform:none;margin:0;padding:0;}
p{font-size:11px;color:#d7c7a9;line-height:1.6em;margin:14px 32px 15px 30px;padding:0;text-align:justify}

/* -------------------------- FOOTER  ------------------------- */

#footer{background:url(../images/design/footer.png) no-repeat top center;font-size:10px;height:161px;color:#5b4b42;padding:0;float: left;width: 983px}
#footer p{font-size:11px;color:#5c5240;line-height:1.5em;margin:34px 0 15px 14px;padding:0;text-align:justify;float:left}
#footer-content-left{width: 400px;float: left;margin:80px 0 0 30px}
#footer-content-right{height:43px;width: 230px;float: right;margin:90px 30px 0 0}
#footer-content-right p a{font-size:11px;color:#5b4b42;line-height:1.6em;margin:10px 0 0 0;padding:0;text-decoration: underline}
#footer .logo-footer{margin:16px 0 0 0;float: left}
.logo-oktane{float:right;margin: 14px 0 0 0}

/* -------------------------- FORM  ------------------------- */

div.contact_form{width: 651px;float: left;padding:0 0 40px 0;margin: 0 0 0 30px;_margin: 0 0 0 14px}
div.contact_form p{font-size:11px;color:#d7c7a9;line-height:1.5em;margin:0 0 2px 0 !important;padding:0 !important;text-align:justify}
div.contact_form fieldset{border: none;margin: 0;padding: 0}
div.contact_leftcolumn{float:left;width: 218px;margin: 0 0 16px 0;padding: 0}
div.contact_centercolumn{float:left;width:218px;margin: 0 0 16px 0;padding: 0}
div.contact_rightcolumn{float:left;width:215px;margin: 0 0 16px 0;padding: 0}
div.contact_doublecolumn{float:left;padding-top:0;clear:both;}
form.contact label {font-family:Arial,Verdana,sans-serif;font-weight: bold;font-size: 12px;color: #d7c7a9;margin:0}
input.inputfield_small{background-color:#fff;border:none;background-image:url(../images/design/contact_form.png);background-position:-10px -13px;background-repeat:no-repeat;height:19px;width:183px;padding:6px 8px 0 10px;margin: 0 0 0 0}
form.contact input.inputfield_small:focus {background-position: -10px -43px;}
form.contact input.inputfield:focus {background-position: -10px -112px;}
form.contact div.contact_inputtext_top{width:647px;font-size:0;height:4px;background-image:url(../images/design/contact_form.png);background-position:-10px -103px;margin:0;padding:0;}
form.contact div.contact_inputtext_ml{float:left;width:4px;height:94px;background-image:url(../images/design/contact_form.png);background-position:-10px -107px;}
form.contact div.contact_inputtext_mm textarea{resize:none;float:left;background-color:#fafafa;border:none;width:636px;height:91px;padding-left:3px;padding-top:2px;padding-bottom:1px;}
form.contact div.contact_inputtext_mr{float:left;width:4px;height:94px;background-image:url(../images/design/contact_form.png);background-position:-653px -106px;}
form.contact div.contact_inputtext_bottom{float:left;width:647px;height:4px;font-size:0;background-image:url(../images/design/contact_form.png);background-position:-10px -202px;}
form.contact div.contact_submit{margin: 10px 10px 0 0;float: right}
form.contact div.contact_inputtext {width: 676px;}
form.contact p{margin: 10px 0 6px 0}
input.submit_button_envoyer {background:url(../images/design/submit_buttons.png) -10px -14px no-repeat;	width: 79px;height: 25px;border: none;cursor: pointer;}
input.submit_button_envoyer:hover {background-position: -10px -48px;}
input.submit_button_effacer {background:url(../images/design/submit_buttons.png) -10px -84px no-repeat;	width: 84px;height: 25px;border: none;cursor: pointer;margin: 0 8px 0 10px}
input.submit_button_effacer:hover {background-position: -10px -118px;}
input[type=checkbox]{margin : 0 10px 0 0 }

/* -------------------------- FORM ERROR ------------------------- */

.formError {position:absolute;top:300px; left:300px;width:150px;padding-bottom:15px;display:block;z-index:5000;}
.formError .formErrorContent {width:100%; background:#000;color:#fff;font-family:tahoma;font-size:10px;box-shadow: 0px 0px 6px #000;-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;padding:4px 10px 4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px; height:15px;}
.formError .formErrorArrow div{box-shadow: 0px 0px 6px #000;-moz-box-shadow: 0px 0px 6px #000;-webkit-box-shadow: 0px 0px 6px #000;font-size:0px; }
.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} 

/* ------------------------------------- TABLE ADMIN  */
table.gestion{font:11px Verdana, Arial, Helvetica, sans-serif;letter-spacing:normal;margin:20px 0 0 16px;width:610px}
table.gestion th{padding:6px 15px 6px 2px;text-align:left;width:180px}
table.gestion td{padding:6px 15px 6px 2px;}
table.gestion td.none{border-bottom:0;padding:6px 15px 6px 2px;}
table.gestion th.none{border-bottom:0;padding:6px 15px 6px 2px;text-align:left;width:250px}
table.gestion select{font:11px Verdana, Arial, Helvetica, sans-serif;border:1px solid #aeaeae;padding:2px;}
#gestion input[type=text]{border:1px solid #aeaeae;height:17px;font:11px Verdana, Arial, Helvetica, sans-serif;padding:2px 3px 0px 3px;background-color: #fff}
#gestion textarea{border:1px solid #aeaeae;font:11px Verdana, Arial, Helvetica, sans-serif;padding:2px 3px 0px 3px;background:url(../images/design/fond-champ.png) repeat-x;background-color:#fff}
textarea{font-size:11px}
tbody.on  { display:table-row-group; }
tbody.off { display:none; }
.errFld {border: 1px solid #F00; /*... or any other css properties ... */}
.errMsg { color: #C33; /*... or any other css properties ... */ } 
table.gestion span{padding:0 0 0 10px;}
#gestion span.rouge{font-weight:bold;color:#990000;padding:0px 0px 0px 3px;}
#gestion div.soumettre{float:right;margin: 20px 10px 15px 0}
.erreur {font-size: 10px;color: #FF0000;font-weight: bold;}
.reussite {font-size: 10px;font-weight: bold;color: #669900;}.donnee {font-weight: bold;color: #FF9900;font-size: 12px;}
/* ------------------------------------- TABLE ADMIN  */
table.modification{font:11px Verdana, Arial, Helvetica, sans-serif;letter-spacing:normal;margin:0 0 0 30px;width:650px}
table.modification td{border-bottom:1px solid #d2d2d2;padding:10px 0 10px 0}


.box{width:612px;padding: 6px 6px 6px 12px;margin: 25px 0 25px 0;float:left;}
.box-ajout{612px;padding: 6px 6px 6px 12px;margin: 25px 0 25px 0;float:left}
.box-remorque{width:616px;padding: 10px;margin: 15px 0 0 0;float:left}
.box-remorque p{font-size:11px;color:#777777;line-height:1.7em;margin:6px 0 0 6px;padding:0;text-align:justify}
.box-photos{background:url(../images/design/ombrage-image.png) no-repeat 0 0;width:92px;height:105px;float:left;padding:0 10px 0 0}
.box-photos img{margin: 6px 0 0 6px}
.box-accepter{font-weight: bold;width:634px;padding: 6px 6px 6px 12px;margin: 25px 0 25px 30px;text-align: center;vertical-align:super;background-color: #6b5b4f}
.accept{margin:0 6px 0 0;vertical-align:middle}

/*------------------------------------- ADMIN Link bouton */
img.bouton {vertical-align: middle}
A.bouton:link {text-decoration: none; font-size:24; font-weight:bold;}
A.bouton:visited {text-decoration: none;font-size:24; font-weight:bold;}
A.bouton:active {text-decoration: none;font-size:24; font-weight:bold;}
A.bouton:hover {text-decoration: none;font-size:24; font-weight:bold;}
div.ajout-maison {margin: 0 0 0 24px;}
.image-border{border: solid 1px #bbac92}
div.bloc-gestion-photos{margin: 0 0 0 30px;float: left}
div.photos-maison{margin: 0 30px 30px 0;float: left;text-align: center}
div.photos-maison img{margin: 0 0 6px 0}