/*--- Initialisations et éléments de base ---*/ * { margin: 0; padding: 0; } body { width: 100%; height: 100%; border: none; font: 15px/20px Arial, Verdana, sans-serif; color: #039; background: #FFF url(body_background.jpg) repeat-x; } h1 { padding-bottom: 30px; font-weight: normal; font-size: 2.0em; } h2 { padding-bottom: 10px; font-weight: normal; font-size: 1.4em; } big { font-size: 1.5em; } p { margin-bottom: 20px; text-align: justify; } img { border: none; } dl { width: 270px; margin-bottom: 20px; } dt { float: left; width: 190px; font-variant: small-caps; } a { color: #039; outline: none; } a:hover { color: #09F; } /*--- Sections principales ---*/ #conteneur { width: 960px; margin: 0 auto; } #entete { height: 190px; margin-bottom: 20px; padding-top: 60px; background: #FFF url(entete_background.jpg) no-repeat; } #entete p { text-align: right; } #menu { height: 40px; margin-bottom: 30px; } #menu ul { list-style-type: none; } #menu li { float: left; } #menu a { display: block; float: left; width: 192px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; background: transparent url(bouton.gif) left bottom no-repeat; } #page_accueil #lien_accueil , #page_region #lien_region , #page_annonces #lien_annonces , #page_contact #lien_contact , #page_acces #lien_acces { background-position: left top; } #pied { clear: both; font-size: 0.8em; border-top: 1px solid #369; } #copyright { float: left; width: 630px; padding: 10px 0 20px 0; } #realisation { float: left; width: 330px; padding: 10px 0 20px 0; text-align: right; } #accueil_bienvenue { float: left; width: 370px; height: 410px; padding: 0; line-height: 20px; } #navigation { float: left; width: 480px; margin: -50px 0 0 480px; font-size: 26px; text-align: right; } #bandeau { margin-bottom: 20px; padding: 13px 0 10px 0; border-top: 1px solid #369; border-bottom: 1px solid #369; } #bandeau span { display: block; float: right; } #descriptif { float: left; width: 370px; } #slider-wrapper { float: right; width: 560px; height: 420px; margin-left: 28px; margin-bottom: 40px; } #slider { width: 558px; height: 418px; cursor: pointer; border: 1px solid #369; background: url(images/00.jpg) left top no-repeat; } #slider img { position: absolute; top: 0; left: 0; display: none; width: 480px; height: 360px; } #slider a { display: block; } #no_photo { float: right; width: 560px; height: 420px; margin-bottom: 40px; padding-left: 28px; } #no_photo img { width: 560px; height: 420px; border: 1px solid #369; } #visite_virtuelle { float: right; width: 560px; height: 400px; margin-bottom: 40px; padding-left: 28px; } #map_google { width: 960px; height: 480px; margin-bottom: 0; font-size: 0.8em; } /*--- Autres ---*/ .bouton { display: block; width: 140px; line-height: 20px; padding: 6px 6px 6px 36px; color: #333; text-decoration: none; } .formulaire { margin: 20px 0; background: #DDD url(form.gif) 10px 7px no-repeat; } .imprimer { margin: 20px 0 30px 0; background: #DDD url(imprimer.gif) 10px 7px no-repeat; } .visite { background: #DDD url(camera.gif) 10px 7px no-repeat; } .bouton:hover { color: #039; background-color: #DEF; } .colonne { display: block; float: left; width: 400px; margin-left: 80px; } .dpe_energie , .dpe_ges { float: left; position: relative; margin: 0; width: 300px; height: 220px; background: #FFF no-repeat; } .dpe_energie { margin-right: 30px; background-image: url(dpe_energie.jpg); } .dpe_ges { background-image: url(dpe_ges.jpg); } .dpe_soustraction { margin-left: -40px; } .dpe_energie p , .dpe_ges p { width: 90px; height: 40px; padding-left: 10px; line-height: 20px; font-size: 14px; color: #FFF; font-weight: bold; text-align: center; background: transparent url(dpe_valeur.jpg) center top no-repeat; } .dpe_energie span , .dpe_ges span { display: block; font-size: 11px; line-height: 12px; color: #333; font-weight: normal; } .dpe_a { position: absolute; left: 202px; top: 25px; } .dpe_b { position: absolute; left: 202px; top: 45px; } .dpe_c { position: absolute; left: 202px; top: 65px; } .dpe_d { position: absolute; left: 202px; top: 85px; } .dpe_e { position: absolute; left: 202px; top: 105px; } .dpe_f { position: absolute; left: 202px; top: 125px; } .dpe_g { position: absolute; left: 202px; top: 145px; } /*--- Formulaires ---*/ #form_nous_joindre { } #form_nous_joindre p { float: left; width: 480px; line-height: 30px; } #form_nous_joindre label { display: block; float: left; width: 150px; } #form_nous_joindre input { padding: 2px; } #form_nous_joindre #form_envoi { clear: both; margin-left: 480px; margin-bottom: 40px; } #form_annonces { } #form_annonces p.annonces_gauche { float: left; width: 580px; line-height: 30px; } #form_annonces p.annonces_droite { float: left; width: 380px; line-height: 30px; } #form_annonces label { display: block; float: left; width: 200px; } #form_annonces input { padding: 2px; } #form_annonces #form_envoi { clear: both; text-align: center; margin-bottom: 40px; } /*--- Diaporamas ---*/ .nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; } .nivo-controlNav { position: absolute; right: 0; bottom: -25px; } .nivo-controlNav a { display: block; float: left; z-index: 99; cursor: pointer; width: 22px; height: 22px; margin-right: 3px; text-indent: -9999px; background: url(images/bullets.png) no-repeat; } .nivo-controlNav a.active { background-position: 0 -22px; } .nivo-directionNav a { display: block; position: absolute; top: 175px; z-index : 99; cursor: pointer; width: 30px; height: 30px; text-indent: -9999px; background: url(images/arrows.png) no-repeat; } a.nivo-nextNav { right: 15px; background-position: -30px 0; } a.nivo-prevNav { left: 15px; } .nivo-html-caption { display: none; } .nivo-caption { position: absolute; left: 640px; z-index: 89; width: 320px; height: 320px; opacity: 0.7; background: #000; } .nivo-caption p { margin: 0; padding: 15px 20px; color: #FFF; text-align: justify; } .nivo-caption a { display: inline !important; } .diaporama_accueil .nivo-controlNav { display: none; }