body  { 
	background: url("./image/graphism.png") #e2f9ca fixed; 
	font-size: 12px; 
	font-family: Arial, Verdana; 
	text-align: justify;
}
img { 
	border: none;
}

a {
	text-decoration: none; 
	color: #52961b;
}

a:link { 
	text-decoration: none;
}
a:visited { 
	text-decoration: none;
}
a:hover { 
	text-decoration: none; 
	color: #d8498b;
}
a:hover  #adv{ 
	border: 1px solid #52961b;
	position: absolute;
	width: 225px;
	height: 421px; 
	top: -125px; 
	left: 10px;
}
a:hover .prod_img {
	width:25px;
}
a:active { 
	text-decoration: none;
}
label {
	color: #07629b;
}
#conteneur { 
	position: relative; 
	width: 1000px; 
	height: 560px; 
	margin: auto;
}
#right_col { 
	position: absolute; 
	width: 250px; 
	height: 560px; 
	left:10px;
	z-index: 10;
}
#logo { 
	position: absolute; 
	width: 90px; 
	height: 90px; 
	top: 0px; 
	left: 0px; 
}
#city { 
	position: absolute; 
	width: 130px; 
	height: 65px; 
	top: 15px; 
	left: 95px; 
}
#ad { 
	background: url("./image/adv.png"); 
	position: absolute; 
	width: 210px; 
	height: 305px; 
	top: 121px; 
	left: -20px;
}
#advnavig{
	position: absolute;
	width: 210px; 
	height: 32px;  
	left: -20px;
	top:89px;
	z-index: 1;
}
#adv{
	position: absolute;
	width: 155px; 
	height: 281px; 
	top: 6px; 
	left: 26px;
	z-index: 1;
}
#promo{
	position: absolute;
	width: 200px;
	top: 13px;
	color: white;
	text-align: center;
	font-family:  "myriad pro", Arial, Verdana;
	font-size: 14px;
}
#nav { 
	position: absolute; 
	width: 777px; 
	height: 100px; 
	right: -6px;
	top: 20px;
	z-index: 2;
	}	
#mag { 
	position: absolute; 
	width: 100px; 
	height: 100px; 	 
	right: 413px; 
	background-color: #98d04c;
	z-index: 2;
}
#prod { 
	position: absolute; 
	width: 100px; 
	height: 100px; 	 
	right: 313px; 
	background-color: #65b922;
	z-index: 2;
}
#charte { 
	position: absolute; 
	width: 100px; 
	height: 100px;  
	right: 213px; 
	background-color: #50A21A;
	z-index: 2;
}
#client { 
	position: absolute; 
	width: 100px; 
	height: 100px; 
	right: 113px; 
	background-color: #3A8B13;
	z-index: 2;
}
#plan { 
	position: absolute; 
	width: 100px; 
	height: 100px;  
	right: 13px; 
	background-color: #25740B;
	z-index: 2;
}
#newsnav_mag { 
	position: absolute; 
	width: 265px; 
	height: 20px; 
	top: 80px; 
	left: 0px; 
	background-color: #98d04c;
}
#newsnav_prod { 
	position: absolute; 
	width: 265px; 
	height: 20px; 
	top: 80px; 
	left: 0px; 
	background-color: #65B922;
	z-index: 1;
}
#newsnav_eng { 
	position: absolute; 
	width: 265px; 
	height: 20px; 
	top: 80px; 
	left: 0px; 
	background-color: #50A21A;
	z-index: 1;
}
#newsnav_client{ 
	position: absolute; 
	width: 265px; 
	height: 20px; 
	top: 80px; 
	left: 0px; 
	background-color: #3A8B13;
	z-index: 6;
}
#newsnav_plan { 
	position: absolute; 
	width: 265px; 
	height: 20px; 
	top: 80px; 
	left: 0px; 
	background-color: #25740B;
	z-index: 1;
}	
#mainframe { 
	position: absolute; 
	width: 835px; 
	height: 445px; 
	top: 120px; 
	right: -12px;
	background: url("./image/mainframe.png");
	z-index: 2;
} 
#titre{ 
	position: absolute; 
	width: 500px; 
	height: 50px; 
	left: 70px; 
	top: -10px; 
	z-index: 3;
}
#what { 
	position: absolute; 
	width: 580px; 
	height: 130px; 
	top: 25px;
	left: 90px;
	z-index: 3;
}
#texta { 
	position: absolute; 
	width: 280px; 
	height: 130px; 
	left: 0px; 
}
#textb { 
	position: absolute; 
	width: 280px; 
	height: 130px; 
	left: 310px; 
}
#logo_quali { 
	position: absolute; 
	width: 100px; 
	height: 90px; 
	right: 30px; 
	top: 5px; 
	z-index: 3;
}
#logo_cosme { 
	position: absolute; 
	width: 100px; 
	height: 66px; 
	right: 30px; 
	top: 95px; 
	z-index: 3;
}
#logo_fond { 
	position: absolute; 
	width: 250px; 
	height: 255px; 
	left: 115px; 
	top: 170px;
}
#where { 
	position: absolute; 
	width: 250px; 
	height: 230px; 
	left: 115px; 
	top: 190px; 
	z-index: 3; 
	font: 12px, verdana, bold; 
	text-align: center; 
	color: #489BBC;
}
#picmag { 
	position: absolute; 
	width: 425px; 
	height: 255px; 
	right: 23px; 
	bottom: 20px;
}
#picprod { 
	position: absolute; 
	width: 350px; 
	height: 165px; 
	right: 22px; 
	bottom: 18px;
}
#complet { 
	position: absolute; 
	width: 300px; 
	height: 380px; 
	left: 120px; 
	top: 40px; 
	z-index: 3;
	}
#cosmet { 
	position: absolute; 
	width: 300px; 
	height: 220px; 
	left:450px; 
	top: 40px; 
	z-index: 3;
	}
#contenu_charte { 
	position: absolute; 
	width: 500px; 
	height: 380px; 
	top: 50px; 
	left: 180px;
	line-height: 120%;	
	z-index: 3;
}
#inscription { 
	position: absolute; 
	width: 440px; 
	height: 200px; 
	top: 130px; 
	left: 190px; 
	z-index: 3; 
	text-align: center;
}
#newsletter{
	position: absolute;
	width: 400px;
	height: 30px;
	top: 0px;
	left: 50px;
	font-family: Verdana, Arial;
	font-size: 12px; 
	color: #588886;
	}
#bouton {
	position: absolute;
	width: 80px;
	height: 55px;
	top: 55px;
	left: 345px;
	}
#error{
position: absolute;
width: 250px;
height: 25px;
top: 130px;
left: 130px;
color:red; 
}
#errorMsg{
position: relative;
text-align: left;
top:-13px;
left: 25px;
width: 240px;
}
#situ { 
	position: absolute; 
	width: 250px; 
	height: 200px; 
	top: 50px; 
	left: 100px; 
	z-index: 3;
}
#map { 
	position: absolute; 
	width: 436px; 
	height: 350px; 
	top: 60px; 
	left: 370px; 
	z-index: 3;
}
#foot { 
	position: absolute; 
	width: 600px; 
	height: 20px;
	left: 320px;
	top: 560px;
	text-align: center;
	z-index: 5;
}
.paragraph { 
	font-family: Arial, Verdana;
	font-size: 12px; 
	color: #588886;
	font-weight: normal;
}
.boldblue { 
	font-family: "Trajan pro",Arial, Verdana;
	font-size: 14px; 
	color: #027537;
}
.boldgreen { 
	color: #007945; 
}
.red{ 
	font-family: "Trajan pro", Arial, Verdana;
}
.small { 
	font-size: 10px; 
	color: #588886;
}
.navig { 
	font-family:  "myriad pro", Arial, Verdana;
	position: absolute; 
	left: 10px; 
	bottom: 2px; 
	font-size: 14px; 
	color: white;
}	
.news { 
	font-family:  Arial, Verdana;
	position: absolute; 
	height: 15px;
	right: 15px; 
	bottom: 3px; 
	font-size: 16px; 
	color: white;
	font-weight: normal;
}	
.liste { 
	list-style-type: none; 
}
.soutitrea {
	font-family: "Trajan pro", Arial, Verdana;
	color: #489BBC;
	position: relative;
	left: -25px;
}
.cat { 
	height: 32px;
	left: 50px;
}
.prod { 
	position: relative; 
	bottom: 5px;
}
.prod_img{
	width:23px;
}
.liste_charte { 
	list-style-image: url("./image/feuille.jpg");
}
.footer { 
	color: #007945;
}