* { 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; padding-bottom: 172px;} #pageAccueil #allContent {height: 620px;} #enTete { width: 960px; height: 119px; 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 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: 940px; height: 31px; background: url(../../images/bg.gif) no-repeat top; padding: 0 10px; } .navigation li { float: left; list-style: none; position: relative; margin-right: 17px;} .navigation li a { z-index: 10; display: block; float: left; height: 31px; position: relative; top: 4px; margin: 0 0 0 10px;} .navigation li#btnNavA a {background: transparent url(../../images/btnNavA.gif) no-repeat; width: 68px;} .navigation li#btnNavB a {background: transparent url(../../images/btnNavB.gif) no-repeat; width: 84px;} .navigation li#btnNavC a {background: transparent url(../../images/btnNavC.gif) no-repeat; width: 100px;} .navigation li#btnNavD a {background: transparent url(../../images/btnNavD.gif) no-repeat; width: 90px;} .navigation li#btnNavE a {background: transparent url(../../images/btnNavE.gif) no-repeat; width: 198px;} .navigation li#btnNavF a {background: transparent url(../../images/btnNavF.gif) no-repeat; width: 84px;} .navigation li#btnNavG a {background: transparent url(../../images/btnNavG.gif) no-repeat; width: 124px;} .navigation li a span {display: none;} .navigation li ul { list-style: none; position: absolute; left: 0; top: 31px; background-color: #fff; padding-bottom: 5px; z-index: 5000;} .navigation li ul li { float: none !important; margin: 0 !important; line-height: 13px;} .navigation li ul li a { padding: 5px 10px !important; float: none; top: 0; width: auto !important; height: auto ! important; margin: 0 !important; background-image: none !important; color: #43677f; text-decoration: none;} .navigation li ul li a:hover {font-weight: bold;} .navigation li#btnNavB ul {width: 155px;} .navigation li#btnNavC ul {width: 135px;} .navigation li#btnNavE ul {width: 275px;} .navigation li#btnNavF ul {width: 170px;} .navigation li#btnNavG ul {width: 165px;} /************************************************************************************/ /* Maincontent */ /************************************************************************************/ #mainContent { width: 960px; padding: 30px 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;} #pageAccueil #mainContent {width: 930px; height: 590px; padding: 30px 0 0 30px;} #colAccueilA, #colAccueilB {float: left;} #colAccueilA {width: 635px;} #colAccueilB {padding-left: 35px; 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;} #btnClubCaron, #btnDevis {float: left;} /*#btnClubCaron { display: block; width: 290px; height: 92px; margin-right: 20px; background: transparent url(../../images/btnClubCaron.gif) no-repeat;}*/ #btnClubCaron { display: block; width: 290px; height: 63px; margin-right: 20px; background: transparent url(../../images/btnClubHome.gif) no-repeat;} #btnDevis { display: block; width: 325px; height: 70px; background: transparent url(../../images/btnDevis.gif) no-repeat;} #btnClubCaron span, #btnDevis span, #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; position: absolute; left: 340px; top: 595px; width: 325px; height: 109px; z-index: 20; background: transparent url(../../images/piscinesTendance.gif) no-repeat; text-indent: -5000px; overflow: hidden;} /******************* Bloc offre en home page */ #blocOffre { background: transparent url(../../images/promo25ans.gif) no-repeat; display: block; width: 230px; height: 298px; margin-bottom: 30px;} #blocOffre span {display: none;} /**********/ #blocActus { width: 230px; position: absolute; right: 30px; top: 510px; z-index: 10; background: transparent url(../../images/bgBlocActus.jpg) repeat-x;} #blocActus h4 { width: 230px; height: 38px; background: transparent url(../../images/titreBlocActus.gif) no-repeat;} #blocActus h4 span {display: none;} #contentActus {padding: 0 10px 10px 10px;} .actu { display: block; text-transform: uppercase; font-size: 11px; margin-bottom: 5px; line-height: 14px; color: #43677f; text-decoration: none; padding: 0 0 5px 0; background: transparent url(../../images/filetActus.png) no-repeat left bottom;} .actu span { display: block; font-weight: bold; font-size: 10px; font-family: "Trebuchet MS", Arial, sans-serif;} #edito {display: none;} /************************************************************************************/ /* Catalogue */ /************************************************************************************/ #colFicheA, #colFicheB {float: left;} #colFicheA {width: 190px;} #colFicheB {width: 750px; /*position: relative;*/ padding-left: 20px;} #colFicheB img {border: 0;} #menuProduits, #menuAccessoires { padding-top: 10px; width: 190px; margin-bottom: 15px;} #menuProduits {background: #43677F url(../../images/hautMenuProduits.gif) no-repeat;} #menuAccessoires {background: #43677F url(../../images/hautMenuAccessoires.gif) no-repeat;} #menuProduits ul, #menuAccessoires ul { list-style: none; padding-top: 8px; width: 190px; padding-bottom: 10px;} #menuProduits ul {background: #43677F url(../../images/basMenuProduits.gif) no-repeat left bottom;} #menuAccessoires ul {background: #7D9AAB url(../../images/basMenuAccessoires.gif) no-repeat left bottom;} #menuProduits ul li, #menuAccessoires ul li {margin: 0 15px 5px 15px !important;} #menuProduits ul li span, #menuAccessoires ul li span {display: none;} #menuProduits ul li a, #menuAccessoires ul li a {display: block; width: 160px; height: 15px; background-repeat: no-repeat;} #menuProduits ul li#titreMenuA, #menuProduits ul li#titreMenuB, #menuProduits ul li#titreMenuC a, #menuAccessoires ul li#titreMenuD {width: 160px; height: 14px; display: block; } .pageAccessoiresHS #menuAccessoires {display: none;} #titreMenuA {background: transparent url(../../images/titreMenuProduitsA.gif) no-repeat; height: 17px !important;} #titreMenuB {background: transparent url(../../images/titreMenuProduitsB.gif) no-repeat;} #titreMenuC a {background: transparent url(../../images/titreMenuProduitsC.gif) no-repeat;} #titreMenuD {background: transparent url(../../images/titreMenuProduitsD.gif) no-repeat;} #menuProduits ul li#titreMenuB, #menuProduits ul li#titreMenuC, #menuProduits ul li#titreMenuD {margin-top: 12px !important;} #btnMenuProdA1 a {background-image: url(../../images/btnMenuProdA1.gif);} #btnMenuProdA2 a {background-image: url(../../images/btnMenuProdA2.gif);} #btnMenuProdA3 a {background-image: url(../../images/btnMenuProdA3.gif);} #btnMenuProdA4 a {background-image: url(../../images/btnMenuProdA4.gif);} #btnMenuProdB1 a {background-image: url(../../images/btnMenuProdB1.gif);} #btnMenuProdB2 a {background-image: url(../../images/btnMenuProdB2.gif);} #btnMenuProdD1 a {background-image: url(../../images/btnMenuProdD1.gif);} #btnMenuProdD2 a {background-image: url(../../images/btnMenuProdD2.gif);} #btnMenuProdD3 a {background-image: url(../../images/btnMenuProdD3.gif);} #btnMenuProdD4 a {background-image: url(../../images/btnMenuProdD4.gif);} #btnMenuProdD5 a {background-image: url(../../images/btnMenuProdD5.gif); height: 27px !important;} #btnMenuProdD6 a {background-image: url(../../images/btnMenuProdD6.gif);} #btnMenuProdD7 a {background-image: url(../../images/btnMenuProdD7.gif);} #btnMenuProdD8 a {background-image: url(../../images/btnMenuProdD8.gif);} #btnMenuProdD9 a {background-image: url(../../images/btnMenuProdD9.gif); height: 21px !important;} #btnMenuProdD10 a {background-image: url(../../images/btnMenuProdD10.gif); height: 21px !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 a:hover, #menuAccessoires ul li a:hover, .pageRobots #btnMenuProdD1 a, .pageNage #btnMenuProdD2 a, .pageElectrolyseurs #btnMenuProdD3 a, .pagePompes #btnMenuProdD4 a, .pageChauffage #btnMenuProdD5 a, .pageAlarmes #btnMenuProdD6 a, .pageBarrieres #btnMenuProdD7 a, .pageCouvertures #btnMenuProdD8 a, .pageRecuperateurEau #btnMenuProdD9 a, .pageAccessComp #btnMenuProdD10 a {background-position: -160px 0 !important;} #btnCatalogue { display: block; width: 190px; height: 117px; background: transparent url(../../images/btnCatalogue.jpg) no-repeat;} #btnCatalogue span {display: none;} #pageEntreePiscines #btnCatalogue, .pageTendances #btnCatalogue {float: right; margin-left: 15px;} .pictoSpecial {float: right !important; margin: 0 0 10px 10px !important;} #blocVisuels, #blocTextes {float: left;} #blocVisuels {width: 500px; position: relative;} #blocTextes {width: 230px; padding-left: 20px;} #blocVisuels p {font-size: 11px; text-align: right;} #blocTextes h2 {font-size: 12px;} #colFicheB #blocTextes h3 { margin-bottom: 5px; width: auto; height: auto; font-size: 12px;} #blocTextes .zoneTexte {margin-bottom: 15px;} #colFicheB h3, #colFicheB h1 {height: 26px; width: 500px; margin-bottom: 15px;} #colFicheB h3 span, #colFicheB h1 span {display: none;} #colFicheB h4 {margin-bottom: 5px;} #colFicheB p {margin: 0 0 10px 0;} .pagePiscinePrestige #colFicheB h1, .pagePiscinePrivilege #colFicheB h1, #pagePrivilege #colFicheB h1, #pagePrestige #colFicheB h1, #pageEntreePiscines #colFicheB h1 {background: transparent url(../../images/titrePiscinesEnterrees.gif) no-repeat;} #pageFichePiscine #colFicheB h3 {margin-bottom: 8px !important;} #pageFichePiscine #colFicheB h3 em {font-style: normal;} .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.gif) no-repeat;} #pagePiscinesHorsSol #colFicheB h1 {background: transparent url(../../images/titrePiscinesHorsSol.gif) no-repeat;} #pagePiscinesCollectives #colFicheB h1 {background: transparent url(../../images/titrePiscinesCollectives.gif) no-repeat;} #pageFichePiscine #blocTextes h2 {margin-bottom: 18px;} #pageFichePiscine #blocTextes h2 span {display: none;} .piscineClassique #blocTextes h2 {width: 230px; height: 104px; background: transparent url(../../images/titreClassique.gif) no-repeat;} .piscineBassinNage #blocTextes h2 {width: 230px; height: 104px; background: transparent url(../../images/titreBassinNage.gif) no-repeat;} .piscineEvasion #blocTextes h2 {width: 230px; height: 128px; background: transparent url(../../images/titreEvasion.gif) no-repeat;} .piscineRomane #blocTextes h2 {width: 230px; height: 84px; background: transparent url(../../images/titreRomane.gif) no-repeat;} .piscineRoma #blocTextes h2 {width: 230px; height: 104px; background: transparent url(../../images/titreRoma.gif) no-repeat;} .piscineOvelia #blocTextes h2 {width: 232px; height: 84px; background: transparent url(../../images/titreOvelia.gif) no-repeat;} .piscineOptima #blocTextes h2 {width: 230px; height: 104px; background: transparent url(../../images/titreOptima.gif) no-repeat;} .piscineOleane #blocTextes h2 {width: 230px; height: 84px; background: transparent url(../../images/titreOleane.gif) no-repeat;} .piscineNaturella #blocTextes h2 {width: 230px; height: 104px; background: transparent url(../../images/titreNaturella.gif) no-repeat;} .piscineMini #blocTextes h2 {width: 230px; height: 104px; background: transparent url(../../images/titreMini.gif) no-repeat;} /*************** visuels fiche piscine */ #zoomVisuel {margin: 0 0 8px 0; width: 500px; height: 360px; overflow: hidden;} #zoomVisuel h2 {display: none;} #masqueVisuel { width: 500px; height: 360px; position: absolute; left: 0; top: 0; background: transparent url(../../images/masqueZoom.png) no-repeat;} .masqueVignette { width: 118px; height: 85px; 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: 118px; cursor: pointer;} ul.vignettes li { position: relative; float: left; text-align: center; margin: 5px 0 0 7px;} ul.vignettes li a { display: block; font-size: 10px; color: #43677f; text-decoration: none; line-height: 12px;} span.overflow { width: 118px; height: 85px; overflow: hidden; display: block; margin-bottom: 5px;} .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: 63px; right: 3px; 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;} .pageTendances ul.vignettes {width: 630px; margin-top: 30px;} /******************* références piscines collectives */ #pagePiscinesCollectives #mainContent h3#titreRefCollA { width: 190px; height: 15px; margin-bottom: 10px; background: transparent url(../../images/titreRefCollA.gif) no-repeat;} #pagePiscinesCollectives #mainContent h3#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;} #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;} #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/btnEtude.gif) no-repeat; width: 210px; height: 47px; float: right; margin: -15px 20px 0 0; display: block;} #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: 370px;} #pageEntreePiscines #colFicheB ul li#btnPrestige {padding-right: 10px;} #btnPrestige a.entreeGamme, #btnPrivilege a.entreeGamme { display: block; width: 370px; height: 207px; margin-bottom: 10px;} #btnPrestige span, #btnPrivilege span, #btnPrestige h2, #btnPrivilege h2 {display: none;} #btnPrestige a.entreeGamme {background: transparent url(../../images/btnPrestige.jpg) no-repeat;} #btnPrivilege a.entreeGamme {background: transparent url(../../images/btnPrivilege.jpg) no-repeat;} #btnPrestige a.entreeGamme:hover, #btnPrivilege a.entreeGamme:hover {background-position: 0 -207px;} #pageEntreePiscines #colFicheB ul li p { padding: 0 15px; line-height: 16px; width: 340px; margin: 0 0 15px 0;} /**************************** 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 {width: 230px; float: left;} #listePiscines h3 { width: 86px; height: 13px; margin-bottom: 10px; background: transparent url(../../images/titrePiscines.gif) no-repeat;} #listePiscines h3 span {display: none;} #listePiscines ul {list-style: none; background: transparent url(../../images/filetListePiscines.jpg) no-repeat;} #listePiscines ul li { background: transparent url(../../images/filetListePiscines.jpg) no-repeat left bottom; padding: 8px 0; } #listePiscines ul li a { text-transform: uppercase; font-size: 14px; display: block; height: 43px; font-weight: bold; text-decoration: none; color: #43677f;} #listePiscines ul li a span {font-size: 11px; font-weight: normal; text-transform: none; display: block;} #listePiscines ul li a img {border: 0; float: left; margin-right: 10px;} #listePiscines ul li a:hover {color: #37b9df;} #pageFichePiscine #listePiscines { width: auto; height: 26px; 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;} #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: 172px; position: absolute; bottom: 0; left: 0; z-index: 4; background: transparent url(../../images/bgAllContent.png) no-repeat left bottom;} #footer ul { list-style: none; width: 110px; background: transparent url(../../images/filetFooter.jpg) no-repeat left top;} #footer ul li { height: 18px; background: transparent url(../../images/filetFooter.jpg) no-repeat left bottom;} #footer ul a { font-size: 10px; color: #43677f; text-decoration: none;} #listeFooterA {position: absolute; left: 103px; bottom: 30px;} #listeFooterB {position: absolute; left: 205px; bottom: 30px;} #lephare {position: absolute; right: 5px; bottom: 5px; font-size: 9px; color: #618ca3;} #logoFPP {position: absolute; left: 30px; bottom: 30px; border: 0;} #numeroIndigo { width: 186px; height: 25px; position: absolute; left: 80px; bottom: 115px; background: transparent url(../../images/numeroIndigo.gif) no-repeat;} #numeroIndigo span {display: none;} /************************************************************************************/ /* Actualités */ /************************************************************************************/ .pageActualites #mainContent, .pageCorporate #mainContent, .pageForm #mainContent, .pageEmploi #mainContent {width: 920px; padding: 30px 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;} #uneActualite img { float: left; margin: 0 15px 15px 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;} /**************************** 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 */ /************************************************************************************/ .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: #43677F url(../../images/hautMenuProduits.gif) no-repeat; padding-top: 10px; width: 190px; margin-bottom: 25px;} #menuTechnique ul { list-style: none; padding-top: 8px; width: 190px; padding-bottom: 10px; background: #43677F url(../../images/basMenuProduits.gif) no-repeat left bottom;} #menuTechnique ul li { margin: 0 15px 5px 15px !important; padding-bottom: 5px; background: transparent url(../../images/filetMenuTechnique.jpg) no-repeat left bottom;} #menuTechnique ul li a {display: block; width: 160px;} #menuTechnique ul li a span {display: none;} #menuTechnique ul li#btnTechA a {background: transparent url(../../images/btnTechA.gif) no-repeat; height: 30px;} #menuTechnique ul li#btnTechB a {background: transparent url(../../images/btnTechB.gif) no-repeat; height: 30px;} #menuTechnique ul li#btnTechC a {background: transparent url(../../images/btnTechC.gif) no-repeat; height: 15px;} #menuTechnique ul li#btnTechD a {background: transparent url(../../images/btnTechD.gif) no-repeat; height: 15px;} #menuTechnique ul li#btnTechE a {background: transparent url(../../images/btnTechE.gif) no-repeat; height: 15px;} #menuTechnique ul li#btnTechF a {background: transparent url(../../images/btnTechF.gif) no-repeat; height: 15px;} #menuTechnique ul li#btnTechG a {background: transparent url(../../images/btnTechG.gif) no-repeat; height: 15px;} #menuTechnique ul li#btnTechH a {background: transparent url(../../images/btnTechH.gif) no-repeat; height: 30px;} #menuTechnique ul li#btnTechI a {background: transparent url(../../images/btnTechI.gif) no-repeat; height: 15px;} #btnGarantieMMA { display: block; margin-left: 20px; width: 150px; height: 105px; background: transparent url(../../images/garantieMMA.gif) no-repeat;} #btnGarantieMMA span {display: none;} .pageTechniqueHS #menuTechnique ul li#btnTechHSA a {background: transparent url(../../images/btnTechHSA.gif) no-repeat; height: 30px;} .pageTechniqueHS #menuTechnique ul li#btnTechHSB a {background: transparent url(../../images/btnTechHSB.gif) no-repeat; height: 30px;} .pageTechniqueHS #menuTechnique ul li#btnTechHSC a {background: transparent url(../../images/btnTechHSC.gif) no-repeat; height: 30px;} .pageTechniqueHS .margeHaute {position: relative; top: 20px;} #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;} #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 {float: left; width: 410px;height: 100px; padding: 15px 0 0 50px;} #rangPictos img {margin-right: 10px;} #pageStructPrivilege #rangPictos img {margin-right: 30px; margin-top: 20px;} #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: 270px;} .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; height: 17px; background: transparent url(../../images/titreFormesA.gif) no-repeat;} .titreFormesB { width: 162px; height: 17px; background: transparent url(../../images/titreFormesB.gif) no-repeat;} .titreFiltrationA { width: 395px; height: 18px; margin-bottom: 5px !important; background: transparent url(../../images/titreFiltrationA.gif) no-repeat;} .titreFiltrationB { width: 187px; height: 17px; margin-bottom: 5px !important; background: transparent url(../../images/titreFiltrationB.gif) no-repeat;} .titreFiltrationC { width: 307px !important; height: 18px; margin-bottom: 5px !important; background: transparent url(../../images/titreFiltrationC.gif) no-repeat;} .titreTechA { width: 255px; height: 17px; margin-bottom: 10px !important; background: transparent url(../../images/titreEspaceTechA.gif) no-repeat;} .titreTechB { width: 154px; height: 14px; margin-top: 20px; margin-bottom: 10px !important; background: transparent url(../../images/titreEspaceTechB.gif) no-repeat;} .titreTechD { width: 561px; height: 16px; margin-top: 20px; margin-bottom: 10px !important; background: transparent url(../../images/titreEspaceTechD.gif) no-repeat;} #pageTraitementEau #mainContent h2 { width: 200px; height: 18px; background: transparent url(../../images/titreElectrolyseurSel.gif) no-repeat;} #pageEspaceTechnique #colFicheB ul {float: left; width: 400px; margin-left: 15px;} /***************** Liners */ .titreLinerA { width: 688px; height: 17px; margin-bottom: 10px !important; background: transparent url(../../images/titreLinerA.gif) no-repeat;} /***************** Margelles */ .titreMargellesA { width: 101px; height: 14px; background: transparent url(../../images/titreMargelleA.gif) no-repeat;} .titreMargellesB { width: 71px; height: 14px; 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;} .titreConceptHSA {width: 273px; height: 14px !important; background: transparent url(../../images/titreConceptHSA.gif) no-repeat; margin-bottom: 10px;} .titreConceptHSB {width: 521px !important; height: 54px !important; background: transparent url(../../images/titreConceptHSB.gif) no-repeat; margin-top: 20px;} #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;} #pageDemandeCatalogue #mainContent h2 { width: 298px; height: 19px; margin-bottom: 15px; background: transparent url(../../images/titreCatalogue.gif) no-repeat;} #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;} #blocSearchMail legend { padding: 5px 23px 5px 23px; background: transparent url(../../images/bgLegendA.png) no-repeat;} #blocDemande legend { padding: 5px 24px 5px 23px; background: transparent url(../../images/bgLegendB.png) no-repeat;} #blocCoordonnees legend { padding: 5px 17px 5px 17px; background: transparent url(../../images/bgLegendB.png) no-repeat;} #blocDetailsProjet legend { padding: 5px 23px 5px 23px; background: transparent url(../../images/bgLegendC.png) no-repeat;} #pageFranchise #blocDetailsProjet legend { padding: 5px 24px 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;} #blocProjet legend { padding: 5px 16px 5px 17px; background: transparent url(../../images/bgLegendE.png) no-repeat;} #blocProjet legend span {font-weight: normal; font-size: 10px;} #blocSearchMail label {width: 120px; line-height: 20px;} #blocCoordonnees label, #blocLivraison label {width: 150px;} #blocDetailsProjet label {width: 350px;} #blocDemande label {width: 150px;} #blocProjet label {width: 160px;} #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 #blocSearchMail, #pageContact #emailFound, #pageClub #emailFound, #pageClub #blocSearchMail {width: 410px;} #pageDemandeCatalogue #blocSearchMail, #pageDevis #blocSearchMail, #pageDemandeCatalogue #emailFound, #pageDevis #emailFound {width: 620px;} #blocCoordonnees, #blocProjet {float: left;} #blocCoordonnees {width: 430px; margin-right: 15px;} #blocProjet {width: 430px;} #blocProjet h4 {font-size: 14px; margin-bottom: 20px;} #blocProjet h4 span {font-weight: normal; font-size: 11px; display: block;} #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;} #jsDivHeureAutre {} .lineConnu {margin-bottom: 10px;} #blocDemande p {font-weight: bold; margin-bottom: 15px;} .attention { font-weight: bold; border: 1px #43677F solid; text-align: center; display: block; float: left; width: 15px; background-color: #fff; margin-right: 5px;} #piscineConcernee {width: 200px;} #blocDemande textarea {width: 270px; height: 70px;} #blocDemande .lineForm, #blocDemande .lineRadio {margin-bottom: 15px;} #blocDemande .lineRadio {text-align: center;} #blocDetailsProjet textarea, #pageClub textarea {width: 500px; height: 70px;} .checkNewsletter, .lineInfosGratuites, .pageForm .lineCheck {font-size: 11px !important; } #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 {font-weight: bold; margin-bottom: 5px;} .lineInfosGratuites input {margin-right: 3px;} .lineInfosGratuites label {padding-right: 10px;} #alerteTelephone { width: 120px; background-color: #fff; padding: 5px; font-size: 11px; text-align: center; position: absolute; left: 320px; top: 815px;} #pageDevis #alerteTelephone {left: 325px; top: 968px;} #colCheckA, #colCheckB {float: left;} #colCheckA {width: 450px; font-weight: bold; padding-right: 20px;} #colCheckB {width: 450px;} .mentions {font-size: 10px;} .lineSubmit {padding: 10px 0 15px 0; clear: both; text-align: center;} .lineSubmit input { background: transparent url(../../images/btnSubmit.png) no-repeat; width: 140px; height: 20px; border: 0; text-align: center; font-weight: bold; color: #fff;} #pageClub .lineSubmit input { background: transparent url(../../images/btnSubmitClub.gif) no-repeat; width: 200px;} #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;} #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;} #blocDetailsProjet .lineText {padding-left: 215px;} #blocDetailsProjet .lineRadio {padding-left: 205px;} #blocDetailsProjet .lineCheck {padding-left: 172px;} #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;} .pageTexteFranchise #mainContent .floatRight {margin-right: 80px;} #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;} .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 { 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;} .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;} /************************************************************************************/ /* 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: 580px;} #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: 10px 0 0 0;} #zoneCarte { width: 535px; height: 518px; position: absolute; right: 20px; top: 60px; z-index: 4000;} .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;} #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;} /************************************************************************************/ /* 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 #mainContent h4 { width: 549px; height: 85px; margin-bottom: 15px; background: transparent url(../../images/titreOffre2.gif) no-repeat;}*/ #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;} #choixCadeau .lineRadio {} /*********************************** 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;} /**************************************************************************************************/ /* Recrutement */ /**************************************************************************************************/ .titreRecrutement { width: 570px; height: 19px; margin-bottom: 10px; /*float: left;*/ background: transparent url(../../images/titreRecrutement.gif) no-repeat;} .titreOffresEmploi { background: transparent url(../../images/titreOffresEmploi.gif) no-repeat; width: 349px; height: 12px; margin: 15px 0 15px 0;} .titreRecrutement span, .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;}