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

body, input, textarea, select {
   font-family: "Arial", Helvetica, sans-serif;
   font-size: 11px;
   color: #97004D;}
body {color: #97004D;}

a { color: #D40062; }
a:hover { color: #97004D; }

#allContent {
   width: 950px;
   margin: 0 auto;
   position: relative; }

#colGauche,
#colDroite { float: left; position: relative;}

#colGauche {
   height: 580px; width: 200px;
   background: transparent url(../../images/bgColGaucheFonce.gif) no-repeat;}
#colDroite {
   width: 710px; height: 555px;
   background-color: #FFEDC7;
   padding: 25px 15px 0 25px;}

#colGauche img { margin: 20px 0 0 12px; border: 0;}

#colGauche ul { list-style: none; margin-top: 110px;}
#colGauche ul li { padding: 5px 0; }
#colGauche ul li a,
ul#sousmenu1 li a {
   display: block;
   width: 185px; height: 34px;
   line-height: 34px;
   color: #EACCDB;
   font-size: 12px;
   padding: 0 0 0 15px;
   text-transform: uppercase;
   text-decoration: none;}

#colGauche ul li a:hover,
ul#sousmenu1 li a:hover,
.corporate ul li#btnNavA a,
.maquillage ul li#btnNavE a,
.galerieArt ul li#btnNavH a,
.produitsSoin ul li#btnNavD a,
.soins ul li#btnNavC a,
.actualites ul li#btnNavB a,
.parfumsAmbiance ul li#btnNavF a,
.pointsVente ul li#btnNavG a { background-color: #EACCDB; color: #97004D;}

/**** sous menu */

ul#sousmenu1 {
   position: absolute; left: 200px; top: 187px;
   z-index: 5000; width: 200px; list-style: none;
   background-color: #97004D;
   opacity: .90;
	filter: alpha(opacity=90);
	-moz-opactiy: .90;
   display: none;}

ul#sousmenu1 li { padding: 0;  }
ul#sousmenu1 li a { font-size: 11px; color: #fff; }

#versionAnglaise {
   display: block; margin: 20px 0 0 168px;
   width: 16px; height: 11px; border: 1px #DCC2CF solid;
   background: transparent url(../../images/uk.gif) no-repeat; }
#versionFrancaise {
   display: block; margin: 20px 0 0 168px;
   width: 16px; height: 11px; border: 1px #DCC2CF solid;
   background: transparent url(../../images/fr.gif) no-repeat; }
#versionAnglaise span,
#versionFrancaise span { display: none; }

/***********************************************************************************************/
/*                                            Gestion des modules actualités en page d'accueil */
/***********************************************************************************************/

#pageAccueil .blocActu { display: block; position: absolute; text-decoration: none;}
#pageAccueil .blocActu strong { position: relative; }
#pageAccueil .blocActu em { text-align: center; color: #fff; font-style: normal; font-weight: normal; font-size: 10px; }
#pageAccueil .blocActu span { display: none; }

/***********************************************************************************************/
/*                                                                éléments de la zone centrale */
/***********************************************************************************************/

#colVisuel,
#colModules,
#colTexte { float: left; }

#colVisuel { width: 290px; position: relative;}

#colModules { width: 350px; padding-left: 10px; }
#colTexte { width: 395px; padding-left: 25px;}

#pageAccueil #colDroite { padding: 0; width: 750px; height: 580px; position: relative; }

/**** Liens */

a.suite { display: block; width: 94px; height: 20px; line-height: 20px; text-transform: uppercase; text-decoration: none; font-size: 10px; text-align: center;}
a.violet,
a.blanc:hover { background-color: #97004D; color: #fff; }
a.blanc,
a.violet:hover { background-color: #fff; color: #97004D; }

a.suite { position: absolute; bottom: 15px; right: 0; }

.corporate #colDroite,
.pointsVente #colDroite,
.actualites #colDroite,
#confDemande #colDroite { background: transparent url(../../images/bgFleurs.gif) no-repeat right top; }

/***********************************************************************************************/
/*                                                                                      footer */
/***********************************************************************************************/

#footer { list-style: none; position: absolute; right: 10px; bottom: 10px;}
#footer li { float: left; border-right: 1px #97004D solid; padding: 0 5px;}
#footer li.noBorder { padding-right: 0; border: 0; }
#footer li a { text-decoration: none; color: #97004D; text-transform: uppercase; font-size: 10px;}
#footer li a:hover { text-decoration: underline; }

.masque { width: 700px; height: 450px; overflow: auto; }

/***********************************************************************************************/
/*                                                                                   catalogue */
/***********************************************************************************************/

#colDroite h1 { height: 33px; margin-bottom: 25px;}
#colDroite h1 span { display: none; }

.actualites h1 {background: transparent url(../../images/titreActualites.gif) no-repeat;}
.maquillage h1 {background: transparent url(../../images/titreMaquillage.gif) no-repeat; }
.soins h1 {background: transparent url(../../images/titreSoins.gif) no-repeat; }
.produitsSoin h1 {background: transparent url(../../images/titreProduitsSoin.gif) no-repeat; }
.pointsVente h1 { background: transparent url(../../images/titrePointsVente.gif) no-repeat;}
.galerieArt h1 { background: transparent url(../../images/titreGalerieArt.gif) no-repeat; }
.contacts h1 { background: transparent url(../../images/titreContacts.gif) no-repeat; }
.parfumsAmbiance h1 { background: transparent url(../../images/titreParfums.gif) no-repeat; }

#colDroite p { margin-bottom: 10px; }

#colTexte h2 {
   font-size: 28px; color: #97004D; font-weight: normal;
   font-family: "Times New Roman", Times, serif;
   margin: 30px 0 10px 0; }
#colTexte h3 { font-size: 24px; color: #CC0066; font-weight: normal; margin-bottom: 10px;}
#colTexte h4 {
   height: 25px;
   background: transparent url(../../images/titreProduitsGamme.gif) no-repeat;}
#colTexte h4 span { display: none; }

#disponibilite {
   display: block; width: 248px; height: 68px;
   position: absolute; bottom: 0; left: 45px; z-index: 5;
   background: transparent url(../../images/btnDisponible.gif) no-repeat 0 -68px;}
#disponibilite span { display: none; }
#disponibilite:hover { background-position: 0 0; }

.listeProduits { list-style: none; margin-top: 10px; width: 260px; }
.listeProduits li { float: left; margin-right: 5px;}
.listeProduits li img { border: 0; display: block; width: 58px; height: 58px;}
.listeProduits li a { display: block; border: 1px #EACCDB solid; margin-bottom: 5px; }
.listeProduits li a:hover { border: 1px #AC3371 solid; }

.btnRetour {
   position: absolute; left: 630px; top: 40px;
   display: block; height: 19px; padding-left: 12px;
   font-size: 11px; text-decoration: none; color: #C05C8F;
   background: transparent url(../../images/flecheRetour.gif) no-repeat 0 3px;}
.btnRetour:hover { color: #97004D; }

#pageDetailProduit .btnRetour { position: absolute; left: 205px; top: 70px; }

/***********************************************************************************************/
/*                                                                              Page de gammes */
/***********************************************************************************************/

#listeGammes { list-style: none;}
#listeGammes li {
   float: left;
   margin-right: 5px;}
#listeGammes li a {
   display: block; color: #666;
   text-transform: uppercase; color: #97004D; font-size: 18px;
   text-decoration: none;
   position: relative;
   border: 1px #EBCCDB solid;}
#listeGammes li a span { display: none;}
#listeGammes li a:hover { border: 1px #AC3371 solid; color: #D40062; }

/***** gammes de soins */

.soins #listeGammes li,
.soins #listeGammes li a { width: 166px; height: 418px; margin-right: 8px;}

/**** gammes de produits de soin */

.produitsSoin #listeGammes li,
.produitsSoin #listeGammes li a { width: 103px; height: 198px; margin: 0 12px 12px 0;}

/**** gammes de maquillage */

.maquillage #listeGammes li { margin: 0 15px 15px 0;}
.maquillage #listeGammes li a { width: 128px; height: 198px; }

/***** parfums d'ambiance */

.parfumsAmbiance #listeGammes { margin-top: 20px; }
.parfumsAmbiance #listeGammes li { margin-right: 15px; }
.parfumsAmbiance #listeGammes li,
.parfumsAmbiance #listeGammes li a { width: 114px; height: 348px;}
.parfumsAmbiance #listeGammes li#gammeParfumA { background: transparent url(../../images/visuelParfumA.jpg) no-repeat; }
.parfumsAmbiance #listeGammes li#gammeParfumB { background: transparent url(../../images/visuelParfumB.jpg) no-repeat; }
.parfumsAmbiance #listeGammes li#gammeParfumC { background: transparent url(../../images/visuelParfumC.jpg) no-repeat; }

.layer {
   float: left;
   margin-top: 100px;
   width: 310px;
   display: none;}
.layer h2 { color: #D30062; font-size: 17px; font-family: "Times New Roman", Times, serif; font-weight: normal; line-height: 20px; margin-bottom: 10px;}
.layer h2 span { font-size: 22px; }
.layer h3 { font-size: 14px; font-style: italic; margin-bottom: 10px;}
.layer ul { list-style: none; }

#layerParfum1 { display: block; }

/***********************************************************************************************/
/*                                                                           Ligne de produits */
/***********************************************************************************************/

#pageLigneProduit #colDroite,
#pageDetailProduit #colDroite,
#pageListeSoins #colDroite {
   background: #FFEDC7 url(../../images/bgFiche.gif) no-repeat right top;
   position: relative;}

#pageLigneProduit #colTexte h4 { margin-top: 30px; }

#pageDetailProduit #colVisuel,
#pageDetailProduit #colTexte { padding-top: 10px; }

/*#pageDetailProduit #colTexte h4 { margin-top: 10px;}*/

#pageDetailProduit #colTexte h3 { font-size: 20px; }

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

#pageDetailProduit #colTexte h2 { margin: 5px 0 5px 0; font-size: 24px;}
#pageDetailProduit #colTexte h3 { margin-bottom: 5px; }

/*** astuces beauté */

.blocAstuces {
   background: transparent url(../../images/bgAstucesBeaute.gif) no-repeat;
   padding: 45px 0 10px 30px;
   margin-top: 10px;}
.blocAstuces h4 { display: none; }

/*** actifs */

.blocActifs {
   width: 90px; float: right; padding: 5px;
   background: transparent url(../../images/bgBlocActifs.gif) no-repeat;
   text-align: center; padding-top: 40px;
   margin-left: 10px;}
.blocActifs h4 { display: none; }

.blocActifs ul { list-style: none; }
.blocActifs ul li { margin-bottom: 5px; line-height: 11px; border-bottom: 1px #C05C8F dotted; padding-bottom: 3px;}
.blocActifs ul li img {width: 38px; height: 38px; display: block; border: 1px #C05C8F solid; margin: 0 auto 3px auto;}
.blocActifs ul li a { text-decoration: none; font-size: 10px; color: #97004D;}
.blocActifs ul li a:hover { text-decoration: underline; }

/***********************************************************************************************/
/*                                                                        Recherche de produit */
/***********************************************************************************************/

#blocRecherche {
   position: absolute; right: 0; top: 20px;
   width: 435px; height: 27px; padding-top: 7px;
   background: transparent url(../../images/bgSearch.jpg) no-repeat;}
#blocRecherche fieldset {
   float: left; width: 217px;
   border: 0;}
#blocRecherche fieldset select { width: 195px; }
#blocRecherche fieldset input { padding: 2px 0 0 3px; }

.btnOk {
   width: 27px; height: 18px;
   color: #fff; font-weight: bold; margin-left: 3px;
   text-align: center; border: 0; padding: 0 !important;
   background: transparent url(../../images/btnOK.gif) no-repeat;}

.pagination { float: right; list-style: none; margin-right: 10px;}
.pagination li { float: left; margin-left: 10px;}
.pagination li a { display: block; width: 18px; height: 19px; cursor: pointer;}
.pagination li a span { display: none; }
.btnSuivant { background: transparent url(../../images/btnSuivant.png) no-repeat; }
.btnPrecedent { background: transparent url(../../images/btnPrecedent.png) no-repeat; }

/***********************************************************************************************/
/*                                                                  Page soins instituts & SPA */
/***********************************************************************************************/

.soins #colTexte h2 { margin-top: 10px; }
.soins #colTexte h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 0 }

#listeSoins { list-style: none; }
#listeSoins li {  padding-bottom: 15px; position: relative;}
#listeSoins li a { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #D40062; text-decoration: none;}
#listeSoins li a span { display: block; font-size: 12px; font-weight: normal; color: #97004D; padding-top: 2px;}

.layerSoin {
   width: 385px;
   border-top: 1px #ECC3B2 solid;
   position: absolute; left: 0; top: 17px;
   display: none;}
.layerSoin h5 {
   font-size: 14px;
   font-weight: normal;
   margin-bottom: 5px;}
.layerSoin p em { font-weight: bold; color: #CC0066; font-style: normal; }
.layerSoin p { margin-bottom: 10px; }

.layerSoin .contentBloc {
   padding: 10px 10px 1px 10px;
   width: 220px; background-color: #fff;
   margin-left: 145px;}

#layer1 { display: block; }

a.btnDecouvrez {
   width: 220px; height: 45px; display: block;
   background: transparent url(../../images/btnDecouvrir.gif) no-repeat;}
a.btnDecouvrez span { display: none !important; }

/***********************************************************************************************/
/*                                                                                   Corporate */
/***********************************************************************************************/

#pageCreation #colDroite h1 { background: transparent url(../../images/titreCreation.gif) no-repeat;}
#pageFleurisation #colDroite h1 { background: transparent url(../../images/titreFleurisation.gif) no-repeat;}
#pagePhilosophie #colDroite h1 { background: transparent url(../../images/titrePhilosophie.gif) no-repeat;}
#pageUnivers #colDroite h1 { background: transparent url(../../images/titreUnivers.gif) no-repeat;}
#pageRecherche #colDroite h1 { background: transparent url(../../images/titreRecherche.gif) no-repeat;}
#pageActifs #colDroite h1 { background: transparent url(../../images/titreActifs.gif) no-repeat;}
#pageMentionsLegales #colDroite h1 { background: transparent url(../../images/titreMentionsLegales.gif) no-repeat;}
#pagePlanSite #colDroite h1 { background: transparent url(../../images/titrePlanSite.gif) no-repeat;}

.corporate #colDroite h2 {
   font-weight: normal; font-size: 22px;
   font-family: "Times New Roman", Times, serif;
   margin-bottom: 30px; }
.corporate #colDroite h3 { color: #D40062; font-size: 15px; margin-bottom: 10px;}

.corporate #colDroite p { font-size: 12px; line-height: 18px; }

.colonne { width: 338px; float: left;}
.colonne img { margin-bottom: 15px; }
.marge { padding-right: 25px; }

.corporate #colDroite h6 { text-align: center; color: #D40062; font-size: 14px; padding: 10px 0 20px 0; }

/*** fleurisation */

#pageFleurisation #colDroite h3 { margin-bottom: 0; }
#pageFleurisation #colDroite .marge img { margin: 20px 2px 0 2px; }

/*** philosophie */

#pagePhilosophie #colDroite .marge img { margin: 0 2px; }

/*** univers */

#pageUnivers #colDroite h3 { margin-bottom: 0; font-size: 14px;}
#pageUnivers #colDroite .marge img { margin-right: 15px; }

.visuels { padding: 20px 0 0 35px; }

#aromachologie { border-left: 1px #AC3371 solid; border-right: 1px #AC3371 solid; padding: 0 10px;}
#aromachologie p { font-size: 11px !important; line-height: 13px !important; }

/*** recherche */

#pageRecherche #colDroite h3 { margin-bottom: 0; }
#pageRecherche #colDroite ul { list-style-position: inside; }
#pageRecherche #colDroite ul li { margin-bottom: 10px; }

.charteQualite {
   background-color: #C66B84; color: #fff;
   padding: 10px 10px 1px 10px;}
.charteQualite p { font-size: 11px !important; line-height: 13px !important; }
.charteQualite p em { font-size: 13px; }

/************* actifs */

#listeActifs { list-style: none; width: 290px;}
#listeActifs li a {
   text-decoration: none;
   color: #97004D;
   display: block;
   height: 14px;
   line-height: 14px;
   padding-left: 5px;}
#listeActifs li a:hover { background-color: #97004D; color: #fff; }

.layerActif {
   width: 410px;
   background-color: #fff; padding: 20px 10px 20px 20px;
   position: absolute; right: 25px; top: 70px; }

.layerActif img.visuel { float: left; width: 200px; margin-right: 10px;}

.layerActif h2 {width: 200px; float: left;}

.layerActif dl { float: left; width: 200px;}
.layerActif dt { color: #D40062; font-weight: bold; }
.layerActif dd { margin-bottom: 10px; }

.layerActif .listeProduits { float: left; width: 195px; }

/***********************************************************************************************/
/*                                                                             Points de vente */
/***********************************************************************************************/

#fenetre { width: 690px; height: 375px; overflow: auto; padding-right: 10px;}
.actualites #fenetre { height: 450px; }
#resultats #fenetre { height: 400px;}

.pointsVente #colDroite h2 { height: 23px; margin-bottom: 30px; }
.pointsVente #colDroite h2 span { display: none; }
.pointsVente #colDroite h2.enFrance { background: transparent url(../../images/titreFrance.png) no-repeat; }
.pointsVente #colDroite h2.dansMonde { background: transparent url(../../images/titreMonde.png) no-repeat; }

.pointsVente .colA, .pointsVente .colB { float: left; }
.pointsVente .colA { width: 255px; margin-right: 25px;}
.pointsVente .colB { width: 425px; }

.pointsVente fieldset { border: 0; }
.pointsVente fieldset label { float: left; }
.pointsVente fieldset input { width: 80px; float: left; margin-left: 5px;}
fieldset .btnRechercher {
   width: 80px !important; height: 18px;
   color: #fff; font-weight: bold;
   text-align: center; border: 0; padding-bottom: 2px;
   background: transparent url(../../images/btnRechercher.gif) no-repeat;}

.pointsVente #colDroite h3,
.pointsVente #colDroite h5,
#resultats #colDroite h3,
#resultats #colDroite h5 { color: #D40062; font-size: 12px;}

.pointsVente #colDroite h3 { margin-bottom: 20px;}

/*************** résultats */



#resultatsPointsVente .btnRetour { left: 595px;}
#resultatsPointsVente #colDroite { position: relative; }
#resultatsPointsVente #colDroite h3 { text-align: right; position: absolute; right: 25px; top: 80px;}
#resultatsPointsVente #colDroite h3 span,
#resultats #colDroite h3 span { font-size: 18px; color: #97004D; }
#resultatsPointsVente #colDroite h3 em,
#resultats #colDroite h3 em { display: block; color: #97004D; font-weight: normal;}

#resultats #colDroite h3 em { margin-bottom: 15px; }

#resultatsPointsVente #colDroite h4 {
   text-transform: uppercase; font-size: 12px; margin-bottom: 10px;
   background-color: #fff; padding-left: 5px;
   clear: both;}

.resultat {
   border-bottom: 1px #EACCDB solid;
   margin-bottom: 10px;
   }

.resultat h5 a { text-decoration: none; }

.resultat img { float: left; border: 1px #EACCDB solid; margin: 0 10px 0 0;}

.pointsVente .resultat { width: 50%; float: left; }

.paginationResultats { text-align: center; margin: 0 0 10px 0; clear: both;}
.paginationResultats a { font-weight: bold; text-decoration: none; }

/***********************************************************************************************/
/*                                                                                  Actualités */
/***********************************************************************************************/

.actu a {color: #97004D; text-decoration: none;}

.actu h2 {
   width: 665px; height: 23px; padding-left: 5px;
   margin-bottom: 15px; font-size: 18px; color: #fff;
   background: transparent url(../../images/bgTitre.png) no-repeat;
   font-family: "Georgia", Times, serif; font-weight: normal;}

.actu img { float: left; margin-right: 10px; border: 1px #EACCDB solid;}

.actu h4 { font-size: 14px; color: #97004D; font-weight: normal; margin-bottom: 5px;}
.actu h4 span {color: #CB768A; font-size: 11px;}

.actu h3,
.titre_intro_news { color: #CC0066; font-size: 16px; margin-bottom: 5px; text-transform: none; margin-bottom: 5px;}

p.suite { text-align: right; }
p.suite a { text-decoration: none; font-weight: bold; color: #97004D; }
p.suite a:hover { color: #CC0066; }

#pageDetailActualites .actu img { width: 200px; }

#resultats p.suite {margin-top: 5px;}

#pageListeActualites p.suite {float: right; margin: 20px 0 0 20px;}
#pageListeActualites .actu { margin-bottom: 5px;}

/***********************************************************************************************/
/*                                                                              Demande d'info */
/***********************************************************************************************/

#blocSearchMail input { width: 150px; }
#blocSearchMail .btnRechercher { margin-left: 5px; }
#blocSearchMail label { width: 220px; }

.contacts h1 {margin-bottom: 10px !important; }
.contacts fieldset { border: 1px #fff solid; padding: 10px; margin-bottom: 10px;}
.contacts fieldset legend { font-family: "Times New Roman", Times, serif; font-size: 18px; color: #D40062; padding: 0 10px; }
.contacts fieldset .lineForm { margin-bottom: 5px; }
.contacts fieldset label { display: block; width: 100px; float: left; text-align: right; padding-right: 5px; }
.contacts fieldset textarea { width: 518px; height: 60px;}
.contacts fieldset .center { text-align: center; margin-top: 10px; }
.contacts fieldset .inputJour { width: 30px; }
.contacts fieldset .inputAnnee { width: 50px; }
.contacts p.mentions { font-size: 10px; }

.contacts .colonne label { width: 100px; }
.contacts .colonne input { width: 180px; }

/***********************************************************************************************/
/*                                                                               Galerie d'art */
/***********************************************************************************************/

.introduction { width: 200px; float: left; padding-right: 20px;  padding-top: 60px;}

.galerieArt h1 { margin-bottom: 10px !important; }
.galerieArt h2 {
   font-weight: normal; font-size: 22px;
   line-height: 18px;
   font-family: "Times New Roman", Times, serif;
   font-style: italic; margin-bottom: 15px; color: #D40062; }
.introduction p strong { display: block; margin-bottom: 10px; }

#previewPane {
	margin-bottom: 10px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	width: 460px; height: 350px;
   float: left;}
#previewPane img {/*line-height: 400px;*/margin-bottom: 10px;}

#galleryContainer {
	height: 100px;
	position: relative;
	overflow: hidden;}

#arrow_left,
#arrow_right {
   width: 30px; height: 60px;
   position: absolute; z-index: 10;
   background-color: #FFEDC7;
   display: block; padding-top: 40px;
   background-repeat: no-repeat;}
#arrow_left {left: 0;}
#arrow_right {right: 0; padding-left: 12px; width: 18px;}

#theImages{
	position: absolute; left:40px;
	height: 100px;
	width: 100000px;}
#theImages #slideEnd {float:left;}
#theImages img {
	float: left;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: pointer;
	border: 0;
   margin-right: 5px;}

#waitMessage{
	display: none;
	position: absolute; left: 200px; top: 150px;
	background-color: #FFF;
	border: 3px double #000;
	padding: 4px;
	color: #555;
	font-size: 0.9em;}

#theImages .imageCaption {display:none;}

/***********************************************************************************************/
/*                                                                                  Formulaire */
/***********************************************************************************************/
#errMsg { color: #EE3333; font-size: 1.5em; }

/* Concordances WYSIWYG */
.sous_titre { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 0 }

/***********************************************************************************************/
/*                                                                                Plan du site */
/***********************************************************************************************/

#pagePlanSite #colDroite h2 { margin-bottom: 5px; font-size: 18px;}
#pagePlanSite #colDroite h2 a { text-decoration: none; }
#pagePlanSite #colDroite h3,
#pagePlanSite #colDroite h3 a { color: #666; text-decoration: none; margin: 0 0 5px 10px; text-transform: none; font-size: 12px; }
#pagePlanSite #colDroite h3 a:hover { color: #AC3371 }

.col { float: left; width: 230px; }

#pageErreur #zoneContenu { padding: 50px; font-size: 12px; font-weight: bold; }