/**
 * CONTENTS
 *
 * STRUCTURE
 * Reset.........................mise a zero des éléments du dom
 * Font principale...............mise en place de la typo principale
 * Icon font.....................mise en place des icones svg
 * Basic html elements...........styles des éléments de base html
 * Sticky menu...................gestion du sticky menu
 * Lignes........................gestion des lignes
 * Boutons.......................Pilotage des différents boutons de la billetterie
 * (min-width: 768px) and (max-width: 980px)
 * Max-width: 767px
 * Header administrable..........Style pour le header administrable responsive
 * Under 320px
 *
 * 
 *
 */




/*--------------------------------------------------------------------*\
    #STRUCTURE
\*--------------------------------------------------------------------*/





/*------------------------------------*\
    #A-RESET CSS
\*------------------------------------*/

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



/*------------------------------------*\
    #B-FONT PRINCIPALE
\*------------------------------------*/

/*@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);*/


@font-face {
    font-family: 'Lato';
    src: url('../image/fonts/lato-regular-webfont.eot');
    src: url('../image/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../image/fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../image/fonts/lato-regular-webfont.woff') format('woff'),
         url('../image/fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../image/fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latobold';
    src: url('../image/fonts/lato-bold-webfont.eot');
    src: url('../image/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../image/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../image/fonts/lato-bold-webfont.woff') format('woff'),
         url('../image/fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../image/fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('../image/fonts/lato-light-webfont.eot');
    src: url('../image/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../image/fonts/lato-light-webfont.woff2') format('woff2'),
         url('../image/fonts/lato-light-webfont.woff') format('woff'),
         url('../image/fonts/lato-light-webfont.ttf') format('truetype'),
         url('../image/fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*------------------------------------*\
    #C-ICON FONT FOR SVG
\*------------------------------------*/

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot');
}
@font-face {
    font-family: 'icomoon';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
         url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: normal;
    font-style: normal;
}


/*------------------------------------*\
    #D-BASIC HTML ELEMENTS
\*------------------------------------*/


input {
    border: 1px solid #E3E3E3;
    padding:2px;
    color:#000;
    background:none;
}

body {
    font-family: 'Lato',sans-serif;
    font-size:12px;
    color: #666;
    background-attachment: fixed;
}

img {
    border: 0;
    font-size:5px;
}

select {
    width: 55px;
    color:#000;
      border: 1px solid #E3E3E3;
      background: #fff;
}

.rechercheGrid_table_length{
    border:1px solid #ccc;
}

a {
    color:#656565;
    text-decoration:none;
    font-size:14px;
}

a.date{
    display:block;
}

.champsRequis {
    padding:   5px 10px;
    font-size: 10px;
    color:     #000;
}

label{
    font-size:   11px;
    margin-left: 121px;
}


.champ {
    color:   #000;
    width:   154px;
}

li{
    list-style:none;     
}

.dataContentComposants .descContent {
    padding: 0 20px;
}



/*------------------------------------*\
    #E-STICKY MENU
\*------------------------------------*/

.StickyNav {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
}
    .StickyNav .colonneContent1 {
        width: 940px;
        margin: 0 auto;
    }





/*------------------------------------*\
    #F-LIGNES
\*------------------------------------*/

.ligneContent2,
.ligneContent2 a {
    font-size: 17px;
    color: #555;
}
.ligneContent2 a:hover{
    color:#000;
}
    .ligneContent2 + .descriptionHeader {
        display: none;
        font-size: 21px;
        border-bottom: 1px solid #E8E7E7;
        padding: 8px 20px;
        font-family: 'latobold', sans-serif;
        background: #fff;
    }
    #pageAccueil .ligneContent2 + .descriptionHeader {
        display: block;    
    }
.ligneContent4 {
    clear: both;
    overflow: hidden;
    
}
.ligneContent3 {
    background-color: #fff;
}
.ligneContent4 {
    background-color: #fff;
}
.descriptionHeader {
    background: #fff;
}

/*------------------------------------*\
    #G-BOUTONS
\*------------------------------------*/


.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier,
#pageCompte .zoneRecherche button,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount,
#pageCompte .validContent input.valid,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet,
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit,
#pageEtape2 .validContent input.valid,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit,
#pageEtape1 #submitFinaliser,
#pageEtape1 #submitPanier,
.compConfirmationCoordonnees .ligneSubmit input,
#compRechercheEspritMusique .libelleRecherche span input.btSubmit,
#Tarif a.Reserver span,
#formCompteConnexionPartenaire table #formDirectSubmit,
#popup_container #popup_panel button  { 
    background: #333;
    text-align: center;
    width: 250px;
    height:55px;
    cursor:pointer;
    color: #fff;
    font-size: 20px;
    border:0;
    text-indent:inherit;
    font-weight:normal;
    border-radius:3px;
    -webkit-transition: color 800ms ease-out;
       -moz-transition: color 800ms ease-out;
        -ms-transition: color 800ms ease-out;
         -o-transition: color 800ms ease-out;
            transition: color 800ms ease-out;
    -webkit-appearance:none;
            appearance:none;
            margin-left:25px;        
}
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier:hover,
#pageCompte .zoneRecherche button:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount:hover,
#pageCompte .validContent input.valid:hover,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte:hover,
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit:hover,
#pageEtape2 .validContent input.valid:hover,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour:hover,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit:hover,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit:hover,
#pageEtape1 #submitFinaliser:hover,
#pageEtape1 #submitPanier:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit:hover,
.compConfirmationCoordonnees .ligneSubmit input:hover,
#compRechercheEspritMusique .libelleRecherche span input.btSubmit:hover,
#Tarif a.Reserver span:hover,
#formCompteConnexionPartenaire table #formDirectSubmit:hover:
#popup_container #popup_panel button:hover {
    background: #000; /* W3C */
    -webkit-transition: color 200ms ease-out;
       -moz-transition: color 200ms ease-out;
        -ms-transition: color 200ms ease-out;
         -o-transition: color 200ms ease-out;
            transition: color 200ms ease-out;
            color: #ffffff;
}


.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier {
    background-color: #777;
}

#aucuneTransaction {
    padding: 20px;
}


@media screen and (min-width: 768px){

    #metaDateNaissancePorteur_year {
    width: 67px;
    }

    .tableColonne2.colMetaInfo #metaDateNaissancePorteur_month {
    margin-right: 4px;
    width: 87px;
    }

    .tableColonne2.colMetaInfo #metaDateNaissancePorteur_day {
    margin-right: 4px;
    width: 58px;
    }

table.oubliMDP tbody .tableColonne2 select {
    height: 31px;
    margin-left: 0 !important;
    margin-top: 4px;
    width: 254px;
    font-size: 11px;
    }

table.oubliMDP tr td.btnSubmitMDP a.btRetour.btn{
    background:#777!important;
    color:#5E5E5E;
    width:200px!important;
    display:block;
    line-height:53px;
    margin-left:0 !important;
}

table.oubliMDP tr td.btnSubmitMDP{
    padding-top:10px;
    text-align:left;
}

.dataContentComposants table.oubliMDP tr td.tableColonne1 {
    display:block;
    width:353px;

}

table.oubliMDP .tableColonne1{

}


#pageEtape1 #submitPanier {
    background: #777;
}


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

#cadreContent {
    width:980px;
    margin:0 auto;
}
#pageErreur #cadreContent {
}


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


#langageEN .ligneContent1 .colonneContent1 {
    margin:0 auto;
    position:relative;
    background:url('../image/bgHeaderRMNEN1.jpg') no-repeat 0 5px;
}

.ligneContent2 {
    position:relative;
    background-color:#e8e7e7; 
}
.ligneContent2 .colonneContent1 {
    height:50px;
    padding:0 20px;
}

.ligneContent2 .colonneContent2 {
    width:220px;
    display:inline-block;
}

.ligneContent3 .colonneContent2 {
    width:270px;
    height:50px;
    float:left;
}

#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent2 .colonneAccueilContent1 {
    width:649px;
    float:left;
    padding-top: 0px;
}

#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent2 .colonneAccueilContent2 {
    width:280px;
    float:right;
    margin-left:10px;
}

#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent1 {
}

#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent2 {
     width:280px;
    float:right;
}


#retourAccueil4 {
    position: absolute;
    right: 0;
    top:5px;
}
#retourAccueil4 a {
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    width: 255px;
    background: none repeat scroll 0 0 #939393;
    border: 0 none;
    border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}


/******* 3DS *******/

#pageEtape3 table td.tableColonne2 select#typeCB, #pageEtape3 table td.tableColonne2 select#titulairePays{
    width:152px;
    height:27px;
}

#pageEtape3 table td.tableColonne2 select#anneeCB{
    margin-left:10px;
}


#pageEtape3 table td.tableColonne2 select#moisCB{
    width:56px;
    height:27px;
    margin-top:0;
    font-size:11px;
}

#pageEtape3 table td.tableColonne2 select#anneeCB{
    width:70px;
    font-size:11px;
    height:27px;
    margin-top:0;
}

#pageEtape3 table td.tableColonne2 input#cvvCB{
    width:50px;
}

#pageEtape3 table td.tableColonne2 input#cvvCB{
    width:50px;
    height:18px;
}

#pageEtape3 table td.tableColonne1-2 label a{
    color:#000;
    font-size:13px;
}

#pageEtape3 #infoformulaire #securite span#titleSecurite{
    background:none!important;
    height:inherit!important;
}

#pageEtape3 #infoformulaire #securite span img{
    display:block!important;
}

#pageEtape3 table#nouvelleCB td#rowSubmitEtape3{
    padding-bottom:30px;
    padding-top:14px;
}

#pageEtape3 table#nouvelleCB tr td.tableColonne1-2 span{
    font-weight:bold;
    color:#000;
    display:block;
}

#pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit{ 
    background: #333; 
    border:0;
    color: #fff;
    font-size: 20px;
    margin: 0 auto 0;
    margin-left:267px;
    cursor:pointer;
    padding:10px 20px;
    border-radius:3px;
    width:407px;
    height:55px;
    -webkit-appearance:none;
    appearance:none;  
}

#pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit:hover {
    background: #000;
}
#pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 a{
    font-size:14px;
    color:#000;
}

.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier .totalPanier span.assuranceCart{
    font-size:10px;
 }

table#nouvelleCB td#rowSubmitEtape3 a{
    display:block;
    background:#777;
    width:196px;
    height:55px;
    float:left;
    line-height:55px;
    text-align:center;
    font-weight:normal;
    text-decoration:none!important;
    color:#fff!important;
    border-radius:3px;
}

/***buttons ***/

#Tarif {
    right:0;
    position:absolute;
    top:48%;
}

#Tarif.Promo {
    height:90px;
    right:0;
    position:absolute;
    top:35%;
    width:239px;
}

.Tarifs{
    display:none;
}

#Tarif.Promo .Tarifs{
    line-height:15px;
    padding-top:8px;
    padding-bottom:5px;
    display:block;
    background:url('../image/bgButtonPromoHome.png') no-repeat;
    width:235px;
}

#Tarif.Promo .Tarifs span.SCompl,
#Tarif.Promo .Tarifs span.Tarif{
     color: #E50323;
    font-size: 11px;
    font-weight: normal;
    padding-left:45px;
    display:block;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe.accueilFiltre dl dd a.evenementReserver{
    background:#e50323;
 }

#pageAccueil #Tarif a.Reserver {
    color: #FFFFFF;
    display: block;
    font-size: 19px;
    height: 47px;
    line-height: 49px;
    text-align: center;
}

#pageEtape2 .validContent{
    text-align:center;
    margin-bottom:20px;
  }
  #pageEtape2 .validContent input.btnRetourAccueil{
    width:350px;
    background:#777;
  }

  #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire{
      clear:both;
      padding:20px;
 }

/****** Navigation ******/


#legendIco.legend{
    clear:both;
    display:block;
    text-align:left;
    padding:20px 0;
    font-size:12px;
    font-style:italic;
 }

 #legendIco.legend ul{
    clear:both;
    display:table-row;
 }

#legendIco.legend ul li{
    clear:both;
    display:table-cell;
    vertical-align:top;
    padding-right:7px;
    font-size:11px;
 }

.iconeCELegendTarif{
    background:url('../image/iconeLogoCE.png') no-repeat;
    width:21px;
    height:21px;
}

ul.way2blogging-social li a strong {
    display:none;
}

.compPaiementFree table#paiementFree{
    clear:both;
    width:960px;
  }

.compPaiementFree table#paiementFree tr th#titlePaiementFree{
    text-align:left;
  }

td#validationPaiementFree a.ancreTelechargerBillet{
  background: #E50323;
    border:0;
    color: #fff;
    font-size: 20px;
    height: 55px;
    line-height:55px;
    margin: 0 auto 0;
    width:220px;
    left: 0;
    text-transform:uppercase;
   cursor:pointer;
   font-family:'baron_neue_boldbold';
      text-transform:lowercase;
      display:block;
      text-align:center;
}

td#validationPaiementFree{
    padding:15px;
 }

#listeSalle{
    padding:0 20px;
    height:inherit!important
}

#listeSalle span.title{
   display:block;
   font-family:'baron_neue_boldbold';
    color:#000;
    text-transform:lowercase;
    border-bottom:3px solid #e3e3e3;
    font-size:18px;
    text-align: left;
    padding-bottom:3px;
}

#listeSalle a{
    font-family:'Lato',sans-serif;
    padding:0 5px;
    font-size:12px;
}

#listeSalle a{
    font-family:'Lato',sans-serif;
    padding:5px 7px 0px 0;
    font-size:12px;
    display:inline-block;
}


.gm-style .gm-style-iw {
    font-size: 13px;
    font-weight: 300;
    width:155px!important;
}

#sceneRegion .infoBulle a{
   display:block;
   clear:both;
   font-weight:normal;
   font-size:12px;
   background:url('../image/bg_Arrow_More_Lugar.jpg') no-repeat left center;
   padding-left:10px;
}

.socialShare{
   height:50px;
   display: none;
 }

.socialShare ul li{
   display:inline-block;
}
.socialShare ul li  a{
   display:inline-block;
    width:31px;
    height:31px;
}

.socialShare ul li:nth-child(1){
    background:url('../image/bgReseauFB.jpg') no-repeat!important;

}

.socialShare ul li:nth-child(2){
    background:url('../image/bgTwitter.jpg') no-repeat!important;

}

.compObjetEvenement .bandeauEtat{
    background-size:80px auto!important;
     margin: -83px 0 0 1px;
 }

 .compObjetRegroupement .compObjetEvenement a.etat12 span,
 .compObjetRegroupement .compObjetEvenement a.etat10 span{
     background:none!important;
  }


            .MainNavigationLinks {
    display:none;
}
    
    .MainNavigationLinks li {
     display:none;
}

    .socialShare ul li {
    display: inline-block;
}

    .socialShare ul li {
    list-style: none outside none;
}

table.oubliMDP {
    padding: 20px;
    margin-bottom: 15px;
    display: block;
}

table.oubliMDP tbody {
    padding: 20px;
    margin-bottom: 15px;
    display: block;
}
table.oubliMDP tbody .tableColonne2 input{
    width: 244px;
    margin-left: 0 !important;
    height: 19px;
}
table.oubliMDP tbody .tableColonne2 select{
    width: 250px;
    margin-left: 0 !important;
    height: 27px;
}


}


@media screen and (min-width: 768px) and (max-width: 980px){
    
    #metaDateNaissancePorteur_year {
    font-size: 12px;
    width: 77px;
    }

    .tableColonne2.colMetaInfo #metaDateNaissancePorteur_month {
    font-size: 12px;
    margin-right: 4px;
    width: 70px;
    }

    .tableColonne2.colMetaInfo #metaDateNaissancePorteur_day {
    font-size: 12px;
    margin-right: 4px;
    width: 64px;
    }   

    .compDejaClient .dataContentComposants .tableColonne2 #dejapays {
    font-size: 12px;
    }

    .compNouveauClient .dataContentComposants .tableColonne2 #nouveaupays {
    font-size: 12px;
    }

    

    table.oubliMDP tbody .tableColonne2 select {
    height: 31px;
    margin-left: 0 !important;
    margin-top: 4px;
    width: 254px;
    font-size: 11px;
    }

    table.oubliMDP tbody .tableColonne2 input {
    height: 13px;
    margin-left: 0 !important;
    width: 244px;
    }

    /* Etape paiement */

    #pageEtape3 table td.tableColonne2 select#typeCB, #pageEtape3 table td.tableColonne2 select#titulairePays, table#nouvelleCB input.champCarte, #pageEtape3 table td.tableColonne2 select#moisCB, #pageEtape3 table td.tableColonne2 select#anneeCB {
    font-size: 13px;
    height: 35px !important;
}

    /* Nouvelle CB - PAYBOX */

    #payboxSystem tr:nth-child(2) .tableColonne1 {
    padding-left: 22% !important;
    }

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem .tableColonne1 > select {
    font-size: 12px !important;
    height: 31px !important;
    margin-left: 11px;
    padding-left: 4px;
    width: 221px !important;
    }

    #payboxSystem tr:nth-child(3) .tableColonne1 {
    padding-left: 34% !important;
    }

    #pageEtape3 table td.tableColonne2 select#typeCB, #pageEtape3 table td.tableColonne2 select#titulairePays,
    table#nouvelleCB input.champCarte,
    #pageEtape3 table td.tableColonne2 select#moisCB,
    #pageEtape3 table td.tableColonne2 select#anneeCB {
        height : 35px !important;
    }
    #cadreContent {
        width: 100%;
    }
    
    .StickyNav .colonneContent1 {
        width: 93%;
        margin: 0 auto;
        padding: 0;
    }

         #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent1{
             margin-bottom:20px;
            }

          .ligneAccueilContent2 {
            display:table!important;
            width:648px!important;
            margin:10px auto;
          }
            
            #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent2 {
             float: inherit;  
            }

            
       

        .ligneContent3 {
            clear: both;
            overflow: hidden;
            /*width: 670px;*/
            }


        .ligneContent3 .colonneContent1 {
            float: inherit;
        }


        #compBox1.compBox {
            background-size: contain !important;
            height: 164px !important;
        }

        .ligneContent1 .colonneContent1 {
            margin:0 auto;
        }

        .compCompte .compteBouton a span {
            display: none;  
        }

        .ligneContent2 .colonneContent1 {
            display:inherit;
        }
         .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .conditionsGenerales {
            right: 293px!important;
        }

        .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales {
            right: 85px!important;
        }

        .Hotline {
             left: 2px!important;

        }

        
        /**** Image OP Market ****/
        .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants{
            min-height:120px;
            height: auto!important;
            width: 670px!important;
            background-size:661px auto!important;
        }

        .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs {
            width: 100%!important;
        }

        .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl {
            width: 669px!important;
        }

        .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd {
            width: 530px!important;
        }

        .social {
           width:669px;
        }

        .assuranceTable {
            width: 100%;
        }

        .assuranceTable .body .column1 {
            width: 70% !important;
        }

         .compDialoguePanier{
             width:974px;
          }


          #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants,
          #pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales,
          .compCompteInformation,
          .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table,
          .compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table,
          .compTelechargementFacture .headerComposants .footerComposants .contentComposants,
          .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2,
          .compTelechargementOption1,
          .compTelechargementOption2 .headerComposants .footerComposants .contentComposants,
          .compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1,
          .compPaiementFree table#paiementFree,
          .table#nouvelleCB,
          .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet,
          .compRenommageBillet,
          .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table,
          .compNouveauClient,
          .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table,
         .compDejaClient .headerComposants .footerComposants .contentComposants{
               clear:both!important;
          }

          .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1{
              width: 35% !important;
           }
           
          #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit{
              float:inherit!important;
              display:block!important;
              margin:0 auto!important;
              height:55px!important;
              font-size:18px!important;
           }

          #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 a{
              margin:0 auto 20px auto!important;
              display:block!important;
              float:inherit!important;
           }

            .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne4{
                    padding-right:10px;
                   }
            .ongletContent {
                background: #777;
            }
            .ongletContent a{
                width:33% !important;
            }
            .ongletContent a#monCompte{
                padding-right: 0.4em !important;
            }

            #pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected{
                font-size:16px!important;
            }

            .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants ul {
                text-align: right;
                font-size:15px!important;
                margin: 0 auto;
            }

            .ongletContent a span.ongletLibelle {

                font-size: 13px!important;
            }

            .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .info {
                font-size: 11px;
                width: 674px!important;
                float:inherit!important;
                margin-bottom: 15px;
            }

            .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne3,
            .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2{
                width:inherit!important;
             }

             .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .label{
                 width:243px!important;
             }
             #pageCompte .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants .validContent{
                text-align: left !important;
             }
             #pageCompte .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants .validContent input {
                margin-left: 270px !important;
             }
           #pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales .contentMentionsLegales{
               /*width:640px;*/
            }

            .compBientotEnVente{
                width: 644px!important;
                overflow:hidden;
             }

             .compBientotEnVente a{
                width: 330px!important;
                float:left!important;
             }

             .compListeFiltre .headerComposants .footerComposants .contentComposants .topContentComposants{
                  background:url('../image/TOP_Header_BG_TOP_VEnteWide.jpg') no-repeat!important;
                  width:674px!important;
              }

            #listeSalle{
               width:665px!important;
               padding:15px 0 0 0!important;
               text-align:justify!important;
               height:240px!important;
           }

           .compRechercheEspritMusique .infoSalle {
            padding: 20px 0;
            }

            .compRechercheEspritMusique .infoSalle dl.salle dd {
                float: left;
                margin-left: 10px;
                width: 530px!important;
            }
        
        .box_skitter .container_skitter {
            width: 100% !important;
            height: auto !important;
        }
                
       
        input,
        select {
            padding: 7px 4px ;
            font-size: 18px;
        }
         .assuranceTable .body .column3 input {
        margin-top: 2px;

         }
        .assuranceTable .body .column3 label {
            font-size: 14px;
            height: 19px;
            margin-top: 3px;
        }


} /* end of @media screen and (min-width: 768px) and (max-width: 980px)*/




@media screen and (max-width: 767px){

        
        html, body{
           overflow-x: hidden;
            max-width: 100%;
        }

        input,
        select {
            padding: 7px 0;
            font-size: 18px;
            text-indent: 5px;
        }

    .evenementListe dl {
        width: 100% !important;
    }

    .compNouveauClient .dataContentComposants .rowMetaInfo .tableColonne1.colMetaInfo .labelMetaInfo {
    margin-left: 0;
    }

    .compNouveauClient .dataContentComposants .tableDesc {
    padding-bottom: 5px;
    padding-top: 10px;
    text-align: left !important;
    }

    .compNouveauClient .dataContentComposants .tableColonne1 .formLabel {
    color: #000;
    display: block;
    font-size: 14px;
    padding-bottom: 7px;
    padding-top: 12px;
    }

    .compNouveauClient .dataContentComposants .tableColonne2 #nouveaupays {
    font-size: 12px;
    height: 39px;
    }

    #metaDateNaissancePorteur_day {
    width: 73px;
    margin-right: 6px;
    height: 39px;
    font-size: 14px
    }

    #metaDateNaissancePorteur_year {
    width: 81px;
    margin-left: 6px;
    height: 39px;
    font-size: 14px
    }

    .compNouveauClient .dataContentComposants tr td[colspan="3"] {
    text-align: center;
    }

    .compNouveauClient .dataContentComposants .doubleOptIn .checkbox #optinNewsletterOrga {
    width: 7%;
    }

    #metaDateNaissancePorteur_month {
    width: 107px;
    height: 39px;
    font-size: 14px;
    }

    .compNouveauClient .dataContentComposants .doubleOptIn #checkOptinOrga .checkbox{
        display: block;
        margin-left: 0px !important;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .compNouveauClient .dataContentComposants .doubleOptIn #checkOptinOrga {
    padding-left: 0 !important;
    text-align: center !important;
    }

    .compNouveauClient .dataContentComposants .tableColonne2 #nouveaupays {
    width: 100%;
    }

    .compNouveauClient .dataContentComposants .rowMetaInfo .tableColonne1.colMetaInfo .labelMetaInfo {
    color: #000;
    display: inline-block;
    font-size: 14px;
    margin-left: 0;
    padding-top: 11px !important;
    margin-bottom: 7px;
    }

    table.oubliMDP tr td.tableColonne2 select {
    font-size: 11px;
    width: 100%;
    height: 38px;
    }
    /* Paiement CB-PAYBOX */

    #payboxSystem .tableColonne1 > label {
    color: #000;
    font-size: 14px;
    margin-left: 0px;
    }

    #cgvPayboxSystem {
    margin-right: 6px;
    }

    #payboxSystem tr:nth-child(2) .tableColonne1 {
    display: inline-block;
    margin-bottom: 17px;
    margin-top: 15px;
    text-align: center;
    }

    #payboxSystem .tableColonne1 #selectPayboxSystemPrelevement {
    font-size: 11px;
    height: 31px;
    width: 210px;
    margin-top: 6px;
    margin-left: 9px;
    }

    #payboxSystem tr:nth-child(4) .tableColonne1 {
    display: inline-block;
    margin-top: 10px;
    }

    #payboxSystem .tableColonne1 .cgv {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
    }

    #nouvelleCB tr:nth-child(6) .tableColonne1-2 {
    font-weight: bold;
    }   

    #payboxSystem tr:nth-child(3) .tableColonne1 {
    text-align: center;
    }

    /* Fin CB-PAYBOX */

    .deroulePanier a:after {
        content: "\e60e";
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 17px;
        right: 0;
    }
    #compPanier1 .topContentComposants .validerPanier {
        float: left;
        background: #333;
        text-align: center;
        padding: 0 10px;
        height: 50px;
        margin-right: 0;
    }
    #compPanier1 .topContentComposants .validerPanier a{
        font-size: 12px;
        color: #fff;
    }
     #compPanier1 .cachePanier a span {
            display: none;
        }
    #infoformulaire {
        padding: 10px 20px;
    }
    #contenuformulaire .dataContentComposants {
        padding: 10px 20px;
    }
    table#nouvelleCB td.tableColonne1 label {
        margin: 0;
        text-align: left;
        font-size: 14px !important;
    }

#cadreContent {
    width: auto;
}   
.StickyNav .colonneContent1 {
    width: 100%;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd, .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd{
    margin: 0 auto;
    width: auto !important;
    margin: 0!important;
    float: none !important;
}
    
table{
    max-width: 100%;
}

.ligneContent5{
    width: auto;
}
    
.ligneContent3 .colonneContent1 .compBody{
   width:100%;
}

.compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants form {
    margin: 0 auto;
    float: none !important;
    display: block;
    height: 50px;
    margin-top: 120px;
    width: 70%;
}
        
.compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants form .saisieRecherche input{
    width: 100% !important;
    border-bottom: 1px solid #555;
    color: #fff;
    height: 44px !important;
}
.compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants form .saisieRecherche input:focus {
    padding: 0 !important;
    background: none !important;
}

.compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants form .validerRecherche {
    display: inline-block !important;
    float: none !important;
    color: #555 !important;
    width: 15% !important;
    background-color: #333 !important;
    background-image: none !important;
    font-size: 27px !important;
    border-radius: 0 5px 5px 0;   
}

.compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants .autocompletion a {
    border-bottom:1px solid #555 !important;
    padding:15px 10px !important;
}

    .compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants .autocompletion {
        top: 174px !important;
        left: 15%;
        width: 67% !important;
}
        .pageEtape{
         }
         
         #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent2 .colonneAccueilContent2{
            width:100%!important; 
         }   
            
            
        #cadreContent {
            padding:0 0;
            width: 100%;
            }

         #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent1{
             margin-bottom:20px;
            }

          #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent2 {
            display:table!important;
            margin:inherit;
            width:100%;
          }

        /*Top Vente*/
          .ligneAccueilContent2 .colonneAccueilContent2{
            display:table-header-group!important;
            float:inherit!important;
            margin-bottom:20px;
            padding-bottom:20px!important;
          }
          
          .compTopVentes .headerComposants .footerComposants .contentComposants .dataContentComposants .topVente .topVenteTitle{
            padding:0 20px;
            height:50px!important;
            width:inherit!important;
                      }
                      
        
        .compTopVentes .headerComposants .footerComposants .contentComposants .dataContentComposants #topVentes1{
             border-top:3px solid #e40325;
          }
        
        .compTopVentes .headerComposants .footerComposants .contentComposants .dataContentComposants .topVente a.topVentes{
            width:90%!important;
            background-repeat:repeat-x!important;
            padding:0px;
            clear:right;
         }     

          .compListeFiltre .headerComposants .footerComposants .contentComposants .dataContentComposants a {
            clear:right!important;
        }

        .compListeFiltre .headerComposants .footerComposants .contentComposants .dataContentComposants {
            padding-bottom:15px;
            overflow:hidden;
        }

          /*end of Top Vente*/

            .compBientotEnVente .bientotEnVente{
                border:0!important;
                float:inherit!important;
                display:block!important;
            }
            
            .bientotEnVenteContent{
                text-align:center;
                
             }
             
             .bientotEnVenteContent a{
             background:url('../image/bgBientot.jpg') no-repeat center bottom;
              padding-bottom:15px!important;
             color: #2c2c2c;
            font-weight: bold;

             }

        .Tarifs{
            background:url('../image/bgButtonPromoHome.png') no-repeat -4px 0;
            width:239px;
            height:36px;
            padding-top: 8px;
            
         }

         #Tarif.Promo .Tarifs span.SCompl, 
         #Tarif.Promo .Tarifs span.Tarif {
            color: #E50323;
            font-size: 11px;
            font-weight: normal;
            padding-left: 45px;
            display: block;
            }
        
        
        .ligneContent3 .colonneContent1 {
            
            width: 100%!important;
        }

        #pageCompteIdentification .ligneContent3 .colonneContent1 {
            float: none;
            width: inherit!important;
             display:inherit;
         }

        #compBox1.compBox {
            max-width:767px;
            background-size:contain !important;
            height:auto !important;
        }

        .ligneContent1 .colonneContent1 {
            margin:0 auto;
        }

        .compCompte {
           position:inherit!important;
           float:right;
        }
        
        .compCompte .headerComposants .footerComposants .contentComposants div.dataContentComposants a{
            display:block;
            height:45px;
            padding:0 5px !important;
         }
            
          .compCompte .headerComposants .footerComposants .contentComposants div.dataContentComposants a span{
            display:none;
         } 

        .ligneContent2 {
            width: 100%!important;
            margin:inherit;
            background:#e8e7e7;
        }

        .ligneContent2 .colonneContent1 {
            margin:0 auto;
            display:inherit;
            height:50px;
        }

        .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants{
            margin:20px auto;
            width:inherit!important;
            text-align:left;
            padding:32px 0;
            font-size:15px;
            
          }


        .Hotline{
            position:inherit!important;   
         }
         
         .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .paiement {
  
    top: 43px!important;
    left: 1%!important;
        }
    

        .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales {
            left:294px;
        }
        
        .Salle {
             display: block;
            }
        
        .leftCol a{
            display:block;
         }


        #compRechercheEspritMusique .libelleRecherche {
            margin-top: 10px;
        }

        .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs {
            width:100%;
        }

        .assuranceTable {
            width:100%;
    /*width: 100%;*/
        }

        #pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer{
    text-align: center !important;

         }


          #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants,
          #pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales,
          .compCompteInformation,
          .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table,
          .compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table,
          .compTelechargementFacture .headerComposants .footerComposants .contentComposants,
          .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2,
          .compTelechargementOption1,
          .compTelechargementOption2 .headerComposants .footerComposants .contentComposants,
          .compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1,
          .compPaiementFree table#paiementFree,
          .table#nouvelleCB,
          .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet,
          .compRenommageBillet,
          .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table,
          .compNouveauClient,
          .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table,
         .compDejaClient .headerComposants .footerComposants .contentComposants{
               clear:both!important;
          }


          .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne1 dd{
            -webkit-margin-start: 0px;
            width: inherit!important;
            margin: 0 1em;
                }


            .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants caption .vignette img{
                width:45px;
                float:left;
                height:45px;
                margin-right:5px;
                padding-left:0;
            }
            
            .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants caption {
 
    padding: 14px 0 0px;
  
}
            
            #pageCompte .zoneTri {
                margin-left: 0!important;
            }
            
            
            .ongletContent a{
                width:223px!important;
            }


            #pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement {
            text-align: center;
            }
            

            .ongletContent a span.ongletLibelle {

                font-size: 13px!important;
            }

            .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .info {
                font-size: 11px;
                float:inherit!important;
            }

            .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne3,
            .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2{
                width:inherit!important;
             }

             .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .label{
                 display:block;
             }
 

            #listeSalle{
               padding:15px 0 15px 0!important;
               text-align:left!important;
               width:inherit!important;
               height:inherit!important;
               float:inherit!important;
           }
            
             #listeSalle a{
               padding:5px!important;
                font-size:14px;
                display:inline-block;
           }
        
    
    #accesSalle {
    background: none repeat scroll 0 0 #f3f3f3;
    padding: 10px;
    position: relative;
}
        #pageCompteIdentification .compSocialConnect .headerComposants .footerComposants .contentComposants .dataContentComposants a{
            margin:0 auto!important;
            display:block!important;
         }
         
         .compDejaClient .headerComposants .footerComposants .contentComposants {
          width: inherit!important;
                }
                
         .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table {
            border-spacing: 0;
           width: 100%;
            margin:0 auto;
            padding: 10px 20px;
        }
        
        .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table#boxConfirmAccount tr td{
            
         text-align:center;
         padding-top: 10px;
         }
        
        
          .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td[colspan="3"]{
            text-align:center;

        }
        
        .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne3,
        .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne2,
        .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne1{
            display:block;
            padding:5px 0;
        }
        
 
        .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne1 label{
            color:#000;
            font-size:13px;
        }
        
                .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne1 {
            padding:10px 0 0 0;
        }
        
                .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne3 {
            padding:10px 0 10px 0;
        }
        
              .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne3 a {
            text-decoration:underline;
        }
        
        .compDejaClient table tr td input#dejamail, .compDejaClient table tr td input#dejapass,
        .compDejaClient table tr td input#dejamail, .compDejaClient table tr td input#dejatel {
            width:99%;
            height:20px;
        }
        .compDejaClient table tr td input#dejamail, .compDejaClient table tr td select#dejapays {
            width:100%;
            height:35px;
           
        }
        .compDejaClient .tableDesc {
            text-align: left !important;
        }
        .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
            
            width: inherit!important;
        }
        
        
        .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit { /* Old browsers */


            margin: 10px 0;

        }
        
    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {
    width: inherit!important;
}
        
   
    

        
    .pagination {
    width: inherit!important;
    margin:inherit!important;
}

        .resultatGauche, .resultatDroit {
            color: #000;
            float: inherit!important;
            display:none;
            width: 175px;
        }
        
        .poussetLien, .poussetLienActif{
        padding: 0 5px!important;
          }
          
          
     .resultatDroit {
    display:none;
}

        .compObjet {
            float: inherit!important;
            width: inherit!important;
            clear:both;
        }
        
        .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dt img {
            width:45px!important;
            height:45px!important;
        }
        
        .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt  {
            width:45px!important;
            height:45px!important;
            position:relative;
        }
        
        .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl {
            width: inherit!important;
        }

        
        .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd{
            width:76%!important; 
          }
       
       
        .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table{
          width:inherit!important;  
         }
        
        .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2,
        .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1{
            width:inherit!important;
            display:block;
         }
         
         .compNouveauClient {
            width: inherit!important;
        }
         .compNouveauClient .dataContentComposants {
            padding: 0 20px;
         }
         .compSocialConnect .headerComposants .footerComposants .contentComposants .dataContentComposants a{
             margin:0 auto!important;
             display:block;
          }
         
         .compSocialConnect .headerComposants .footerComposants .contentComposants .dataContentComposants{
            text-align:center;
         
          }
         
         .compNouveauClient table input{
             width:99%;
         }
         
         .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit{
        margin-left: 0; 
         }
         
         
         .compRenommageBillet{
             width:inherit!important;
          }
         
         .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .representation{
             width:inherit!important;
         }
         
         .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet{
            width:inherit!important; 
          }
          
         #pageEtape2 .validContent input{
            margin-right: 10px; 
          }
          #pageEtape2 .validContent .btnRetourAccueil {
            font-size: 15px !important;
            background: #777 !important;
          }
        .btnRetourAccueil{
            margin-bottom:10px;
            
           }
          
          #pageEtape2 .validContent{
              text-align:center;
           }
          
          .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .representation .representation_imageEvenement{
             width:45px!important; 
              
            }
          #recapAchat{
             width:100%;
             padding:0!important;
           }
          
          #recapAchat span{
              display:block;
              padding:5px 10px;
           }
           
           table#nouvelleCB {
              width:inherit!important;
    
            }
           
           table#nouvelleCB tr td{
               display:block;
            }
          
          table#nouvelleCB td{
             padding:4px 0!important;
             }
          
          #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit{
    
            background:#333;
            text-align: center;
            cursor:pointer;
            margin-right: 0;
            color: #fff;
            font-size: 14px;
            border:0;
            text-indent:inherit;
            font-weight:normal;
            margin-right:10px;
            padding:0 15px;
            border-radius: 3px;
          }
          #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit:hover {
            background: #000;
          }
          #securite span{
            display:block;
           }
           
           /*****************************/
/* Assurance annulation      */
/*****************************/
#compAssuranceAnnulation1 {
}
.errorChoixAssurance {
    background: url('../image/Block-message-erreur.png') no-repeat center top;
    width: 525px;
    height: 105px;
    position: absolute;
    bottom: 145px;
    right: 31px;
}
.errorChoixAssurance .errorTitre {
    float: right;
    width: 430px;
    padding: 25px 20px 0 0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}
.errorChoixAssurance .errorLibelle {
    float: right;
    width: 430px;
    padding: 5px 20px 0 0;
    color: #FFFFFF;
}

.assuranceTable{
    background:url("../image/assurance/separateur_long.jpg") no-repeat scroll center 33px #fff;
    border: 0 none;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
    font-size: 1.2em;
    margin: 10px 0;
    padding: 0;
    background-size: contain;
    text-align: left;
   
}

.assuranceTable .head td .label {
    float: left;
    margin: 0;
    padding: 0px 5px;
    color: #000;
    font-weight: bold !important;
    font-size: 12px;
    line-height: 17px;
    text-align: right;
    font-family: Arial,sans-serif;
    border-collapse: collapse;
    font-family: Arial,sans-serif;
}

.assuranceTable .head td .moreInfos a {
    background: url("../image/assurance/arrow_down.gif") no-repeat scroll right center transparent;
    padding-right: 14px;
    margin: 0;
    padding: 0px 14px 0px 0px;
    font-size: 10px;
    text-align: right;
    font-family: Arial,sans-serif;
    border-collapse: collapse;
    height: 17px;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    line-height: 17px;
    display: inline-block;
}

.assuranceTable .body{
    display:block;
}
.assuranceTable .head td{
    border:medium none;
    padding-right:0;
    padding-left:0;
}
.assuranceTable .head td .icon{
}
.assuranceTable tr.head{
    height: 45px;
    line-height: 17px;
    text-align: right;
}
.assuranceTable .head td .moreInfos{
    float: right;
    margin-right: 0;

}

.assuranceTable .assuranceCGV{
    display: none;
    padding: 22px 0;

}

.assuranceTable .assuranceCGV .cgvContainer{
    max-height: 200px;
    overflow : auto;
}

.assuranceTable .assuranceCGV .cgvContainer .cgvFirstLine{
    font-size: 14px;
    margin-left:10px;
}

.assuranceTable .assuranceCGV .cgvContainer .cgvCondition{
    margin-left: 10px;
    font-size: 11px;
    font-weight: bold;
    padding-left: 15px;
    background: url("../image/ico_fleche.gif") no-repeat scroll left center;
    text-align:left;
    margin-bottom:5px;
}

.assuranceTable .assuranceCGV .cgvContainer .cgvSeparator{
    height:5px;
}

.assuranceTable .assuranceCGV .cgvContainer .cgvLastLine{
    font-size: 12px;
    margin-left:5px;
    font-style: italic;
}

.assuranceTable .body .column2{
   background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #DBDAD9;
    border-left: 1px solid #DBDAD9;
    border-radius: 5px 0 0 5px;
    border-top: 1px solid #DBDAD9;
    display: inline-block;
    font-size: 12px;
    height: 75px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    width:70%;
}

.assuranceTable .body .column3{
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #DBDAD9;
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #DBDAD9;
    border-top: 1px solid #DBDAD9;
    display: inline-block;
    height: 70px;
    padding-top: 10px;
    width: 70px;
    text-align: center;
    position: relative;
    
}
.assuranceTable .body .column3 input{
    float: left;
    
    margin:7px 0 9px 0;
}
#choixAssuranceReponse1 {
    clear: both;
}
.assuranceTable .body .column3 label {
    float: left;
    font-size: 14px;
    height: 13px;
    margin-bottom: 15px;
    line-height: 20px;
    margin-top: 5px;
}
.assuranceTable .body .green{
    font-weight: bold;
}
.assuranceTable .grey{
    color: #666666;
}
.assuranceTable .greyBold{
    color: #999;
    font-weight: bold;
}

.assuranceTable .black{
    color: #000;
    font-size: 11px;
    margin-top: 5px;
}
.assuranceTable .blackBold{
    color: #000;
    font-weight: bold;
}

.assuranceTable .body label{
    font-weight: bold;
    text-transform: uppercase;
}
.compPanier .recapPanier span.assuranceCart{
    height: 15px;
    margin: 5px;
    width: 198px;
}

.compPanier .recapPanier span.assuranceCart .icon{
}

.assuranceAnnulation {
    background-image:url("../image/BG_PANIER_ASSURANCE.gif");
}

.assuranceAnnulation span.icon {
    background:url("../image/ICO_TREFLE_PANIER.gif") no-repeat 2px center;
    padding: 0;
    padding-left: 15px;
    white-space: nowrap;

}

.assuranceAnnulation span.label {
    color: #000000;
    float: left;
    font-weight: bold;
    margin-top: 1px;
    margin-left:3px;
    white-space: nowrap;
}

.compPanier .recapPanier span.assuranceCart .label{
    color: #345F1A;
    float: left;
    font-weight: bold;
    margin-left: 12px;
    margin-top: 0;
}

.compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier .totalPanier span.assuranceCart {
    display: block;
    font-family: arial;
    font-size: 0.8em;
}
.assuranceTable .body .column3 br {
    display: none;
}


/* tooltip erreur annulation */
.assuranceTable {
    position: relative;
    background-position: 0 35px;
}
#erreur_inputchoixAssuranceReponse {


}

div.erreur_input_tooltip {
    color: #FFFFFF;
    font: 12px Arial,sans-serif;
    text-align: left;
}
div.erreur_input_tooltip div.tooltipBottom_right {
    background: url("../image/tooltip-fleche-basse.png") no-repeat scroll 0 0 transparent !important;
    bottom: -10px;
    height: 12px;
    position: absolute;
    right: 28px !important;
    width: 20px;
}
.errorTitle {
    color: #FF8300;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 3px;
    padding-left: 53px;
    float: left;
    width: auto;
}
.errorContent {
    background: url("../image/ico-alert.png") no-repeat scroll 0 18px transparent;
    display: block;
    padding-left: 55px;
    width: auto;
    height: auto;
}

#cgvTitle {
    margin-bottom:10px;
}

#cgvHeader {
    margin:10px 0;
}


/******* Mobile *******/


.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs.listeTarifs tbody .tableFraisGestion td {
    padding-bottom: 0 !important;
    text-align: center;
}

.assuranceTable .assuranceCGV .cgvContainer .cgvFirstLine {
    font-size: 12px;
    margin-left: 0;
    text-align:left;
}

/*******Fin de mobile *****/

#pageEtape1 .buttonsContainer .validContent input{ 
    background: #333; /* W3C */
    text-align: center;
    width: 250px;
    height: 55px;
    cursor: pointer;
    margin-right: 0;
    color: #fff;
    font-size: 20px;
    border: 0;
    text-indent: inherit;
    font-weight: normal;
    border-radius: 3px;
    margin-left: 0 !important;
}

#pageEtape1 .buttonsContainer .validContent input#submitPanier{
   margin-bottom:20px;
   background: #777;
   -webkit-appearance:none;
   appearance:none;
   margin-left:0;
}

    #legendIco{
        margin-top:10px;
        
    }
    
    
    .iconeCELegendTarif {
    background: url('../image/iconeLogoCE.png') no-repeat;
    width: 21px;
    height: 21px;
    }
    
    #legendIco.legend ul li {
clear: both;
display: table-cell;
vertical-align: top;
padding-right: 7px;
font-size: 11px;
}
          #legendIco.legend {
clear: both;
display: block;
text-align: left;
padding: 20px 0;
font-size: 12px;
font-style: italic
}

.date{
    display:block;
 }
 
 .bandeauEtat {
}

    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .conditionsGenerales {

    position: inherit!important;
 
}

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales {

    position: inherit!important;
    width: 285px;
    margin: 0 auto;
    padding-left: 43px !important;

}


.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .conditionsGenerales {
    position: inherit!important;
    width: 285px;
    margin: 0 auto;
    padding-left: 42px !important;
  
}

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .paiement {
   position: inherit!important;
 
}

    .serviceClient{
        display:none;
    }
        
     
     
     
     
     .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .paiement {
            background: url("../image/digitick-reassurance.png") no-repeat scroll center bottom transparent;
            color: #fff;
            display: block;
            font-size: 28px;
            font-family: 'latobold', sans-serif;
            line-height: 59px;
            margin: 0 auto 20px;
            text-align: center;
            height: 80px;
            clear: both;
            background-size: 320px auto;
        
    }
     .Hotline{
    font-size:15px; 

    display:block;

    color:#fff;
    font-weight:normal;
    background-repeat: no-repeat;
    background-size:15px auto;
    margin:0 auto;
    width:285px;

    
 }
 #PoweredDigi {
    width: 285px;
    margin: 0 auto;
    padding-left: 41px !important;
 }
    
    .mentionsLegales a,
    .conditionsGenerales a{ 
color: #fff;
margin:10px 0;
display:block;
    }
    

    
    
    .compDialoguePanier .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage{
        width:inherit!important;
     
     }

    #compPanier1 .listeRecapPanier .bottomRecapPanier span.supRecapPanier{
        width:inherit!important;
        background:none!important;
     }

    #compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier{
        background:url("../image/CrossCart.gif") no-repeat scroll left 3px rgba(0, 0, 0, 0);
        width:65px!important;
        padding-left:10px!important;
     }
        
        #compPanier1 .cachePanier a{
            display: block;
            height: 50px!important;
            width: 50px !important;
        }

        #compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span.resumePanier{
        color: #f00089;
        font-size: 14px;
        float: left;
        padding-left: 2px;
         }
         
         .compCompte .topContentComposants .titleComposants{
             display:none;
           }
           
           
        table#boxConfirmAccount tr td.ligneSubmit input{
             text-align: center;
            display: block;
            color: #fff;
            text-transform: uppercase;
            font-size: 19px;
            background: #333;
            width: 231px;
            padding: 0 15px;
            text-transform: lowercase;
            margin: 10px auto;
        }
        table#boxConfirmAccount tr td.ligneSubmit input:hover {
            background: #000;
        }
        table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount{
            background: #777;
        }
        table#boxConfirmAccount tr td.ligneSubmit {
            text-align:center;
          }
           
           .compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
                display:block;
                padding: 0 20px !important;
            }

        .ongletContent a {
             width: 100%!important;
        }

        #pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
            display: block;
            width:inherit!important;
            overflow:hidden;;
        }
        #pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne3 {
            height: auto !important;
            border-bottom: none;
        }
        #pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr.tableHeader td {
            display: none;
          
        }
 
        #HeaderNav{
           display:none; 
         }
 
            .ButtonMobile {
    background: url("../image/button.png") no-repeat;
    display: block;
    height: 40px;
    left: 19px;
    position: absolute;
    top: 8px;
    width: 40px;
}

    #MainMenuMobile {
    background: none repeat scroll 0 0 transparent;
    color: #c0c0c0;
    display: none;
    padding: 0 10px 10px;
    clear:both;
}

    .MainNavigationLinks {
    margin-left: 20px;
}
    
    .MainNavigationLinks li {
    font-size: 14px;
    line-height: 35px;
    list-style: none outside none;
    color: #404040;
    display: block;

    font-size: 16px;
    margin-right: 5px;
    text-transform: lowercase;
}

    .compRechercheEspritMusique .headerComposants .footerComposants .contentComposants .dataContentComposants .titleComposants {

    font-size: 18px;
  
}

          .bandeauEtat {
            display: block;
            height:45px;
            margin:inherit;
            position: absolute;
            width: 45px;
            z-index:999;
            top:0;
}


#Tarif a.Reserver.etat10{
    background: #CCC;
  }
  


 
 
ul.way2blogging-social li{
    display:inline-block;
   
 }

/* etat des évènements */
.bandeauEtat {
    display: block;
    position: absolute;
    width: 110px;
    height: 110px;
    background-position: -1px -7px !important;
}
}

/* Menu mobile */

/* Menu retour site retour accueil */

#boutonMenuMobile {
    position: relative;
    width: 25px;
    height: 50px;
    color: #555;
    cursor: pointer;
}
#boutonMenuMobile:before {
    content: "\e607";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    display: block;
    height: 15px;
    width: 15px;
    position: absolute;
    top: 15px;
    left: 10px;
}
#boutonMenuMobile:hover{
    color: #000;
}

#mobile_menu{
    height: 1px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    -webkit-transition: 200ms ease-in-out;
       -moz-transition: 200ms ease-in-out;
        -ms-transition: 200ms ease-in-out;
         -o-transition: 200ms ease-in-out;
            transition: 200ms ease-in-out;
}
#mobile_menu.open{
    opacity: 1;
    background: #333;
    z-index: 1000000000;
    position: absolute;
    width: 250px;
    height: auto;
    padding: 10px;
}
#mobile_menu ul {
    margin: 0;

}
#mobile_menu ul li {
    text-align: center;
    border-bottom: 1px solid #555;
    vertical-align: middle;
}
#mobile_menu ul li:last-child {
    border-bottom: none;
}
#mobile_menu ul li a {
    font-size: 16px;
    color: #fff !important;
    margin: 0;
    display: block;
}
#mobile_menu ul li a.lienSiteHeader {
    padding: 5px 0 0 0;
}
#mobile_menu ul li a.lienAccueilHeader {
    padding: 0 0 5px 0;
}
#mobile_menu ul li a.lienAccueilHeader:before{
    display: none;
}


/* Recherche mobile */

#boutonRecherche {
    width: 50px;
    height: 50px;
    float: right;
    position: relative;
    
}
#closeRecherche:before {
    content: "\e60b";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 16px;
    right: 15px;
    color: #555 !important;
    height: 50px;
    display: block;
    z-index: 50000000000000000000;
    font-size: 30px;
   
}
#closeRecherche {
    display: none;
}
#closeRecherche.top {
    display: block;
}
#boutonRecherche:before {
    content: "\e602";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 16px;
    left: 15px;
}
.compRecherche .dataContentComposants.close {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: 200ms ease-in-out;
       -moz-transition: 200ms ease-in-out;
        -ms-transition: 200ms ease-in-out;
         -o-transition: 200ms ease-in-out;
            transition: 200ms ease-in-out;
            display: none;

}
.compRecherche .dataContentComposants.open {
    height: 100%;
    width: 100%;
    position: fixed !important;
    left: 0;
    background: rgba(0,0,0,0.9);
    opacity: 1;
    z-index: 99999999;
    top: 0;
    display: block;
}

.compObjetRegroupement .compObjetEvenement a.etat12,
.compObjetRegroupement .compObjetEvenement a.etat10{
    background:#CCC!important;
 }



/*-------------------------------------*\
*   #HEADER ADMINISTRABLE RESPONSIVE
\*-------------------------------------*/

.headerAdministrable:after {
    content: "";
    padding-bottom: 22%;
    display: block;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .headerAdministrable {
        background-size: contain !important;
        max-width: 980px;
        height: 100% !important;
        width: auto!important;
    }
}

@media screen and (max-width: 767px) {
    .headerAdministrable {
        width: auto!important;
        max-width: 767px;
        background-size: contain !important;
        height: auto !important;
    }
}


/*-------------------------------------*\
*   #FOOTER ADMINISTRABLE RESPONSIVE
\*-------------------------------------*/

.footerAdministrable .footerAdministrableLine {
    font-size: 16px;
    position: relative;
    height: 155px;
    padding-left: 70px;
    padding-top: 59px;
    line-height: 23px;
    width: auto;
}
.footerAdministrableLine .footerAdministrableColumn {
    float: none !important;
    width: auto !important;
    margin-right: auto !important;
}
.footerAdministrable .footerAdministrableLine a {
    font-size: 16px;
}

.faContactAssistance:before {
  content: "\e603";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 5px 0 0;
  color: #fff;
}

.faCgv,
.faMentionsLegales,
.faPoweredByDigitick {
    padding-left: 25px;
}
.faPoweredByDigitick:after {
    content: "\e612";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 5px;
}

.faPaiementSecurise {
    background: url("../image/digitick-reassurance.png") no-repeat scroll -5px bottom transparent;
    display: block;
    font-weight: normal;
    height: 59px;
    width: 320px;
    font-size: 28px;
    background-size: contain;
    font-family: 'latobold', sans-serif;
    right: 80px;
    position: absolute;
    top: 80px;
}

@media screen and (max-width: 767px){

    .footerAdministrable .footerAdministrableLine  {
        margin: 0 auto;
        width: inherit!important;
        text-align: left;
        padding: 32px 0;
        font-size: 15px;
        height: auto;
    }


    .faPaiementSecurise {
        background: url("../image/digitick-reassurance.png") no-repeat scroll center bottom transparent;
        color: #fff;
        display: block;
        font-size: 28px;
        font-family: 'latobold', sans-serif;
        line-height: 59px;
        margin: 0 auto 20px;
        text-align: center;
        height: 80px;
        clear: both;
        background-size: 320px auto;
        position: inherit!important;
    }
    .faContactAssistance,
    .faCgv,
    .faMentionsLegales,
    .faPoweredByDigitick {
        display: block;
        font-weight: normal;
        background-repeat: no-repeat;
        background-size: 15px auto;
        margin: 0 auto;
        width: 285px;
    }
    .faCgv,
    .faMentionsLegales,
    .faPoweredByDigitick {
        padding-left: 46px;
    }

}

/*-------------------------------------*\
*   #UNDER 320px
\*-------------------------------------*/

 @media screen and (max-width: 320px) {
    body{
        min-width: 320px;
    }
 }





/******************************************************************************/
/*                               compPaiementNouvelleCB                       */
/******************************************************************************/

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants {
    padding-left:0!important;
     margin-bottom: 25px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table {
    border-spacing: 0;
    /*margin: 15px auto;*/
}
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
    padding: 4px 20px;
    text-align: center;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableDesc {
    padding: 5px;
    text-align: left;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {
    font-weight: bold;
    text-align: left;
}
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 #apercuCVV {
    cursor: help;   
}



#apercuCVV img {
    opacity: 0;
}

#apercuCVV:before {
    content: "\f059";
    font-family: FontAwesome;
    display: inline-block;
    color: #777;
    font-size: 18px;
    padding: 0 0 0 10px;
}



.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
    text-align: left;
}
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .champ {
    width: 146px;
    text-align: left;
}
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .champCarte {
    border: 1px solid #D1D1D1;
    width:116px;
    padding:1px 0px;
}
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #champ0 {
   
    background:url(../image/css_champCB.gif) no-repeat left center #fff;
    padding:1px;
    width:166px;
    padding-left:30px;
    border:1px solid #C3C3C3;
     padding-left:25px;
}
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #champ1 {
    padding-left:25px;
    background: #fff url(../image/css_champVISA.gif) no-repeat left center;
    padding:1px;
    width:166px;
    padding-left:30px;
    border:1px solid #C3C3C3;
     padding-left:25px;
}
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #champ2 {
    padding-left:25px;
    background: #fff url(../image/css_champMC.gif) no-repeat left center;
    padding:1px;
    width:166px;
    padding-left:30px;
    border:1px solid #C3C3C3;
     padding-left:25px;
}
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #champ3 {
    padding-left:25px;
    background: #fff url(../image/css_champECB.gif) no-repeat left center;
    padding:1px;
    width:166px;
    padding-left:30px;
    border:1px solid #C3C3C3;
     padding-left:25px;
}
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #moisCB {
    width: 50px;
}
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #anneeCB {
    width: 88px;
    margin-left: 8px;
}
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 #cvvCB {
    width: 35px;
    border:1px solid #C3C3C3;
    padding: 1px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne3 {
    
}
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1-2 label a {
    color: #000000;
    font-weight: bold;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 {
    background:#F5F5F5;
    text-align:right;
    border-bottom:1px dotted grey;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 a{
    text-align:right;
    display:inline-block;
    width: 120px;
    height:55px;
    margin-right:10px;

}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit {
    margin:0;
    width:441px;
}

#tooltip {
    border: 0px;
    background: none;
}
#tooltip h3 {
    display: none !important;
}
#tooltip .body {
    padding: 0px;
}

.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .bottomContentComposants {
    background:none!important;
    height:0!important;
}

@media screen and (min-width: 769px) {

     table#nouvelleCB tr:nth-child(5) {
         display: block;
         margin-left: 265px;
         width: 655px;
     }

     table#nouvelleCB{
         border-spacing: 0;
         padding:17px 20px 0;
         margin: 20px 0;
     }

     table#nouvelleCB td {
         padding: 4px 15px 4px 0!important;
         display: inline-block;
     }

     table#nouvelleCB td.tableColonne1{
         font-weight: normal;
         text-align: left;
         width: 250px!important;
         color:#000;
     }   

}

@media screen and (min-width: 767px) and (max-width: 800px) {

     table#nouvelleCB tr:nth-child(5) {
        display: block;
        margin-left: 235px;
        width: 500px;
    }

     table#nouvelleCB{
         border-spacing: 0;
         padding:17px 20px 0;
         margin: 20px 0;
     }

     table#nouvelleCB td {
         padding: 4px 15px 4px 0!important;
         display: inline-block;
     }

     table#nouvelleCB td.tableColonne1 {
        font-weight: normal;
        text-align: left;
        width: 220px!important;
        color: #000;
    } 

    #pageEtape3 table#nouvelleCB td#rowSubmitEtape3 {
        width: 100%;
    }

}


@media screen and (min-width: 768px) {

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem {
    margin-left: 17px;
    margin-top: 17px;
    margin-right: 13px;
    }

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem .tableColonne1 > label {
    color: #000;
    font-size: 14px;
    margin-left: 7px;
    }

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem .tableColonne1 label .cgv {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
    }

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem .tableColonne1 {
    padding-bottom: 23px;
    }

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem .tableColonne1 > select {
    height: 28px;
    margin-left: 11px;
    padding-left: 4px;
    width: 204px;
    }

    #payboxSystem tr:nth-child(2) .tableColonne1 {
    padding-left: 244px;
    }

    #payboxSystem tr:nth-child(3) .tableColonne1 {
    padding-left: 346px;
    }

    #payboxSystem tr:nth-child(4) .tableColonne1 {
    color: #000;
    }
      
}
    

    
table#nouvelleCB td{
        padding: 4px 15px;
}
    

 table#nouvelleCB td.tableColonne1 label{
    font-size:17px;
    color:#000;
    margin-left: 0!important;
}
      
      
table#nouvelleCB td.tableColonne1-2{
        color:#000;
        text-align:left;
        padding-left: 0 !important;
        padding-top: 24px !important;

    }

table#nouvelleCB td.tableColonne1-2 label{  
    font-size:14px;
    margin-left:0;
}
    
table#nouvelleCB a{
    color: #000;
    text-decoration:underline!important;
    font-weight:bold;
    }

table#nouvelleCB a:hover{
    color: #666;
    font-weight: bold;
    text-decoration:none!important;

    }

table#nouvelleCB input#cgvCB {
    width: auto;
    margin-right: 6px;
}

table#paypal input#cgvPaypal {
    width: auto;
    margin-right: 6px;
}

table#nouvelleCB input.champCarte {
    height: 35px;
    padding: 0 0 0 5px;
    width: 145px;
}
table#nouvelleCB .champ {
     width:200px;
     margin-top: 5px;
}

#recapAchat{
    background:#e8e7e7;
    font-size:16px;
    padding:10px;
    margin-top:10px;
 }


@media screen and (max-width: 767px){

    table#nouvelleCB {
        border-spacing: 0;
        width: 100%;
        border-left:1px solid #fff;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
    }
    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit {
        float:inherit;
        display:block;
        margin:0 auto;
        height:55px;
        font-size:18px;
        -webkit-appearance: none;
        appearance: none;
    }

    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 a {
        margin:10px auto 20px auto;
        display:block;
        float:inherit;
        width:200px;
        text-align:center;
    }

    #pageEtape3 table td.tableColonne2 select#typeCB, #pageEtape3 table td.tableColonne2 select#titulairePays,
    table#nouvelleCB input.champCarte,
    #pageEtape3 table td.tableColonne2 select#moisCB,
    #pageEtape3 table td.tableColonne2 select#anneeCB,
    table#nouvelleCB input {
        height:45px;
        font-size:15px;
        width:100%;
        padding: 0px 0;
    }
    table#nouvelleCB .checkbox {
        width: auto ;
        vertical-align: middle;
    }
    table#nouvelleCB input.champCarte {
        width:99%;
     }
}


/*------------------------------------------------*\
                    COMPOSANT HTML 
\*------------------------------------------------*/

.compHTML {
    padding:20px;
    background: #E8E7E7;
    font-size: 18px;
}

.ligneContent3 .compHTML {
    margin: 15px 0;
}

.compHTML .dataContentComposants:before {
    content: "\e603";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 5px 0 0;
    color: #555;
    float: left;
    height: 40px;
    font-size: 30px;
    width: 40px;
}

.compHTML  a {
    font-size: 18px !important;
}

/*------------------------------------------------*\
                        CGV
\*------------------------------------------------*/

#modNoticeAssuranceAnnulationSPB {
    margin-bottom: 30px;
    padding: 5px;   
}

#cgvContent,
#cgvTitle,
#cgvHeader {
    padding: 0 20px!important;
}

#cgvContent {
    font-size: 13px;
    text-align: justify;
    line-height: 22px;
}

#cgvHeader h3 {
    font-size: 18px;
    font-weight: bold;
}

#cgvTitle {
    margin: 20px 0;
}

#cgvHeader {
    margin-bottom: 5px;;
}

#TransactionContentVip form .listeBillets:first-child tbody tr th:first-child {
    background-color: #DDE1E2;
    border: 1px solid #D6D9DA;
}

#TransactionContentVip form .listeBillets:nth-child(3) tr td span, .validContent input, .boutonSend, .boutonCancel {
    background-color: #333333;
}