/* 
	CITOYENNETE 
*/

	.Beaute .bg-container {background:#fff url(/Images/beaute/Home/bg-homeGlobale.jpg) 0 51px no-repeat;}

	.VisageCorps .bg-container {background:#f7f7f7 url(/Images/beaute/Home/bg-homesoin-201201.jpg) 0 51px no-repeat;}
	.BeauteCheveux .bg-container {background:#f7f7f7 url(/Images/beaute/Home/bg-homecheveux-201201.jpg) 0 51px no-repeat;}
	.BeauteCheveux .bg-container.salon {background:#f7f7f7 url(/Images/beaute/Home/fond-Salon.jpg) 0 51px no-repeat;}

	.MenuHaut a {width:127px; background-image:url(/Images/beaute/MenuHaut/bg-menu.gif);}
	.MenuHaut li {width:127px; margin-right:7px;}
	
	.MenuHaut li ul {width:127px; padding:0; margin-top:27px; visibility:hidden; position:relative; z-index:99;}
	.MenuHaut li ul li {display:block; text-align:center;}
	.MenuHaut li ul li a {background:#de4aa4;}
	.MenuHaut li ul li a:hover, .MenuHaut li ul li a.on, .MenuHaut li ul li a.IsActive {background:#ba1278;}
	
	.MenuHaut li ul li ul {float:left; position:absolute; z-index:99; left:127px; top:-27px; margin-left:0}
	.MenuHaut li ul li ul li a {background:#ba1278;}
	.MenuHaut li ul li ul li a:hover, .MenuHaut li ul li ul li a.IsActive {color:#ba1278; background:#de4aa4;}

	.VisageCorps {}
	.BeauteCheveux {}



/* 
	home page globale
*/
	#entrerSoinVisage, #entrerSoinCheveux, #presentoirProduits {position:absolute;}
	#entrerSoinVisage {width:220px;/*199px*/ height:365px; top:107px; left:43px; z-index:10;}
	#entrerSoinVisage div {margin-left:22px;}
	#entrerSoinCheveux {width:250px;/*217px*/ height:365px; top:107px; right:37px; z-index:11;}
	#presentoirProduits {width:298px; height:521px; top:70px; left:260px; z-index:12; background:url(/Images/beaute/Home/presentoirHomeGlobale.png) no-repeat}

	#entrerSoinVisage a, #entrerSoinCheveux a {display:block; margin-top:30px; text-decoration: none; }
	
	#entrerSoinVisage a {width: 217px; text-align:center; height:33px;  margin-left: auto; margin-right: auto; color: #ba1278; letter-spacing: 4px; font-size: 12px;}
	#entrerSoinVisage a span {color: #ba1278; letter-spacing: 4px; font-size: 14px;}
	
	#entrerSoinCheveux a {width: 270px; text-align:center; height:33px;  margin-left: auto; margin-right: auto; color: #ba1278; letter-spacing: 4px; font-size: 12px;}
	#entrerSoinCheveux a span {color: #ba1278; letter-spacing: 4px; font-size: 14px;}
	
	/*#presentoirProduits h3 {margin-top:45px; text-align:center;}*/
	#presentoirProduits h3 {margin-top:45px; text-align:center; width:238px; height: 48px; margin-left: auto; margin-right: auto; color: #ba1278; font-weight: normal; letter-spacing: 4px; font-size: 11px;}

	.produit1, .produit2, .produit3 {position:absolute;}
	.produit1 {left:28px; top:90px}
	.produit2 {left:173px; top:138px}
	.produit3 {left:28px; top:248px}
	

	
/* 
	home page
*/
	
	/* encarts */
	.leadStory {margin:0 0 0 13px; background:url(/Images/beaute/Home/bg-bloc-gauche.png) top no-repeat;}
	.leadStory h2 img {margin-top:5px;}
	.leadStory .Encart { margin-top:5px;}
	.leadStory .Encart h3 {color:#ba1278; border-bottom:1px solid #ba1278;}
	.leadStory .Encart div p strong {color:#ba1278;}
	.leadStory .Encart div .lien {color:#ba1278; background:url(/Images/intern-commun/arrow-soinBeauteHome.gif) 0 5px no-repeat}
	
	.innovation {width:244px; height:216px; margin:88px 0 0 0; padding:15px 20px; background:url(/Images/beaute/Home/bg-bloc-droite.png) top no-repeat;}
	.innovation h2 {margin:30px 0 0 10px; color:#ba1278; font-size:1em;width:100px;}
	.innovation .visuel {float:left; margin:35px 0 0 0;}
	.innovation .texte {width:135px; margin-left:10px;}
	.innovation .lien {
	    color:#ba1278;
	    margin-left:100px;
	    width:120px;
	    clear:both;
	    position:relative;
	    display:inline;
	    background:url(/Images/intern-commun/arrow-soinBeauteHome.gif) 0 4px no-repeat
	}
	
	.blocHomeSection h2 {height:44px; text-align:center}
	.blocHomeSection p strong {display:block}
	.blocHomeSection p.lien {font-weight:bold;}
	.blocHomeSection p strong,
	.blocHomeSection p.lien,
	.blocHomeSection p.lien a {color:#ba1278;}
	.blocHomeSection p.lien a:hover {text-decoration:none}

	#BlocAVotreService {margin-top:15px;}
	#BlocAVotreService p {width:210px}



/* 
	Dossiers Beaute : liste
*/
	.Beaute-intern {}
	.Beaute-intern .bg-container {margin-top:13px; background:#f4f4f4 url(/Images/beaute/Pages/bg-degrade.gif) 0 51px repeat-x;}
	.Beaute-intern .Pastille, .Pastille {position:absolute; z-index:12; top:10px; right:10px; width:163px; height:136px; background: url(/Images/beaute/Home/pastille.png) no-repeat;}
    #ContentHome #cheveuxFlash {position:relative;z-index:1;}
	#ContenuBloc .ColGaucheListeDossiers h2,
    #ContenuBloc .ColGaucheListeInno h2  {color:#ba1278; border-bottom: 1px solid #ba1278;}
    
    #ContenuBloc .ColGaucheListeDossiers h3,
	#ContenuBloc .ColGaucheListeInno h3	{color:#ba1278;}

	#ContenuBloc .ColGaucheListeInno .ligne {background-color:#ba1278;}
	#ContenuBloc .ColGaucheListeInno .offreDecou {background:url(/Images/beaute/Pages/Innovation/encart-offre-decouverte-liste.jpg)}

	#ContenuBloc .ColGaucheListeDossiers .lien,
    #ContenuBloc .ColGaucheListeInno .lien
    { color:#ba1278; background:url(/Images/intern-commun/arrow-soinBeauteHome.gif) 0 5px no-repeat}
    
    
	#ContenuBloc .ImgDroite {background:#fff url(/Images/beaute/Dossier/image-droite-listeDossiers-cheveux201201.jpg) 0 0 no-repeat; width:187px; height:434px;margin-top:3px;}
	#ContenuBloc .ImgDroite.ImgDroite02 {background:#fff url(/Images/beaute/Dossier/image-droite-listeDossiers-soins201201.jpg) 0 0 no-repeat; width:187px; height:434px;margin-top:3px;}

	#ContenuBloc .LienInnovation 
	{
	 	color:#ba1278; 
	    background:url(/Images/intern-commun/arrow-soinBeauteHome.gif) 0 4px no-repeat;
		display:block;
		font-weight:bold;
		left:10px;
		bottom:15px;
		padding-left:9px;
		position:absolute;
		margin-top:9px;
	}
	#Lien
	{
		bottom:0px;
		
	}
	#ContenuBloc .LienRetour {color:#ba1278; background:url(/Images/intern-commun/arrow-soinBeauteHome.gif) 0 4px no-repeat}
	
	#ContenuBloc .pagerRepeater, #ContenuBloc .pagerRepeater a,
	#ContenuBloc .pagerRepeater, #ContenuBloc .pagerRepeater a  {color:#ba1278;}


/* Marques soins */

#ContenuBloc #marques h1
{
	color: #ba1278;
}

#marques .intro
{
	color: #f777ba;
}
#marques .liste .logo
{
	background:url(/Images/Marques/ombre.jpg) no-repeat;
}

/* 
	Innovation
*/
	.Beaute-intern .Inno {float: left; margin-top:13px; position: relative	; background: #f2f2f2 url(/Images/beaute/Pages/Innovation/bg-page.jpg) 0 55px no-repeat;}
	.Beaute-intern .Inno .blocGauche {background:url(/Images/beaute/Pages/Innovation/bg-bloc-gauche.png) no-repeat;}
	.Beaute-intern .Inno .blocGauche h2 {border-bottom: 1px solid #ba1278;color: #ba1278;}
	
	/*.Beaute-intern .Inno .offreDecou {background:url(/Images/beaute/Pages/Innovation/encart-offre-decouverte-liste.jpg);}*/
	.Beaute-intern .Inno .offreDecou-fond {background:url(/Images/beaute/Pages/Innovation/encart-offre-decouverte.png) top no-repeat;}
	.Beaute-intern .Inno .nouveau {background:url(/Images/beaute/Pages/Innovation/a-decouvrir_201005.png) no-repeat bottom;}
	.Beaute-intern .Inno .goutte {background:url(/Images/beaute/Pages/Innovation/pastille-droite.png) no-repeat;}
	
	.Beaute-intern .Inno .lien {position: absolute; bottom: 25px; color:#ba1278; font-weight:bold; padding-left:9px; background:url(/Images/intern-commun/arrow-soinBeauteHome.gif) 0 4px no-repeat;}
	.Beaute-intern .Inno .lienBas {color:#ba1278; font-weight: bold; padding-left:9px; background:url(/Images/intern-commun/arrow-soinBeauteHome.gif) 0 4px no-repeat}


/*
	Dossiers Beaute : fiche
*/

	.Beaute-intern #ContenuBloc .ColGaucheFicheDossier h1,
	.Beaute-intern #ContenuBloc .ColGaucheFicheDossier .contenuTexte div,
	.Beaute-intern .ColGaucheFicheDossier .SelectionLiens strong {color:#ba1278;}
	.Beaute-intern  #ContenuBloc .ColGaucheFicheDossier .contenuTexte h1 {color:#646666; display:inline;}
/*
	Salon
*/
	#Salon .logo-Schwarzkopf
	{
		display: block;
		position: absolute;
		top: 64px;
		left: 320px;
		z-index: 10;
	}
	#Salon  #txt-salon
	{
		float: left;
		width: 298px;
		height: 193px;
		text-align: center;
		margin: 84px 0 0 128px;
		display: inline;
		line-height: 20px;
		color: #fff;
		padding-top: 20px;
		font-family: Verdana;
	}
	#Salon  #txt-salon span
	{
		display: block;
		margin-top: 18px;
	}
	#Salon  #flash-video-salon
	{
		float: left;
		margin-top: 77px;
		z-index: 1;
		width: 258px;
		height: 203px;
		position: relative;
		padding-top: 3px;
		background-color: #000;
	}
	#Salon  #flash-bandeau-bas
	{
		clear: both;
		float: left;
		padding-top: 78px;
	}
	#Salon  a 
	{
		clear: both;
		margin:15px 0 0 30px;
	    padding-left:12px;
	    display:block;
	    font-weight:bold;
	    color :#fff;
	    background :url(/Images/intern-commun/arrow-eCafe-blanche.gif) 0 4px no-repeat;
	}

#vc_tags
{
	margin-top : -165px;
	margin-bottom : 30px;
	font: 12px arial, sans-serif;
	color:#be1d70; 
	margin-left:400px;
	text-align:center;
	padding-top:5px;
	line-height:6px;
}
.vc_tag1{
	font:  20px arial, sans-serif;
	line-height: 6px;
	color:#be1d70; 
	}
.vc_tag2{
	line-height: 6px;
	font: bold 18px arial, sans-serif;
	color:#be1d70; 
}

.vc_tag3{
	
	font: 12px arial, sans-serif;
	color:#be1d70; 
}
#pc_tags{
	font: 16px arial, sans-serif;
	color:#fac15f; 
	margin-left:400px;
	margin-top : -160px;
	margin-bottom : 30px;
	text-align:center;
	line-height: 20px;
}
.pc_tag1{
	font:  22px arial, sans-serif;
	line-height: 14px;
	color:#fac15f; 
	}
.pc_tag2{
	line-height: 8px;
	font: 18px arial, sans-serif;
	color:#fac15f; 
}
.pc_tag3{
	
	font: 16px arial, sans-serif;
	color:#fac15f; 
}
.lienmarque 
{
	color:#ba1278;
	background:url(/Images/intern-commun/arrow-soinBeauteHome.gif) 0 5px no-repeat;
	padding-left:10px;
	font-weight:bold}