* { margin: 0; padding: 0; }
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}
sup {line-height: 80%; font-size: 80%;}

body {
   background: transparent url(../../images/bgBody.jpg) repeat-x; color: #142869;
   font-family: "Arial", Trebuchet MS, Verdana, sans-serif; font-size: 12px;}

html {
   background: url(../../images/fond.jpg) no-repeat top #ffffff;
   background-attachment: fixed;}

a {color: #e4007a;}

input,
select,
textarea {
    font-family: "Arial", Trebuchet MS, Verdana, sans-serif;
    font-size: 11px; color: #142869;}

#allContent {width: 986px; margin: auto;}

#enTete {
   width: 986px; height: 106px; position: relative;
   background: transparent url(../../images/bgEntete.jpg) no-repeat left top;}

#logo {display: block; width: 248px; height: 74px; position: relative; top: 18px; left: 20px;}
#logo img {border: 0;}

#enTete ul#elements {list-style: none; position: absolute; top: 50px; left: 520px;}
#enTete ul#elements li {float: left; padding-right: 20px;}
#enTete ul#elements li a {color: #0e226b; display: block; font-size: 10px; height: 13px; text-decoration: none;}
#enTete ul#elements li#lnkBoutique a {background: transparent url(../../images/pictoBoutique.png) no-repeat 0 2px; padding-left: 16px;}
#enTete ul#elements li#lnkNewsletter a {background: transparent url(../../images/pictoNewsletter.png) no-repeat 0 3px; padding-left: 19px;}

#enTete ul#elements li#zoneSearch,
#enTete ul#elements li#lnkLangue {padding-right: 0;}

/* langues */   

.selectmenu {background: transparent url(../../images/flecheLangue.png) no-repeat 70px 5px;}
    
.selectmenu dd, 
.selectmenu dt, 
.selectmenu ul {margin: 0; padding: 0;}

.selectmenu dd {position:relative;}
/* DT styles for sliding doors*/ 
.selectmenu dt a {display: block; width: 70px;}
.selectmenu dt a:after {}
.selectmenu dt a span {cursor: pointer; display: block; padding: 5px;}

.flag-fr a {background: transparent url(../../images/flags/fr.png) no-repeat 0 2px; padding-left: 21px;}
.flag-en a {background: transparent url(../../images/flags/gb.png) no-repeat 0 2px; padding-left: 21px;}
.flag-it a {background: transparent url(../../images/flags/it.png) no-repeat 0 2px; padding-left: 21px;}
.flag-es a {background: transparent url(../../images/flags/es.png) no-repeat 0 2px; padding-left: 21px;}

/* UL styles */
.selectmenu dd ul {
   display: none; list-style: none;
   position: absolute; left: 0; top: 5px; z-index: 8000;
   width: auto; min-width: 100px;}
.selectmenu span.value {display: none;}
.selectmenu dd ul li {margin-bottom: 5px;}
.selectmenu dd ul li a {display: block;}

/************ Bloc recherche */

#blocRecherche {
   width: 160px; height: 22px; border: 0; position: relative;
   background: transparent url(../../images/bgRecherche.png) no-repeat;}
#blocRecherche input#q {background-color: transparent; width: 130px; margin-left: 5px; border: 0;}
#blocRecherche input#btnLoupe {position: relative; top: 4px; cursor: pointer;}
#blocRecherche .placeholder {padding: 1px 6px 0 6px !important;}

#mainContent {
   border-left: 1px #d1d8e3 solid;
   border-right: 1px #d1d8e3 solid;
   width: 984px; position: relative;
   padding: 44px 0 20px 0;
   background-color: #fff; min-height: 485px;}

#pageFicheProduit #mainContent {height: 485px;}

/**************************************************************/
/*                                               Page accueil */
/**************************************************************/

#zoneVisuelle {width: 984px; height: 440px; position: relative;}

/**************************************************************/
/*                                                     Ariane */
/**************************************************************/

.ariane {list-style: none; height: 26px; padding-left: 30px; line-height: 27px; background-color: #f1f4f7; margin-bottom: 16px;}
.ariane li {float: left; font-size: 11px; color: #989eb2; padding-right: 2px;}
.ariane li a {color: #566185; text-decoration: none;}

/**************************************************************/
/*                                                     Footer */
/**************************************************************/

#footer {
   width: 954px; height: 28px; padding: 14px 15px 0 15px; border-top: 1px #d1d8e3 solid;
   background: #0d216b url(../../images/bgFooter.jpg) repeat-x;
   color: #6874a0; font-size: 11px; border-left: 1px #d1d8e3 solid;
   border-right: 1px #d1d8e3 solid;}
#footer a {
   color: #0e226b; text-decoration: none; padding: 0 17px 0 13px; 
   background: transparent url(../../images/filetFooter.gif) no-repeat right;}
#footer a.fancybox {background-image: none;}

.facebook {float: right; width: 82px; height: 20px;}

#descriptif .facebook {margin-top: 10px;}

/**************************************************************/
/*                                              Référencement */
/**************************************************************/

#blocRef {
   width: 926px; height: 25px; color: #a0acc9; font-size: 10px;
   background: #0d216b url(../../images/bgBlocRef.jpg) repeat-x;
   padding: 12px 30px 0 30px; }

/**************************************************************/
/*                                                      Gamme */
/**************************************************************/

#colGauche,
#colDroite {float: left;}

#colGauche {/*width: 314px;*/ width: 290px; margin: 0 15px 0 25px; min-height: 320px;}
#colDroite {/*width: 620px;*/ width: 644px;}

/*#pageFicheProduit #colGauche {width: 290px;}
#pageFicheProduit #colDroite {width: 644px;}*/

/*********** Bloc description de la gamme ****/

#blocDescGamme {
   background: transparent url(../../images/blocDescGammeBg.png) no-repeat left bottom;
   width: 290px; height: 237px; margin-bottom: 3px;}
#blocDescGamme h2 {
   width: 262px; padding: 16px 14px 0 14px; height: 53px;
   background: transparent url(../../images/blocDescGammeTitre.png) no-repeat;
   font-size: 12px; text-transform: uppercase; color: #fff;}
#blocDescGamme h2 span {display: block; font-size: 11px; font-weight: normal;}
#blocDescGamme .zoneTexte {
   color: #142869; font-size: 11px; line-height: 15px; margin: 5px 10px 0 0;
   padding: 0 15px 10px 15px; width: 252px; height: 134px; overflow: auto;}

/********************* Bloc soin associé ****/

#blocSoinAssocie {
   background: transparent url(../../images/blocSoinAssocieBg.png) no-repeat;
   width: 290px; height: 118px;}
#blocSoinAssocie .zoneTexte {
   font-style: italic; color: #7385ab; font-size: 11px;
   padding: 15px 14px 0 14px; line-height: 14px; height: 102px; overflow: hidden;}
#blocSoinAssocie img {float: right;}
#blocSoinAssocie h3 {font-size: 11px; color: #142869; font-style: normal;}
#blocSoinAssocie h3 span {display: block; text-transform: uppercase; font-size: 12px; padding-bottom: 5px;}
#blocSoinAssocie h4 {font-size: 11px; color: #7385ab; font-style: normal;}
#blocSoinAssocie a.lnkSavPlus {
   display: block; width: 106px; height: 17px; line-height: 17px; padding-left: 8px;
   background: transparent url(../../images/bgLnkSavPlus.png) no-repeat; font-style: normal;
   font-size: 10px; color: #fff; text-transform: uppercase; text-decoration: none; margin-top: 8px;}
.piedBlocSoinAssocie {
   background: transparent url(../../images/blocSoinAssocieBas.png) no-repeat left bottom;
   width: 290px; height: 15px;}

/******************** Introduction gamme ****/

#introGamme {width: 690px; height: 100px;}
#introGamme h1 {font-size: 14px; text-transform: uppercase; color: #142869; margin-bottom: 5px;}
#introGamme .zoneTexte {font-size: 11px; color: #7385ab; line-height: 14px;}

#colDroite #introGamme {height: 80px; padding-top: 2px; width: 600px;}

/***************************** Carrousel ****/

/*#carrousel {width: 600px; background-color: pink;}*/

#pageGamme #carrousel {height: 300px;}
#pageSousGamme #carrousel {height: 234px; margin-top: 5px;}

/**************************************************************/
/*                                                 Sous Gamme */
/**************************************************************/

#pageSousGamme #mainContent {padding-bottom: 35px;}

/********************* Bloc programme beauté ****/

.blocProgBeaute {margin-right: 10px;}
.blocProgBeaute .zoneTexte {
   font-style: italic; color: #7385ab; font-size: 11px;
   padding: 16px 14px 0 14px; line-height: 14px;}
.blocProgBeaute img {float: right; margin-left: 10px;}
.blocProgBeaute h3 {font-size: 11px; color: #142869; font-style: normal;}
.blocProgBeaute h3 span {display: block; text-transform: uppercase; font-size: 12px; padding-bottom: 5px;}
.blocProgBeaute p {font-size: 11px; color: #7385ab; font-style: normal;}
.blocProgBeaute a.lnkSavPlus {
   display: block; width: 106px; height: 17px; line-height: 17px; padding-left: 8px;
   background: transparent url(../../images/bgLnkSavPlus.png) no-repeat; font-style: normal;
   font-size: 10px; color: #fff; text-transform: uppercase; text-decoration: none; margin-top: 8px;}
.piedBlocProgBeaute {height: 15px;}

.un {width: 610px;}
.deux {width: 300px; float: left;}

.un .zoneTexte {background: transparent url(../../images/blocProgBeauteBgUn.png) no-repeat;}
.deux .zoneTexte {background: transparent url(../../images/blocProgBeauteBg.png) no-repeat;}

.un .piedBlocProgBeaute {
   background: transparent url(../../images/blocProgBeauteBasUn.png) no-repeat left bottom;
   width: 610px;}
.deux .piedBlocProgBeaute {
   background: transparent url(../../images/blocProgBeauteBas.png) no-repeat left bottom;
   width: 300px; }

#pageConseilBeaute .un {width: 399px;}
#pageConseilBeaute .un .zoneTexte {background: transparent url(../../images/blocProgBeauteBgCons.png) no-repeat;}
#pageConseilBeaute .un .piedBlocProgBeaute {
   background: transparent url(../../images/blocProgBeauteBasCons.png) no-repeat left bottom;
   width: 399px;}

/**************************************************************/
/*                                              Fiche produit */
/**************************************************************/

#slides #zoom-visuel {display: block; width: 230px; height: 390px; float: left; margin-right: 15px; position: relative;}
#slides #zoom-visuel img {/*width: 129px; height: 233px;*/ width: 230px; height: 390px; border: 0;}

#slides .zoneTexte {width: 310px; padding-right: 10px; font-size: 11px; float: left;}
#slides .zoneTexte h1 {font-size: 14px; text-transform: uppercase; padding-top: 30px;}
#slides .zoneTexte h2 {font-size: 11px; text-transform: uppercase; font-weight: normal; margin-bottom: 10px;}
#slides .zoneTexte ul {list-style-position: inside; margin-bottom: 5px;}
#slides .zoneTexte .nb {color: #7385ab;}

#slides #lnk-outils {list-style: none; width: 99px; height: 26px; float: right;}
#slides #lnk-outils li {float: left; margin-right: 7px;}
#slides #lnk-outils li a {
   display: block; width: 26px; height: 26px;
   text-indent: -5000px; overflow: hidden;}
#slides #lnk-outils li#lnk-print a {background: transparent url(../../images/lnk-print.gif) no-repeat;}
#slides #lnk-outils li#lnk-download a {background: transparent url(../../images/lnk-download.gif) no-repeat;}
#slides #lnk-outils li#lnk-send a {background: transparent url(../../images/lnk-send.gif) no-repeat;}

#slides #lnk-services {list-style: none; margin-top: 10px; height: 64px;}
#slides #lnk-services li {float: left;}
#slides #lnk-services li a {display: block; height: 32px; line-height: 32px; text-align: center; text-decoration: none; font-weight: bold; color: #142869;}
#slides #lnk-services li#lnk-trouver a {width: 134px; background: transparent url(../../images/lnk-trouver.gif) no-repeat;}
#slides #lnk-services li#lnk-acheter a {width: 125px; background: transparent url(../../images/lnk-acheter.gif) no-repeat;}

#slides #lnk-retour {display: block; width: 310px; text-align: right; color: #142869; font-weight: bold;}

/************ bloc produits associés */

#blocProdAssocies {height: 118px; padding: 15px 15px 0 15px; margin-right: 10px;}
#blocProdAssocies h3 {text-transform: uppercase; font-size: 12px; margin-bottom: 2px;}
#blocProdAssocies p {text-align: center;}
#blocProdAssocies p img {border: 0;}

#pageFicheProduit #blocProdAssocies {width: 260px; background: transparent url(../../images/blocProdAssociesBg.gif) no-repeat;}
#pageFicheProduit #blocProdAssocies p img {margin: 0 15px;}

#pageFicheSoin #blocProdAssocies {width: 288px; background: transparent url(../../images/blocProdAssocBgSoins.gif) no-repeat; float: left;}
#pageFicheSoin #blocProdAssocies p img {margin: 0 8px;}

#pageConseilBeaute #blocProdAssocies {width: 264px; background: transparent url(../../images/blocProdAssociesBgConseils.gif) no-repeat; float: left;}
#pageConseilBeaute #blocProdAssocies p img {margin: 0 10px;}

/************ bloc avis pro */

#blocAvisPro {
   background: transparent url(../../images/blocAvisProBg.gif) no-repeat;
   width: 260px; height: 118px; padding: 15px 15px 0 15px;}
#blocAvisPro h3 {text-transform: uppercase; font-size: 12px;}
#blocAvisPro h4 {text-transform: uppercase; font-size: 11px; font-weight: normal; margin-bottom: 5px;}
#blocAvisPro .zoneTexte {font-size: 11px; color: #7385ab; width: 260px;}

#pageFicheSoin #blocAvisPro {
   background: transparent url(../../images/blocActif.gif) no-repeat;
   width: 576px; height: 117px; float: left; padding: 16px 14px 0 14px;}
#pageFicheSoin #blocAvisPro .zoneTexte {width: 576px;}

/**************************************************************/
/*                                     Résultats de recherche */
/**************************************************************/

#pageResultats #content {margin: 0 25px 0 25px; width: 934px;}
#pageResultats #content h1 {font-size: 14px; padding-bottom: 15px; border-bottom: 2px #d5d8e0 solid; margin-bottom: 20px;}
#pageResultats #content h2 {font-size: 14px; margin-bottom: 15px;}
#pageResultats #content p {margin-bottom: 10px;}

.blocResult {border-bottom: 1px #d5d8e0 solid; width: 285px; min-height: 110px; float: left; margin: 0 10px 10px 10px;}
.blocResult img {float: left; max-width: 96px; margin-right: 14px; border: 0;}
.blocResult h3 {text-transform: uppercase; font-size: 11px;}
.blocResult h3 span {text-transform: none; font-weight: normal;}
.blocResult .zoneTexte {font-size: 11px; padding: 10px 0; width: 170px; float: left;}
.blocResult .lnk-produit,
.blocResult .lnk-soin {
   display: block; height: 17px; line-height: 17px; padding-left: 12px;
   font-size: 9px; color: #fff; text-transform: uppercase; text-decoration: none; margin-top: 8px;}

.blocResult .lnk-produit {width: 130px; background: transparent url(../../images/lnk-produit.gif) no-repeat;}
.blocResult .lnk-soin {width: 110px; background: transparent url(../../images/lnk-soin.gif) no-repeat;}

.blocResult .lnk-produit:hover,
.blocResult .lnk-soin:hover {background-position: 0 -17px;}

/**************************************************************/
/*                                                      Soins */
/**************************************************************/

.pageSoins #content {margin: 0 25px 0 25px; width: 934px; position: relative;}

#pageGammeSoins #introGamme {float: left;}

#pageFicheSoin #content {padding-top: 358px; background-position: 5px 0 !important;}

.blocTheme {
   display: block; border: 1px #dadadc solid; padding: 20px 0 0 0;
   width: 256px; height: 250px; float: left; margin: 0 15px;
   text-decoration: none; text-align: center; position: relative;}
.blocTheme a {text-decoration: none;}
.blocTheme h2 {margin-bottom: 20px;}
.blocTheme h2 a {font-size: 12px; display: block; color: #142869; text-transform: uppercase;}
.blocTheme h3 a {font-size: 11px; font-style: normal; color: #142869;}
.blocTheme a.lnkSoin {
   display: block; width: 116px; height: 17px; line-height: 17px; padding-right: 8px;
   background: transparent url(../../images/lnkSoin.gif) no-repeat;
   color: #fff; margin: 10px auto; text-transform: uppercase; font-size: 9px;}
   
.blocTheme a.visuTheme {display: block; width: 256px; height: 200px; overflow: hidden;}
.blocTheme a.visuTheme img {border: 0; width: 256px; height: 200px; position: absolute; left: 0; bottom: 0;}

.pageSoins .blocTheme h2 {margin-bottom: 5px;}
.pageSoins .blocTheme h3 {margin-bottom: 10px;}

/********************* Bloc statique soin au masculin */

#blocSoinMasculin {
   width: 196px; height: 71px; float: left; margin-left: 15px; margin-bottom: 15px;
   background: transparent url(../../images/blocSoinMasculin.gif) no-repeat;
   padding: 15px; font-size: 11px; font-weight: bold; color: #142869; line-height: 13px;}
#blocSoinMasculin img {float: left; margin-right: 8px;}
#blocSoinMasculin .lnkSavPlus {
   display: block; width: 98px; height: 17px; color: #fff;
   background: transparent url(../../images/lnkSavPlus.gif) no-repeat;
   text-decoration: none; line-height: 17px; float: left; margin-top: 10px;
   text-transform: uppercase; font-size: 9px; padding-left: 10px;}

/************ descriptif soin */

#descriptif {
   width: 392px; height: 161px; padding: 15px 20px;
   background: transparent url(../../images/bgDescriptif.png) no-repeat;
   position: absolute; left: 5px; top: 40px; color: #142869;}
#descriptif .btnRetour {float: right; font-size: 11px; font-weight: bold; text-decoration: none; color: #142869;}
#descriptif h2 {font-size: 12px; text-transform: uppercase; margin-bottom: 15px;}
#descriptif h3 {font-size: 11px; text-transform: uppercase; line-height: 14px; margin-bottom: 10px;}
#descriptif .zoneTexte {font-size: 11px; line-height: 16px; margin-bottom: 10px; width: 400px; height: 100px; overflow : auto;}
#descriptif .lnkTrouver {
   display: block; width: 142px; height: 17px; color: #fff; float: right;
   background: transparent url(../../images/lnkTrouver.png) no-repeat; margin: 10px 0 0 15px;
   text-decoration: none; line-height: 17px; text-transform: uppercase; font-size: 9px; padding-left: 12px;}

/********************* Bloc actif */

.blocActif {
   background: transparent url(../../images/blocActif.gif) no-repeat;
   width: 604px; float: left; height: 133px;}
.blocActif .zoneTexte {
   font-style: italic; color: #7385ab; font-size: 11px;
   padding: 16px 14px 0 14px; line-height: 14px;}
.blocActif img {float: right; margin-left: 10px;}
.blocActif h3 {
   color: #142869; font-style: normal; display: block;
   text-transform: uppercase; font-size: 12px; padding-bottom: 5px;}
.blocActif p {font-size: 11px; color: #7385ab; font-style: normal;}
.blocActif a.lnkSavPlus {
   display: block; width: 125px; height: 17px; line-height: 17px; padding-left: 14px;
   background: transparent url(../../images/lnkDecouvrir.png) no-repeat; font-style: normal;
   font-size: 9px; color: #fff; text-transform: uppercase; text-decoration: none; margin-top: 8px;}

#blocActifAssocie {
   background: transparent url(../../images/blocActifAssocie.gif) no-repeat;
   width: 290px; float: left; height: 133px;}
#blocActifAssocie .zoneTexte {
   font-style: italic; color: #7385ab; font-size: 11px; height: 105px; overflow: hidden;
   padding: 16px 14px 0 14px; line-height: 14px;}
#blocActifAssocie img {float: right; margin-left: 10px;}

#blocActifAssocie h3 {font-size: 11px; color: #142869; font-style: normal; text-transform: uppercase;}
#blocActifAssocie h3 span {display: block;  font-size: 12px; padding-bottom: 5px;}

#blocActifAssocie p {font-size: 11px; color: #7385ab; font-style: normal;}
#blocActifAssocie a.lnkSavPlus {
   display: block; width: 125px; height: 17px; line-height: 17px; padding-left: 14px;
   background: transparent url(../../images/lnkDecouvrir.png) no-repeat; font-style: normal;
   font-size: 9px; color: #fff; text-transform: uppercase; text-decoration: none; margin-top: 8px;}

/**************************************************************/
/*                                           Société Phytomer */
/**************************************************************/

.pageSociete .jFlowSlideContainer .slide {background-position: 30px 40px; height: 441px;}

.jFlowControl {
   display: block; line-height: 25px; width: 208px; height: 26px; margin-right: 18px;
   color: #fff; text-transform: uppercase; text-decoration: none; padding-left: 10px;
   background: transparent url(../../images/version4.png) no-repeat left top; font-size: 11px;
   float: left;}
.jFlowControl:hover,
.jFlowSelected {background-position: 0 -52px;}

.deuxLignes {line-height: 11px; padding-top : 2px; height: 24px;}

.descCorpo {
   width: 380px; padding: 20px 25px 40px 25px; border: 1px #fff solid; height: 130px;
   position: absolute; left: 30px; top: 70px;
   background: transparent url(../../images/bgDescCorpo.png) repeat;}
.descCorpo strong {font-size: 12px; text-transform: uppercase; display: block; margin-bottom: 10px;}
.descCorpo em {font-size: 11px; font-weight: bold; text-transform: uppercase; display: block; font-style: normal; margin-bottom: 5px;}
#slides .descCorpo .shortText,
#slides .descCorpo .text {font-size: 11px; float: none; width: auto; margin-bottom: 25px;}
.descCorpo .lnkLireSuite {
   display: block; width: 89px; height: 17px; color: #fff; text-transform: uppercase; font-size: 10px;
   background: transparent url(../../images/btnLireSuite.png) no-repeat; cursor: pointer;
   text-decoration: none; padding-left: 10px; line-height: 17px; position: absolute; right: 15px; bottom: 15px;}
.descCorpo .lnkClose {
   color: #142869; font-size: 11px; float: right; text-decoration: none;
   background: transparent url(../../images/lnkClose.gif) no-repeat right 4px; padding-right: 14px;}

/**************************************************************/
/*                                         Expertise - Actifs */
/**************************************************************/

.pageActifs #content {margin: 0 25px 0 25px; width: 934px; position: relative;}
/*.pageActifs .blocTheme {height: 290px;}*/
.pageActifs .blocTheme a.lnkSoin {
   display: block; width: 125px; height: 17px; line-height: 17px; padding-left: 5px;
   background: transparent url(../../images/lnkDecouvrir.png) no-repeat; font-style: normal;
   font-size: 9px; color: #fff; text-transform: uppercase; text-decoration: none; margin: 10px auto;}

#pageDetailActif #content {height: 400px;}
#pageDetailActif #descriptif {left: 0;}

/**************************************************************/
/*          Expertise - Production responsable & méthode soin */
/**************************************************************/

.pageExpertise #content {margin: 0 25px 0 25px; width: 934px; position: relative;}
.pageExpertise .jcarousel-container-horizontal {width: 868px; float: left; overflow: hidden;}
.pageExpertise #wrap {margin-bottom: 25px;}

.pageSoins .jcarousel-container-horizontal {width: 868px; float: left; overflow: hidden;}

.pageSoins .blocTheme {height: 250px;}

/**************************************************************/
/*                                            Pages statiques */
/**************************************************************/

#pageMentions #content {padding: 0 30px 0 30px; font-size: 11px;}
#pagePlanSite #content {padding: 0 0 0 30px; font-size: 11px;}
#pageMentions #content h1,
#pagePlanSite #content h1 {font-size: 14px; text-transform: uppercase; margin-bottom: 20px;}
#pageMentions #content h2 {font-size: 12px; margin: 20px 0 10px 0;}
#pageMentions #content p {margin-bottom: 15px; text-align: justify;}
#pageMentions #content p a {color: #142869;}

#pagePlanSite #content h2 {
   background: transparent url(../../images/flecheSousMenu.gif) no-repeat 0 4px;
   padding-left: 8px; font-size: 12px; text-transform: uppercase;}
#pagePlanSite #content h2 a {margin-bottom: 10px; display: block; color: #142869; text-decoration: none;}
#pagePlanSite #content ul {list-style: none; padding-left: 8px; margin-bottom: 20px;}
#pagePlanSite #content ul li {line-height: 22px;}
#pagePlanSite #content ul li a {color: #142869; text-decoration: none;}
#pagePlanSite #content ul li a:hover {text-decoration: underline;}
.colPlan {width: 310px; float: left;}

/**************************************************************/
/*                                              Pages contact */
/**************************************************************/

.mentions {font-size: 10px; line-height: 11px;}

.pageContact #content {padding: 0 10px 0 30px; font-size: 11px;}
.pageContact #content h1 {font-size: 14px; text-transform: uppercase; margin-bottom: 15px;}
.pageContact #content p.intro {margin-bottom: 20px;}
.pageContact #content p.mentions {clear: both; padding: 25px 20px 0 0;}

#pageOuvrirInstitut .mentions {padding: 20px 25px 0 0;}
#pageNousContacter .mentions {padding: 20px 25px 0 0;}
#pageNewsletter .mentions {padding: 0 0 20px 0;}

/**************************************************************/
/*                                           Pages espace pro */
/**************************************************************/

.pageEspacePro #content {padding: 0 10px 0 30px; font-size: 11px;}
.pageEspacePro #content h1 {font-size: 14px; text-transform: uppercase; margin-bottom: 15px;}
.pageEspacePro #content p.intro {margin-bottom: 20px;}

/****** ouvrir un institut */

#blocInfosPerso,
#blocInfosInstitut {float: left; width: 460px; border: 0; margin-bottom: 15px;}

#blocInfosPerso {background: transparent url(../../images/filetForm.gif) repeat-y; padding-bottom: 35px;}
#blocInfosPerso .line-civility {}

.line-radio {width: 460px; padding-bottom: 8px;}
.line-radio p {margin-bottom: 5px;}
.line-radio ul {list-style: none; height: 25px;}
.line-radio ul li {float: left; padding-right: 10px;}
.line-radio input {margin-right: 2px;}
.line-radio label {padding-right: 10px;}

.line-form,
.line-select {width: 460px; margin-bottom: 10px;}
.line-form label,
.line-radio p {font-weight: bold;}
.line-form label {display: block; margin-bottom: 5px;}
.line-form #contact_name_,
.line-form #contact_firstname_ {width: 200px;}
.line-form #contact_address_,
.line-form #contact_address_local_ {width: 390px;}
.line-form #contact_email_ {width: 232px;}
.line-form #contact_zipcode_ {width: 90px; float: left; margin-right: 10px; margin-bottom: 10px;}
.line-form #contact_city_ {width: 130px; float: left; margin-right: 10px; margin-bottom: 10px;}
.line-form #contact_phone1_,
.line-form #contact_phone2_ {width: 110px; float: left; margin-right: 10px;}
.line-form #contact_zipcode_institut_ {width: 90px;}
.line-form #contact_zipcode_local_ {width: 90px; margin-right: 10px;}
#contact_city_local_ {width: 180px; margin-right: 10px;}
#contact_area_local_ {width: 90px;}

.line-select select {font-weight: bold;}

.btnForm {
   text-align: center; color: #fff; text-transform: uppercase; font-weight: bold;
   font-size: 12px; border: 0; height: 22px; cursor: pointer;}
.btnEnvoyer {background: transparent url(../../images/btnEnvoyer.gif) no-repeat; width: 105px;}

#flashAgents {text-align: center; margin-right: 20px;}

/******************* page de confirmation */

#pageConfContact #content,
#pageConfOuvrirInstitut #content,
#pageConfNousContacter #content {text-align: center;}
#blocNumero {
   width: 292px; height: 109px; margin: 0 auto; font-weight: bold;
   background: transparent url(../../images/blocNumeroVert.jpg) no-repeat;
   text-align: left; padding: 40px 0 0 180px;}
#blocNumero strong {position: absolute; text-indent: -5000px; overflow: hidden;}

/******************* nous contacter */

#blocInfos,
#pageNousContacter #blocNumero {float: left; margin-bottom: 15px;}

#blocInfos {
   width: 442px; border: 0; margin-right: 15px;
   background: transparent url(../../images/filetForm.gif) repeat-y right top;}
#blocInfos .line-form {width: 215px; float: left;}
#blocInfos .line-form #contact_name_,
#blocInfos .line-form #contact_firstname_,
#blocInfos .line-form #contact_email_,
#blocInfos .line-form #contact_company_ {width: 200px;}
#blocInfos textarea {width: 415px; height: 140px; margin-bottom: 15px;}
#blocInfos .btnForm {float: right; margin-right: 25px;}

#pageNousContacter #blocNumero {margin-top: 40px;}
#pageNousContacter #blocInfos {margin-right: 10px;}
/*********************** Msg erreurs */

div.validation-failed {
   font-size: 11px; 
   font-weight: bold; display: block; 
   color: #ed1987; margin: 5px 0 5px 0;}

/**************************************************************/
/*                                           Envoyer à un ami */
/**************************************************************/

#html {background-image: none;}

#pagePartager,
#pageConfAmis {padding: 15px; background-color: #fff; background-image: none; border: 1px solid #D1D8E3;}
#pagePartager #allContent,
#pageConfAmis #allContent {width: auto; font-size: 11px; }
#pagePartager h1,
#pageConfAmis h1 {font-size: 14px; text-transform: uppercase; margin-bottom: 15px;}
#pagePartager p.intro,
#pageConfAmis p.intro {margin-bottom: 20px;}
#pagePartager p.mentions {clear: both; padding: 25px 20px 0 0;}
#pagePartager #blocInfos {float: none; margin-bottom: 0; width: auto; margin-right: 0; background-image: none;}
#pagePartager #blocInfos .btnForm {float: none; margin: 15px 0 15px 0;}
#blocInfos .line-form #data_name_,
#blocInfos .line-form #data_firstname_,
#blocInfos .line-form #data_email_ {width: 200px;}

.col-form {width: 50%; float: left;}
.col-form h2 {font-size: 12px; text-transform: uppercase; margin-bottom: 10px;}

/**************************************************************/
/*                                                    Lexique */
/**************************************************************/

.pageLexique #content {padding: 0 30px 0 30px;}
.pageLexique #content h1 {font-size: 14px; text-transform: uppercase; margin-bottom: 15px;}

#alphabet {list-style: none; margin: 0 0 0 -8px; height: 40px;}
#alphabet li {float: left; width: 30px; text-align: center; font-size: 18px; color: #989eb2;}
#alphabet li a {text-decoration: none; color: #142869; padding: 0 5px;}
#alphabet li.selected a {background-color: #142869; color: #fff;}

#pageListe #content h2 a {font-size: 12px; text-decoration: none; line-height: 24px; font-weight: normal; color: #142869;}
#pageListe #content h2 a:hover {text-decoration: underline;}

.definition {font-size: 11px; line-height: 16px; margin-bottom: 20px;}
.definition h2 {font-size: 12px; margin-bottom: 5px;}

.pageLexique #btnRetour {
   display: block; width: 114px; height: 17px; color: #fff; text-transform: uppercase; font-size: 10px;
   background: transparent url(../../images/btnRetour.gif) no-repeat;
   text-decoration: none; padding-left: 10px; line-height: 17px;}

/**************************************************************/
/*                                          Spas et instituts */
/**************************************************************/

/***** trouver votre institut */

.pageSpaInstituts #content {padding: 0 30px 0 30px;}
.pageSpaInstituts #content h1 {font-size: 14px; text-transform: uppercase; margin-bottom: 15px;}

#googleMap,
#zoneResults {float: left;}

#googleMap {width: 450px; height: 362px; margin-right: 18px;}
#zoneResults {width: 455px; }

#zoneResults fieldset {border: 0; margin-bottom: 10px;}
#zoneResults fieldset input#chpZip {width: 270px; background-color: #eff0f5; padding: 4px;}
#zoneResults fieldset input#btnOkZip {
   width: 34px; height: 25px; color: #fff; text-transform: uppercase;
   border: 0; background: transparent url(../../images/bgBtnOkZip.gif) no-repeat;
   text-align: center; font-weight: bold; font-size: 12px; position: relative; left: -4px;}

#zoneResults .break {background-color: #c0c2cd; width: 440px;}

#zoneScroll {width: 455px; height: 294px; }
.bordure {border: 1px #c0c2cd solid;}

.blocInstitut {padding: 10px;}
.blocInstitut h2 {font-size: 12px; margin-bottom: 3px;}
.blocInstitut .zoneTexte {font-size: 11px;}

.color {background-color: #eff0f5;}

#googleMap h2 {font-size: 13px;}

/**************************************************************/
/*                                           Programme beauté */
/**************************************************************/

.pageBeaute #content {margin: 0 0 0 25px; width: 959px;}
.pageBeaute #introGamme {float: left; width: 645px; margin-bottom: 30px;}

#pageProgBeaute #introGamme {width: 600px;}

.pageBeaute #introGamme a.lnkDecouvrir {
   display: block; width: 196px; height: 17px; line-height: 17px; padding-left: 10px;
   background: transparent url(../../images/lnkDecouvrir.gif) no-repeat; font-style: normal;
   font-size: 10px; color: #fff; text-transform: uppercase; text-decoration: none; margin-top: 8px;}

.pageBeaute #blocSoinAssocie,
.pageBeaute .piedBlocSoinAssocie {float: left; margin-left: 39px;}



.pageBeaute .piedBlocSoinAssocie {float: right; margin-right: 30px;}

#btnRetourProg {
   float: right; color: #142869; font-weight: bold; margin-right: 35px;
   text-decoration: none; font-size: 11px; margin-bottom: 5px;}

.pageBeaute #content h2 {font-size: 14px; text-transform: uppercase; margin-bottom: 10px;}

#listeProduits {list-style: none; height: 271px;}
#listeProduits li {float: left; text-align: center; height: 256px; padding: 15px 15px 0 15px;}
#listeProduits li h3 {font-size: 12px; text-transform: uppercase;}
#listeProduits li h4 {font-size: 11px; font-weight: normal; margin-bottom: 10px;}
#listeProduits li h4 span {text-transform: uppercase; display: block;}
#listeProduits li a {color: #142869; text-decoration: none;}
#listeProduits li.first-item-beauty {
   width: 206px;
   background: transparent url(../../images/bgFirstItem.gif) no-repeat;}
#listeProduits li.item-beauty {
   width: 201px;
   background: transparent url(../../images/bgItem.gif) no-repeat;}
#listeProduits li.last-item-beauty {
   width: 206px;
   background: transparent url(../../images/bgLastItem.gif) no-repeat;}
#listeProduits li a.btnDecouvrir {
   display: block; width: 134px; height: 17px; color: #fff;
   background: transparent url(../../images/btnDecouvrir.gif) no-repeat;
   text-decoration: none; line-height: 17px; margin: 10px auto 0 auto;
   text-transform: uppercase; font-size: 9px; padding-left: 10px;
   text-align: left;}
#listeProduits li a.btnDecouvrir:hover {background-position: 0 -17px;}
#listeProduits li img {border: 0;}

/********************* Bloc trouver institut */

#blocTrouverInstitut {
   width: 246px; height: 71px; float: left; margin-left: 15px; margin-bottom: 15px;
   background: transparent url(../../images/blocTrouverInstitut.gif) no-repeat;
   padding: 15px; font-size: 11px; font-weight: bold; color: #142869; line-height: 13px;}
#blocTrouverInstitut img {float: left; margin-right: 8px;}
#blocTrouverInstitut .lnkSavPlus {
   display: block; width: 98px; height: 17px; color: #fff;
   background: transparent url(../../images/lnkSavPlus.gif) no-repeat;
   text-decoration: none; line-height: 17px; float: left; margin-top: 10px;
   text-transform: uppercase; font-size: 9px; padding-left: 10px;}

/********************* Bloc trouver institut */

#blocProduitActif {
   width: 246px; height: 91px; float: right; margin: 10px 10px 0 0;
   background: transparent url(../../images/blocProduitActif.png) no-repeat;
   padding: 15px; font-size: 11px; color: #142869; line-height: 13px;}
#blocProduitActif img {float: left; margin-right: 8px; border: 0;}
#blocProduitActif a {color: #142869; text-decoration: none;}
#blocProduitActif a strong {display: block; font-size: 12px;}
#blocProduitActif .lnkSavPlus {
   display: block; width: 129px; height: 17px; line-height: 17px; padding-left: 10px; float: left;
   background: transparent url(../../images/lnkDecouvrir.png) no-repeat; font-style: normal;
   font-size: 9px; color: #fff; text-transform: uppercase; text-decoration: none; margin-top: 8px;}

/******************** Nuage de mots clefs */

.blocNuage {
   border: 1px #dadadc solid; width: 415px; margin-bottom: 20px;
   float: left; margin-right: 20px; padding: 15px 20px;}
.blocNuage h2 {font-size: 14px; text-transform: uppercase;}

.tagsphere {}
.tagsphere li a:link {
   color: #142869; font-size: 16px;
   text-decoration: none;}
.tagsphere li a:hover {text-decoration: underline;}

/**************************************************************/
/*                                            Conseils beauté */
/**************************************************************/

#pageConseilBeaute #mainContent {height: 590px;}
#pageConseilBeaute #nav-reflection {position: absolute; top: 590px;}
#pageConseilBeaute #content h1 {font-size: 36px; font-weight: normal; padding-left: 10px; margin-bottom: 10px;}
#pageConseilBeaute #visuelConseils {position: absolute; left: 728px; top: 80px;}

#blocFaq {width: 922px; height: 304px; padding: 6px;}

#questions {
   width: 314px; height: 294px; float: left; margin-right: 15px;}
#questions ul {list-style: none;}
#questions ul li {width: 314px; height: 66px; }
#questions ul li a {
   width: 260px; height: 46px !important; padding: 10px 40px 10px 14px; display: block; 
   font-size: 12px; text-decoration: none; color: #142869;}
#questions ul li.selected a {
   background: transparent url(../../images/questionSelected.gif) no-repeat !important;
   width: 260px; height: 46px !important;}

.blocReponse {float: left; width: 380px; padding: 13px 0 0 10px;}
.blocReponse .zoneTexte {width: 350px; height: 268px; float: left; font-size: 11px; margin-right: 20px;}
.blocReponse .zoneTexte p {margin-bottom: 10px;}
.blocReponse #lipsum {padding-right: 10px;}

#pageConseilBeaute .blocProgBeaute {float: left;}

/******************** Crédits */

#credits {
   text-align: center; width: 400px; height: 270px;
   overflow: auto; padding: 30px 0 0 0;}
#credits p {margin-bottom: 13px;}
#credits img {margin-bottom: 35px; border: 0;}

.hide {display: none;}

/******************** Newsletter */

#pageNewsletter {background-image: none; padding: 15px;}
#pageNewsletter .lnkClose {
   color: #142869; font-size: 11px; float: right; text-decoration: none;
   background: transparent url(../../images/lnkClose.gif) no-repeat right 4px; padding-right: 14px;}
#pageNewsletter h1 {font-size: 14px; text-transform: uppercase; margin-bottom: 12px;}
#pageNewsletter h2 {font-size: 12px; font-weight: normal; margin-bottom: 24px;}
#pageNewsletter fieldset {border: 0; margin-bottom: 10px;}
#pageNewsletter fieldset .line-form {padding-left: 120px; width: auto;}
#pageNewsletter fieldset .line-form input {width: 200px;}
/*#pageNewsletter fieldset label {width: 150px; display: block; float: left;margin-bottom: 5px;}*/
#pageNewsletter .lineSubmit {text-align: center;}

#pageNewsletter #blocForm {position: relative;}

.pageConNewsletter {text-align: center; padding: 50px 15px !important;}
.pageConNewsletter .btnForm {display: block; text-decoration: none; line-height: 22px; margin: auto;}

/******************** Presse */

#pagePresse #content {padding: 0 0 0 30px; font-size: 11px;}
#pagePresse #content h1 {font-size: 14px; text-transform: uppercase; margin-bottom: 14px;}
#pagePresse #content p.intro {font-size: 11px;}
#pagePresse #content p {margin-bottom: 14px; font-size: 12px;}
#pagePresse #content p a {color: #142869;}
#pagePresse #content p img {float: left; margin-right: 18px;}

/******************** 404 */

#page404 #content {margin: 50px 25px; width: 934px;}

#page404 #content h1 {font-size: 18px; font-weight: normal; text-transform: uppercase; margin-bottom: 15px;}
#page404 #content h2 {font-size: 14px; margin-bottom: 20px;}
#page404 #content p {margin-bottom: 10px; font-size: 12px;}