* { margin: 0; padding: 0; } .break {clear: both; height: 1px; line-height: 1px; font-size: 1px;} body, textarea, input, select { font-family: "Arial", Trebuchet MS, Verdana, sans-serif; color: #43677f; font-size: 11px;} body {background-color: #d3e7ec; font-size: 12px;} a {color: #05a3c0;} a:hover {color: #43677F;} #allContent { width: 960px; margin: 0 auto; position: relative; } #enTete { width: 960px; height: 145px; background: transparent url(../../images/bgEntete.jpg) no-repeat;} /*#enTete a { display: block; width: 100px; height: 100px; position: relative; top: 10px; left: 30px; background: transparent url(../../images/logo.gif) no-repeat;}*/ #enTete a { display: block; width: 155px; height: 125px; position: relative; top: 0; left: 20px; background: transparent url(../../images/logo.gif) no-repeat;} #enTete a span {display: none;} #ariane {list-style: none; height: 16px; border-bottom: 1px #92BDC7 solid; margin-bottom: 20px;} #ariane li { float: left; font-size: 11px; background: transparent url(../../images/flecheAriane.gif) no-repeat 0 3px; padding: 0 15px 0 12px;} #ariane li a {text-decoration: none;} /************************************************************************************/ /* Navigation */ /************************************************************************************/ .navigation { width: 953px; height: 30px; position: absolute; background: url(../../images/bg.png) no-repeat top; padding: 0 0 0 7px; z-index: 6950;} .navigation li { float: left; list-style: none; position: relative;} .navigation li a { display: block; float: left; height: 30px; text-indent: -5000px; overflow: hidden;} .navigation li#btnNavA a {background: transparent url(../../images/btnNavA.png) no-repeat; width: 116px;} .navigation li#btnNavB a {background: transparent url(../../images/btnNavB.png) no-repeat; width: 148px;} .navigation li#btnNavC a {background: transparent url(../../images/btnNavC.png) no-repeat; width: 131px;} .navigation li#btnNavD a {background: transparent url(../../images/btnNavD.png) no-repeat; width: 211px;} .navigation li#btnNavE a {background: transparent url(../../images/btnNavE.png) no-repeat; width: 98px;} .navigation li#btnNavF a {background: transparent url(../../images/btnNavF.png) no-repeat; width: 142px;} .navigation li#btnNavG a {background: transparent url(../../images/btnNavG.png) no-repeat; width: 98px;} .navigation li#btnNavA a:hover, .navigation li#btnNavB a:hover, .navigation li#btnNavD a:hover, .navigation li#btnNavE a:hover, .navigation li#btnNavF a:hover, .navigation li#btnNavG a:hover, .navigationLienActif { background-position: 0 -60px !important; position: relative; top: -5px; padding-bottom: 5px;} .navigation li#btnNavC a:hover {background-position: 0 -30px !important;} .navigation li ul { list-style: none; position: absolute; left: 0; top: 30px; z-index: 9999; padding: 0 0 0 0;} .navigation li ul li { float: none !important; margin: 0 !important; line-height: 13px;} .navigation li ul li a { padding: 5px 10px 5px 10px !important; float: none; top: 0; width: auto !important; height: auto ! important; margin: 0 !important; background-image: none !important; text-indent: 0 !important; overflow: visible !important; color: #fff !important; text-decoration: none; font-size: 11px; background-color: #43677f !important;} .navigation li ul li a:hover {font-weight: bold; top: 0 !important;} .navigation li#btnNavA ul, .navigation li#btnNavA ul li.bas {width: 116px;} .navigation li#btnNavB ul, .navigation li#btnNavB ul li.bas {width: 148px;} .navigation li#btnNavD ul, .navigation li#btnNavD ul li.bas {width: 211px;} .navigation li#btnNavE ul, .navigation li#btnNavE ul li.bas {width: 98px;} .navigation li#btnNavF ul, .navigation li#btnNavF ul li.bas {width: 142px;} .navigation li#btnNavG ul, .navigation li#btnNavG ul li.bas {width: 98px;} .navigation li ul li.bas {height: 10px;} .navigation li#btnNavA ul li.bas {background: transparent url(../../images/basA.png) no-repeat left bottom;} .navigation li#btnNavB ul li.bas {background: transparent url(../../images/basB.png) no-repeat left bottom;} .navigation li#btnNavD ul li.bas {background: transparent url(../../images/basD.png) no-repeat left bottom;} .navigation li#btnNavE ul li.bas {background: transparent url(../../images/basE.png) no-repeat left bottom;} .navigation li#btnNavF ul li.bas {background: transparent url(../../images/basF.png) no-repeat left bottom;} .navigation li#btnNavG ul li.bas {background: transparent url(../../images/basG.png) no-repeat left bottom;} .pageCatalogue .navigation li#btnNavA a, .pageAccessoires .navigation li#btnNavB a, .pageTechnique .navigation li#btnNavC a, #pageFaq .navigation li#btnNavD a, .pageActualites .navigation li#btnNavE a, .pageForm .navigation li#btnNavF a, #pageHistorique .navigation li#btnNavG a, #pageGaranties .navigation li#btnNavG a, #pageDurable .navigation li#btnNavG a, #pageCarteReseau .navigation li#btnNavG a, .pageEmploi .navigation li#btnNavG a {background-position: 0 -30px;} /* supprimé !important */ .pageCatalogue .navigation li#btnNavA a:hover, .pageAccessoires .navigation li#btnNavB a:hover, .pageTechnique .navigation li#btnNavC a:hover, #pageFaq .navigation li#btnNavD a:hover, .pageActualites .navigation li#btnNavE a:hover, .pageForm .navigation li#btnNavF a:hover, #pageHistorique .navigation li#btnNavG a:hover, #pageGaranties .navigation li#btnNavG a:hover, #pageDurable .navigation li#btnNavG a:hover, #pageCarteReseau .navigation li#btnNavG a:hover, .pageEmploi .navigation li#btnNavG a:hover {/*top: 0 !important;*/} /************************************************************************************/ /* Maincontent */ /************************************************************************************/ #mainContent { width: 960px; padding: 60px 0 0 0; background: transparent url(../../images/bgMainContent.jpg) no-repeat;} #mainContent h2 span, #mainContent h1 span, #pageDevis #mainContent h3 span, #pageFranchise #mainContent h3 span, #pageDevenirFranchise #mainContent h3 span, #pageSecurite #mainContent h3 span {display: none;} #colAccueilA, #colAccueilB {float: left;} #colAccueilA {width: 635px; position: relative;} #colAccueilB {padding-left: 25px; width: 260px;} #navProduits { width: 625px; height: 38px; list-style: none; padding-left: 10px; background: #43677F url(../../images/bgNavProduits.gif) no-repeat; margin-bottom: 26px;} #navProduits li {float: left;} #navProduits li a {display: block; height: 38px;} #navProduits li a span {display: none;} #navProduits li#btnNavProdA a {background: transparent url(../../images/btnNavProdA.gif) no-repeat; width: 114px;} #navProduits li#btnNavProdB a {background: transparent url(../../images/btnNavProdB.gif) no-repeat; width: 112px;} #navProduits li#btnNavProdC a {background: transparent url(../../images/btnNavProdC.gif) no-repeat; width: 123px;} #navProduits li#btnNavProdD a {background: transparent url(../../images/btnNavProdD.gif) no-repeat; width: 133px;} #navProduits li#btnNavProdE a {background: transparent url(../../images/btnNavProdE.gif) no-repeat; width: 143px;} #btnReseauHome { display: block; text-indent: -5000px; overflow: hidden; width: 305px; height: 90px; margin-bottom: 26px; background: transparent url(../../images/btnReseau.png) no-repeat;} #btnClubCaron { display: block; text-indent: -5000px; overflow: hidden; width: 295px; height: 60px; margin-bottom: 8px; background: transparent url(../../images/btnClubClient.gif) no-repeat;} #btnDevis { display: block; width: 305px; height: 70px; text-indent: -5000px; overflow: hidden; margin-bottom: 15px; background: transparent url(../../images/btnDevis.gif) no-repeat;} #btnVideo span, #btnFranchiseHome span {display: none;} #btnVideo { display: block; position: absolute; left: 340px; top: 595px; width: 325px; height: 99px; z-index: 20; background: transparent url(../../images/btnVideo.png) no-repeat; display: none;} #btnPortesOuvertes { display: block; position: absolute; left: 340px; top: 595px; width: 325px; height: 109px; z-index: 20; background: transparent url(../../images/portesOuvertes.gif) no-repeat; text-indent: -5000px; overflow: hidden;} #btnFranchiseHome { display: block; position: absolute; left: 49px; top: 564px; width: 271px; height: 57px; z-index: 20; background: transparent url(../../images/btnFranchiseHome.gif) no-repeat;} #btnParrainage { display: block; position: absolute; left: 30px; top: 570px; width: 290px; height: 63px; z-index: 20; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/btnParrainage.gif) no-repeat;} #piscinesTendance { display: block; width: 325px; height: 145px; background: transparent url(../../images/piscinesTendance.gif) no-repeat; text-indent: -5000px; overflow: hidden;} #colClub, #piscinesTendance {float: left;} #colClub {width: 295px; margin-right: 15px;} #blocConseil { display: block; width: 232px; padding: 32px 15px 15px 48px; background: transparent url(../../images/blocConseils.gif) no-repeat; line-height: 14px; font-size: 14px; color: #163c55; font-weight: normal; text-decoration: none; position: relative; clear: both;} #blocConseil span {display: none;} #blocConseil em { display: block; width: 295px; height: 15px; position: absolute; left: 0; bottom: 0; background: transparent url(../../images/piedConseils.gif) no-repeat;} /******************* Bloc offre en home page */ #flashPromo {display: none;} #blocOffre { /*background: transparent url(../../images/offreBainsSoleil.jpg) no-repeat;*/ /*background: transparent url(../../images/salonBatimat.jpg) no-repeat;*/ /*background: transparent url(../../images/salonPiscine.jpg) no-repeat;*/ background: transparent url(../../images/trophee2011.jpg) no-repeat; display: block; width: 305px; height: 220px; margin-bottom: 10px; text-indent: -5000px; overflow: hidden;} /**********/ #blocActus { width: 275px; padding: 40px 13px 0 13px; background: transparent url(../../images/bgBlocActus.png) no-repeat;} #blocActus h4 {display: none;} .actu { display: block; font-size: 11px; margin-bottom: 10px; line-height: 14px; color: #43677f; text-decoration: none; padding: 0 0 10px 0; background: transparent url(../../images/flecheActus.png) no-repeat right bottom; border-bottom: 1px #a1b3bf solid;} .actu span { display: block; font-weight: bold; color: #993222; font-size: 11px;} #edito {display: none;} /************************************************************************************/ /* Catalogue */ /************************************************************************************/ #colFicheA, #colFicheB {float: left;} #colFicheA {width: 190px;} #colFicheB {width: 750px; /*position: relative;*/ padding-left: 20px;} #colFicheB img {border: 0;} #menuProduits { width: 190px; padding: 12px 0 0 0; margin-bottom: 15px; background: #43677F url(../../images/hautMenuProduits.gif) no-repeat;} #menuProduits ul { list-style: none; padding: 0 7px 2px 7px; width: 176px; background: #43677F url(../../images/basMenuProduits.gif) no-repeat left bottom;} #menuProduits ul li {line-height: 20px; font-weight: bold;} #menuProduits ul li a { display: block; text-decoration: none; background-repeat: no-repeat; color: #b2d5de; padding-left: 8px;} #menuProduits ul li a:hover {color: #fff;} #menuProduits ul li#titreMenuA, #menuProduits ul li#titreMenuB a, #menuProduits ul li#titreMenuC a, #menuAccessoires ul li#titreMenuD { width: 177px; height: 20px; display: block; text-indent: -5000px; overflow: hidden; margin-bottom: 10px;} #menuProduits ul ul {background-image: none; width: auto; padding: 0;} #menuProduits ul ul li a {color: #fff; font-size: 11px; font-weight: normal;} #menuProduits ul ul li a:hover, #menuProduits ul ul li a.selected {color: #072f4a; font-weight: bold; background: transparent url(../../images/bgSousNav.png) no-repeat;} #pagePrivilege li#btnMenuProdA1 a, #pagePrestige li#btnMenuProdA2 a, #pagePiscinesInterieur li#btnMenuProdA3 a {color: #fff;} #titreMenuA {background: transparent url(../../images/titreMenuProduitsA.gif) no-repeat;} /* Piscines enterrées */ #titreMenuB a {background: transparent url(../../images/titreMenuProduitsB.gif) no-repeat;} /* Piscines hors-sol */ #titreMenuC a {background: transparent url(../../images/titreMenuProduitsC.gif) no-repeat;} /* Piscines collectives */ #titreMenuD {background: transparent url(../../images/titreMenuAcess.gif) no-repeat;} /* Accessoires */ #menuProduits ul li#titreMenuB, #menuProduits ul li#titreMenuC, #menuProduits ul li#titreMenuD {margin-top: 10px !important;} #listeIntroAccess {list-style: none; width: 748px;} #listeIntroAccess li {float: left; width: 148px; height: 145px;} #listeIntroAccess li a { display: block; width: 118px; padding: 0 30px 10px 0; text-decoration: none; font-size: 11px; line-height: 12px; background-image: none !important; text-align: center;} #listeIntroAccess li a img {width: 118px; display: block; margin-bottom: 5px;} #menuProduits ul li#btnMenuProdA1 ul, #menuProduits ul li#btnMenuProdA2 ul {display: none;} .pagePiscinePrestige #menuProduits ul li#btnMenuProdA2 ul, .pagePiscinePrivilege #menuProduits ul li#btnMenuProdA1 ul {display: block;} #btnCatalogue { display: block; width: 173px; height: 90px; margin-bottom: 15px; text-indent: -5000px !important; overflow: hidden !important; margin-left: 10px; color: #d3e7ec; background: transparent url(../../images/btnCatalogue.png) no-repeat; font-size: 1px;} .pictoSpecial {float: right !important; margin: 0 0 10px 10px !important;} #blocVisuels, #blocTextes {float: left;} #blocVisuels {width: 506px; position: relative;} #blocVisuels p { font-size: 11px; z-index: 10; position: absolute; left: 15px; top: 367px;} #zoomVisuel {width: 506px; height: 396px; overflow: hidden; margin-bottom: 12px;} #zoomVisuel img {margin-left: 3px;} #masqueVisuel { width: 506px; height: 396px; position: absolute; left: 0; top: 0; z-index: 9; background: transparent url(../../images/masqueZoom.png) no-repeat;} #blocTextes {width: 224px; padding-left: 14px;} #colFicheB #blocTextes h3 { margin-bottom: 5px; width: auto; height: auto; font-size: 12px; } #blocTextes .zoneTexte {margin-bottom: 15px;} #colFicheB h2, #colFicheB h1 {height: 26px; width: 500px; margin-bottom: 15px; text-indent: -5000px; overflow: hidden;} #colFicheB h3 {font-size: 14px; font-style: italic; font-weight: normal;} #colFicheB h4 {margin-bottom: 5px;} #colFicheB p {margin: 0 0 10px 0;} #pagePrestige #colFicheB h1 {background: transparent url(../../images/titreGammePrestige.png) no-repeat;} #pagePrivilege #colFicheB h1 {background: transparent url(../../images/titreGammePrivilege.png) no-repeat;} #pageEntreePiscines #colFicheB h1 {background: transparent url(../../images/titrePiscinesEnterrees.png) no-repeat;} #pagePrestige #colFicheB .accroche {width: 430px; margin-bottom: 25px;} #pagePrivilege #colFicheB .accroche {width: 495px; margin-bottom: 25px;} #colFicheB .accroche {font-style: italic; font-size: 14px; color: #43677f;} .pagePiscinePrestige #colFicheB h1 {background: transparent url(../../images/titreFichePrestige.png) no-repeat; width: 252px; height: 48px;} .pagePiscinePrivilege #colFicheB h1 {background: transparent url(../../images/titreFichePrivilege.png) no-repeat; width: 252px; height: 48px;} .piscineMini #colFicheB h3 em {display: none;} #pageEntreePiscines #colFicheB h3 { background: transparent url(../../images/titreModeration.gif) no-repeat; width: 535px; height: 18px; clear: both; margin: 0 0 0 120px;} #pagePiscinesInterieur #colFicheB h1 {background: transparent url(../../images/titrePiscinesInterieur.png) no-repeat;} #pagePiscinesHorsSol #colFicheB h1 {background: transparent url(../../images/titrePiscinesHorsSol.png) no-repeat;} #pagePiscinesCollectives #colFicheB h1 {background: transparent url(../../images/titrePiscinesCollectives.png) no-repeat;} #pageFichePiscine #blocTextes h2 {margin-bottom: 10px; width: 230px; height: 26px;} .piscineClassique #blocTextes h2 {background: transparent url(../../images/titreClassique.png) no-repeat;} .piscineBassinNage #blocTextes h2 {background: transparent url(../../images/titreBassinNage.png) no-repeat;} .piscineEvasion #blocTextes h2 {background: transparent url(../../images/titreEvasion.png) no-repeat;} .piscineRomane #blocTextes h2 {background: transparent url(../../images/titreRomane.png) no-repeat;} .piscineRoma #blocTextes h2 {background: transparent url(../../images/titreRoma.png) no-repeat;} .piscineOvelia #blocTextes h2 {background: transparent url(../../images/titreOvelia.png) no-repeat;} .piscineOptima #blocTextes h2 {background: transparent url(../../images/titreOptima.png) no-repeat;} .piscineOleane #blocTextes h2 {background: transparent url(../../images/titreOleane.png) no-repeat;} .piscineNaturella #blocTextes h2 {background: transparent url(../../images/titreNaturella.png) no-repeat;} .piscineMini #blocTextes h2 {background: transparent url(../../images/titreMini.png) no-repeat;} .piscineDebordement #blocTextes h2 {background: transparent url(../../images/titreOviva.png) no-repeat;} .piscineDebordement #blocTextes h3 em {display: none;} #pagePiscinesHorsSol #colFicheB h3 {text-indent: -5000px; overflow: hidden;} /*************** visuels fiche piscine */ .masqueVignette { width: 124px; height: 121px; position: absolute; left: 0; top: 0; background: transparent url(../../images/masqueVignette.png) no-repeat;} ul.vignettes {list-style: none;} ul.vignettes li, ul.vignettes li a {width: 124px; height: 121px; cursor: pointer;} ul.vignettes li { position: relative; float: left; margin: 5px 1px 0 0;} ul.vignettes li a { display: block; font-size: 9px; color: #43677f; text-decoration: none; line-height: 10px;} ul.vignettes li img {margin-left: 3px;} ul.vignettes li strong { position: absolute; top: 90px; left: 8px; font-weight: normal; width: 110px;} span.overflow { width: 124px; height: 115px; overflow: hidden; display: block;} .pageAccessoires .masqueVignette { width: 118px; height: 85px; position: absolute; left: 0; top: 0; background: transparent url(../../images/masqueAccess.png) no-repeat;} .pageAccessoires span.overflow {height: 91px;} .pageAccessoires #colFicheB h2 {text-indent: 0; height: auto;} .pageCatalogue ul.vignettes li {height: 130px;} ul.vignettes li a span.loupe, #pageEspaceTechnique #colFicheB a span.loupe { display: block; width: 20px; height: 20px; position: absolute; top: 6px; right: 9px; z-index: 5; background: transparent url(../../images/btnZoom.png) no-repeat;} ul.vignettes li img {border: 0; display: block; margin-bottom: 5px;} #pageEspaceTechnique #colFicheB a.legende { width: 118px; margin-right: 10px !important; position: relative; display: block; float: left; font-size: 10px; text-decoration: none; color: #43677F; text-align: center; line-height: 11px;} #pageEspaceTechnique #colFicheB p a img {margin-bottom: 5px;} .margeBasse {margin-bottom: 30px;} #photosBacDouche { width: 118px; float: right; padding-left: 10px;} #photosBacDouche img {margin-bottom: 5px;} #pageFichePiscine ul.vignettes {width: 500px;} #pageMargelles ul.vignettes {width: 500px;} .pageTendances ul.vignettes {width: 630px; margin-top: 30px;} /******************* références piscines collectives */ #pagePiscinesCollectives #mainContent h2#titreRefCollA { width: 190px; height: 15px; margin-bottom: 10px; background: transparent url(../../images/titreRefCollA.gif) no-repeat;} #pagePiscinesCollectives #mainContent h2#titreRefCollB { width: 202px; height: 18px; margin-bottom: 10px; padding-top: 20px; background: transparent url(../../images/titreRefCollB.gif) no-repeat left bottom;} /*************** dimensions */ #blocDimensions { width: 220px; padding-bottom: 15px; margin-bottom: 15px; background: #fff url(../../images/piedBlocDimensions.gif) no-repeat left bottom;} #blocDimensions h3 { width: 220px !important; height: 33px !important; margin: 0 !important; background: transparent url(../../images/titreBlocDimensions.gif) no-repeat !important; text-indent: -5000px; overflow: hidden;} #blocDimensions table {border-collapse: collapse; margin: 0 15px 10px 15px; width: 190px;} #blocDimensions table th, #blocDimensions table td {border: 1px #8BA7B5 solid; text-align: center; font-size: 11px;} #blocDimensions a { display: block; font-weight: bold; color: #43677f; font-size: 10px; font-family: "Trebuchet MS", Arial, sans-serif; padding: 0 15px; text-decoration: none; line-height: 11px;} #blocDimensions a:hover {color: #5BBDCC;} #blocDimensions strong {padding: 0 15px;} #blocDimensions table td p {text-align: center; margin: 0;} .pagePiscinePrivilege #blocDimensions a, #pagePiscinesHorsSol #blocDimensions a {display: none;} .pagePiscinePrestige #blocDimensions h3 {background: transparent url(../../images/titreBlocDimensionsEtoile.gif) no-repeat !important;} /*************** boutons technique et devis */ #btnTechnique, #btnTechniquePrestige, #btnTechniquePrivilege {display: block; width: 190px; margin-left: 30px; display: none;} #btnTechniquePrivilege span, #btnTechniquePrestige span, #btnTechnique span, #btnEtudePerso span, #btnAccessoires span {display: none;} .pagePiscinePrestige #btnTechniquePrestige { background: transparent url(../../images/btnTechniquePrestige.gif) no-repeat; height: 25px; margin-bottom: 10px;} .pagePiscinePrivilege #btnTechniquePrivilege { background: transparent url(../../images/btnTechniquePrivilege.gif) no-repeat; height: 25px; margin-bottom: 10px;} .pagePiscinePrestige #btnTechniquePrivilege, .pagePiscinePrivilege #btnTechniquePrestige {display: none;} #btnEtudePerso { background: transparent url(../../images/btnEtude2.gif) no-repeat; width: 225px; height: 58px; float: right; margin: 0 10px 0 0; display: block; text-indent: -5000px; overflow: hidden;} #btnAccessoires { display: block; margin-top: 15px; background: transparent url(../../images/btnAccessoiresHS.gif) no-repeat; width: 190px; height: 55px;} /******************* page entrée de gamme piscines prestige et privilège */ #pageEntreePiscines #colFicheB ul {list-style: none; margin: 20px 0 0 0;} #pageEntreePiscines #colFicheB ul li {float: left; width: 342px; height: 354px; padding: 0 12px;} #pageEntreePiscines #colFicheB ul li h2 { font-size: 18px; line-height: 16px; text-transform: uppercase; font-weight: normal; padding-left: 5px; margin-bottom: 0; text-indent: 0; overflow: visible; width: auto; height: auto;} #pageEntreePiscines #colFicheB ul li h2 a {text-decoration: none; color: #072f4a; display: block; width: 330px; padding-top: 220px;} #pageEntreePiscines #colFicheB ul li h2 a span {display: block; font-size: 12px; color: #43677f;} #pageEntreePiscines #colFicheB ul li p {font-style: italic; margin-top: 15px; padding-left: 5px;} #btnPrestige {background: transparent url(../../images/btnPrestige.png) no-repeat; margin-right: 14px;} #btnPrivilege {background: transparent url(../../images/btnPrivilege.png) no-repeat;} a.entreeGamme { display: block; float: right; text-indent: -5000px; overflow: hidden; width: 137px; height: 28px; margin-top: 226px; background: transparent url(../../images/btnGamme.gif) no-repeat;} /**************************** pages piscines prestige et privilège */ #colFicheB .intro { font-weight: bold; line-height: 18px; width: 230px; float: left; margin-bottom: 20px;} #pagePrestige #colFicheB, #pagePrivilege #colFicheB, #pagePiscinesInterieur #colFicheB {width: 750px; padding-left: 20px;} #colPresA, #colPresB {float: left;} #colPresA {width: 500px; padding-right: 20px;} #colPresB {width: 230px; } #pagePrestige #colFicheB h2, #pagePrivilege #colFicheB h2 { width: 500px; height: 276px; margin-bottom: 20px;} #pagePrestige #colFicheB h2 span, #pagePrivilege #colFicheB h2 span {display: none;} #pagePrestige #colFicheB h2 {background: transparent url(../../images/visuelPrestige.jpg) no-repeat;} #pagePrivilege #colFicheB h2 {background: transparent url(../../images/visuelPrivilege.jpg) no-repeat;} #blocTechnique {width: 500px; height: 95px; background: transparent url(../../images/bgBlocTechnique.gif) no-repeat left bottom;} #blocTechnique h2 {width: 500px; height: 25px !important; margin-bottom: 0 !important;} #pagePrestige #blocTechnique h2 {background: transparent url(../../images/titreTechniquePrestige.gif) no-repeat;} #pagePrivilege #blocTechnique h2 {background: transparent url(../../images/titreTechniquePrivilege.gif) no-repeat;} #blocTechnique h2 span {display: none;} #blocTechnique ul {list-style: none; float: left; margin-top: 8px;} #blocTechnique ul li {line-height: 18px;} #blocTechnique ul li a {color: #43677f; font-weight: bold; text-decoration: none;} #blocTechnique ul li a:hover {color: #37b9df;} #listeTechA {width: 150px; margin-left: 15px;} #listeTechB {width: 164px; } #listeTechC {width: 160px;} #listePiscines {list-style: none;} #listePiscines li { float: left; width: 236px; height: 215px; margin: 0 14px 10px 0;} #listePiscines li a { display: block; width: 236px; height: 215px; position: relative; text-decoration: none; } #listePiscines li a span.masqueGamme { display: block; position: absolute; left: 0; top: 0; width: 236px; height: 215px; z-index: 1; background: transparent url(../../images/masqueGamme.png) no-repeat;} #listePiscines li a img {position: absolute; left: 3px; top: 0; border: 0; width: 230px; height: 166px;} #listePiscines li a strong { display: block; position: absolute; right: 12px; bottom: 13px; text-transform: uppercase; z-index: 2; text-align: right; font-size: 13px; color: #072f4a; line-height: 14px;} #listePiscines li a strong em { display: block; font-weight: normal; font-style: normal; font-size: 12px; color: #43677f; text-transform: none;} #listePiscines li#btnVist {width: 486px; height: 154px;} #listePiscines li#btnVist a { width: 486px; height: 154px; background: transparent url(../../images/btnVist.png) no-repeat; text-indent: -5000px; overflow: hidden;} #pageStructPrivilege #listePiscines li {margin: 0 5px 10px 0;} /*#pageFichePiscine #listePiscines { width: auto; height: 52px; padding: 4px 0 0 4px; float: none; background-color: #fff; margin-bottom: 15px;} #pageFichePiscine #listePiscines li {float: left; background-image: none; padding: 0 9px 0 0; line-height: 21px; margin-bottom: 4px;} #pageFichePiscine #listePiscines li a {font-size: 11px; line-height: 21px; height: auto;} #pageFichePiscine #listePiscines li img {width: 30px; float: left; margin-right: 5px;}*/ /*#pageStructPrivilege #listePiscines {width: 460px; padding-top: 15px;} #pageStructPrivilege #listePiscines li {width: 230px; float: left;} #pageStructPrivilege #listePiscines h4 { width: 176px; height: 18px; background: transparent url(../../images/titrePiscinesPrivilege.gif) no-repeat;} #pageStructPrivilege #listePiscines h4 span {display: none;}*/ /***************** Piscines intérieures */ #blocInfoPlus {width: 230px; margin-top: 20px;} #blocInfoPlus h2 { width: 230px; height: 40px; margin: 0!important; background: transparent url(../../images/titreBlocHumide.gif) no-repeat;} #blocInfoPlus span {display: none;} #blocInfoPlus a { display: block; width: 230px; height: 185px; background: transparent url(../../images/lnkBlocHumide.jpg) no-repeat;} /****************** piscines hors-sol */ #pagePiscinesHorsSol #mainContent h3 { width: 611px; height: 17px; margin-bottom: 5px; background: transparent url(../../images/titreAspectBois.gif) no-repeat;} #pagePiscinesHorsSol #mainContent h2 { width: 740px; height: 26px; margin: 15px 0; background: transparent url(../../images/titreArtVivre.gif) no-repeat;} #btnVideoHS { width: 220px; height: 95px; display: block; margin-bottom: 15px; background: transparent url(../../images/btnVideoHS.gif) no-repeat;} #btnVideoHS span {display: none;} #btnVideoHS:hover {background-position: 0 -95px;} #btnVideoEnterrees { width: 220px; height: 95px; display: block; margin-bottom: 15px; background: transparent url(../../images/btnVideoEnterrees.gif) no-repeat;} #btnVideoEnterrees span {display: none;} #btnVideoEnterrees:hover {background-position: 0 -95px;} #pagePiscinesHorsSol #btnTechnique { background: transparent url(../../images/btnTechniqueHorsSol.gif) no-repeat; height: 25px; margin-bottom: 10px;} #pagePiscinesHorsSol #zoneVideo, #pageConceptHorsSol #zoneVideo, #pageIntroTechnique #zoneVideo { position: absolute; left: 300px; top: 200px; background-color: #43677F; padding: 10px; z-index: 5; color: #fff;} #pagePiscinesHorsSol #zoneVideo p, #pageConceptHorsSol #zoneVideo p, #pageIntroTechnique #zoneVideo p {text-align: center;} #pageConceptHorsSol .liste {width: 450px;} #pageConceptHorsSol #mainContent h3 {font-size: 12px; width: auto !important;} /************************************************************************************/ /* Footer */ /************************************************************************************/ #footer { padding: 0 30px; width: 900px; height: 117px; position: relative; background: transparent url(../../images/bgAllContent.png) no-repeat left bottom;} #footer ul#listeFooterA, #footer ul#listeFooterB {list-style: none; width: 110px;} #footer ul#listeFooterA li, #footer ul#listeFooterB li {line-height: 14px;} #footer ul#listeFooterA li a, #footer ul#listeFooterB li a { font-size: 10px; color: #43677f; text-decoration: none;} #listeFooterA {position: absolute; left: 15px; top: 40px;} #listeFooterB {position: absolute; left: 132px; top: 40px;} #lephare {position: absolute; right: 0; bottom: 8px; font-size: 9px; color: #618ca3;} #logoFPP {position: absolute; right: 0; top: 15px; border: 0;} #numeroIndigo { width: 186px; height: 26px; position: absolute; left: 413px; bottom: 7px; background: transparent url(../../images/numeroIndigo.gif) no-repeat; margin-bottom: 0 !important;} #numeroIndigo span {display: none;} #share {list-style: none; position: absolute; bottom: 12px; left: 243px; width: 168px;} #share li {float: left; margin-right: 10px;} #share li a {display: block; width: 32px; height: 32px; text-indent: -5000px; overflow: hidden;} #share li#btnFacebook a {background: transparent url(../../images/btnFacebook.gif) no-repeat;} #share li#btnTwitter a {background: transparent url(../../images/btnTwitter.gif) no-repeat;} #share li#btnDaily a {background: transparent url(../../images/btnDaily.gif) no-repeat;} #share li#btnYoutube a {background: transparent url(../../images/btnYoutube.gif) no-repeat;} #lnkDecofinder {position: absolute; right: 120px; top: 40px;} /************************************************************************************/ /* Actualités */ /************************************************************************************/ .pageActualites #mainContent, .pageCorporate #mainContent, .pageForm #mainContent, .pageEmploi #mainContent {width: 920px; padding: 60px 20px 0 20px;} .pageCorporate #mainContent p, .pageEmploi #mainContent p {margin-bottom: 10px;} #pageListeActualites #mainContent h1, #pageDetailActualite #mainContent .titreActualites { width: 500px; height: 26px; margin-bottom: 15px; background: transparent url(../../images/titreActualites.gif) no-repeat;} #pageDetailActualite #mainContent .titreActualites span {display: none;} #colActuA, #colActuB {float: left;} #colActuA {width: 680px; padding-right: 40px;} #colActuB {width: 200px; } #colVistA, #colVistB {float: left; background-color: #fff; padding: 10px 10px 0 10px; font-size: 11px;} #colVistA h3, #colVistB h3 {font-size: 13px; color: #05a3c0; margin-bottom: 10px;} #colVistA {width: 300px; margin-right: 20px;} #colVistB {width: 300px; margin-right: 20px;} .titreVist { width: 522px; height: 24px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/titreVist.gif) no-repeat; margin-bottom: 20px !important;} #trophee2009 {float: right !important; margin: 0 0 10px 10px !important;} /****** liste d'actus */ .actualite { background: transparent url(../../images/filetActualite.png) no-repeat left bottom; margin-bottom: 15px;} .pageAccessoires .actualite {background-position: right bottom;} .date {font-size: 11px; margin-bottom: 5px !important;} .actualite h2 {margin-bottom: 5px !important; width: auto ! important;} .actualite h2 a { text-transform: uppercase; text-decoration: none; font-size: 15px; color: #43677F;} .actualite img {float: left; margin-right: 15px; border: 0;} .btnSuite { clear: both; text-align: right; text-transform: uppercase;} .btnSuite a { text-decoration: none; font-size: 11px; display: block; padding-bottom: 5px; color: #43677F; font-weight: bold;} .actualite h2 a:hover, .btnSuite a:hover {color: #37b9df;} .actualite a.vignetteAccess { position: relative; display: block; width: 118px; height: 85px; float: left; margin-right: 15px;} /****** détail d'actu */ #pageDetailActualite #colActuA {padding-top: 20px;} #pageDetailActualite .zoneTexte p {margin-bottom: 10px;} .btnRetour { text-decoration: none; font-size: 11px; font-weight: bold; float: right; width: 183px; height: 20px; padding-left: 27px; line-height: 20px; color: #43677F; float: right; margin-top: 10px; background: transparent url(../../images/btnRetourActualites.gif) no-repeat;} #pageFicheAccessoire .btnRetour {width: 145px; background: transparent url(../../images/btnRetourAccess.gif) no-repeat;} #pageFicheAccessoire #uneActualite img {float: left; margin-right: 15px;} #uneActualite img#visuelActu { float: left; margin: 0 15px 25px 0;} #uneActualite h2, #pageDetailActualite #uneActualite h1 { text-transform: uppercase; font-size: 20px; color: #43677F; margin-bottom: 10px; width: auto !important;} #pageDetailActualite #uneActualite hr { border: 0; border-top: 2px #fff dotted; margin: 15px 0 15px 0; clear: both;} /*#pageDetailActualite #uneActualite h2.titre25ans { width: 509px; height: 125px; position: relative; top: -45px; background: transparent url(../../images/titre25ans.gif) no-repeat; text-indent: -5000px; overflow: hidden;}*/ .wisiwig {background: transparent url(../../images/bgWisiwig.gif) no-repeat; padding-top: 150px; position: relative; top: -105px;} .wisiwig h2 {font-size: 15px !important;} .wisiwig .prix {background-color: #fff; padding: 2px 5px; width: 370px;} .wisiwig .prix em {font-style: normal; font-weight: bold;} .wisiwig .prix .raye {text-decoration: line-through;} .wisiwig .prix strong {color: #eb5c8a; font-size: 14px;} .wisiwig img {margin-left: 15px !important; margin-bottom: 0 !important;} #attention { width: 580px; height: 49px; text-indent: -5000px; overflow: hidden; background: transparent url(/fr/images/attention.gif) no-repeat; margin-left: 50px;} #btnContactezNous { display: block; width: 203px; height: 36px; text-indent: -5000px; overflow: hidden; background: transparent url(/fr/images/btnContactezNous.gif) no-repeat; margin-left: 250px;} /**************************** Vidéo dans actu */ #layerVideo { width: 442px; padding: 10px; background-color: #fff; position: absolute; left: 120px; top: 250px;} #layerVideo p {padding-top: 10px; text-align: center; font-size: 11px;} #layerVideo2 { width: 196px; padding: 10px; background-color: #fff; position: absolute; left: 220px; top: 250px;} #layerVideo2 p {padding-top: 10px; text-align: center; font-size: 11px;} #btnVoirVideo { display: block; float: right; width: 117px; height: 47px; background: transparent url(../../images/btnVoirVideo.gif) no-repeat; text-indent: -5000px; overflow: hidden; margin-left: 10px;} /**************************** Actualité Portes ouvertes */ .btnPriseRDV { display: block; width: 189px; height: 27px; background: transparent url(../../images/btnPriseRDV.gif) no-repeat; text-indent: -5000px; overflow: hidden; margin-top: 20px; margin-left: 150px;} .blocAdresse { width: 220px; float: left; padding-top: 120px; margin-top: 20px; font-size: 11px;} .blocAdresse strong {font-size: 12px;} #adresseA {background: transparent url(../../images/magThouare.jpg) no-repeat;} #adresseB {background: transparent url(../../images/magVannes.jpg) no-repeat;} #adresseC {background: transparent url(../../images/magBegard.jpg) no-repeat;} /************** bloc newsletter */ #blocNewsletter { width: 190px; height: 138px; color: #bedce6; font-size: 11px; padding: 37px 0 0 10px; background: transparent url(../../images/bgBlocNewsletter.gif) no-repeat;} #blocNewsletter h4, #blocNewsletter label {display: none;} #blocNewsletter p {margin-bottom: 10px; width: 120px;} #blocNewsletter input {float: left;} #blocNewsletter input#mail {width: 130px; margin: 4px 5px 0 0;} #blocNewsletter .btnOK { width: 26px; height: 22px; background: transparent url(../../images/btnOK.gif) no-repeat 0 2px; border: 0; text-align: center; font-weight: bold; font-size: 12px;} #pageDetailActualite #blocNewsletter {margin-top: 40px;} #pageClubClients #blocNewsletter { background: transparent url(../../images/bgBlocNewsletterClub.gif) no-repeat; width: 340px;} #pageClubClients #blocNewsletter p {width: 300px;} #pageClubClients #blocNewsletter label {padding: 4px 3px 0 10px;} /************************************************************************************/ /* Accessoires */ /************************************************************************************/ #menuAccessoires { width: 190px; padding: 12px 0 0 0; margin-bottom: 15px; background: #7D9AAB url(../../images/hautMenuAccessoires.gif) no-repeat;} #menuAccessoires ul { list-style: none; padding: 0 7px 10px 7px; width: 176px; background: #7D9AAB url(../../images/basMenuAccessoires.gif) no-repeat left bottom;} #menuAccessoires ul li {line-height: 20px; font-weight: bold; margin-bottom: 10px;} #menuAccessoires ul li a { display: block; text-decoration: none; background-repeat: no-repeat; color: #fff; padding-left: 8px; line-height: 13px;} #menuAccessoires ul li a:hover, .pageRobots #menuAccessoires li#btnMenuProdD1 a, .pageNage #menuAccessoires li#btnMenuProdD2 a, .pageElectrolyseurs #menuAccessoires li#btnMenuProdD3 a, .pagePompes #menuAccessoires li#btnMenuProdD4 a, .pageChauffage #menuAccessoires li#btnMenuProdD5 a, .pageAlarmes #menuAccessoires li#btnMenuProdD6 a, .pageBarrieres #menuAccessoires li#btnMenuProdD7 a, .pageCouvertures #menuAccessoires li#btnMenuProdD8 a, .pageRecuperateurEau #menuAccessoires li#btnMenuProdD9 a, .pageAccessComp #menuAccessoires li#btnMenuProdD10 a {color: #1b3e55;} .introAccess {padding-bottom: 15px;} .pageAccessoires #mainContent .titreAccessoires { width: 121px; height: 15px; margin-bottom: 10px; margin-top: 15px; background: transparent url(../../images/titreAccessoires.gif) no-repeat;} .pageAccessoires #mainContent .titreAccessoires span {display: none;} #pageIntroAccessoires #mainContent .titreAccessoires { width: 141px; height: 18px; margin-bottom: 15px; background: transparent url(../../images/titreIntroAccessoires.gif) no-repeat;} #listeAccess {list-style: none;} .pageAccessoires #mainContent h1 {width: 400px; height: 25px; margin-bottom: 15px;} .pageRobots #mainContent h1 {background: transparent url(../../images/titreAccessA.gif) no-repeat;} .pageNage #mainContent h1 {background: transparent url(../../images/titreAccessB.gif) no-repeat;} .pageElectrolyseurs #mainContent h1 {background: transparent url(../../images/titreAccessC.gif) no-repeat;} .pagePompes #mainContent h1 {background: transparent url(../../images/titreAccessD.gif) no-repeat;} .pageChauffage #mainContent h1 {background: transparent url(../../images/titreAccessE.gif) no-repeat;} .pageAlarmes #mainContent h1 {background: transparent url(../../images/titreAccessF.gif) no-repeat;} .pageBarrieres #mainContent h1 {background: transparent url(../../images/titreAccessG.gif) no-repeat;} .pageCouvertures #mainContent h1 {background: transparent url(../../images/titreAccessH.gif) no-repeat;} .pageRecuperateurEau #mainContent h1 {background: transparent url(../../images/titreAccessI.gif) no-repeat;} .pageAccessComp #mainContent h1 {background: transparent url(../../images/titreAccessJ.gif) no-repeat;} .pageAccessoiresHS #mainContent h1 { width: 422px; height: 25px; margin-bottom: 20px; margin-top: 15px; background: transparent url(../../images/titreAccessoiresHS.gif) no-repeat;} .sousTitre {font-weight: bold; margin-bottom: 10px;} /************************************************************************************/ /* Technique */ /************************************************************************************/ #menuTechnique { background: #fff url(../../images/hautMenuTechnique.gif) no-repeat; width: 190px; padding: 30px 0 0 0; margin-bottom: 15px; } #menuTechnique ul { list-style: none; padding: 0 7px 10px 7px; width: 176px; background: #fff url(../../images/basMenuTechnique.gif) no-repeat left bottom;} #menuTechnique ul li {line-height: 18px;} #menuTechnique ul li a { display: block; color: #43677f; text-decoration: none; font-weight: bold; padding-left: 8px;} #menuTechnique ul li a:hover, #pageStructPrestige ul li#btnTechA a, #pageStructPrivilege ul li#btnTechB a, #pageFormesFond ul li#btnTechC a, #pageEscalier ul li#btnTechD a, #pageFiltration ul li#btnTechE a, #pageEspaceTechnique ul li#btnTechF a, #pageLiner ul li#btnTechG a, #pageMargelles ul li#btnTechH a, #pageTraitementEau ul li#btnTechI a, #pageConceptHorsSol ul li#btnTechHSA a, #pageFiltrationHorsSol ul li#btnTechHSB a, #pageEtancheiteHorsSol ul li#btnTechHSC a { color: #072f4a; font-weight: bold; background: transparent url(../../images/bgSousNav.png) no-repeat;} #menuTechnique ul li#titreTechA, #menuTechnique ul li#titreTechB {width: 176px; height: 20px; text-indent: -5000px; overflow: hidden; margin-bottom: 10px;} #menuTechnique ul li#titreTechA {background: transparent url(../../images/titreTechA.gif) no-repeat;} #menuTechnique ul li#titreTechB {background: transparent url(../../images/titreTechB.gif) no-repeat; margin-top: 10px;} #btnGarantieMMA { display: block; margin-left: 20px; width: 150px; height: 105px; background: transparent url(../../images/garantieMMA.gif) no-repeat;} #btnGarantieMMA span {display: none;} .pageTechniqueHS .margeHaute {position: relative; top: 20px;} .pageTechniqueHS #colFicheB h3 {text-indent: -5000px; overflow: hidden;} #pageIntroTechnique #colFicheB h1 { background: transparent url(../../images/titreTechniques.gif) no-repeat; width: 520px; height: 50px;} #pageStructPrestige #colFicheB h1 { background: transparent url(../../images/titreStructurePrestige.gif) no-repeat left bottom; width: 500px; height: 26px;} #pageStructPrivilege #colFicheB h1 { background: transparent url(../../images/titreStructurePrivilege.gif) no-repeat; width: 305px; height: 43px;} #pageFormesFond #colFicheB h1 { background: transparent url(../../images/titreFormesFond.gif) no-repeat; width: 398px; height: 19px;} #pageEscalier #colFicheB h1 { background: transparent url(../../images/titreEscalier.gif) no-repeat; width: 251px; height: 19px;} #pageFiltration #colFicheB h1 { background: transparent url(../../images/titreFiltration.gif) no-repeat; width: 422px; height: 26px;} #pageEspaceTechnique #colFicheB h1 { background: transparent url(../../images/titreEspaceTechnique.gif) no-repeat; width: 575px; height: 19px;} #pageLiner #colFicheB h1 { background: transparent url(../../images/titreLiner.gif) no-repeat; width: 91px; height: 19px;} #pageLiner #colFicheB h3 { background: transparent url(../../images/blocFrise.gif) no-repeat; width: 271px; height: 75px; float: right; margin: 30px 200px 0 0; text-indent: -5000px; overflow: hidden;} #pageMargelles #colFicheB h1 { background: transparent url(../../images/titreMargelles.gif) no-repeat; width: 338px; height: 19px;} #pageTraitementEau #colFicheB h1 { background: transparent url(../../images/titreTraitementEau.gif) no-repeat; width: 236px; height: 19px;} .pageTendances #colFicheB h1 { background: transparent url(../../images/titreTendances.gif) no-repeat; width: 354px; height: 42px; margin-top: 5px; margin-bottom: 30px;} #pageStructPrivilege #colFicheB h2 { margin-bottom: 10px; width: 750px; height: 35px; background: transparent url(../../images/titreGiration.gif) no-repeat left bottom; border-top: 2px #fff solid; padding-top: 10px;} #pageEspaceTechnique #colFicheB h4 {margin-bottom: 10px;} #pageStructPrivilege #btnCatalogue {float: right; margin: 0 15px 15px 0;} #mainContent h4 span, #mainContent h5 span {display: none;} #rangPictos { padding: 15px 0 0 0;} #rangPictos img {margin-right: 0; float: left;} #pageStructPrivilege #rangPictos {width: 262px;} #pageStructPrivilege #rangPictos img {margin: 20px 0 0 7px; float: right;} #zoneVideo {float: right; padding-left: 15px; width: 440px;} #zoneVideo p {padding-top: 10px; font-size: 11px; font-weight: bold; text-align: right;} #pageStructPrivilege #zoneVideo {text-align: right; width: 262px; padding-left: 0; } .floatRight {float: right !important; margin: 0 0 15px 15px;} .floatLeft {float: left; margin: 0 15px 15px 0;} .margeBasse {margin-bottom: 20px;} .pageTechnique #colFicheB h2 {margin-bottom: 5px;} .titreFormesA { width: 314px !important; height: 17px !important; background: transparent url(../../images/titreFormesA.gif) no-repeat;} .titreFormesB { width: 162px !important; height: 17px !important; background: transparent url(../../images/titreFormesB.gif) no-repeat;} .titreFiltrationA { width: 395px !important; height: 18px !important; margin-bottom: 5px !important; background: transparent url(../../images/titreFiltrationA.gif) no-repeat; text-indent: -5000px; overflow: hidden;} .titreFiltrationB { width: 187px !important; height: 17px !important; margin-bottom: 5px !important; background: transparent url(../../images/titreFiltrationB.gif) no-repeat; text-indent: -5000px; overflow: hidden;} .titreFiltrationC { width: 307px !important; height: 18px !important; margin-bottom: 5px !important; background: transparent url(../../images/titreFiltrationC.gif) no-repeat; text-indent: -5000px; overflow: hidden;} .titreTechA { width: 255px !important; height: 17px !important; margin-bottom: 10px !important; background: transparent url(../../images/titreEspaceTechA.gif) no-repeat;} .titreTechB { width: 154px !important; height: 14px !important; margin-top: 20px; margin-bottom: 10px !important; background: transparent url(../../images/titreEspaceTechB.gif) no-repeat;} .titreTechD { width: 561px !important; height: 16px !important; margin-top: 20px; margin-bottom: 10px !important; background: transparent url(../../images/titreEspaceTechD.gif) no-repeat;} #pageTraitementEau #mainContent h2 { width: 200px !important; height: 18px !important; background: transparent url(../../images/titreElectrolyseurSel.gif) no-repeat;} #pageEspaceTechnique #colFicheB ul {float: left; width: 400px; margin-left: 15px;} /***************** Liners */ .titreLinerA { width: 688px !important; height: 17px !important; margin-bottom: 10px !important; background: transparent url(../../images/titreLinerA.gif) no-repeat;} /***************** Margelles */ .titreMargellesA { width: 101px !important; height: 14px !important; background: transparent url(../../images/titreMargelleA.gif) no-repeat;} .titreMargellesB { width: 71px !important; height: 14px !important; background: transparent url(../../images/titreMargelleB.gif) no-repeat;} #blocAttention { width: 180px; float: right; margin-left: 20px; background: #fff url(../../images/hautAttention.gif) no-repeat;} #blocAttention p { background: transparent url(../../images/basAttention.gif) no-repeat left bottom; margin-bottom: 0; padding: 10px 10px 10px 50px;} /****************** Filtration */ #pageFiltration #colFicheB h2 { width: 457px; height: 20px; margin-bottom: 10px; background: transparent url(../../images/titreEauQualite.gif) no-repeat;} #pageFiltration #colFicheB h4 { width: 261px; height: 145px; float: right; background: transparent url(../../images/titreTrophee.gif) no-repeat;} #visuelSkimfiltre {margin-top: 10px;} #colEspaceTechA, #colEspaceTechB {float: left; width: 350px; padding-right: 15px;} .liste { list-style-position: inside; margin-bottom: 10px;} #colTechPrivilege, #colTechPrestige { float: left; width: 375px; text-align: center;} #colTechPrivilege ul.vignettes li {margin: 5px 10px 0 0;} #colTechPrivilege img.schema, #colTechPrestige img.schema {width: 350px;} #colTechPrivilege img.schema {margin-bottom: 15px;} #colTechPrestige img.schema {margin-bottom: 21px;} #colTechPrivilege h2, #colTechPrestige h2 {margin: 0 auto 15px auto;} #colTechPrivilege h2 span, #colTechPrestige h2 span {display: none;} #colTechPrivilege h2 {background: transparent url(../../images/titrePiscinePrivilege.gif) no-repeat; width: 197px; height: 16px;} #colTechPrestige h2 {background: transparent url(../../images/titrePiscinePrestige.gif) no-repeat; width: 190px; height: 12px;} #pageEscalier #blocVisuels {width: auto;} #pageEscalier #blocVisuels h2 { width: 483px; height: 19px; margin-bottom: 10px; background: transparent url(../../images/titreExempleEsc.gif) no-repeat;} #pageEscalier #blocVisuels h4 span {display: none;} /************ technique hors-sol */ #pageConceptHorsSol #mainContent h1 { width: 380px; height: 19px; margin-bottom: 15px; background: transparent url(../../images/titreTechHSA.gif) no-repeat;} #pageFiltrationHorsSol #mainContent h1 { width: 380px; height: 19px; margin-bottom: 15px; background: transparent url(../../images/titreTechHSB.gif) no-repeat;} #pageEtancheiteHorsSol #mainContent h1 { width: 480px; height: 25px; margin-bottom: 15px; background: transparent url(../../images/titreTechHSC.gif) no-repeat;} #pageConceptHorsSol #mainContent #btnVideoHS, #pageIntroTechnique #mainContent #btnVideoEnterrees {float: right; margin-left: 20px;} #pageConceptHorsSol #mainContent h2.titreConceptHSA {width: 273px; height: 14px !important; background: transparent url(../../images/titreConceptHSA.gif) no-repeat; margin-bottom: 10px;} #pageConceptHorsSol #mainContent h3.titreConceptHSB {width: 521px !important; height: 54px !important; margin-bottom: 10px; background: transparent url(../../images/titreConceptHSB.gif) no-repeat; margin-top: 20px;} #pageConceptHorsSol #mainContent h3.titreConceptHSC {font-size: 12px; font-weight: bold; font-style: normal; text-indent: 0; margin-bottom: 10px;} #pageFiltrationHorsSol #mainContent h2 { width: 270px; height: 17px; margin-bottom: 15px; background: transparent url(../../images/titreFiltrationHSA.gif) no-repeat;} #pageFiltrationHorsSol #mainContent h3 { width: 600px; height: 25px; margin-bottom: 15px; float: left; background: transparent url(../../images/titreFiltrationHSB.gif) no-repeat;} #pageEtancheiteHorsSol #mainContent h2 { width: 380px; height: 19px; margin-bottom: 15px; background: transparent url(../../images/titreEtancheiteHSA.gif) no-repeat;} /************************************************************************************/ /* Contact & demande de catalogue */ /************************************************************************************/ #pageContact #mainContent h2 { width: 211px; height: 19px; margin-bottom: 15px; background: transparent url(../../images/titreContact.gif) no-repeat;} .pageDemCatalogue #mainContent h2 { width: 298px !important; height: 19px; margin-bottom: 15px; background: transparent url(../../images/titreCatalogue.gif) no-repeat !important;} #pageDemandeCatalogue #btnCatalogue {display: none;} .pageForm fieldset {border: 1px #fff solid; padding: 10px; margin-bottom: 10px;} .pageForm fieldset legend { font-weight: bold; text-align: center; font-size: 12px;} .pageForm fieldset .lineForm label { display: block; float: left; font-weight: bold; text-align: right; padding-right: 3px;} .pageForm fieldset .lineForm, .pageForm fieldset .lineRadio, .pageForm fieldset .lineCheck, .pageForm fieldset .lineText {padding-bottom: 5px;} .pageForm fieldset .lineRadio label {font-weight: bold; padding: 0 15px 0 3px;} .pageForm fieldset label span, .pageForm fieldset p span, .lineObjet label span, .lineCata p span {color: #863020; font-weight: bold;} #blocSearchMail legend { padding: 5px 23px 5px 23px; background: transparent url(../../images/bgLegendA.png) no-repeat;} #blocChoix legend { padding: 5px 26px 5px 23px; background: transparent url(../../images/bgLegendA.png) no-repeat;} #blocResa legend { padding: 5px 21px 5px 20px; background: transparent url(../../images/bgLegendB.png) no-repeat;} #blocRDV legend { padding: 5px 17px 5px 13px; background: transparent url(../../images/bgLegendB.png) no-repeat;} #blocSearchMail label {width: 120px; line-height: 20px;} #blocLivraison label {width: 150px;} #pageDevis #blocSearchMail label {width: 230px;} #pageFranchise #blocSearchMail label {width: 370px;} #blocResa label {width: 250px;} #blocRDV label {width: 50px;} #blocSearchMail {font-size: 11px;} #blocSearchMail .lineForm {padding: 5px 0 0 0;} #blocSearchMail, .pageForm #btnCatalogue, #blocAdresse, #emailFound {float: left;} #emailFound {padding-bottom: 10px;} #pageFranchise #blocSearchMail, #pageFranchise #emailFound {float: none;} .pageForm #btnCatalogue {margin-bottom: 10px; margin-left: 15px;} #blocAdresse { width: 240px; font-weight: bold; background-color: #fff; padding: 10px; margin: 0 0 0 15px;} #blocAdresse a { display: block; height: 16px; color: #fff; background: #43677F url(../../images/pictoMap.gif) no-repeat 3px 3px; text-decoration: none; margin-top: 10px; padding: 3px 3px 3px 23px;} #pageContact #blocAdresse {float: right; width: 400px; position: relative; top: 9px;} #pageClub #emailFound, #pageClub #blocSearchMail {width: 410px;} #pageDemandeCatalogue #blocSearchMail, #pageDevis #blocSearchMail, #pageDemandeCatalogue #emailFound, #pageDevis #emailFound {width: 620px;} .colFormNew {width: 50%; float: left;} .lineConnu {margin-bottom: 10px;} .attention { font-weight: bold; border: 1px #43677F solid; margin-bottom: 30px; text-align: center; display: block; float: left; width: 15px; background-color: #fff; margin-right: 5px;} .lineHaute {margin-top: 20px;} .lineObjet {border: 1px #fff solid; width: 440px; padding: 10px; margin-bottom: 10px;} .lineObjet label, .lineCata p {font-weight: bold; width: 180px; display: block; text-align: right; padding-right: 3px; float: left;} .lineCata {margin: 15px 0;} .lineCata p {width: 450px; margin-bottom: 5px;} /**************** Bloc coordonnées */ #blocCoordonnees legend { padding: 5px 20px 5px 20px; background: transparent url(../../images/bgLegendB.png) no-repeat;} #blocCoordonnees .lineSelect, #blocCoordonnees .lineForm, #blocCoordonnees .lineRadio {margin-bottom: 10px;} #blocCoordonnees label, #blocCoordonnees .lineRadio p {width: 180px;} #blocCoordonnees .lineRadio p {float: left; font-weight: bold; text-align: right; padding-right: 3px;} #blocCoordonnees .lineRadio label {font-weight: normal;} #pageDevis #blocCoordonnees label, #pageDevis #blocCoordonnees .lineRadio p {width: 350px; text-align: right; padding-right: 3px;} #pageDevis #blocCoordonnees .lineSelect label { display: block; float: left; font-weight: bold; padding-right: 15px;} /**************** Bloc Projet */ #blocProjet { width: 350px; position: absolute; right: 30px; top: 60px; border: 1px #fff solid; padding: 10px;} #blocProjet h4 {font-size: 14px; margin-bottom: 10px;} #blocProjet h4 span {font-weight: normal; font-size: 11px; display: block;} #blocProjet label {width: 150px !important;} #blocProjet .lineForm {margin-bottom: 5px !important;} /**************** Bloc demande */ #blocDemande {} #blocDemande legend { padding: 5px 27px 5px 26px; background: transparent url(../../images/bgLegendB.png) no-repeat;} .pageDemCatalogue #blocDemande legend {padding: 5px 13px 5px 14px;} #blocDemande .lineForm, #blocDemande .lineRadio {margin-bottom: 10px;} #blocDemande .lineForm label {width: 350px;} #blocDemande .lineRadio p { text-align: right; font-weight: bold; padding-right: 5px; width: 350px; float: left; margin-bottom: 10px;} #blocDemande .lineRadio label {font-weight: normal;} #blocDemande textarea {width: 470px; height: 70px;} #blocDemande #blocProjet, #blocCoordonnees #blocProjet {position: relative; float: right; left: 0; top: 0;} #blocDemande #advice-validate-input-radio-piscineLieuNon {display: block; clear: both;} /**************** Bloc RDV */ #blocRDV {position: relative; top: 11px;} #blocRDV p {margin-bottom: 10px; } #blocRDV option {padding-right: 10px; margin-right: 15px;} #blocRDV .lineForm {padding-left: 30px;} #blocRDV select {margin-right: 15px; float: left;} #blocRDV .validation-advice { position: absolute; left: 170px; top: 16px; width: 230px; text-align: center; clear: both;} /*************** Etapes devis */ #blocRapide { background: transparent url(../../images/sablier.png) no-repeat 10px 10px; float: right; width: 280px; height: 33px; font-weight: bold; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: #fff; padding: 10px 10px 10px 45px;} ul.stepy-titles {list-style: none; height: 40px; width: 550px; float: left; position: relative; top: 10px;} ul.stepy-titles li { -moz-border-radius: 5px; background-color: #43677f; -webkit-border-radius: 5px; font-size: 12px; margin-right: 10px; -khtml-border-radius: 5px; color: #fff; padding: 5px 10px; border-radius: 5px; float: left; color: #fff; text-decoration: none; font-weight: bold;} ul.stepy-titles li.current-step {color: #43677f; background-color: #fff;} .blocDetailsProjet textarea, #pageClub textarea {width: 500px; height: 70px;} /************** Détail projet */ #blocDetailsProjet legend { padding: 5px 23px 5px 23px; background: transparent url(../../images/bgLegendC.png) no-repeat;} #blocDetailsProjet .lineSelect, #blocDetailsProjet .lineText, #blocDetailsProjet .lineCheck, #blocDetailsProjet .lineRadio {margin-bottom: 10px;} #blocDetailsProjet .lineSelect label, #blocDetailsProjet .lineCheck p, #blocDetailsProjet .lineRadio p, #blocDetailsProjet .lineText p { display: block; float: left; padding-right: 3px; text-align: right; width: 350px; font-weight: bold;} #blocDetailsProjet .lineRadio label {font-weight: normal;} #blocDetailsProjet .lineCheck label {padding-right: 15px;} #pageDevis .lineCheck {font-size: 12px;} .pageForm .lineCheck a.pdf { float: right; display: block; color: #43677F; background: transparent url(../../images/pdf.png) no-repeat; height: 16px; padding-left: 20px; text-decoration: none;} #pageContact .lineCheck a.pdf span {text-decoration: underline;} .lineInfosGratuites {margin-bottom: 5px;} .lineInfosGratuites input {margin-right: 3px;} .lineInfosGratuites label {padding-right: 10px;} #alerteTelephone { width: 80px; background-color: #fff; padding: 5px; font-size: 11px; text-align: center; position: absolute; left: 360px; top: 805px;} #pageDevis #alerteTelephone {left: 360px; top: 960px;} #colCheckA, #colCheckB {float: left;} #colCheckA {width: 450px; padding-right: 20px;} #colCheckB {width: 450px;} .mentions {font-size: 10px;} .obligatoire {margin-bottom: 10px;} .obligatoire span {color: #863020; font-weight: bold;} #pageContact .lineSubmit {padding: 10px 0 15px 0; clear: both; text-align: center;} #pageContact .lineSubmit input { background: transparent url(../../images/btnSubmit.png) no-repeat; width: 140px; height: 20px; border: 0; text-align: center; font-weight: bold; color: #fff;} /*#pageDevis .lineSubmit input {margin: 0 10px;}*/ #blocSearchMail #searchSubmitter { background: transparent url(../../images/btnSubmitSearchMail.gif) no-repeat; width: 100px; height: 20px; border: 0; text-align: center; font-weight: bold; color: #fff;} .introContact {font-weight: bold; margin-bottom: 15px;} /***********************************************************************************************************/ /* Formulaire de devis */ /***********************************************************************************************************/ fieldset.step{width:auto; position: relative;} .blocDetailsProjet legend { padding: 5px 9px 5px 9px; background: transparent url(../../images/bgLegendD.png) no-repeat;} .blocDetailsProjet .lineSelect, .blocDetailsProjet .lineText, .blocDetailsProjet .lineCheck, .blocDetailsProjet .lineRadio {margin-bottom: 10px;} .blocDetailsProjet .lineSelect label, .blocDetailsProjet .lineCheck p, .blocDetailsProjet .lineRadio p, .blocDetailsProjet .lineText p { display: block; float: left; padding-right: 3px; text-align: right; width: 350px; font-weight: bold;} .blocDetailsProjet .lineRadio label {font-weight: normal;} .blocDetailsProjet .lineCheck label {padding-right: 15px;} #pageDevis .blocDetailsProjet .lineSelect select {width: 150px;} #pageDevis .blocDetailsProjet #longueur, #pageDevis .blocDetailsProjet #largeur {width: 50px !important;} .blocCoordonnees legend { padding: 5px 10px 5px 10px; background: transparent url(../../images/bgLegendA.png) no-repeat;} .blocCoordonnees .lineSelect, .blocCoordonnees .lineForm, .blocCoordonnees .lineRadio {margin-bottom: 10px;} .blocCoordonnees label, .blocCoordonnees .lineRadio p {width: 180px;} .blocCoordonnees .lineRadio p {float: left; font-weight: bold; text-align: right; padding-right: 3px;} .blocCoordonnees .lineRadio label, .blocDetailsProjet .lineRadio label {font-weight: normal !important;} .blocCoordonnees .lineForm input {width: 200px;} .blocCoordonnees .lineHeureContact label {padding-bottom: 50px;} .blocCoordonnees .lineHeureContact select {margin-bottom: 10px;} .blocCoordonnees #blocProjet {position: relative; float: right; left: 0; top: 0; width: 290px;} .blocCoordonnees #blocProjet label {display: block; text-align: left !important;} .blocCoordonnees #blocProjet p {margin-bottom: 10px;} #pageDevis .blocCoordonnees label, #pageDevis .blocCoordonnees .lineRadio p {width: 300px; text-align: right; padding-right: 3px;} #pageDevis .blocCoordonnees .lineSelect label { display: block; float: left; font-weight: bold; padding-right: 15px;} #zeForm-step-2 legend { padding: 5px 24px 5px 24px; background: transparent url(../../images/bgLegendC.png) no-repeat;} #pageDevis #mainContent h2 { width: 400px; height: 25px; margin-bottom: 15px; background: transparent url(../../images/titreDevis.gif) no-repeat;} #pageDevis #mainContent h3 { width: 545px; height: 19px; margin-bottom: 15px; background: transparent url(../../images/titreDevisBis.gif) no-repeat;} #colCoordA, #colCoordB {float: left; width: 400px;} #pageClub #mainContent img {float: right;} #pageClub #mainContent h2 { width: 420px; height: 19px; margin-bottom: 15px; background: transparent url(../../images/titreClub.gif) no-repeat;} /****************** devenir franchisé */ #pageFranchise #mainContent h1, #pageDevenirFranchise #mainContent h1 { width: 565px; height: 25px; margin-bottom: 15px; background: transparent url(../../images/titreFranchise.gif) no-repeat;} #pageFranchise #mainContent h2, #pageDevenirFranchise #mainContent h2 { width: 624px; height: 18px; margin-bottom: 15px; background: transparent url(../../images/titreFranchiseC.gif) no-repeat;} #pageFranchise #mainContent h2#sloganFranchise, #pageDevenirFranchise #mainContent h2#sloganFranchise { width: 585px; height: 18px; margin-bottom: 15px; margin-left: 180px; background: transparent url(../../images/titreFranchiseD.gif) no-repeat;} /*#pageFranchise #mainContent h3, #pageDevenirFranchise #mainContent h3 { width: 597px; height: 19px; margin-bottom: 15px; background: transparent url(../../images/titreFranchiseB.gif) no-repeat;}*/ #pageFranchise #blocDetailsProjet legend { padding: 5px 24px 5px 23px; background: transparent url(../../images/bgLegendA.png) no-repeat;} #pageFranchise #blocDetailsProjet .lineForm label, #pageFranchise #blocDetailsProjet .lineRadio p {width: 350px;} #pageFranchise #blocDetailsProjet textarea {width: 500px; height: 70px;} #pageFranchise .lineSubmit {padding: 10px 0 15px 0; clear: both; text-align: center;} #pageFranchise .lineSubmit input { background: transparent url(../../images/btnSubmit.png) no-repeat; width: 140px; height: 20px; border: 0; text-align: center; font-weight: bold; color: #fff;} .pageTexteFranchise #mainContent .floatLeft {margin-top: 10px;} #btnFranchise { display: block; float: right; margin-right: 20px; width: 218px; height: 126px; margin-bottom: 15px; background: transparent url(../../images/btnFranchise.gif) no-repeat;} #btnFranchise:hover {background-position: 0 -126px;} #btnFranchise span {display: none;} #blocTemoignages h5 { width: 920px !important; height: 38px !important; background: transparent url(../../images/titreBlocTemoignages.gif) no-repeat !important;} .temoignage { width: 400px; float: left; font-size: 11px; padding: 0 15px 5px 15px;} .temoignage h6 {font-size: 14px; margin-bottom: 10px;} .temoignage img {float: left; margin: 0 15px 5px 0;} #pageMerci #mainContent {height: 200px; background-image: none;} #pageMerci #mainContent p {margin-bottom: 10px;} /****************** bon de réservation kit hors sol */ .intro {margin-bottom: 10px;} #pageKit #mainContent h2 { width: 503px; height: 50px; margin-bottom: 15px; background: transparent url(../../images/titreResaKit.gif) no-repeat;} #pageKit .lineCheck {padding-top: 15px;} #pageKit #blocCoordonnees #alerteTelephone {left: 50px; top: 595px;} #pageKit #blocProjet label {width: 180px;} .colForm {float: left; width: 400px;} #blocResa .colForm {height: 20px;} .checkNewsletter {width: 900px !important; margin-bottom: 15px;} .checkNewsletter label small {font-size: 10px;} #visitor_abonn_newsletter_ {margin-right: 3px;} .mini {font-size: 10px;} .enValeur {text-align: center; color: #8b342a; font-weight: bold; background-color: #fff; padding: 5px 0;} .basket { display: block; width: 16px; height: 16px; text-indent: -1000px; overflow: hidden; background: transparent url(../../images/basket.gif) no-repeat;} /****************** bon de commande vortex */ #pageCommande #mainContent h2 { width: 312px; height: 42px; margin-bottom: 15px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/titreCommandeVortex.gif) no-repeat;} #blocOffreVortex { width: 582px; height: 257px; text-indent: -5000px; overflow: hidden; float: right; background: transparent url(../../images/blocOffreVortex.gif) no-repeat; margin-left: 20px;} #pageCommande #blocCoordonnees {margin-top: 0px} #pageCommande #blocLivraison {margin-top: 15px} #blocLivraison legend { padding: 5px 13px 5px 12px; background: transparent url(../../images/bgLegendF.png) no-repeat;} #pageCommande .enValeur {margin-bottom: 15px;} #pageCommande .lineSubmit input {font-size: 14px;} /************************************************************************************/ /* FAQ */ /************************************************************************************/ #pageFaq #mainContent .titreConseils { width: 408px; height: 19px; margin-bottom: 15px; background: transparent url(../../images/titreConseils.gif) no-repeat;} #pageFaq #mainContent .titreConseils span {display: none;} #colThemes, #colFaq {float: left;} #colThemes { width: 250px; padding-bottom: 10px; background: transparent url(../../images/basColThemes.gif) no-repeat left bottom;} #colFaq {width: 630px; padding-left: 30px;} #colThemes ul { list-style: none; background: transparent url(../../images/hautColThemes.gif) no-repeat;} #colThemes ul {padding: 10px 0 0 0;} #colThemes ul li { background-color: #43677F; padding: 0 15px 5px 15px;} #colThemes ul li a { text-decoration: none; color: #fff; font-weight: bold; display: block; padding-left: 15px; background: transparent url(../../images/flecheFaq.gif) no-repeat 0 3px;} #colThemes ul li a:hover {color: #B7D8E0;} #colFaq h1 {font-size: 22px; font-weight: normal; margin-bottom: 15px;} .question {margin-bottom: 15px;} .question h2 {margin-bottom: 5px;} .question h2 a { font-size: 12px; background-color: #fff; text-decoration: none; color: #43677F; display: block; padding: 1px 4px;} .reponse {padding-top: 10px;} .btnFermer, #btnFermer { display: block; width: 60px; height: 18px; margin: 0 0 15px 15px; float: right; background: transparent url(../../images/btnFermerFaq.gif) no-repeat;} .btnFermer span {display: none;} #btnFermer {text-indent: -5000px; overflow: hidden;} .zoneTexte p, .zoneTexte ul, .zoneTexte ol {margin-bottom: 10px;} .zoneTexte ul, .zoneTexte ol {list-style-position: inside !important;} .zoneTexte ul li {margin-bottom: 5px;} .zoneTexte ol li {margin-bottom: 10px;} .zoneTexte ul ul {margin-top: 5px; margin-left: 15px;} #pageDetailActualite .zoneTexte table {background-color: transparent;} #pageDetailActualite .zoneTexte table td {border: 0;} .zoneTexte img {/*float: left;*/ margin: 0 10px 10px 0;} .zoneTexte h5 {font-size: 14px; margin-bottom: 10px; border-bottom: 1px #92bdc7 solid; padding-bottom: 3px;} .zoneTexte table, .zoneTexte table.avecBords {border-collapse: collapse; background-color: #fff; width: 100%;} .zoneTexte table td, table.avecBords td {border: 1px #92bdc7 solid !important; padding: 2px 4px !important;} table.avecBords {width: 430px !important; border-collapse: collapse; margin-bottom: 15px;} table.avecBords th {text-align: left; padding: 2px 4px !important;} table.avecBords td {background-color: #fff !important;} #pageKit table.avecBords {width: 100% !important; margin-top: 30px; font-size: 11px;} #pageKit table.avecBords td {background-color: transparent !important;} #pageKit table.avecBords td .mini {} .zoneTexte .titreA {font-size: 18px; } .zoneTexte .titreB {font-size: 14px;} .zoneTexte .titreRouge {color: #8f291d; font-size: 14px;} .zoneTexte .fondBlancTexteRouge {color: #8f291d; font-size: 14px; background-color: #fff; padding: 2px 5px;} .prixPromo {text-decoration: line-through;} #actuBainSoleil h2 {text-transform: none; color: #66a0ae;} #actuBainSoleil table.avecBords {width: 350px !important;} #actuBainSoleil table.avecBords td {width: 20%; line-height: 45px; text-align: center;} #actuBainSoleil table.avecBords th { border: 1px #92bdc7 solid !important; width: 40%; color: #fff; padding: 2px 4px !important; text-align: center; background-color: #9eccd7;} #actuBainSoleil table.avecBords td img {float: left; margin: 0 0 0 20px !important;} #actuBainSoleil table.avecBords td .barre {text-decoration: line-through;} #actuBainSoleil .mention {font-size: 10px; clear: both;} #actuBainSoleil #descBain {width: 290px; padding-right: 20px;float: left;} #actuBainSoleil .enValeur {clear: both;} #actuBainSoleil #btnEtudePerso {margin-top: -300px;} /************************************************************************************/ /* Sécurité */ /************************************************************************************/ #pageSecurite #mainContent h1 { width: 310px; height: 25px; margin-bottom: 15px; background: transparent url(../../images/titreSecurite.gif) no-repeat;} #pageSecurite #mainContent h2 { width: 505px; height: 38px; margin-bottom: 15px; background: transparent url(../../images/titreSecuriteBis.gif) no-repeat;} #pageSecurite #mainContent #blocEquipements h2 { width: 258px; height: 43px; margin-bottom: 15px; background: transparent url(../../images/titreEquipementsNormalises.gif) no-repeat;} .titreSecuriteA { width: 345px; height: 17px; margin-bottom: 5px; background: transparent url(../../images/titreSecuriteA.gif) no-repeat;} .titreSecuriteB { width: 558px; height: 17px; margin-bottom: 5px; background: transparent url(../../images/titreSecuriteB.gif) no-repeat;} #blocEquipements {width: 300px; float: right; text-align: center; margin-left: 30px;} #blocEquipements ul {list-style: none; } #blocEquipements ul li {margin: 0 10px 10px 0; float: left;} #blocEquipements ul li a {display: block; width: 128px; height: 157px;} #blocEquipements ul li a span {display: none;} #blocEquipements ul li#btnEquipSecuA a {background: transparent url(../../images/btnEquipSecuA.jpg) no-repeat;} #blocEquipements ul li#btnEquipSecuB a {background: transparent url(../../images/btnEquipSecuB.jpg) no-repeat;} #blocEquipements ul li#btnEquipSecuC a {background: transparent url(../../images/btnEquipSecuC.jpg) no-repeat;} /************************************************************************************/ /* Mentions légales */ /************************************************************************************/ #pageMentions #mainContent h2 { width: 222px; height: 24px; margin-bottom: 15px; background: transparent url(../../images/titreMentions.gif) no-repeat;} #pageMentions dl {width: 450px; float: left; height: 170px;} #pageMentions dl dt {font-weight: bold;} #pageMentions #mainContent h3 {font-size: 14px; margin-bottom: 5px; border-bottom: 1px #fff dotted; padding-bottom: 2px;} #pagePlanSite #mainContent h2 { width: 146px; height: 18px; margin-bottom: 15px; background: transparent url(../../images/titrePlanSite.gif) no-repeat;} /************************************************************************************/ /* Lexique */ /************************************************************************************/ #pageLexique #mainContent h2 { width: 92px; height: 18px; margin-bottom: 15px; background: transparent url(../../images/titreLexique.gif) no-repeat;} #pageLexique #mainContent h3 a {text-decoration: none; font-size: 14px; margin-bottom: 5px;} #alphabet {list-style: none; margin-bottom: 20px; height: 18px;} #alphabet li {float: left; margin-right: 10px;} #alphabet li a { display: block; width: 20px; height: 18px; text-align: center; line-height: 18px; font-weight: bold; background: transparent url(../../images/bgLettre.gif) no-repeat; color: #43677F; text-decoration: none;} #alphabet li a:hover {background-position: 0 -18px; color: #fff;} .definition { border-bottom: 1px #fff solid; padding-bottom: 10px; margin-bottom: 15px;} .definition h3 {font-size: 16px;} /************************************************************************************/ /* Historique */ /************************************************************************************/ #pageHistorique #mainContent h1 { width: 535px; height: 47px; margin-bottom: 15px; background: transparent url(../../images/titreHistorique.gif) no-repeat;} #pageHistorique #mainContent h2 {margin-bottom: 5px; width: 280px; height: 16px; text-indent: -1000px; overflow: hidden;} #pageHistorique #mainContent h2#titreHisto1 {background: transparent url(../../images/titreHisto1.gif) no-repeat;} #pageHistorique #mainContent h2#titreHisto2 {background: transparent url(../../images/titreHisto2.gif) no-repeat;} #pageHistorique #mainContent h2#titreHisto3 {background: transparent url(../../images/titreHisto3.gif) no-repeat;} #pageHistorique #mainContent h2#titreHisto4 {background: transparent url(../../images/titreHisto4.gif) no-repeat;margin-bottom: 15px;} #zoneTexteHisto, #blocDivers {float: left;} #zoneTexteHisto {width: 600px;} #blocDivers { width: 300px; height: 200px; padding-left: 20px;} #btnReseau { display: block; width: 251px; height: 140px; background: transparent url(../../images/btnReseau.gif) no-repeat; margin-bottom: 30px; float: right;} #btnReseau span {display: none;} #btnReseau:hover {background-position: 0 -140px;} #blocDivers #btnFranchiseBis {float: right;} /************************************************************************************/ /* Garanties */ /************************************************************************************/ #pageGaranties #mainContent img {border: 0;} #pageGaranties #mainContent h1 { width: 532px; height: 19px; margin-bottom: 15px; background: transparent url(../../images/titreGaranties.gif) no-repeat;} #pageGaranties #mainContent h2 { width: 475px; height: 56px; margin-bottom: 15px; background: transparent url(../../images/titreGaranties2.gif) no-repeat;} #pageGaranties #mainContent h5 { width: 659px; height: 19px; margin-bottom: 15px; background: transparent url(../../images/titreGarantieAbis.gif) no-repeat;} #pageGaranties #mainContent h3, #pageGaranties #mainContent h4 span, #pageGaranties #mainContent h5 span {display: none;} #pageGaranties #mainContent h4 {width: 920px; height: 30px; margin-bottom: 10px; margin-top: 20px;} #pageGaranties #btnCatalogue {float: right;} .titreGarantieA {background: transparent url(../../images/titreGarantieA.gif) no-repeat;} .titreGarantieB {background: transparent url(../../images/titreGarantieB.gif) no-repeat;} .titreGarantieC {background: transparent url(../../images/titreGarantieC.gif) no-repeat;} .colGarantieA, .colGarantieB {float: left; } .colGarantieA {padding-right: 20px; width: 400px;} .colGarantieB {font-size: 11px; width: 500px;} /************************************************************************************/ /* Dvpt durable */ /************************************************************************************/ #pageDurable #mainContent h1 { width: 412px; height: 43px; margin-bottom: 15px; background: transparent url(../../images/titreDurable.gif) no-repeat;} #pageDurable #mainContent h2#vingtAns { width: 658px; height: 29px; margin-bottom: 15px; background: transparent url(../../images/titreDurable2.gif) no-repeat;} #pageDurable #mainContent h2#principesComp { width: 576px; height: 16px; margin-bottom: 15px; background: transparent url(../../images/titrePrincipesComp.gif) no-repeat;} #pageDurable #mainContent h4 { width: 435px; height: 34px; margin-bottom: 15px; background: transparent url(../../images/titreDurable3.gif) no-repeat;} #pageDurable #mainContent h4 span {display: none;} #colDurableA, #colDurableB {float: left; margin-bottom: 20px;} #colDurableA {width: 478px; border-right: 2px #fff solid; padding-right: 20px;} #colDurableB {width: 390px; padding-left: 30px;} #colDurableB p {margin-top: 50px;} #colDurableA h3, #colDurableB h3 {height: 25px; margin-bottom: 15px;} #colDurableA h3 span, #colDurableB h3 span {display: none;} #colDurableA h3 {width: 156px; background: transparent url(../../images/titreSkimfiltre.gif) no-repeat;} #colDurableB h3 {width: 244px; background: transparent url(../../images/titreElectrolyseur.gif) no-repeat;} /************************************************************************************/ /* Réseau */ /************************************************************************************/ #pageReseau #mainContent, #pageCarteReseau #mainContent {position: relative;} #pageReseau #mainContent {height: 400px;} #pageCarteReseau #mainContent {height: 700px;} #pageCarteReseau #footer {position: relative; top: 120px;} #pageReseau #mainContent h1, #pageCarteReseau #mainContent h1 { width: 414px; height: 50px; margin-bottom: 15px; background: transparent url(../../images/titreReseau.gif) no-repeat;} #pageReseau #mainContent h2, #pageCarteReseau #mainContent h2 { width: 308px; height: 35px; margin-bottom: 15px; background: transparent url(../../images/titreReseau2.gif) no-repeat;} #pageReseau .floatRight, #pageConceptHorsSol .floatRight {margin: 0 0 0 0;} #btnFranchiseBis { display: block; width: 251px; height: 47px; background: transparent url(../../images/btnFranchiseBis.gif) no-repeat;} #btnFranchiseBis span {display: none;} #btnFranchiseBis:hover {background-position: 0 -47px;} #pageReseau #btnFranchiseBis {position: relative; left: 400px;} #pageCarteReseau #btnFranchiseBis {margin-top: 30px;} #pageCarteReseau #btnEtudePerso {float: left; margin: 30px 0 0 0;} #zoneCarte { width: 535px; height: 518px; position: absolute; right: 20px; top: 50px; z-index: 1;} .introCarte {width: 350px;} .legendeCarte { font-weight: bold; width: 210px; text-align: right; position: absolute; left: 310px; top: 340px;} #colActusMap, #colPresentation {float: left;} #colActusMap {width: 524px;} #colMap {width: 520px; padding: 0 2px 2px 2px; background-color: #fff; margin-bottom: 15px;} #colPresentation {width: 386px; padding-right: 10px;} #zoneActusReseau h3 { display: block; width: 377px; height: 21px; text-indent: -5000px; overflow: hidden; margin: 0 0 15px 0; background: transparent url(../../images/titreActuReseau.gif) no-repeat;} #colPresentation dl {clear: both;} #colPresentation dl dt {font-weight: bold; border-bottom: 1px #43677f solid;} #colPresentation dl dd {margin-bottom: 10px; padding-top: 5px;} #colPresentation .zoneTexte ul li {margin-bottom: 0;} #colPresentation .zoneTexte h3 { font-size: 12px; background-color: #fff; padding: 2px 5px; margin-bottom: 5px; text-transform: uppercase; clear: both;} #outils {float: right;} #visuelFranchise {float: left; width: 150px; margin: 5px 10px 10px 0;} .pageFicheFranchise #mainContent h1 {margin-bottom: 15px; font-size: 20px; padding-top: 20px; } .pageFicheFranchise #mainContent h1 span {display: block; /*font-size: 20px; display: inline;*/text-transform: uppercase;} /*.pageFicheFranchise #mainContent h2 {font-size: 22px; margin: 0 0 10px 0; color: #8f291d;}*/ #colMap h3 { font-size: 18px; margin-bottom: 10px; text-align: center; text-transform: uppercase; font-weight: normal; padding-top: 5px;} #btnContactReseau { display: block; float: left; width: 150px; height: 32px; margin-top: 10px; background: transparent url(../../images/btnNousContacter.gif) no-repeat;} #btnContactReseau span {display: none;} .pageFicheFranchise #btnEtudePerso {margin: 0 10px 10px 0; float: left;} #zoneGoogleMap {width: 520px;} #videoReseau {width: 520px;} /************************************************************************************/ /* Plan du site */ /************************************************************************************/ #pagePlanSite #mainContent h3 {font-size: 12px; margin-bottom: 5px !important;} #pagePlanSite #mainContent ul {list-style: none;} #pagePlanSite #mainContent ul li a { font-size: 11px; color: #43677F; text-decoration: none; text-decoration: none;} #pagePlanSite #mainContent ul li a:hover {text-decoration: underline;} #blocSociete, #blocPiscines, #blocConseils, #blocActualites, #blocContact {float: left; width: 20%;} /************************************************************************************/ /* Devenir parrain */ /************************************************************************************/ #pageParrain #mainContent {width: 820px; padding: 30px 70px 0 70px;} #pageParrain #mainContent h1 { width: 759px; height: 121px; margin-bottom: 15px; background: transparent url(../../images/titreParrain.gif) no-repeat;} #pageParrain #mainContent h2 { width: 820px; height: 100px; margin-bottom: 15px; background: transparent url(../../images/titreOffre.gif) no-repeat;} #pageParrain .lineSubmit {padding: 10px 0 15px 0; clear: both; text-align: center;} #pageParrain .lineSubmit input { background: transparent url(../../images/btnSubmit.png) no-repeat; width: 140px; height: 20px; border: 0; text-align: center; font-weight: bold; color: #fff;} #blocOffre1, #blocOffre2, #ou {float: left;} #blocOffre1 {width: 285px; padding-left: 70px; margin-bottom: 40px;} #blocOffre2 {width: 301px; position: relative;} #ou {width: 96px;} #blocOffre1 h3 { width: 285px; height: 67px; margin-bottom: 15px; background: transparent url(../../images/texteOffre1.gif) no-repeat;} #blocOffre2 h3 { width: 301px; height: 157px; margin-bottom: 25px; background: transparent url(../../images/texteOffre2.gif) no-repeat;} #ou { width: 95px; height: 30px; background: transparent url(../../images/ou.gif) no-repeat 20px 0;} #blocOffre2 img {position: absolute; right: 0; top: 58px;} #blocOffre1 span, #blocOffre2 span, #ou span {display: none;} #blocChoix * {float: left;} #blocChoix h4 {font-size: 14px; padding-right: 10px;} #blocChoix label {font-weight: normal;} #blocChoix .margeDroite {padding-right: 50px;} #parrain, #filleul {width: 370px; float: left;} #parrain {margin-right: 35px;} #parrain legend { padding: 5px 18px 5px 19px; background: transparent url(../../images/bgLegendD.png) no-repeat;} #filleul legend { padding: 5px 24px 5px 23px; background: transparent url(../../images/bgLegendD.png) no-repeat;} #parrain label, #filleul label {width: 150px;} #choixCadeau {background-color: #fff; padding: 10px 10px 5px 10px; margin-top: 10px; font-size: 11px;} #choixCadeau p {margin-bottom: 5px;} /*********************************** Club clients */ #pageClubClients #mainContent, #pageLoginClients #mainContent {width: 960px; padding: 30px 0 0 0;} #colClubA, #colClubB {float: left;} #colClubA {width: 230px;} #colClubB {width: 730px;} #colClubA h1 { width: 190px; height: 126px; margin-bottom: 20px; background: transparent url(../../images/logoClub.gif) no-repeat;} .pageAccesClients #colClubB h2 { width: 471px; height: 24px; margin-bottom: 10px; background: transparent url(../../images/titreClubCaron.gif) no-repeat;} #colClubB h3 { width: 287px; height: 19px; margin-bottom: 10px; background: transparent url(../../images/titreClubCaron2.gif) no-repeat;} #colClubB h4 { width: 687px; height: 35px; margin-bottom: 10px; background: transparent url(../../images/titreClubCaron3.gif) no-repeat;} #colClubB h3 span {display: none;} #colClubB dl {padding-top: 30px; width: 360px;} #colClubB dl dt { font-weight: bold; background: transparent url(../../images/puceClub.gif) no-repeat 0 3px; padding-left: 26px;} #colClubB dl dd {padding-left: 26px; margin-bottom: 10px;} #colDroiteClub {width: 345px; float: right;} #avantageBienvenue, #parrainez {display: block; margin-bottom: 20px; } .pageEspaceClients #colClubB p, .pageEspaceClients #colClubB ul.liste {width: 360px;} #avantageBienvenue span, #parrainez span {display: none;} #avantageBienvenue { width: 345px; height: 220px; background: transparent url(../../images/avantageBienvenue.png) no-repeat;} #parrainez { width: 345px; height: 89px; background: transparent url(../../images/parrainez.gif) no-repeat;} #accesClients { width: 290px; padding-top: 38px; position: relative; background: #fff url(../../images/hautAccesClients.gif) no-repeat;} #accesClients fieldset { background: transparent url(../../images/basAccesClients.gif) no-repeat left bottom; border: 0; padding-bottom: 10px;} #accesClients legend {display: none;} #accesClients p, #changerMDP p {padding: 0 12px;} #accesClients p.sansMarge {margin-bottom: 0; text-align: center;} #accesClients p a {text-decoration: none; font-size: 11px;} #accesClients .lineForm, #changerMDP .lineForm {margin-bottom: 5px;} #colClubB .lineForm label { font-weight: bold; text-align: right; display: block; float: left; padding-right: 3px;} #accesClients .lineForm label {width: 100px;} #changerMDP .lineForm label {width: 160px; font-size: 11px;} .lineOK {position: absolute; top: 90px; right: 15px;} .lineOK input { background: transparent url(../../images/btnOKClub.gif) no-repeat; border: 0; width: 29px; height: 21px; text-align: center; color: #fff; font-weight: bold;} #changerMDP .lineOK {position: absolute; top: 120px; right: 15px;} .pageEspaceClients #colClubB h2 { width: 222px; height: 24px; margin-bottom: 10px; background: transparent url(../../images/titreEspaceClients.gif) no-repeat;} .pageEspaceClients #colClubB h3 { margin-bottom: 30px;} .pageEspaceClients #colDroiteClub {margin-top: -70px;} #changerMDP { width: 345px; padding-top: 38px; position: relative; background: #fff url(../../images/hautChangerMDP.gif) no-repeat;} #changerMDP a {text-decoration: none;} #changerMDP fieldset { background: transparent url(../../images/basChangerMDP.gif) no-repeat left bottom; border: 0; padding-bottom: 10px;} #changerMDP legend {display: none;} #changerMDP p {width: auto !important;} #pageClub .lineSubmit {padding: 10px 0 15px 0; clear: both; text-align: center;} #pageClub .lineSubmit input { background: transparent url(../../images/btnSubmitClub.gif) no-repeat; width: 200px; height: 20px; border: 0; text-align: center; font-weight: bold; color: #fff;} /**************************************************************************************************/ /* Recrutement */ /**************************************************************************************************/ .titreRecrutement { width: 570px; height: 19px; margin-bottom: 10px; float: left; background: transparent url(../../images/titreRecrutement.gif) no-repeat; text-indent: -5000px; overflow: hidden;} .titreOffresEmploi { background: transparent url(../../images/titreOffresEmploi.gif) no-repeat; width: 349px; height: 12px; margin: 15px 0 15px 0; text-indent: -5000px; overflow: hidden;} .titreOffresEmploi span {display: none;} #zoneTexteEmploi {width: 700px;} #pageListeEmplois #mainContent h2 { font-size: 12px; text-transform: uppercase; background-color: #fff; padding: 1px 5px; margin-bottom: 10px; clear: both;} #pageListeEmplois #mainContent img {float: left; margin-right: 20px;} #btnCandidature { display: block; float: right; width: 73px; height: 78px; background: transparent url(../../images/btnCandidature.gif) no-repeat;} #btnCandidature span {display: none;} .offreEmploi {width: 440px; float: left; margin: 0 10px 5px 10px;} .offreEmploi h3 {font-size: 14px; color: #852a1c;} .offreEmploi .btnSuite {clear: none; background: transparent url(../../images/filetEmploi.png) no-repeat right bottom; } #pageFicheEmploi #mainContent h2 { font-size: 20px; margin-bottom: 15px; float: none; clear: both;} #pageFicheEmploi #mainContent .date {clear: both;} /**************************************************************************************************/ /* Page VIST */ /**************************************************************************************************/ #pageVist #mainContent h1 { text-transform: uppercase; font-size: 20px; color: #43677F; margin-bottom: 10px; width: auto !important;} #pageVist .titreVist { width: 522px; height: 24px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/titreVist.gif) no-repeat; margin-bottom: 20px !important;} #pageVist #trophee2009 {float: right !important; margin: 0 10px 10px 0 !important;} #pageVist #floatRight { width: 275px; float: right; margin-left: 20px; background-color: #fff; padding: 10px 15px;} #pageVist #floatRight h3 {font-size: 14px; color: #05a3c0; margin-bottom: 6px; margin-top: 20px;} #pageVist #floatRight ul {list-style: none;} #pageVist #floatRight ul li {margin-bottom: 5px; font-size: 11px;} #pageVist #floatRight ul li strong {color: #264a62; font-size: 12px;} #pageVist #btnVoirVideo {margin-top: 70px;} #popup { margin: 90px 30px 50px 30px; color: #072f4a; font-size: 18px; text-align: center; background: #d3e7ec url(../../images/bgPopup.png) no-repeat;} #popup p {margin-bottom: 20px;}