/*****************************/
/***** Global *******/
/*****************************/

* {
    margin: 0px;
    padding: 0px;
    outline: none;
}


body{
    font-family:Arial, sans-serif;
    font-size:14px;
    background: #F0F0F0;
    color:#000;

    scrollbar-face-color: #000000; 
    scrollbar-shadow-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000; 
    scrollbar-darkshadow-color: #000000; 
    scrollbar-track-color: #000000; 
    scrollbar-arrow-color: #000000;
}

a{
    color:#505050;
    text-decoration:none;
}
select {
    border: 1px solid #c1c0bc;
    padding: 5px;
    border-radius: 2px;
    height:40px;
    background: #fff;
}


.champ {
    background:#fff;
     border: 1px solid #c1c0bc;
     
}
input {
    text-indent:5px;
    border: 1px solid #c1c0bc;
    padding: 5px;
    border-radius: 2px;
    height:28px;
    background: #fff;
}
/*************************************/
/*  RADIO DESIGN                    */
/***********************************/
.radio {
    position: absolute;
    visibility: hidden;
}
/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
.radio:not(:checked) + label:before,
.radio:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    width: 16px;
    height: 16px;
    border: 1px solid #0D90CE;
    background: #ffffff;
    border-radius: 16px;
}
/* Aspect général de la coche */
.radio:not(:checked) + label:after,
.radio:checked + label:after {
    content: '';
    position: absolute;
    left: 2px;
    top: calc(50% - 7px);
    width: 14px;
    height: 14px;
    background: #0D90CE;
    border-radius: 16px;
    transition: all .2s;
}
/* Aspect si "pas cochée" */
.radio:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
.radio:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}

label {
    padding-left: 23px;
    margin: 0;
    position: relative;
}
/*************************************/
/*  CHECKBOX DESIGN                 */
/***********************************/
.checkbox {
    position: absolute;
    visibility: hidden;
}
/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
.checkbox:not(:checked) + label:before,
.checkbox:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #0D90CE;
    background: #ffffff;
    border-radius: 4px;
}
/* Aspect général de la coche */
.checkbox:not(:checked) + label:after,
.checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #0D90CE;
    background: url("../image/icone_check.png") no-repeat center #0D90CE;
    background-size: 10px;
    border-radius: 4px;
    transition: all .2s;
}
/* Aspect si "pas cochée" */
.checkbox:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
.checkbox:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}
/******************************************************************************/
/*                                  compPage                                  */
/******************************************************************************/

/******************************************************************************/
/*                       BALISES POUR LE POSITIONNEMENT                       */
/******************************************************************************/

#positionSite {
    max-width: 1300px;
    min-width: 820px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
}
#positionSite .langage {
}

/******************************************************************************/
/*                         TAILLE DU CONTENU DU SITE                          */
/******************************************************************************/

#cadreContent {
    
}
#pageErreur #cadreContent {
}


/******************************************************************************/
/*              BALISES POUR LES TAILLES DES LIGNES ET COLONNES               */
/******************************************************************************/


/***********************************************************/
/******************** Mini Header *************************/
/**********************************************************/
.ligneContent1 {
    background: #000;
    width: 100%;
    height: 40px;
}
.ligneContent1 .colonneContent1 {
    margin: 8px 20px;
    float: right;
}

#pageCompte .StickyNav,
#pageCompteIdentification .StickyNav,
#pageAccueil .StickyNav,
#pageEtape4 .ligneContent1,
#pageEtape3 .ligneContent1,
#pageEtape2 .ligneContent1,
#pageEtape1 .ligneContent1{ 
}

/*** Logo ***/
#pageCompte .StickyNav .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader,
#pageCompteIdentification .StickyNav .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader,
#pageAccueil .StickyNav .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader,
#pageEtape4 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader,
#pageEtape3 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader,
#pageEtape2 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader,
#pageEtape1 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants a.lienSiteHeader{
}

/*** Account ***/
#pageCompte .StickyNav .compCompte,
#pageCompteIdentification .StickyNav .compCompte,
#pageAccueil .StickyNav .compCompte,
#pageEtape4 .compCompte,
#pageEtape3 .compCompte,
#pageEtape2 .compCompte,
#pageEtape1 .compCompte {
}

/*** Header ***/
#pageCompte .StickyNav .compHeader,
#pageCompteIdentification .StickyNav .compHeader,
#pageAccueil .StickyNav .compHeader,
#pageEtape4 .compHeader,
#pageEtape3 .compHeader,
#pageEtape2 .compHeader,
#pageEtape1 .compHeader {

}



/*** CART ***/
#pageEtape4 #compPanier1,
#pageEtape3 #compPanier1,
#pageEtape2 #compPanier1,
#pageEtape1 #compPanier1{
}

#pageEtape1 #compPanier1{
}


/***********************************************************/
/******************** END OF Mini Header *******************/
/**********************************************************/




.ligneContent2 {
    height: 145px;
    position: relative;
    display: block;
    margin-bottom: 80px;
}

.ligneContent2 .colonneContent1 {
    height: 145px;
    position: relative;
    display: block;
}

.ligneContent3 .colonneContent1 {
    
}

#pageEtape4 .ligneContent2 .colonneContent1,
#pageEtape3 .ligneContent2 .colonneContent1,
#pageEtape2 .ligneContent2 .colonneContent1,
#pageEtape1 .ligneContent2 .colonneContent1 {
 
}


.ligneContent3 {
    max-width: 1000px;
    margin: 0 auto;
}
@media screen and (max-width: 1155px) {
    .ligneContent3 {
        width: calc(100% - 30px);
    }
}

.ligneContent3 .colonneContent1 {
}

#pageCompte .ligneContent3 .colonneContent1 {
}




.ligneContent4 {
    margin:20px 0;
}
.ligneContent4 .colonneContent1 {
    
  
}
.ligneContent5 {
}
.ligneContent4 .colonneContent1 {
    clear:both;
}
.ligneContent5 {
    background:url('../image/Footer_GLobal.jpg') repeat-x center top;
    height:500px;
}
.ligneContent5 .colonneContent1 {
    
    background:url('../image/BgFooter_In.jpg') no-repeat center bottom;
    height:383px;

}

/************************************************************/
/*********************  BUTTONS *****************************/
/************************************************************/

/*.divBoxSlimpayForm div input.btSlimpay {
    background: url("../image/bouton_prelevement.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #0B9BD5;
    border-radius: 7px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    padding: 0 18px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 330px;
}*/

#withoutExclusive a,
.divBoxSlimpayForm div input.btSlimpay,
table.reduction tr td.tableColonne1 .divBoxReductionForm div input.btCodeReduction,
#popup_panel input#popup_ok,
dl dd a.objetReserver,
.popupTarifs .submit .cancel,
.popupTarifs .submit .addToCart,
.valid,
a.imprimerFacture,
a.imprimerBillet,
button,
.telechargement,
input.btn,
input.btSubmit,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver ,
.btnIdentifier
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #0D90CE;
    color: #fff;
    display: block;
    width: 250px;
    text-decoration: none;
    text-align: center;
    line-height: 55px;
    font-size: 20px;
    text-transform: uppercase;
    border: 0;
    margin: 15px auto;
    height: 55px;
    cursor: pointer;
    padding: 0 15px;
    border: 1px solid #0D90CE;
    font-family: Arial,sans-serif;
    text-indent: 0;
    transition: all 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

table.reduction tr td.tableColonne1 .divBoxReductionForm div input.btCodeReduction:hover,
dl dd a.objetReserver:hover,
.popupTarifs .submit .addToCart:hover,
.valid:hover,
a.imprimerFacture:hover,
a.imprimerBillet:hover,
button:hover,
.telechargement:hover,
input.btn:hover:hover,
input.btSubmit:hover,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver:hover,
#btnIdentification:hover,
.btnIdentifier:hover {
    filter: brightness(85%);
}
#btnIdentification {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #BDBDBD;
    color: #fff;
    display: block;
    width: calc(100% - 32px);
    max-width: 250px;
    text-decoration: none;
    text-align: center;
    line-height: 55px;
    font-size: 20px;
    text-transform: uppercase;
    border: 0;
    margin: 15px auto;
    height: 55px;
    cursor: pointer;
    padding: 0 15px;
    border: 1px solid #BDBDBD;
    font-family: Arial,sans-serif;
    transition: all 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver.etat12,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver.etat11{
    width:220px!important;
}

#popup_panel input#popup_cancel,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver.etat12,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver.etat10,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver.etat60,
.compObjetEvenement .dataContentComposants .objetListeChild dl dd a.objetReserver.etat40{
    background:#DADADA;
    border:1px solid #DADADA;
 }

/******************************************/
/************   Table   ******************/
/*****************************************/

table{
    border-collapse:collapse;
    border:0;
    padding:0;
    margin:0;
    width:100%;
}

table tr th{
    font-size:14px;
    font-weight:normal;
    padding:3px;
   
}

table tr th.tableColonne1{
    text-align:left;
}

table tr td.tableColonne3,
table tr td.tableColonne2{
    text-align:center;
}


/*****************************/
/***** INPUT SELECT RADIO *****/
/*****************************/


input.champTel{
  
}

input.champPwd{
    
}

#champsRequis{
  width:950px;
  font-style:italic;
   margin:0 auto;
 }


#videoDiv video {
    height: auto !important;
    position: relative;
    width: 100% !important;
    z-index: 0;
}

.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .Int_SocialOM{
    float:right;
    display:inline-block;
 }



 #PartenairesOM{
    width:980px;
    margin:0 auto;
}

#logoOM_1 {
   margin:0 auto; 
   text-align: center;
}


#logoOM_1 li{
  display:inline-block;
    
}

#logoOM_1 li.Adidas{
  background:url('../image/adidas.png') no-repeat;
  width:73px;
  height:49px;
    
}

#logoOM_3 li.Intersport{
    background: url(../image/intersport2.png) no-repeat 0 4px / 100px auto;
    width: 90px;
    height: 44px;
    margin: 0 20px;
    
}

#logoOM_3 li a{
   display:block;
  width:100%;
  height:49px;
    
}

#PArtOMTitle{
 background:url('../image/BG_Header.jpg') no-repeat center -7px;
 text-align:center;
 width:960px;
 height:58px;
 color:#bc9d60;
 
 text-transform:uppercase;
 font-size:28px;
 margin:0 auto;
 }
 
 #PArtOM{
    background: url(../image/BG_SUbTitles_Logos.jpg) no-repeat center center;
    height: 24px;
    text-align: center;
    color: #0b9bd5;
    text-transform: uppercase;
    font-size: 16px;
    margin: 10px auto 10px auto;
    
}

#PartenairesOM .pstPartenaires {
    display: block;
}
#PartenairesOM .ndPartenaires {
    display: inline-block;
}

.ndPartenaires{
    display:inline-block;
    background:transparent;
    height:50px;
    margin-top:20px;
    /*margin-left: 120px;*/
 }

.rdPartenaires{
    display: inline-block;
    margin-left: 49px;
    text-align: center;
    width: 690px;
}

 #PArtOM_3{
     
    background:url('../image/BG_SUbTitles_Logos.jpg') no-repeat center center; 
    width:100%;
    height:24px;
    text-align:center;
    color:#0b9bd5;
    text-transform:uppercase;
    font-size:16px;
    margin:10px auto 10px auto;
    
}
 
 #PArtOM_2{ 
    background:url('../image/bg_Header_SubLOgos2_Wide.jpg') no-repeat center center;
    height:24px;
    text-align:center;
    color:#0b9bd5;
    text-transform:uppercase;
    font-size:16px;
    margin:10px auto 10px auto;
    
}

#PartenairesOM ul li {
    background-size: contain !important;
}
ul#logoOM_2 li{
    
    display:inline-block;
}

ul#logoOM_2 li.Turkish{
    width:132px;
    height:40px;
     background:url('../image/turkish-airlines-maj.png') no-repeat center center; 
}

ul#logoOM_2 li.winamax{
    width: 62px;
    height: 45px;
    background: url(../image/winamax.png) no-repeat center center;
    background-size: contain;
}

ul#logoOM_1 li.orange{
   width:39px;
    height:39px;
    background:url('../image/orange.png') no-repeat center center;
    margin-left: 40px;
}

#logoOM_2 li.cepac {
    width:84px;
    height:50px;
    background:url('../image/Cepac.png') no-repeat center center;
    background-size: contain;
    margin-left: 10px;
}

ul#logoOM_2 li.citroen{
  width:54px;
  height:40px;
  background:url('../image/citroen.png') no-repeat center center;
  margin-left: 22px;
}

ul#logoOM_2 li.mutuelSoleil{
  width:70px;
    height:42px;
    background:url('../image/mutuelleMaj.png') no-repeat center center;
    margin-left: 15px;
}

ul#logoOM_2 li.boulanger{
    width:81px;
    height:49px;
    background:url('../image/boulanger3.png') no-repeat 0 0 / 88px auto;
}


/****** Links ***/
ul#logoOM_2 li.Turkish a{
    display:block;
    width:132px;
    height:40px;
}

ul#logoOM_2 li.winamax a{
    display:block;
    width:95px;
    height:39px;
   
}

ul#logoOM_2 li.orange a{
    display:block;
   width:39px;
    height:39px;
  
}

ul#logoOM_2 li.cepac a{
    display:block;
   width:107px;
    height:39px;
  
}

ul#logoOM_2 li.citroen a{
    display:block;
    width:54px;
    height:40px;
 
}

ul#logoOM_2 li.mutuelSoleil a{
    display:block;
    height:42px;

}

ul#logoOM_2 li.boulanger a{
    display:block;
    width:143px;
    height:42px;

}



#logoOM_3 li{
    display:inline-block;
}

#logoOM_3 li.quick{
    width: 30px;
    height: 43px;
    background: url(../image/quick.png) no-repeat center center;
}

#logoOM_3 li.boulanger{
    width: 84px;
    height: 52px;
    margin-right: 20px;
    background: url(../image/boulanger3.png) no-repeat center center;
}
#logoOM_3 li.onet{
    width: 81px;
    height: 49px;
    margin-right: 20px;
    background: url(../image/onet.png) no-repeat 0 0 / 88px auto;
}
#logoOM_3 li.EA{
    width: 50px;
    height: 49px;
    margin-right: 20px;
    background: url(../image/easports_0.png) no-repeat 0 0 / 88px auto;
}
#logoOM_3 li.hyundai{
    width: 124px;
    height: 49px;
    background: url(../image/hyundai_logo_footer.png) no-repeat 0 0 / 88px auto;
    margin-right: 16px;
}
#logoOM_3 li.coca{
    width: 115px;
    height: 50px;
    background: url(../image/coca_logo_footer.png) no-repeat 0 0 / 88px auto;
}

/******* Links *******/
#logoOM_3 li.quick a{
    width:35px;
    height:43px;
    display:block;
}

#logoOM_3 li.Coca a{
    width:143px;
    height:42px;
    display:block;
}


#videoDiv {
    /*opacity: 0.3;*/
    top: 200px;
    width: 100%;

}


/* Date type OM */
.date_day_name,
.compObjetEvenement .dataContentComposants .objetListeChild dl dt .objetDate span.objetDateElt span.date_day_name{
	padding-top:9px;
  font-size:18px;
}

.date_day_num,
.date_month_name,
.compObjetEvenement .dataContentComposants .objetListeChild dl dt .objetDate span.objetDateElt span.date_month_name,
.compObjetEvenement .dataContentComposants .objetListeChild dl dt .objetDate span.objetDateElt span.date_day_num{
  font-size:20px;
  padding-top:4px;
}

.date_hour_min,
.compObjetEvenement .dataContentComposants .objetListeChild dl dt .objetDate span.objetDateElt span.date_hour_min{
 	padding-top:3px;
  font-size:16px;
  
}


.compTypeBillet{
    display:none;
  }
  
.compModeDeDiffusion table tr.tableHeader td.tableColonne2,
.compModeDeDiffusion table tr.tableHeader td.tableColonne3 {
     color: #666666;
     font-size: 12px;
}

.divBoxReductionMessage{
    display:none;
  }
  
.consigne{
    padding:5px 0;
 }

#moyenPaiement{
    display:none;
 }

/* Vues panoramiques */
#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .compPano .dataContentComposants .panoViewer .container {
    width: 100%;
}

/*-----------------------------------------*\
* CROSSELLING
\*-----------------------------------------*/

#popCross {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7) !important;
    border: 0 none !important;
    box-shadow: 0 0 0 0 !important;
    float: left;
    height: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 999999999999999999999999!important;
    border-radius: 0 !important;
}

#popCross .popupCrossSelling {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    display: block;
    margin: 3% auto 0;
    padding: 25px;
    vertical-align: middle;
    width: 750px;
}

#popCross .header {
    text-align: right;
}

#popCross .content .summary {
    font-size: 18px;
    margin-bottom: 25px;
}

#popCross .content .summary .title {
  color: #0b9bd5;
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#popCross .content .summary .show {
    border-right: 2px dotted #000;
    float: left;
    padding-right: 25px;
}

#popCross .content .summary .prices {
    float: left;
    padding-left: 25px;
}
#popCross  .descContent {
      width: 100%;
  padding: 10px 0;
  border-bottom: 2px solid #0b9bd5;
}
#popCross .content .summary .show .name {
    font-size: 18px;
    color:#372d26;
    
}

#popCross .content .summary .prices .value {
    font-size: 20px;
    color:#372d26;
}



.crossSelling .title {
    color: #372d26;
    display: block;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#popCross .crossSelling {
    clear: both;
  padding-top: 25px;
}
#popCross .crossSelling .content .tableHeader {
    display: none;
}
#popCross .crossSelling .content .event {
    padding: 15px;
    vertical-align: top;
    width: 710px;
    border:1px solid #c2c2c2;
    -webkit-border-radius: 20px;
	border-radius: 20px;
    background:url('../image/bg_regroupement.jpg') no-repeat;
}
#popCross .crossSelling .content .event .prices {
      clear: both;
}
#popCross .crossSelling .actions {
    float: right;
      margin-top: 27px;
}
#popCross .crossSelling .content {
    position: relative;
    display: block;
}
#popCross .crossSelling .content .listeTarifs {

}
#popCross .crossSelling .content .event .thumbnail {
    float: left;
    height: 80px;
    margin-right: 10px;
    width: 80px;
    -webkit-box-shadow: 0 0 5px 0 #E0E0E0;
    box-shadow: 0 0 5px 0 #E0E0E0;
	display:block;
}
#popCross .crossSelling .content .event .thumbnail img {
    height: 80px;
    width: 80px;
}
#popCross .crossSelling .content .event .title {
    display: block;
    font-size: 18px;
    margin-bottom: 0;
    font-size: 18px;
}
#popCross .crossSelling .content .event .title .name {
    
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 500px;
}
#popCross .crossSelling .content .event .title .toolip:before {
      content: "";
  display: block;
  height: 10px;
  width: 10px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  position: absolute;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  background: #fff;
  top: 33px;
  z-index: 10000;
  right: 53px;
}
#popup_ok {
    margin: 0 auto;
}
#popup_container.error #popup_title {
      background-color: #0b9cd5;
}
#popCross .crossSelling .content .event .title .schedule {
    font-weight: bold;
}
#popCross .crossSelling .content .link {
    color: #0b9bd5;
  font-size: 14px;
  font-weight: bold;
    position: absolute;
  right: 10px;
  top: 3px;
}
#popCross .crossSelling .content .event .title .schedule {
    display: block;
}
#popCross .crossSelling .actions a {
    background-color: #0b9bd5;
    background-repeat: repeat-x;
    border: 0 none;
    -webkit-border-radius: 15px;
border-radius: 15px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  
}
#popCross .crossSelling .actions .submit {
    background: #0b9bd5;
  padding: 10px 15px;
  border-radius: 10px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
}
#popCross .content .event{
    clear:both;
}

.popupCrossSelling .footer {
    overflow: hidden;
    padding:10px 10px 0 0;
    
}

.footer .button a{
  background: #e6e6e6;
  padding: 5px 10px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  float: right;
  text-decoration: none;
  color: #372d26;
  font-size: 14px;
  font-weight: bold;
  margin-top: 9px;
}

#popCross .header .button {
   
}

.popupCrossSelling .text a#depop{
 	 background: url("../image/bg_Cross_POPuP.gif") no-repeat scroll right 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    width: 75px;
    padding-right: 35px;
    font-weight:bold;
    text-decoration:none;
    
 }
#popCross 	.toolip {
    position: relative;
}

.toolip .description
{
  position: absolute;
  width: 668px;
  font-size: 10px;
  border: 1px solid #555;
  border-radius: 5px;
  background: #fff;
  padding: 20px;
  white-space: initial;
  left: 0px;
  top: 38px;
  text-transform: initial;
  max-height: 335px;
  overflow: hidden;
}


/*-----------------------------------------*\
* FIN DU CROSSELLING
\*-----------------------------------------*/
.formContentIdentification {
	width : 750px;
	position:absolute;
	top:10px;
	color:white;
}
.formContentIdentification .formField, .formContentIdentification .formSubmit
{
	display:inline;
}
.formContentIdentification .formField input
{
	margin-left:5px;
	margin-right:5px;
	height : 15px;
}
.formContentIdentification .formSubmit #formSubmit
{
	display:inline;
	font-size : 14px;
	padding : 0px 5px 0px 5px;
	line-height: 15px;
	height : 22px;
	vertical-align:baseline;
	top:0px;
}
.formContentIdentification a#lienMdp
{
	color:white;
	display:none;
}

#totalPack > td {
    font-size: 16px !important;
}

/*-----------------------------------------*\
* CODE PROMO
\*-----------------------------------------*/
.compPromoCodeForm {
    padding: 10px 20px;
    width: 955px;
    margin: 0 auto;
    position: relative;
}
#promoCodeForm {
    float: none !important;
    width: 100% !important;
    border: none !important;
    border-top: 2px solid #0B9CD5 !important;
    background :#F0F0F0;
    padding: 10px 0 !important;
}
#promoCodeForm .title {
    color: #505050;
    font-size: 16px;
    display: inline-block;
margin-left: 20px;
}
#promoCodeForm #promoCodeInput {
    display: inline-block;
    width: 300px;
    margin-left: 10px;
    text-indent: 10px;
    margin-right: 10px;
}
#promoCodeForm #submitPromoCode {
    display: inline-block;
    font-size: 16px;
    padding: 5px 10px;
    height: initial;
    line-height: initial;
    margin: 0;
}

#pageEtape2 .compBody .headerComposants .footerComposants .contentComposants .dataContentComposants .champsRequis {
}

/*---------------------------------*\
    # PAIEMENT
\*---------------------------------*/
#infoformulaire{
    
}

#infoformulaire #securite span{
    display:block;
    font: 1.5em/1.2em "BebasNeueRegular",Arial,Helvetica,sans-serif;
}


#infoformulaire #securite span#titleSecurite{
    font: 1em/1.1em "BebasNeueRegular",Arial,Helvetica,sans-serif;
    color:#000;
    padding-left:5px;
    padding-top:5px;
    background:none repeat scroll 0 0 #D7D6D5;
    padding-bottom:5px;
}


#moyenPaiement{
    display:none;
}


#pageEtape3 #securite{
    display:none;
}

#recapAchat {
    margin-bottom: 60px;
}
#libelleRecapAchat {
    background: #fff;
    z-index: 2;
    position: relative;
    padding: 0 5px;
}
#titreRecapAchat {
    font-size: 18px;
    color: #0D90CE;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
    position: relative;
    padding-left: 15px;
    margin-bottom: 30px;
}
#titreRecapAchat:after {
    content: " ";
    width: 100%;
    height: 2px;
    background: #0D90CE;
    display: block;
    position: absolute;
    bottom: 7px;
    z-index: 1;
    margin-left: -15px;
}
#recapBillet {
    color: #0D90CE;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid #0D90CE;
    margin: 0 auto 10px;
    padding: 5px 20px;
    width: max-content;
    max-width: 95px;
    border-radius: 4px;
    text-align: center;
}
#recapMontant {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
#recapMontant span {
    font-size: 20px;
    color: #0D90CE;
    vertical-align: middle;
}
#moyenPaiement a#moyenPaiementCB{
    background:url('../image/css_champCB.gif') no-repeat;
    text-decoration:underline;
    padding:0 0 0 29px;
}

#moyenPaiement span{
    display:block;
}

#moyenPaiement span#titleMoyenPaiement,
#recapAchat span#libelleRecapAchat{
    font-weight:bold;
}


.bandeauEtat {
    display: none;
  
}
/*---------------------------------*\
    # PAIEMENT VOLET
\*---------------------------------*/
.compReduction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
.compPaiement3DSecure .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
.compPaiementPayboxSystem .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    padding: 0;
    background: transparent;
    border: none;
    width: initial;
    display: initial;
    max-width: none;
    text-align: initial;
    line-height: inherit;
    height: auto;
    margin: 0;
    color: #4A4A4A !important;
    padding-right: 50px;
    width: 100%;
}
.compReduction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants:hover,
.compPaiement3DSecure .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants:hover,
.compPaiementPayboxSystem .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants:hover {
    filter: brightness(100%);
}
.compReduction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants:after,
.compPaiement3DSecure .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants:after,
.compPaiementPayboxSystem .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants:after {
    background: #4A4A4A !important;
}
.compReduction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants.titre-ouvert:after,
.compPaiement3DSecure .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants.titre-ouvert:after,
.compPaiementPayboxSystem .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants.titre-ouvert:after {
    background: #0D90CE !important;
}
.compReduction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants.titre-ouvert,
.compPaiement3DSecure .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants.titre-ouvert,
.compPaiementPayboxSystem .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants.titre-ouvert {
    color: #0D90CE !important;
}
.compReduction .headerComposants .footerComposants .contentComposants .dataContentComposants,
.compPaiement3DSecure .headerComposants .footerComposants .contentComposants .dataContentComposants,
.compPaiementPayboxSystem .headerComposants .footerComposants .contentComposants .dataContentComposants {
    display: none;
}
.compReduction .headerComposants .footerComposants .contentComposants .dataContentComposants.show-content,
.compPaiement3DSecure .headerComposants .footerComposants .contentComposants .dataContentComposants.show-content,
.compPaiementPayboxSystem .headerComposants .footerComposants .contentComposants .dataContentComposants.show-content {
    display: block;
}
.compReduction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span,
.compPaiement3DSecure .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span,
.compPaiementPayboxSystem .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span {
    background: url(../image/icon_angle-bown.png) no-repeat right bottom #fff !important;
    background-size: 25px !important;
    padding-right: 35px !important;
}
.compReduction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants.titre-ouvert span,
.compPaiement3DSecure .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants.titre-ouvert span,
.compPaiementPayboxSystem .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants.titre-ouvert span {
    background: url(../image/icon_angle-up.png) no-repeat right bottom #fff !important;
    background-size: 25px !important;
}
/*--------------------------------------------*\
    #ETAP
\*--------------------------------------------*/
#pageAccueil .compEtapeOM,
#pageCompte .compEtapeOM {
    display: none;
}
.compEtapeOM {
    width: 1000px;
    margin: 0 0 0 156px;
}
@media screen and (max-width: 1155px) {
    .compEtapeOM {
        width: calc(100% - 156px);
        margin: 0 0 0 156px;
    }
}
.compEtapeOM div {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}
.compEtapeOM div.EtapeOM_1 {
    margin-left: 10px;
}
.compEtapeOM .EtapeOM_separator {
    width: 6px;
    height: 10px;
    background: url(../image/icon_separateur_etapes.png) no-repeat center transparent;
    background-size: contain;
}
.compEtapeOM .EtapeOM_num {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    background: #BDBDBD;
    margin-right: 5px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}
.compEtapeOM .EtapeOM_label {   
    color: #BDBDBD;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
.compEtapeOM .etapSelect .EtapeOM_num {
    background: #0D90CE;
}
.compEtapeOM .etapSelect .EtapeOM_label {
    color: #0D90CE;
}
.compEtapeOM .etapPass .EtapeOM_num {
    font-size: 0px;
    background: url(../image/icone_check.png) no-repeat center #BDBDBD;
    background-size: 10px;
}