* {margin: 0; padding: 0;}

	
		
		
			
				.bloc_categ
				{
					width:142px;
					float:left;
					background : url(/stylesheet/images/separateur-footer.png) left top repeat-y;	
					margin-right:8px;
					padding-left:8px;
				}
				
					.bloc_categ ul li
					{
						list-style:none;
						margin-top: 5px;
					}
					
					.descriptionCategorie
					{
						position:absolute;
						background-color:#E1EEF7;
						display:none;
						width:240px;
						padding: 15px;
						color:#836751;
						font-size:11px;
						/*text-align: justify;*/
						z-index:60;
						/*border:1px solid #DDE9F6;*/
						left:330px;
						margin-top:-5px;
					}
			
		
		
		


.bouton_valider
{
	background-color: transparent;
	background-image: url(/images/bt-valider.png);
	border: none;
	display:block;
	height:57px;
	width: 124px;
	font-size: 0px;
}
	.bouton_valider:hover
	{
		background-position: 124px top;
	}

/**** HOME PAGE ****/
.lien_detente_et_relaxation
{
	display:block;
	background-image : url(/stylesheet/images/cat1.jpg);
	width:312px;
	height:179px;
	float:left;
	margin-right:5px;
	margin-top:5px;
}
.lien_detente_et_relaxation:hover
{
	background-position : right top;
}
.lien_detente_et_relaxation span
{
	display:none;	
}

.lien_beaute
{
	display:block;
	background-image : url(/stylesheet/images/cat2.jpg);
	width:312px;
	height:179px;
	float:left;
	margin-right:0px;
	margin-top:5px;
}
.lien_beaute:hover
{
	background-position : right top;
}
.lien_beaute span
{
	display:none;	
}

.lien_techniques_orientales
{
	display:block;
	background-image : url(/stylesheet/images/cat3.jpg);
	width:312px;
	height:179px;
	float:left;
	margin-right:5px;
	margin-top:5px;
}
.lien_techniques_orientales:hover
{
	background-position : right top;
}
.lien_techniques_orientales span
{
	display:none;	
}

.lien_ligne_et_equilibre
{
	display:block;
	background-image : url(/stylesheet/images/cat4.jpg);
	width:312px;
	height:179px;
	float:left;
	margin-right:0px;
	margin-top:5px;
}
.lien_ligne_et_equilibre:hover
{
	background-position : right top;
}
.lien_ligne_et_equilibre span
{
	display:none;	
}

.lien_therapies
{
	display:block;
	background-image : url(/stylesheet/images/cat5.jpg);
	width:312px;
	height:179px;
	float:left;
	margin-right:5px;
	margin-top:5px;
}
.lien_therapies:hover
{
	background-position : right top;
}
.lien_therapies span
{
	display:none;	
}

.lien_sport_et_nature
{
	display:block;
	background-image : url(/stylesheet/images/cat6.jpg);
	width:312px;
	height:179px;
	float:left;
	margin-right:0px;
	margin-top:5px;
}
.lien_sport_et_nature:hover
{
	background-position : right top;
}	
.lien_sport_et_nature span
{
	display:none;	
}	



/*** liste POI ***/
.colonne_sous_menuCateg
{
	width:170px;	
	margin-right:5px;
	float:left;
}		
	.sousmenu_categ ul
	{
		list-style:none;
		margin-left:35px;
	}
		.sousmenu_categ ul li
		{
			margin-bottom:5px;
		}
		
			.sousmenu_categ ul li a
			{
				font-family:verdana;
				font-size:11px;
				color:#836751;
				font-weight:normal;
				text-decoration:underline;
			}
			
			.sousmenu_categ ul li.selected a
			{
				font-family:verdana;
				font-size:11px;
				color:#836751;
				font-weight:bold;
				text-decoration:underline;
			}

.colonne_listeCateg
{
	width:420px;
	float:left;	
}


.liste-top
{
	width : 420px;
	height : 14px;
	background : url(/stylesheet/images/fond-fiche-1.png) no-repeat;	
}	

.liste-centre
{
	width : 420px;
	min-height:470px;
	background : url(/stylesheet/images/fond-fiche-2.png) repeat-y;	
}	
	.fiche-detaille-centre-texte
	{
		width : 376px;
		margin-left:22px;
	}	
	
.liste-bottom
{
	width : 420px;
	height : 28px;
	background : url(/stylesheet/images/fond-fiche-3.png) no-repeat;	
}

	.liste-bottom-texte
	{
		width : 376px;
		margin-left:22px;
		padding-top:5px;	
	}
	
	.bt-prec
	{
		display:block;
		width:6px;
		height:12px;
		background-image : url(/stylesheet/images/fleche-fiche-prec-on.gif);
	}
	.bt-prec:hover
	{
		background-image : url(/stylesheet/images/fleche-fiche-prec-hover.gif);
	}
	
	.bt-suiv
	{
		display:block;
		width:6px;
		height:12px;
		background-image : url(/stylesheet/images/fleche-fiche-suiv-on.gif);
	}
	.bt-suiv:hover
	{
		background-image : url(/stylesheet/images/fleche-fiche-suiv-hover.gif);
	}





/*** fiche détaillee ***/

.bt-contact
{
	display:block;
	width:170px;
	height:43px;
	background : url(/stylesheet/images/bt-contact.gif) no-repeat;
}
.bt-contact:hover
{
	background : url(/stylesheet/images/bt-contact-2.gif) no-repeat;
}

.bt-fermer
{
	display:block;
	width:170px;
	height:23px;
	background : url(/stylesheet/images/bt-fermer.gif) right top no-repeat;
}
.bt-fermer:hover
{
	background : url(/stylesheet/images/bt-fermer-2.gif) right top no-repeat;
}

.bt-valide
	{
		display:block;
		width:120px;
		height:31px;
		background-image : url(/stylesheet/images/bt-valide.gif);
	}
	.bt-valide:hover
	{
		background-image : url(/stylesheet/images/bt-valide-2.gif);
	}
	
#confirm_form_contact
{
	display:none;
	/*position:absolute;*/
	padding:0px;
	text-align: center;
	width:386px;
	height:100px;
	background : url(/stylesheet/images/formulaire-reponse.png) no-repeat;
	
}
#div_form_contact {
	display:none;	
	/*position:absolute;*/
	padding:5px;
	z-index:80;
	}

.fond_crypt
{
	float:left;	
	width:79px;	
	height : 56px;
	background-image : url(/stylesheet/images/fond_crypt.png);
	margin-right:20px;
}	

	.crypt
	{
		margin-left:1px;
		margin-top:1px;	
	}
		
.fond_input
{
	width:305px;	
	height : 20px;
	background : url(/stylesheet/images/input.png);
}

	.fond_input .input
	{
		width : 290px;
		height : 14px;
		border:0px;
		margin-left:8px;	
		margin-top:3px;
		color: #007AA1;
		font-size:12px;
		font-family: Verdana;
		font-size: 12px;
	}
	
.fond_mini_input
{
	position:relative;
	width:140px;	
	height : 20px;
	left:12px;
	margin-top:5px;
	background : url(/stylesheet/images/mini_input.png);
	background-repeat:no-repeat;
}

	.fond_mini_input .mini_input
	{
		width : 65px;
		height : 14px;
		border:0px;
		margin-left:4px;	
		margin-top:3px;
		color: #007AA1;
		font-size:12px;
		font-family: Verdana;
		font-size: 12px;
	}	
			
.fond_textarea
{
	width:376px;	
	height : 90px;
	background : url(/stylesheet/images/champ_textarea.png);
}

	.fond_textarea .textarea
	{
		width : 362px;
		height : 80px;
		border:0px;
		margin-left:5px;	
		margin-top:3px;
		color: #007AA1;
		font-size:12px;
		font-family: Verdana;
		font-size: 12px;
	}
	
.fond_textarea_grand
{
	width:376px;	
	height : 200px;
	background : url(/stylesheet/images/champ_textarea_grand.png);
}

	.fond_textarea_grand .textarea_grand
	{
		width : 362px;
		height : 190px;
		border:0px;
		margin-left:5px;	
		margin-top:3px;
		color: #007AA1;
		font-size:12px;
		font-family: Verdana;
		font-size: 12px;
	}	
	
	/*
	#div_form_contact input
	{
		border:0px;	
		height:23px;
		width: 270px;
		color:#007AA1;
		font-size:12px;
		padding:3px 5px 3px 5px;
		font-family: Arial, Helvetica;
	}
	
	
	#div_form_contact textarea
	{
		border:0px;	
		color:#B2B2B2;
		font-size:12px;
		width: 270px;
		height: 80px;
		padding:3px 5px 3px 5px;
		font-family: Arial, Helvetica;
	}*/
	
	
	
.fiche-top
{
	width : 420px;
	height : 14px;
	background : url(/stylesheet/images/fond-fiche-1.png) no-repeat;	
}	

.fiche-entete
{
	width : 420px;
	background : url(/stylesheet/images/fond-fiche-2.png) repeat-y;	
}	
	.fiche-entete-texte
	{
		width : 388px;
		margin-left:15px;
	}	
	
		.bt-accueil
		{
			float:left;
		}
		.bt-accueil a
		{
			display:block;
			width:96px;
			height:32px;
			background-image : url(/stylesheet/images/bt-accueil-1.png);
		}
		.bt-accueil a:hover
		{
			background-position : right top;
		}

.fiche-detaille-top
{
	width : 420px;
	/*height:23px;*/
	background : url(/stylesheet/images/fond-fiche-4.png) no-repeat;	
	padding-top:5px;
}

	.fiche-detaille-titre-top
	{
		width : 376px;
		height:5px;
		background : url(/stylesheet/images/cartouche-bleu-top.gif) no-repeat;	
		margin-left:22px;
	}
	
	.fiche-detaille-titre-centre
	{
		width : 376px;
		background : url(/stylesheet/images/cartouche-bleu-centre.gif) repeat-y;	
		margin-left:22px;
	}
	
	.fiche-detaille-titre-bottom
	{
		width : 376px;
		height:6px;
		background : url(/stylesheet/images/cartouche-bleu-bottom.gif) no-repeat;	
		margin-left:22px;
	}
	
		.fiche-detaille-titre-texte
		{
			width : 360px;
			margin-left:5px;
			/*padding-top:4px;*/
			font-family:verdana;
			font-size:12px;
			color:#FFF;
			font-weight:normal;
		}
		
			.fiche-detaille-titre-texte .intitule-poi
			{
				float:left;
				width:240px;
			}
			
			
			.fiche-detaille-titre-texte .retour-liste-poi
			{
				float:right;
			}
	
.fiche-detaille-centre
{
	width : 420px;
	min-height:405px;
	background : url(/stylesheet/images/fond-fiche-5.png) repeat-y;	
}	
	.fiche-detaille-centre-texte
	{
		width : 376px;
		margin-left:22px;
		padding-top:10px;
		line-height:130%;
	}	
		
		.altPicto
		{
			position:absolute;
			background-color:#FFF;
			display:none;
			max-width:500px;
			padding: 5px;
			text-align: justify;
			z-index:60;
		}
		
.fiche-detaille-bottom
{
	width : 420px;
	height : 28px;
	background : url(/stylesheet/images/fond-fiche-6.png) no-repeat;	
}



/*** page contact ***/
.lien_detente_et_relaxation_petit
{
	display:block;
	background-image : url(/stylesheet/images/cat1-petit.jpg);
	width:130px;
	height:75px;
	/*float:left;*/
	margin-right:5px;
	margin-top:0px;
}
.lien_detente_et_relaxation_petit:hover
{
	background-position : right top;
}

.lien_ligne_et_beaute_petit
{
	display:block;
	background-image : url(/stylesheet/images/cat2-petit.jpg);
	width:130px;
	height:75px;
	/*float:left;*/
	margin-right:0px;
	margin-top:11px;
}
.lien_ligne_et_beaute_petit:hover
{
	background-position : right top;
}

.lien_techniques_orientales_petit
{
	display:block;
	background-image : url(/stylesheet/images/cat3-petit.jpg);
	width:130px;
	height:75px;
	/*float:left;*/
	margin-right:0px;
	margin-top:11px;
}
.lien_techniques_orientales_petit:hover
{
	background-position : right top;
}

.lien_bio_ecolo_et_equitable_petit
{
	display:block;
	background-image : url(/stylesheet/images/cat4-petit.jpg);
	width:130px;
	height:75px;
	/*float:left;*/
	margin-right:0px;
	margin-top:11px;
}
.lien_bio_ecolo_et_equitable_petit:hover
{
	background-position : right top;
}

.lien_therapies_complementaires_petit
{
	display:block;
	background-image : url(/stylesheet/images/cat5-petit.jpg);
	width:130px;
	height:75px;
	/*float:left;*/
	margin-right:0px;
	margin-top:11px;
}
.lien_therapies_complementaires_petit:hover
{
	background-position : right top;
}

.lien_sport_et_nature_petit
{
	display:block;
	background-image : url(/stylesheet/images/cat6-petit.jpg);
	width:130px;
	height:75px;
	/*float:left;*/
	margin-right:0px;
	margin-top:11px;
}
.lien_sport_et_nature_petit:hover
{
	background-position : right top;
}		

/*** fin contact ***/




.temoignages
{
	float:left;	
}

.bloc_temoignage1
{
	float:left;
	width:313px;
	height:158px;
	background : url(/stylesheet/images/fond-temoignage-1.png) top left no-repeat;
	margin-right:3px;
	margin-top:5px;
}
.bloc_temoignage2
{
	float:left;
	width:313px;
	height:158px;
	background : url(/stylesheet/images/fond-temoignage-2.png) top left no-repeat;
	margin-right:3px;
	margin-top:5px;
}
.bloc_temoignage3
{
	float:left;
	width:313px;
	height:158px;
	background : url(/stylesheet/images/fond-temoignage-3.png) top left no-repeat;
	margin-right:3px;
	margin-top:5px;
}

.separateur_grand
{
	margin-top:-10px;	
	position:absolute;
	z-index:50;
}	



/**** PASSEPORT ****/
.form_passeport
{
	background:url(/stylesheet/images/formulaire-3.png) no-repeat;
	width:305px;
	height:209px;	/* 199 + 20*/
	position:relative;
}
	.form_passeport .champ_email
	{
		position:absolute;
		top:133px;
		left:26px;	
	}
	
	.form_passeport .input
	{
		width:250px;
		height : 14px;
		border:0px;
		
		color: #007AA1;
		font-size:12px;
		font-family: Verdana;
		font-size: 12px;
	}	
	
	.form_passeport .champ_submit
	{
		position:absolute;
		top:170px;
		left:185px;
	}	
	
	.bt-submit
	{
		display:block;
		width:110px;
		height:48px;
		background-image : url(/stylesheet/images/formulaire-ok-1.png);
	}
	.bt-submit:hover
	{
		background-image : url(/stylesheet/images/formulaire-ok-2.png);
	}
	
.form_passeport_confirm
{
	background:url(/stylesheet/images/formulaire-4.png) no-repeat;
	width:305px;
	height:209px;	/* 199 + 20*/
	position:relative;
}	

	.form_passeport_confirm .bt-reinscription
	{
		position:absolute;
		top:170px;
		left:15px;
	}	
	
		.form_passeport_confirm .bt-reinscription a
		{
			display:block;
			width:160px;
			height:48px;
			background-image : url(/stylesheet/images/formulaire-inscrire-1.png);
		}
		
		.form_passeport_confirm .bt-reinscription a:hover
		{
			background-image : url(/stylesheet/images/formulaire-inscrire-2.png);
		}		
		
	.form_passeport_confirm .bt-accueil-passeport
	{
		position:absolute;
		top:170px;
		left:185px;
	}	
		.bt-accueil-passeport a
		{
			display:block;
			width:110px;
			height:48px;
			background-image : url(/stylesheet/images/bt-accueil-3.png);
		}
		.bt-accueil-passeport a:hover
		{
			/*background-position : right top;*/
			background-image : url(/stylesheet/images/bt-accueil-4.png);
		}
		
	/*** styles correspondants au bloc membre du passeport bien etre *****/
	.blocMembrePasseport
	{
		margin-top:5px;
		min-height:80px;
		/*max-height:100px;
		height:80px;*/
		float:left;
		/*border:1px solid red;*/
	}
		.blocMembrePasseport a
		{
			cursor:pointer;
			font-size:11px;
			font-family: "Trebuchet MS", Verdana;
			text-decoration:none;
			color:#000000;
		}
		.blocMembrePasseport .hautBloc
		{
			width:369px;
			height:8px;
			background-image:url(/stylesheet/images/pa_membre_fiche_haut_1_bg.png);
			float:left;
		}
		.blocMembrePasseport .hautBlocHover
		{
			width:369px;
			height:8px;
			background-image:url(/stylesheet/images/pa_membre_fiche_haut_2_bg.png);
			float:left;
		}
		.blocMembrePasseport .centreBloc
		{
			width:369px;
			height:auto;
			/*background-image:url(/stylesheet/images/pa_membre_fiche_centre_bg.png);*/
			background-image:url(/stylesheet/images/pa_membre_fiche_centre_1_bg.png);
			background-position:center center;
			float:left;
			height:100%;
		}
		.blocMembrePasseport .centreBlocHover
		{
			width:369px;
			height:auto;
			/*background-image:url(/stylesheet/images/pa_membre_fiche_centre_bg.png);*/
			background-image:url(/stylesheet/images/pa_membre_fiche_centre_2_bg.png);
			background-position:center center;
			float:left;
			height:100%;
		}
			.blocMembrePasseport  .blocBlanc
			{
				width:312px;
				padding:2px 2px 0px 2px;
				float:left;
				height:100%;
				/*position:relative;*/
			}
				/*.blocMembrePasseport .centreBloc .blocBlanc .partieGauche
				{
					width:55px;
					float:left;
					display: block;
					vertical-align:middle;*/
					/*margin:auto;
					height:100%;*/
					/*display:-moz-inline-box;
					display: inline-block;
					height: 100%;*/
					/*padding-left:55px;*/
					/*position:relative;*/
					/*border:1px solid red;*/
					/*display: block;*/
				/*}*/
				/*.blocMembrePasseport .centreBloc .blocBlanc .partieGauche img
				{
					position:absolute;
					top:50%;
					left:2px;
					margin-top:-33px;
				}
				.blocMembrePasseport .centreBloc .blocBlanc  img
				{
					position:absolute;
					top:50%;
					left:2px;
					margin-top:-33px;
				}*/
				.blocMembrePasseport  .blocBlanc .partieDroite
				{
					float:left;
					vertical-align:middle;
					padding-left:5px;
					width:250px;
					padding-left:60px;
				}
					.blocMembrePasseport  .blocBlanc .partieDroite .descriptionReduction
					{
						/*font-size:11px;
						font-family: "Trebuchet MS", Verdana;
						text-align: justify;*/
						float:left;
						width:100%;
						padding-left:5px;
						padding-top:0px;
						line-height:16px;
						/*border:1px solid yellow;*/
					}
					.blocMembrePasseport  .blocBlanc .partieDroite .lienPasseport
					{
						float:left;
						text-align:right;
						width:100%;
						padding-top:1px;
						/*border:1px solid yellow;*/
					}
			/*.blocMembrePasseport .centreBloc .blocMarron
			{
				width:37px;
				float:left;
				vertical-align:middle;
				text-align:center;
				padding:5px;
			}*/
		.blocMembrePasseport .basBloc
		{
			width:369px;
			height:8px;
			background-image:url(/stylesheet/images/pa_membre_fiche_bas_1_bg.png);
			float:left;
			/*border:1px solid pink;*/
		}
		.blocMembrePasseport .basBlocHover
		{
			width:369px;
			height:8px;
			background-image:url(/stylesheet/images/pa_membre_fiche_bas_2_bg.png);
			float:left;
			/*border:1px solid pink;*/
		}
	/*** fin de styles correspondants au bloc membre du passeport bien etre *****/	

	
/*######### BLOC BOUTONS PRODUITS ####################*/
.blocProduit
{
	width: 330px;
}

.blocProduit .btnProduitPasseport, .blocProduit .btnProduitCheque
{
	float: left;
	width:109px;
	height:210px;
}

.blocProduit .btnProduitKit
{
	float: left;
	width:97px;
	height:200px;
}

.blocProduit .btnProduitPasseport a
{ display:block; width:109px; height:200px; background-image : url(/images/acheter_passeport_bt.png); }

.blocProduit .btnProduitPasseport a:hover
{ background-position: 109px top; }

.blocProduit .btnProduitKit a
{ display:block; width:97px; height:200px; background-image : url(/images/acheter_kit_bt.png); }

.blocProduit .btnProduitKit a:hover
{ background-position: 97px top; }

.blocProduit .btnProduitCheque a
{ display:block; width:109px; height:200px; background-image : url(/images/acheter_cheques_bt.png); }

.blocProduit .btnProduitPasseport a span, .blocProduit .btnProduitKit a span, .blocProduit .btnProduitCheque a span
{
	display:none;
}

/*######################################################*/
/*######### FICHE PRODUIT ##############################*/
/*######################################################*/
.contenuDroite .partie_haute .visuel
{
	float: left;
	width: 180px;
}

.contenuDroite .partie_haute .presentation
{
	float: left;
	width: 430px;
}

.contenuDroite .partie_haute .presentation .descriptif
{
	min-height: 170px;
}

.contenuDroite .partie_haute .presentation .btn_ajout_panier
{
	float: right;
}

.contenuDroite .partie_haute .presentation .btn_ajout_panier a
{
	display:block; 
	width:262px; 
	height:58px; 
	background-image : url(/images/ajouter_panier_bt.png); 
}

.contenuDroite .partie_haute .presentation .btn_ajout_panier a:hover
{ background-position: 262px top; }

.contenuDroite .partie_haute .presentation .btn_ajout_panier a span
{
	display:none; 
}

.contenuDroite .partie_explication1
{
	color: #007AA1;
	padding: 20px 0px 20px 15px;
	background-image : url(/images/fond_degrade_argu.png); 
	background-repeat: no-repeat;
	background-position:center bottom;
}

.contenuDroite .partie_explication1 p
{
	padding-bottom: 10px;
}

.contenuDroite .partie_flash
{
	/*padding: 50px 0px 20px 15px;*/
	height: 490px;
	padding-bottom: 30px;
	/*background-image : url(/images/fond_degrade_flash.png); 
	background-repeat: no-repeat;
	background-position:center top;*/
}

.contenuDroite .partie_explication2
{
	padding: 0px 0px 20px 15px;
}

.contenuDroite .partie_explication2 p
{
	padding-bottom: 10px;
}

.contenuDroite .partie_offres
{
	padding: 100px 0px 0px 0px;
	background-image : url(/images/decouvrez_offres.png); 
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 15px;
}

.contenuDroite .partie_offres .liste_gauche
{
	float: left;
	padding-right: 20px;
	width: 275px;
}

.contenuDroite .partie_offres .liste_gauche p
{
	margin-bottom: 0px;
}

.contenuDroite .partie_offres .liste_droite
{
	float: left;
	width: 275px;
}

.contenuDroite .partie_offres .liste_droite p
{
	margin-bottom: 0px;
}

/*######################################################*/
/*######### PARCOURS ACHAT #############################*/
/*######### ETAPE CONNEXION COMPTE #####################*/
/*######################################################*/

#parcours_achats
{
	width:700px;
}
#parcours_achats h3
{
	font-size: 18px;
	color: #007AA1;
	margin: 10px 0px;
}
.parcours_achats_etape
{
	width: 700px;
	margin-bottom: 10px;
}
/* ********* déja client *****************/
.deja_client, #coordonnees_facturation {
	float: left;
	width: 300px;	
	}
#coordonnees_livraison {
	float: left;
	width: 290px;
	
	}
.email, #facturation
{
	font-size: 12px;
	color: #007AA1;
	margin-left: 10px;
}
#pass
{
	float: left;
	margin-left: 10px;
	color: #007AA1;
	font-size: 12px;
}
	#pass a
	{
		width: 130px;
		font-size: 11px;
		color: #836751;
		margin-left: 7px;
	}
		


.valider_connexion_compte, .valider_creation_compte {
	background-color: transparent;
	background-image: url(/images/bt-valider.png);
	border: none;
	display:block;
	margin-left: 170px;
	height:57px;
	width: 124px;
	font-size: 0px;
	}
	.valider_connexion_compte:hover, .valider_creation_compte:hover { background-position: 124px top; cursor: pointer; }

.separateur_160 {
	width:1px;
	float: left;
	height: 160px;
	margin: 0px 10px;
	}
.separateur_200
{
	width:1px;
	float: left;
	height: 200px;
	margin: 0px;
}
.separateur_300
{
	width:1px;
	float: left;
	height: 300px;
	margin: 0px 10px;
}
.separateur_530
{
	width:1px;
	float: left;
	height: 510px;
	margin: 0px 10px;
}

/******************* devenir client ********************/
.devenir_client, #livraison
{
	float: left;
	width: 290px;
	text-align: justify;
}
/******************* coordonnees ***********************/
#livraison
{
	margin-left: 10px;	
}
#civilite
{
	font-size: 12px;
	font-weight: bold;
	color: #007aa1;
	margin: 0px;
}
.bouton_coordonnees
{
	margin: 5px 5px 5px 15px;
}
.bouton_civilite
{
	width: 300px;
	margin: 0px 0px 0px -15px;
}


.adresse { padding-top: 25px; display: block; }

#champ { text-align: right; font-size: 10px; font-style: italic; }
#parrain { background-image: url(/images/zone_code.png); width: 287px; height: 83px; }
#parrain input
{
	border: none;
	background: transparent;
	width: 250px;
	height: 22px;
	margin-top: 12px;
	margin-left: 15px;
}
.code_postal { float: left; margin-bottom: 10px; }

.ville { float: left; margin-left: 12px; margin-bottom: 10px; }

.valider_coordonnees_livraison {
	background-color: transparent;
	background-image: url(/images/bt-valider.png);
	border: none;
	display:block;
	margin: 70px 0px 0px 160px;
	height:57px;
	width: 124px;
	}
	.valider_coordonnees_livraison:hover { background-position: 124px top; }

/************** Validation de mon panier *******************/
#recapPanier
{
	width: 620px;
}
#recapPanier h3
{
	margin-bottom : 10px;
	font-size: 18px;
	color: #007aa1;
}
#recapPanier table
{
	font-size: 12px;
	color: #007aa1;
}
#ligne_panier
{
	width: 600px;
	border-bottom: 1px dotted blue;	
}
.supp
{
	background-color: transparent;
	background-image: url(/images/bt-supprimer.png);
	border: none;
	display:block;
	margin: 0px 5px 0px 12px;
	height:12px;
	width: 12px;
	font-size: 0px;	
}
	.supp:hover
	{
		background-position: 12px top;
	}
.image_article img
{
	border: none;
	width: 30px;	
}
.nom_produit
{
	width: 230px;
	padding: 0px 10px;
}
.reference
{
	width: 120px;	
}
.quantite
{
	width: 80px;
	text-align: right;
	padding-right: 20px;	
}
	.quantite input
	{
		width:30px;
		text-align: center;
	}
.cell
{
	background: white;
	height: 22px;
	border: 1px solid #aecde9;
	text-align: center;
	vertical-align: middle;
}
.signe_plus
{
	background-color: transparent;
	background-image: url(/images/quantite_plus.png);
	border: none;
	display:block;
	margin: 0px 0px 0px 20px;
	height:11px;
	width: 23px;
	font-size: 0px;		
}
	.signe_plus:hover
	{
		background-position: 23px top;
	}
.signe_moins
{
	background-color: transparent;
	background-image: url(/images/quantite_moins.png);
	border: none;
	display:block;
	margin: 0px 0px 0px 20px;
	height:11px;
	width: 23px;
	font-size: 0px;		
}
	.signe_moins:hover
	{
		background-position: 23px top;
	}
.total_ht input
{
 	width: 80px;
 	background: white;
 	border: 1px solid #aecde9;
 	text-align: right;
 	height: 22px;
 	
}
.arial_marron
{
	color: #836751;
	font-size: 12px;
}
.input_text_marron input
{
	background: #f1ece8;
	border: none;
	padding: 0px 5px;
	margin-bottom: 2px;
	width: 72px;
}
.boutons
{
	width:630px;
	height:75px;
}
.lien_poursuivre
{
	background-color: transparent;
	background-image: url(/images/bt-poursuivre.png);
	border: none;
	display:block;
	float: left;
	margin: 20px 0px 0px 0px;
	height:40px;
	width: 185px;
	font-size: 0px;	
}
	.lien_poursuivre:hover
	{
		background-position: 185px top;
	}
	.lien_poursuivre span { display: none; }
	
.lien_actualiser
{
	background-color: transparent;
	background-image: url(/images/bt-actualiser.png);
	border: none;
	display:block;
	float: left;
	margin: 20px 0px 0px 0px;
	height:40px;
	width: 185px;
	font-size: 0px;	
}
	.lien_actualiser:hover
	{
		background-position: 185px top;
	}
.bouton_valider_panier
{
	background-color: transparent;
	background-image: url(/images/bt-valider_panier.png);
	border: none;
	display:block;
	float: left;
	margin:20px 0px 0px 25px;
	height:55px;
	width: 233px;
}
	.bouton_valider_panier:hover
	{
		background-position: 233px top;
	}
/******************** validation de mes coordonnees ***************************/
#validation_coordonnees
{
	width: 620px;	
}
#titre_facturation, #titre_livraison
{
	margin-bottom: 10px;
	color: #007aa1;
}
.adresse_facturation
{
	width: 300px;
	float: left;
	color: #007aa1;	
}
#tel_mail
{
	margin-bottom: 10px;	
}
.separateur_d
{
	width: 1px;
	height: 500px;
	margin: 0px 5px;
	float: left;
}
#adresse_livraison
{
	width: 300px;
	float:right;
}
#bouton_radio
{
	width: 280px;
}
.bouton_livraison
{
	margin-right: 5px;	
}
#autresAdresses
{
	width: 290px;
}
#adresse_existante
{
	margin: 5px 0px;
}
#nouvelle_adresse
{
	margin-bottom: 5px ;	
}
#civilite
{
	margin: 5px 0px 8px 0px;	
}
.input_fond_marron input
{
	background-color: #f1ece8;
	border: none;	
}
#bouton_valider_coordonnees
{
	background-color: transparent;
	background-image: url(/images/bt-valider_coordonnees.png);
	border: none;
	display:block;
	float: left;
	margin:20px 0px 0px 5px;
	height:55px;
	width: 289px;
}
	.bouton_valider_coordonnees:hover
	{
		background-position: 289px top;
	}
.arial_blue
{
	color: #007aa1;
}

.valider_paiement
{
	background-color: transparent;
	background-image: url(/images/bt-valider_paiement.png);
	border: none;
	display:block;
	float: left;
	height:55px;
	width: 282px;
	font-size: 0px;	
}
	.valider_paiement:hover
	{
		background-position: 282px top;
	}

/*######################################################*/
/*######### MON COMPTE #################################*/
/*######################################################*/
.menuMonCompte
{
	color: #007aa1;
}

.menuMonCompte h3
{
	font-size: 20px;
	color: #007AA1;
	margin: 10px 0px;
}

.menuMonCompte a
{
	color: #007aa1;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 5px;
}

.menuMonCompte a:hover
{
	text-decoration: underline;
}

.menuMonCompte .lienDeconnexion
{
	color: #9D7B60;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 5px;
}

.menuMonCompte .lienInactif
{
	color: #6aacda;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 5px;
}

.ecranMonCompte
{
	padding-top: 30px;
	padding-left: 10px;
	padding-bottom: 40px;
}

.tabMonCompte
{
	width: 600px;
	cellpadding: 0px;
	cellspacing: 0px;
	border: 0px;
}

.tabMonCompte th
{
	color: #9D7B60;
	font-weight: bold;
	text-align: left;
}

.tabMonCompte .tr1 td
{
	color: #007aa1;
	border-top: dotted 1px #a7cde9;
	background-color: #f4f7fc;
	line-height: 20px;
}

.tabMonCompte .tr2 td
{
	color: #007aa1;
	border-top: dotted 1px #a7cde9;
	background-color: #ffffff;
	line-height: 20px;
}

.tabMonCompte .tr1perime td
{
	color: #aaaaaa;
	border-top: dotted 1px #a7cde9;
	background-color: #f4f7fc;
	line-height: 20px;
}

.tabMonCompte .tr2perime td
{
	color: #aaaaaa;
	border-top: dotted 1px #a7cde9;
	background-color: #ffffff;
	line-height: 20px;
}

.tabMonCompte a
{
	color: #007aa1;
	text-decoration: underline;
}

.tabMesCadeaux
{
	width: 600px;
	cellpadding: 0px;
	cellspacing: 0px;
	border: 0px;
}

.tabMesCadeaux th
{
	color: #9D7B60;
	font-weight: bold;
	text-align: left;
}

.tabMesCadeaux tr td
{
	color: #007aa1;
	border-top: dotted 1px #a7cde9;
	background-color: #ffffff;
	/*line-height: 20px;*/
	padding: 5px;
}

.stylePrix 
{
	font-size: 16px;
	font-weight: bold;
}

.infoCreditInsuffisant
{
	font-size: 9px;	
	color: #aaaaaa;
}

/*######################################################*/
/*######### FORUM ######################################*/
/*######################################################*/
.divCommentaire {
	border-bottom: dotted 1px #a7cde9;
	padding: 5px;	
}

/* ------------------ LIGHTBOX ------------------ */
#zoom{
	z-index: 100;
}
#zoom_content{
	font-size:12px;
	line-height:16px;
	padding-right:13px;
	color:#ffffff;
}
#zoom_content strong{
	font-weight:normal;
}
#overlayTexte {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	z-index: 98;
	width:  100%;
	height: 100%;
	background-image: url(/images/overlay.png);
	display: none;
}
#zoom_close{
	position:absolute; top:0px; right:20px;
	display:block; padding:10px;
}
#zoom_close img{
	border:none; margin:0; padding:0;
}
#zoom_table{
	border-collapse:collapse; width:100%; height:100%;
}
.ml, .mr{
	width:20px; overflow:hidden;
}
.mm{
	horizontal-align:center; vertical-align:top; padding:20px; background:#2b8eb3; 
}

/*######################################################*/
/*######### NOTATION ######################################*/
/*######################################################*/	
.starOver
{
	background : url(/images/StarOver.png) no-repeat;	
	width:14px;
	height:14px;
	float:left;
}

.starOut
{
	background : url(/images/StarOut.png) no-repeat;	
	width:14px;
	height:14px;
	float:left;
}
.bouton_valider_note
{
	background-color: transparent;
	background-image: url(/images/bt-valider.png);
	border: none;
	/*display:block;*/
	height:55px;
	width: 124px;
	font-size: 0px;
	margin-top:-35px;
}
	.bouton_valider_note:hover
	{
		background-position: 124px top;
	}

#div_form_avis
{
	z-index: 200;
	display: none;
	position: absolute;
	background-image: url(/images/lightbox_300_bg.gif);
	color: #555555;
	padding-top: 20px;
	text-align: left;
	width: 300px;
	height:180px;
	left: 50%;
	margin-left: -150px;
	margin-top: -85px;
}

#div_form_avis .legende
{ 
	font-size:10px;
	color:#999999;
	margin-top:10px;
	text-align:center;
	margin-right:15px;
	margin-left:15px;
	padding:2px;
	border:1px dotted #666666;
	background-color:#eeeeee;
}

#div_ccm
{
	z-index: 200;
	display: none;
	position: absolute;
	background-image: url(/images/lightbox_500_bg.gif);
	color: #555555;
	padding-top: 20px;
	text-align: left;
	width: 500px;
	height:353px;
	left: 45%;
	margin-left: -150px;
	margin-top: -85px;
}