/* ::::: Global ::::: */
a {
	outline: none;
}
:focus {
	-moz-outline-style: none;
}
* 			
{	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#285ea6;
	/*line-height: normal; */}
	
body 		
{	margin:0; 
	padding:0; 
	text-align:left;
	background-color:#fff;}
	
img			
{	border:0; }

ul,ol,dl,dd	
{ 	list-style:none outside none; 
	margin:0; 
	padding:0; }
	
h1,h2,h3,h4,form	
{ 	margin:0; 
	padding:0; }
		
a			
{	text-decoration:none; }
			
a:hover		
{	text-decoration:underline; }

/*##############  TAILLES DE POLICE  #####################*/
.txt12{ font-size:12px;}
.txt14{ font-size:14px;}
.txt16{ font-size:16px;}
.txt18{ font-size:18px;}
/*########################################################*/

.fLeft 
{	

	float:left;
	padding:0;
	margin:0; }	
.AccueilProduit{ width:440px;}		
.fRight 
{	float:right;
	padding:0;
	margin:0; }
hr.clear{ margin:0; padding:0}		
.clear 		
{	clear:both;
	visibility:hidden;
	height:1px;
	font-size:1px; }

.separator 
{	height: 15px;
	background: url(../skins/ligne-points-gris.gif) 0 100% repeat-x; }

.space 
{	height: 20px;
	width:100%;
	font-size:1px;
	margin:0;
	padding:0;}

sup 
{	font-size:10px;
	padding-left:2px;
	color: #285ea6;}

.noborder 		
{	border: 0 !important; }

.imgLeft
{	float:left;
	padding:10px 10px 10px 0; }	

.imgRight 
{	float:right;
	padding:10px 0 10px 10px; }	


/*	##### PAGE DE CONTENU ##### */

#container	
{	position:relative;
	top:0px;
	width:980px; 
	margin:auto;
	padding:0 10px;
	}	
#sous {
	position:relative;
	top:0px;
	width:980px;
	margin:auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
}

	/*  :::: Intro flash  ::: -*/

#bando { 
height:90px;
margin-top:10px;
}

/** html #bando { left:25px;}*/

#anim_intro {
	position:absolute;
	top:-45px;
	z-index:20;
	}
	
	/*	:::: Header :::: */

	#container #header	
	{	width:922px;
		height:177px;
		margin-top:10px;
		padding-left:58px;
		text-align:center;
	}

	#container #header .produit
	{	float:right;
		margin-left:5px; }	
		
	/*	:::: Menu :::: */

	#container #menu	
	{
	width:977px;
	/*height:25px;*/
		margin:0 0 10px 0;
	z-index: 3;
		}	

	#container #menu .menu1, #container #menu .hp_menu1
	{	width:100%;
		height:27px;
		/*background-color: #d4dfef; */}

	#container #menu .hp_menu1	
	{	height:25px !important; }	

	#container #menu .menu2
	{	width:100%;
		height:22px;
		background:url(../skins/menu/sousMenuBg.jpg) top left no-repeat;}

	#menu ul li { float: left; }
	
	.menu1 ul li {}
	.menu1 a { display: block; height: 25px; padding: 0; }
	.menu1 #bt0 { width: 211px; background: url(../skins/menu/mn0-bt0.gif) 0 0 no-repeat; }
	.menu1 #bt1 { width: 181px; background: url(../skins/menu/mn0-bt1.gif) 0 0 no-repeat; }
	.menu1 #bt2 { width: 182px; background: url(../skins/menu/mn0-bt2.gif) 0 0 no-repeat; }
	.menu1 #bt3 { width: 181px; background: url(../skins/menu/mn0-bt3.gif) 0 0 no-repeat; }
	.menu1 #bt4 { width: 219px; background: url(../skins/menu/mn0-bt4.gif) 0 0 no-repeat; }
	
	.menu2 ul li { padding: 0 15px; }
	.menu2 a { display: block; height: 22px; padding: 0; }
	
	/*
	.menu2 #s0_bt0 { width: 73px; background: url(../skins/mn1_0_bt0.gif) 0 0 no-repeat; }
	.menu2 #s0_bt1 { width: 29px; background: url(../skins/mn1_0_bt1.gif) 0 0 no-repeat; }
	.menu2 #s0_bt2 { width: 39px; background: url(../skins/mn1_0_bt2.gif) 0 0 no-repeat; }
	.menu2 #s0_bt3 { width: 64px; background: url(../skins/mn1_0_bt3.gif) 0 0 no-repeat; }
	*/
	
	.menu2 #menu2_1 { padding-left: 60px; }
	.menu2 #s1_bt0 { width: 150px; background: url(../skins/menu/mn1-1-bt0.gif) 0 0 no-repeat; }
	.menu2 #s1_bt1 { width: 239px; background: url(../skins/menu/mn1-1-bt1.gif) 0 0 no-repeat; }
	.menu2 #s1_bt2 { width: 207px; background: url(../skins/menu/mn1-1-bt2.gif) 0 0 no-repeat; }
	.menu2 #s1_bt3 { width: 155px; background: url(../skins/menu/mn1-1-bt3.gif) 0 0 no-repeat; }
	
	.menu2 #menu2_2 { padding-left: 300px; }
	.menu2 #s2_bt0 { width: 59px; background: url(../skins/menu/mn1-2-bt0.gif) 0 0 no-repeat; }
	.menu2 #s2_bt1 { width: 214px; background: url(../skins/menu/mn1-2-bt1.gif) 0 0 no-repeat; }
	.menu2 #s2_bt2 { width: 144px; background: url(../skins/menu/mn1-2-bt2.gif) 0 0 no-repeat; }
	
	.menu2 #menu2_3 { padding-left: 500px; }
	.menu2 #s3_bt0 { width: 73px; background: url(../skins/menu/mn1-3-bt0.gif) 0 0 no-repeat; }
	.menu2 #s3_bt1 { width: 91px; background: url(../skins/menu/mn1-3-bt1.gif) 0 0 no-repeat; }
	.menu2 #s3_bt2 { width: 60px; background: url(../skins/menu/mn1-3-bt2.gif) 0 0 no-repeat; }
	.menu2 #s3_bt3 { width: 153px; background: url(../skins/menu/mn1-3-bt3.gif) 0 0 no-repeat; }
	.menu2 #s3_bt4 {width: 122px; background: url(../skins/menu/mn1-3-bt4.gif) 0 0 no-repeat; }
	
	.menu2 #menu2_4 { padding-left: 450px; }
	.menu2 #s4_bt0 { width: 174px; background: url(../skins/menu/mn1-4-bt0.gif) 0 0 no-repeat; }
	.menu2 #s4_bt1 { width: 238px; background: url(../skins/menu/mn1-4-bt1.gif) 0 0 no-repeat; }
	.menu2 #s4_bt2 { width: 239px; background: url(../skins/menu/mn1-4-bt2.gif) 0 0 no-repeat; }
	
	.menu1 ul li a:hover, .hp_menu1 ul li a:hover, .menu2 a:hover, .menu1 .selected, .menu2 .selected { background-position: 0 100% !important; }
		
	/*	:::: Bandeau titre  :::: */

	#container #titre_rub	
	{	width:980px;
		height:59px;
		padding-top:7px;
		position:relative; }	
		
	/*	::::picto  :::: */	
	.picto{
	background-color:#eef8fa;
	position:relative;
	top:10px;
	/*_top:50px;
	_margin-bottom:25px;*/
	}
	
	.picto2{
	background-color:#fff6f7;

	width:713px;
	position:relative;
	/*top:37px;
	margin-bottom:15px;*/
	}
	
	.picto2 img{
	padding:0px;
	margin:0px;
	}
	/*	:::: Bandeau sous-titre  :::: */
	
	#container #titre_rub .flash {
	position:absolute;
	right:0px;
	top:0px;
	}
	#container #sstitre_rub	
	{	width:980px;
		height:62px;		
		margin-bottom:15px;
		background-color:#CBDDF6; }
		
	#container #sstitre_rub .sstitre
	{	float:left;
		width:500px;
		margin:22px 0 0 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#003274;
	}
	
	#container #sstitre_rub .sstitre p{
		width:500px;
		margin:0;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#003274;
	}

	#container #sstitre_rub .conseil
	{	float:right;
		width:233px;
		margin:5px 15px 0 15px; }	

	#container #sstitre_rub .lien
	{	float:left; 
		width:163px;
		margin:15px 0 0 7px;
	}	
		
	/*	:::: Contenu central  :::: */

	#container #col_centrale	
	{	width:745px;
		float:left; }

		
	/*	:::: Colonne de droite  :::: */

	/*#####################   Blocs GAMME, ACTU, OFFRES  ##########################*/
	.BlocContainer{
		width:205px;
		margin:0 0 0 10px;
		}
	.BlocContainer .item{
		margin-bottom:10px;		
	}
	.bloc_top{
		background:url(../skins/homepage/bloc_top.gif) top left no-repeat;
		font-family:Helvetica, Arial, sans-serif;
		text-transform:uppercase;
		padding:3px 0 0 10px;
		height:19px;
		}
	.bloc_top_rg{
		background:url(../skins/homepage/bloc_top_rg.gif) top left no-repeat;
		}
	.bloc_bottom{
		background:url(../skins/homepage/bloc_bottom.gif) bottom left no-repeat #DEEDFB;
		color:#0F2E71;
		padding:3px 0 3px 10px;
		
		}
	.bloc_bottom span, .bloc_bottom a{
		color:#0F2E71;
		font-size:11px;
	}
	.bloc_top span, .bloc_top span a{
		color:#FFF;
		}
	.bloc_top a:hover{ text-decoration:underline}
	.BlocContainer #bloc_2 .bloc_bottom{height:60px}
	.BlocContainer #bloc_4 .bloc_bottom{height:66px; padding-top:8px}
	.BlocContainer #bloc_2 a{ text-decoration:none; display:block; float:left; width:80px; }	
	.BlocContainer #bloc_2 .bloc_top a:hover{ text-decoration:underline}
	.BlocContainer #bloc_2 a.image{ width:101px; margin-right:5px;padding:10px 0 0 7px;}

	.BlocContainer #bloc_4 a {
		
		float:left;
		margin-right:10px;
		}	
	/*#####################   FIN Blocs GAMME, ACTU, OFFRES  ##########################*/
	
	#container #col_droite	
	{	width:215px;
		float:right;
		/*padding-left:12px; */}

	/*	:::: Bloc Vendome Actu  :::: ckground-image:url(../skins/homepage/fd_atu_int.jpg);*/
		#container #col_droite #vendome_actu
		{	float:left;
			width:224px;
			padding:0px 12px 12px 1px;
			margin-bottom:8px;
			height:180px;
			
				
	}
		#container #col_droite #vendome_actu ul
		{	margin-top:15px; }	

		#container #col_droite #vendome_actu li, #col_droite #diagnostic_peau li
		{	list-style:disc;
			margin-left:15px;
			color:#003374; }	

		#container #col_droite #vendome_actu li a, #col_droite #diagnostic_peau li a, #col_droite #offres_futees li a, #hp_offres_futees li a
		{	font-size:10px;
			font-weight:bold;
			color:#a84600; }	

	/*	:::: Bloc Espace Conseil Adulte  :::: */
		#container #col_droite #espace_adulte
		{	float:left;
			width:223px;
			padding:10px 12px 5px 15px;
			margin-bottom:8px;
			background: url(../skins/colonne_droite/coin-bleu.gif) no-repeat right bottom #b1ccf7; }
	
		#container #col_droite #espace_adulte li
		{	list-style:disc;
			margin-left:15px;
			padding-bottom:10px;
			color:#b3009e; }	
	
		#container #col_droite #espace_adulte li a
		{	font-size:11px;
			color:#043174; }	
	
		#container #col_droite #espace_adulte li a:hover
		{	color:#ffffff;
			text-decoration:none; }	

	/*	:::: Bloc Espace Bébé  :::: */
		#container #col_droite #espace_bebe
		{	float:left;
			width:228px;
			padding:15px 12px 15px 10px;
			margin-bottom:8px;
			background: url(../skins/colonne_droite/coin-vert.gif) no-repeat right bottom #dbe8fb; }

	/*	:::: Bloc Diagnostic de peau  :::: */
		#container #col_droite #diagnostic_peau
		{	float:left;
			width:235px;
			height:62px;
			padding:7px 0 0 15px;
			margin-bottom:8px;
			background: url(../skins/colonne_droite/fond-diagnostic.gif) no-repeat right bottom #eef7fa; }	
	
		#container #col_droite #diagnostic_peau p
		{	font-size:10px;
			color:#043174;
			margin:5px 0 0 0; }	

	/*	:::: Bloc Offres futées  :::: */
		#container #col_droite #offres_futees
		{	float:left;
			width:250px;
			padding-bottom:5px;
			margin-bottom:8px;
			background: url(../skins/colonne_droite/coin-rose.gif) no-repeat right bottom #feb8f7; }	

		#container #col_droite #offres_futees ul
		{	margin-left:15px; }	

		#container #col_droite #offres_futees li, #hp_offres_futees li
		{	display:inline;
			margin-left:5px;
			padding-left:10px;
			background:url(../skins/puce-bleue1.gif) no-repeat 0px 5px; }	
	

	/*	:::: Footer  :::: */

	#container #footer	
	{	float:left;
		width:980px;
		height:104px;
		margin:20px 0 10px 0;
	}	
		
	#container #footer	ul
	{	padding:40px;
		text-align:center; }	
	
	#container #footer li
	{ 	display:inline;
		padding:0 2px;
		color:#1F3466; }	
	
	#container #footer li a
	{ 	font-size:12px;
		color:#1F3466;
		text-decoration:none; }	
	
	#container #footer li a:hover
	{ 	text-decoration:underline; }			
	
	#container #footer p, #container #footer p a
	{ 	font-size:11px;
		margin-top:-20px;
		color:#BEC0C1;
		text-align:center; }	
	
	#container #footer p a
	{ 	text-decoration:underline; }	
	
	#container #footer .url
	{ 	color:#1F3466;
		text-decoration:underline; }	
	

/* AJOUT CEDRIC 24/06/2010 */

.BlocContainer #bloc_5 .bloc_bottom {
	width:205px;
	height:89px;
	padding:0;
}


#container #col_centrale .OFconcours #instantB {
	left: -10px;
}
#reglement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	width: 238px;
	left: 128px;
	top: 873px;
}
#reglement A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	text-decoration: underline;
}
#testeur {
	border: 1px solid #d7dfee;
}
#testeur TH.bleuX {
	background-image: url(../interface/pointBleu.jpg);
	height: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #006DDC;
	text-align: left;
	padding-left: 47px;
	text-transform: uppercase;
}
#testeur TH.vert {
	background-image: url(../interface/pointVert.jpg);
	height: 29px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #56BD0C;
	text-align: left;
	padding-left: 47px;
	text-transform: uppercase;
}
#testeur TH {
	background-image: url(../interface/separateur.jpg);
	height: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	padding-left: 27px;
	background-repeat: no-repeat;
}
#testeur tr td {
	color: #031E75;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
}
#testeur textarea {
	border: 1px solid #CBDCF8;
	width: 100%;
}

#testeur .choix {
	background-image: url(../interface/cartouche.jpg);
	background-repeat: no-repeat;
	height: 31px;
	background-position: 8px;
}

#testeur .choixCourt {
	background-image: url(../interface/cartoucheMini.jpg);
	background-repeat: no-repeat;
	height: 31px;
	background-position: 8px;
}
#testeur .choixDouble {
	background-image: url(../interface/cartoucheDouble.jpg);
	background-repeat: no-repeat;
	height: 31px;
	background-position: 8px;
}


#IN tr td {
	padding: 0px;
}
.champTexteGauche {
	border: 1px solid #7997C4;
	width: 300px;
}
.sans {
	border: 0px solid #FFF;
	height: 38px;
	width: 125px;
	background-image: url(../skins/boutons/bt-valider.gif);
	background-repeat: no-repeat;
}
.gras12 {
	font-size: 12px;
	font-weight: bold;
}
#resaux {
	background-image: url(../interface/RESEAU.png);
	background-repeat: no-repeat;
	height: 124px;
	width: 414px;
	position: absolute;
	left: 460px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	visibility: hidden;
	bottom: -30px;
}
#COLb {
	color: #FFF;
	position: absolute;
	top: 460px;
	left: 540px;
}
#COLa {
	position: absolute;
	top: 460px;
	left: 30px;
}

.grasBlanc {
	font-weight: bold;
	color: #FFF;
}
.decal15 {
	margin-left: 15px;
}
#bambou1 {
	position: absolute;
	height: 217px;
	width: 268px;
	top: 0px;
	left: -70px;
}
#bambou2 {
	position: absolute;
	height: 313px;
	width: 295px;
	top: 500px;
	right: -70px;
}
sup { 
font-size:1em; 
line-height: .8em; 
}