* { margin: 0; padding: 0; } .break {clear: both; height: 1px; line-height: 1px; font-size: 1px;} body { font-family: "Verdana", Arial, sans-serif; font-size: 12px; background: #877f83 url(/fr/images/bgBody.gif) repeat-x;} a {color: #699a18} #allContent { width: 984px; margin: auto; position: relative; background-color: #fff;} .pageMarques #allContent, .pageSpa #allContent, .pageForm #allContent, .pageCorporate #allContent, #pageFaq #allContent, .pageCatalogue #allContent, .pageActualites #allContent, .pageCompteClient #allContent, #pageAccueil #allContent, .pagePanier #allContent {padding-top: 120px;} input, textarea, select {font-family: "Verdana", Arial, sans-serif; font-size: 11px;} .zoneTexte p, .zoneTexte ul, .zoneTexte ol {margin-bottom: 10px;} .zoneTexte ul {list-style: none; margin-bottom: 10px;} .zoneTexte ol {list-style-position: inside;} .zoneTexte ul li { background: transparent url(/fr/images/flecheNoire.gif) no-repeat 0 2px; padding-left: 10px;} /*****************************************************************************************/ /* Entete */ /*****************************************************************************************/ #enTete { width: 984px; height: 119px; background-color: #feeacc; border-bottom: 1px #fff solid; position: absolute; right: 0; top: 0; z-index: 15;} #enTete #logo { padding: 8px 0 0 16px; display: block; width: 255px; height: 87px;} #enTete #logo img {border: 0;} #enTete #numeroVertHaut { width: 175px; height: 26px; background: transparent url(/fr/images/numeroVertHaut.gif) no-repeat; position: absolute; right: 7px; top: 9px;} #enTete #numeroVertHaut span {display: none;} #enTete ul {list-style: none;} #btnAboNewsletter { display: block; width: 168px; height: 26px; font-weight: bold; background: transparent url(/fr/images/btnAboNewsletter.gif) no-repeat; text-decoration: none; color: #fff; position: absolute; top: 2px; right: 190px; padding: 8px 0 0 42px;} #btnAboNewsletter:hover {color: #62ddff;} #outilsPerso { position: absolute; right: 15px; bottom: 30px; line-height: 20px; font-size: 11px;} #outilsPerso p#ident {padding-right: 115px; font-weight: bold; text-align: right;} #outilsPerso a#btnDeconnexion { display: block; font-weight: bold; background-position: 0 7px; position: absolute; right: 0; top: 0;} #outilsPerso p.lnkOutils a { color: #807a7e; font-weight: bold; float: right; text-decoration: none; padding-left: 8px; padding-left: 20px; background: transparent url(/fr/images/flecheNoire.gif) no-repeat 12px 7px;} #outilsPerso p.lnkOutils a span {color: #000; font-weight: normal;} #outilsPerso p.lnkOutils a span em {font-style: normal;} #enTete ul#navigation { width: 984px; height: 23px; border-top: 1px #fff solid; background: #fff url(/fr/images/bgNavigation.gif) no-repeat;} #enTete ul#navigation li {float: left; position: relative;} #enTete ul#navigation li a { display: block; padding: 0 15px; height: 23px; line-height: 22px; text-decoration: none; color: #b1aa9e; background-color: #2f2421;} #enTete ul#navigation li a:hover, #pageContact ul#navigation li#btnNavF a, .pageMarques ul#navigation li#btnNavC a, .pageCatalogue ul#navigation li#btnNavB a {background-color: #7f787b; color: #fff;} #enTete ul#navigation li.dernier a {margin-right: 75px;} #enTete ul#navigation ul { width: 155px; background: transparent url(/fr/images/sousMenuBg.png) no-repeat left bottom; position: absolute; left: 0; top: 23px; padding: 10px 0; z-index: 10; border-top: 1px solid #fff;} #enTete ul#navigation ul li {float: none;} #enTete ul#navigation ul li a { text-transform: uppercase; font-weight: bold; height: 17px; line-height: 17px; font-size: 10px; color: #fff; background-color: transparent !important; padding: 0 0 0 13px;} #enTete ul#navigation ul li a:hover { background: transparent url(/fr/images/flecheBleue.gif) no-repeat 6px 6px; color: #71c6ef;} #enTete ul#navigation ul li#btnGammes { background: transparent url(/fr/images/pixelBtnGamme.gif) no-repeat 0 20px; padding-bottom: 6px;} #enTete fieldset { border: 0; width: 156px; height: 21px; position: absolute; top: 96px; right: 242px; padding: 2px 0 0 30px; background: transparent url(/fr/images/bgRecherche.gif) no-repeat;} #enTete fieldset label {display: none;} #enTete fieldset input {border: 0; text-align: center; float: left;} #enTete fieldset input#fastSearch {width: 123px; padding-top: 2px; height: 17px;} #enTete fieldset #searchOK { color: #7f787b; font-weight: bold; height: 19px; padding-bottom: 3px; background-color: #fff; cursor: pointer;} /*****************************************************************************************/ /* Main content */ /*****************************************************************************************/ #mainContent {width: 976px; padding: 0 4px 5px 4px;} #ariane {list-style: none; width: 920px; height: 20px; padding: 5px 12px 0 12px; background-color: #fff;} #ariane li {float: left; font-weight: bold; font-size: 10px; padding-left: 3px; color: #7f787b;} #ariane li a {color: #7f787b; text-decoration: none; font-weight: normal;} #ariane li a:hover {text-decoration: underline;} #colAccueilA {width: 728px; height: 441px; position: relative;} #pageAccueil #colActus {width: 241px; padding-left: 7px;} #colAccueilA, #pageAccueil #colActus {float: left;} #colAccueilA img, #pageAccueil #colActus img {border: 0;} #pageAccueil #colActus img {margin-bottom: 0px;} #colAccueilA a span, #colAccueilA .zoneTexte, #colAccueilA h2, #zoneBlocs a span, #zoneBlocs .zoneTexte, #zoneBlocs h2 {display: none;} /*****************************************************************************************/ /* Footer */ /*****************************************************************************************/ #zoneLogos {padding: 0 10px 5px 10px; text-align: right;} #footer {width: 984px; background-color: #2f2421; height: 22px;} #footer ul {list-style: none;} #footer ul li {float: left;} #footer ul li a { display: block; padding: 0 20px; height: 22px; line-height: 21px; text-decoration: none; color: #b1aa9e; font-size: 10px;} #footer ul li a:hover {text-decoration: underline;} #numeroVertBas { display: block; width: 175px; height: 18px; float: right; margin: 2px 7px 0 0; background: transparent url(/fr/images/numeroVertBas.gif) no-repeat;} #numeroVertBas span {display: none;} /*****************************************************************************************/ /* Catalogue */ /*****************************************************************************************/ .pageCatalogue #mainContent { background: transparent url(/fr/images/bgPageCatalogue.gif) repeat-y; margin-bottom: 20px; padding-bottom: 0;} #mainContent h1 {margin: 0 0 105px 15px;} #mainContent h1 span, #popup h1 span {display: none;} .pagePhytoceane #mainContent h1 { width: 277px; height: 48px; background: transparent url(/fr/images/titreProdPhytoceane.gif) no-repeat;} .pagePhytomer #mainContent h1 { width: 256px; height: 48px; background: transparent url(/fr/images/titreProdPhytomer.gif) no-repeat;} .pageFleurs #mainContent h1 { width: 229px; height: 48px; background: transparent url(/fr/images/titreProdFleurs.gif) no-repeat;} .pageVieCollection #mainContent h1 { width: 324px; height: 48px; background: transparent url(/fr/images/titreProdVieCollection.gif) no-repeat;} .pageEquavie #mainContent h1 { width: 245px; height: 48px; background: transparent url(/fr/images/titreProdEquavie.gif) no-repeat;} .pageGammes #mainContent h1 { width: 280px; height: 48px; background: transparent url(/fr/images/titreGammesProduits.gif) no-repeat;} #pageResultatsRecherche #mainContent h1 { width: 310px; height: 41px; margin: 0 0 10px 15px; background: transparent url(/fr/images/titreResultatsRecherche.gif) no-repeat;} .pageActualites #mainContent h1 { width: 115px; height: 34px; margin: 0 0 10px 0; background: transparent url(/fr/images/titreActualites.gif) no-repeat;} #pageContact #mainContent h1 { width: 180px; height: 27px; margin: 0 0 10px 0; background: transparent url(/fr/images/titreContact.gif) no-repeat;} #pageMonPanier #mainContent h1 { width: 145px; height: 25px; margin: 0 0 10px 0; background: transparent url(/fr/images/titreMonPanier.gif) no-repeat;} #pageIdentification #mainContent h1, #pageCoordonnees #mainContent h1, #pageCommande #mainContent h1 { width: 162px; height: 61px; margin: 0 0 30px 0; background: transparent url(/fr/images/titreIdentification.gif) no-repeat;} #pageAccueilCompte #mainContent h1 { width: 251px; height: 45px; margin: 0 0 10px 0; background: transparent url(/fr/images/titreEspacePerso.gif) no-repeat;} #pageMotdepasse #mainContent h1 { width: 312px; height: 45px; margin: 0 0 10px 0; background: transparent url(/fr/images/titreMotdepasse.gif) no-repeat;} #pageCreerCompte #mainContent h1 { width: 274px; height: 39px; margin: 0 0 30px 0; background: transparent url(/fr/images/titreCreerCompte.gif) no-repeat;} #pageModifierCompte #mainContent h1 { width: 323px; height: 48px; margin: 0 0 30px 0; background: transparent url(/fr/images/titreModifCompteClient.gif) no-repeat;} #pageModifierMdp #mainContent h1 { width: 315px; height: 48px; margin: 0 0 10px 0; background: transparent url(/fr/images/titreModifMdp.gif) no-repeat;} #pageAdressesLivraison #mainContent h1 { width: 286px; height: 34px; margin: 0 0 10px 0; background: transparent url(/fr/images/titreAdressesLivraison.gif) no-repeat;} #pageMesCommandes #mainContent h1 { width: 198px; height: 35px; margin: 0 0 30px 0; background: transparent url(/fr/images/titreMesCommandes.gif) no-repeat;} #pageMesAvoirs #mainContent h1 { width: 141px; height: 25px; margin: 0 0 30px 0; background: transparent url(/fr/images/titreAvoirs.gif) no-repeat;} #pageFaq #mainContent h1 { width: 198px; height: 35px; margin: 0 0 15px 0; background: transparent url(/fr/images/titreFaq.gif) no-repeat;} .pageMarques #mainContent h1 { width: 267px; height: 53px; margin: 0 0 15px 15px; background: transparent url(/fr/images/titreMarques.gif) no-repeat;} #pageCGV #mainContent h1, #popup h1 { width: 321px !important; height: 54px; margin: 0 0 15px 0; background: transparent url(/fr/images/titreCGV.gif) no-repeat !important;} #pageMentions #mainContent h1 { width: 193px; height: 54px; margin: 0 0 15px 0; background: transparent url(/fr/images/titreMentions.gif) no-repeat;} #pagePlanSite #mainContent h1 { width: 140px; height: 33px; margin: 0 0 15px 15px; background: transparent url(/fr/images/titrePlanDuSite.gif) no-repeat;} #content, #colActus {float: left;} #content {width: 726px; padding-bottom: 20px;} .pageActualites #content, .pageForm #content, .pagePanier #content, .pageCompteClient #content, #pageFaq #content {float: none; width: 946px; padding: 0 15px 20px 15px;} #colActus {width: 244px; padding-left: 6px; text-align: right;} #colActus img {border: 0;} #blocMenus {width: 726px; position: absolute; left: 4px; top: 200px; z-index: 2;} #lnkMarques { list-style: none; float: left; width: 115px; margin-left: 5px;} #lnkMarques li a { text-transform: uppercase; font-weight: bold; height: 17px; line-height: 17px; color: #807a7e; font-size: 10px; text-decoration: none; padding-left: 10px;} #lnkMarques li a:hover, #lnkMarques li a.selected /*.pagePhytomer #lnkMarques li#marqueA a, .pagePhytoceane #lnkMarques li#marqueB a, .pageFleurs #lnkMarques li#marqueC a, .pageVieCollection #lnkMarques li#marqueD a, .pageEquavie #lnkMarques li#marqueE a*/ { background: transparent url(/fr/images/flecheBleue.gif) no-repeat 0 3px !important; color: #71c6ef;} .lnkGammes {list-style: none; height: 80px; margin-bottom: 5px; float: left;} .lnkGammes li {float: left; padding-right: 4px; position: relative;} .lnkGammes li a {display: block; width: 80px; height: 80px;} .lnkGammes li a span {display: none;} .lnkGammes li a:hover {background-position: 0 -80px !important;} .lnkGammes li.gammeDernier {padding-right: 0;} .lnkGammes li ul { list-style: none; position: absolute; left: 0; top: 80px; z-index: 4; border-top: 1px #fff solid; width: 155px; background: transparent url(/fr/images/sousMenuBg.png) no-repeat left bottom; padding: 10px 0;} .lnkGammes li ul li {float: none; padding-bottom: 5px;} .lnkGammes li ul li a { background-image: none !important; height: auto; padding: 0 0 0 10px; text-transform: uppercase; font-weight: bold; width: auto; /*height: 17px; line-height: 17px;*/ font-size: 9px; color: #fff; background-color: transparent; text-decoration: none;} .lnkGammes li ul li a:hover { background: transparent url(/fr/images/flecheBleue.gif) no-repeat 4px 3px !important; color: #71c6ef;} #logoMarque, .intro {padding-left: 16px; margin-bottom: 10px;} .intro {font-size: 10px; width: 700px;} #zoneBlocs {width: 724px; position: relative;} .bloc h2, .bloc .zoneTexte {display: none;} .pageCatalogue #content h2 { width: 711px; height: 50px; font-size: 20px; color: #fff; background: transparent url(/fr/images/bgTitreGamme.jpg) no-repeat; letter-spacing: 1px; padding: 0 0 0 15px; line-height: 37px;} .pageCatalogue #content h2 a {color: #fff; text-decoration: none;} .pageCatalogue #content h3 {font-size: 20px; padding: 15px; color: #2f2421;} /************************************ Entrées par gammes */ .entreeGamme {margin-bottom: 4px;} .entreeGamme h2 {display: none;} .entreeGamme ul {list-style: none; width: 116px; padding: 10px 10px 0 113px;} .entreeGamme ul li {padding-bottom: 5px;} .entreeGamme ul li a { text-transform: uppercase; font-weight: bold; color: #fff; /*height: 15px; line-height: 15px;*/ text-decoration: none; font-size: 9px; padding-left: 8px; display: block;} .entreeGamme ul li a:hover { background: transparent url(/fr/images/flecheBleue.gif) no-repeat 1px 3px; color: #71c6ef;} #menuCorps ul, #menuVisage ul {width: 140px; padding: 10px 0 0 220px;} #menuCorps, #menuVisage {width: 360px; height: 267px; float: left; margin-top: 30px;} #menuCorps:hover, #menuVisage:hover {background-position: 0 -267px !important;} #menuSolaires, #menuMaquillage, #menuNutrition, #menuAmbiance, #menuHomme, #menuBalneo {float: left; width: 239px; height: 194px; } #menuSolaires:hover, #menuMaquillage:hover, #menuNutrition:hover, #menuAmbiance:hover, #menuHomme:hover, #menuBalneo:hover {background-position: 0 -194px !important;} #menuVisage, #menuSolaires, #menuNutrition, #menuHomme, #menuBalneo {margin-right: 4px;} /*********************** Liste des produits */ .listeProduits {width: 703px; border-left: 3px #81777a solid; padding-left: 20px; margin-bottom: 20px;} .listeProduits ul {list-style: none;} .listeProduits ul li { width: 160px; float: left; text-align: center; font-size: 10px; height: 220px; background: transparent url(/fr/images/bgVignetteProduit.gif) no-repeat left bottom; position: relative;} .listeProduits ul li img {border: 0;} .listeFleurs ul li {background: transparent url(/fr/images/bgVignetteFleurs.gif) no-repeat left bottom;} .listeProduits ul li em { width: 160px; position: absolute; left: 0; bottom: 100px;} .listeProduits ul li img.vignette {display: block; margin: auto; border: 0;} .listeProduits ul li a, .listeProduits ul li .echantillon { text-decoration: none; cursor: pointer; color: #807a7e; display: block; height: 220px;} .listeProduits ul li a span.texteProd, .listeProduits ul li .echantillon span.texteProd { display: block; width: 140px; padding: 0 10px; position: absolute; left: 0; top: 145px;} .listeProduits ul li a strong, .listeProduits ul li .echantillon strong { display: block; color: #000; text-transform: uppercase; font-weight: normal;} .listeProduits ul li span.zonePictos { display: block; width: 32px; position: absolute; right: 0; top: 0; border: 0;} .listeProduits ul li span.zonePictos img {margin-bottom: 5px;} .listeProduits ul li input {position: absolute; top: 127px; left: 73px;} .listeProduits ul li strong.typeMarque {font-size: 12px; font-weight: bold; padding-bottom: 5px;} #pageResultatsRecherche .listeProduits {border-left: 0;} #pageResultatsRecherche .listeProduits ul li {height: 270px;} #pageResultatsRecherche .listeProduits ul li a span {top: 195px;} /******************************** Fiche produit */ .btnRetour { display: block; padding-left: 30px; width: 200px; height: 25px; line-height: 25px; background: transparent url(/fr/images/btnRetour.gif) no-repeat; margin-left: 10px; color: #807a7e; font-weight: bold; font-size: 11px; text-decoration: none;} #blocProduit { width: 722px; background: transparent url(/fr/images/bgProduit.gif) no-repeat;} #contentProduit { width: 521px; padding: 35px 40px 0 161px; background: transparent url(/fr/images/bgContentProduit.gif) no-repeat left bottom;} #colProduit { width: 200px; text-align: center; float: left;} #colProduit img {margin: auto;} #colProduit ul { list-style: none; margin: 30px 0 30px -15px; width: 200px;} #colProduit ul li { text-align: left; font-size: 14px; padding-left: 10px; font-weight: bold; background: transparent url(/fr/images/flecheColProduits.gif) no-repeat 0 5px; } #logoFicheMarque {margin-bottom: 20px;} .zoneTexte p, #blocProduit #descriptifProduit p {margin-bottom: 8px; font-size: 10px !important;} #blocProduit #descriptifProduit { font-size: 10px !important; margin-bottom: 10px; width: 320px; float: left; } #blocProduit h4, #blocProduit h5 { color: #8d887e; text-transform: uppercase;} #blocProduit h4 {font-size: 15px; margin-bottom: 5px;} #blocProduit h5 {font-size: 10px; margin-bottom: 8px;} #blocProduit h6 {font-size: 10px; margin: 5px 0;} /********************* Couleurs */ #couleurs {list-style: none;} #couleurs li { float: left; width: 32px; height: 32px; padding-left: 0;} #couleurs li a { display: block; width: 32px; height: 32px; text-indent: -1000px; overflow: hidden;} #couleurs li a:hover {background-position: 0 -32px !important;} /****************** Infos achat */ #infosAchat { background: transparent url(/fr/images/bgInfosAchat.gif) no-repeat left bottom; clear: both; padding: 5px 0 25px 21px;} #infosAchat table {border-collapse: collapse; font-size: 10px; width: 680px; margin-right: 10px;} #infosAchat table th {text-align: left; font-weight: normal; border-bottom: 1px #83797c solid; padding: 4px 0;} #infosAchat table td {font-weight: bold; vertical-align: top; border-bottom: 1px #83797c solid; padding: 4px 0;} #infosAchat table td.cellRef {width: 440px;} #infosAchat table td.cellQte {width: 40px;} #infosAchat table td.prix {width: 110px;} #infosAchat table td.prix .pictoPromo {float: right;} #infosAchat table td.prix span {display: block; width: 60px;} #infosAchat table td.prix span.prixAvant {text-decoration: line-through;} #infosAchat table td.prix span.prixApres {} #infosAchat table td.cellBtn {width: 90px; text-align: right;} /******************* Ajouter au panier */ .btnAjoutPanier { display: block; width: 82px; height: 27px; line-height: 10px; float: right; text-align: center; text-transform: uppercase; text-decoration: none; font-size: 10px; font-weight: bold; color: #1a3f01; padding-top: 3px; margin-top: 2px; background: transparent url(/fr/images/btnAjouterPanier.gif) no-repeat;} /***************** Produits complémentaires */ #blocProduitsComp {margin: 0 0 0 15px;} #blocProduitsComp h6 { width: 330px; height: 41px; margin: 0 0 5px 0; background: transparent url(/fr/images/titreProduitsComp.gif) no-repeat;} #blocProduitsComp h6 span {display: none;} #blocProduitsComp .pictoPromo {position: absolute; right: 5px; top: 5px;} .produitsComp { width: 200px; float: left; margin-right: 10px; background: transparent url(/fr/images/blocProdCompBg.gif) no-repeat left bottom; position: relative;} .produitsComp .vignetteProdComp {display: block; width: 70px; float: left; text-align: center;} .produitsComp .vignetteProdComp img {border: 0; width: 60px; height: 100px; padding-right: 10px;} .produitsComp p {font-size: 10px; color: #999798; margin: 0 0 10px 0;} .produitsComp p strong {display: block; color: #000; font-weight: normal; text-transform: uppercase;} .hautPropComp {width: 200px; height: 15px; background: transparent url(/fr/images/blocProdCompHaut.gif) no-repeat;} .contentProdComp {padding: 0 10px 10px 10px;} .produitsComp .btnDecouvrez { display: block; width: 70px; height: 19px; padding-left: 20px; font-size: 10px; color: #5d162c; background: transparent url(/fr/images/btnDecouvrez.gif) no-repeat; text-decoration: none; float: left; line-height: 18px;} #texteResultats { font-size: 15px; font-weight: bold; padding-left: 16px; margin-bottom: 25px;} #pageResultatsRecherche .btnRetour {margin-bottom: 10px;} /*****************************************************************************************/ /* Actualites */ /*****************************************************************************************/ #pageDetailActualite #mainContent h2 {font-size: 23px; color: #6c6469; margin-bottom: 20px;} #pageDetailActualite #mainContent h3 { font-size: 12px; color: #6c6469; text-transform: uppercase; background-color: #e8e3df; padding: 2px 5px; margin-bottom: 15px;} #pageDetailActualite .date {font-size: 11px; color: #6c6469; margin-bottom: 5px;} #pageDetailActualite .zoneTexte {font-size: 11px; line-height: 14px; text-align: justify;} #colDetailActuA, #colDetailActuB {float: left;} #colDetailActuA {width: 500px;} #colDetailActuB {width: 445px; padding-bottom: 20px; text-align: right;} #colDetailActuB img {border: 0;} /*****************************************************************************************/ /* Formulaires */ /*****************************************************************************************/ #blocSearchMail { border: 0; width: 726px; height: 32px; color: #fff; padding: 2px 0 0 10px; background: #7f787b url(/fr/images/bgSearchMail.gif) no-repeat right top; margin-bottom: 45px;} #blocSearchMail legend, #blocSearchMail label {display: none;} #blocSearchMail p {float: left; width: 530px;} #blocSearchMail .lineForm {width: 165px; float: left; margin: 6px 0 0 0; padding-left: 15px;} #search_email {width: 136px; border: 0;} #searchSubmitter { color: #7f787b; font-weight: bold; height: 19px; padding-bottom: 3px; background-color: #fff; cursor: pointer; border: 0;} #blocEmailFound { width: 716px; height: 32px; color: #fff; padding: 2px 10px 0 10px; background-color: #7f787b; text-align: center; display: none;} .pageForm fieldset {border: 0;} .pageForm legend {font-weight: bold; padding-bottom: 10px; padding-left: 35px; color: #000;} .pageForm .lineForm label {display: block; float: left; text-align: right; padding-right: 10px; font-size: 11px;} #colFormA, #colFormB {float: left;} #colFormA {width: 350px;} #colFormB {width: 400px;} #colFormA label, #colFormB label {width: 130px; padding-top: 3px;} #colFormA .lineForm, #colFormB .lineForm {padding-bottom: 10px;} #colFormA .lineForm input, #colFormB .lineForm input, #layerModifAdresse .lineForm input {width: 168px; border: 0;} .lineForm span.chpTexte { width: 168px; display: block; float: left; background: transparent url(/fr/images/bgChpTexte.gif) no-repeat; padding: 4px 10px 6px 10px;} #layerModifAdresse .lineForm span.chpTexte {background: transparent url(/fr/images/bgChpModifAdresse.gif) no-repeat;} #colFormB .lineForm input.jour, #colFormB .lineForm input.mois { width: 25px; padding: 4px 10px 0 10px; text-align: center; height: 19px; background: transparent url(/fr/images/bgChpJour.gif) no-repeat; margin-right: 4px;} #colFormB .lineForm input.annee { width: 61px; padding: 4px 10px 0 10px; text-align: center; height: 19px; background: transparent url(/fr/images/bgChpAnnee.gif) no-repeat;} #blocVotreDemande label {display: none;} #blocVotreDemande .lineText {padding-left: 35px;} #blocVotreDemande .lineText textarea { width: 682px; height: 82px; margin-bottom: 10px; border: 0; background-color: transparent;} .lineText span.chpTextarea { width: 704px; height: 104px; display: block; padding: 10px; background: transparent url(/fr/images/bgTextarea.gif) no-repeat;} .lineNewsletter {font-size: 10px; padding-left: 35px; margin-bottom: 20px;} #submitter, #submitter2 { width: 149px; height: 17px; border: 0; text-align: center; background: transparent url(/fr/images/submitter.gif) no-repeat; font-size: 10px; text-transform: uppercase; padding-bottom: 2px; cursor: pointer;} #pageContact #submitter {margin-right: 220px; float: right;} .mentions, .obligatoire {font-size: 10px; margin-bottom: 10px;} .validation-advice, #errMsg { font-size: 11px; display: block; text-align: center; background-color: #cc0000; color: #fff; padding: 2px;} #quickSearchForm .validation-advice {position: absolute; left: -27px; top: 25px;} /*****************************************************************************************/ /* Panier */ /*****************************************************************************************/ #etapes {list-style: none; height: 45px;} #etapes li {font-size: 20px; float: left; color: #7f787b; padding-right: 5px;} #etapes li a {color: #7f787b; text-decoration: none;} #etapes li a.selected {color: #000; text-decoration: underline;} #descAvantages {font-size: 12px !important;} .pagePanier table {border-collapse: collapse; font-size: 10px;} .tableAchat {width: 100%; margin: 0 10px 10px 0;} .tableAchat th {text-align: left; font-weight: normal; padding-bottom: 3px;} .tableAchat td {font-weight: bold; vertical-align: top; border-top: 1px #aea99f solid; border-bottom: 1px #aea99f solid; padding: 5px 0;} .tableAchat td span {display: block; text-decoration: line-through;} .tableAchat .prix {width: 80px;} .tableAchat .quantite {width: 80px; text-align: center;} .tableAchat .pictoPromo {float: right;} .tableAchat .action {width: 180px;} .btnSupprimer { display: block; width: 149px; height: 17px; text-align: center; line-height: 16px; background: transparent url(/fr/images/btnSupprimer.gif) no-repeat; font-weight: normal; font-size: 10px; text-transform: uppercase; color: #000; text-decoration: none; float: right; margin-right: 10px;} .btnSupprimer span {display: none;} .tableTotal {width: 500px; float: right; margin-bottom: 15px;} .tableTotal th, .tableTotal td {height: 20px; width: 50%; padding: 0 10px;} .tableTotal th {text-align: left;} .tableTotal td span { display: block; width: 55px; float: right; background: transparent url(/fr/images/flecheTotal.gif) no-repeat 0 4px; text-align: right;} .tableTotal .alignRight {text-align: right;} .prixBarre {text-decoration: line-through; padding-right: 10px;} .color {background-color: #e8e3df;} #blocCodePromo { width: 185px; float: right; padding-left: 25px; font-size: 10px; padding-top: 5px;} #blocCodePromo p {margin-bottom: 10px;} #blocCodePromo strong {display: block; text-transform: uppercase; margin-bottom: 5px;} #blocCodePromo #jsKartSetCodePromo { width: 149px; height: 15px; text-align: center; border: 0; padding: 2px 0 0 0; font-weight: normal; font-size: 10px; text-transform: uppercase; color: #000; background: transparent url(/fr/images/btnSupprimer.gif) no-repeat; margin-bottom: 5px;} .portGratuit {clear: both; height: 20px; padding: 10px 210px 10px 0; text-align: right;} #pageMonPanier .lnkRecalc #submitter {margin: 17px 10px 15px 10px;} #pageMonPanier .lnkRecalc #submitter, .lnkRecalc .btnPoursuivre {float: right;} #pageMonPanier #mainContent h2, #pageCommande #mainContent h2 { height: 28px; text-align: center; color: #fff; text-transform: uppercase; background-color: #81777a; font-size: 20px; margin-bottom: 15px;} #pageMonPanier #mainContent h3 {font-size: 16px; margin-bottom: 15px;} .nbreEchantillons { background: transparent url(/fr/images/flecheNoire.gif) no-repeat 0 3px; padding-left: 10px;} #pageMonPanier .listeProduits {width: auto; border-left: 0; padding-left: 0;} #pageMonPanier .listeProduits ul li {width: 157px;} #pageMonPanier #mainContent p, #pageCommande #mainContent p {margin-bottom: 10px; font-size: 10px;} #pageMonPanier #mainContent p strong, #pageCommande #mainContent p strong {display: block; font-size: 11px;} #pageCommande #mainContent p {padding-left: 30px;} .btnPoursuivre, #btnValiderPanier {float: left;} .btnPoursuivre { display: block; width: 172px; height: 17px; font-size: 10px; background: transparent url(/fr/images/btnPoursuivre.gif) no-repeat; text-transform: uppercase; color: #000; text-decoration: none; text-align: right; padding: 19px 8px 0 0; margin: 0 20px 15px 270px;} #btnValiderPanier { width: 186px; height: 22px; border: 0; padding-bottom: 2px; margin-top: 13px; background: transparent url(/fr/images/btnValiderPanier.gif) no-repeat; cursor: pointer;} #panierVide {text-align: center;} #panierVide .btnPoursuivre {margin: auto; float: none; position: relative; left: -5px;} /************** Identification */ #pageIdentification #content {padding-bottom: 100px;} #colIdent, #blocCreerCompte {float: left;} #colIdent {width: 475px;} #lostPassord {width: 450px; padding-right: 25px;} #lostPassord p, #lostPassord a {font-size: 11px;} #lostPassord a {font-weight: bold;} #lostPassord label {padding-top: 3px;} #lostPassord input#visitorEmail {width: 138px !important} #lostPassord #btnEnvoyerIdent { width: 114px !important; height: 23px !important; border: 0; background: transparent url(/fr/images/btnEnvoyer.gif) no-repeat !important; position: relative; left: 15px; text-align: center; padding: 0 0 3px 0 !important;} #blocIdentClient {width: 350px; padding-right: 125px;} #blocCreerCompte {width: 350px;} #pageIdentification #content fieldset p {margin-bottom: 10px;} #pageIdentification #content fieldset .mini {font-size: 10px;} #pageIdentification #content fieldset .margeGauche {padding-left: 35px;} #pageIdentification #content fieldset .lineForm {padding-bottom: 10px;} #pageIdentification #content fieldset .lineForm input { width: 138px; height: 19px; border: 0; padding: 4px 40px 0 10px; background: transparent url(/fr/images/bgChpTexte.gif) no-repeat;} #pageIdentification #content fieldset .lineForm input#btnOK { background-image: none; position: relative; left: -32px; color: #7f787b; font-weight: bold; width: auto; height: 19px; padding: 0 0 3px 0; background-color: #fff; cursor: pointer;} #blocIdentClient label {width: 100px; line-height: 20px;} #blocCreerCompte #btnCreerCompte { display: block; width: 199px; height: 23px; font-size: 11px; margin-left: 35px; background: transparent url(/fr/images/btnCreerCompte.gif) no-repeat; text-align: center; line-height: 22px; text-decoration: none; color: #000; margin-bottom: 20px;} #blocCreerCompte .mini {padding-left: 35px;} #blocInfosNominatives { width: 750px; background-color: #fff; position: absolute; left: 100px; top: 200px; border: 2px #83797c solid; padding: 10px; font-size: 10px;} #blocInfosNominatives p {margin-bottom: 5px; text-align: justify;} #blocInfosNominatives a.fermer {float: right;} #blocInfosNominatives h2 {font-size: 14px; margin-bottom: 10px;} /******************* Adresses */ #pageCoordonnees #mainContent h2 {color: #7f787b; font-size: 20px; margin-bottom: 12px;} #pageAccueilCompte #mainContent h2 span {color: #000;} #blocRecap { width: 865px; height: 250px; padding: 12px 40px 12px 40px; position: relative; background: transparent url(/fr/images/bgCoord.gif) no-repeat; margin-bottom: 10px;} #blocRecap h3 {font-size: 12px; margin-bottom: 5px;} #blocRecap table {width: 400px; margin-bottom: 10px;} #blocRecap table th { color: #7f787b; text-align: right; padding-right: 12px; width: 100px; font-weight: normal; background: transparent url(/fr/images/flecheCoord.gif) no-repeat 108px 7px;} #blocRecap table th, #blocRecap table td {line-height: 20px; font-size: 11px;} #blocRecap table td {padding-left: 10px;} #blocFacturation, #blocLivraison {float: left; position: relative;} #pageCommande #blocFacturation, #pageCommande #blocLivraison {top: -8px;} #blocLivraison {width: 400px;} #blocFacturation {padding-right: 60px; width: 400px;} #blocLivraison select {float: right; font-size: 10px;} #btnAdresse { display: block; width: 220px; height: 23px; line-height: 22px; background: transparent url(/fr/images/btnAdresse.gif) no-repeat; font-size: 10px; color: #000; text-decoration: none; float: right; text-align: center; padding-left: 10px; position: relative; top: -5px;} #layerAdresses { width: 212px; position: absolute; right: 8px; top: 18px; background: transparent url(/fr/images/bgLayerAdresses.png) no-repeat left bottom; border-top: 1px #fff solid;} #layerAdresses ul {list-style: none; padding-top: 5px; margin-bottom: 5px;} #layerAdresses ul li a { display: block; font-weight: bold; height: 17px; line-height: 17px; padding: 0 15px; text-decoration: none; font-size: 10px; color: #fff;} #layerAdresses ul li a:hover { background: transparent url(/fr/images/flecheBleue.gif) no-repeat 6px 6px; color: #71c6ef;} .btnCreerAdresse { display: block; height: 19px; padding: 3px 0 3px 22px; font-size: 10px; margin: 0 15px; color: #fff; text-decoration: none; line-height: 18px; border-top: 1px #fff solid; background: transparent url(/fr/images/btnCreerAdresse.png) no-repeat 0 3px;} #pageCoordonnees .lineCheck {padding-left: 200px; padding-bottom: 10px;} #pageCoordonnees .lineCheck label {font-size: 10px;} .lineSubmit {text-align: center; padding: 10px 0;} #pageCommande #blocRecap {padding: 20px 40px;} #pageCommande .tableTotal {margin-right: 45px; margin-bottom: 10px;} #pageCommande #btnValiderPanier {float: right; margin-right: 45px; margin-bottom: 20px;} #confirmation {text-align: center; padding: 60px 0;} #confirmation p {margin-bottom: 15px;} /********** retrouver son mot de passe */ #pageMotdepasse #blocSearchMail p {margin-top: 8px;} #jsErreurPays { background-color: #cc0000; color: #fff; font-weight: bold; text-align: center; padding: 3px;} /*****************************************************************************************/ /* Compte client */ /*****************************************************************************************/ #pageAccueilCompte #mainContent h2, #pageAccueilCompte #blocRecap h3 {color: #7f787b; font-size: 20px; margin-bottom: 12px;} #pageAccueilCompte #blocRecap { height: 100px; background: transparent url(/fr/images/bgRecapCompte.gif) no-repeat left bottom; margin-bottom: 10px;} #blocDonneesPerso, #blocMesCommandes {float: left; width: 430px;} #pageAccueilCompte #blocRecap ul {list-style: none; padding-top: 5px;} #pageAccueilCompte #blocRecap ul li { background: transparent url(/fr/images/flecheRecap.gif) no-repeat 0 6px; padding-left: 12px; line-height: 20px;} #pageAccueilCompte #blocRecap ul li a {color: #000; text-decoration: none; font-weight: bold;} #pageAccueilCompte #blocRecap ul li a:hover {text-decoration: underline;} .btnNewsletter { display: block; width: 598px; height: 27px; margin-top: 10px; line-height: 26px; background: transparent url(/fr/images/btnNewsletter.gif) no-repeat; margin-left: 180px; text-align: center; color: #000; text-decoration: none; font-weight: bold; margin-bottom: 20px;} .btnNewsletter:hover {text-decoration: underline;} /*********** créer son compte */ #pageCreerCompte .lineNewsletter, #pageModifierCompte .lineNewsletter {text-align: center; padding-top: 10px;} #pageCreerCompte #colFormA, #pageModifierCompte #colFormA {width: 410px;} #pageCreerCompte #colFormA label, #pageCreerCompte #colFormB label, #pageModifierCompte #colFormA label, #pageModifierCompte #colFormB label {width: 170px;} #pageCreerCompte #colFormB {padding-top: 30px;} #pageModifierCompte #colFormB {padding-top: 30px;} #blocMDP { width: 578px; margin-left: 178px; background: transparent url(/fr/images/bgBlocMDP.gif) no-repeat; text-align: center; padding: 10px;} #blocMDP h2 {font-size: 12px; margin-bottom: 3px;} #blocMDP p {font-size: 10px; margin-bottom: 20px;} #blocMDP .lineForm {text-align: left; padding-bottom: 10px;} #blocMDP .lineForm label {text-align: right; display: block; line-height: 23px; width: 290px;} #blocMDP .lineForm input { width: 168px; height: 19px; border: 0; padding: 4px 10px 0 10px; background: transparent url(/fr/images/bgChpMdp.gif) no-repeat;} #blocMDP #submitter { margin: 2px 0 0 0; background-image: url(/fr/images/submitterMDP.gif);} #basMDP { margin-left: 178px; width: 598px; height: 20px; background: transparent url(/fr/images/basBlocMDP.gif) no-repeat;} #pageModifierCompte legend, #numeroClient {padding-left: 130px;} #numeroClient {padding-bottom: 10px; color: #7f787b; font-weight: bold;} #btnChangerMDP { display: block; width: 598px; height: 27px; margin-top: 10px; line-height: 26px; background: transparent url(/fr/images/btnNewsletter.gif) no-repeat; margin-left: 180px; text-align: center; color: #000; text-decoration: none; font-weight: bold; margin-bottom: 20px;} #btnChangerMDP:hover {text-decoration: underline;} #colAdresses {width: 358px; padding-right: 50px;} #layerModifAdresse {width: 500px; background-color: #212121;} #colAdresses, #layerModifAdresse {float: left;} .blocAdresse {width: 358px; margin-bottom: 15px;} .blocAdresse h2 { background: transparent url(/fr/images/titreBlocAdresse.gif) no-repeat; font-size: 12px; padding: 10px 10px 0 10px;} .blocAdresse .zoneTexte { padding: 10px; font-size: 11px; background: transparent url(/fr/images/bgBlocAdresse.gif) repeat-y;} .actionsAdresse { list-style: none; width: 358px; height: 22px; background: transparent url(/fr/images/bgActionsAdresse.gif) no-repeat left bottom;} .actionsAdresse li {float: left; width: 179px; text-align: center;} .actionsAdresse li a { display: block; width: 179px; height: 17px; font-size: 10px; text-decoration: none; text-transform: uppercase; line-height: 16px;} .actionsAdresse li.btnModif a {background: transparent url(/fr/images/btnModif.gif) no-repeat 18px 0; color: #000;} .actionsAdresse li.btnSupp a {background: transparent url(/fr/images/btnSupp.gif) no-repeat 10px 0; color: #fff;} #btnFermerLayerAdresses { display: block; width: 500px; height: 21px; background: transparent url(/fr/images/fermerLayerAdresses.gif) no-repeat;} #btnFermerLayerAdresses span {display: none;} #layerModifAdresse .lineForm {/*height: 30px;*/padding-bottom: 10px;} #layerModifAdresse .lineForm label { text-align: right; display: block; color: #fff; line-height: 23px; width: 200px;} #layerModifAdresse .lineEnregistrer { width: 290px; height: 37px; padding-top: 10px; padding-left: 210px; background: transparent url(/fr/images/bgLineEnregistrer.gif) no-repeat left bottom;} #layerModifAdresse #submitter { width: 159px; background-image: url(/fr/images/btnEnregistrer.gif);} #btnCreerAdresse { width: 210px; height: 22px; display: block; margin: 15px 0 15px 74px; background: transparent url(/fr/images/btnCreerAdresse.gif) no-repeat; text-align: center; line-height: 20px; color: #1a3f01; text-decoration: none;} #recapCommandes { font-size: 11px; border-collapse: collapse; margin-top: 20px; width: 100%;} #recapCommandes th, #recapCommandes td {border: 0; padding: 5px 6px;} #recapCommandes th {text-align: left; color: #7f787b;} #recapCommandes td a { color: #000; display: block; height: 19px; line-height: 19px; text-decoration: none; background: transparent url(/fr/images/pictoPDF.gif) no-repeat; padding-left: 25px;} #recapCommandes td a:hover {text-decoration: underline;} #texteAvoir { border: 1px #aea99f solid; padding: 5px 10px 8px 10px; width: 320px; margin-left: 40px;} #texteAvoir h4 {font-size: 15px; margin-bottom: 3px;} #texteAvoir p {padding: 0 !important;} #texteAvoir p strong {display: inline !important; padding: 0 !important;} #texteAvoir label { font-size: 11px; font-weight: bold; display: block; float: left; text-align: right; padding-right: 5px; width: 110px;} /* Page avoirs */ #recapAvoirs { font-size: 11px; border-collapse: collapse; margin-top: 20px; width: 100%;} #recapAvoirs th, #recapAvoirs td {border: 0; padding: 5px 6px;} #recapAvoirs th {text-align: left; color: #7f787b;} #recapAvoirs td a { color: #000; display: block; height: 19px; line-height: 19px; text-decoration: none; background: transparent url(/fr/images/pictoPDF.gif) no-repeat; padding-left: 25px;} #recapAvoirs td a:hover {text-decoration: underline;} .avoirMontant { text-align: right !important; padding-right: 20px !important;} #sommeAvoir {background-color: #837b7f; color: #fff; font-weight: bold; padding: 2px 5px;} /*******************************************************/ /* FAQ */ /*******************************************************/ .introFaq {font-size: 14px; margin-bottom: 20px;} .themeFaq {margin-bottom: 15px;} .themeFaq h2 a { display: block; background: #81777a url(/fr/images/puceFaq.gif) no-repeat 5px 5px; font-size: 16px; color: #fff; text-decoration: none; padding: 5px 5px 5px 30px; margin-bottom: 10px;} .themeFaq ul {list-style: none; padding: 0 15px 10px 15px;} .themeFaq ul li a { display: block; background: transparent url(/fr/images/flecheNoire.gif) no-repeat 0 3px; text-decoration: none; color: #000; padding-left: 10px; margin-bottom: 5px;} .themeFaq ul li a:hover {font-weight: bold; color: #7f787b;} .reponse { width: 927px; background: transparent url(/fr/images/bgReponse.gif) no-repeat; padding-top: 10px; margin-bottom: 10px;} .reponse .zoneTexte { background: transparent url(/fr/images/basReponse.gif) no-repeat left bottom; padding: 0 12px 12px 12px;} .reponse .btnFermer { display: block; background-image: none; margin: 0 12px 15px 15px; padding: 0; float: right; font-weight: bold; text-decoration: none; color: #000; font-size: 10px;} /*************************************************************************************/ /* Corporate */ /*************************************************************************************/ #listeMarques {list-style: none;} #listeMarques li {float: left; margin-right: 4px; width: 191px; height: 370px;} #listeMarques li a {text-indent: -5000px; overflow: hidden; display: block; height: 20px;} #listeMarques li a.lnkMarque { display: block; width: 181px; height: 143px; text-align: justify; text-indent: 0; font-size: 10px; color: #fff; text-decoration: none; padding: 200px 5px 0 5px;} #listeMarques li#marquePhytomer {background: transparent url(/fr/images/marquePhytomer.jpg) no-repeat;} #listeMarques li#marqueFleurs {background: transparent url(/fr/images/marqueFleurs.jpg) no-repeat;} #listeMarques li#marquePhytoceane {background: transparent url(/fr/images/marquePhytoceane.jpg) no-repeat;} #listeMarques li#marqueVieCollection {background: transparent url(/fr/images/marqueVieCollection.jpg) no-repeat;} #listeMarques li#marqueEquavie {background: transparent url(/fr/images/marqueEquavie.jpg) no-repeat;} #btnAcheterMarque { display: block; width: 114px; height: 23px; float: right; line-height: 21px; margin: 25px 20px 0 0; background: transparent url(/fr/images/btnEnvoyer.gif) no-repeat !important; color: #093f00; font-weight: bold; text-decoration: none;text-align: center; padding: 0 0 3px 0 !important;} .pageMarques #mainContent {position: relative;} .pageMarques #mainContent p {margin-bottom: 10px;} #pageMarquePhytomer #mainContent { height: 810px; background: transparent url(/fr/images/bgMarquePhytomer.jpg) no-repeat left bottom;} #pageMarqueVieCollec #mainContent { height: 751px; background: transparent url(/fr/images/bgMarqueVieCollec.jpg) no-repeat left bottom;} #pageMarqueFleurs #mainContent { height: 800px; background: transparent url(/fr/images/bgMarqueFleurs.jpg) no-repeat left bottom;} #pageMarquePhytoceane #mainContent { height: 875px; background: transparent url(/fr/images/bgMarquePhytoceane.jpg) no-repeat left bottom;} #pageMarqueEquavie #mainContent { height: 790px; background: transparent url(/fr/images/bgMarqueEquavie.jpg) no-repeat left bottom;} #pageMarqueEquavie #mainContent h3 { font-size: 18px; text-align: center; color: #fff; padding-top: 18px; width: 984px; height: 62px; background-color: #6c2041; font-weight: normal; margin-left: -4px;} #pageMarqueFleurs #mainContent h1, #pageMarqueEquavie #mainContent h1 {display: none;} #pageMarqueFleurs #mainContent h3 { background: transparent url(/fr/images/sloganFleurs.gif) no-repeat; width: 566px; height: 46px; margin-left: 15px;} #pageMarqueFleurs #ariane {background-color: transparent;} #blocPhytomerA, #blocPhytomerB, #blocPhytomerC {position: absolute;} #blocPhytomerA {width: 595px; color: #fff; font-size: 12px; left: 20px; top: 120px;} #blocPhytomerB {width: 320px; left: 647px; top: 180px;} #blocPhytomerC {width: 930px; left: 35px; top: 610px;} #blocPhytomerB, #blocPhytomerC {color: #072666; font-size: 11px; text-align: justify; line-height: 14px;} #blocPhytomerB h2, #blocPhytomerC h2 { font-size: 12px; border-bottom: 1px #00cafe solid; margin-bottom: 10px; text-align: left; padding-bottom: 2px;} #blocVieA, #blocVieB, #blocVieC { width: 305px; float: left; margin-top: 320px; padding-left: 15px; color: #fff; line-height: 18px; text-align: justify; padding-top: 34px;} #blocVieA h2, #blocVieB h2, #blocVieC h2, #blocFleursA h2, #blocFleursB h2, #blocFleursC h2, #blocEquavieA h2, #blocEquavieB h2, #pageMarqueFleurs #mainContent h3 span {display: none;} #blocVieA {background: transparent url(/fr/images/titreVieA.gif) no-repeat 15px 0;} #blocVieB {background: transparent url(/fr/images/titreVieB.gif) no-repeat 15px 0;} #blocVieC {background: transparent url(/fr/images/titreVieC.gif) no-repeat 15px 0;} #blocPhytoceaneA {margin-top: 255px;} #blocPhytoceaneA, #blocPhytoceaneB, #blocPhytoceaneC, #blocPhytoceaneD { text-align: justify; color: #18a6c2; margin-left: 35px; width: 635px; line-height: 18px; margin-bottom: 10px;} #blocPhytoceaneA h2, #blocPhytoceaneB h2, #blocPhytoceaneC h2, #blocPhytoceaneD h2 { font-size: 14px; color: #992136; padding-left: 36px; height: 20px; background: transparent url(/fr/images/puceTitrePhytoceane.gif) no-repeat 0 5px;} #introFleurs {margin-bottom: 30px;} #introFleurs, #blocFleursA, #blocFleursB, #blocFleursC {color: #960055; margin-left: 15px;} #blocFleursA, #blocFleursB, #blocFleursC {padding-top: 25px; margin-bottom: 30px;} #introFleurs {margin-top: 230px;} #blocFleursA {background: transparent url(/fr/images/titreFleursA.gif) no-repeat;} #blocFleursB {background: transparent url(/fr/images/titreFleursB.gif) no-repeat;} #blocFleursC {background: transparent url(/fr/images/titreFleursC.gif) no-repeat;} #introEquavie, #blocEquavieA, #blocEquavieB {color: #5d1f40; text-align: justify; line-height: 18px; padding-left: 60px; width: 495px; padding-right: 20px;} #blocEquavieA {padding-top: 55px;} #blocEquavieB {padding-top: 75px;} #blocEquavieA {background: transparent url(/fr/images/titreEquavieA.gif) no-repeat;} #blocEquavieB {background: transparent url(/fr/images/titreEquavieB.gif) no-repeat;} #introEquavie {font-size: 15px; margin-top: 105px;} .chapo {font-size: 12px;} #lnkMarque { width: 468px; height: 49px; list-style: none; position: absolute; padding: 10px 0 0 15px;} #lnkMarque li a { display: block; font-size: 12px; text-decoration: none; height: 19px; padding-left: 25px; line-height: 19px;} #pageMarquePhytomer #lnkMarque {background: transparent url(/fr/images/bgLnkPhytomer.gif) no-repeat; left: 35px; top: 745px;} #pageMarquePhytomer #lnkMarque li a {background: transparent url(/fr/images/puceLnkPhytomer.gif) no-repeat; color: #072979;} #pageMarqueVieCollec #lnkMarque {background: transparent url(/fr/images/bgLnkVie.gif) no-repeat; top: 675px; left: 15px; width: 510px;} #pageMarqueVieCollec #lnkMarque li a {background: transparent url(/fr/images/puceLnkVie.gif) no-repeat; color: #fff;} #pageMarqueFleurs #lnkMarque {background: transparent url(/fr/images/bgLnkFleurs.gif) no-repeat; top: 705px; left: 15px;} #pageMarqueFleurs #lnkMarque li a {background: transparent url(/fr/images/puceLnkFleurs.gif) no-repeat; color: #960055;} #pageMarquePhytoceane #lnkMarque {background: transparent url(/fr/images/bgLnkPhytoceane.gif) no-repeat; top: 810px; left: 38px;} #pageMarquePhytoceane #lnkMarque li a {background: transparent url(/fr/images/puceLnkPhytoceane.gif) no-repeat; color: #3e9eb6;} #pageMarqueEquavie #lnkMarque { background: transparent url(/fr/images/bgLnkEquavie.gif) no-repeat; top: 750px; left: 278px; width: 400px; height: 35px; padding-top: 8px; padding-left: 78px;} #pageMarqueEquavie #lnkMarque li a { background: transparent url(/fr/images/puceLnkEquavie.gif) no-repeat; color: #5d1f40; line-height: 15px;} #pageMarqueEquavie #mainContent {padding-bottom: 10px;} /*************************************************************************************/ /* Spa */ /*************************************************************************************/ .pageSpa #mainContent h1 {display: none;} #pageAccueilSpa #mainContent {background: transparent url(/fr/images/bgPageSpa.jpg) no-repeat 0 30px;} #pageSoinsSpa #mainContent {background: transparent url(/fr/images/bgPageSpa2.jpg) no-repeat 0 30px;} .pageSpa #mainContent h2 { font-size: 23px; font-weight: normal; color: #6c6469; margin: 80px 0 8px 20px;} #pageAccueilSpa #mainContent h3 { margin: 0 0 15px 20px; color: #3a7dda; font-weight: normal; text-transform: uppercase; line-height: 15px; width: 665px; font-size: 12px;} #btnVisiteSpa { display: block; height: 23px; padding-left: 30px; color: #60585e; background: transparent url(/fr/images/btnVisiteSpa.gif) no-repeat; font-size: 11px; font-weight: bold; text-decoration: none; line-height: 23px; margin-left: 20px; margin-bottom: 15px;} #introSpa { line-height: 15px; text-align: justify; width: 660px; margin: 0 0 25px 20px;} #pageAccueilSpa #introSpa {text-transform: uppercase; margin: 0 0 165px 20px;} #pageSoinsSpa #introSpa {margin: 0 0 335px 20px;} #pageAccueilSpa #mainContent p.margePara { margin: 0 0 15px 20px; font-size: 11px; line-height: 14px; width: 680px; text-align: justify;} #blocInfoSpa {border-top: 1px #7f787b solid; margin: 0 15px 0 15px; width: 946px; padding-top: 10px;} #blocInfoSpa p {margin-bottom: 10px;} #blocInfoSpa #lnkSpa, #blocInfoSpa #colTextes {float: left;} #lnkSpa { background: transparent url(/fr/images/basLnkSpa.gif) no-repeat left bottom; width: 253px; padding-bottom: 15px; margin: 0 60px;} #blocInfoSpa ul { list-style: none; width: 233px; background: transparent url(/fr/images/bgLnkSpa.gif) no-repeat; padding: 15px 0 0 20px;} #blocInfoSpa ul li a { color: #7f787b; text-decoration: none; padding-left: 10px; line-height: 18px; text-transform: uppercase; background: transparent url(/fr/images/flecheNoire.gif) no-repeat 0 3px;} #pageAccueilSpa #blocInfoSpa ul li#lnkA {display: none;} #colTextes {width: 550px;} #colTextes p {font-size: 10px !important; line-height: 13px !important; color: #807b7f;} #colTextes p strong {display: block;} #listeVideos {list-style: none; width: 246px; position: absolute; right: 20px; top: 170px;} #listeVideos li {margin-bottom: 4px;} #listeVideos li img {border: 0;} #layerVideos { width: 956px; height: 640px; position: absolute; left: 4px; top: 150px; background: transparent url(/fr/images/bgLayerVideos.png) no-repeat; padding: 10px; color: #fff; z-index: 50;} #layerVideos p {text-align: center; margin-bottom: 10px;} #choixVideo {list-style: none;} #choixVideo li {float: left; width: 20%; text-align: center;} #choixVideo li img {display: block; border: 0; margin: 10px auto 0 auto;} #choixVideo li a {display: block; color: #999; text-decoration: none;} #choixVideo li a:hover {color: #fff; font-weight: bold;} #choixVideo li a:hover img {border: 1px #fff solid;} .layerVideo, #layerVideoDefault { width: 862px; height: 492px; border: 1px #fff solid; margin-left: 46px; margin-bottom: 12px; z-index: 1000;} #layerVideoDefault {background: transparent url(/fr/images/video.jpg) no-repeat;} .fermerVideo { display: block; width: 17px; height: 17px; position: absolute; right: 10px; top: 10px; background: transparent url(/fr/images/btnFermerLayer.png) no-repeat;} .fermerVideo span {display: none;} #blocsSoins { position: absolute; left: 0; top: 330px; width: 703px;} #blocFemme, #blocHomme {width: 344px; position: absolute; top: 0; padding-top: 269px;} #blocFemme h3, #blocHomme h3 {display: none;} #blocFemme {background: transparent url(/fr/images/visuelSoinsElle.jpg) no-repeat; left: 10px;} #blocHomme {background: transparent url(/fr/images/visuelSoinsLui.jpg) no-repeat; right: 0;} .menu {list-style: none; background-color: #2f2421; width: 344px; height: 23px;} .menu li {float: left; width: 33%; text-align: center; position: relative;} .menu li a { display: block; height: 23px; line-height: 22px; text-decoration: none; color: #b1aa9e; background-color: #2f2421;} .menu li a:hover {background-color: #7f787b; color: #fff;} .menu ul { width: 160px; background: transparent url(/fr/images/sousMenuSpa.png) no-repeat left bottom; position: absolute; left: 0; top: 23px; padding: 10px 0; z-index: 50; list-style: none; border-top: 1px #fff solid;} .menu ul li {float: none; width: auto !important; text-align: left;} .menu ul li a { text-transform: uppercase; font-weight: bold; height: 17px; line-height: 17px; font-size: 10px; color: #fff; background-color: transparent; padding: 0 0 0 15px;} .menu ul li a:hover { background: transparent url(/fr/images/flecheBleue.gif) no-repeat 6px 6px; color: #71c6ef;} #pageSoinsSpa #mainContent h6 {font-size: 14px; padding: 20px 0 5px 10px;} #pageSoinsSpa #mainContent .zoneTexte {padding: 0 0 20px 10px;} #pageSoinsSpa #mainContent h5 { font-size: 14px; font-weight: normal; text-transform: uppercase; padding: 10px 0 0 20px; height: 40px;} #pageSoinsSpa #mainContent h5 span, #pageSoinsSpa #mainContent h5 img {float: left;} #pageSoinsSpa #mainContent h5 img {margin: -12px 0 0 10px;} .afficheSoin { width: 693px; margin: 0 0 10px 10px; background: transparent url(/fr/images/bgBlocSoin.gif) no-repeat left bottom;} .afficheSoin h4 { font-size: 14px; font-weight: normal; text-transform: uppercase; background: transparent url(/fr/images/bgTitreSoin.gif) no-repeat left top; padding: 12px 18px 10px 18px;} .afficheSoin .zoneTexte {padding: 0 18px 10px 18px; font-size: 10px; line-height: 14px;} .afficheSoin img {float: right; margin: 10px;} /****************** plan du site */ .colPlan {width: 210px; float: left; padding: 0 15px;} .colPlan h2 {color: #7f787b; font-size: 12px; margin-bottom: 10px;} .colPlan ul {list-style: none;} .colPlan ul li {margin-bottom: 5px;} .colPlan ul li a {color: #000; text-decoration: none;} .colPlan ul li a:hover {font-weight: bold; text-decoration: underline;} #pageMentions #mainContent, #pageCGV #mainContent {width: 944px; padding: 0 20px 5px 20px;} #pageMentions #mainContent p, #pageCGV #mainContent p, #popup p {margin-bottom: 10px; text-align: justify;} #pageMentions #mainContent h2, #pageCGV #mainContent h2, #popup h2 { color: #7f787b !important; text-transform: uppercase !important; margin-bottom: 10px !important; font-size: 12px !important;} #pageCGV #mainContent h3, #popup h3 {font-size: 14px !important;} #popup { background-color: #fff; border: 2px #554e52 solid; padding: 15px; width: 920px; height: 500px; overflow: auto; position: absolute; left: 15px; top: 125px;} #popup a {float: right !important;} #popupQuestion { width : 400px; z-index: 5000; padding: 15px; text-align: center; background-color: #fff; border: 2px #2f2421 solid; position: absolute; left: 260px; top: 200px;} #popupQuestion h3 {font-size: 15px; margin-bottom: 15px;} #popupQuestion fieldset {border: 0;} #popupQuestion ul {list-style: none;} #popupQuestion ul li { border: 1px #eee solid; padding: 5px 0; margin-bottom: 10px; float: left; text-align: center;} #popupQuestion ul li a { display: block; width: 180px; height: 30px; padding: 60px 0 0 0; text-decoration: none; font-weight: bold; color: #807a7e;} #popupQuestion ul li#vacSoleil a {background: transparent url(../../images/soleil.gif) no-repeat 70px 10px; } #popupQuestion ul li#vacMontagne a {width: 200px; background: transparent url(../../images/montagne.gif) no-repeat 80px 10px;} #popupQuestion ul li#vacMontagne {margin-right: 15px;} #btnFermerVac {float: right; font-size: 10px; padding-bottom: 10px; color: #807a7e;}