/*#########################################################################################################*/ 
/*#########################################################################################################*/ 
/*######################################## CSS A MODIFIER #################################################*/ 
/*#########################################################################################################*/ 
/*#########################################################################################################*/ 

#conteneur_commande {
	width: 500px;
	height:100%;
	margin: 0px auto;
	margin-top:10px;
}

#titre_tableau ul li a	{/* couleur du text du titre du tableau avec le bandeau couleur en arriere plan*/
	color:#FFFFFF;
}

/*----------------------------------------- cheminement -------------------------------------------------*/
#cheminement_panier th {
	color: #518500;
}

/*----------------------------------------- tableau panier -----------------------------------------------*/
#panier_commande #recap_panier th {
	color: #3D4935;
	background: #A2D05A;
}

#panier_commande #recap_panier td { /* couleur du texte dans le tableau commande*/
	color: #051256;
	text-align:center;
}
#panier_commande #recap_panier .ligne-impair {
	background: #FFF;
	color: #303C28;
}

/*--------------------------------------------- formulaires ------------------------------------*/
#inscription fieldset {
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	color:#518500;
	border:1px solid #518500;
	-moz-border-radius:0.4em;
}

#inscription legend {
	font-weight: bold;
	color: #FFF;
	background: transparent;
}

#inscription fieldset label {
	float: left;
	width: 40%;
	text-align: right;
	margin-right:1em;
	color: #FFF;
}

#erreur ul li {
	font-style:italic;
	color:#FFFFFF;
	font-size:13px;
	margin-bottom:2px;
	margin-left: 20px;
	list-style-type: none;
}
span.etoile {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin-left: 10px;
}
/*---------------------------------------- recapitulatif commande -------------------------------*/
.titre_adresse {
	font-size: 16px;
	font-weight: bold;
	color: #EBF092;
}
#conditions_paiement fieldset, #conditions_accept fieldset {
	border:1px solid #FFF;
}
/*################################################################################################################*/ 
/*################################################################################################################*/ 
/*######################################## CSS A NE PAS MODIFIER #################################################*/ 
/*################################################################################################################*/ 
/*################################################################################################################*/ 


.center {
		text-align:center;
		margin:0px auto;
	
}

/*######################################## Generale ######################################################*/ 



#conteneur_commande div.titre_tableau {
	margin:0;
	width: 100%;
	height:38px;
	text-align:center;
}

#titre_tableau ul li {
	text-align:center;
	list-style:none;
	position:relative;
	height:38px;
	line-height:46px;
	width:100%;
	margin:0px auto;
}

#titre_tableau ul li a	{
	display:block;
	font-weight:bold;
	text-decoration:none;
	cursor:default;
}

#titre_tableau ul li a:hover {
	color: #051256;
}

#titre_tableau ul li span {
	display:block;
	position:relative;
	background-image:url(../img-ecommerce/panier-commande-noir_01.gif);
	background-position:top left;
	padding-left:15px;
	margin-right:15px;
}

#titre_tableau ul li em	{
	display:block;
	position:relative;
	background-image:url(../img-ecommerce/panier-commande-noir_01.gif);
	background-position:top right;
	padding-right:15px;
	font-style:normal;
	margin-right:-15px;
	color: #000000;
}


.croix-supr {
	float:right;
	margin-top:-10px;
	margin-right: 2px;
}

/*######################################## Cheminement Panier ######################################################*/ 

#cheminement {
	width:500px;
	position:relative;
}
	
#cheminement_panier {
	width: 500px;
	border-collapse: collapse;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: center;
}


#cheminement_panier th {
	padding: 10px 0px;
	letter-spacing: -1px;
	text-align: center;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/*######################################## Tableau Panier ######################################################*/ 

#panier_commande {
	width:550px;
	clear:both;
}
	
#panier_commande #recap_panier {
	width: 500px;
	border-collapse: collapse;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
}

#panier_commande #recap_panier th {
	text-align: center;
	font: bold 12px Arial, Helvetica, sans-serif;
	}



#panier_commande #recap_panier td.col1 { /* couleur du texte dans le tableau commande*/
	width:50%;
}

#panier_commande #recap_panier td.col2{ /* couleur du texte dans le tableau commande*/
	width:20%;
}

#panier_commande #recap_panier td.col3 { /* couleur du texte dans le tableau commande*/
	width:10%;
}

#panier_commande #recap_panier td.col4 { /* couleur du texte dans le tableau commande*/
	width:20%;
}



#panier_commande #recap_panier .ligne-pair {
	background: #4E4E4E;
	color: #051256;
}

#affichage-total {
	width:500px;
	margin: 0px auto;
	
}
	

#affichage-total p {
	font-size: 14px;
	font-weight:bold;
	text-align: right;
	padding-right:10px
}

.qte-panier {
		width:30px;
		text-align:right;
}

/*######################################## Boutons Panier ######################################################*/ 
.bouton_action {
	width:80%;
	margin: 0 auto!important;
	margin: 0px 10% 0px 10%;
	text-align:center;
}

#shopping, #commander {
	margin-left:4px;
}

/*######################################## Récapitulatif Commande ######################################################*/ 

#recapitulatif_adresse {
	width:100%;
}

#adresse_facturation {
	background-image: url(../img-ecommerce/fond_titre_adresse.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding:0px 50px 0px 50px;
}

#adresse_livraison {
	background-image: url(../img-ecommerce/fond_titre_adresse.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding:0px 50px 0px 50px;
}

#adresse_livraison  #retrait {
	margin-top:25%;
	width:80%;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

#retrait {	
	width:80%;
	margin:0 auto!important;
	margin: 0px 0px 0px 50px;
	padding:6px;
	border:1px solid #000;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.titre_adresse {
	width:100%;
	text-align:center;
	margin-top: 12px;
	margin-bottom:20px;
}

.adresse_coordonnees {
	background-image: url(../img-ecommerce/visu_adresse.gif);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:60px;
	_height:60px;
}

.email {
	background-image: url(../img-ecommerce/visu_mail.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
}

.tel {
	background-image: url(../img-ecommerce/visu_tel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 33px;
}

.gsm {
	background-image: url(../img-ecommerce/visu_gsm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 28px;
}

.tel, .gsm, .email, .adresse_coordonnees {
	margin-top:6px;
	padding-left:54px;
	margin-left:34px;
}

.tel, .gsm, .email, {
	padding-top:6px;	
}

#cheque {
	text-align:center;
}

/*######################################## Formulaire Facturation et Livraison ######################################################*/ 
 
#formulaire_facturation, #formulaire_livraison {
	width:500px;
}

#inscription {
	width: 100%;
	text-align:left;
	color: black;
	border: none;
}

#inscription fieldset {
	border:1px solid #FFF;
}


#inscription fieldset  p.textarea {
	text-align:center;
	margin:0 auto;
}

#inscription input {
	padding:0.15em;
	border:1px solid #518500;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

#inscription textarea {
	width:50%;
	border:1px solid #518500;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

#inscription .envoyer {
	text-align:center;
}

#inscription .envoyer input {
	border:1px solid #000;
	margin-top:.2em;	
}

#inscription p.champs-radio  {
	line-height:1.5em;
	margin: 5px 0px 0px 32%; 
	padding:0;
	color:#FFFFFF;
}

#inscription select {
	border:1px solid #FFF;
	background:#FAFAFA;
	font: 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

#inscription input[type=checkbox], #inscription input[type=radio] {
	background:#ffffff url(none);
	border: none;
	line-height:0;
}

#inscription input.bouton-radio {
	background:#ffffff url(none);
	border: none;
}


.captcha {
	text-align:center;
	margin:0 auto!important;
	clear:both;
	color: #FFFFFF;
}
#erreur {
	position:absolue;
	width: 300px;
	z-index:100;
		
}
		


.infos-obligatoire {
	color:#EBF092;
	font-size:12px;
	margin-right: 10px;
	margin-top:0px;
	float:right;
}

#remerciement {
	width:100%;
	font-size:20px;
	text-align:center;
	padding-top: 15px;
	padding-bottom: 15px;
	color:#FFFFFF;
}



/*######################################## Paiement Commande ######################################################*/ 

#conditions_paiement {
	width:550px;
	margin-top:50px;	
}



#conditions_paiement form {
	width:100%;
}

#conditions_paiement #conditions_accept {
	width:80%;
	margin: 0 auto!important;
	margin: 0px 10% 0px 10%;
	display:block;
	text-align:center;
}

#conditions_paiement #choix_paiement  {
	width:80%;
	margin: 0 auto!important;
	margin: 0px 10% 0px 10%;
	text-align:center;
	display:block;
	border: 1px solid #FFF;
}

.paiement_liste {
	list-style-type:none;
	width:100%;
	text-align:center;
}

.paiement_liste li {
	float:left;
	margin-left:5%!important;
	margin-left:5%;
	font-weight:bold;
}

/*######################################## Popup Ajout ######################################################*/ 

#popup-ajout {
	width:200px;
	height:200px;
	text-align:center;
	background-image: url(../img-ecommerce/fond-popup.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#popup-ajout p {
	font-weight:bold;
}

#popup-ajout a {
	color:#000;
	text-decoration:underline;
}

#popup-ajout a:hover {
	color:#fff;
	text-decoration:underline;
}

/*######################################## Hack IE6 et IE7 ######################################################*/ 
 
*+html #inscription p.champs-radio, *html #inscription p.champs-radio {
	line-height:1.5em;
	margin: 5px 0px 0px 0px; 
	padding:0;
} 

*+html #adresse_facturation {
	width:40%;
	float:left;
	margin-left:10%;
	background-image: url(../img-ecommerce/fond_titre_adresse.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

*+html #adresse_livraison {
	width:40%;
	float:left;
	margin-left:9%;
	background-image: url(../img-ecommerce/fond_titre_adresse.gif);
	background-repeat: no-repeat;
	background-position: center top;
	
}

*html #adresse_facturation {
	display:inline;
	width:40%;
	margin: 0px 4% 0px 4%;
	background-image: url(../img-ecommerce/fond_titre_adresse.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

*html #adresse_livraison {
	display:inline;
	width:40%;
	margin: 0px 4% 0px 4%;
	background-image: url(../img-ecommerce/fond_titre_adresse.gif);
	background-repeat: no-repeat;
	background-position: center top;
}