@charset "utf-8";
/* CSS Document */

/****************************** STYLES PRODUITS (MISE EN PAGE GENERALE *********************************/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/** Couleurs Produits -> par axe */
.vitalite {
	color:					#f5822b;
}
a.vitalite  {
	color:					#002D19;
}
a.vitalite:hover  {
	color:					#f5822b;
}

a.vitalite_pyramide {
	color:					#f5822b;
}


.beaute {
	color:					#ED0C6D;
}
a.beaute  {
	color:					#002D19;
}
a.beaute:hover  {
	color:					#ED0C6D;
}

a.beaute_pyramide {
	color:					#ED0C6D;
}


.sommeil {
	color:					#034ea2;
}
a.sommeil  {
	color:					#002D19;
}
a.sommeil:hover  {
	color:					#034ea2;
}

a.sommeil_pyramide {
	color:					#034ea2;
}


.circulation {
	color:					#922d47;
}
a.circulation  {
	color:					#002D19;
}
a.circulation:hover  {
	color:					#922d47;
}

a.circulation_pyramide {
	color:					#922d47;
}


.digestion {
	color:					#bfbd00;
}
a.digestion  {
	color:					#002D19;
}
a.digestion:hover  {
	color:					#bfbd00;
}

a.digestion_pyramide {
	color:					#905F01;
}

.digestion2 {
	color:					#905F01;
}
a.digestion2  {
	color:					#002D19;
}
a.digestion2:hover  {
	color:					#905F01;
}




.douleurs {
	color:					#00a3e6;
}
a.douleurs  {
	color:					#002D19;
}
a.douleurs:hover  {
	color:					#00a3e6;
}

a.douleurs_pyramide {
	color:					#00648D;
}


.douleurs2 {
	color:					#00648D;
}
a.douleurs2  {
	color:					#002D19;
}
a.douleurs2:hover  {
	color:					#00648D;
}




.gene {
	color:					#e58b00;
}
a.gene  {
	color:					#002D19;
}
a.gene:hover  {
	color:					#e58b00;
	text-decoration:underline
}

a.gene_pyramide {
	color:					#3926C8;
}

.gene2 {
	color:					#3926C8;
}
a.gene2  {
	color:					#002D19;
	
}
a.gene2:hover  {
	color:					#3926C8;
}




/*--------------------------------------------------------------------------*/
/** blocs corps de page (colonnes + calage sous-titres) **/
/*--------------------------------------------------------------------------*/
#paragrapheGauche{
	display:block;
	 width:515px;
	/*width:530px; valeur de départ*/
}
#paragrapheDroite{
	width:400px;
	clear:right;
	/*width:385px; valeur de départ*/
}
.subtitle{
    clear:both;
	padding-left:5px;
	padding-top:10px;
}

/*--------------------------------------------------------------------------*/
/** paragraphes texte **/
/*--------------------------------------------------------------------------*/
.paraTexte{
	margin-left:5px;
	font-family:Verdana;
	color:#002D19;	
	text-align:justify;
}
.paraTexte2{
	font-family:Verdana;
	color:#002D19;
	padding-top:10px;
	clear:left;
	text-align:justify;
}


/*--------------------------------------------------------------------------*/
/** bloc produit(photo emballage) **/
/*--------------------------------------------------------------------------*/
#imgProduit{
	display:block;
	width:200px;
}
#commentProduit{
	height:200px;
	display:block;
	padding-left:15px;
	padding-top:60px;
	font-family:Verdana;
	font-size:10px;
}
#autresProduit{
    margin: 0px 0px 0px 0px;
	padding-left:40px;
	width:350px;
	/*float:none;*/
}
.link{
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
}

/*--------------------------------------------------------------------------*/
/** bloc decriptif (encadré) **/
/*--------------------------------------------------------------------------*/
#blocCadre{
	position:relative;
	width:501px;
	clear:both;
}
#cadreTop{
	height:11px;
	background-image:url(../../images/cadre/top.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#cadreMiddle{
	background-image:url(../../images/cadre/middle.jpg);
}
#cadreBottom{
	height:10px;
	background-image:url(../../images/cadre/bottom.jpg);
	background-repeat:no-repeat;
}
#illustration{
	padding-left:10px;
	float:left;
	width:150px;
	height:155px;
}
#descriptif{
	padding-top:40px;
	padding-left:20px;
	height:90px;
	float:left;
}
#descriptifParagraphes{
	padding-left:20px;
	width:470px;
}



/*--------------------------------------------------------------------------*/
/** AXES **/
/*--------------------------------------------------------------------------*/
.puceAxe {
	position:			relative;
	top:				3px;
}

.paragrapheAxeGauche {
	width:				270px;
}

.legendePyramide {
	color:				#096C07;
}

a.legendePyramide  {
	text-decoration:	none;
}

a.legendePyramide:hover {
	text-decoration: underline;
}