/* Class de travail ---------------------------------------------------------- */
.comment {font-family:Courier New, Courier, mono; color:#999999; font-size:11px;}
.titre_smalltext {font-size:16px; font-weight:bold; color:#0000FF;}
/* ---------------------------------------------------------- Class de travail */

/* Redifinition des balises general ---------------------------------------------------------- */
img {behavior: url("img/pngbehavior.htc");}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #00254c;}
body {
	background: #0098d7 url(images/bgsite.jpg) repeat-x;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	min-width: 821px;
	z-index: 0;
	/*height: 100%;
	width: 100%;*/
}
p {margin-bottom:2px; margin-top:3px; padding-bottom:2px; padding-top:3px;}
h1 {font-size:16px; color:#0097DA;/*color:#003266; */margin-bottom:3px; margin-top:10px; padding-bottom:3px; padding-top:10px;}
h2 {font-size:14px; color:#0097DA;/*color:#003266; */margin-bottom:2px; margin-top:10px; padding-bottom:2px; padding-top:10px;}
h3 {font-size:13px; color:#003366;/*color:#003266; */margin-bottom:1px; margin-top:10px; padding-bottom:1px; padding-top:10px;}
a {color:#0065cc; text-decoration:none;}
a:hover {color:#0075a6; text-decoration:underline;}
/* ---------------------------------------------------------- Redifinition des balises general */

/* Class nectil ---------------------------------------------------------- */
.bodytext {font-size:12px;}
.bodytext10 {font-size:10px;}
.emphasis {font-style:italic;}
.titre_bleu_avec_pastille {color:#0099D7; font-size:15px; height:30px; background-image:url(images/pastille_bleu_ciel.gif); background-repeat:no-repeat; background-position:0px 0px; font-weight:bold; vertical-align: bottom; padding-top:12px; margin-left:1px; padding-left:40px;}
.titre_rouge {color:#ED1C24; font-size:12px; font-weight:bold;}
.prix_bleu {color:#0099D7; font-size:10px;}
.prix_bleu12 {color:#0099D7; font-size:12px;}
.petit_texte-gris {color:#666; font-size:10px;} 
.gras {font-weight:bold;}
.italique {font-style:italic;}
/* ---------------------------------------------------------- Class nectil */

/* Class divers ---------------------------------------------------------- */
.hr {width:auto; height:7px; border-bottom:1px dashed #D9D9D9; /*padding-bottom:5px;*/ margin-bottom:10px;}
.hr2 {width:auto; height:1px; border-bottom:1px dashed #D9D9D9; padding-bottom:1px; margin-bottom:1px;}
.hr_bleu {width:auto; height:0px; border-top:1px solid #6360ce; padding-top:3px; margin-top:3px;}
.hr_bleu_ciel {width:auto; height:0px; border-top:2px solid #0099ff; padding-top:1px; margin-top:1px;}
.bot_td { border-bottom:1px solid #6360ce;}
.bot_td2 { border-bottom:1px dashed #D9D9D9;}
.img0border {border:0px;}
.1col_auto {width:540px;}
.2col_auto {width:270px; height:300px; float:left;}
.3col_auto {float:left; width:160px; height:200px; margin-left:10px;}
.1col_auto_large {position:relative; width:720px; height:180px; display:block; float:left;}
.2col_auto_large {position:relative; width:320px; height:300px; display:block; float:left; margin-left:20px;}
.3col_large_auto {position:relative; width:210px; height:200px; display:block; float:left; margin-left:10px;}
.float_right_italic {clear:both; display:block; float:right; margin-top:20px; margin-bottom:20px; font-size:13px; font-style:italic;  text-align:right;}
.both_block {clear:both; display:block;}
.both_block_bottom10 {clear:both; display:block; margin-bottom:10px;}
.petit_italic { font-size:9px; font-style:italic;}
.margin10 { margin:0px;}
.padding10 {padding:10px;}
.fond_color1 {background-color:#E1F3FF;}
/* ---------------------------------------------------------- Class divers */
	
/* layer qui centre le site ---------------------------------------------------------- */
#website {
	text-align: left;
	position:relative;
	width:821px; /*height:100%; left:50%; margin-left:-410px; top:0px; background-image:url(images/bg_website.gif); background-repeat:no-repeat; background-color:#FFF;*/
	top: -38px;
	background: #FFFFFF url(images/header_website.jpg) no-repeat;
	/*margin: 0;*/
	margin-left: auto;
	margin-right: auto;
}
/*#reparbug	{ width:100%; height:100%; position:relative; border:1px solid #000; }*/
#page_contrat {margin-left:10px;margin-right:10px; top:10px;}	
	
	/* Logo ============================================ */
	#logociel { position:absolute; top:39px; left:28px; width:149px; height:81px; }
	#logociel h1 {visibility:hidden; display:none;}
	#logocielnl { position:absolute; top:40px; left:28px; width:149px; height:81px; }
	#logocielnl h1 {visibility:hidden; display:none;}
	/* ============================================ Logo */
	
	
	/* Navigation haute ============================================ */
	#Navigation_Haute {position:absolute; top:72px; color:#003366; right:28px;}
	#Navigation_Haute a {color:#003366; text-decoration:none;}
	#Navigation_Haute a:hover {color:#003366; text-decoration:underline;}

	
	/*COULEUR===========================================================================*/
	#Navigation a {color:#003366; height:30px; background-color:#42BDEF; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	#Navigation a:hover {color:#ffffff; height:30px; background-color:#0098d7; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	/*===========================================================================COULEUR*/
	
	
	/* ============================================ Navigation haute */
	
	
	/* Gros titres ============================================ */
	#ombre_grostitres {position:absolute; top:134px; left:28px; width:764px; height:15px; text-align:center;}
	#Bandeau {position:absolute; top:149px; left:28px; width:764px; height:60px; text-align:center; color:white; font-family:verdana; font-size:32px; line-height:41px;}
	.Grostitres { color:#0098d7;}
	/* ============================================ Gros titres */
	
	/* Ambiances Couleurs ============================================ */
	.Bleu_ciel{background-color:#0098D7;height:100%;}
	#Navigation a.Bleu_ciel{background-color:#42BDEF;height:100%;}
	#Navigation a.Bleu_ciel:hover {color:#ffffff; height:30px; background-color:#0098D7; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Bleu_ciel_txt{color:#0098D7;}
	#Navigation a.Bleu_ciel_hover {color:#ffffff; height:30px; background-color:#0098D7; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Bleu_ciel_txt{color:#0098D7;}
	
	.Bleu_fonce{background-color:#002c56;height:100%;}
	#Navigation a.Bleu_fonce{background-color:#80A0D3;height:100%;}
	#Navigation a.Bleu_fonce:hover {color:#ffffff; height:30px; background-color:#002c56; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Bleu_fonce_txt{color:#002c56;}
	#Navigation a.Bleu_fonce_hover {color:#ffffff; height:30px; background-color:#002c56; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Bleu_fonce_txt{color:#002c56;}
	
	.Vert_eau{background-color:#55C2B8;height:100%;}
	#Navigation a.Vert_eau{background-color:#BBE2DC; height:100%;}
	#Navigation a.Vert_eau:hover {color:#ffffff; height:30px; background-color:#55C2B8; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Vert_eau_txt{color:#55C2B8;}
	#Navigation a.Vert_eau_hover {color:#ffffff; height:30px; background-color:#55C2B8; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Vert_eau_txt{color:#55C2B8;}
	
	.vert_clair{background-color:#9AB72D;height:100%;}
	#Navigation a.Vert_clair{background-color:#DAE09C; height:100%;}
	#Navigation a.Vert_clair:hover {color:#ffffff; height:30px; background-color:#9AB72D; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.vert_clair_txt{color:#9AB72D;}
	#Navigation a.Vert_clair_hover {color:#ffffff; height:30px; background-color:#9AB72D; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.vert_clair_txt{color:#9AB72D;}
	
	.Vert_pomme{background-color:#0DB14B;height:100%;}
	#Navigation a.Vert_pomme{background-color:#AED477; height:100%;}
	#Navigation a.Vert_pomme:hover {color:#ffffff; height:30px; background-color:#0DB14B; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Vert_pomme_txt{color:#0DB14B;}
	#Navigation a.Vert_pomme_hover {color:#ffffff; height:30px; background-color:#0DB14B; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Vert_pomme_txt{color:#0DB14B;}
	
	.Vert_nature{background-color:#00794D;height:100%;}
	#Navigation a.Vert_nature{background-color:#8FBF8F; height:100%;}
	#Navigation a.Vert_nature:hover {color:#ffffff; height:30px; background-color:#00794D; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Vert_nature_txt{color:#00794D;}
	#Navigation a.Vert_nature_hover {color:#ffffff; height:30px; background-color:#00794D; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Vert_nature_txt{color:#00794D;}
	
	.Jaune{background-color:#FFC20E; height:100%;}
	#Navigation a.Jaune{background-color:#FFEDA9; height:100%;}
	#Navigation a.Jaune:hover {color:#ffffff; height:30px; background-color:#FFC20E; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Jaune_txt{color:#FFC20E;}
	#Navigation a.Jaune_hover {color:#ffffff; height:30px; background-color:#FFC20E; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Jaune_txt{color:#FFC20E;}
	
	.Jaune_orange{background-color:#F9A01B; height:100%;}
	#Navigation a.Jaune_orange{background-color:#FEDBB4; height:100%;}
	#Navigation a.Jaune_orange:hover {color:#ffffff; height:30px; background-color:#F9A01B; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Jaune_orange_txt{color:#F9A01B;}
	#Navigation a.Jaune_orange_hover {color:#ffffff; height:30px; background-color:#F9A01B; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Jaune_orange_txt{color:#F9A01B;}
	
	.Orange{background-color:#F37021; height:100%;}
	#Navigation a.Orange{background-color:#FBBEA7; height:100%;}
	#Navigation a.Orange:hover {color:#ffffff; height:30px; background-color:#F37021; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Orange_txt{color:#F37021;}
	#Navigation a.Orange_hover {color:#ffffff; height:30px; background-color:#F37021; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Orange_txt{color:#F37021;}
	
	.Rouge{background-color:#DA2128;height:100%;}
	#Navigation a.Rouge{background-color:#F69679; height:100%;}
	#Navigation a.Rouge:hover {color:#ffffff; height:30px; background-color:#DA2128; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Rouge_txt{color:#DA2128;}
	#Navigation a.Rouge_hover {color:#ffffff; height:30px; background-color:#DA2128; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Rouge_txt{color:#DA2128;}
	
	.Prune{background-color:#A62B43; height:100%;}
	#Navigation a.Prune{background-color:#CC8D88; height:100%;}
	#Navigation a.Prune:hover {color:#ffffff; height:30px; background-color:#A62B43; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Prune_txt{color:#A62B43;}
	#Navigation a.Prune_hover {color:#ffffff; height:30px; background-color:#A62B43; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Prune_txt{color:#A62B43;}
	
	.Mauve{background-color:#b6188a; height:100%;}
	#Navigation a.Mauve{background-color:#E9B3D2; height:100%;}
	#Navigation a.Mauve:hover {color:#ffffff; height:30px; background-color:#b6188a; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Mauve_txt{color:#b6188a;}
	#Navigation a.Mauve_hover {color:#ffffff; height:30px; background-color:#b6188a; padding-left:12px; padding-right:12px; padding-bottom:9px; padding-top:9px; text-align:center; vertical-align: middle; text-decoration:none;}
	.Mauve_txt{color:#b6188a;}
	/* ============================================ Ambiances Couleurs */
	
	
	/* Resultats Contenu des pages ============================================ */
	#resultat {
	position:relative;
	top:209px;
	left:28px;
	width:765px;
	/*height:auto;
	padding-bottom:15px;
	margin-bottom:15px;*/
}
		/* Produits >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
		/*#accueil_Menu { background-image:url(images/degrader_vert.jpg); background-repeat:no-repeat; color:#5D6574; position:absolute; top:0px; left:0px; width:200px;}*/
		#accueil_Menu { padding-top:10px; background-image:url(images/degrader_vert.jpg); background-repeat:no-repeat; color:#5D6574; width:200px; float:left; }
		#accueil_Menu a {color:#354056; text-decoration:none; padding-top:1px; padding-bottom:1px; margin-top:0px; margin-bottom:0px;}
		#accueil_Menu a:hover {text-decoration:none; /*background-color:#E1F3FF;*/ color:#000; padding-top:2px; padding-bottom:2px; margin-top:0px; margin-bottom:0px;}
		#accueil_Menu h4 { font-size:12px; color:#0098D7; padding-top:2px; margin-top:2px;  padding-bottom:0px; margin-bottom:0px;}
		#accueil_Menu p { font-size:10px; margin-left:10px; margin-right:10px;}
		.deg_bleu { background-image:url(images/degrader_bleu.jpg); background-repeat:repeat-x;}
		.capitilize { font-size:16px;  text-transform:capitalize; font-variant:small-caps; color:#0098D7; font-weight:bold; margin-left:10px; margin-right:10px;}
		.form {border:1px solid #CBD7E2; width:100px; float:right;}
		.form_ok {border:1px solid #CBD7E2; float:right;}
		#Menu {color:#5D6574; float:left; width:200px;}
		#Menu a {color:#5D6574; text-decoration:none; width:200px; padding-top:2px; padding-bottom:2px; margin-top:0px; margin-bottom:0px;}
		#Menu a:hover {text-decoration:none; width:200px; background-color:#E1F3FF; color:#000; padding-top:2px; padding-bottom:2px; margin-top:0px; margin-bottom:0px;}
		#Menu h4 { font-size:12px; color:#0098D7; padding-top:2px; margin-top:2px;  padding-bottom:0px; margin-bottom:0px;}
		#Menu p { font-size:10px; color:#0098D7;}
			.Menu_Produit_Niv1 {font-size:12px; width:200px; height:14px; background-color:#F7F7F7; color:#0097DA; font-weight:bold; border-top:1px solid #FFF; border-bottom:1px solid #E4E5E0; clear:both; text-transform:capitalize; font-variant:small-caps; padding-top:2px; padding-bottom:2px; margin-top:0px; margin-bottom:0px;}
			.Menu_Produit_Niv2 {font-size:10px; width:200px; height:14px; background-color:#F7F7F7; border-top:1px solid #FFF; border-bottom:1px solid #DEE7E8; clear:both; padding-top:3px; padding-bottom:3px; margin-top:0px; margin-bottom:0px;}
			.All_Menu_Produit_Niv3 {padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; display:none;}
				.Menu_Produit_Niv3 {font-size:10px; width:200px; height:14px; background-color:#FFF; clear:both; padding-top:2px; padding-bottom:2px; margin-top:0px; margin-bottom:0px;}
		/* element a droite du menu ---------- */
		/*#droitemenu {position:relative; top:10px; left:220px; width:545px;}*/
		#droitemenu { width:545px; float:right; margin-left:10px; }
		#droitemenu2 { width:545px; float:left; }
			#sixpack {position:relative; height:158px; left:20px; text-align:center;}
				.imgpack {position:relative; left:30px; float:left; margin-left:-50px; border:1px none #fff;}
				.imgevo {position:relative; left:60px; float:left; margin-left:-60px; border:1px none #fff;}
			.explication {position:relative; width:545px; left:0px; text-align:center; padding-bottom:5px; margin-bottom:5px;}
				
			#offres {position:relative; width:545px; height:75px; left:0px; padding-bottom:5px; margin-bottom:5px; text-align:center;}
			#2cols { width:545px; left:0px; /*border-bottom:1px dashed #D9D9D9;*/}
				/*#Col_1 {position:absolute; left:0px; width:270px; border-right:1px dashed #D9D9D9;}*/
				#Col_1 { width:270px; border-right:1px dashed #D9D9D9; float:left; }
				#gamme {position:relative; left:0px; width:260px; height:173px; border-bottom:1px dashed #D9D9D9; padding-bottom:10px; margin-bottom:10px;}
				/*#Col_2 {position:relative; left:280px; width:270px;}*/
				#Col_2 { width:270px; float:left; }
					#produit_promo {position:relative; left:0px; width:260px; height:173px; border-bottom:1px dashed #D9D9D9; padding-bottom:10px; margin-bottom:10px;}
					#Promo_libre {position:relative; left:0px; width:260px; height:173px; border-bottom:1px dashed #D9D9D9; padding-bottom:10px; margin-bottom:10px;}
					#Testimoniale {position:relative; color:#FFFFFF; font-weight:bold; background-image:url(images/bg_testimonial.gif); background-repeat:no-repeat; background-color:#6391A3; left:0px; width:260px; min-height:173px; padding-bottom:10px; margin-bottom:10px;}
					#Testimoniale h3 {color:#DBFF00; font-size:15px; padding-bottom:1px; margin-bottom:1px; text-indent:70px;}
					.testimony_soustitre {left:25px; font-size:13px; text-indent:65px;}
					#Testimoniale p {font-style:italic; font-size:11px; width:210px; margin:25px; padding-top:2px; padding-bottom:2px; margin-top:2px; margin-bottom:2px;}
		/* ---------- element a droite du menu */
		/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Produits */
		
		/* Soci�t� >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
		#societe {position:relative; left:25px; top:15px; width:715px; height:auto; font-size:12px;}
		#societe .emphasis {font-weight:bold;}
		/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Soci�t� */
		
		/* Presse >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
		#presse {position:relative; left:25px; top:15px; width:715px; height:auto; font-size:12px;}
		#presse a {color:#003366; text-decoration:none;}
		#presse a:hover { text-decoration:underline;}
		/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Presse */
		
	.clear	{ clear:both; }
	
	/* Pack evolution >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
	.img_evolution {position:absolute; top:10px; left:0px; width:100px;}
	.content_evolution {position:relative; top:0px; left:115px; width:425px;}
	/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Pack evolution */
	
	#pousse_pousse {position:relative; height:20px; width:821px;}
	/* ============================================ Resultats Contenu des pages */
	
	/* Navigation Basse ============================================ */
	/*#Navigation_Basse { position:absolute; bottom:0; color:#003366; height:49px; left:0px; width:821px; text-align:center; clear:both;}*/ /*background-image:url(images/bg_website_bottom.gif); background-repeat:no-repeat; background-position:bottom;*/
	/*html>body #Navigation_Basse { bottom:-300px; }*/
	#Navigation_Basse {
	color:#003366;
	height:10px;
	text-align:center;
	
	
}
	#Navigation_Basse a {color:#003366; text-decoration:none;}
	#Navigation_Basse a:hover {color:#003366; text-decoration:underline;}
	/* ============================================ Navigation Basse */
/* ---------------------------------------------------------- layer qui centre le site */

#cu3er {
	height: 250px;
	width: 528px;
	border-top-style: 10;
	border-bottom-style: 10;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	float: right;
	position: relative;
}

#cloudfxx	{
	background: url(images/cloudfx.png) no-repeat center top;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	height:342px;
	width:1423px;
	z-index: 1;
	
}