/******************************************************************************/
/*                                 compPanier                                 */
/******************************************************************************/
#pageAccueil #compPanier1,
#pageEtape3 #compPanier1, #pageEtape2 #compPanier1, #pageEtape1 #compPanier1, #pageCompteIdentification #compPanier1, #pageCompte #compPanier1{
    top: 94px !important;
}
#compPanier1{
    width: 125px;
    line-height: 37px;
    height: 45px;
    position: absolute;
    z-index: 999;
    top: 138px;
    right: 0;
    background: url(../image/) no-repeat left center transparent;
}


#compPanierHeader1.headerComposants {
    width:100px;
    float:right;
}
.compPanier .headerComposants .footerComposants {
}
.compPanier .headerComposants .footerComposants .contentComposants {
}
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants {
}
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    text-align: center;
font-size: 14px;
font-weight: bold;
}
.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
    color:#fff;
}
.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants {
}
.compPanier .headerComposants .footerComposants .contentComposants .bottomContentComposants {
}

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants {
    float: left;
    height: 32px;
    padding-left: 0;
    position: relative;
    text-transform: uppercase;
    width: 100px !important;
    text-align: left;
    font-style: italic;
    font-size: 11px;
}

#pageEtape4 #compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants,
#pageEtape3 #compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants,
#pageEtape2 #compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants {
    width:102px;

}


#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants:hover {


}


.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .infoPanier{
    text-align:center;
 }

.titleComposants .titlePanierVide,
#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titlePanier {
color: #fff;
display: inline;
font-size: 11px;
text-decoration: none;
text-indent: 0;
text-transform: uppercase;
text-align: center;
font-weight:bold;

}

.titleComposants .titlePanierVide:before,
#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titlePanier:before {
    content: "mon";
}

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .deroulePanier a span{
   display:none;
}

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .deroulePanier a{
  display:block;
  position:absolute;
  z-index:999;
  width:65px;
  height:20px;
  top:6px;

}

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .cachePanier a{
  display:block;
  position:absolute;
  z-index:999;
  width:65px;
  height:20px;
  top:6px;
}

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .cachePanier a span{
   display:none;
}

#compPanier1 .dataContentComposants{
   display:block;
    clear:both;
    background: none repeat scroll 0 0 rgba(7, 18, 40, 0.9);
    color:#fff;
    padding:10px 0;
    -webkit-box-shadow: 0 5px 8px -5px #333;
    -moz-box-shadow: 0 5px 8px -5px #333;
    box-shadow: 0 5px 8px -5px #333;
    width:243px;
    position:absolute;
    top:35px;
    right:0px;
}

#compPanierContent1.contentComposants{
position: absolute;
top: 8px;
width: 100px;
 }






#compPanier1 .dataContentComposants span.image{
     display:none!important;
}

#compPanier1 .dataContentComposants .infosRecapPanier span{
    display:block;
}

#compPanier1 .dataContentComposants .infosRecapPanier span.ville,
#compPanier1 .dataContentComposants .infosRecapPanier span.adresse{
    display:none;
}

#compPanier1 .dataContentComposants .nomRegroupement{
    display:none!important;
    }

#compPanier1 .dataContentComposants .nom a{
    color:#fff;
    font-size:16px;
    text-decoration:none;
    text-transform:uppercase;
    word-wrap: break-word;
    }


.compPanier .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .delaiValiditePanier{
    display:none;
}

.recapPanier{
    line-height:16px;
    margin-bottom:5px;
    padding:5px 10px;
}

#compPanier1 .dataContentComposants .infosRecapPanier span.date{
    font-size:12px;
    font-weight: bold;
    font-family: 'helvetica';
    color: #e84d00;
}

#compPanier1 .dataContentComposants .infosRecapPanier span.date span{
    display:inline-block;
    padding-right:3px;
}

#compPanier1 .dataContentComposants .infosRecapPanier span.date span{
    display:inline-block;
    padding-right:3px;
    font-size:14px;
    padding-top:0;
    font-weight:normal;
}

#compPanier1 .dataContentComposants .infosRecapPanier span.date span.date_hour_min{
    font-size:14px;
}

#compPanier1 .dataContentComposants .infosRecapPanier span.prix span{
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
}

#compPanier1 .dataContentComposants .infosRecapPanier span.prix,
#compPanier1 .dataContentComposants .infosRecapPanier span.tarif,
#compPanier1 .dataContentComposants .infosRecapPanier span.ville,
#compPanier1 .dataContentComposants .infosRecapPanier span.adresse,
#compPanier1 .dataContentComposants .infosRecapPanier span.lieu{
    color:#fff;
}


#compPanier1 .dataContentComposants .bottomRecapPanier{
text-align: right;
border-top: 1px solid #666;
margin: 5px 0 0 0;
padding: 2px 0;
}

#compPanier1 .dataContentComposants .bottomRecapPanier .supRecapPanier a{
    background:url('../image/bg_Cross_Erase.gif') no-repeat left center;
    width:80px;
    color:#fff;
    padding-left:12px;
    text-decoration:none;
    font-size:12px;
}

.totalValiderPanier{
    clear:both;
}

.totalValiderPanier .totalPanier{
   text-align:center;
   font-weight:bold;
   font-size:16px;
   color:#ec4904;
}

.totalValiderPanier .delaiValiditePanier{
    line-height:13px;
    background:url('../image/clockWise.png') no-repeat;
    padding-left:35px;
    background-size:30px auto;
    width:150px;
    margin:15px auto 10px auto;
    height: 40px;
}

.validerPanier a{
    background:#e84d00;
    display:block;
    color:#fff;
    text-align:center;
    font-size:20px;
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
    line-height:47px;
}

.listeRecapPanier{
    padding:0 0 0 0;
    position:relative;
 }

.lienSupPanier {
    text-align:center;
 }

.lienSupPanier a{
    color:#fff;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
 }

 #compPanier1.compPanierVide .headerComposants .footerComposants .contentComposants .topContentComposants {

    width: 100px;
}


.compPanier .topContentComposants a{
     position:absolute;
   right:5px;
   top:0;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:0 5px;
    z-index:999999;
    width:90px;

  }

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .deroulePanier a{
display: block;
height: 20px;
position: absolute;
right: 0;
top: 0;
width: 100px;
z-index: 99;

}

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .cachePanier a{
display: block;
height: 20px;
position: absolute;
right: 0;
top: 0;
width: 100px;
z-index: 99;

}

.compPanierVide .topContentComposants a{
    display:none;
 }

.compPanierVide .infoPanier{
    text-align:center;
 }

.listeRecapPanier .validerPanier{
    position:absolute;
    top:-8px;
    width:243px;

}
.fraisModeDeDiffusion {
    line-height: 16px;
    margin: 0 10px;
}

.cachePanier:after {
    content: "<";
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    display: inline-block;
}
.deroulePanier:after {
content: ">";
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    display: inline-block;

    }

    .recapReductionPanierDetail {
        padding: 10px;
        line-height: 15px;
    }


/*-----------------------------------*\
                PACKS
\*-----------------------------------*/


.infosRecapPanierPack {
    background: #02182B;
    border: 1px solid #02182B;
}

.infosRecapPanierPack .bottomRecapPanier {
    border: none;
}