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


/* DIV et texte d'intro haut */
#texte_centre{
	position:relative;
	width: 860px;
	left: 20px;
	text-align: justify;
	}
.titre_intro{
	font-family: Arial, Helvetica, sans-serif;
	color: #C92D78;
	font-size: 17px;
	font-weight: bold;	
}
.texte_intro{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
}




/* DIV et texte du bloc promotion avec son lien d'informations */
#blocs_promo{
	position:relative;
	width: 860px;
	left: 20px;
	margin-top: 40px;
	}

#image_promo{
	position:relative;
	height: 100px;
	width: 88px;
	left: 0px;
	float: left;
	}

#texte_promo{
	position:relative;
	height: 100px;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C616C;
	font-size: 12px;
	font-weight: bold;
	}
#picto_info{
	position:relative;
	height: 29px;
	width: 29px;
	float: left;
}
#infos_promo{
	position:relative;
	height: 29px;
	width: 800px;
	z-index: 4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 10px;
	left: 5px;
}
a.infos_promo:link{
	text-decoration:none;
	color: #5C616C;	
}
a.infos_promo:visited{
	color: #5C616C;
	text-decoration:none;	
}
a.infos_promo:hover{
	color: #000000;
	text-decoration:none;
}
a.infos_promo:active{
	color: #5C616C;
	text-decoration:none;




/* DIV et texte du bloc differents pack avec son lien d'informations */
}
#blocs_packs{
	position:relative;
	width: 860px;
	left: 20px;
	}
#packs{
	position:relative;
	width: 860px;
	margin-top: 60px;
	height: 180px;
	}
#image_pack1{
	position:relative;
	height: 180px;
	width: 96px;
	left: 0px;
	float: left;
	}
#image_pack2{
	position:relative;
	height: 180px;
	width: 96px;
	left: 60px;
	float: left;
	}
#image_pack3{
	position:relative;
	height: 180px;
	width: 96px;
	left: 120px;
	float: left;
	}
#image_pack4{
	position:relative;
	height: 180px;
	width: 96px;
	float: left;
	left: 175px;
	}
#image_pack5{
	position:relative;
	height: 180px;
	width: 96px;
	float: left;
	left: 230px;
	}
#image_pack6{
	position:relative;
	height: 180px;
	width: 96px;
	left: 0px;
	float: right;
	}



/* DIV et texte du bloc objectif HYSOPE */

#objectifs{
	position:relative;
	width: 860px;
	left: 20px;
	margin-top: 50px;
	}
.titre_objectifs{
	font-family: Arial, Helvetica, sans-serif;
	color: #707173;
	font-size: 12px;
	font-weight: bold;
}
.texte_objectifs{
	font-family: Arial, Helvetica, sans-serif;
	color: #707173;
	font-size: 12px;
	font-style: italic;
}