/* CSS Document */ body, ul, li, p, h1, h2, h3, h4, a { margin: 0; padding: 0; text-decoration: none; list-style-type: none; } body { font-size: 12px; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; line-height: 1.6em; } html, body { height: 100%; background: url(../images/fond.png) top center no-repeat; } #interface {width: 741px; min-height:100%; height:auto !important; height:100%; margin: 0 auto -70px auto; position:relative; } /* CONTENU */ #contenu { padding: 4px 20px 0 20px; margin: 0 0 5em 0; clear: both;} #pagehomestaging #contenu, #pageaccueil #contenu { margin-top: 30px;} #zonetier { float: left; width: 250px; background: url(../images/pot.jpg) no-repeat bottom left #fff; border: 1px solid #000; padding: 15px 15px 13em 15px;} #zone2tier { float: right; width: 400px; } #zonegauche, #zonedroite { width: 310px; background: #fff; border: 1px solid #000; padding: 15px; } #zonegauche { float: left; } #zonedroite { float: right; } #pageetapes #zonegauche { background: url(../images/etapes1.png) no-repeat bottom right #fff; padding-bottom: 13em; } #pageetapes #zonedroite { background: url(../images/pot.jpg) no-repeat bottom left #fff; padding-bottom: 13em; } #pagepourquoi #zonegauche { background: url(../images/feuilles.jpg) no-repeat bottom right #fff; padding-bottom: 7em; } #zonegauche li, #zonedroite li, #gauche li, #droite li, #zonetier li, #zone2tier li { list-style-type:square; margin-left: 15px; color: #6da70a; margin-bottom: 5px; } /* ACCUEIL */ #pageaccueil #zonetier { width: 235px; padding: 15px; background: #fff; margin-bottom: 15px;} #pageaccueil #zonetier h3 { margin-bottom: 3px; color: #6da70a; } #pageaccueil #zone2tier { width: 390px; padding: 15px 15px 2.5em 15px; border: 1px solid #000; background: url(../images/maison.png) no-repeat bottom right #fff; } #pageaccueil img { border: 0;} #pageaccueil #zonetier h3 { color: #931b15;} #promotion { float: left; width: 245px; padding: 10px; background: #931b15; border: 1px solid #000; margin-bottom: 20px;} #promotion a { display: block; padding: 10px; border: 2px solid #fff; } #promotion p { margin-bottom: -5px; } #promotion h2, #promotion h3, #promotion p { color: #fff; } /* COORDONNEES */ #zone { float: left; width: 670px; background: #fff; border: 1px solid #000; padding: 15px 15px 0px 15px; border-bottom: 0;} #zone img { float: left; margin: 0 10px 0 0; } #pagepourquoi h3 { text-align: center; margin: 0; } /* TEXTES */ h1, hr { display: none; } h2, h3, h4, h5 { color: #6da70a; text-transform: uppercase; line-height: 1.2em; } h2 { font-size: 18px; line-height: 1.1em; margin-bottom: 12px; } h3 { font-size: 15px; } h4 { font-size: 12px; margin: 0 0 5px 0; text-transform:none; } #pageservices h4{ margin-top:15px;} p { margin-bottom: 0.8em; } a { color: #931b15; font-weight:bold; } #zone2tier ul { clear: both; } li span, li span{ color: #000; } .regle { border-top: 1px solid #000; padding-top: 10px; margin-top: 10px; } .gros { font-size: 1.3em;} /* TITRES */ #titre { float: left; width: 738px; height: 80px; margin: 11px 0 -4px 2px; } #pageetapes #titre { background: url(../images/ti_etapes.png); } #pageservices #titre { background: url(../images/ti_services.png); } #pagecoordonnees #titre { background: url(../images/ti_coordonnees.png); } #pageparcours #titre { background: url(../images/ti_parcours.png); } #pagefaq #titre { background: url(../images/ti_faq.png); } #pagepourquoi #titre { background: url(../images/ti_pourquoi.png); margin-bottom: 15px;} #pagehomestaging #titre { background: url(../images/ti_homestaging.png); margin: -10px 0 0 -15px; width: 260px; height: 71px; } #pageaccueil #titre { background: url(../images/ti_accueil.png) no-repeat; margin: 0 0 20px 0; width: 401px; height: 103px; } /* ACCORDEON FAQ */ .accordeon_titre { padding:5px; background:#fff; color:#931b15; border:1px solid #931b15; cursor:pointer; font-weight:bold; margin-bottom: 5px; } .accordeon_titre:hover { background: #6da70a; color: #fff; border: 1px solid #6da70a; } .lien_highlight { background: #6da70a; color: #fff; border: 1px solid #6da70a; } .accordeon_contenu { padding:5px; } .chiffre { white-space:nowrap; } #gauche { float: left; width: 49%; } #droite { float: right; width: 49%; } /* NAVIGATION PRINCIPALE */ #navigation { height: 134px; background: url(../images/Logo.png) no-repeat top left; margin-right: 1px;} #navig_sections { float: right; clear: right; width: 528px; } #sections { height: 65px; background: url(../images/navigation.png); position: relative; border: 2px solid #fff; border-top: 0; } #sections li { position: absolute; top: 0; } #sections li a { text-indent: -9999px; overflow: hidden; } #navig_sections li, #sections a { height: 65px; display: block; } #portfolio { left: 0; width: 76px; } #homestaging { left: 76px; width: 64px; } #pourquoi { left: 140px; width: 108px; } #etapes { left: 250px; width: 120px; } #services { left: 368px; width: 70px; } #faq { left: 438px; width: 86px; } #portfolio a:hover { background: transparent url(../images/navigation.png) 0 -65px; } #homestaging a:hover{ background: transparent url(../images/navigation.png) -76px -65px; } #pourquoi a:hover { background: transparent url(../images/navigation.png) -140px -65px; } #etapes a:hover { background: transparent url(../images/navigation.png) -250px -65px; } #services a:hover { background: transparent url(../images/navigation.png) -368px -65px; } #faq a:hover { background: transparent url(../images/navigation.png) -438px -65px; } #pagehomestaging #homestaging { background: url(../images/navigation.png) -76px -65px; } #pagepourquoi #pourquoi { background: url(../images/navigation.png) -140px -65px; } #pageetapes #etapes { background: url(../images/navigation.png) -250px -65px; } #pageservices #services { background: url(../images/navigation.png) -368px -65px; } #pagefaq #faq { background: url(../images/navigation.png) -438px -65px; } /* NAVIGATION SECONDAIRE */ #navig_secondaire { float: right; width: 250px; height: 15px; margin: 46px 2px 8px 0; } #secondaire { height: 15px; background: url(../images/navigation_sec.png); position: relative; } #secondaire li { position: absolute; top: 0; } #secondaire li a { text-indent: -9999px; overflow: hidden;} #navig_secondaire li, #secondaire a { height: 15px; display: block; } #accueil { left: 0; width: 61px; } #parcours { left: 61px; width: 101px; } #coordonnees{ left: 162px; width: 88px; } #accueil a:hover { background: url(../images/navigation_sec.png) 0 -15px; } #parcours a:hover { background: url(../images/navigation_sec.png) -61px -15px; } #coordonnees a:hover{ background: url(../images/navigation_sec.png) -162px -15px; } #pageaccueil #accueil { background: url(../images/navigation_sec.png) -0 -15px; } #pageparcours #parcours { background: url(../images/navigation_sec.png) -61px -15px; } #pagecoordonnees #coordonnees { background: url(../images/navigation_sec.png) -162px -15px; } /* NAVIGATION PRINCIPALE FOLIO */ #navigprincfolio{ width: 296px; height: 46px; margin: 0 auto 4px auto; } #sujets { height: 46px; background: url(../images/navig_princfolio.png); position: relative; } #sujets ul { position:relative;} #sujets li { position: absolute; top: 0; } #sujets li a { text-indent: -9999px; overflow: hidden; } #navigprincfolio li, #sujets a { height: 46px; display: block; } #relook { left: 0; width: 169px; } #design { left: 169px; width: 127px; } #relook a:hover { background: url(../images/navig_princfolio.png) 0 -46px; } #design a:hover { background: url(../images/navig_princfolio.png) -169px -46px; } #pagecuisine #relook, #pagemanger #relook, #pagebain #relook, #pagesejour #relook, #pagechambre #relook, #pagehall #relook, #pagesoussol #relook { background: url(../images/navig_princfolio.png) -0 -46px; } #pagecuisine2 #design, #pagemanger2 #design, #pagebain2 #design, #pagesejour2 #design, #pagechambre2 #design, #pagehall2 #design, #pagesoussol2 #design { background: url(../images/navig_princfolio.png) -169px -46px; } .cachebain { position:absolute; top:219px; left:235px; width:92px; height:30px; background: #931b15; z-index:5; } .cachechambre { position:absolute; top:219px; left:388px; width:120px; height:30px; background: #931b15; z-index:5;} .cachesoussol { position:absolute; top:219px; left:608px; width:65px; height:30px; background: #931b15; z-index:5;} /* NAVIGATION FOLIO */ #navigfolio { width: 605px; height: 36px; margin: 0 auto 0 auto; } #pieces { height: 36px; background: url(../images/navig_folio.png); position: relative; } #pieces li { position: absolute; top: 0; } #pieces li a { text-indent: -9999px; overflow: hidden; } #navigfolio li, #pieces a { height: 36px; display: block; } #cuisine{ left: 0; width: 60px; } #manger { left: 60px; width: 107px; } #bain { left: 167px; width: 94px; } #sejour { left: 261px; width: 57px; } #chambre{ left: 318px; width: 128px; } #hall { left: 446px; width: 92px; } #soussol{ left: 538px; width: 67px; } #cuisine a:hover{ background: url(../images/navig_folio.png) 0 -36px; } #manger a:hover { background: url(../images/navig_folio.png) -60px -36px; } #bain a:hover { background: url(../images/navig_folio.png) -167px -36px; } #sejour a:hover { background: url(../images/navig_folio.png) -261px -36px; } #chambre a:hover{ background: url(../images/navig_folio.png) -318px -36px; } #hall a:hover { background: url(../images/navig_folio.png) -446px -36px; } #soussol a:hover{ background: url(../images/navig_folio.png) -538px -36px; } #pagecuisine #cuisine { background: url(../images/navig_folio.png) -0 -36px; } #pagemanger #manger { background: url(../images/navig_folio.png) -60px -36px; } #pagebain #bain { background: url(../images/navig_folio.png) -167px -36px; } #pagesejour #sejour { background: url(../images/navig_folio.png) -261px -36px; } #pagechambre #chambre { background: url(../images/navig_folio.png) -318px -36px; } #pagehall #hall { background: url(../images/navig_folio.png) -446px -36px; } #pagesoussol #soussol { background: url(../images/navig_folio.png) -538px -36px; } #pagecuisine2 #cuisine { background: url(../images/navig_folio.png) -0 -36px; } #pagemanger2 #manger { background: url(../images/navig_folio.png) -60px -36px; } #pagebain2 #bain { background: url(../images/navig_folio.png) -167px -36px; } #pagesejour2 #sejour { background: url(../images/navig_folio.png) -261px -36px; } #pagechambre2 #chambre { background: url(../images/navig_folio.png) -318px -36px; } #pagehall2 #hall { background: url(../images/navig_folio.png) -446px -36px; } #pagesoussol2 #soussol { background: url(../images/navig_folio.png) -538px -36px; } .footer, .push { clear: both; text-align: center !important; height:70px; font-size:10px; color: gray; margin: 30px auto 0 auto;} .footer a { color: gray; font-weight: bold; text-decoration: underline;} .flowfix { background: none !important; height: 1px !important; margin: 0 !important; padding:0 !important; display: block !important; overflow: hidden !important; clear: both !important; }