* { margin: 0; padding: 0; } .break {clear: both; height: 1px; line-height: 1px; font-size: 1px; display: block;} body, input, select, textarea { font-family: "Arial", Trebuchet MS, Verdana, sans-serif; font-size: 11px;} body {background: #a0b3c7 url(../../images/bgBody.gif) repeat-x; text-align: center; font-size: 12px; color: #fff;} a {color: #a0b3c7;} /******************************************************************************************/ /* Entete */ /******************************************************************************************/ #enTete { width: 980px; height: 135px; position: relative; margin: auto; text-align: left;} #enTete img {border: 0; margin-top: 6px;} #txtRef { width: 620px; font-size: 10px; position: absolute; left: 225px; top: 35px; color: #4F6B84;} #lnkCorpo { color: #fff; background: transparent url(../../images/bgLnkCorpo.png) no-repeat; width: 301px; text-align: center; position: absolute; right: 109px; top: 0; height: 24px; line-height: 24px; font-size: 11px;} #lnkCorpo a {color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase;} a#btnEspacePro { width: 110px; height: 38px; display: block; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/btnEspacePro.png) no-repeat; position: absolute; right: 0; top: 0;} #btnDevis { display: block; width: 185px; height: 70px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/btnDevis.png) no-repeat; float: right;} #pageAccueil #btnDevis { background: transparent url(../../images/btnDevisHome.gif) no-repeat; width: 285px; height: 105px; position: relative; left: 0; top: 0; margin-bottom: 15px;} /******************************************************************************************/ /* Maincontent */ /******************************************************************************************/ #zoneMainContent {background: #4a596b url(../../images/bgZoneMainContent.gif) repeat-x; } #ariane { list-style: none; width: 960px; height: 20px; line-height: 20px; margin-bottom: 25px;} #ariane li {float: left; font-size: 10px; padding-right: 2px; display: inline; color: #c1d5eb;} #ariane li a {color: #c1d5eb;} #mainContent { width: 980px; margin: auto; text-align: left; padding-bottom: 15px; padding-top: 32px; background: transparent url(../../images/bgMainContent.gif) repeat-x;} #contentPage {padding: 0 12px; width: 956px;} #mainContent fieldset {margin-bottom: 15px; border: 0;} #mainContent fieldset legend { font-weight: bold; font-size: 14px; color: #c1d5eb; margin-bottom: 15px;} #mainContent fieldset label { font-weight: bold; display: block; float: left; color: #fff; text-align: right; padding-right: 5px; } #mainContent fieldset label span {color: #a0b3c7;} #navigation {list-style: none; width: 643px; position: absolute; left: 225px; top: 76px;} #navigation li {float: left;} #navigation li a {display: block; height: 22px; background-repeat: no-repeat; text-indent: -5000px; overflow: hidden;} #navigation li#btnNavA a {width: 144px; background-image: url(../../images/btnNavA.png);} #navigation li#btnNavB a {width: 251px; background-image: url(../../images/btnNavB.png);} #navigation li#btnNavC a {width: 180px; background-image: url(../../images/btnNavC.png);} #navigation li#btnNavD a {width: 144px; background-image: url(../../images/btnNavD.png);} #navigation li#btnNavE a {width: 251px; background-image: url(../../images/btnNavE.png);} #navigation li#btnNavF a {width: 180px; background-image: url(../../images/btnNavF.png);} #navigation li#btnNavG a {width: 68px; background-image: url(../../images/btnNavG.png);} #navigation li a:hover, .pageVoletRoulants #navigation li#btnNavA a, .pageVoletBattants #navigation li#btnNavD a, .pagePersiennes #navigation li#btnNavF a, .pageGarageSection #navigation li#btnNavB a, .pageGarageTradi #navigation li#btnNavE a, .pageStores #navigation li#btnNavG a, .pageRideaux #navigation li#btnNavC a {background-position: 0 -22px;} #zoneFlash {margin-bottom: 0; width: 980px; height: 428px; position: relative;} #blocBonsPlans {width: 210px; padding-bottom: 26px; position: absolute; right: 22px; top: 11px;} #blocBonsPlans h3 { width: 210px; height: 26px; text-indent: -5000px; overflow: hidden; position: absolute; left: 0; bottom: 0; background: transparent url(../../images/ongletBonsPlans.png) no-repeat; cursor: pointer;} #blocBonsPlans h4 {margin-bottom: 10px;} #blocBonsPlans h4 a {color: #243648; font-size: 14px; border-bottom: 1px #7d8f9c solid; padding-bottom: 3px;} #contentBP {background-color: #d7edf2; padding: 10px;} #contentBP a {color: #485a6c; text-decoration: none; font-size: 11px; display: block;} #contentBP a img {float: left; margin-right: 10px; margin-bottom: 10px; border: 0;} #contentBP a strong {color: #00ccff; display: block; margin-bottom: 0;} .zoneTexte h2 {font-size: 30px;} .zoneTexte h3 {font-size: 26px;} .zoneTexte h4 {font-size: 22px;} .zoneTexte h5 {font-size: 18px;} .zoneTexte h6 {font-size: 14px;} .zoneTexte p {margin-bottom: 10px;} .zoneTexte ul {list-style: none; margin-bottom: 10px;} .zoneTexte ul li { background: transparent url(../../images/flecheNavFaq.gif) no-repeat 0 3px; padding-left: 15px; margin-bottom: 5px;} .zoneTexte ol {margin-left: 20px; margin-bottom: 10px;} .zoneTexte img {margin: 10px;} /************* Styles wisiwig */ .bleu { color: #00ccff; } .titre {color: #fff; padding: 0; background-color: transparent; font-size: 18px; font-weight: bold;} .soustitre {color: #27b8eb; padding: 0; background-color: transparent; font-size: 14px;} .chapeau {color: #fff; font-size: 12px; font-weight: bold;} .pageCatalogue .zoneTexte h3 {font-size: 14px; color: #fff; margin-bottom: 5px;} .pageCatalogue .zoneTexte ul {list-style: none; margin-bottom: 15px;} .pageCatalogue .zoneTexte ul li { background: transparent url(../../images/flecheCata.gif) no-repeat 0 2px; padding-left: 15px;} .pageCatalogue .panel ul li { background: transparent url(../../images/fleche.png) no-repeat 0 2px; padding-left: 15px;} .liste {list-style: none; margin-bottom: 15px;} .liste li {background: transparent url(../../images/flecheNavFaq.gif) no-repeat 0 2px; padding-left: 15px;} .pageEntreprise .liste li {background: transparent url(../../images/flecheFF.gif) no-repeat 0 2px;} .pageDD .liste li {background: transparent url(../../images/flecheDD.gif) no-repeat 0 2px;} #blocFF {width: 237px;} #blocConseils {width: 278px; display: none;} #blocActus {width: 236px;} #blocEngage {width: 236px;} #blocAccesSondage {width: 260px;} .blocHome {float: left;} .blocHome h2 a, #blocActus h2, .blocHome .lnkSuite {display: block; text-indent: -5000px; overflow: hidden;} .blocHome p {color: #cedbe7; font-size: 12px; text-align: center;} #blocFF, #blocConseils, #blocActus, #blocEngage, #blocAccesSondage {background: transparent url(../../images/filetBlocHome.jpg) no-repeat;} #blocFF {background-position: 13px top;} #blocActus, #blocEngage, #blocAccesSondage {background-position: left top;} #blocAccesSondage a { display: block; text-indent: -5000px; overflow: hidden; width: 216px; height: 128px; float: right; background: transparent url(../../images/animSondageDomo.gif) no-repeat;} #blocFF h2 a { background: transparent url(../../images/titreBlocFF.gif) no-repeat 56px 0; width: 237px; height: 42px; } #blocConseils h2 a {background: transparent url(../../images/titreBlocConseils.gif) no-repeat 82px 0; width: 278px; height: 43px;} #blocActus h2 {background: transparent url(../../images/titreBlocActus.gif) no-repeat 58px 0; width: 236px; height: 44px;} #blocEngage h2 a {background: transparent url(../../images/titreBlocEngage.gif) no-repeat 35px 0; width: 236px; height: 62px;} #blocFF p {padding: 10px 25px;} #blocConseils p {padding: 10px 35px;} #blocActus p {padding: 10px 0;} #blocEngage p {padding: 10px;} #blocActus form {padding-left: 30px;} .blocHome .lnkSuite {width: 38px; height: 19px; float: right;} #blocFF .lnkSuite {background: transparent url(../../images/suiteFF.gif) no-repeat; margin-right: 25px;} #blocConseils .lnkSuite {background: transparent url(../../images/suiteConseils.gif) no-repeat; margin-right: 35px;} #blocEngage .lnkSuite {background: transparent url(../../images/suiteEngage.gif) no-repeat; margin-right: 30px;} #blocActus .lnkSuite {background: transparent url(../../images/suiteActus.gif) no-repeat; margin-right: 30px;} #blocActus input#chpZip {width: 105px; margin-left: 25px; margin-bottom: 10px;} #blocActus input#btnOk {border: 0; background-color: transparent; color: #fff; font-weight: bold; margin-left: 5px; cursor: pointer;} #visuelAvantages {float: right; margin: -40px 0 40px 15px;} #pageAvantages .zoneTexte h4 {color: #27b8eb; font-size: 14px; margin-bottom: 10px; text-transform: uppercase;} .pageVoletRoulants #visuelAvantages, .pagePersiennes #visuelAvantages {margin: -40px 0 40px 15px;} .pageVoletBattants #visuelAvantages {margin: 0 0 0 15px;} .pageGarageTradi #visuelAvantages, .pageGarageSection #visuelAvantages {margin: -50px 0 40px 15px;} .pageStores #visuelAvantages {margin: -35px 0 40px 15px;} /******************************************************************************************/ /* Elements de formulaire */ /******************************************************************************************/ .lineForm, .lineCheck, .lineRadio {margin-bottom: 10px;} .lineSubmit {text-align: center;} .btnForm { color: #fff; padding: 0 2px; font-weight: bold; border: 0; margin-left: 5px; cursor: pointer;} #btnSubmit { background: transparent url(../../images/bgOngletConcess.gif) repeat-x 0 -26px; color: #fff; padding: 0 10px; font-weight: bold; border: 0; margin-left: 5px; height: 26px; cursor: pointer;} .noBorder {border: 0 !important;} .obligatoire {font-size: 11px; color: #a0b3c7; font-weight: bold;} .mentions {font-size: 10px;} /******************************************************************************************/ /* Footer */ /******************************************************************************************/ #zoneFooter {padding: 10px 0; width: 100%;} #footer {width: 980px; margin: auto; font-size: 10px; color: #4f6b84; text-align: right;} #footer a {color: #4f6b84; text-decoration: none; padding: 0 5px;} #footer a:hover {color: #fff;} #footer #txtRef {float: left; padding-left: 50px;} /******************************************************************************************/ /* L'entreprise */ /******************************************************************************************/ #zoneDeTextes {padding-bottom: 30px;} .floatRight {float: right;} .floatLeft {float: left;} h2.titreRub {text-indent: -5000px; overflow: hidden; margin-bottom: 20px;} .pageEntreprise #contentPage {background: transparent url(../../images/titreEntreprise.gif) no-repeat 12px 45px; min-height: 400px;} .pageEntreprise #contentPage #zoneDeTextes {margin: 30px 0 0 70px;} .pageEntreprise #zoneDeTextes p {margin-bottom: 12px;} #pageIndustriel #contentPage h2.titreRub {background: transparent url(../../images/titreActeurEco.gif) no-repeat; width: 591px; height: 36px;} #pageQualite #contentPage h2.titreRub {background: transparent url(../../images/titreChoisirProd.gif) no-repeat; width: 623px; height: 69px;} h1, #enTete h2 {text-indent: -5000px; overflow: hidden; position: absolute;} #pageIndustriel #contentPage h3.titreIndusA { background: transparent url(../../images/sousTitreActeurEco.gif) no-repeat; width: 452px; height: 40px; text-indent: -5000px; overflow: hidden; margin-bottom: 10px;} #pageIndustriel #contentPage h3.titreIndusB { background: transparent url(../../images/sousTitreInstallateurs.gif) no-repeat; width: 343px; height: 16px; text-indent: -5000px; overflow: hidden; margin-bottom: 10px;} #listeInstall {width: 300px; margin: 35px 0 0 15px;} #pageIndustriel #contentPage .liste li {margin-bottom: 5px;} #pageIndustriel #logoAfaq {position: relative; top: 15px; right: 65px;} #pageIndustriel #carteFrance {margin-right: 25px;} .blocSiteProd { width: 170px; height: 165px; margin-bottom: 15px; text-indent: -5000px; overflow: hidden; float: left;} #pageEngagement #zoneDeTextes {position: relative;} .legendDessin { width: 150px; position: absolute; right: 40px; top: 345px; font-size: 10px; text-align: right;} #blocBoussac {background: transparent url(../../images/bgBoussac.jpg) no-repeat; } #blocCapdenac {background: transparent url(../../images/bgCapdenac.jpg) no-repeat; } #blocMassay {background: transparent url(../../images/bgMassay.jpg) no-repeat; } #blocAix {background: transparent url(../../images/bgAix.jpg) no-repeat; } #blocVierzon {background: transparent url(../../images/bgVierzon.jpg) no-repeat; } #sousNav {list-style: none; margin-left: 50px;} #sousNav li {float: left; height: 30px; margin-right: 5px;} #sousNav li a {display: block; height: 30px; text-indent: -5000px; overflow: hidden;} #sousNav li a:hover, #pageIndustriel #sousNav li#btnCorpoA a, #pageQualite #sousNav li#btnCorpoB a, #pageEngagement #sousNav li#btnDDA a, #pageActions #sousNav li#btnDDB a {background-position: 0 -30px !important;} #sousNav li#btnCorpoA a {width: 195px; background: transparent url(../../images/btnCorpoA.gif) no-repeat;} #sousNav li#btnCorpoB a {width: 190px; background: transparent url(../../images/btnCorpoB.gif) no-repeat;} #sousNav li#btnCorpoC a {width: 205px; background: transparent url(../../images/btnCorpoC.gif) no-repeat;} #pageIndustriel .liste {margin-bottom: 20px;} #pageIndustriel #visuelCarte {position: relative; left: -15px;} #pageQualite .floatRight {position: relative; left: 10px;} #pageQualite #zoneDeTextes img {margin: 0 10px 10px 0;} #pageQualite #zoneDeTextes h3 {text-indent: -5000px; overflow: hidden; height: 25px; margin-bottom: 5px;} #pageQualite #zoneDeTextes h3#titreQualA {width: 578px; background: transparent url(../../images/titreQualA.gif) no-repeat left bottom;} #pageQualite #zoneDeTextes h3#titreQualB {width: 521px; background: transparent url(../../images/titreQualB.gif) no-repeat left bottom;} #pageQualite #zoneDeTextes h3#titreQualC {width: 385px; background: transparent url(../../images/titreQualC.gif) no-repeat left bottom;} #pageQualite #zoneDeTextes h3#titreQualD {width: 211px; background: transparent url(../../images/titreQualD.gif) no-repeat left bottom;} #pageQualite #zoneDeTextes h3#titreQualE {width: 306px; background: transparent url(../../images/titreQualE.gif) no-repeat left bottom;} #pageQualite #zoneDeTextes h3#titreQualF {width: 374px; background: transparent url(../../images/titreQualF.gif) no-repeat left bottom; height: 50px;} #pageQualite #zoneDeTextes h4 { text-indent: -5000px; overflow: hidden; width: 670px; height: 85px; background: transparent url(../../images/titreSpecialistes.gif) no-repeat; margin-left: 100px;} /******************************************************************************************/ /* Développement durable */ /******************************************************************************************/ .pageDD #contentPage {background: transparent url(../../images/titreDD.gif) no-repeat 12px 45px; min-height: 500px;} .pageDD #contentPage #zoneDeTextes {margin: 30px 30px 0 70px;} #pageEngagement #contentPage {background: transparent url(../../images/titreDD.gif) no-repeat 12px 45px;} #pageEngagement #contentPage h2.titreRub {background: transparent url(../../images/titreChoix.gif) no-repeat; width: 358px; height: 33px;} #pageActions #contentPage h2.titreRub {background: transparent url(../../images/titreActions.gif) no-repeat; width: 193px; height: 27px;} #sousNav li#btnDDA a {width: 187px; background: transparent url(../../images/btnDDA.gif) no-repeat;} #sousNav li#btnDDB a {width: 122px; background: transparent url(../../images/btnDDB.gif) no-repeat;} #sousNav li#btnDDC a {width: 127px; background: transparent url(../../images/btnDDC.gif) no-repeat;} .pageDD #zoneDeTextes p {margin-bottom: 10px;} #pageEngagement #zoneDeTextes h4 { font-size: 14px; color: #fff; padding-left: 15px; cursor: pointer; margin-bottom: 5px; background: transparent url(../../images/flecheTitreDD.gif) no-repeat 0 2px;} #pageEngagement #zoneDeTextes .liste {margin-left: 15px;} h3.titreProd, h3.titreFab {text-indent: -5000px; overflow: hidden; margin-bottom: 10px;} h3.titreFab {width: 232px; height: 20px; background: transparent url(../../images/sousTitreDDA.gif) no-repeat; margin-top: 30px;} h3.titreProd {width: 272px; height: 20px; background: transparent url(../../images/sousTitreDDB.gif) no-repeat; margin-top: 20px;} #pageEngagement #zoneDeTextes ul {cursor: pointer;} #pageEngagement #zoneDeTextes p.layerMasque {cursor: pointer; margin-left: 15px; width: 550px;} #pageEngagement #zoneDeTextes .decalage1 {position: relative; top: 70px;} #pageEngagement #zoneDeTextes .decalage2 {position: relative; top: 45px; left: 20px;} #pageEngagement #zoneDeTextes .decalage3 {position: relative; top: 30px; left: 20px;} #pageEngagement #zoneDeTextes .decalage4 {position: relative; top: 45px; left: 20px;} #pageEngagement #zoneDeTextes .floatLeft {margin-bottom: 10px;} #zoneDeTextes .margeHaute {position: relative; top: -10px;} #pageEngagement #zoneDeTextes .margeHaute { margin-right: 330px;} /******************************************************************************************/ /* FAQ - Conseils de pro */ /******************************************************************************************/ #pageConseils #contentPage {background: transparent url(../../images/titreConseils.gif) no-repeat 12px 15px; min-height: 380px;} #pageConseils #contentPage #zoneDeTextes {margin: 15px 15px 0 50px;} #editoFaq {margin-bottom: 15px; clear: both;} #navFaq, #zoneContent {float: left;} #navFaq {width: 200px; padding-right: 15px;} #navFaq em { width: 160px; height: 16px; margin-bottom: 10px; display: block; background: transparent url(../../images/titreTousConseils.gif) no-repeat; text-indent: -5000px; overflow: hidden;} #navFaq p {margin-bottom: 10px;} #navFaq ul {list-style: none; width: 185px;} #navFaq ul li { border-bottom: 1px #8b9eb1 solid; padding: 3px 0 3px 0; width: 200px;} #navFaq ul li a { width: 185px; font-weight: bold; text-decoration: none; color: #c091f6; display: block; padding: 2px 0 2px 18px; line-height: 13px; background: transparent url(../../images/flecheConseils.gif) no-repeat 4px 3px;} #navFaq ul li a:hover, #navFaq ul li a.selected {color: #fff;} #pageConseils #zoneContent {width: 675px;} #pageConseils #zoneContent h2 { color: #fff; font-size: 24px; line-height: 25px; font-weight: normal; height: 25px; margin-bottom: 10px;} .question { background: transparent url(../../images/pictoConseil.gif) no-repeat; padding-left: 20px; border-bottom: 1px #8b9eb1 solid; padding-bottom: 10px; margin-bottom: 5px;} .question h3 a {text-decoration: none; font-size: 15px; line-height: 15px; color: #c091f6;} .jsReponse {margin-top: 5px; color: #fff;} .jsReponse .zoneTexte {margin-bottom: 0 !important;} .jsReponse .zoneTexte img {float: left; margin-right: 15px;} .jsReponse .btnFermer { display: block; float: right; width: 16px; height: 16px; background: transparent url(../../images/btnFermer.gif) no-repeat; text-indent: -5000px; overflow: hidden;} /******************************************************************************************/ /* Lexique */ /******************************************************************************************/ .pageLexique #contentPage {background: transparent url(../../images/titreLexique.gif) no-repeat 12px 15px; min-height: 380px;} .pageLexique #contentPage #zoneDeTextes {margin: 15px 15px 0 50px;} #alphabet {list-style: none; width: 980px; height: 20px; margin-bottom: 20px;} #alphabet li { width: 25px; height: 25px; margin-right: 5px; text-align: center; line-height: 25px; float: left; background: transparent url(../../images/bgLettre.gif) no-repeat;} #alphabet li a { text-align: center; color: #fff; display: block; width: 25px; height: 25px; line-height: 25px; text-decoration: none; background: transparent url(../../images/bgLettre.gif) no-repeat 0 -25px;} #alphabet li a.selected { font-weight: bold; background: transparent url(../../images/bgLettre.gif) no-repeat 0 -50px;} .definition {color: #fff; border-bottom: 1px #8b9eb1 solid; margin-bottom: 10px; padding-bottom: 10px;} .definition h2 {color: #fff; font-size: 18px; font-weight: normal;} .definition h2 a {color: #fff; text-decoration: none;} #blocCateg {margin-top: 30px;} #blocCateg h2 {color: #a0b3c7; font-size: 18px; font-weight: normal; margin-bottom: 5px;} #blocCateg ul {list-style: none;} #blocCateg ul li {float: left; padding-right: 30px;} #blocCateg ul li a {color: #fff;} #pageDefinition .definition {border: 0;} #pageListeCateg #zoneDeTextes ul {list-style: none;} #pageListeCateg #zoneDeTextes ul li {} /******************************************************************************************/ /* Actualités */ /******************************************************************************************/ .pageActualites #contentPage {background: transparent url(../../images/titreActualites.gif) no-repeat 12px 15px; min-height: 450px;} .pageActualites #contentPage #zoneDeTextes {margin: 15px 15px 0 50px;} .pageActusRegion #contentPage {background: transparent url(../../images/titreActualitesRegion.gif) no-repeat 12px 15px; min-height: 450px;} #blocSearchZip { border: 0; width: 410px; height: 185px; color: #fff; float: right; background: transparent url(../../images/bgBlocSearchZip.gif) no-repeat;} #blocSearchZip #accrocheActu { width: 410px; height: 125px; text-indent: -5000px; overflow: hidden;} #blocSearchZip .lineForm {width: 300px; text-align: center;} #blocSearchZip .lineForm label {width: 300px; text-align: center; margin-bottom: 10px;} #blocSearchZip .btnForm { width: 25px; height: 20px; background: transparent url(../../images/btnOk.png) no-repeat; padding-bottom: 2px; color: #4a596b;} #pageAccueil #blocSearchZip { width: 285px; height: 245px; float: none; background: transparent url(../../images/bgBlocSearchZipHome.gif) no-repeat;} #pageAccueil #blocSearchZip #accrocheActu {width: 285px; height: 195px;} #pageAccueil #blocSearchZip .lineForm {width: 285px; text-align: left;} #pageAccueil #blocSearchZip .lineForm label { width: 135px; height: 24px; text-indent: -5000px; overflow: hidden; margin-right: 5px; display: block; background: transparent url(../../images/titreZip.gif) no-repeat right top; } #pageAccueil #blocSearchZip .lineForm input#zip {width: 70px; border: 1px #768ea4 solid;} /*#lstServices {list-style: none; width: 350px; height: 66px; margin-bottom: 20px; float: right; display: none;} #lstServices li {margin-bottom: 20px;} #lstServices li a { display: block; width: 350px; height: 66px; text-indent: -5000px; overflow: hidden;} #lstServices li a:hover {background-position: 0 -66px !important;} #lstServices li#btnExpo a {background: transparent url(../../images/btnExpo.gif) no-repeat;} #lstServices li#btnOuvert a {background: transparent url(../../images/btnOuvert.gif) no-repeat;} #lstServices li#btnContactPro a {background: transparent url(../../images/btnContactPro.gif) no-repeat;}*/ #lstServicesTxt {list-style: none; float: right; width: 250px; margin-top: 30px; display: none;} #lstServicesTxt li {margin-bottom: 15px;} #lstServicesTxt li a {display: block; padding-left: 40px; height: 32px;} #lstServicesTxt li a:hover {color: #fff;} #lstServicesTxt li#btnExpoTxt a {background: transparent url(../../images/btnExpoTxt.png) no-repeat;} #lstServicesTxt li#btnOuvertTxt a {background: transparent url(../../images/btnOuvertTxt.png) no-repeat;} #lstServicesTxt li#btnContactProTxt a {background: transparent url(../../images/btnContactProTxt.png) no-repeat;} .pageActualites #zoneDeTextes h2 {font-size: 22px; color: #00ccff; font-weight: normal; margin-bottom: 10px;} .uneActu {border-bottom: 1px #8b9eb1 solid; margin-bottom: 15px; width: 440px;} .uneActu img {border: 0; float: left; margin: 5px 15px 0 0;} .uneActu h3 a {color: #fff; text-decoration: none; font-size: 18px; font-weight: normal;} .uneActu h3 a:hover {color: #8b9eb1 !important;} .uneActu .btnSuite { display: block; height: 25px; text-indent: -5000px; overflow: hidden; width: 440px; background: transparent url(../../images/btnSuite.gif) no-repeat right top; } .lnkService { display: block; border-bottom: 1px #8b9eb1 solid; margin-bottom: 15px; background: transparent url(../../images/btnSuite.gif) no-repeat right 60px; text-decoration: none; padding-bottom: 5px; color: #fff; text-decoration: none; font-size: 18px; font-weight: normal;} .lnkService span {display: block; padding-left: 90px; height: 80px; line-height: 80px;cursor: pointer;} .lnkService:hover {color: #8b9eb1 !important;} a#btnExpo span {background: transparent url(../../images/btnExpoTxt.png) no-repeat;} a#btnOuvert span {background: transparent url(../../images/btnOuvertTxt.png) no-repeat;} a#btnContactPro span {background: transparent url(../../images/btnContactProTxt.png) no-repeat;} .actuLongue {width: 880px;} .actuLongue .btnSuite {width: 880px;} .pageActusRegion .uneActu, .pageActusRegion .uneActu .btnSuite {width: auto;} .pageDD .uneActu {width: 440px;} .pageDD .uneActu .btnSuite a {background: transparent url(../../images/btnSuiteDD.gif) no-repeat;} #pageDetailActualite #zoneDeTextes {position: relative;} #pageDetailActualite #zoneDeTextes h2 { color: #fff; font-size: 24px; font-weight: normal; margin-bottom: 20px; text-transform: none; } #pageDetailActualite #zoneDeTextes h2 span {color: #a0b3c7; font-size: 18px; display: block;} #pageDetailActualite #zoneDeTextes h2 em { color: #00ccff; font-size: 12px; display: block; font-weight: bold; font-style: normal; padding-top: 3px;} #pageDetailActualite #zoneDeTextes img#visuelActu {float: left; margin: 10px 15px 0 0;} #pageDetailActualite .zoneTexte {width: 575px; float: left; margin-top: 10px;} .titreProduitsExposes {padding-top: 15px; color: #00ccff} #btnJeProfite { display: block; width: 160px; height: 30px; position: absolute; right: 0; top: 30px; background: transparent url(../../images/btnJeProfite.gif) no-repeat; text-indent: -5000px; overflow: hidden;} #btnNumeroStand { display: block; width: 213px; height: 30px; position: absolute; right: 0; top: 30px; background: transparent url(../../images/btnNumeroStand.gif) no-repeat; text-indent: -5000px; overflow: hidden;} #btnCoordCompletes { display: block; width: 297px; height: 30px; position: absolute; right: 0; top: 30px; background: transparent url(../../images/btnCoordCompletes.gif) no-repeat; text-indent: -5000px; overflow: hidden;} .btnRetour { display: block; width: 80px; height: 24px; float: right; background: transparent url(../../images/btnRetour.gif) no-repeat; text-indent: -5000px; overflow: hidden;} .validation-advice { background-color: #cc0000; color: #fff; font-size: 11px; padding: 2px 30px 2px 10px; white-space: nowrap; font-weight: bold; display: block; margin-top: 5px; text-align: center;} #blocTriType .validation-advice {position: absolute; right: 30px; top: 0; margin-top: 0;} #pageBeneficierOffre {background-color: #4a596b;} #pageBeneficierOffre #zoneMainContent {background-image: none;} #pageBeneficierOffre #contentPage {padding: 0 12px 0 12px; width: 968px; min-height: 500px;} #pageBeneficierOffre #contentPage #zoneDeTextes {margin: 30px 30px 0 70px; width: 820px;} .pageProfiteOffre #contentPage {background: #4a596b url(../../images/titreBeneficierOffre.gif) no-repeat 12px 75px;} .pageCoordCompletes #contentPage {background: #4a596b url(../../images/titreCoordCompletes.gif) no-repeat 12px 50px; min-height: 550px !important;} .pageStand #contentPage {background: #4a596b url(../../images/titreStand.gif) no-repeat 12px 50px;} #introOffre { background-color: #fff; color: #e2001a; font-weight: bold; padding: 5px 10px; margin-bottom: 17px; text-align: center; position: relative; top: -10px;} #pageBeneficierOffre .colForm {width: 390px; float: left;} #pageBeneficierOffre .colForm label {width: 130px; text-align: right;} #pageBeneficierOffre .colForm input {width: 200px;} #pageBeneficierOffre #texteConf {margin-top: 95px;} /******************************************************************************************/ /* Catalogue */ /******************************************************************************************/ .pageCatalogue #contentPage {background: transparent url(../../images/titreCatalogue.gif) no-repeat 12px 45px; min-height: 500px;} .pageCatalogue #contentPage #zoneDeTextes {margin: 30px 30px 0 70px;} .pageVoletRoulants #sousNav li#btnCataA a {width: 144px; background: transparent url(../../images/btnCataVR.gif) no-repeat;} .pageVoletBattants #sousNav li#btnCataA a {width: 148px; background: transparent url(../../images/btnCataVB.gif) no-repeat;} .pagePersiennes #sousNav li#btnCataA a {width: 208px; background: transparent url(../../images/btnCataPJ.gif) no-repeat;} .pageGarageSection #sousNav li#btnCataA a {width: 285px; background: transparent url(../../images/btnCataPGS.gif) no-repeat;} .pageGarageTradi #sousNav li#btnCataA a {width: 294px; background: transparent url(../../images/btnCataPGT.gif) no-repeat;} .pageStores #sousNav li#btnCataA a {width: 68px; background: transparent url(../../images/btnCataS.gif) no-repeat;} .pageRideaux #sousNav li#btnCataA a {width: 163px; background: transparent url(../../images/btnCataRG.gif) no-repeat;} #sousNav li#btnCataB a {width: 134px; background: transparent url(../../images/btnCataB.gif) no-repeat;} #sousNav li#btnCataC a {width: 164px; background: transparent url(../../images/btnCataWellcom.gif) no-repeat;} #pageAvantages #sousNav li#btnCataA a, #pageModeles #sousNav li#btnCataB a, #pageDomoConfort #sousNav li#btnCataC a, #pageWellcom #sousNav li#btnCataC a {background-position: 0 -30px !important;} #btnGuideChoix { width: 226px; height: 25px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/btnGuideChoix.gif) no-repeat; float: right; margin-bottom: 5px; margin-right: 10px;} #btnVoirModeles { display: block; width: 161px; height: 19px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/btnVoirModeles.gif) no-repeat; float: right; margin-top: 10px;} #btnNuancier { display: block; width: 329px; height: 80px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/btnNuancier.png) no-repeat; margin: 20px 0 0 0;} .titreCata {width: 385px; height: 25px; text-indent: -5000px; overflow: hidden; margin-bottom: 20px;} .pageVoletRoulants .titreCata {background: transparent url(../../images/titreVR.gif) no-repeat;} .pageVoletBattants .titreCata {background: transparent url(../../images/titreVB.gif) no-repeat;} .pagePersiennes .titreCata {background: transparent url(../../images/titrePJ.gif) no-repeat;} .pageGarageSection .titreCata {background: transparent url(../../images/titrePGS.gif) no-repeat;} .pageGarageTradi .titreCata {background: transparent url(../../images/titrePGT.gif) no-repeat;} .pageStores .titreCata {background: transparent url(../../images/titreS.gif) no-repeat;} .pageRideaux .titreCata {background: transparent url(../../images/titreRG.gif) no-repeat;} .listeProduits {list-style: none;} .listeProduits li { background: transparent url(../../images/filetProduits.jpg) no-repeat left bottom; padding-bottom: 20px; margin-bottom: 20px; color: #fff;} .listeProduits li a.lnkImg { display: block; width: 160px; height: 104px; overflow: hidden; position: relative; float: left; margin-right: 10px;} .listeProduits li a.lnkImg span.masque { display: block; width: 160px; height: 104px; position: absolute; background: transparent url(../../images/masqueVignette.png) no-repeat;} .listeProduits li a.lnkImg img {border: 0; margin: 10px 0 0 5px;} .listeProduits li h3 {padding-top: 30px; font-size: 20px; } .listeProduits li h3 a {color: #00ccff; text-decoration: none;} .listeProduits li .slogan {color: #c1d5eb; font-weight: bold; font-size: 13px; margin-bottom: 10px;} .listeProduits li .lnkSuite { display: block; width: 38px; height: 19px; text-indent: -5000px; overflow: hidden; float: right; background: transparent url(../../images/flecheSuiteProduit.gif) no-repeat; } /************************************ Fiche produit */ #pageFicheProduit #contentPage #zoneDeTextes {margin: 30px 16px 0 46px;} #zoneVisuels {float: left; width: 474px;} #grandVisuel {width: 463px; height: 358px; position: relative; margin-bottom: 5px;} #grandVisuel span.masque { display: block; width: 463px; height: 358px; position: absolute; background: transparent url(../../images/masqueProduit.png) no-repeat;} #grandVisuel img {border: 0; margin: 10px 0 0 5px;} #jsLegend { font-size: 11px; width: 460px; margin-bottom: 15px; text-align: center;} /************************** Vignettes */ #vignettes {width: 457px; height: 90px; overflow: hidden; position: relative; margin-bottom: 40px;} .containerVignettes {width: 378px; height: 90px; overflow: hidden; float: left;} #vignettes .previous_button, #vignettes .next_button { display: block; height: 90px; text-indent: -5000px; overflow: hidden;} #vignettes .previous_button {width: 43px;} #vignettes .next_button {width: 42px;} #vignettes .previous_button:hover {background-position: 0 -90px;} #vignettes .next_button:hover {background-position: 0 -90px;} #vignettes .previous_button_disabled {background-position: 0 -180px !important;} #vignettes .next_button_disabled {background-position: 0 -180px !important;} #vignettes .previous_button { background: transparent url(../../images/flecheGauche.gif) no-repeat; float: left;} #vignettes .next_button { background: transparent url(../../images/flecheDroite.gif) no-repeat right top; position: absolute; right: 0; top: 0;} #vignettes ul {list-style: none;} #vignettes ul li {margin: 0 5px; float: left;} #vignettes ul li, #vignettes ul li a {width: 116px; height: 89px;} #vignettes ul li img {border: 0; border: 0 !important; width: 116px; height: 89px;} #listePictos {list-style: none; float: right; margin-right: 15px;} #listePictos li {float: left; padding-left: 15px;} /***** partie droite */ #descriptif {width: 420px; float: left; color: #fff; position: relative;} #descriptif h2 {font-size: 22px; color: #00ccff;} #descriptif .slogan {font-size: 14px; color: #c1d5eb; margin-bottom: 20px;/* min-height: 35px;*/} #btnPdf { display: block; width: 221px; height: 27px; margin-top: 10px; background: transparent url(../../images/printFiche.gif) no-repeat; text-indent: -5000px; overflow: hidden; } #tabs {height: 28px; list-style: none; margin-left: 10px; margin-top: 15px;} #tabs li {float: left; height: 30px; line-height: 30px; margin-right: 2px;} #tabs li a { display: block; height: 30px; padding: 0 8px 0 0; font-weight: bold; text-decoration: none; color: #254460; background: transparent url(../../images/ongletDroit.gif) no-repeat right top;} #tabs li a span { display: block; padding-left: 8px; background: transparent url(../../images/ongletGauche.gif) no-repeat;} #tabs li a.active-tab {background: transparent url(../../images/ongletDroitActif.gif) no-repeat right top; color: #fff;} #tabs li a.active-tab span {background: transparent url(../../images/ongletGaucheActif.gif) no-repeat;} .pageCatalogue .panel { width: 390px; min-height: 330px; clear: both; display: none; background: transparent url(../../images/bgPanel.gif) no-repeat; padding: 15px; color: #233040;} .pageCatalogue .panel.active-tab-body {display: block;} .pageCatalogue .panel h3 {color: #254460; font-size: 14px; margin: 10px 0;} .pageCatalogue .panel p {margin-bottom: 10px;} .listePanel {list-style: none;} .listePanel li { width: 90px; height: 130px; float: left; font-size: 11px; color: #fff; padding: 0 0 10px 5px !important; background: transparent url(../../images/bgVignette.png) no-repeat 0 0 !important; margin-bottom: 0 !important;} .listePanel li a {display: block; text-decoration: none; color: #fff; text-align: center; padding-right: 8px;} .listePanel li img {display: block; margin: 0 0 5px 0 !important; border: 0; width : 80px; height : 80px;} .listeColoris {list-style: none; margin-bottom: 15px;} .listeColoris li { float: left; margin: 0 3px 3px 0 !important; font-size: 10px; text-align: center; background-image: none !important; padding: 0 !important;} .listeColoris li img {display: block; margin: 0 auto 5px auto !important; width: 40px; height: 40px;} .pageCatalogue .panel #btnNuancier {margin: 20px 0 0 30px;} /******************************************************************************************/ /* Contact */ /******************************************************************************************/ #pageContact #contentPage {background: transparent url(../../images/titreContact.gif) no-repeat 12px 15px; min-height: 450px;} #pageContact #contentPage #zoneDeTextes {margin: 15px 15px 0 50px;} #blocIntro { margin-bottom: 15px; color: #e2001a; background-color: #fff; padding: 10px; margin-right: 10px;} #blocIntro a {color: #e2001a;} .pageForm #zoneDeTextes fieldset {border-bottom: 1px #768ea4 solid; padding-bottom: 10px;} .pageForm #zoneDeTextes p {margin-bottom: 15px;} .colForm {width: 445px; float: left;} .colForm label {width: 180px; text-align: right;} .colForm input {width: 200px;} .lineCheck span {display: block; width: 180px;} .lineCheck span, .lineRadio span, .lineRadio ul, .lineRadio ul {float: left;} .lineCheck ul, .lineCheck ul {list-style: none; width: 660px;} .lineCheck ul li {width: 220px; height: 20px; float: left;} .lineCheck ul li input, .lineRadio ul li input {float: left; margin-right: 5px;} .lineRadio ul li select {margin-left: 10px;} .lineText textarea {width: 650px; height: 60px;} #pageContact .lineText textarea, #pageContactSav .lineText textarea {margin-left: 120px;} #pageDevis .lineText textarea {margin-left: 80px;} #blocTriType { width: 850px; color: #fff; padding: 15px; border-bottom: 0 !important; background: #768ea4 url(../../images/bgBlocTriType.gif) no-repeat; position: relative; margin-bottom: 0 !important;} #blocTriType .lineRadio, #blocTriType .lineForm {border-bottom: 1px #4a596b solid; height: 26px;} #blocTriType .lineRadio span {width: 250px;} #blocTriType .lineRadio ul {width: 600px; list-style: none;} #blocTriType .lineRadio ul li {width: 120px; height: 20px; float: left;} #blocTriType .lineRadio ul li label {text-align: left;} #blocTriType .lineRadio ul li.plusLong {width: 230px;} #blocTriType #jsNatureDem, #blocTriType #jsStatut {margin-bottom: 0;} #blocTriType #jsNatureDem {padding-top: 10px;} #blocTriType #jsNatureDem ul li.dimA {width: 150px;} #blocTriType #jsNatureDem ul li.dimB {width: 80px;} #blocTriType #jsNatureDem ul li.dimC {width: 250px;} #piedBlocTriType { width: 880px; height: 10px; clear: both; margin-bottom: 15px; background: transparent url(../../images/piedBlocTriType.gif) no-repeat left bottom;} .cache {visibility: hidden;} #aide { width: 16px; height: 16px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/aide.gif) no-repeat; float: right; margin-right: 35px;} #tooltip { position: absolute; z-index: 15; visibility: hidden; font-size: 11px; background-color: #768ea4; font-weight: bold; padding: 2px 10px; width: 60px; text-align: center;} .lineDate {position: relative;} .lineDate span.mentions {position: absolute; left: 120px; top: 15px;} /******************************************************************************************/ /* SAV */ /******************************************************************************************/ #pageContactSav #contentPage {background: transparent url(../../images/titreSav.gif) no-repeat 12px 15px; min-height: 450px;} #pageContactSav #contentPage #zoneDeTextes {margin: 15px 15px 0 50px;} #pageDevisClassic #contentPage {background: transparent url(../../images/titreDevis2.gif) no-repeat 12px 15px; min-height: 450px;} #pageDevisClassic #contentPage #zoneDeTextes {margin: 15px 15px 0 50px;} /******************************************************************************************/ /* Devis */ /******************************************************************************************/ #pageDevis #zoneMainContent, #pageDevis #mainContent, #pageDevis {background-image: none;} #pageDevis #mainContent {width: 100%;} #pageDevis #contentPage { background: transparent url(../../images/titreDevis.gif) no-repeat 10px 10px; width: 850px; padding: 10px;} #pageDevis #zoneDeTextes {margin: 0 0 0 55px; padding-bottom: 0;} #pageDevis #blocTriType { width: 755px; margin-top: 15px; padding: 23px 15px 0 15px; background: transparent url(../../images/bgBlocTriTypeDevis.gif) no-repeat;} #pageDevis #piedBlocTriType { width: 785px; background: transparent url(../../images/piedBlocTriTypeDevis.gif) no-repeat;} #intro_devis { margin-bottom: 10px; background-color: #fff; color: #e2001a; font-weight: bold; padding: 5px 10px; margin-bottom: 17px; text-align: center;} #pageDevis #blocTriType .lineRadio, #pageDevis #blocTriType .lineForm {border-bottom: 0; height: auto; margin-bottom: 0;} #pageDevis #blocTriType .lineRadio {position: relative; top: -5px;} #pageDevis #blocTriType .lineRadio ul {width: 400px;} #pageDevis #texteConf {margin-top: 35px;} #pageDevis #mainContent {padding-bottom: 0;} #dem_info_produit_devis_ {color: #4a596b;} #jsProduitDevis input {width: 300px; margin-bottom: 2px;} #pageDevis .colForm {width: 390px; float: left;} #pageDevis .colForm label {width: 130px; text-align: right;} #pageDevis .colForm input {width: 200px;} /******************************************************************************************/ /* Devis */ /******************************************************************************************/ #pagePlanDuSite #contentPage {background: transparent url(../../images/titrePlanDuSite.gif) no-repeat 12px 15px; min-height: 450px;} #pagePlanDuSite #contentPage #zoneDeTextes {margin: 50px 30px 0 70px;} #pagePlanDuSite #zoneDeTextes h2 {text-indent: -5000px; overflow: hidden; width: 180px; height: 30px;} #pagePlanDuSite #zoneDeTextes h3 {font-size: 14px; margin-bottom: 5px;} #pagePlanDuSite #zoneDeTextes a {text-decoration: none;} #pagePlanDuSite #zoneDeTextes h2#titrePlanA {background: transparent url(../../images/titrePlanA.gif) no-repeat;} #pagePlanDuSite #zoneDeTextes h2#titrePlanB {background: transparent url(../../images/titrePlanB.gif) no-repeat; margin-top: 30px;} #pagePlanDuSite #zoneDeTextes h2#titrePlanC {background: transparent url(../../images/titrePlanC.gif) no-repeat;} #pagePlanDuSite #zoneDeTextes h2#titrePlanD {background: transparent url(../../images/titrePlanD.gif) no-repeat;} #pagePlanDuSite #zoneDeTextes ul {list-style: none;} #pagePlanDuSite #zoneDeTextes ul ul {margin-left: 20px;} #pagePlanDuSite #zoneDeTextes ul li a {color: #fff; text-decoration: none;} .colPlan {width: 33%; float: left;} /******************************************************************************************/ /* Mentions */ /******************************************************************************************/ #pageMentions #contentPage {background: transparent url(../../images/titreMentions.gif) no-repeat 12px 15px; min-height: 450px;} #pageMentions #contentPage #zoneDeTextes {margin: 50px 30px 0 70px;} #pageMentions #contentPage #zoneDeTextes a, #pageMentions #contentPage #zoneDeTextes dl dt {color: #fff;} #pageMentions #contentPage #zoneDeTextes dl {width: 50%; float: left;} #pageMentions #contentPage #zoneDeTextes dl dt {font-weight: bold;} #pageMentions #contentPage #zoneDeTextes dl dd {margin-bottom: 5px;} #pageMentions #contentPage #zoneDeTextes h2 {color: #fff; font-size: 18px; font-weight: normal; margin-top: 15px;} /******************************************************************************************/ /* Vidéos */ /******************************************************************************************/ #pageVideos #contentPage {background: transparent url(../../images/titreVideos.gif) no-repeat 12px 45px; min-height: 450px;} #pageVideos #contentPage #zoneDeTextes {margin: 50px 30px 0 70px;} #pageZoomVideo #mainContent, #pageMaison3D #mainContent {text-align: center;} .blocVideo {text-align: center; width: 210px; float: left; margin: 0 30px 30px 30px;} .blocVideo .lnkImage { display: block; width: 210px; height: 123px; position: relative; margin-bottom: 10px;} .blocVideo .lnkImage .masque { display: block; width: 210px; height: 123px; cursor: pointer; background: transparent url(../../images/masqueVideo.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 5;} .blocVideo img {margin: 10px 5px 0 5px; border: 0;} .blocVideo h2 {font-size: 20px; font-weight: normal;} .blocVideo h3 {font-size: 12px; margin-bottom: 5px; font-weight: normal;} .blocVideo .lnkVideo { display: block; text-decoration: none; font-weight: bold; background: transparent url(../../images/flecheTitre.gif) no-repeat 155px 2px;} .blocVideo .lnkVideo:hover {text-decoration: underline;} /******************************************************************************************/ /* Espace PRO */ /******************************************************************************************/ #pageEspacePro #contentPage {background: transparent url(../../images/titreEspacePro.gif) no-repeat 12px 15px; min-height: 450px;} #pageEspacePro #contentPage #zoneDeTextes {margin: 50px 30px 0 100px;} #blocPro, #blocEspacePro {float: left;} #blocPro { width: 300px; height: 150px; margin-right: 60px; background: transparent url(../../images/bgBlocPro.gif) no-repeat;} #blocPro h2 {display: none;} #blocPro a { display: block; width: 140px; height: 40px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/btnEspacePro.gif) no-repeat; position: relative; top: 96px; left: 80px;} #blocEspacePro { width: 430px; height: 90px; padding-top: 90px; background: transparent url(../../images/bgBlocEspacePro.gif) no-repeat;} #blocEspacePro h2, #blocEspacePro legend {display: none;} #blocEspacePro fieldset {width: 220px; float: left; padding: 0 5px 0 25px;} #blocEspacePro fieldset .lineForm {height: 15px;} #blocEspacePro fieldset .lineForm input {border: 1px #4a596b solid; width: 120px;} #blocEspacePro fieldset label {width: 85px;} #blocEspacePro input#btnMeConnecter {position: relative; top: 17px;} #lnkMdpOubli {font-size: 10px; color: #2d4053; position: relative; left: 100px; top: -5px;} /******************************************************************************************/ /* Rejoignez FF */ /******************************************************************************************/ #pageRejoignezFF #contentPage {background: transparent url(../../images/titreRejoignezFF.gif) no-repeat 12px 15px; min-height: 500px;} #pageRejoignezFF #contentPage #zoneDeTextes {margin: 30px 30px 0 70px;} #pageRejoignezFF #contentPage #zoneDeTextes ul.liste {float: left; width: 350px; margin: 10px 0 0 10px;} #pageRejoignezFF #contentPage #zoneDeTextes ul.liste li {margin-bottom: 15px; font-size: 14px;} #stand {margin: 15px 0 0 25px} #pageRejoignezFF #contentPage h2.titreRub {background: transparent url(../../images/titreRejoignezNous.gif) no-repeat; width: 356px; height: 34px;} #blocDevenirClient { width: 315px; height: 130px; float: right; margin-right: 30px; background: transparent url(../../images/bgBlocDevenirClient.gif) no-repeat;} #blocDevenirClient h3 {display: none;} #blocDevenirClient a { display: block; width: 140px; height: 40px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/btnDevenirClient.gif) no-repeat; position: relative; top: 82px; left: 92px;} /******************************************************************************************/ /* Guide de choix */ /******************************************************************************************/ #pageGuideChoix #contentPage {background: transparent url(../../images/bgGuideChoix.gif) no-repeat 12px 15px; min-height: 500px;} #pageGuideChoix #contentPage #zoneDeTextes {margin: 50px 30px 0 70px;} #pageGuideChoix #contentPage h2.titreRub {height: 35px;} .choixPortesGarage #contentPage h2.titreRub {background: transparent url(../../images/choixPortesGarage.gif) no-repeat;} .choixVolets #contentPage h2.titreRub {background: transparent url(../../images/choixVolets.gif) no-repeat;} .choixStores #contentPage h2.titreRub {background: transparent url(../../images/choixStores.gif) no-repeat;} .choixRideaux #contentPage h2.titreRub {background: transparent url(../../images/choixRideaux.gif) no-repeat;} .intro {margin-bottom: 15px;} #filtreChoix {width: 160px;} #filtreChoix p { width: 138px; height: 25px; text-indent: -5000px; overflow: hidden; margin-bottom: 5px; background: transparent url(../../images/titreAffiner.gif) no-repeat 22px 0;} #filtreChoix ul {list-style: none;} #filtreChoix ul li {margin-bottom: 5px;} #filtreChoix ul li a { display: block; height: 25px; padding-left: 10px; font-weight: bold; color: #4a596b; text-decoration: none; line-height: 25px; background: transparent url(../../images/hautChoix.gif) no-repeat;} #filtreChoix ul li fieldset { padding: 10px 0 0 10px; margin-bottom: 0;} #filtreChoix ul li fieldset label {font-weight: normal; cursor: pointer;} #filtreChoix ul li fieldset .lineCheck {height: 12px;} #filtreChoix ul li fieldset input {float: left; margin-right: 3px;} #filtreChoix, #resultatsProduits {float: left;} #nbreResults {margin-left: 18px; font-weight: bold; padding-top: 2px; font-size: 14px;} .jsNoProd { margin-top: 100px; text-align: center; padding: 5px 0 !important; background-color: #e2001a; color: #fff; font-size: 18px !important;} #resultatsProduits {width: 690px;} #resultatsProduits ul {list-style: none; width: 690px; clear: both;} #resultatsProduits ul li { width: 160px; float: left; margin-left: 12px; margin-bottom: 10px; color: #fff; } #resultatsProduits ul li a.lnkProd { display: block; width: 160px; height: 104px; text-decoration: none; margin-bottom: 10px; overflow: hidden; position: relative; color: #00ccff;} #resultatsProduits ul li a.lnkProd span.masque { display: block; width: 160px; height: 104px; position: absolute; background: transparent url(../../images/masqueVignette.png) no-repeat;} #resultatsProduits ul li a.lnkProd img {border: 0; margin: 10px 0 0 5px;} #resultatsProduits ul li p {text-align: center;} #resultatsProduits ul li p a {color: #00ccff; text-decoration: none; font-weight: bold;} #layerBudget img {margin-right: 5px;} .ddimgtooltip{ display: none; position: absolute; text-align: center !important; background: #fff; font-size: 10px; color: #4a596b; z-index: 2000; padding: 5px;} /******************************************************************************************/ /* Questionnaire satisfaction FF */ /******************************************************************************************/ #pageQuestionnaire #contentPage {background: transparent url(../../images/titreQuestionnaire.gif) no-repeat 12px 15px; min-height: 500px;} #pageQuestionnaire #contentPage #zoneDeTextes {margin: 30px 30px 0 70px;} #pageQuestionnaire #contentPage #zoneDeTextes .maj {text-transform: capitalize;} #pageQuestionnaire .lineRadio ul {list-style: none !important; float: none !important;} #pageQuestionnaire .lineRadio ul li {float: none !important; clear: both; height: 20px;} #pageQuestionnaire .lineRadio ul li textarea {width: 400px; height: 50px;} #pageQuestionnaire .lineSubmit {text-align: right; clear: both;} /******************************************************************************************/ /* Sondage */ /******************************************************************************************/ #lightwindow_data_details {display: none;} .PDS_Poll {width: 945px; height: 62px; margin: 0 0 20px 10px; padding: 12px 0 0 15px !important; background: transparent url(../../images/bgPoll.gif) no-repeat !important;} .PDS_Poll * {background-color: transparent !important;} .pds-box {width: 945px !important;} .pds-question-top {color: #fff !important;} .pds-answer {height: 30px; width: 780px; float: left;} .pds-answer-group {float: left;} .pds-answer-input {width: 18px !important; } .pds-input-label {width: auto !important; padding-right: 10px !important; color: #fff !important;} .pds-feedback-group {width: auto !important; float: left !important; padding-right: 15px !important; line-height: 13px !important;} .pds-answer-text {display: block; color: #3d126e;} .pds-feedback-per, .pds-feedback-votes {font-weight: bold; padding-right: 10px; color: #fff;} .pds-vote {float: left; width: 160px; padding: 0 !important; margin: -10px 0 0 0 !important;} .pds-vote-button {width: 55px; height: 25px; line-height: 25px !important; text-align: center !important; padding: 0 !important; float: left; margin: 0 15px 0 0 !important;} .pds-vote a {color: #cc0000 !important;} .pds-links, .pds-links-back {width: 90px; padding: 0 !important; margin: -6px 0 0 0 !important; float: left;} .pds-links-back {width: 120px; margin: -20px 0 0 0 !important; } .pds-links-back a {display: block !important; float: none !important; text-align: left !important;} .pds-links a, .pds-links-back a {color: #3d126e !important;} .pds-return-poll {text-align: left !important;} .pds-comments {visibility: hidden !important;} /******************************************************************************************/ /* Formulaire show-rooms */ /******************************************************************************************/ #pagePresChezVous #zoneMainContent, #pagePresChezVous #mainContent, #pagePresChezVous {background-image: none; background-color: #4a596b;} #pagePresChezVous #mainContent {width: 100%;} #pagePresChezVous #contentPage { background: transparent url(../../images/titrePresChezMoi.gif) no-repeat 10px 0; width: 940px; padding: 45px 10px 10px 10px;} #pagePresChezVous #zoneDeTextes {margin: 0 0 0 55px; padding-bottom: 0;} #introShowRooms { background-color: #fff; color: #e2001a; font-weight: bold; padding: 5px 10px; margin-bottom: 17px; text-align: center;} #pagePresChezVous .colForm {width: 390px; float: left;} #pagePresChezVous .colForm label {width: 130px; text-align: right;} #pagePresChezVous .colForm input {width: 200px;} #blocInteretProd ul {list-style: none; padding-left: 130px;} #blocInteretProd ul li {float: left; width: 200px;} #blocInteretProd ul li input {margin-right: 5px;} #blocInteretProd ul li label {display: inline !important; float: none !important;} /******************************************************************************************/ /* Domotique */ /******************************************************************************************/ #pageWellcom .titreCata {background: transparent url(../../images/sloganWellcom.gif) no-repeat; width: 466px; height: 28px;} #pageDomoConfort .titreCata {background: transparent url(../../images/titreConfort.gif) no-repeat 0 15px; width: 247px; height: 54px; padding-top: 15px;margin: 0 0 15px 0;} #pageWellcom .floatLeft {margin-right: 25px;} #pageDomoConfort .floatLeft {margin: 0 15px 20px 0;} #pageWellcom .zoneTexte {width: 500px; float: left; padding-top: 60px;} #pageWellcom .zoneTexte h3 {font-size: 22px; font-weight: normal; color: #00ccf6; } #pageWellcom .zoneTexte h4 {font-size: 14px; font-weight: normal;} .pageStoresDomo .floatLeft {margin: 0 15px 30px 0;} .pageStoresDomo .zoneTexte {width: 450px !important; padding-top: 20px !important;} #pageWellcom .lnkDomo { display: block; /*width: 248px;*/ height: 20px; margin-top: 30px; background: transparent url(../../images/btnAvantagesDomo.gif) no-repeat right top; text-indent: -5000px; overflow: hidden; } #pageWellcom .lnkDomo2 { display: block; /*width: 298px;*/ height: 20px; margin-top: 10px; background: transparent url(../../images/btnFonctionDomo.gif) no-repeat right top; text-indent: -5000px; overflow: hidden;} #domoTextes {width: 610px; float: left;} #domoPlus {width: 216px; float: right; padding-right: 30px;} #blocWellA, #blocWellB, #blocWellC {margin-bottom: 15px; width: 590px;} #blocWellA h4, #blocWellB h4, #blocWellC h4 {font-size: 18px; font-weight: normal; margin-bottom: 5px;} #blocWellA h4 {color: #7acf5a;} #blocWellB h4 {color: #b086d0;} #blocWellC h4 {color: #46c0e1;} #blocWellA img, #blocWellB img, #blocWellC img {float: left; margin-right: 15px;} #blocWellA ul, #blocWellB ul, #blocWellC ul {float: left; width: 470px} #pageDomoConfort h3 {font-size: 14px; margin-bottom: 20px; width: 247px; float: left;} #logoDomo {margin: 0 0 15px 43px;} #btnDevisDomo { display: block; width: 226px; height: 85px; text-indent: -5000px; overflow: hidden; margin-left: 38px; margin-bottom: 10px; background: transparent url(../../images/btnDevisDomo.gif) no-repeat;} #pageDomoConfort #blocAccesSondage {margin-left: 43px; margin-bottom: 20px; display: none;} #pageDomoConfort #blocAccesSondage a {float: none; } #blocGammeDomo {width: 216px; margin-left: 43px;} #blocGammeDomo strong { display: block; width: 216px; height: 62px; background: transparent url(../../images/titreMotorises.gif) no-repeat; text-indent: -5000px; overflow: hidden; margin-bottom: 10px;} #blocGammeDomo ul {list-style: none; margin-left: 5px;} #blocGammeDomo ul li {margin-bottom: 3px;} #btnPilotage { display: block; width: 259px; height: 34px; float: right; background: transparent url(../../images/btnPilotage.gif) no-repeat; text-indent: -5000px; overflow: hidden; margin-bottom: 10px;} #btnAvantages { display: block; width: 219px; height: 34px; float: right; background: transparent url(../../images/btnAvantages.gif) no-repeat; text-indent: -5000px; overflow: hidden; margin-bottom: 10px;} #downloadDoc {list-style: none;} #downloadDoc li {float: left;} #downloadDoc li a {display: block; height: 44px; text-indent: -5000px; overflow: hidden;} #downloadDoc li#btnDoc, #downloadDoc li#btnDoc a {width: 142px;} #downloadDoc li#btnGuide, #downloadDoc li#btnGuide a {width: 117px;} #downloadDoc li#btnDoc a {background: transparent url(../../images/btnDoc.gif) no-repeat;} #downloadDoc li#btnGuide a {background: transparent url(../../images/btnGuide.gif) no-repeat;} #domoTextes h2 { width: 610px; height: 59px; margin-bottom: 15px; background: transparent url(../../images/titrePilotage.gif) no-repeat; text-indent: -5000px; overflow: hidden;} #blocPilotageA, #blocPilotageB, #blocPilotageC, #blocPilotageD {margin-bottom: 15px; float: left; padding-right: 10px; width: 295px;} #blocPilotageA p, #blocPilotageB p, #blocPilotageC p, #blocPilotageD p {padding-right: 10px;} #blocPilotageD p {margin-bottom: 10px;} #blocPilotageA img, #blocPilotageB img, #blocPilotageC img, #blocPilotageD img {float: left; margin-right: 20px;} #blocPilotageB img {margin-bottom: 25px;} #blocPilotageA h3, #blocPilotageB h3, #blocPilotageC h3, #blocPilotageD h3 { font-size: 18px; font-weight: normal; margin-bottom: 5px; padding-left: 65px; min-height: 65px; float: left; padding-top: 4px; width: 220px;} #blocPilotageD h3 span, #blocPilotageC h3 span {display: block; font-size: 13px;} #blocPilotageA h3 {color: #b48ad3; background: transparent url(../../images/pilotageA.gif) no-repeat;} #blocPilotageB h3 {color: #eb9c5c; background: transparent url(../../images/pilotageB.gif) no-repeat;} #blocPilotageC h3 {color: #46c0e1; background: transparent url(../../images/pilotageC.gif) no-repeat;} #blocPilotageD h3 {color: #ebe662; background: transparent url(../../images/pilotageD.gif) no-repeat;} /******************************************************************************************/ /* Nouvelle page d'accueil */ /******************************************************************************************/ #colHomeGauche, #colHomeDroite {float: left;} #colHomeGauche {width: 680px; position: relative;} #colHomeDroite {width: 285px; padding-left: 15px;} #blocDD { display: block; width: 210px; height: 115px; background: transparent url(../../images/blocDD.gif) no-repeat; text-indent: -5000px; overflow: hidden; float: left; margin-right: 24px;} #blocSondage { display: block; text-indent: -5000px; overflow: hidden; width: 216px; height: 131px; float: left; margin-right: 30px; /*background: transparent url(../../images/animSondageDomo.gif) no-repeat;*/ background: transparent url(../../images/sondagePortesGarage.gif) no-repeat;} #btnVideotheque { width: 190px; height: 120px; float: left; background: transparent url(../../images/btnVideotheque.gif) no-repeat;} #btnVideotheque a { display: block; width: 190px; height: 120px; position: relative;} #btnVideotheque img {display: block; border: 0; position: absolute; left: 20px; top: 10px;} #btnVideotheque a span { display: block; width: 40px; height: 40px;z-index: 1; background: transparent url(../../images/play.png) no-repeat; position: absolute; left: 74px; top: 35px;} #btnVideotheque em {display: none;} #blocActusHome {width: 285px; background: transparent url(../../images/bgActusHome.gif) no-repeat left bottom;} #blocActusHome h3 { width: 285px; height: 45px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/titreActusHome.gif) no-repeat;} #blocActusHome #contentActus {padding: 5px 20px 20px 20px;} #blocActusHome img {float: left; border: 0; margin-right: 10px; margin-bottom: 5px;} #blocActusHome em {display: block; font-style: normal; font-size: 11px; color: #00d3ff;} #blocActusHome h4 {font-weight: normal;} #blocActusHome h4 a {color: #fff; text-decoration: none; font-size: 12px;} #blocActusHome h4 a span {display: block; font-weight: bold;} .suiteActu { display: block; width: 30px; height: 21px; text-indent: -5000px; overflow: hidden; background: transparent url(../../images/suiteActu.gif) no-repeat top right; float: right;} #btnMaison { display: block; width: 190px; height: 160px; margin-bottom: 20px; background: transparent url(../../images/btnMaison.jpg) no-repeat; text-indent: -5000px; overflow: hidden; float: right; margin-left: 15px;} #btnMaison:hover {background-position: 0 -160px;}