/* CSS du panier de commande */

#panier_main{
position:relative;
background-color:#f8f7f5;
height:700px;
}
#panier_main a{
color:#ff7f00;
}


/* Cartouche du haut repr�sentant les �tapes du processus de commande */

#etapesCMD{
height:94px;
}


/* Hack IE 6 */
* html #etapesCMD{
height:99px;
}

/* Hack IE7 */
*+html  #etapesCMD{
height:99px;
}



.facticeOneMenuCatalogueSmall{
position:relative;
height:22px;
float:left;
}

.facticeOneMenuCatalogueSmall h2{
position:relative;
font-size:1.1em;
padding:3px 10px 0 0;
}


.oneMenuCatalogueSmallActif{
position:relative;
height:22px;
float:left;
cursor: pointer;
background: url(../../images/boutons/btn_actif_center_bck.gif) bottom left repeat-x;
}

.oneMenuCatalogueSmallActif h2{
position:relative;
padding:3px 0 5px 0;
font-size:1.3em;
}

.oneMenuCatalogueSmallActif h2 a{ 
font-weight:bold;
font-size:11px;
color:#3b6406;
}


.leftOneMenuCatalogueSmallActif{
position:relative;
height:22px;
width:15px;
float:left;
cursor:pointer;
background: url(../../images/boutons/btn_actif_left_bck.gif) bottom left no-repeat;
}

.rightOneMenuCatalogueSmallActif{
position:relative;
height:22px;
width:15px;
float:left;
cursor:pointer;
margin-right:2px;
background: url(../../images/boutons/btn_actif_right_bck.gif) bottom left no-repeat;
}

/* Hack IE 6 */
* html #last_rightOneMenuCatalogueSmallActif{
float:none;
}


.oneMenuCatalogueSmall{
position:relative;
height:22px;
float:left;
cursor: pointer;
background: url(../../images/boutons/btn_inactif_center_bck.gif) bottom left repeat-x;
}



.etapeON{
position:relative;
height:25px;
float:left;
margin-right:5px;
width:140px;
background: url(../../images/boutons/etapeCMD_actif_bck.gif) bottom left no-repeat;
}

.etapeON h2{
position:relative;
padding-left:10px;
padding-top:7px;
font-weight:bold;
color:#ff7f00;
font-size:11px;
}

.etapeOFF{
position:relative;
float:left;
width:140px;
height:25px;
margin-right:5px;
}

.etapeOFF h2{
position:relative;
padding-left:10px;
padding-top:7px;
color:#737373;
font-size:11px;
font-weight:bold;

}


/* Fin du cartouche du haut repr�sentant les �tapes du processus de commande */

/* ETAPE 1 DU PANIER DE COMMANDE */


/* Cartouche qui affiche en fonction de si on est connect� ou pas, soit un lien pr se connecter, soit des r�ductions possibles sur les frais de port */

#IdentifOrNot{
position:relative;
margin-top:20px;
padding-left:10px;
padding-right:10px;
}

#IdentifOrNot p{
 font-size:13px;
}
 
tr.entetesPanier td{
height:25px;
padding-top:2px;
margin-left:-2px;
font-weight:bold;
text-align:center;
border-left:1px solid #d4e4bd;
border-top:1px solid #d4e4bd;
border-right:1px solid #d4e4bd;
}

tr.oneProductPanier td{
text-align:center;
border-right:1px dashed #d4e4bd;
border-top:1px solid #d4e4bd;
border-bottom:1px dashed #d4e4bd;
}

.optionsProductPanier{
position:relative;
padding-top:5px;
padding-left:426px;

}

.optionsProductPanier a{
position:relative;
font-weight:bold;
color:#336600;
}


/* Bloc type d'un produit dans le panier */

.produitsDansPanier{
position:relative;
width:710px;
border:solid 1px #c9c9c9;
background-color:#fff;
}

.visuelSynthese{
position:absolute;
top:0;
left:0;
width:200px;
height:151px;
padding:1px;
border-right:solid 1px #c9c9c9;
}

.listeSynthesesText{
position:absolute;
left:200px;
top:0;
width:500px;
height:67px;
}

.syntheseProdPanierCol2, .syntheseProdPanierCol3, .syntheseProdPanierCol4, .syntheseProdPanierCol5, .syntheseProdPanierCol6{
position:relative;
float:left;
text-align:center;
padding:15px 0 2px 0;
margin:5px 0 10px 0;
font-size:13px;;
height:67px;
}

.syntheseProdPanierCol1 {	width:203px; } 
.syntheseProdPanierCol2 {	width:73px; } 
.syntheseProdPanierCol3 { width:160px;border-left:solid 1px #c9c9c9; } 
.syntheseProdPanierCol4 {	width:70px;border-left:solid 1px #c9c9c9; } 
.syntheseProdPanierCol5 {	width:70px;border-left:solid 1px #c9c9c9; } 
.syntheseProdPanierCol6 {	width:120px;border-left:solid 1px #c9c9c9; } 

.optionsSynthese{
position:absolute;
left:202px;
top:95px;
width:508px;
height:20px;
border-top:solid 1px #c9c9c9;
}

.supprimerProduitPanier{
position:relative;
float:right;
width:300px;
height:10px;
margin-top:20px;
margin-right:10px;
text-align:right;
font-size:13px;
}
 
.ombreSousproduitsDansPanier{
position:relative;
width:710px;
height:5px;
background: url(../../images/fonds/ombreSousproduitsDansPanier_bck.gif) top left no-repeat;
}

/* Fin de bloc type d'un produit dans le panier */



/* Bloc total panier */

#left_firstEtapePanier{
position:relative;
float:left;
margin-top:12px;
margin-left:10px;
width:720px;
height:500px;

}


#totalPanier{
clear:both;
	width:560px;
margin-top:20px;
background-color:#d4e4bd;
border-collapse: collapse;
}

#totalPanier td {
	vertical-align: top;
}

#lieuLivraison_totalPanier{
/*position:absolute;*/
width:244px;
/*height:100%;*/
padding-left:10px;
border-right:1px dashed #fff;
}

#lieuLivraison_totalPanier h5{
position:relative;
font-weight:bold;
font-size:12px;
top:7px;
text-transform:uppercase;
}

#choix_lieuLivraison_totalPanier {
position:relative;
}

#choix_lieuLivraison_totalPanier label{
font-size:12px;
font-weight:bold;
}

#choix_lieuLivraison_totalPanier select{
position:relative;
height:20px;
font-size:12px;
border:1px solid #c1d99f;
}

#choix_lieuLivraison_totalPanier select option{ 
padding-left:5px;
}


#totauxLibelle_totalPanier {
width:170px;
border-right:1px dashed #fff;
padding-bottom:10px;
}

#totauxLibelle_totalPanier p {
text-align:right;
position:relative;
font-size:12px;
padding-right:5px;
margin-top:10px;
color:#333333;
}

#totauxValeurs_totalPanier{
/*position:absolute;*/
padding-bottom:10px;

}

#totauxValeurs_totalPanier p {
position:relative;
text-align:right;
font-size:12px;
padding-right:10px;
margin-top:10px;
color:#333333;
}

#libelle_TTC_totalPanier,
#valeur_TTC_totalPanier {
	height:30px;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	background-color:#fff;
	margin-bottom:1px;	
	padding-top:5px;
	
}
#libelle_TTC_totalPanier{
	width:165px;
	float:left;
	color:#333333;
}


#valeur_TTC_totalPanier{
	color:#ff6633;
	padding-right:10px;
	margin-right:1px;
}


#buttons_firstEtapePanier{
position:relative;
float:right;
margin-top:10px;
margin-right:15px;
}

/* Fin du bloc total panier */


/* Partie droite du panier avec les questions fr�quentes et les infos sur les volumes */

#right_firstEtapePanier{
position:relative;
float:right;
margin-top:0;
margin-right:7px;
width:200px;
height:500px;
}

/* FIN DE L'ETAPE 1 DU PANIER DE COMMANDE */

/* ETAPE 2 DU PANIER DE COMMANDE */


#panierEtape2_main #msgLivraison {
	text-align:left;
	font-weight:normal;
	font-size:1.4em;
	font-family:Trebuchet MS;
	margin:20px 60px 20px 60px;
	padding:20px;
	border:solid 2px;
}


span.orangeNotLink{
font-weight:bold;
color:#000;

}

#blockNewAdresseFromPanier{
width:560px;
}

/* Formulaire de nouvelle adresse */


.formNewAdress{
position:relative;
clear:both;
margin-top:5px;
}

.formNewAdress label{
position:relative;
float:left;
display:block;
width:100px;
height:15px;
text-align:right;
font-size:14px;
}

.formNewAdress input{
position:relative;
height:18px;
margin-left:5px;
border:1px solid #d4e4bd;
font-size:14px;
width:145px;
}

.formNewAdress select{
position:relative;
height:18px;
width:147px;
margin-left:5px;
border:1px solid #d4e4bd;
font-size:12px;
}

.formNewAdress textarea{
position:relative;
margin-left:5px;
width:145px;
height:50px;
border:1px solid #d4e4bd;
}
.formNewAdressRadio{
position:relative;
clear:both;
margin-top:5px;
}


/* Fin formulaire de nouvelle adresse */


#infosComplementaires {
width:560px;
}


.champFormInfosSupp{
position:relative;
clear:both;
margin-top:5px;
}

.champFormInfosSupp label{
position:relative;
float:left;
display:block;
width:250px;
height:15px;
text-align:right;
font-size:14px;
}

.champFormInfosSupp textarea{
position:relative;
margin-left:5px;
width:250px;
height:100px;
border:1px solid #c9c9c9;
}

.champFormInfosSuppBouton{
position:relative;
clear:both;
margin-top:7px;
margin-left:95px;
}

.champFormInfosSuppBouton input{
position:relative;
font-size:13px;
margin-left:20px;
width:80px;
height:25px;
}

/* FIN DE L'ETAPE 2 DU PANIER DE COMMANDE */

/* ETAPE 3 DU PANIER DE COMMANDE */


#choixPaiement{
position:relative;
margin-top:10px;
margin-left:50px;
padding-left:20px;
padding-top:15px;
padding-bottom:20px;
width:446px;
height:auto;
}

#choixPaiement DIV {
	margin-bottom:5px;
}

#choixPaiement label{
position:relative;
padding-left:25px;
font-weight:bold;
top:6px;
font-size:13px;
}

#choixPaiement p{
position:relative;
padding-left:25px;
font-size:13px;
top:4px;
}

img.pictoMoyenPaiement{
position:relative;
margin-left:5px;
top:10px;
}

#choixPaiementBottom{
position:relative;
padding-top:15px;
width:560px;
height:54px;
}

.champFormChoixPaiementBouton{
margin-right:20px;
clear:both;
text-align:right;
}



/* FIN DE L'ETAPE 3 DU PANIER DE COMMANDE */

/* ETAPE 4 DU PANIER DE COMMANDE */

#msgValidation {
	
	padding:0 0 10px 0;
	background-color:#fff;
	border: 1px solid #ff7f00;
	text-align:center;
}

#msgValidation  P {
	color:#6a6a6a;
}

#panierEtape4_main{
position:relative;
background-color:#f8f7f5;
}

#panierEtape4_main h5{
position:relative;
margin-left:120px;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
padding-bottom:5px;
}

#panierEtape4_main h2{
position:relative;
margin-top:20px;
margin-left:20px;
font-size:20px;
text-transform:uppercase;
}

.blockConfirmationInfos{
position:relative;
float:left;
margin-top:10px;
margin-right:24px;
width:284px;
height:auto;
}

.blockConfirmationInfos_inside{
position:relative;
width:284px;
height:auto;
border:1px solid #c8c8c8;
padding-bottom:10px;
background: url(../../images/fonds/blockCoordonnesTop_bck.jpg) top left no-repeat;
}

.blockConfirmationInfos_inside h3{
position:relative;
padding-top:12px;
padding-left:30px;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}

.blockConfirmationInfos_inside p{
padding-top:5px;
position:relative;
padding-left:30px;
font-size:14px;
}


/* Recap des produits du panier */

#recapCommande_etape4{
position:relative;
margin-left:120px;
}



#entete_recapCommande_etape4{
position:relative;
width:711px;
height:31px;
background: url(../../images/fonds/entete_recapCommande_etape4_bck.jpg) top left no-repeat;
}

.monEntete_entete_recapCommande_etape4{
position:relative;
text-align:center;
float:left;
font-style:italic;
font-size:14px;
margin-top:6px;
}

.recapArticle_etape4{
position:relative;
width:711px;
height:48px;
background: url(../../images/fonds/produit_recapCommande_etape4_bck.jpg) top left no-repeat;
}

.monProduit_entete_recapCommande_etape4{
position:relative;
text-align:center;
float:left;
font-size:14px;
margin-top:15px;

}

/* Encart pour r�sumer les totaux de la commande */

#resumeInfos_etape4{
position:relative;
width:356px;
height:150px;
margin-left:475px;
margin-top:20px;
background: url(../../images/fonds/resumeInfos_etape4_bck.gif) top left no-repeat;
}


#totauxLibelle_etape4{
position:absolute;
width:170px;
height:90px;
left:10px;
padding-top:6px;
top:0;
}

#totauxLibelle_etape4 p{
position:relative;
font-size:13px;
padding-left:25px;
margin-top:10px;
color:#333333;
}

#totauxValeurs_etape4{
position:absolute;
width:170px;
height:90px;
padding-top:6px;
left:190px;
top:0;
}

#totauxValeurs_etape4 p{
position:relative;
font-size:13px;
padding-left:35px;
margin-top:10px;
color:#333333;
}

#TTC_etape4{
position:absolute;
width:350px;
height:35px;
left:10px;
top:110px;
}

#libelle_TTC_etape4{
position:absolute;
top:2px;
left:25px;
width:150px;
height:30px;
font-size:20px;
font-weight:bold;
color:#333333;
}

#valeur_TTC_etape4{
position:absolute;
top:2px;
left:213px;
width:200px;
height:30px;
font-size:20px;
font-weight:bold;
color:#ff7f00;
}

/* Fin de l'encart pour r�sumer les totaux de la commande */

/* Div des conditions de ventes et de la validation de l'achat */

#conditionsVente_etape4{
position:relative;
margin-top:20px;
margin-right:20px;
text-align:right;
}


#conditionsVente_etape4 label{
cursor:pointer;
font-size:12px;
margin-left:5px;
}

#conditionsVente_etape4 label a{
color:#336600;
font-weight:bold;
text-decoration:none;
}

#bouton_conditionsVente_etape4 input{
position:relative;
margin-right:20px;
}


#bouton_conditionsVente_etape4{
position:relative;
padding-top:10px;
text-align:center;
}



/* Fun du div des conditions de ventes et de la validation de l'achat */

/* FIN DE L'ETAPE 4 DU PANIER DE COMMANDE */

/* ETAPE 5 DU PANIER DE COMMANDE : RECAPITULATIF DE LA COMMANDE VALIDEE */


#recapCommandeInfos{
position:relative;
margin-left:10px;
padding-top:10px;
}

#recapCommandeInfos p{
font-size:13px;
}

#recapCommandeInfos p a{
color:#ff7f00;
font-size:13px;
}

.recapTD{
background-color:#d4e4bd;
padding:8px;
}

#recapCommande_bottom{
position:relative;
display:block;
width:468px;
height:10px;
left:240px;
background: url(../../images/fonds/recapCommandeBottom_bck.gif) top left no-repeat;
}


/* FIN DE L'ETAPE 5 DU PANIER DE COMMANDE : RECAPITULATIF DE LA COMMANDE VALIDEE */