@charset "utf-8"; 

html { margin:0px; padding:0px; }

body { margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#636363; }

h1, h2, h3, h4, h5{ font-family:Arial,Helvetica,sans-serif; }
h1{ font-size:42px; color:#5E5D3F; margin:0; padding:0 0 15px 0; font-weight:100; line-height:38px; }
h2{ font-size:20px; color:#5d5c3e; margin:0; padding:0 0 5px 0; }
h3{ font-size:16px; color:#5d5c3e; padding:5px 0 0 0; line-height:16px; }
h4{ font-size:15px; color:#FFFFFF; margin:0; padding:0; font-weight:bold; float:left; }
h5{ font-size:14px; color:#FFFFFF; margin:0; padding:0 0 15px 15px; font-weight:lighter; background-color:#645e2a; line-height:30px; height:15px; }

p { text-align:justify; margin:0px; padding:0px; }

img { border:0px; }

a { color:#f79821; text-decoration:underline; }
a:hover { color:#f79821; text-decoration:none; }
a:visited { color:#f79821; }

.container { width:907px; margin-left:auto; margin-right:auto; }

.main-frame { width:907px; margin-left:auto; margin-right:auto; }

#header { background:url(../images/new-accueil/back-header.jpg) top center; width:100%; height:180px; }
#logo { clear:both; padding-top:6px; }
#logo span { float:right; font-family:Arial,Helvetica,sans-serif; font-size:28px; color:#fff; margin:45px 0 0 0; padding:0 0 5px 0; }


#caroussel { width:900px; height:300px; clear:both; }
#zone-vignette { width:907px; height:185px; clear:both; background-image:url(../images/new-accueil/back-vignette.jpg); background-repeat:no-repeat; background-position:center top; margin-top:20px; }
.vignette { width:267px; height:161px; float:left; padding-top:10px; }
#bandeau { width:907px; height:65px; clear:both; margin-top:20px; }
.bandeauinfolettre { float:left; width:286px; }
.bandeaueco { float:left; width:329px; }
.float-img { float:left; text-align:left; }
.bandeauvideo { float:left; width:287px; }
#footer { width:901px; height:38px; background-image:url(../images/new-accueil/back-footer.jpg); background-repeat:no-repeat; background-position:center top; margin-top:30px; margin-right:auto; margin-bottom:0px; margin-left:auto; clear:both; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { color:#f79821; text-decoration:none; }
.footer { float:left; font-size:11px; color:#FFF; padding-top:13px; }

/*MENU*/
#headMenu { clear:both; width:907px; padding:0px; margin:0px; }
ul.dropdown { position:relative; width:903px; margin:23px auto 0px -7px; padding:0px; }
ul.dropdown li { list-style:none; font-weight:bold; float:left; zoom:1; }
ul.dropdown li.facebook { float:right; margin-top:-5px; }
ul.dropdown li.facebook:hover { opacity : 0.8; filter:alpha(opacity=80);  }
ul.dropdown a:hover { color:#fff; }
ul.dropdown a:active { color:#f79821; }
ul.dropdown li a { display:block; padding:0 8px 4px 8px; color:#222; outline:none; }
ul.dropdown li:last-child a { border-right:none; } /* Doesn't work in IE */
ul.dropdown li.hover,ul.dropdown li:hover { color:#fff; position:relative; }
ul.dropdown li.hover a { color:#fff; text-decoration:none; outline:none; }

/* LEVEL TWO */
ul.dropdown ul { width:170px; visibility:hidden; position:absolute; top:100%; left:0; margin:0px auto; padding:0px; z-index:99 }
ul.dropdown ul li { width:170px; line-height:26px; font-weight:normal; height:36px; background:url(../images/s-menu_background.png) repeat-x; color:#fff; float:none; padding:0px 0px 0px 15px; }
ul.dropdown ul li:hover { display:block; background:url(../images/s-menu_background.png) repeat-x; }
ul.dropdown ul li:hover a { color:#f79821; outline:none; }

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right:none; width:100%; display:inline-block; color:#FFF; }

/* LEVEL THREE */
ul.dropdown ul ul { left:100%; top:0; }
ul.dropdown li:hover>ul { visibility:visible; }

/*FIN MENU*/ /*DÉBUT SECTION*/
#titre { clear:both; width:882px; height:83px; background-image:url(../images/back-titre.jpg); padding-top:40px; padding-left:25px; }

/*DÉBUT VISITE VIRTUELLE*/
.row { clear:both; padding-top:25px; }
.zone-vignette { float:left; height:240px; width:300px; padding-right:2px; }
.titre-vignette { background-color:#595326; height:21px; width:210px; clear:both; margin-left:12px; padding-top:5px; padding-left:10px; }
.images-vignette { background-image:	url(../images/new-section-visite-virtuelle/zone-image.jpg); height:204px; width:284px; padding-top:10px; padding-left:12px; }
.icone-photo { float:right; padding-right:10px; }

/*Certification*/
#apDiv1 { width:685px; float:left; height:110px; }
#apDiv2 { width:157px; float:right; height:110px; }
#eco-gauche,#eco-gauche2 { float:left; width:246px; margin-right:10px; margin-top:20px; }
#eco-droite,#eco-droite2 { float:left; width:586px; margin-top:20px; height:103px; padding-top:12px; }
#eco-header { float:left; width:840px; margin-top:20px; height:50px; padding-top:12px; }
#certification-gauche,#certification-gauche2,#certification-gauche3,#certification-gauche4,#certification-gauche5,#certification-gauche6{ float:left; width:192px; margin-right:20px; margin-top:12px; height:134px; }
#certification-droite,#certification-droite2,#certification-droite3,#certification-droite4,#certification-droite5,#certification-droite6{ float:left; width:586px; margin-top:12px; height:134px; padding-top:0px; }

/*serie avantage*/
.icone-numeros2 { float:left; height:32px; width:32px; margin-right:10px; margin-bottom:10px; }
.icone-avantage { float:left; height:26px; width:337px; margin-right:0px; padding-top:6px; padding-bottom:10px; }

/*maison-verte-ecoterra*/
#apDiv1 { width:375px; float:left; }
#apDiv2 { width:500px; float:left; height:300px; background-image:url(images/back-walltite.jpg); background-repeat:no-repeat; padding-top:15px; padding-left:20px; }
#c-gauche-ecoterra { width:400px; float:left; padding-top:0px; }
#c-droite-ecoterra { width:470px; float:right; padding-left:30px; }
#wallbasgauche { height:170px; width:842px; float:left; }
#wallbasbasgauche { width:375px; float:left; text-align:justify; }
#wallbasdroite { height:130px; width:350px; float:left; padding-top:10px; }
.margin-bas { margin-bottom:15px; }
#logo-ecoterra { float:right; margin-bottom:20px; padding-left:30px; margin-top:15px; }
#eco-gauche,#eco-gauche2 { float:left; width:246px; margin-right:10px; margin-top:20px; }
#eco-droite,#eco-droite2 { float:left; width:586px; margin-top:20px; height:103px; padding-top:12px; }
#eco-header { float:left; width:840px; margin-top:20px; height:50px; padding-top:12px; }
#eco-header-haut { float:left; width:840px; margin-top:20px; height:80px; padding-top:12px; }
.icone-numeros { float:left; height:52px; width:32px; margin-right:10px; }
.icone-numeros2 { float:left; height:32px; width:32px; margin-right:10px; }
#form-information { width:800px; }
.row { width:907px; clear:both; }
.c-gauche-autoconstructeur { width:522px; float:left; }
.c-droite-autoconstructeur { width:385px; float:left; }
.vignette-autoconstructeur { width:200px; height:159px; float:left; background-image:url(../images/autoconstructeur/vignette.jpg); background-repeat:no-repeat; background-position:center top; margin-right:10px; padding-left:19px; padding-top:17px; }
.flash-autoconstructeur { width:880px; height:504px; background-image:url(../images/autoconstructeur/test-flash.jpg); background-repeat:no-repeat; background-position:center top; padding-left:20px; padding-top:48px; }
.auto-constructeur ul { margin:0px; padding:0px; }
.auto-constructeur li { margin:0px; padding:0px; list-style-position:inside; list-style-image:url(../images/autoconstructeur/puce.jpg); }