#erreurs{
	color:red;
	font-size: 11px;
}
#cheminDeFer{
	clear: both;
}
ul#cheminDeFer,ul#cheminDeFer li {
	margin: 0 0 0 0 ;
	height: 35px;
	line-height: 35px
}
#cheminDeFer li{
		float:left;
		margin-right: 10px;
		list-style-type:none;
}
#cheminDeFer #titre{
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
	color: #46B9F4;
	text-transform: uppercase;
	width:160px;
}
#cheminDeFer .etapes{
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	line-height:35px;
	color: #46B9F4;
	display:  block;
}
#cheminDeFer .etapes span{
	padding-right: 30px;
}
#cheminDeFer #current{
	background:#33B2F2 url("/images/traceurEtapes/etape_on_left.gif") no-repeat top left;
	text-align: center;
	color: #fff
}
#cheminDeFer #current span{
	background:transparent url(/images/traceurEtapes/etape_on_right.gif) no-repeat scroll right top;
	display:block;
	height:32px;
	text-transform: capitalize;
}
#cheminDeFer .etapes span img{
	vertical-align: text-bottom;
	margin-right:5px
}

#panierDetail{border-bottom:none;border-collapse:collapse;border-top: none;margin-bottom:0.5em;margin-top:5px;width:955px;}

.textePanierVide{font-size: 12px; font-weight: bold; padding:100px 0 100px 300px; clear: both;}
.textePanierVide a{color:#464646; font-weight: bolder; text-decoration: underline;}

#panierDetail tbody tr:hover td{background:#fff none repeat scroll 0 0}
#panierDetail thead tr td{background-color: #CFD1D2;padding:8px;color: #5B5B5B;	font-size: 12px;font-weight: bold;}

#panierDetail tr td.ligneSeparatrice{height: 15px;}
#panierDetail thead tr td.neutre{background-color: #fff; width : 95px;}
#panierDetail thead tr td.arrondiGauche{width:250px; background: #CFD1D2 url("/images/panier/arrondiGauche.gif") no-repeat top left;}
#panierDetail thead tr td.arrondiDroite{width: 20px; background: #CFD1D2 url("/images/panier/arrondiDroit.gif") no-repeat top right;}
#panierDetail thead tr td.prix{width: 150px}
#panierDetail thead tr td.quantites{width: 60px;}
#panierDetail thead tr td.total{width: 100px; text-align: right}

#panierDetail tr td.prixTotalLigne{text-align: right; font-weight: bold}
#panierDetail tr.ligneArticlePrincipal td{ border-top: solid 1px #CFD1D2}
#panierDetail tr.ligneArticlePrincipal td.visuel{border-top: none}

#panierDetail tr.ligneTotalArticle td{padding:8px 0 8px 0}
#panierDetail tr.ligneTotalArticle td{text-align: right; font-weight: bold;}
#panierDetail tr.ligneTotalArticle td.bordure{border-top: solid 1px #CFD1D2}

#panierDetail tbody td {border-bottom:none;	padding:5px 8px;}
#panierDetail tbody tr td.libelleArticlePrincipal{font-size: 14px;font-weight: bold;color: #4D4C4C;text-transform: capitalize;}
#panierDetail tbody tr td.libelleArticleAssocie{font-size: 11px;font-weight: bold;color: #33B2F2}
#panierDetail tbody tr td input{border: solid 1px #C7C7C7;background-color: #FAFAFA;width: 50px;padding-right: 5px;	text-align: right}

#panierDetail tfoot tr td{}



a#afficherCodePromo, a#annulerCodePromo{
	font-weight: bold;
	color: #464646;
	text-decoration: underline;
	margin-left: 300px
}
#codePromoForm{
	background:transparent url(/images/panier/code-promoBgd.gif) no-repeat scroll left top;
	height:71px;
	margin-top: 15px;
	padding:15px;
	width:220px;
}
#codePromoForm h3{
	color: #000
}
#codePromoForm input{
	margin-top: 5px;
	vertical-align: middle;
}
#codePromoForm #numeroCodePromo{
	border: solid 1px #C7C7C7;
	font-size: 10px;
	color: #5B5B5B;
	text-align: right
}
.offre, .prixBarre{
	font-weight: bold;
	color: #F95245;
	text-transform: uppercase;
}
.prixBarre{
	height: 18px;
	width: 36px;
	background: url(/images/panier/prixBarre.gif) no-repeat center center;
	text-align: center;
}
.leTotalFormate{
	display: inline-block;
	background-color: #D6F2FF;
	border: solid 1px #C7C7C7;
	font-weight: bold;
	padding:4px;
	width:60px;
}
.btn-supprimer{
	cursor: pointer;
}
#totalAvecLivraison, #totalHorslivraison, #MontantLivraison, #remiseExceptionnelle {
	margin-left:515px;
	padding:2px 35px 2px 0;
	text-align:right;
	width:405px;
}
#totalHorslivraison, #MontantLivraison, #remiseExceptionnelle {
	background-color: #F5F5F5;
	margin-bottom: 4px;
	font-weight: bold;
	color: #5B5B5B
}
#totalAvecLivraison{
	background-color: #33B2F2;
	font-weight: bold;
	font-size: 14px;
	color: #fff
}
#totalHorsPorts, #ports, #totalPortsInclus,#montantRemise {
	display:inline-block;
	padding-right:25px;
	width:70px;
}

/* La page de connexion/creation de compte */
#validerConnexion, #validerCreationCompte, #terminerCommande, #seConnecter{
	float: right;
	color: #fff
}

.hauteurReference{
	display: inline-block;
	height: 95px
}

.connexionCompte{
	margin-right: 20px
}
.connexionCompte a{
	font-weight: bold;
	color: #33B2F2;
}
.connexionCompte, .creationCompte{
	width: 415px;
	margin:10px;
	float: left
}
.creationCompte #renseignementLivraison, .creationCompte #renseignementAcheteur{
	display: none;
}
.creationCompte #renseignementLivraison {
	margin: 10px 0;
}
.creationCompte #renseignementAcheteur a {
	color:#33B2F2;
	text-decoration:underline;
	margin: 0 0 0 15px;
}
.creationCompte #renseignementAcheteur span {
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:10px 10px 10px 16px;
}
.connexionCompte h3, .creationCompte h3{
	margin-top: 20px;
	margin-bottom: 15px;
	background: url("/images/enTete.gif") no-repeat top left;
	line-height: 32px;
	height: 32px;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #5B5B5B;
}

.connexionCompte p{
	margin-bottom: 5px;
}
.connexionCompte form{
	padding: 10px
}
.connexionCompte p span{
	display: inline-block;
	width: 90px;
	font-size: 12px;
	font-weight: bold;
	color: #5B5B5B
}
.connexionCompte hr , .creationCompte hr{
	margin-bottom: 10px;
	border-bottom-color: #CFD1D2
}

.creationCompte hr {
	clear: both;
	width:415px;
}

#loginForm{
	padding: 10px;
}

.creationCompte p{
	color: #5B5B5B;
	font-weight: bold;
	padding: 10px;
	padding-left:0;
}
.mentionObligatoire{
	float:left;
	font-size:9px;
	padding: 10px 0 30px;
}
.popularite{
	width: 160px;
	margin: 10px
}
#afficherFormulaireCreationCompte{
	font-weight: bold;
	color: #33B2F2;
	font-size: 12px;
	text-decoration: underline;
	width: 100%;
	display: inline-block;
}

.champ{	width: 180px;}
.champTexteMessage{	width: 330px;}

td.libelleChamp{
	width: 150px;
}

#formulaireCreationCompte .inputNeutre, #formulaireFinalCreationCompte .inputNeutre , #adresseLivraison .inputNeutre{
	border: 0 none;
	padding: 0;
	background-color: white;
}

#cheminDeFer #current a span {
	color:#fff;
}

#cheminDeFer a span {
	color:#46B9F4;
}

a#precedent {
	/* bottom: 120px; */
	bottom: 150px;
    right: 450px;
    margin-bottom: 0;
    position: relative;
	text-decoration:none;
}

a#afficherFormulaireCreationCompte {
	margin-bottom:44px;
}

#formulaireCreationCompte input, #formulaireFinalCreationCompte input, .connexionCompte input, #adresseLivraison input, #adresseLivraison textarea{
	background-color: #FAFAFA;
	border: solid 1px #C7C7C7;
	margin-bottom: 4px;
	padding: 2px 5px;
}
.libelleChamp input {
	margin: 0 0 0 57px;
}
#formulaireCreationCompte .bouton, #formulaireFinalCreationCompte .bouton, .connexionCompte .bouton, #adresseLivraison .bouton{
	background-color: #fff;
	border: 0 none;
	margin-bottom: 4px;
	padding: 0;
	float: right
}

#loginForm  {
	margin-bottom:33px;
}

#loginForm input.bouton {
	height:23px;
	margin-left:45px;
	margin-top:30px;
}

#formulaireCreationCompte .radioBtn, #formulaireFinalCreationCompte .radioBtn, #adresseLivraison .radioBtn, #modeLivraison .radioBtn{
	background-color: #fff;
	border:none;
	margin:0 4px 0 5px;
	padding:5px;
}

.centresInterets {
	background-color:#EFEFEF;
	border:1px solid #CFD1D2;
	padding:10px;
}

.centresInterets .row {
	display:table-row;
}

.centresInterets span{
	display: table-cell;
	width:82px;
}

.centresInterets span.mode {
	width:164px;
}

.centresInterets input {
	margin-right: 5px;
	vertical-align:middle;
}
.centresInterets legend {
	color: #33B2F2;
	font-weight:800;
}

#formulaireCreationCompte .inputNeutre {
    float: left;
}

.connexionCompte .input[type=text]{
	width: 160px;
}
#formulaireFinalCreationCompte, #formulaireCreationCompte table, #formulaireFinalCreationCompte table, #adresseLivraison table, #modeLivraison table{
	border-bottom:none;
	border-collapse:collapse;
	border-top:none;
	margin-bottom:0.5em;
/* 	width: 350px; */
	font-weight: bold;
	color: #5B5B5B
}
#modeLivraison table span{
	font-weight: normal;
	padding-left: 18px;
}
#modeLivraison table{
	width: 100%
}

#formulaireCreationCompte table .mentions, #formulaireFinalCreationCompte table .mentions, #adresseLivraison table .mentions, #modeLivraison table .mentions{
	font-weight: normal;
	font-size: 11px;
}
#formulaireCreationCompte table th,
#formulaireCreationCompte table td,
#formulaireFinalCreationCompte table th,
#formulaireFinalCreationCompte table td,
#adresseLivraison table th,
#adresseLivraison table td,
#modeLivraison table th,
#modeLivraison table td{
	padding: 0
}
#formulaireCreationCompte table tbody td,
#formulaireFinalCreationCompte table tbody td,
#adresseLivraison table tbody td,
#modeLivraison table tbody td
{
	border-bottom:none;
	padding-bottom: 5px
	}
#formulaireCreationCompte table tbody tr:hover td,
#formulaireFinalCreationCompte table tbody tr:hover td,
#adresseLivraison table tbody tr:hover td,
#modeLivraison table tbody tr:hover td
{
	background:none;
}
.obligatoirePro{
	display: none;
}

#modeLivraison .bouton {
	padding-top:22px;
}

.creationCompte p.precedent {
	padding-top:105px;
}

.creationCompte p.precedent a {
	text-decoration:none;
}
/*
 * 
 * Choix du mode de livraison
 * 
 */
h1.lieuLivraison{
	margin-top: 15px;
	font-weight: bold;
	color: #33B2F2;
	font-size: 20px;
}

/*
 * 
 * 
 * PAGE RECAP
 * 
 */

table.recapCommande{
	margin:2em 0 0.5em;
	border:0 none;
	border-collapse:collapse;
	width:auto;
}
table.recapCommande tbody td {
	border-bottom: 0 none;
	vertical-align: top;
}
table.recapCommande tbody tr:hover td {
	background-color: #fff
}
table.recapCommande td, table.recapCommande th{
	padding: 0em;
}
table.recapCommande td.recapGauche{
	width: 250px;
	font-size:11px;
	font-weight: bold;
	color: #5B5B5B
}
table.recapCommande td.recapGauche div{
	padding: 0 15px 0 15px
}
table.recapCommande td.recapGauche div a{
	color: #33B2F2;
	text-decoration: underline;
	font-size: 9px;
	float: right;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 15px;
}
h3.titre{
	margin-bottom: 15px;
	background: url("/images/panier/arrondiGauche.gif") no-repeat top left;
	line-height: 32px;
	height: 32px;
	padding-left:4px;
	font-size: 12px;
	font-weight: bold;
	color: #5B5B5B;
}
h3.titre span{
	background: #CFD1D2 url(/images/panier/arrondiDroit.gif) no-repeat scroll right top;
	color:#5B5B5B;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	height:32px;
	line-height:32px;
	padding-left:15px;
	padding-right:15px;
	width:180px;
} 

#panierRecapDetail{border-bottom:none;border-collapse:collapse;border-top: none;margin-bottom:0.5em; width:630px;}

#panierRecapDetail tbody tr:hover td{background:#fff none repeat scroll 0 0}
#panierRecapDetail thead tr td{background-color: #CFD1D2;padding:8px;color: #5B5B5B;	font-size: 12px;font-weight: bold;}

#panierRecapDetail tr td.ligneSeparatrice{height: 15px;}
#panierRecapDetail thead tr td.neutre{background-color: #fff;}
#panierRecapDetail thead tr td.arrondiGauche{width:250px; background: #CFD1D2 url("/images/panier/arrondiGauche.gif") no-repeat top left;}
#panierRecapDetail thead tr td.arrondiDroite{width: 20px; background: #CFD1D2 url("/images/panier/arrondiDroit.gif") no-repeat top right;}
#panierRecapDetail tr td.prix, #panierRecapDetail tr td.quantites, #panierRecapDetail tr td.total{ text-align: right;}
#panierRecapDetail tbody tr td.prix, #panierRecapDetail tbody tr td.quantites {padding-right: 10px}
#panierRecapDetail tr td.prixTotalLigne{text-align: right; font-weight: bold}
#panierRecapDetail tr.ligneArticlePrincipal td{ border-top: solid 1px #CFD1D2}
#panierRecapDetail tr.ligneArticlePrincipal td.visuel{border-top: none}

#panierRecapDetail tr.ligneTotalArticle td{padding:5px 0 5px 0}
#panierRecapDetail tr.ligneTotalArticle td{text-align: right; font-weight: bold;}
#panierRecapDetail tr.ligneTotalArticle td.bordure{border-top: solid 1px #CFD1D2}

#panierRecapDetail tbody td {border-bottom:none;padding:5px 0 5px 8px;}
#panierRecapDetail tbody tr td.libelleArticlePrincipal{font-size: 14px;font-weight: bold;color: #4D4C4C;text-transform: capitalize;}
#panierRecapDetail tbody tr td.libelleArticleAssocie{font-size: 11px;font-weight: bold;color: #33B2F2}

#panierRecapDetail tr td  #totalAvecLivraison,#panierRecapDetail tr td #totalHorslivraison, #panierRecapDetail tr td #MontantLivraison {
	padding:2px 35px 2px 0;
	text-align:right;
	margin: 0 0 5px 0;
	width:630px;
}
#panierRecapDetail tfoot tr td{}


#terminerPaiement{
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}
#paiement{
	padding: 20px 10px;
	border-top: solid 1px #CFD1D2;
}
.optionsPaiement a{
	font-weight: bold;
	color: #444444;
	text-decoration: underline;
}

.optionsPaiement a.button {
	color:#fff;
	text-decoration:none;
}

.optionsPaiement p.precedent {
	padding-top:50px;
}

.optionsPaiement{
	padding-left: 10px;
	float: left;
	width: 300px
}
.optionsPaiement .visuelCB{
	float:left;
	margin-right: 5px;
}
.optionsPaiement p{
	font-size: 11px;
}

.formulaireCommandeContent p {
	margin:10px auto
}

.formulaireCommandeContent p a.bouton {
	color:#33B2F2;
	font-size:15px;
	font-weight:800;
}

.erreurs{
	color: red;
	font-weight: bold;
	margin:15px;
	display: block;
}

#formulaireFinalCreationCompte input.error {
	border: 1px solid red;
	color: red;
	margin:0 0 0 0;
}
p.erreurs {
	display:block;
	color: red;
	float:none;
	padding: 0;
}
#submitCommande {
	float: right;
	margin:5px 0 11px;
}

.libelleChamp #checkBoxEmail {
	margin:0 3px 0 0;
}
.spanCommande {
	display:block;
	padding: 15px 0 0;
	width:354px;
}
.error {
	color: red;
}