div.client{
	padding:20px;
	font-family:Arial;
}

div.fleur{
	background-image:url(../images/fleur.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

div.cadeau{
	padding:40px;
}



/* xxxxxxxxxxxxxxx */
/*  cheque cadeau  */
/* xxxxxxxxxxxxxxx */


div.cadeau h5.titre_cadeau{
	font-size:12px;
	font-weight:bold;
	margin:0;
	margin-top:18px;

}


div.cadeau p.top_cadeau{
	font-size:11px;
	margin:0;
	padding:0;
	margin-bottom:20px;
}

div.cadeau form.form_gris{
	float:left;
	width:390px;
}

div.cadeau form.droite{
	float:right;
	width:390px;
}


table#table_cheque_cadeau{
	width:800px;
	
}

table#table_cheque_cadeau td{
	padding:6px;
	
}

table#table_cheque_cadeau td div#conteneur_image_cheque{
	/*border:1px solid green;*/
	position:relative;
}

table#table_cheque_cadeau td div#zone_montant{
	/*border:1px solid red;*/
	position:absolute;
	top:70px;
	left:90px;
	font-size:20px;
	font-family:Times, Courier;
	font-weight:bold;
	/*font-style:italic;*/
	color:#444;
}

/* --------------------  */
/*   zone mon compte   */
/* --------------------  */


 h1.client_titre1{
	font-family:Arial;
	font-weight:normal;
	font-size:16px;
	padding-top:24px;
	/*margin-left:20px;*/
	margin-bottom:10px;
	letter-spacing:1px;
/*	border:1px solid pink;*/
	color:333;
}


h5.titre_menu_client{

	background-color:#f0eb9b;
	
	margin-top:5px; 
	margin-left:5px; 
	margin-right:5px;
	padding:5px;
	font-size:12px;
}


h5.femme{
	background-color:#e3db49;
}

h5.homme{
	background-color:#658691;
}



form.moyen_long{
	width:400px;
}

form.long, div.long{
	width:520px;
}


div.treslong{
	width:640px;
}

form.form_gris, form.form_jaune, div.form_gris{
	border:2px solid silver;	
	margin:0;
}


form.form_jaune{
 background-color:#f4f1b6;
}


/* GRIS */

form.form_gris div.titre_etoiles, div.form_gris div.titre_etoiles{
	padding:6px 20px;
	background-image:url(../images/fond-titre-gris.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:#fff;
	background-color:#16232d;
	
}


div.titre_etoiles h5, div.titre_etoiles_big h5{
	letter-spacing:1px;
	font-size:12px;
	margin:3px 0;
	
	}
	
div.titre_etoiles h6{
	/*letter-spacing:1px;*/
	font-size:10px;
	}	
	

/* JAUNE  */

form.form_jaune div.titre_etoiles{
	padding:6px 20px;
	background-image:url(../images/fond-titre-vert.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:#16232d;
	background-color:#e3db49;
}


form.form_jaune div.titre_etoiles_big{
	padding:6px 20px;
	background-image:url(../images/fond-etoile-big-vert.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:#16232d;
	background-color:#e3db49;
}


	
	
form.form_jaune fieldset, form.form_gris  fieldset{
	border:none;
	font-size:11px;
	margin:10px 24px;
}




fieldset p{
	margin:14px 0;
	line-height:16px;
}



/* liste des commandes : */


div.treslong table th{
	font-size:12px;
	font-weight:bold;
	padding:4px;
}

div.treslong table td{
	font-size:11px;
	padding:4px;
}





p.alert_message{
	clear:both;
	color:#900;
	font-weight:bold;
	font-size:11px;
	margin:20px;
}



fieldset td{
	
	line-height:16px;
}

fieldset p input, fieldset td input{
	border:1px inset gray;
}


fieldset p a{
	text-decoration:underline;
}



fieldset input.input_image{
	display:block;
	float:right;
	width:auto;
	
	text-align:center;
	padding-top:20px;
	margin-bottom:20px;
	margin-right:16px;
	border:none;
	/*border:1px solid orange;*/
}






/* --------------------  */
/*   navigation etapes   */
/* --------------------  */

div.client ol#zone_etape_client{
	/*border:1px dotted green;*/
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:auto;
	width:100%;
	text-align:center;
}


div.client ol#zone_etape_client li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:145px;
	/*border:1px dotted orange;*/
	border-right:2px dashed silver;
	margin-right:10px;
	text-align:center;
	color:silver;
	font-size:10px;
}

div.client ol#zone_etape_client li.current{
	color:#333;
}



div.client ol#zone_etape_client li span{
	display:block;

	width:49px;
	height:48px;
	margin-left:50px;
	/*border:1px dotted red;*/
	font-size:11px;
	background-image:url(../images/cercle_gris.gif);
	background-repeat:no-repeat;
	color:#fff;
}



div.client ol#zone_etape_client li.current span{
	background-image:url(../images/cercle_vert.gif);
	color:#000;
}



div.client ol#zone_etape_client li span a{
	display:block;
	width:auto;
	padding-top:10px;
	font-size:15px;
	text-align:center;
	font-family:Verdana, Arial;
	line-height:26px;
	color:inherit;
}

/* --------------------  */
/* --------------------  */



div.client ol#zone_etape_client{
	/*border:1px dotted green;*/
}


div.client .panier_titre h2{

	clear:left;
	margin:0;
	margin-left:30px;
	margin-top:30px;
	/*border:1px solid red;*/
	font-weight:bold;
	font-size:16px;
	letter-spacing:1px;
	color:#000;
}

div.client .panier_titre p{
	color:#000;
	font-weight:bold;
	margin:0 30px;
	font-size:11px;
}



div.client p.lien_continuer_haut{
	
	text-align:right;
	position:relative;
	top:-16px;
	/*border:1px solid green;*/
	font-size:11px;
}


div.client .panier_titre p.lien_continuer_haut a{
	font-weight:bold;
	text-decoration:none;
	color:#c36;
}

div.client  p.lien_continuer_haut a:hover{
	text-decoration:underline;
}


div.client  p.lien_continuer_haut a img{
	vertical-align:middle;
	border:none;
}




/* -----------------   */

/* le tableau panier */

/* -----------------   */



#panier table#table_products{
	width:830px;
	

}


#panier table#table_products th{
	background-color:#999;
	color:#fff;
	font-size:11px;
	border:1px solid #fff;
	padding:5px 8px;
	text-align:center;
}

#panier table th.fond_blanc, #panier table td.fond_blanc{
	background-color:#f0f0f0;
}


#panier table#table_products td{
	background-color:#f1f1f1;
	color:#000;
	font-size:11px;
	border:1px solid #fff;
	text-align:center;
	vertical-align:middle;
	padding:3px 6px;
}

#panier table#table_products td.image{
	width:70px;
	text-align:center;
}


#panier table#table_products td.image a img{
	margin:5px 10px;
	width:50px;
}



#panier table#table_products td.reference{
	color:#000;
	width:200px;
	padding:3px 10px;
	text-align:left;
} 

#panier table#table_products td.coloris{
	color:gray;
	text-align:center;
	color:#000;
} 

#panier table#table_products td.nobottom{
	border-bottom:none;
} 

#panier table#table_products td.notop{
	border-top:none;
} 

#panier table#table_products td del{
	color:#333;
	font-size:12px;
	/*font-weight:bold;*/
} 


#panier table#table_products td span.prix{
	font-size:14px;
	font-weight:bold;
} 



#panier table#table_products td.cadeau {
	text-align:right;
} 

#panier table#table_products td.cadeau img{
	vertical-align:middle;
} 


/* -----------  */

div#cheques_cadeaux{
	margin-left:14px;
	width:420px;
	float:left;
}


div#nouveau_client, div#deja_inscrit{
	margin-left:14px;
	width:400px;
	float:left;
}




form#form_cheques_cadeaux{

}


div#cheques_cadeaux p{
	font-size:11px;
	margin:1em 1em;
	
	padding-right:10px;
}

/* --------------- */

#total_panier {
 	
	float:left;
	margin-left:8px;
}



#total_panier h3{
	margin;0;
	padding:4px 12px;
	border-top:1px solid #fff;
	border-bottom:1px solid silver;
	background-image:url(images/degrade.gif);
	background-repeat:repeat-x;
	background-position:top left;
}



#total_panier #table_total{
	margin:0;
	width:100%;
	background-color:#fff;
}

#total_panier #table_total td{
	border-right:1px solid silver;
	border-top:1px solid silver;
	font-size:12px;
}


#total_panier #table_total td.adroite{
	text-align:right;
	padding:10px 8px;
}

#total_panier #table_total td.adroite strong{
	font-size:13px;
}

#total_panier #table_total td.adroite b{
	font-size:18px;
}



#total_panier #table_total td.noright{
	border-right:none;
}

#total_panier #table_total td.noleft{
	border-left:none;
}


/* tableau livraison */
 #table_total td table{
 	margin-top:3px;
 	margin-left:3px;
	border:none !important;
	width:96%;

}


 #table_total td table td{
/*	padding:2px !important;*/
	font-size:10px !important;
	/*background-color:orange;*/
	border:none !important;
}



 #table_total td table td label,  #table_total td table td strong{
	font-size:10px !important;

}





/* continuer mon shopping */

div.client p.lien_continuer_bas{
	text-align:right;
	/*border:1px solid green;*/
	font-size:11px;
}


div.client  p.lien_continuer_bas a{
	font-weight:bold;
	text-decoration:none;
	color:#c36;
}

div.client p.lien_continuer_bas a:hover{
	text-decoration:underline;
}

div.client  p.lien_continuer_bas a img{
	vertical-align:middle;
	border:none;
}



/* -----------------   */

/* -----------------   */

div.client #pave_facturation{
	border:1px solid silver;
	width:400px;
	float:left;
	margin:10px;
}



div.client #pave_livraison{
	border:1px solid silver;
	width:400px;
	float:left;
	margin:10px;
}


div.client #pave_facturation  h4{
	padding:6px 20px;
	background-image:url(../images/fond-titre-gris.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:#fff;
	background-color:#16232d;
	letter-spacing:1px;
}


div.client #pave_livraison  h4{
	padding:6px 20px;
	background-image:url(../images/fond-titre-vert.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:#16232d;
	background-color:#e3db49;
	letter-spacing:1px;
}




div.client form{
	margin:0;
	/*padding:5px;*/
	font-size:11px;
	/*border:1px solid orange;*/
}

div.client p{

	margin:15px;
}

div.client table{
	margin-left:15px;
}


div.client table td{
	padding:1px;
}

div.client p label{
	font-size:11px;
	font-weight:bold;
}


div.client fieldset {
	border:none;
	margin:0;
	padding:0;
}

div.client fieldset legend {
	font-weight:bold;
	font-size:12px;
	color:silver;
	margin:1em;
}

div.client table td label{
	font-size:11px;
	font-weight:bold;
}



/* xxxxxxxxxxxxxxx */
/* confirmation */
/* xxxxxxxxxxxxxxx */

div.haut_confirmation{
	border:1px solid silver;
	width:700px;
	overflow:auto;

	padding:6px 20px;
	background-image:url(../images/fond-etoile-big-vert.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:#16232d;
	background-color:#e3db49;
	letter-spacing:1px;
}

div.haut_confirmation h3.confirmation_message{
	font-size:14px;
	padding-top:5px;
	float:left;
	width:auto;
	margin:0;
}

div.haut_confirmation p.lien_retour_confirmation{
	float:right;
	width:auto;
	margin:0;
	font-size:10px;
}

div.haut_confirmation p.lien_retour_confirmation a img{
	vertical-align:middle;
	border:none;
}
/* xxxxxxxxxxxxxxx */
/* aide et service */
/* xxxxxxxxxxxxxxx */


h4.titre_aide{
	font-size:12px;
	color:#693;
	font-weight:bold;
	margin-top:1.5em;
	margin-bottom:.5em;
}

p.faq{
	font-size:11px;
	color:#333;
	margin:1em 0;
	padding-right:1em;
}

ul.faq{
	font-size:11px;
	color:#333;
	margin:1em 0;
	padding-right:1em;
	list-style-type:none;

}

ol.faq{
	/*border:1px solid red;*/
	font-size:11px;
	color:#333;
	margin:1em 0;
	padding-right:1em;

}


ol.faq li{
	/*padding:3px;*/
}


ol li span.titre_liste{
	display:block;
	padding:3px;
	font-size:11px;
	background-color:#333;
	color:#fff;
}



li.gris{
	background-color:#ddd;
}

ol li ul li{
	/*border:1px solid green;*/
	position:relative;
	top:0;
	padding:4px;
}

span.aide_frais_port{
	position:absolute;
	right:0;
	width:100px;
	/*border:1px solid orange;*/
	text-align:right;
	padding-right:18px;
}


span.ancre_top{
	display:block;
	text-align:right;
	position:absolute;
	left:-90px;
	/*border:1px solid orange;*/
	font-size:11px;
	color:silver;
}


/* xxxxxxxxxxxxxxxxxxxxx */
/*   guide des tailles   */
/* xxxxxxxxxxxxxxxxxxxxx */


div.guide{
	margin:16px;
	border:2px solid silver;
	padding:0;
	overflow:auto;
	width:auto;
}


div.guide h4.titre_guide{
	background-image:url(../images/fond-guide-gris.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:#fff;
	background-color:#16232d;
	padding:10px 20px;
	font-weight:normal;
	font-size:14px;
	margin:0;
}



div.guide h5.titre_femme{
	font-size:13px;
	padding:3px;
	background-color:#f0eb9b;
	font-weight:normal;
	margin:11px;
}

div.guide h5.titre_homme{
	font-size:13px;
	padding:3px;
	background-color:#d0dade;
	font-weight:normal;
	margin:11px;
}


h6.mini_titre{
	margin:11px;
	font-size:11px;
	font-weight:bold;
}


div.guide p{
	font-size:11px;
	margin:11px;
	
}


div.guide div.demi_gauche{
	float:left;
	width:425px;
	text-align:justify;
	border-right:1px solid silver;
}


div.guide div.demi_image{
	float:left;
	width:235px;
	margin-left:11px;
}



ol.ol_homme{
	font-size:10px;
	margin:0 11px;
	list-style-type:none;
	padding:0;
}

ol.ol_homme li{
	border-top:1px solid #000;
	padding:4px;
}


ul.symboles{
	margin:10px 10px;
}



ul.symboles li{
	border-top:1px solid silver;
	font-size:10px;
	font-weight:bold;
	padding:4px 0;
}

ul.symboles li.titre_jaune{
	padding-left:10Px;
	background-color:#e3db49;
	font-weight:bold;
	font-size:12px;
}

ul.symboles li img{
	vertical-align:middle;
}