/* feuille de style pour la gestion des particularités belle et bien en terme de graphisme au niveau des couleurs*/
/* belle et bien ayant opté pour une personnalisation en fonction de ces catégories de produits*/
/* le document css ci après est donc structuré en fonction des thématiques de catégories de produits ou de webblock*/

/* CI APRES TOUT CE QUI CONCERNE LE VISAGE*/
.liste-visage {
/* gestion des listes dans les webblocs en savoir plus*/
    position:relative;
    left:15px;
    font-family:georgia;
    font-size:14px;
    color:C2C2C2;
}
/*exemple produit (valable pour toutes les catégorie webbloc en savoir plus qui est utilisé en description longue
===> décrit le produit : Crème de Nuit anti-âge au Collagène et aux Minéraux de la Mer Morte
===> dimension du produit : Pot - 50 grs ===>la couleur de la dimension est commune à toute les catégories
===> slogan du produit : Nourrissant, réparateur et revitalisant */

.decrit-produit-visage {
/*définit le descriptif du produit utilisé dans webblocks en savoir plus*/
	text-align : left; 
    font-family:georgia;
    font-size:1em;
	/*color:#C2C2C2;*/
	/*color:#e892bc;*/
	color:white;
    font-weight:bold;
}
.slogan-visage {
/* défini la couleur des slogan des produits */
    font-family:georgia;
    font-size:1em;
    color:#E892BC;
    font-weight:bold;
}
a.visage:link {color:#e892bc}/*gestion des couleurs de liens*/
a.visage:visited{color:#e892bc}/*gestion des couleurs de liens*/
a.visage:hover{color:#e892bc}/*gestion des couleurs de liens*/
.prod-visage{color:#e892bc;font-weight:bold;}/*gére la couleur du nom de produit pas le code le nom (par exemple C CURE)*/


/* CI APRES TOUT CE QUI CONCERNE LE CORPS*/
.liste-corps {
/* gestion des listes dans les webblocs en savoir plus*/
    position:relative;
    left:15px;
    font-family:georgia;
    font-size:14px;
    color:C2C2C2;
}
.decrit-produit-corps {
	text-align : left; 
    font-family:georgia;
    font-size:1em;
    /*color:#C2C2C2;*/
	color:white;
	/*color:#85408A;*/
    font-weight:bold;
}
.slogan-corps {
    font-family:georgia;
    font-size:1em;
	/*color:#C2C2C2;*/
    color:#85408A;
    font-weight:bold;
} 
a.corps:link {color:#85408A}/*gestion des couleurs de liens*/
a.corps:visited{color:#85408A}/*gestion des couleurs de liens*/
a.corps:hover{color:#85408A}/*gestion des couleurs de liens*/
.prod-corps{color:#85408A;font-weight:bold;}/*gére la couleur du nom de produit pas le code le nom (par exemple C CURE)*/

/* CI APRES TOUT CE QUI CONCERNE LE cheveux*/
/* Le bleu des rubriques et produits cheveux #9DC3E9 à été changé le 20/01/2009 pour 4682B4}*/
.liste-cheveux {
/* gestion des listes dans les webblocs en savoir plus*/
    position:relative;
    left:15px;
    font-family:georgia;
    font-size:14px;
    color:C2C2C2; 
}
.decrit-produit-cheveux {
	text-align : left; 
    font-family:georgia;
    font-size:1em;
    /*color:#C2C2C2;*/
	color:white;
    font-weight:bold;
}
.slogan-cheveux {
    font-family:georgia;
    font-size:1em;
    color:#4682B4;
    font-weight:bold;
} 
a.cheveux:link {color:#4682B4} /*gestion des couleurs de liens*/
a.cheveux:visited{color:#4682B4}/*gestion des couleurs de liens*/
a.cheveux:hover{color:#4682B4}/*gestion des couleurs de liens*/
.prod-cheveux{color:#4682B4;font-weight:bold;} /*gére la couleur du nom de produit pas le code le nom (par exemple C CURE)*/

/* CI APRES TOUT CE QUI CONCERNE LE psoriasis*/
.liste-psoriasis {
/* gestion des listes dans les webblocs en savoir plus*/
    position:relative;
    left:15px;
    font-family:georgia;
    font-size:14px;
    color:C2C2C2;
}
.decrit-produit-psoriasis {
	text-align : left; 
    font-family:georgia;
    font-size:1em;
	color:white;
    /*color:#C2C2C2;*/
    font-weight:bold;
}   
.slogan-psoriasis {
    font-family:georgia;
    font-size:1em;
    color:#44A88C;
    font-weight:bold;
}
a.psoriasis:link {color:#44A88C}/*gestion des couleurs de liens*/
a.psoriasis:visited{color:#44A88C}/*gestion des couleurs de liens*/
a.psoriasis:hover{color:#44A88C}/*gestion des couleurs de liens*/
.prod-psoriasis {color:#44A88C;font-weight:bold;}/*gére la couleur du nom de produit pas le code le nom (par exemple C CURE)*/

//tout ce qui concerne autre gamme
.prod-autres{color:white;font-weight:bold;}/*gére la couleur du nom de produit pas le code le nom (par exemple C CURE)*/


/*CLASSE COMMUNES A TOUS LES PRODUITS OU WEBBLOKC*/
.dimension-produit {
/* dimension ou poids ou contenance produit */
    font-family:georgia;
    font-size:1em;
    color:white;
}    
div.catego-pro {
/* la syntaxe, pas de texte enrichi ouverture balise div class="categor-pro" fermeture balise corps de texte du détail  entete de categorie*/
    font-family:georgia;
    font-size:12px;
    color:#C2C2C2;
    text-align:justify;
    }
a.rose:link {color:#FF1493}/*gestion des couleurs de liens*/
a.rose:visited{color:#FF1493}/*gestion des couleurs de liens*/
a.rose:hover{color:#FF1493}/*gestion des couleurs de liens*/
    
/*CLASSE UTILISEES DANS CERTAINS WEBBLOCK*/
.docteur {
/* la classe docteur gére la couleur des quesitons dans Page interview bleu des questions et bleu dans les pages bienfaits de la mer morte : */
    color:#4682B4;
	font-weight:bold;
	Text-align:justify;
}
.questions	{
/* page question-reponse violet de la page vosquestions-nos réponses : */
font-size:1.2em;
font-weight:bold;
color:#85408A;
Text-align:justify;
}
.professionnel {
/* page parlant des professionnel : */
    color:#33CC99;
	font-weight:bold;
	Text-align:justify;
    }

.prod-long {
/* utilisé dans les descriptions longues des produits (qui n'utilisent pas de webblock) : */
	Font-family:georgia;
    font-size:0.8em;
	Text-align:justify;
	color:white;
	}

.prod-liste {
/* utilisé dans les descriptions longues lister des points : */
	position:relative;
/*    left:25px; */
    font-family:georgia;
    font-size:1em;
    color:white;
	}
	
.coffret-court {
/* utilisé dans les descriptions courtes des coffrets : */
	Font-family:georgia;
    font-size:0.8em;
	Text-align:justify;
	color:white;
	}
	
.pre-accueil {
/* Pour le texte du pré-accueil :  le pré-accueil n'existe plus a décembre 2009*/ 
	Font-family:georgia;
    font-size:0.8em;
	Text-align:justify;
	color:white;
	}
	
.pre-accueil a {
/* Pour le texte du pré-accueil :  le pré-accueil n'existe plus a décembre 2009*/ 
	text-decoration:none;
	color:white;
	}
	
	
.baseline {
color: #c2c2C2;
font-family: georgia;
font-size: 9pt;
padding-top: 15px;
padding-bottom: 15px;
}
.baseline a {
font-family: georgia;
font-size: 9pt;
font-weight: 900;
text-decoration: underline;
}

h1{
color: #c2c2c2;
font-family: Georgia;
font-weight: bold;
font-size: 16pt;
/*font-style: italic;*/
}

h2 {
color: #c2c2c2;
font-family: Georgia;
font-weight: bold;
font-size: 14pt;
/*font-style: italic;*/
}

h3 {
color: #4682B4;
font-family: Georgia;
font-weight: bold;
font-size: 12pt;
/*font-style: italic;*/
}

.PBShortTxt {
color: #c2c2c2;
font-family: Georgia;
font-weight: normal;
font-size: 12pt;
text-align:justify;
}
/*Pour la page accueil 2010 */
.texteAcc {
color:#c2c2c2;
font-family:arial;
font-size:11pt;
}

.titre {
color:#FFFFFF;
font-size:14pt;
font-weight:normal;
}


.soustitre {
color:#E9008D;
font-size:14pt;
font-weight:normal;
}

/* pour les pages de contenu avec span dans  */
.bleu {
	color:#4682B4;
	font-weight: bold;
}
.rose{
	color:#ec008c;
	font-weight:bold;
	}
.gris{
	color:grey;
	font-weight:bold;
	}

a {
text-decoration: underline;
color: white;
font-weight: normal;
}