/* CSS Document */

*{
	margin:0;
	padding:0;
}
body{
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#474242;
}
.blanc_11{
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}
.blanc_11 a:hover{
	text-decoration:underline;
}
.vert_12{
	color:#16717d;
	font-size:12px;
}
a {
	text-decoration:none;
	color:#000000;
}
#principal{
	position:relative;
	width:960px;
	height:550px;
	margin:0 auto;
	background:url(images/made_in_france_technology.jpg) left top no-repeat;
}
#menu_news{
	position:absolute;
	width:94px;
	height:15px;
	background:#a4a4a4;
	top:0px;
	left:86px;
	padding:3px 0px 3px 750px;
	word-spacing:7px;
}
#menu_societe_color{
	position:absolute;
	width:844px;
	height:29px;
	top:22px;
	left:86px;
	background:#b8d6da;
}
#menu_societe{
	position:absolute;
	width:824px;
	height:19px;
	top:22px;
	left:86px;
	font-weight:bold;
	font-size:12px;
	padding:5px 0px 5px 20px;
	z-index:100;
}
	#menu_societe dl, #menu_societe dt, #menu_societe dd, #menu_societe ul, #menu_societe li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#menu_societe dl {
		float: left;
	}
	#menu_societe dt {
		cursor: pointer;
		text-align: center;
		font-weight: bold;
		padding: 0px 3px;
		background:#b8d6da;
		color:#16717d;
	}
	#menu_societe dd {
		position:absolute;
		margin-top:9px;
		display:none;
		width:130px;
	}
	#menu_societe li {
		text-align: left;
		font-size:11px;
		font-weight:normal;
		background: #dfecee;
	}
	#menu_societe li a, #menu_societe dt a {
		text-decoration: none;
		display: block;
		height: 100%;
		border: 0 none;
		color:#16717d;
		cursor:pointer;
	}
	#menu_societe dt a:hover, #menu_societe dt a:focus {
		color:#FFFFFF;
	}
	#menu_societe li a:hover, #menu_societe li a:focus {
		background:#FFFFFF;
	}
#logo{
	position:absolute;
	top:52px;
	left:718px;
	width:209px;
	height:60px;
	background:url(images/ivea_technologie.jpg) no-repeat;
	z-index:1;
}
#menu_cible{
	position:absolute;
	left:86px;
	top:51px;
	width:160px;
	height:423px;
	background:#ebebeb;
	padding-top:75px;
	padding-left:5px;
	padding-right:4px;
}
	#menu_cible dl{
		position:absolute;
		top:15px;
		left:2px;
		list-style-type:none;
	}
	#menu_cible dt{
		background:url(images/fleche_cible.jpg) 5px 2px no-repeat;
		padding-left:15px;
		margin-bottom:15px;
		/*line-height:12px;*/
		
	}
	#menu_cible dt a{
		font-size:11px;
		color:#533009;
		text-decoration:none;
		display:block;
	}
	#menu_cible dt#adresse_att {
		position:absolute;
		width:100%;
		margin-top:40px;
		padding:0px;
		text-align:center;
		color:#16717D;
		font-weight:bold;
		background:none;
	}
	#menu_cible dd#adresse {
		position:absolute;
		margin-top:70px;
		background:none;
		padding:5px 15px;
		background:#533009;
		color:#FFFFFF;
		border:1px solid #FFFFFF;
	}
	#menu_cible dd#adresse a {
		color:#FFFFFF;
	}
	#menu_cible dt#mentions_legales {
		position:absolute;
		margin-top:275px;
		background:none;
	}
	#menu_cible dt#english_version {
		position:absolute;
		margin-top:250px;
		background:none;
	}
	#menu_cible img.produit_photo{
		position:absolute;
		bottom:60px;
	}
#index_flash{
	position:absolute;
	width:705px;
	height:402px;
	top:148px;
	left:255px;
	background:url(images/amincissement_remodelage.jpg);
}
#index_news{
	position:absolute;
	width:300px;
	height:75px;
	top:115px;
	left:600px;
	padding-left:5px;
	font-size:11px;
	color:#6A6A6A ;
	border-left:#CCCCCC 1px solid;

}
/* Menu Applications */
#nav {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;		/* Cration du contexte de formatage */
}
	/* Class Amincissement */
	#nav li.amincissement {
		position:absolute;
		top:0px;
		left:143px;
		width: 45px ;
		height:83px;
	}
	#nav li.amincissement a {
		display: block ;
		width: 45px ;
		height:83px;
		background: url(images/tete_01.jpg) left top no-repeat ;
		text-decoration:none;
	}
	#nav li.amincissement a span{
		position:absolute;
		left:-110px;
		top:-50px;
	}
	#nav li.amincissement a:hover {
		background: url(images/tete_01.jpg) right top no-repeat ;
	}
	/* Class antiage */
	#nav li.antiage {
		position:absolute;
		top:0px;
		left:188px;
		width: 38px ;
		height:83px;
	}
	#nav li.antiage a {
		display: block ;
		width: 38px ;
		height:83px;
		background: url(images/tete_02.jpg) left top no-repeat ;
		text-decoration:none;
	}
	#nav li.antiage a span{
		position:absolute;
		left:-155px;
		top:-50px;
	}
	#nav li.antiage a:hover {
		background: url(images/tete_02.jpg) right top no-repeat ;
	}
	/* Class bienetre */
	#nav li.bienetre {
		position:absolute;
		top:0px;
		left:226px;
		width: 44px ;
		height:83px;
	}
	#nav li.bienetre a {
		display: block ;
		width: 44px ;
		height:83px;
		background: url(images/tete_03.jpg) left top no-repeat ;
		text-decoration:none;
	}
	#nav li.bienetre a  span{
		position:absolute;
		left:-193px;
		top:-50px;
	}
	#nav li.bienetre a:hover {
		background: url(images/tete_03.jpg) right top no-repeat ;
	}
	/* Class cicatrice */
	#nav li.cicatrice {
		position:absolute;
		top:83px;
		left:226px;
		width: 44px ;
		height:84px;
	}
	#nav li.cicatrice a {
		display: block ;
		width: 44px ;
		height:84px;
		background: url(images/tete_04.jpg) left top no-repeat ;
		text-decoration:none;
	}
	#nav li.cicatrice a  span{
		position:absolute;
		left:-193px;
		top:-133px;
	}
	#nav li.cicatrice a:hover {
		background: url(images/tete_04.jpg) right top no-repeat ;
	}
	/* Class peau */
	#nav li.peau {
		position:absolute;
		top:83px;
		left:188px;
		width:38px ;
		height:84px;
	}
	#nav li.peau a {
		display: block ;
		width:38px ;
		height:84px;
		background: url(images/tete_05.jpg) left top no-repeat ;
		text-decoration:none;
	}
	#nav li.peau a  span{
		position:absolute;
		left:-155px;
		top:-133px;
	}
	#nav li.peau a:hover {
		background: url(images/tete_05.jpg) right top no-repeat ;
	}
	/* Class sante */
	#nav li.sante {
		position:absolute;
		top:83px;
		left:143px;
		width: 45px ;
		height:84px;
	}
	#nav li.sante a {
		display: block ;
		width: 45px ;
		height:84px;
		background: url(images/tete_06.jpg) left top no-repeat ;
		text-decoration:none;
	}
	#nav li.sante a:hover {
		background: url(images/tete_06.jpg) right top no-repeat ;
	}
	#nav li.sante a  span{
		position:absolute;
		left:-110px;
		top:-133px;
	}
	/* Span */
	/* position:absolute;
		left:0px;
		top:-150px; */
	#nav li.sante a  span, #nav li.peau a  span, #nav li.cicatrice a  span, #nav li.bienetre a  span, #nav li.antiage a  span, #nav li.amincissement a  span{
		width:300px;
		visibility:hidden;
		background:url(images/applications_fond.jpg);
		color:#16717d;
		font-size:20px;
	}
	#nav li.sante a:hover span, #nav li.peau a:hover span, #nav li.cicatrice a:hover span, #nav li.bienetre a:hover span, #nav li.antiage a:hover span, #nav li.amincissement a:hover span{
		visibility:visible;
		z-index:100;
	}

#cible_thalasso{
	position:absolute;
	width:674px;
	height:500px;
	top:51px;
	left:255px;
	border-right:#CCCCCC 1px solid;
}
#conteneur_distrib{
	position:absolute;
	width:674px;
	height:500px;
	top:51px;
	left:255px;
	border-right:#CCCCCC 1px solid;
	background:url(photos/fd_distrib.jpg) no-repeat;
	z-index:0;
}
#conteneur_philo{
	position:absolute;
	width:674px;
	height:500px;
	top:51px;
	left:255px;
	border-right:#CCCCCC 1px solid;
	background:url(photos/fd_philo.jpg) no-repeat;
	z-index:0;
}
#conteneur_societe{
	position:absolute;
	width:674px;
	height:500px;
	top:51px;
	left:255px;
	border-right:#CCCCCC 1px solid;
	background:url(photos/fd_societe.jpg) no-repeat;
	z-index:0;
}

	

#fil_ariane{
	position:absolute;
	padding:10px;
	font-size:10px;
	color:#a4a4a4;
}
#accroche{
	position:absolute;
	top:50px;
	left:150px;
	font-size:14px;
	color:#0d6873;
	font-weight:bold;
	z-index:1;
	
}
#photo{
	position:absolute;
	top:0;
}
#contenu{
	position:absolute;
	width:300px;
	margin: 100px 10px 0px 190px;
	font-size:11px;
	
}
	#contenu dt {
		padding-top:10px;
		color:#108194;
		font-weight:bold;
	}
	#contenu dd, #reference li{
		color:#474242;
		padding-right:10px;
	}
#reference{
	position:relative;
	width:280px;
	font-size:11px;
	background-color:#F9F3EC;
	padding:10px;
}
	#reference ul {
		list-style:none;
	}
	#reference li.titreul{
		color:#108194;
	}
.photos{
	position:relative;
	height:130px;
	width:160px;
	float:left;
	margin-bottom:1em;
}
.photos div.photos_img{
	display:block;
	text-align:center;
}
.photos div.photos_titre{
	/*text-align:center;*/
}
.photos div.photos_titre a{
	color:#108194;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
.photos div.photos_titre a:hover{
	color:#474242;
}

/* Societe.php */
#societe_texte{
	padding:20px 10px;
}
#societe_philo{
	padding:10px 10px;
}
#distribution{
	padding:20px 10px;
	
}
#societe_texte, #societe_philo, #distribution, #produits{
	position:absolute;
	top:80px;
	left:15px;
	color:#474242;;
	font-size:11px;
	width:510px;
	height:313px;
}
#societe_texte dt , #societe_philo dt, #distribution dt, #accompagnement dt, #produits dt{
	font-size:14px;
	color:#108194;
	padding-top:10px;
	font-weight:bold;
}
#accompagnement{
	position:absolute;
	top:80px;
	left:15px;
	color:#000000;
	font-size:11px;
	width:650px;
	height:407px;
}
#accompagnement_photo{
	position:absolute;
	width:645px;
	height:235px;
	background:url(images/accompagnement_1.jpg);
	top:260px;
	left:16px;
}
dd.societe_retrait{
	position:relative;
	/*width:680px;*/
	left:10px;
}
/* Contact */
#contact_texte{
	position:absolute;
	top:20px;
	left:15px;
	color:#000000;
	font-size:11px;
	width: 660px;
	height:470px;
	overflow:auto;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#0d7e90;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#b8d6da;
	scrollbar-highlight-color:#0d7e90;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#0d7e90;
}
#contact_texte label{
	display:inline;
	float:left;
	width:100px;
}
/* Produits */
#produits{
	position:absolute;
	top:130px;
	left:150px;
	color:#474242;
	font-size:11px;
	width:300px;
	height:313px;
}
#produit_titre{
	position:absolute;
	width:350px;
	top:60px;
	left:318px;
	font-size:18px;
	color:#726D6D;
}
#produit_titre span{
	color:#0D6873;
	font-size:14px;
}
#accroche_activea{
	position:absolute;
	width:160px;
	top:60px;
	left:670px;
	color:#0D6873;
	font-size:12px;
	text-align:center;
}

/* News */
#news{
	position:absolute;
	top:80px;
	left:15px;
	color:#474242;
	font-size:11px;
	width: 500px;
	height:390px;
	padding-right:10px;
	overflow:auto;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#0d7e90;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#b8d6da;
	scrollbar-highlight-color:#0d7e90;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#0d7e90;
}
#produits_bandeau, #produits_bandeau2{
	position:absolute;
	width:165px;
	height:75px;
	top:130px;
	left:500px;
	padding-left:5px;
	font-size:11px;
	color:#6A6A6A ;
	border-left:#CCCCCC 1px solid;
}
#produits_bandeau{
	top:130px;
	height:310px;
}
#produits_bandeau2{
	top:70px;
	height:410px;
}

#produits_photo{
	position:absolute;
	width:300px;
	height:400px;
	top:55px;
	left:120px;
}
#produits dd {
margin-top:5px;
}
#produits li {
list-style:url(photos/plus.gif);
}
#news h4 {
font-size:14px;
color:#0D6873;
}
.left {
float:left;
}