/*---------------------- Info Commune ---------------------------------*/
#Caddie{
    font-size:14px;
}

#Caddie .SousTitre{
    background:transparent;
    color:var(--color-gray-darker);
    line-height:1.5;
}

#Caddie .LienBarNav,
#ValEtape2 .LienBarNav,
#Recapitulatif .LienBarNav,
#Confirmation .LienBarNav{
    display:block;
    padding-bottom:15px;
    border-bottom:1px solid var(--color-primary-light);
}

#RecapValideEntete{
    margin:10px auto 20px auto;
    text-align:center;
}

#Caddie #CheckCGV{
    margin:auto;
    padding-top:20px;
    padding-bottom:0px;
    text-align:center;
}

#ValEtape2 .Contenu{
    margin-top:10px;
}

#ValEtape2 .SousTitre .Contenu{
    margin:0;
}

#ValEtape2 #ContenuAdrFact{
    margin:5px auto 15px auto;
    text-align:right;
}

#ValEtape2 #ContenuAdrFact textarea{
    display:inline-block;
    min-height:70px;
    margin:auto;
    max-width:940px;
}

#ValEtape2 #TB_ModeExped{
    margin:auto;
}

.Contenu img{
    float:right;
}

#Caddie .Submit{
    margin:20px auto;
    text-align:center;
}

.FontBoutonPetit{
    font-size:var(--font-size-small);
}

.MessageRetour{
    font-style:italic;
    text-align:center;
}

.ArticleErreur{
    color:var(--color-danger);
    font-style:italic;
}

#TB_Recapitulatif_Panier, #TB_Recapitulatif{
    border:1px solid var(--color-white);
    border-collapse:collapse;
    width:100%;
    margin-top:15px;
    margin-bottom:15px;
}

#TB_Recapitulatif_Panier #Entete, #TB_Recapitulatif_Panier .Entete, #TB_Recapitulatif #Entete, #TB_Recapitulatif .Entete{
    font-weight:bold;
    color:var(--color-black);
    margin-top:5px;
    text-align:center;
}
#TB_Recapitulatif_Panier_wrapper{
    display:none;
}
#TB_Recapitulatif_Panier_Totaux th.Entete{
    text-align:right;
}

#RecapValideContenu{
    margin:auto;
    text-align:center;
}

#PaiementEntete{
    text-align:center;
}
#PaiementEntete span{
    font-weight:bold;
}

#PaiementContenu{
    margin:10px auto;
    text-align:center;
}
#PaiementContenu .Libelle,
#PaiementContenu .Montant{
    text-align:center;
    margin:auto;
}
#PaiementContenu .Montant > a{
    display:inline-block;
    padding:10px 25px;
}
#PaiementContenu .Montant > a:focus,
#PaiementContenu .Montant > a:hover{
    background-color:var(--color-rose-pale);
}

/* Propre au Caddie */

#TB_Caddie{
    margin-top:20px;
    clear:both;
}

#TB_Caddie td input{
    text-align:center;
}

#TB_Caddie .Entete, #TB_Caddie #Entete td, #TB_Caddie #Entete th{
    color:var(--color-black);
}
#Totaux_LigneTotalTTC{
    background-color:var(--color-primary-light);
}

#TB_Caddie tr.Totaux .Entete{
    text-align:left;
}

#TB_Caddie tr.Totaux td.TotauxGauche, #TB_Caddie tr.Totaux th.TotauxGauche{
    background-color:var(--color-white);
}

#TB_Caddie #Entete td, #TB_Caddie #Entete th{
    margin-top:5px;
    min-height:25px;
}

#TB_Caddie #LigneVide{
    font-size:var(--font-size-small);
    text-align:left;
    padding-left:10px;
    min-height:25px;
}

#TB_Caddie .LigneSeparateur{
    height:15px;
}

#TB_Caddie .ColEff{
    text-align:center;
    font-size:1.5em;
}

#TB_Caddie .ColEff span{
    display:inline-block;
    width:20px;
    height:20px;
    border:0px;
    margin:auto;
}

#TB_Caddie td.ColRef, #TB_Caddie th.ColRef{
    text-align:center;
}
#TB_Recapitulatif_Panier td.ColRef, #TB_Recapitulatif_Panier th.ColRef{
    text-align:center;
}

#TB_Caddie .ColRef select, #TB_Caddie .ColDescription select{
    font-size:13px;
}

#TB_CaddieB > tbody > tr > td,
#TB_CaddieB > tbody > tr > th,
#TB_CaddieB > tfoot > tr > td,
#TB_CaddieB > tfoot > tr > th,
#TB_CaddieB > thead > tr > td,
#TB_CaddieB > thead > tr > th{
    padding:12px 16px;
}

#Caddie .ColPrixU,
#Caddie .ColTauxTVA{
    display:none;
}

#MsgNumCde{
    margin:5px;
    text-align:center;
}

.Montant{
    border-top-style:none;
    padding-right:3px;
    font-weight:bold;
    text-align:right;
}

#MsgFraisPort{
    font-weight:bold;
    color:var(--color-gray-darker);
    font-size:var(--font-size-small);
    text-align:center;
}

#CodePromoSaisie{
    display:block;
    margin:0 auto;
}

/* Propre à l'étape 2 de validation */
#ValEtape2{
    margin:auto;
}

#TB_ValEtape2, #TB_ModeExped{
    margin:5px auto 15px auto;
}

#TB_ValEtape2 .Entete{
    width:28.7%;
    text-align:right;
    vertical-align:top;
}

#TB_ValEtape2 .Contenu span{
    display:block;
}

#TB_ModeExped .Entete{
    width:28.7%;
    text-align:right;
    vertical-align:center;
}

#ValEtape2 #MsgLivraison, #ValEtape2 #MsgModeExpedition{
    text-align:center;
    font-size:var(--font-size-small);
    font-weight:normal;
    margin-bottom:5px;
}

#TB_ValEtape2 .Contenu, #TB_ModeExped .Contenu{
    text-align:left;
}

#AdrFact, #InfoCmde{
    font-family:var(--font-family);
}

#ValEtape2 div.Submit{
    margin-top:15px;
    margin-bottom:20px;
}


#ValidCde, #ViderPanier{
    text-align:center;
    width:auto;
    margin:0 auto;
    padding:0;
}
#ValidCde a, #ViderPanier a{
    display:block;
    color:var(--color-text);
    text-decoration:none;
    font-weight:bold;
    margin:10px auto;
    padding:5px;
}

.MsgAjoute{
    padding:5px 0;
}
.Total{
    font-weight:bold;
}

#ValidCde, #ViderPanier{
    text-align:center;
    background:var(--color-primary);
    border-radius:3px;
    width:75%;
}
#ValidCde:focus, #ViderPanier:focus,
#ValidCde:hover, #ViderPanier:hover{
    opacity:0.9;
}
.BlocFidel{
    text-align:left;
}
.BlocFidelMnt{
    float:right;
}

.datatable-responsive .PhotoVerySmallPanier{
    max-width:75px;
}

.panier-datatable #TB_Caddie td.dataTables_empty{
    text-align:center;
    padding-top:1em;
    padding-bottom:1em;
}
.panier-datatable #TB_Caddie td.Montant{
    text-align:right;
    font-weight:normal;
}
.panier-datatable #TB_Caddie td.Montant#TotalTTCCmde{
    font-weight:bold;
}
.panier-datatable #TB_Caddie input[type=text],
.panier-datatable #TB_Caddie input[type=number]{
    min-width:45px;
}
.panier-datatable .BlocFidelEntete{
    border-top:1px solid var(--color-gray-light);
    font-weight:bold;
}
.panier-datatable .BlocFidelEntete .BlocFidelTitre{
    font-size:14px;
}

@media only screen and (min-width:992px) and (max-width:1199px){
    #MenuPanier.well{
        padding:10px 5px;
    }
}