/* CSS Document */

#positionnement{
	position:relative;
	float:left; 
	display:block;
	top:5px !important;
	top:15px

}
#positionnement p a{color:#999; text-decoration:underline;}
/*le sous menu montrant où on est sur toutes les pages*/
#haut_panier{
	width:600px;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:black;
	display:block;
	height:40px;
	float:left;
	background-color:#FFFFFF;
	top:5px !important;
	top:25px;
	margin-bottom:30px;
	margin-left:0px;
}

#haut_panier p{
	position:relative;
	float:left;
	padding-top:12px;
	padding-left:15px;
	margin-right:5px;
	top:0px;
	font-weight:bold;
	/*color:#3F3F3F;*/
	color:#FFF;
}
#haut_panier p a{color:#FFF;}
#haut_panier p.actif{
	height:70px;width:140px;margin-right:6px; padding:0px; background-repeat:no-repeat;
}
/*le bouton de l'onglet panier si actif*/
#haut_panier p#etape1.actif{background:url(Images/panier/votre_panier.gif);}
#haut_panier p#etape2.actif{background:url(Images/panier/livraison.gif);}
#haut_panier p#etape3.actif{background:url(Images/panier/paiement.gif);}
#haut_panier p#etape4.actif{background:url(Images/panier/confirmation.gif);}
/*les menu inactif*/ 
#haut_panier p.inactif{
	background:url(Images/panier/arriere_etape.gif) no-repeat top #FFF;
	height:60px;
	width:130px;

}
#haut_panier p.actif span{display:none;}
#recap_panier{
	position:relative;
	display:block;
	float:left;
	width:595px;
	top:0px;
	color:#666666;
	padding:0;
	margin:0;
}
#recap_panier p{margin:0px;margin-bottom:2px;padding:0px;}	
label{cursor:pointer;}

/********************************************************** Panier ******************************************************/
#table_panier{
 width:600px;
 background-color:#FFFFFF;
 border-bottom:#EDEDED 1px solid;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-align:left;
 margin-top:15px;
} 


#table_panier td{vertical-align:middle;}
/*les titres*/
#table_panier tr.haut_panier{background-color:#F6F6F6;}
#table_panier tr.haut_panier th{font-weight:bold;font-size:10px;color:#666666;padding-bottom:4px; border:none}
	
/*la ligne de produits*/	
#table_panier tr.ligne_produit td{border-top:#999999 1px solid;font-size:10px;color:#FF6600;padding:5px 0px; height:40px;}
#table_panier tr.ligne_produit td.nom_prod{width:33%;font-size:11px; font-weight:bold;}
#table_panier tr.ligne_produit td.prix_pan{text-align:right;width:80px;color:#FF6600; font-weight:bold;font-size:13px;}
#table_panier td.type_prod{width:20%;}/*type de produit*/
#table_panier td.dispo_prod{width:130px;}/*disponibilite produit*/

/*l'extension de garantie + accessoire conseillé*/
#table_panier tr.ligne_options{background-color:#EDEDED;font-size:11px;color:#666666; }
#table_panier tr.ligne_options td{border-bottom:1px solid white; height:25px;}


/*en commun*/
#table_panier td.qtte_prod{width:15%; text-align:center;}/*quantite*/
#table_panier td.qtte_prod a{text-decoration:underline;color:#A5ACB2; font-size:9px;}/*ancre pour retirer*/
#table_panier td.qtte_prod select{width:45px; height:18px;}/*le select de la quantite*/
#table_panier td.prix_pan{text-align:right;width:80px;color:#FF6600; font-weight:bold;font-size:13px;border-right:#EDEDED 1px solid;}

/*deux cellules pour la mise en page*/
#table_panier td.last_panier{width:1px; background-color:#FFFFFF;}
#table_panier tr.ligne_produit td.prem_panier{padding-left:5px;}
#table_panier td.prem_panier{border-left:#EDEDED 1px solid;background-color:white;padding-left:5px;}

/*le prix total du panier*/
#prix_panier{ 
	position:relative;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	display:block;
	top:10px;
	right:15px;
	width:100%;
	text-align:right;
	margin-bottom:20px;
}
#prix_panier p{margin:0px;padding:0px;margin-top:10px;position:relative;float:right;display:block;width:100%;}
#prix_panier p.total{font-size:14px; font-weight:bold; }

/********************************************************** Adresses mail ******************************************************/
#table_adresses{
 width:600px;
 background-color:#FFFFFF;
 border-bottom:#EDEDED 1px solid;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-align:left;
 margin-top:15px;
} 


#table_adresses td{vertical-align:top;}
/*les titres*/
#table_adresses tr.haut_panier{background-color:#F6F6F6;}
#table_adresses tr.haut_panier th{font-weight:bold;font-size:10px;color:#666666;padding-bottom:4px; border:none}
	
/*la ligne de produits*/	
#table_adresses tr.ligne_produit td{border-top:#999999 1px solid;font-size:10px;color:#FF6600;padding:5px 0px; height:40px;}
#table_adresses tr.ligne_produit td.nom_prod{width:33%;font-size:11px; font-weight:bold;}



/************************************************** livraison *************************************************************/

table.liv{ 
	width:600px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-top:15px;
}
th{font-weight:bold;font-size:13px;color:#666666;padding-bottom:4px;border-bottom:#A1A1A1 1px solid;background-color:#F6F6F6; text-align:left;}
table.liv td{vertical-align:top;background-color:#FFFFFF; padding-top:5px;}
#partie_affichage{width:600px;padding:0; margin:0;}
/********************la liste des choix de mode de livraison***/ 
#liste_livraison td{border-bottom:#E7E7E7 1px solid;}
#liste_livraison td.liste_livraison_g{width:380px; padding-left:5px;color:#FF6600; font-weight:bold;font-size:13px;border-left:#E7E7E7 1px solid;}
#liste_livraison td.liste_livraison_g span{color:#666666; font-size:10px; font-weight:normal; padding:5px;}
#liste_livraison td.liste_livraison_g span a {color:#FF6600; text-decoration:underline;}
#liste_livraison td.liste_livraison_d{padding-right:5px;border-right:#E7E7E7 1px solid; font-size:10px;color:#666666;}

/**le titre votre compte**/
#votre_compte_livraison {font-weight:bold;font-size:14px;color:#666666;background-color:#F6F6F6; text-align:left; border-top:10px #F6F6F6 solid;}

p.titre_liv_actuel{background-color:#FFFFFF; height:20px; display:block; width:590px; border:1px solid #E7E7E7; border-top:1px solid #A1A1A1; font-size:11px;}
span.titre_liv_actuel{background-color:#FFFFFF; height:20px; display:block; width:590px; font-size:11px;}
/********************pour s'identifier***/
#identification td{border:none;vertical-align:top; padding:0; margin:0; background-color:#FFFFFF; font-size:10px;}
/**le formulaire**/
#identification td.int_liv_ident{width:160px;color:#66CC33;font-weight:bold; text-align:right; }
#identification td.inp_liv_ident{width:200px;color:#666666; font-weight:normal;}
#identification td.inp_liv_ident a{text-decoration:underline;}
#identification td.inp_liv_ident input{padding:0px; margin:0px;vertical-align:middle}
#identification td.crea_liv_ident{width:270px;}
/**la "pub"**/
#identification td.crea_liv_ident p{width:262px}
#identification td.crea_liv_ident p#pourcreer{ background-color:#66CC33; color:white;padding:2px 3px;}
#identification td.crea_liv_ident p#pourcreer span{ font-weight:bold; text-decoration:underline; cursor:pointer;}
#identification td.crea_liv_ident p#pourcreerpub{color:#66CC33;padding:2px 0px;}
/**mdp oublie**/
#identification td#mdp_oubl_id a{color:#666666; font-size:9px; font-weight:normal;text-decoration:underline;}

/********************commun aux differentes étapes***/
table.formulaire_liv{position:relative; width:290px;font-size:11px;border:none; margin-top:10px;}
table.formulaire_liv th{text-indent:2px;border:none;}
table.agauche{float:left;}
table.adroite{float:right; right:10px;}
table.formulaire_liv td{border:none;background-color:#FFFFFF; padding:2px 0px;}


/********************creation du compte***/

table.formulaire_liv td.haute{ border-top:3px solid white;}
table.formulaire_liv td.intitule{color:#FF6600; text-align:right;}
table.formulaire_liv td.champs{color:#666666;text-align:left;}
table.formulaire_liv td.complementaire{color:#666666;text-align:right;}
table.formulaire_liv td.comp{font-weight:bold;font-size:10px;color:#666666;padding-left:10px;}
table.formulaire_liv  td.droites{border-right:4px white solid;}

table.formulaire_liv tr.cadre_gris td{background-color:#E7E7E7; border:5px #E7E7E7 red; border-top:none;}
table.formulaire_liv tr.cadre_gris td.intitule{border-left:4px white solid;}
table.formulaire_liv tr.cadre_gris  td.complementaire{border-left:4px white solid;}
table.formulaire_liv tr.cadre_gris td.champs{border-right:4px white solid;}

table.centree td, th {width:300px;}
table.centree td.complementaire{padding-left:30px; text-align:left;}
table.formulaire_liv tr.cadre_gris a{text-decoration:underline; padding-left:5px;}

table.formulaire_liv tr.cadre_gris td.modifi{font-size:9px; border:4px white solid; width:100%;}
table.formulaire_liv tr.cadre_gris td.modifi span a{ cursor:pointer; text-decoration:underline; color:#FF6600;}
/*************************************** paiement ****************************************************************************/
/***affichage du prix***/
#recap_panier p.leprix{text-align:right; font-weight:bold; font-size:14px; margin:5px 0px;}
#recap_panier p.leprix span{margin:0px 15px}
#recap_panier p.details_prix{text-align:right;font-size:10px; margin:0px 15px 10px 0px;}

/***les reducs***/
#recap_panier p.lesreducs{background:url(Images/panier/fond_options_paiement.gif) no-repeat; width:600px; padding:6px 0px; text-align:right; font-size:11px;}
#recap_panier p.lesreducs input{color:#FF6600; font-weight:bold;}
#recap_panier p.lesreducs img.boutonspsms{vertical-align:bottom;cursor:pointer;}
#recap_panier p.lesreducs a{margin-right:7px; color:#FF6600; text-decoration:underline;}
#recap_panier p.lesreducs input#BonReduction{text-align:right;}


/***choix mode de paiement***/
#recap_panier p.modepaiement{background:url(Images/panier/fond_choix_mode_paiement.gif) no-repeat; width:590px; padding:10px 0px; text-align:right; font-weight:bold; height:99px;}
#recap_panier p.modepaiement span{display:block;float:left;text-align:left;font-size:11px;}
#recap_panier p.modepaiement span.titremodepaiement{width:580px; text-align:left; font-size:13px;padding-left:15px;}
#recap_panier p.modepaiement span.checkmodepaiement{width:590px;color:#FF6600;margin-top:15px;}
#recap_panier p.modepaiement span.checkmodepaiement input{margin-left:10px;}
#recap_panier p.modepaiement span.rappelmodepaiement{width:590px;height:15px; margin-top:30px; padding:0px 0px 10px 10px;  font-weight:normal; color:#999999;}

#recap_panier p.checkcgv{text-align:right; height:15px; color:#999999; font-size:11px; margin:-15px 10px 0px 0px;}
#recap_panier p.checkcgv a{text-decoration:underline;}

#recap_panier div.modepaiement{background:url(Images/panier/fond_confirmation.gif) no-repeat; width:600px; padding:10px 0px; text-align:left;height:200px}
p.titrerecap{ font-size:14px; font-weight:bold;padding-left:15px;}
#recap_panier div.modepaiement p{ font-size:12px; padding-left:15px;}
#recap_panier div.modepaiement p.recapleft{ font-size:12px; padding-left:15px; float:left; margin-top:14px;}
#recap_panier div.modepaiement p.recapright{ font-size:12px; padding-left:15px; float:left; margin-top:14px;}

#explication_recap{ float:left; padding-left:10px;}
#explication_recap p.parag_recap{ padding-left:40px; margin-top:20px; font-size:11px;}
#lienrecap{float:right; margin-top:20px; margin-bottom:40px;}
#lienrecap a{ font-size:12px; text-decoration:underline; font-weight:bold; padding-right:15px;}
/**************************************************************************************************************************/
/*les boutons commun sur toutes les pages*/
#continuer{
	background:url(Images/panier/continuer_achat.gif) no-repeat top; 
	width:159px; 
	height:46px; 
	margin-right:10px;
	display:block;
	float:right;
}

p.validation{
		position:relative; 
		clear:right;
		border:10px solid #F6F6F6;
		height:50px;
}
hr.sep{clear:both; border:10px solid #F6F6F6; width:600px}
#valider, #valider_creation{
float:right;
margin-right:-3px;
margin-bottom:30px;
}

/********* calendrier *************/
.calendrier td{border:1px solid #CCC; text-align:center; width:20px;}
.calendrier td.bas_cal{border-top:none;}
.calendrier td.haut_cal{ font-weight:bold;}
.calendrier td a{ text-decoration:none; color:#666666; cursor:pointer}
.calendrier td.jour_ch{ background-color:#FF6600;}/*lettre*/
.calendrier td.day_ch{ background-color:#FF954F;}/*numero*/
.calendrier td.dimanche{ background-color:#CCC;}
.calendrier td.sunday{ background-color:#EAEAEA;}

#nbpoints{
font-size : 0.9em; 
background-color: #CC3499; 
text-transform:uppercase; 
text-align:center; 
color:#fff;
font-weight:bold;
width:80px;
height:40px;
padding:10px 0 0 0;
}
.totalbons {
font-size:2.9em;
display:block;
margin-top:2px;
}

/*erreur inscription pwd*/
.erreur_field{width:100%; color:#FF6600;}


table.form_vip{position:relative; width:580px;font-size:11px;border:none; margin-top:10px; align:left;}
table.form_vip textarea,table.form_vip input { 
	width: 250px;
}
table.form_vip input.radio, table.form_vip input.checkbox { 
	width: 20px;

}
div.form_erreur {
	color:red;
	font-weight:bold;
	text-align:center;
	width:100%;
}