/*



HERITAGE / #container #contenu #contenuTexte #lepanier



COULEUR 1 / #9B3D19 (couleur foncée)

COULEUR 2 / #B7722E (couleur plus claire que COULEUR 1)

COULEUR 3 / #DF8A37 (couleur plus claire que COULEUR 2)

COULEUR 4 / #COULEUR4 (couleur contraste)

*/



/* BEGIN CORRECTION D'HERITAGE */

#container #contenu #contenuTexte #lepanier li

{

	background:none;

}



#container #contenu #contenuTexte #lepanier a

{

	text-decoration:none;

	color:#9B3D19;

}



#container #contenu #contenuTexte #lepanier a:hover

{

	font-weight:bold;

}



#container #contenu #contenuTexte #lepanier p

{

	text-align:left;

}



#container #contenu #contenuTexte #lepanier input,

#container #contenu #contenuTexte #lepanier textarea,

#container #contenu #contenuTexte #lepanier label

{

	margin:0;

}



#container #contenu #contenuTexte #lepanier img

{

	margin:0 5px 0 0;

}

/* END CORRECTION D'HERITAGE */





#container #contenu #contenuTexte #lepanier

{

	margin-top:20px;

}





/** POUR LES MESS D'ERREURS **/

#container #contenu #contenuTexte #lepanier .formError

{

	color: #F5C74F;

	font-weight: bold;

}





#container #contenu #contenuTexte #lepanier .msgError

{

	margin:10px 0 10px 0;

	padding:10px;

	background-color:#E9E9E9;

	text-align:center;

	color:#D90005;

	font-size:11px;

	font-weight:bold;

}



/*----------- Couleurs des textes ---------*/

#lepanier ,

#compte_client 

{

	color:#COULEUR4;

}



#container #contenu #contenuTexte #lepanier .total

{

	color:#9B3D19;

}



#commande #commande_detail .del

{

	color:#F5C74F;

}



#commande #commande_detail .libelles_panier td

{

	color:#FC0001;

}



#container #contenu #contenuTexte #lepanier h2,

#compte_client h2

{

	color:#9B3D19;

	border-bottom: 1px solid #9B3D19;

} 

#container #contenu #contenuTexte #lepanier #etapes {

	border-bottom: 1px solid #9B3D19;

}

#compte_client #mes_commandes .libelles_recap td {

	color:#FC0001;

}

#etapes .inacc {/*Visuel par défaut --non validée non accessible--*/

	color: #999999;

} 

#etapes .encours {/*--Etape en cours pas de lien html--*/

	color:#FC0001;

} 

#etapes .valider_acc {/*--Etapes validées et accessibles lien html--*/

	color:#FC0001;

} 

#messages_info { /*--Message d'info--*/

	margin:10px 0;

} 

#messages_info li { /*--Message d'info--*/

	color: #F5C74F;

	font-weight:bold;

} 



/*----------- CSS PANIER IDEP MULTIMEDIA ---------*/

#lepanier ,

#compte_client

{

	margin:0 auto;

	font: 1em Arial, sans-serif;

	text-align:justify;

}



#container #contenu #contenuTexte #lepanier h1,

#container #contenu #contenuTexte #lepanier h2,

#container #contenu #contenuTexte #lepanier ul,

#container #contenu #contenuTexte #lepanier li,

#container #contenu #contenuTexte #lepanier form

{

	margin:0;

	padding:0;

	list-style-position:inside;

}



#container #contenu #contenuTexte #lepanier h1,

#compte_client h1

{

	background:0;

	color:#9B3D19;

	height:auto;

	width:100%;

	font-size: 1.6em;

	font-style:italic;

	margin:0 0 10px 0;

}



#container #contenu #contenuTexte #lepanier h2,

#compte_client h2

{

	font-size: 1.2em;

	background: url(../images/puce_h2.gif) no-repeat 1px center;

	margin:0 0 20px 0;

	padding:3px 0 3px 15px;

}



#container #contenu #contenuTexte #lepanier p,

#compte_client p

{

	margin:0 0 5px 0;

}



#container #contenu #contenuTexte #lepanier .right

{

	text-align:right;

}



#container #contenu #contenuTexte #lepanier .ecotaxeProduit

{

	font-size:10px;

}



/*----------- MON PANIER --------------*/

#container #contenu #contenuTexte #lepanier .bt_medium {	

	float:right;

	width:83px;

	height:33px;

	font-size:0;

	text-decoration:none;

}

#container #contenu #contenuTexte #lepanier .bt_small {	

	float:right;

	width:55px;

	height:25px;

	font-size:0;

	text-decoration:none;

}

#merci .bt_small {

	float:right;

	width:63px;

	height:22px;

	font-size:0;

	text-decoration:none;

}

.valider_panier .bt_medium {

	margin-top:10px;

}

.poursuivre_achat .bt_medium {

	margin:10px 10px 0 0;

	border:0;

}

.cpt_client .bt_medium {

	margin-top:10px;

	border:0;

}

.accueil .bt_medium {

	margin:10px 10px 0 0;

	border:0;

}



.continuer .bt_medium

{

	margin-top:20px;

	padding-right:25px;

	background: url(../images/panier/etape_suivante.gif) no-repeat 0px 0px;

}





.imprimer .bt_small{

	margin-top:-25px;

	padding-right:2%;

	border:0;

}

#infos .bt_small {

	float:left;

	background: url(../images/maj.gif) no-repeat 0px 0px;

}

#reduction .bt_small {

	float:left;

	margin-left:15px;

	background: url(../images/panier/valider.gif) no-repeat 0px 0px;

}

#log .bt_small {

	float:left;

	margin-left:15px;

	background: url(../images/panier/valider.gif) no-repeat 0px 0px;

}

#log .valider .bt_small {

	float:right;

	margin:-25px 30px 0 0;

	background: url(../images/panier/valider.gif) no-repeat 0px 0px;

}

#paiement .continuer .bt_medium {

	background: url(../images/panier/valider_commande.gif) no-repeat 0px 0px;

}

/*----------- IDENTIFICATION --------------*/

#container #contenu #contenuTexte #lepanier #log {

	float:left;

	width:100%;

}

#log #nouveau_client {

	float:left;

	width:46%;

}

#log #login {

	float:left;

	width:46%;

	margin-left:7.5%;

}

#log #login label {

	float:left;

	width:100%;

	font-weight:bold;

	font-size:1em;

}

#login .last_input {

	float:left;

	width:120px;

}

/*----------- OUVERTURE COMPTE/ADRESSES ------------*/

#container #contenu #contenuTexte #lepanier #log {

	float:left;

	width:100%;

}

#log #identifiants {

	float:left;

	width:100%;

}

#infos_perso label,#identifiants label{

	float:left;

	width:100%;

	font-weight:bold;

	font-size:1em;

}

#infos_perso .lb_prenom{

	float:left;

	width:13.5em;

}

#infos_perso .lb_cp{

	float:left;

	width:13.5em;

}

#infos_perso .lb_tel{

	float:left;

	width:13.5em;

}

#identifiants .lb_pass{

	float:left;

	width:16.5em;

}

#container #contenu #contenuTexte #lepanier .formulaire {

	float:left;

	width:100%;

}

/*------------ ADRESSES -------------------*/

#container #contenu #contenuTexte #lepanier #adresses {

	float:left;

	width:100%;

	margin-bottom:10px;

}

#adresses #adr_livraison {

	float:left;

	width:46%;

}

#adresses #adr_facturation {

	float:left;

	width:46%;

	margin-left:7.5%;

}





#adresses .adr

{

	border:#COULEUR4 solid 1px;

	background:#B7722E;

	color:#COULEUR4;

	text-align:left;

	float:left;

	width:30%;

	padding:2px 5px 2px 5px;

	margin:0 5px 5px 0;

}





/*------------ DETAIL_PANIER --------------*/

#container #contenu #contenuTexte #lepanier #commande {

	float:left;

	width:100%;

	margin:0 0 10px 0;

}

#commande #infos {

	background:0;

	float:left;

	width:50%;

	margin-top:10px;

}

#commande #commande_total table{

	float:right;

	margin-top:10px;

	width:45%;

}

#commande #commande_total td {

	padding:0 10px 2px 0;

	text-align:right;

	vertical-align: bottom;

}

#commande #commande_total .designation {

	text-align:right;

	width:50%;

	font-weight: bold;

}

#reduction {

	float:left;

	width:100%;

	margin-bottom:10px;

}

#reduction .last_input {

	float:left;

	width:150px;

}





/*----------- COMMENTAIRES (recap)---------*/

#container #contenu #contenuTexte #lepanier #commentaires

{

	float:left;

	width:100%;

}



#container #contenu #contenuTexte #lepanier #commentaires p

{

	margin:0;

	padding:0;

}



#container #contenu #contenuTexte #lepanier #commentaires textarea

{

	border:#CCCCCC solid 1px;

	font-family: Arial, sans-serif;

	font-size: 12px;

	width:100%;

	height:150px;

}







/*----------- MODE DE LIVRAISON -------------*/

#container #contenu #contenuTexte #lepanier #livraison {

	float:left;

	width:100%;

	margin:10px 0;

}

#container #contenu #contenuTexte #lepanier #livraison ul {

	list-style-type:none;

}

/*----------- MOYEN DE PAIEMENT -------------*/

#container #contenu #contenuTexte #lepanier #paiement {

	float:left;

	width:100%;

}

#container #contenu #contenuTexte #lepanier #paiement ul {

	list-style-type:none;

}

#container #contenu #contenuTexte #lepanier #cgv {

	margin-top:15px;

	text-align:left;

}

/*----------- MERCI -------------*/

#merci #reglement {

	float:left;

}

#merci #reglement ul {

	margin:15px 35% 15px 35px;

}

#merci .adr_cheque {

	margin:10px 0 15px 35px;

	font-weight:bold;

}



#merci #infos {

	background:0;

	height:auto;

}



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

/*------       ETAPES           ----------*/

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

#container #contenu #contenuTexte #lepanier #etapes

{

	float:left;

	width:100%;

	padding-bottom:10px;

	margin-bottom:10px; 

}



#container #contenu #contenuTexte #lepanier #etapes li

{

	background-image:url(../images/panier/etapes.gif);

	background-repeat:no-repeat;

	background-position:0 -22px; 

	list-style-type:none;

	padding-left:20px;

	float:left;

}



#container #contenu #contenuTexte #lepanier #etapes li.ok

{

	background-position:0 0;

}



#container #contenu #contenuTexte #lepanier #etapes li.ko

{

	background-position:0 -40px; 

	color:#B7722E;

}



#container #contenu #contenuTexte #lepanier #etapes li a

{

	color:#D7D7D7;

	margin:0;

	display:block;

	font-weight:normal;

}



#container #contenu #contenuTexte #lepanier #etapes li a:hover

{

	font-weight:bold;

}



#container #contenu #contenuTexte #lepanier #etapes li.ok a

{

	color:#9B3D19;

}



#etapes .etape

{

	width:15%;

}



#etapes .etape1

{

	width:17%;

}



#etapes .etape2

{

	width:17%;

}



#etapes .etape3

{

	width:14%;

}



#etapes .etape4

{

	width:15%;

}



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

/*------       COMPTE CLIENT    ----------*/

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



#accueil_gcl .continuer {

	float:right;

	width:63px;

	height:22px;

	font-size:0;

	text-decoration:none;

	border:0;

}

#info_perso {

	float:left;

	width:47%;

	height:10em;

	margin-right:2.5%;

}

#password{

	float:left;	

	width:47%;

	height:12em;

}

#carnet_adr{

	float:left;

	width:47%;

	height:10em;

	margin-right:2.5%;

}

#commandes{

	float:left;

	width:47%;

	height:12em;

}

#commandes table{

	width:100%;

}

#compte_client #mes_commandes .libelles_recap td {

	font-weight:bold; padding-bottom:15px; font-size:1.1em;

}

#admin_panier {

	margin:0 auto; width:100%; font: /*0.7em Verdana,*/ 0.75em Arial, sans-serif; text-align:justify; 

}







#container #contenu #contenuTexte #lepanier a

{

	font-weight:normal;

}



#container #contenu #contenuTexte #lepanier a img

{

	border:0;

}



#container #contenu #contenuTexte #lepanier input.inputText,

#container #contenu #contenuTexte #lepanier textarea

{

	background-color:#B7722E;

	border:#COULEUR4 solid 1px;

	color:#COULEUR4;

}



#container #contenu #contenuTexte #lepanier select

{

	background-color:#B7722E;

	border:#COULEUR4 solid 1px;

	color:#COULEUR4;

}



#container #contenu #contenuTexte #lepanier select option

{

	padding-right:10px;

}





#container #contenu #contenuTexte #lepanier p

{

	margin:0;

	padding:0;

	margin-bottom:10px;

	line-height:1.5em;

}







#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab

{

	font-family:Arial,Helvetica,sans-serif;

	font-size:11px;

	margin-bottom:20px;

	color:#000000;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab td,th

{

	vertical-align:middle;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab thead td

{

	color:#9B3D19;

	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;

	font-size:13px;

	padding:0px;

	text-align:left;

	font-weight:bold;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab thead th

{

	font-family:"Trebuchet MS", Arial, Helvetica,sans-serif;

	background-color:#9B3D19;

	color:#COULEUR4;

	font-weight:bold;

	padding:3px;

	text-align:center;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab thead th.blank,

#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab thead td.blank

{

	background:none

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody td

{

	color:#COULEUR4;

	padding:2px;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody td p

{

	margin:0 0 0 0;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody td .produit-designation

{

	font-size:1.2em;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody td .stockOptions .stockOption .stockOption-option-key,

#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody td .produitOptions .categorieOption-nom

{

	font-weight:bold;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody td .produitOptions .categorieOption-nom

{

	margin-top:5px;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody td .produitOptions .produitOption

{

	margin-left:5px;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody td .underline

{

	border-bottom:#COULEUR4 solid 1px;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody tr.total td

{

	font-size:1.2em;

	font-weight:bold;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody td input.inputText

{

	text-align:center;

}

#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody tr td
{
	background-color:#DF8A27;
}


#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody tr.line1 td

{

	background-color:#B7722E;

}



#container #contenu #contenuTexte #lepanier #commande #commande_detail #listeArticlesTab tbody tr.line2 td

{

	background-color:#DF8A37;

}







#container #contenu #contenuTexte #lepanier .left

{

	text-align:left;

}



#container #contenu #contenuTexte #lepanier .center

{

	text-align:center;

}



#container #contenu #contenuTexte #lepanier .right

{

	text-align:right;

}



#container #contenu #contenuTexte #lepanier .justify

{

	text-align:justify;

}



#container #contenu #contenuTexte #lepanier .bold

{

	font-weight:bold;

}











/* BEGIN ETAPE4.PHP ET ETAPE5.PHP */



	#container #contenu #contenuTexte #lepanier #fraisPortListTab,

	#container #contenu #contenuTexte #lepanier #moyensPaiementListTab

	{

		margin-left:10px;

	}

	

	#container #contenu #contenuTexte #lepanier #fraisPortListTab td,

	#container #contenu #contenuTexte #lepanier #moyensPaiementListTab td

	{

		font-size:12px;

		padding:5px;

		border-bottom:#AAAAAA dashed 1px;

	}

	

/* END ETAPE4.PHP ET ETAPE5.PHP */







/* BEGIN MES COMMANDES */



	#container #contenu #contenuTexte #lepanier #mes_commandes #cloturees table,

	#container #contenu #contenuTexte #lepanier #mes_commandes #en_traitement table

	{

		border-collapse:collapse;

		margin-bottom:20px;

		font-size:12px;

	}

	

	#container #contenu #contenuTexte #lepanier #mes_commandes #cloturees th,

	#container #contenu #contenuTexte #lepanier #mes_commandes #en_traitement th

	{

		font-family:"Trebuchet MS", Arial, Helvetica,sans-serif;

		background-color:#9B3D19;

		color:#COULEUR4;

		font-weight:bold;

		padding:3px;

		text-align:center;

	}



	#container #contenu #contenuTexte #lepanier #mes_commandes #cloturees td,

	#container #contenu #contenuTexte #lepanier #mes_commandes #en_traitement td

	{

		border:#AAAAAA solid 1px;

		padding:5px;

	}



	#container #contenu #contenuTexte #lepanier #mes_commandes table tr.line2

	{

		background-color:#FAFAFA;

	}

	

/* END MES COMMANDES */



/* BEGIN DETAIL COMMANDE */



/* END DETAIL COMMANDE */



/* BEGIN FORMULAIRE CLIENT */



	#container #contenu #contenuTexte #lepanier .formulaire label

	{

		padding-left:5px;

	}



	#container #contenu #contenuTexte #lepanier .formulaire input.inputText,

	#container #contenu #contenuTexte #lepanier .formulaire select#adresse_pays_id,

	#container #contenu #contenuTexte #lepanier .formulaire select#client_typeClient_id,

	#container #contenu #contenuTexte #lepanier .formulaire textarea

	{

		width:100%;

	}

	

	#container #contenu #contenuTexte #lepanier .formulaire .valider

	{

		margin-top:30px;

	}



	#container #contenu #contenuTexte #lepanier .formulaire #infos_perso,

	#container #contenu #contenuTexte #lepanier .formulaire #identifiants

	{

		float:left;

		width:45%;

	}



	#container #contenu #contenuTexte #lepanier .infoPersonnelles #infos_perso,

	#container #contenu #contenuTexte #lepanier .carnetAdresses #infos_perso,

	#container #contenu #contenuTexte #lepanier .modifMotPasse #identifiants

	{

		width:50%;

		margin-left:25%;

	}



	#container #contenu #contenuTexte #lepanier .formulaire #infos_perso

	{

		margin-right:5%;

	}



/* END FORMULAIRE CLIENT */



/* BEGIN MERCI PRO */



	#container #contenu #contenuTexte #lepanier #merciPro p

	{

		font-size:1.3em;

		text-align:justify;

	}



/* BEGIN MERCI PRO */