/**
* CONTENTS
*
* STRUCTURE
* A - Reset ............................................................mise a zero des éléments du dom
* B - Font principale ..................................................mise en place de la typo principale
* C - Icon font ........................................................mise en place des icones svg
* D - Basic html elements ..............................................styles des éléments de base html
* E - Sticky menu ......................................................gestion du sticky menu
* F - Lignes ...........................................................gestion des lignes
* G - COMPOSANTS .......................................................composant code promo / accès au tarif
* H - 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
* Code Promo Panier.............Mise en place code promo V2
*
*
*/

/*--------------------------------------------------------------------*\
#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;
}

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;
}

.descriptionHeader.StickyNav_desc {
    margin-top: 50px;
}

#pageAccueil .ligneContent3.StickyNav_lign3 {
    margin-top: 0;
}

.ligneContent3.StickyNav_lign3 {
    margin-top: 50px;
}

/*------------------------------------*\
#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-COMPOSANTS
\*------------------------------------*/

/* Code accès au tarif */
.codePromoListe {
    padding: 20px;
    margin: 20px 0 30px 0;
    background: #fbfbfb;
    font-size: 1rem;
    display: inline-block;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 1px 5px #ccc;
}

.codePromoListe>span {
    font-weight: bold;
}

.codePromoListe #codePromo {
    padding: 10px 15px;
    margin: 0 10px;
    border-radius: 4px;
    font-size: 0.9rem;
}

.codePromoListe #submitCodePromo {
    padding: 8px 15px;
    background: #616161;
    color: #fff;
    border: none;
    border-radius: 4px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.codePromoListe #submitCodePromo:hover {
    background: #333;
    cursor: pointer;
}

.codePromoListe #submitCodePromo:before {
    font-size: 1rem !important;
    content: 'OK';
}

.codePromoListe .erreur_code_promo {
    display: block;
    margin: 20px 0 0;
    color: #ef5d21;
    padding: 10px 0 0;
    border-radius: 3px;
    position: absolute;
    top: -55px;
    left: 0
}

.codePromoListe .success_code_promo {
    display: block;
    margin: 20px 0 0;
    color: #6ab90a;
    padding: 10px 0 0;
    border-radius: 3px;
    position: absolute;
    top: -55px;
    left: 0
}

.codePromoListe .success_code_promo:before,
.codePromoListe .erreur_code_promo:before {
    font-family: "FontAwesome";
    content: '\f00c';
    margin-right: 5px;
}

.codePromoListe .erreur_code_promo:before {
    content: '\f00d';
}

@media screen and (max-width: 767px) {
    .codePromoListe {
        margin-left: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 475px) {
    .codePromoListe {
        box-shadow: none;
        background: #f5f5f5;
        margin-top: 40px;
        border-radius: 0;
        box-sizing: border-box;
        display: block;
        padding: 0 10px 20px 10px !important;
        margin: 50px 15px 30px 15px !important;
    }

    .codePromoListe>span {
        display: block;
        font-size: 0.9rem;
        margin-bottom: 10px;
        margin-left: 10px;
    }
}

@media screen and (max-width: 320px) {
    .codePromoListe {
        padding: 10px 0;
    }

    #submitCodePromo,
    #submitPromoCode {
        margin-top: 15px !important;
    }

    .codePromoListe .success_code_promo,
    .codePromoListe .erreur_code_promo {
        left: 10px;
    }
}

/*------------------------------------*\
#H-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,
.compRechercheAbonne .dataContentComposants button,
#withoutExclusive a,
#popup_panel input#popup_ok,
#submitCodePromo,
#submitPromoCode,
.compDejaClient .contentComposants .dataContentComposants .btnIdentifier,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage .btSubmit,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage .btSubmit,
.compUpSelling .actions .reset,
.compUpSelling .actions .submit,
.compNouveauParcours .buttonsContainer #submitAssurance,
.compNouveauParcours .buttonsContainer #submitAssurancePanier,
.compNouveauClient.nouveauParcours .afficheDejaClient {
    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: 0px;
}

.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,
.compRechercheAbonne .dataContentComposants button:hover,
#withoutExclusive a:hover,
#popup_panel input#popup_ok:hover,
#submitCodePromo:hover,
#submitPromoCode:hover,
.compDejaClient .contentComposants .dataContentComposants .btnIdentifier:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage .btSubmit:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage .btSubmit:hover,
.compUpSelling .actions .reset:hover,
.compUpSelling .actions .submit:hover,
.compNouveauParcours .buttonsContainer #submitAssurance:hover,
.compNouveauParcours .buttonsContainer #submitAssurancePanier:hover,
.compNouveauClient.nouveauParcours .afficheDejaClient: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,
.compUpSelling .actions .reset,
.compNouveauParcours .buttonsContainer #submitAssurancePanier,
.compNouveauClient.nouveauParcours .afficheDejaClient {
    background-color: #777;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier:before {
    font-family: "FontAwesome";
    content: "\f040";
    margin-right: 5px;
}

#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;
    }

    /*------------------------------------*\
PAIEMENT - ETAPE 3
\*------------------------------------*/
    /* 3DS */
    #compPaiement3DSecure .titleComposants {
        border-bottom: 1px solid #f1f1f1 !important;
    }

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

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

    #pageEtape3 table td.tableColonne2 select#moisCB {
        width: 56px;
        height: 34px;
        margin-top: 0;
        font-size: 11px;
        margin-right: 5px !important;
    }

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

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

    #pageEtape3 table td.tableColonne2 input#cvvCB {
        width: 50px;
        height: 28px;
        border-radius: 4px;
        padding-left: 5px;
    }

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

    #pageEtape3 #infoformulaire #securite span#titleSecurite {
        background: none !important;
        height: inherit !important;
        font-size: 14px;
        line-height: 5px;
    }

    #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 {
        color: #6d6d6d;
        display: block;
        font-size: 12px;
    }

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

    #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 {}

    #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;
    }

    /* Paiement 2 colonnes */
    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
        clear: both;
        padding: 20px;
        display: inline-block;
        width: 35%;
        vertical-align: top;
    }

    /****** Navigation ******/
    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite {
        height: 25px;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite img {
        width: 70px;
        display: inline-block !important;
        margin-left: 2px;
        vertical-align: middle;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        opacity: 0.6;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) {
        position: absolute;
        bottom: 0;
        left: 20px;
        width: 100%;
        left: 10px !important;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:before {
        content: 'Paiement s\00E9 curis\00E9  op\00E9 r\00E9  par';
        font-size: 0.8rem;
        color: #a2a2a2;
        position: relative;
        top: 1px;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite #titleSecurite:before {
        font-family: "FontAwesome";
        content: '\f023';
        margin-right: 5px;
        color: #6abf22;
        text-align: center;
        font-size: 2rem;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire {
        display: inline-block;
        width: 594px;
        background: #fff;
        min-height: 390px;
        box-sizing: border-box;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire .titleComposants {
        padding-left: 15px;
    }

    #pageEtape3 .ligneContent4 .compBody .dataContentComposants {
        padding: 0;
        background: #f7f7f7;
        position: relative;
    }

    #pageEtape3 .compBody .dataContentComposants #contenuformulaire .dataContentComposants {
        background: #fff;
        padding: 0;
    }

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

        td#validationPaiementFree a.ancreTelechargerBillet {
            background: #333;
            border: 0;
            color: #fff;
            font-size: 20px;
            height: 55px;
            line-height: 55px;
            margin: 0 auto 0;
            width: 220px;
            left: 0;
            cursor: pointer;
            display: block;
            text-align: center;
            border-radius: 3px;
        }

        td#validationPaiementFree {
            padding: 15px;
        }

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

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

        #pageEtape3 .compBody .dataContentComposants {
            padding: 0 !important;
        }

        #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
            width: 100%;
            text-align: center;
            min-height: 0;
            box-sizing: border-box;
        }

        #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire {
            display: inline-block;
            width: 100%;
            background: #fff;
            padding: 0 40px;
            box-sizing: border-box;
        }

        #recapAchat {
            padding: 15px 0 !important;
        }

        #recapAchat .montantRecapAchat {
            font-size: 2.2rem !important;
            margin-top: 0 !important;
        }

        #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite #titleSecurite:before {
            display: inline-block;
            font-size: 1rem;
        }

        #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) {
            left: 65px;
        }

        #recapAchat #infoRecapAchat {
            margin: 0 !important;
        }

    }

    /* 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: #333;
        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;
        display: block;
        text-align: center;
        border-radius: 3px;
    }

    td#validationPaiementFree a.ancreTelechargerBillet:hover {
        background: #000;
    }

    td#validationPaiementFree {
        padding: 15px;
    }

    td#validationPaiementFree {
        padding: 25px 15px;
        display: block;
        max-width: 100vw;
    }

    #paiementFree #contentPaiementFree1,
    #paiementFree #contentPaiementFree2 {
        padding-left: 15px;
    }

    #paiementFree #contentPaiementFree1 {
        padding-top: 10px;
    }


    #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;
    }

    .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;
    }

    .compRecurringPayments~.table tr .tableColonne2 {
        width: 36% !important;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom1 input {
        width: 100px;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 {
        float: right;
    }


    .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: 15px;
    }

    .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: 768px) {

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

    input,
    select {
        padding: 7px 0;
        font-size: 15px;
        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;
        width: 280px;
        margin: 0 auto;
        text-align: justify;
    }

    #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: 100% !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: 40%;
        width: 257px;
        padding: 0 10px;
    }

    .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 {
        background: none !important;
    }

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

    .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;
    }

    #pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement {
        text-align: center;
        font-size: 16px !important;
        padding: 12px;
        height: auto !important;
    }

    .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 {
        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: 100%;
    }

    .compDejaClient table tr td input#dejamail,
    .compDejaClient table tr td select#dejapays {
        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: 0 auto !important;
    }

    #pageEtape2 .validContent .btnRetourAccueil {
        font-size: 15px !important;
        background: #777 !important;
        margin-bottom: 10px !important;
    }

    .btnRetourAccueil {
        margin-bottom: 10px;

    }

    #pageEtape2 .validContent {
        text-align: center;
        margin-bottom: 20px;
    }

    .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 {
        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: 9px 20px;
        color: #000140;
        font-weight: bold !important;
        font-size: 16px;
        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: 16px;
        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: 13px;
        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;
    }

    #pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
        overflow: hidden;
        margin-top: 0;
        border-top: 0;
    }

    #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;
    }

    #pageCompte .compCompteTransaction .compRecurringPayments~.table tr td.tableColonne2 {
        display: inline-block;
        text-align: center;
        border-right: 1px solid #dedede;
        width: 48% !important;
    }

    #pageCompte .compCompteTransaction .compRecurringPayments~.table tr td.tableColonne3Bis {
        display: none;
    }

    #pageCompte .compCompteTransaction .compRecurringPayments~.table tr td.tableColonne4 {
        display: inline-block;
        text-align: center;
        width: 48% !important;
    }


}

/* Menu mobile */

/* Menu retour site retour accueil */

#boutonMenuMobile {
    position: relative;
    width: 35px;
    height: 50px;
    color: #555;
    cursor: pointer;
}

#boutonMenuMobile:before {
    content: "\f0c9";
    font-family: 'FontAwesome';
    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;
    position: absolute;
    top: 16px;
    font-size: 1.3rem;
}

#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;
    left: -20px;
}

#mobile_menu ul {
    margin: 0;

}

#mobile_menu ul li {
    text-align: center;
    border-bottom: 1px solid #555;
    padding-bottom: 10px !important;
    vertical-align: middle;
}

#mobile_menu ul li:last-child {
    border-bottom: none;
}

#mobile_menu ul li a {
    font-size: 14px;
    color: #fff !important;
    margin: 0;
}

#mobile_menu ul li a.lienSiteHeader {
    padding: 0;
}

#mobile_menu ul li a.lienAccueilHeader {
    padding: 0 0 10px 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: 59px 70px 0;
    padding-left: 70px;
    padding-top: 59px;
    line-height: 23px;
    width: auto;
    display: flex;
}

.footerAdministrableLine .footerAdministrableColumn {
    float: none !important;
    width: auto !important;
    margin-right: 0 !important;
    flex: 1;
}

.footerAdministrableLine .footerAdministrableColumn:nth-child(2) {
    margin: 0 10px !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 {
    display: flex;
    align-items: center;
}

.faPoweredByDigitick:after {
    content: url("../image/logo_seetickets.png");
    position: relative;
    padding-top: 4px;
    padding-left: 10px;
}

.faPaiementSecurise {
    display: block;
    font-weight: normal;
    height: 59px;
    width: 240px;
    font-size: 18px;
    text-align: center;
}

.faPaiementSecuriseImage {
    background: url("../image/digitick-reassurance.png") no-repeat scroll -5px bottom transparent;
    background-size: contain;
}

.faPaiementSecuriseImagePayline {
    background: url("../image/digitick-reassurance-payline.png") no-repeat scroll -5px bottom transparent;
    background-size: contain;
}

@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;
        flex-direction: column;
    }

    .faPaiementSecurise {
        color: #fff;
        display: block;
        font-size: 18px;
        line-height: 59px;
        margin: 0 auto 20px;
        text-align: center;
        height: 80px;
        clear: both;
        position: inherit !important;
    }

    .faPaiementSecuriseImage {
        background: url("../image/digitick-reassurance.png") no-repeat scroll center bottom transparent;
        background-size: 100% auto;
        width: 240px;
        font-size: 18px;
        text-align: center;
    }

    .faPaiementSecuriseImagePayline {
        background: url("../image/digitick-reassurance-payline.png") no-repeat scroll center bottom transparent;
        background-size: 240px auto;
    }

    .faContactAssistance,
    .faCgv,
    .faMentionsLegales,
    .faPoweredByDigitick,
    .faNumeroServiceClient,
    .faImage,
    .faTexteEditable,
    .faHorairesServiceClient {
        display: block;
        font-weight: normal;
        background-repeat: no-repeat;
        background-size: 15px auto;
        margin: 0 auto;
        width: 285px;
    }

    .faCgv,
    .faMentionsLegales,
    .faPoweredByDigitick {
        /*padding-left: 46px;*/
    }

    td#validationPaiementFree a.ancreTelechargerBillet {
        background: #333;
        border-radius: 3px;
        color: #fff;
        font-size: 18px;
        height: 55px;
        line-height: 55px;
        margin: 20px auto 20px;
        width: 220px;
        text-transform: uppercase;
        cursor: pointer;
        display: block;
        text-align: center;
        -webkit-transition: .3s background;
        -o-transition: .3s background;
        transition: .3s background;
    }

    td#validationPaiementFree a.ancreTelechargerBillet:hover {
        background: #000;
    }


}

/*-------------------------------------*\
*   #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 {
        border-spacing: 0;
        padding: 17px 20px 0;
        margin: 20px 0;
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
    }

    table#nouvelleCB tbody {
        display: inline-block;
        width: 100%;
    }

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

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

}

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

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

    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;
    width: 100%;
}

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: 32px;
    padding: 0 0 0 5px;
    width: 145px;
    border-radius: 4px;
}

}

table#nouvelleCB .champ {
    width: 200px;
    margin-top: 5px;
}

#recapAchat {
    font-size: 16px;
    padding: 20% 0;
    margin-top: 10px;
    display: table;
    width: 100%;
    text-align: center;
    color: #7b7b7b;
}

#recapAchat .recapAchatContent {
    display: table-cell;
    vertical-align: middle;
}

#recapAchat #libelleRecapAchat {
    font-size: 1.4rem;
    display: block;
}

#recapAchat .montantRecapAchat {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 3rem;
    margin-top: 20px;
    font-family: "Latolight";
}

#recapAchat #infoRecapAchat {
    margin: 10px 0;
    display: block;
}

#recapAchat #infoRecapAchat .nombreRecapAchat {
    font-size: 1.2rem;
}

@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: 39px;
        font-size: 15px;
        width: 100%;
        padding: 0px 0;
        border-radius: 4px;
    }

    table#nouvelleCB .checkbox {
        width: auto;
        vertical-align: middle;
    }

    table#nouvelleCB input.champCarte {
        width: 99%;
    }

    #boutonMenuMobile {
        margin-left: 15px;
    }

    #mobile_menu.open {
        left: 0;
    }
}

/*------------------------------------------------*\
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;
}

/*---------------------------------------*\
*   #Optimisation mobile PAGE COMPTE
\*---------------------------------------*/

@media screen and (max-width: 767px) {
    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants caption .vignette {

        background: transparent;
        float: left;
        height: 55px;
        width: 55px;
        margin-right: 0;
    }

    #pageCompte .rechercheCompteDigitick span {
        color: #424242;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px !important;
        font-weight: bold;
        margin-top: 15px;
    }

    #pageCompte .zoneTri {
        width: 100%;
    }

    #pageCompte .zoneRecherche {
        display: block;
    }

    #pageCompte .zoneRecherche select,
    #pageCompte .zoneTri select {
        min-width: 0;
        /* supposedly only this line is required - seems ineffective however (see below) */
        width: 100% !important;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
        margin: 5px;
        padding: 5px;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .modifier input.prenom {
        margin-bottom: 10px;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {

        height: auto;
        font-family: 'latobold', sans-serif;
        font-size: 15px;
        background: transparent;
        padding: 20px 10px;
        text-align: center;
        border-top: 1px solid #999;
        margin-top: 15px;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 br {
        display: none;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne4 {
        border-bottom: none;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table .tableHeader {
        display: none;
    }
}

@media screen and (max-width: 380px) {
    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
        text-align: center;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom1 {
        float: none;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom1 input {
        text-align: center;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 {
        float: none;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 .modifier {
        margin: 0 !important;
    }
}

/*-------------------------------------*\
TABLE RESULTAT RECHERCHE
\*-------------------------------------*/
table.display {
    border: none;
}

table.display thead {
    background-image: none;
    background-color: transparent;
    border-bottom: 1px solid #000;
}

table.display thead th {
    color: #000;
    text-align: left;
}

table.display tr td .resultImage {
    display: inline-block;
}

table.display tr td .resultInfo {
    display: inline-block;
    margin-left: 15px;
}

.informal {
    padding: 4px 0 !important;
}

table.display tbody tr td:nth-child(2) {
    padding: 5px 5px 5px 13px;
}

.dataTables_wrapper {
    margin-bottom: 50px;
}

tbody tr.odd:hover,
tbody tr.odd td.highlighted,
tbody tr.even:hover,
tbody tr.even td.highlighted {
    background: #ccc;
}

table.display tbody tr td:nth-child(3) a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 365px) {
    table.display tr td .resultInfo {
        margin-left: 0;
        display: block;
    }
}

@media screen and (max-width: 768px) {
    #compPaiement3DSecure {
        text-align: center;
        margin: 10px 0
    }

    #nouvelleCB {
        box-sizing: border-box;
        display: block;
    }

    #nouvelleCB tbody {
        display: block;
        width: 320px;
        box-sizing: border-box;
        margin: 0 auto;
    }

    #nouvelleCB tbody tr {
        width: 100%;
        display: block;
    }

    #nouvelleCB .titleComposants {
        border-bottom: #e6e6e6;
    }

    table#nouvelleCB td.tableColonne1 {
        width: 100% !important;
        margin: 0 auto;
    }

    table#nouvelleCB input.champCarte {
        width: 280px;
    }

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

    #pageEtape3 table td.tableColonne2 select#moisCB,
    #pageEtape3 table td.tableColonne2 select#anneeCB {
        width: 140px !important;
    }

    table#nouvelleCB tr:nth-child(4) .tableColonne2 {
        width: 100%;
        text-align: left;
        margin: 0 auto;
    }

    table#nouvelleCB tr:nth-child(5) {
        margin-left: 0;
    }

}

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

    #compPaiement3DSecure .titleComposants {
        border-bottom: 1px solid #e8e8e8 !important;
        margin-bottom: 10px;
    }

    table#nouvelleCB td.tableColonne1 {
        text-align: left;
    }

    table#nouvelleCB tr:nth-child(5) {
        margin-left: 0;
        margin: 0 auto;
    }

    .dataTables_length {
        width: 50%
    }

    /* Paiement 2 colonnes */
    #pageEtape3 .compBody .dataContentComposants {
        padding: 0 !important;
        position: relative;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
        width: 100%;
        text-align: center;
        min-height: 190px;
        box-sizing: border-box;
        position: absolute;
        bottom: 15px;
        padding: 10px 0;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire {
        display: inline-block;
        width: 100%;
        background: #fff;
        padding: 0;
        box-sizing: border-box;
        padding-bottom: 120px;
        margin-bottom: 20px;
    }

    #recapAchat {
        height: 140px !important;
    }

    #recapAchat .montantRecapAchat {
        font-size: 1.8rem !important;
        margin-top: 0 !important;
        box-sizing: border-box;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) {
        left: 65px;
    }

    #recapAchat #infoRecapAchat {
        margin: 0 !important;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
        padding: 10px 0;
        background: #f9f9f9;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite img {
        width: 70px;
        display: inline-block !important;
        margin-left: 2px;
        vertical-align: middle;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        opacity: 0.6;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) {
        position: absolute;
        bottom: 0;
        left: 23%;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:before {
        content: 'Paiement s\00E9 curis\00E9  op\00E9 r\00E9  par';
        font-size: 0.8rem;
        color: #a2a2a2;
        position: relative;
        top: 1px;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite #titleSecurite:before {
        font-family: "FontAwesome";
        content: '\f023';
        margin-right: 5px;
        color: #6abf22;
        display: inline-block;
        text-align: center;
        font-size: 1rem;
    }

    .PaylineWidget.pl-container-default .pl-pay-btn {
        max-width: 100%;
        width: 100%;
    }

}

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

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span:nth-child(2) {
        left: 19%;
    }

    #nouvelleCB tbody {
        width: 290px !important;
    }

    #recapAchat {
        height: auto !important;
    }

    #recapAchat #libelleRecapAchat {
        display: none;
    }

    #recapAchat #infoRecapAchat .nombreRecapAchat {
        font-size: 1rem;
        display: inline-block;
        padding: 5px 0;
    }

    #recapAchat .montantRecapAchat {
        font-size: 1rem !important;
        display: inline-block;
        width: auto;
        padding: 0 5px;
        font-weight: bold;
        font-family: 'Lato', sans-serif;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
        min-height: 0 !important;
    }

    #recapAchat #infoRecapAchat {
        margin: 0 0 30px 0 !important;
    }




}

/*-------------------------------------*\
REDUCTION LISTE
\*-------------------------------------*/

.codePromoListe {
    background: #F3F3F3;
    margin: 30px 15px;
}

.codePromoListe span:nth-child(1) {
    display: block;
}

.codePromoListe input {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #Fff;
    padding: 10px;
    font-size: 14px;
    vertical-align: middle;
}

#submitCodePromo {
    width: auto;
    height: 37px;
    padding: 0px 10px;
    margin: 2px 10px;
    vertical-align: middle;
    display: inline-block;
}


/*-----------------------------------------*\
REDUCTION LISTE PLAN
\*-----------------------------------------*/


#promoCodeForm {
    width: auto !important;
    text-align: left;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 5px;
    float: none !important;
    clear: both;
    background: #F3F3F3;
    margin: 20px !important;
}

#promoCodeForm input {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #Fff;
    padding: 10px;
    font-size: 14px;
    vertical-align: middle;
}

#submitPromoCode {
    width: auto;
    height: auto;
    padding: 7px 10px;
    margin: 2px 10px;
    vertical-align: middle;
    display: inline-block;
}

.codePromoListe span:nth-child(1),
#promoCodeForm .title {
    font-size: 15px;
    color: #4C4C4C;
    padding: 10px 20px;
    display: inline-block;
    vertical-align: middle;
}

/*-----------------------------------------*\
REDUCTION LISTE PACK
\*-----------------------------------------*/

.submitCodePromo {
    text-indent: 0;
    margin-left: 10px !important;
}

.codePromoListe .check-msg {
    padding: 10px 20px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 5px;
    font-weight: bold;
}

.codePromoListe .check-success {
    color: #2ecc71;
}

.codePromoListe .check-error {
    color: #ff0000;
}

#moyenPaiement {
    display: none;
}

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

    .codePromoListe,
    #promoCodeForm {
        text-align: center !important;
    }

    .codePromoListe span:nth-child(1),
    #promoCodeForm .title {
        display: block;
        border: none;
        padding-top: 15px;
    }

    .codePromoListe input,
    #promoCodeForm input {
        margin-top: 0;
    }

    #submitCodePromo,
    #submitPromoCode {
        vertical-align: top;
        margin-top: 0;
    }

    .erreur_code_promo,
    .success_code_promo {
        display: block;
        margin-bottom: 20px;
    }

    .erreur_code_promo {
        color: #ff0000;
    }

    .success_code_promo {
        color: #97dd6b;
    }
}

/*-------------------------------------*\
PAIMENT 3X SANS FRAIS
\*-------------------------------------*/
.recurringPaymentInfo {
    overflow: hidden;
    padding: 20px;
}

.recurringPaymentInfo h3 {
    font-size: 1.4rem;
    padding: 5px 0;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px;
}

.recurringPaymentInfo p {
    font-size: 0.9rem;
}

.recurringPaymentInfo .recurringPaymentDetails {
    padding: 10px 0;
}

.recurringPaymentInfo .recurringPaymentDetails li {
    display: inline-block;
    width: 33%;
    padding: 40px 10px 10px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    margin: 20px 1px 0;
    border-bottom: 3px solid #9ed45d;
    color: #7f7f7f;
}

.recurringPaymentInfo .recurringPaymentDetails li span {
    display: block;
    margin: 10px 0;
    font-size: 1.1rem;
    font-weight: bold;
    color: #696969;
}

.recurringPaymentInfo .recurringPaymentDetails li.recurringPaymentRemaining {
    border-color: #ffc03b;
}

.recurringPaymentInfo .recurringPaymentDetails li.recurringPaymentRefused {
    border-color: #fb1d56;
}

.recurringPaymentInfo .recurringPaymentDetails li.recurringPaymentStatus:before {
    content: '1';
    position: absolute;
    font-size: 1rem;
    font-family: 'Lato', sans-serif;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    left: 45%;
    height: 30px;
    width: 30px;
    background: #9ed45d;
    color: #fff;
    border-radius: 50px;
    line-height: 28px;
}

.recurringPaymentInfo .recurringPaymentDetails li.recurringPaymentRemaining:before {
    background: #ffc03b;
}

.recurringPaymentInfo .recurringPaymentDetails li.recurringPaymentRefused:before {
    background: #fb1d56;
}

.recurringPaymentInfo .recurringPaymentDetails li+li.recurringPaymentStatus:before {
    content: '2';
}

.recurringPaymentInfo .recurringPaymentDetails li+li+li.recurringPaymentStatus:before {
    content: '3';
}

.recurringPaymentInfo .recurringPaymentDetails li+li+li+li.recurringPaymentStatus:before {
    content: '4';
}

.recurringPaymentInfo .recurringPaymentDetails li+li+li+li+li.recurringPaymentStatus:before {
    content: '5';
}

.recurringPaymentErrorMessage {
    width: 100%;
    box-sizing: border-box;
}

.recurringPaymentErrorMessage p {
    width: 100%;
    padding: 10px 210px 10px 20px;
    font-size: 15px;
    box-sizing: border-box;
    background: #fddede;
    color: #800d0d;
    margin: 10px 0;
    border-radius: 4px;
    line-height: 17px;
    position: relative;
}

.recurringPaymentErrorMessage p a {
    color: #ffffff !important;
    font-size: 14px !important;
    background: #e80e46 !important;
    padding: 10px 15px;
    border-radius: 4px;
    position: absolute;
    right: 8px;
    top: 8px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.recurringPaymentErrorMessage p a:hover {
    background: #e4033d !important;
}

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

    .recurringPaymentInfo .recurringPaymentDetails li {
        width: 32%;
    }

    a.johnnyLaClasse {
        display: inline-block;
        width: 260px;
        margin: 7px 0 !important;
    }

}

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

    .recurringPaymentInfo .recurringPaymentDetails li {
        width: 70%;
        margin: 50px auto;
        display: block;
    }

    .ongletContent a {
        width: 100% !important;
        float: none !important;
        margin: 6px 0 !important;
    }

    .recurringPaymentErrorMessage p a {
        position: relative;
        display: inline-block;
    }

    .recurringPaymentErrorMessage p {
        padding: 20px;
        text-align: center;
    }

}

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

    .recurringPaymentInfo .recurringPaymentDetails li.recurringPaymentStatus:before {
        left: 44%;
    }

    .recurringPaymentInfo h3 {
        font-size: 1.2rem;
    }

    .recurringPaymentInfo .recurringPaymentDetails li {
        width: 100%;
        margin: 50px auto;
        display: block;
    }
}

/*------------------------------------*\
#COOKIES
\*------------------------------------*/
.notification.info_bg {
    padding: 5px 10px;
    width: calc(100% - 20px);
}

.notification.info_bg p {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}

.bloc-notifications .btn-close {
    top: -10px;
    height: 25px;
    width: 21px;
}