/* .......GAMME....GAMME......GAMME......GAMME....GAMME....GAMME.....GAMME........GAMME.......GAMME......GAMME......GAMME......*/
#tout_contenu_03{
	color:#192c38; font-weight:bold; font-size:14px; text-decoration:none; line-height:19px; padding-top:10px;
}
#tout_contenu_gamme_index{
	position: relative; margin:15px auto 30px; width:990px; height:auto; background: url("../images/fond_bulle_degrade.jpg") no-repeat right -50px;
}

#contenu_page{
	float:left;
	margin:0 0 0 5px;
	padding:0;
	position:relative;
	width:805px;
	color: #333333;
	font-size: 12px;
}

#contenu_page_02{
	float:left;
	margin:0 0 0 5px;
	padding:0;
	position:relative;
	width:805px;
	color: #333333;
	font-size: 12px;
}

	
	
#fond{
	background: url("../images/images_gamme/fond_gamme.gif") no-repeat top;
	position:relative;
	height: 232px;
	width: 805px;
	margin-top: -100px;
}

#liste_gamme_global{
	margin-top: -135px;
	position:relative;
}

h1{
	font-size: 32px;
	color:#5f6871; 
	font-weight: normal;
}

h2{
	font-size: 16px;
	color: #ef0079;
	font-weight: normal;
}




/* ............................. CONTENU ..page index...............................................................*/

#contenu_index
{
	position: relative;
	width: 804px;	
	font-size: 14px;
	padding-left: 0px;
}


#blocs_gris_total 
{
	position:relative;
	padding: 15px 0 0 25px;;
	width:780px;
	
	margin:0;
	overflow:hidden;
}


#contenu_index h2
{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 14px;
}

#contenu_index a
{
	display:block;	
	text-decoration: none;
	color: #333333;
	font-size: 10px;
	width: 299px;
	height: 113px;

}

#contenu_index p
{
	text-decoration: none;
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 0px;
	margin-top: 4px;
}

#contenu_index strong
{	
	padding-left: 170px;
	font-size: 14px;
}


#gamme_01, #gamme_02, #gamme_04, #gamme_05, #gamme_06
{
	position: relative;
	float: left;
	width: 299px;
	height: 113px;
	margin-left: 35px;
	padding-top: 20px;
	overflow: visible;
	cursor : hand;
}

#en_savoir{
	text-align:right;
}	


#texte_blocs_index_01 h2
{
	margin-top:11px;
}

#texte_blocs_index_02 h2
{
	margin-top:11px;
}
#texte_blocs_index_04 h2
 {
	margin-top:11px;
}
#texte_blocs_index_05 h2
{
	margin-top:11px;
}
#texte_blocs_index_06 h2
{
	margin-top:11px;
}

#texte_blocs_index_01
{
	position: absolute;
	width: 245px;
	top: -5px;
	right: 9px;
	cursor : pointer; 
	cursor : hand;
}
#texte_blocs_index_04 
{
	position: absolute;
	width: 245px;
	top: -5px;
	right: 9px;
	cursor : pointer; 
	cursor : hand;
}

#texte_blocs_index_05
{
	position: absolute;
	width: 230px;
	top: -5px;
	left: 15px;
	cursor : pointer; 
	cursor : hand;
}
#texte_blocs_index_02 
{
	position: absolute;
	width: 230px;
	top: -5px;
	left: 15px;
	cursor : pointer; 
	cursor : hand;
}
#texte_blocs_index_06 
{
	position: absolute;
	width: 250px;
	top: -5px;
	right: 9px;
	cursor : pointer; 
	cursor : hand;
}
#texte_blocs_index_02 p
{
	padding-top:17px;
}
 #texte_blocs_index_05 p{
	padding-top:14px;
}
 #texte_blocs_index_06 p{
	padding-top:1px;
}
#texte_blocs_index_04 p{
	padding-top:12px;
}

#fond_gris_bloc1, #fond_gris_bloc2, #fond_gris_bloc4, #fond_gris_bloc5, #fond_gris_bloc6
{
	width: 299px;
	height: 113px;
	display:block;
	position: absolute;
	margin:0;
	padding:0;
}


#boite_01{
	background: url("../images/images_chacun/index/nana_menopause.png") no-repeat bottom;
	margin:0;
	padding:0;
	dipsplay:block;
}

#boite_02{	
	background: url("../images/images_chacun/index/nana_diabete.png") no-repeat bottom;
	margin:0;
	padding:0;
	dipsplay:block;
}

#boite_04{
	background: url("../images/images_chacun/index/nana_grossesse.png") no-repeat bottom;	
	margin:0;
	padding:0;
	dipsplay:block;
}

#boite_05{
	background: url("../images/images_chacun/index/nana_tabac.png") no-repeat bottom;
	margin:0;
	padding:0;
	dipsplay:block;
}
#boite_06{
	background: url("../images/images_chacun/index/mec.png") no-repeat bottom;	
	margin:0;
	padding:0;
	dipsplay:block;
}


#boite_05, #boite_02{
	position: absolute;
	right: -50px;
	bottom:-2px;
	height: 134px;
	width: 131px;
}


#boite_01, #boite_04{
	position: absolute;
	left: -74px;
	bottom:-2px;
	height: 134px;
	width: 131px;
}

#boite_06{
	position: absolute;
	left: -67px;
	bottom:6px;
	height: 134px;
	width: 131px;
}


.rolloutclass{background: url("../images/images_chacun/index/bouton_off.png") no-repeat bottom;
}
.rolloverclass{background: url("../images/images_chacun/index/bouton_on.png") no-repeat bottom;
}