.compPanier,
.compPanierVide {
    width: 230px;
    height: 70px;
    position: absolute;
    top: -35px;
    right: 0;
    background: #f4b5ca;
}
.compPanier .headerComposants {
}
.compPanier .headerComposants .footerComposants {
}
.compPanier .headerComposants .footerComposants .contentComposants {
}

/*------------------------------------*\
    #TITRE
\*------------------------------------*/
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants {

}
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
.compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    text-align:left;
    padding:0;
}
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants:before,
.compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants:before {
    content: " ";
    height: 70px;
    width: 55px;
    display: inline-block;
    background: url(../image/Panier.png) no-repeat right center transparent;
    vertical-align: middle;
    margin-right: 5px;
}
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .titlePanier,
.compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .titlePanier {
    color: #fff !important;
    font-size: 16px;
    text-transform: uppercase;
    width: 80px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-family: "HelveticaNeueBold", sans-serif;
}
#langageFR .compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .titlePanier:before,
#langageFR .compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .titlePanier:before {
    content: "mon";
}
#langageEN .compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .titlePanier:before,
#langageEN .compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .titlePanier:before {
    content: "my";
}
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .titlePanierPlace {
}
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .titlePanierVide {
}

/*------------------------------------*\
    #NOMBRES D'ARTICLE
\*------------------------------------*/
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .resumePanier {
	height: 55px;
    width: 70px;
    background: #fff;
    font-size: 24px;
    color: #f4b5ca;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    position: absolute;
    margin: 7px;
    right: 0;
    z-index: 99;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants {
    min-height: 76px;
    margin: 10px 0 0;
    position: relative;
    z-index: 9999;
    background: #ffffff;
    border: 1px solid #807f83;
    padding: 15px 10px;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .infoPanier {
    text-align: left;
    padding-top: 13px;
}

/*------------------------------------*\
    #OUVERTURE/FERMETURE PANIER
\*------------------------------------*/
.compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .deroulePanier a,
.compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .cachePanier a,
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .deroulePanier a,
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .cachePanier a {
    position: absolute;
    width: 230px;
    height: 70px;
    left: 0;
    top: 0;
    z-index: 999;
}
.compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .deroulePanier a span,
.compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .cachePanier a span,
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .deroulePanier a span,
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .cachePanier a span {
    display: none;
}

/*------------------------------------*\
    #LISTE ARTICLES
\*------------------------------------*/
.listeRecapPanier{
    max-height: 250px;
    overflow: auto;
}
#pageEtape2 .listeRecapPanier,
#pageEtape3 .listeRecapPanier,
#pageEtape4 .listeRecapPanier{
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier {
    clear:both;
    margin-bottom: 20px;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier span {
    display: block;
    font-size: 12px;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier span.img {
    display: none;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .detail span {
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
}
.compPanier .listeRecapPanier .recapPanierByRep {
    padding:5px;
}

/*------------------------------------*\
    #ARTICLES
\*------------------------------------*/
.infosRecapPanier{
}

/**
 * Image
 */
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .image {
    display: none;  
}

/**
 * Regrouprment
 */
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .nomRegroupement {
    display: none;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .nomRegroupement a{
    font-size: 11px;
    font-weight: normal;
    color:#666;
    text-decoration:none;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .nomRegroupement a:hover{
    color:#d42404;
    text-decoration:none;
}
/**
 * Nom article
 */
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .nom {
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .nom a {
    font-family: "HelveticaNeueCondenced", sans-serif;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}
/**
 * Dates de l'article
 */
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .date {

}
/**
 * Lieux de l'article
 */
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .lieu,
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .adresse,
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .ville {
    display:none;
}

/**
 * Nombre de places & Tarif
 */
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .detail .tarif {
    margin-right: 0;
    display: block;
}

/**
 * Prix
 */
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .prix {
    font-family: "HelveticaNeueBold", sans-serif;
    margin-top: 10px;
    color: #1085c7;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .prix span {
    display: inline;
}

/**
 * Frais de gestion
 */
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .fraisDeGestion {
    font-weight:normal;
    padding:0;
    color:#000;
    font-size: 10px;
}
/*------------------------------------*\
    #FRAIS DE DIFFUSION
\*------------------------------------*/
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .fraisModeDeDiffusion {
    padding: 5px 12px;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .fraisModeDeDiffusion span {
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .fraisModeDeDiffusion {
    border-bottom: 1px dotted #999999;
    border-top: 1px dotted #999999;
    float: left;
    height: 30px;
    margin: 0 auto;
    padding: 10px;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .fraisModeDeDiffusion span {
    font-weight: bold;
}

/*------------------------------------*\
    #BOUTON SUPRIMER 1 ARTICLE
\*------------------------------------*/
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .detail {
    border-bottom: 1px solid #999;
    position: relative;
    margin-top: 10px;
}

.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .detail .supRecapPanier {
    font-size: 9px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: 0;
    bottom: 3px;
    margin-right: 0 !important;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .supRecapPanier a {
    display: block;
    float: right;
    margin-top: 7px;
    width: 15px;
    height: 15px;
    overflow: hidden;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .supRecapPanier a:before {
    content: " ";
    background: transparent url(../image/close.png) no-repeat scroll center center / 13px auto;
    display: block;
    width: 15px;
    height: 15px;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier .recapPanier .supRecapPanier a:hover {
    color: #1085c7;
}

/*------------------------------------*\
    #TOTALS
\*------------------------------------*/
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier {
    margin:0;
    padding:10px 0;
    text-align:left;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier .totalPanier {
    color: #0076bc;
    margin: 0 0 20px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: "HelveticaNeueCondenced", sans-serif;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier .totalPanier span {

}

/*------------------------------------*\
    #BOUTON COMMANDER
\*------------------------------------*/
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier .validerPanier a {
    display: block;
}
/*------------------------------------*\
    #BOUTONS TOUT SUPPRIME
\*------------------------------------*/
.compPanier .headerComposants .footerComposants .contentComposants .supPanier {
    text-align: center;
}
.compPanier .headerComposants .footerComposants .contentComposants .supPanier .lienSupPanier a {
    font-size: 12px;
    text-decoration: underline;
}
.compPanier .headerComposants .footerComposants .contentComposants .supPanier .lienSupPanier a:hover {
    color: #0076c5;
}

/*---------------------------------------------------------------------------------------------------------------------------------------*\
                                                            #PANIER VIDE
\*---------------------------------------------------------------------------------------------------------------------------------------*/

.compPanierVide .headerComposants {
}
.compPanierVide .headerComposants .footerComposants {
}
.compPanierVide .headerComposants .footerComposants .contentComposants {
}
/*------------------------------------*\
    #TITRE "PANIER"
\*------------------------------------*/
#langageFR .compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants:after {
    content: "vide";
    height: 55px;
    width: 70px;
    background: #fff;
    font-size: 18px;
    color: #807f83;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    position: absolute;
    margin: 7px;
    right: 0;
    z-index: 99;
}
#langageEN .compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants:after {
    content: "empty";
    height: 55px;
    width: 70px;
    background: #fff;
    font-size: 18px;
    color: #807f83;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    position: absolute;
    margin: 7px;
    right: 0;
    z-index: 99;
}
.compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .titlePanierPlace {
}
.compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .titlePanierVide {
}
/*------------------------------------*\
    #BODY "PANIER"
\*------------------------------------*/
.compPanierVide .headerComposants .footerComposants .contentComposants .dataContentComposants {
    min-height: 28px;
	margin-top: 10px;
    border: 1px solid #807f83;
    background: #fff;
}
.compPanierVide .headerComposants .footerComposants .contentComposants .dataContentComposants .infoPanier {
    clear: both;
    font-size: 11px;
    padding: 20px;
    text-align: center;
}