/**
* 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://use.typekit.net/dam1ghn.css);

/*
/* correspondance

Pixels (px)	em
6px	0.5em
8px	0.6667em
10px	0.8333em
12px	1em
14px	1.1667em
16px	1.3333em
18px	1.5em
20px	1.6667em
22px	1.8333em
24px	2em
26px	2.1667em
28px	2.3333em
30px	2.5em
32px	2.6667em
34px	2.8333em
36px	3em
*/

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

html {
    font-size: 12px;
}

body {
    font-family: var(--typography-primary-font-family), sans-serif;
    font-weight: 400;
    color: var(--text-Quaternary-color);
    background-attachment: fixed;
}

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

select {
    width: 55px;
    color: var(--text-primary-color);
    border: 1px solid var(--line-Secondary-color);
    background: var(--Tertiary-color);
    padding-left: 5px;
}

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

a {
    color: var(--text-Quaternary-color);
    text-decoration: none;
}

a.date {
    display: block;
}

.champsRequis {
    padding: 5px 10px;
    font-size: 0.8333rem;
    color: var(--text-primary-color);
}

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

.champ {
    color: var(--text-primary-color);
    width: 154px;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
}

li {
    list-style: none;
}

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

/*------------------------------------*\
#E-STICKY MENU
\*------------------------------------*/
.ligneContent2 {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: var(--gray-Primary-color);
}

.descriptionHeader.StickyNav_desc {}

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

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

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

.ligneContent2,
.ligneContent2 a {
    font-size: 1.3333rem;
    color: var(--text-Quaternary-color);
}

.ligneContent2 a:hover {
    color: var(--text-primary-color);
}

.ligneContent2+.descriptionHeader {
    display: none;
    font-size: 1.6667rem;
    border-bottom: 1px solid var(--gray-Primary-color);
    padding: 8px 20px;
    font-family: var(--typography-primary-font-family), sans-serif;
    font-weight: 700;
    background: var(--Tertiary-color);
}

#pageAccueil .ligneContent2+.descriptionHeader {
    display: block;
}

.ligneContent3 {
    margin-top: 100px;
}

.ligneContent4 {
    clear: both;
    overflow: hidden;
}

.descriptionHeader {
    margin: 40px auto 20px;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 40px;
    color: var(--text-Quaternary-color);
    font-weight: 700;
    letter-spacing: 1px;
}

.cadre-colonne-content {
    width: 940px;
    margin: 20px auto;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
}

/*------------------------------------*\
#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: 10px;
    position: relative;
    box-shadow: 0 1px 5px #ccc;
}

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

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

.codePromoListe #submitCodePromo {
    color: #ffffff;
    border: none;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}

.codePromoListe #submitCodePromo:hover {
    background: var(--gray-Primary-color);
    cursor: pointer;
}

.codePromoListe #submitCodePromo:before {
    content: '';
}

.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: 20px !important;
        width: auto;
    }

    .descriptionHeader {
        padding: 20px 0 20px;
        font-size: 2rem;
        margin: 0;
    }
}

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

    .codePromoListe {
        box-shadow: none;
        background: #f5f5f5;
        margin-top: 40px;
        border-radius: 10px;
        box-sizing: border-box;
        display: block;
        padding: 0 10px 20px 10px !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;
    }
}

/*------------------------------------------------*\
AUCUN EVENEMENT
\*------------------------------------------------
.evenementAucun {
    width: 300px;
    text-align: center;
    font-size: 1.1667rem;
    margin: 0 auto;
    padding: 17px;
    color: #ffffff;
    background: var(--Primary-color);
    border-radius: 15px;
    border-radius: 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,
#pageCompte .validContent input.valid,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte,
.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,
.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 {
    font-family: var(--typography-primary-font-family), sans-serif;
    background: var(--Primary-color);
    text-align: center;
    width: 180px;
    height: 42px;
    line-height: 0px;
    cursor: pointer;
    color: var(--text-secondary-color);
    font-size: 1.6667rem;
    text-indent: inherit;
    border-radius: 10px;
    -webkit-appearance: none;
    margin-left: 25px;
    border: solid 3px var(--Primary-color);
}

.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,
#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,
.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: transparent;
    color: var(--Primary-color);
    border: solid 3px var(--Primary-color);
}

#pageEtape1 #submitPanier {
    background: var(--gray-Tertiary-color);
    border: solid 3px var(--gray-Tertiary-color);
}

#pageEtape2 .validContent input.btnRetourAccueil:hover,
#pageEtape1 #submitPanier:hover {
    background: var(--transparent);
    color: var(--gray-Tertiary-color);
    border: solid 3px var(--gray-Tertiary-color);
}

#pageEtape1 .backToMap {
    text-align: right;
    padding: 20px;
}

#pageEtape1 .backToMap a {
    font-weight: bold;
    font-size: 1.3333rem;
    --c:linear-gradient(#000 0 0); /* update the color here */
    padding-bottom: .15em;
    background: var(--c), var(--c);
    background-size: .3em .1em;
    background-position:50% 100%;
    background-repeat: no-repeat;
    transition: .3s linear, background-size .3s .2s linear;
}

#pageEtape1 .backToMap a:hover {
    background-size: 40% .1em;
    background-position: 10% 100%, 90% 100%;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier,
.compUpSelling .actions .reset,
.compNouveauParcours .buttonsContainer #submitAssurancePanier,
.compNouveauClient.nouveauParcours .afficheDejaClient {
    line-height: 0px;
}

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

    .footerAdministrable {
        border-radius: 10px;
    }
}

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

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

    }

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

    #cadreContent {
        width: 100%;
        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 .colonneContent1 {
        height: 50px;
        padding: 10px 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 {
        cursor: pointer;
        display: block;
        font-size: 1.1667rem;
        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;
        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: 0.8333rem;
        margin-right: 5px !important;
    }

    #pageEtape3 table td.tableColonne2 select#anneeCB {
        width: 70px;
        font-size: 0.8333rem;
        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: var(--text-primary-color);
        font-size: 1rem;
    }

    #pageEtape3 #infoformulaire #securite span#titleSecurite {
        background: none !important;
        height: inherit !important;
        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: 1em;
    }

    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit {
        background: #333;
        border: 0;
        color: #ffffff;
        font-size: 1.6667rem;
        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: 1.1667rem;
        color: var(--text-primary-color);
    }

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

    table#nouvelleCB td#rowSubmitEtape3 a {
        display: block;
        background: var(--gray-Tertiary-color);
        width: 196px;
        height: 55px;
        float: left;
        line-height: 55px;
        text-align: center;
        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: 0.8333rem;
        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: 1.5rem;
        height: 47px;
        line-height: 49px;
        text-align: center;
    }

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

    #pageEtape2 .validContent input.btnRetourAccueil {
        width: 290px;
        background: var(--gray-Tertiary-color);
        border: solid 3px var(--gray-Tertiary-color);
    }

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

    /****** 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: 12px;
        left: 20px;
        width: 100%;
    }

    #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: 1.2rem;
    }

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

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

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

    #pageEtape3 .compBody .dataContentComposants #contenuformulaire .dataContentComposants {
        background: var(--Tertiary-color);
        padding: 0;
    }

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

        td#validationPaiementFree a.ancreTelechargerBillet {
            background: #333;
            border: 0;
            color: #ffffff;
            font-size: 1.6667rem;
            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: var(--text-primary-color);
            border-bottom: 3px solid #e3e3e3;
            font-size: 1.5rem;
            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: var(--Tertiary-color);
            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: 1em;
        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: 1em;
    }

    .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 {
        line-height: 36px;
        margin: 0 auto 0;
        display: block;
        background: var(--Primary-color);
        text-align: center;
        width: 180px;
        height: 36px;
        cursor: pointer;
        color: #ffffff;
        font-size: 1.6667rem;
        text-indent: inherit;
        border-radius: 10px;
        -webkit-appearance: none;
        appearance: none;
        border: solid 3px var(--Primary-color);
    }

    td#validationPaiementFree a.ancreTelechargerBillet:hover {
        background: var(--Tertiary-color);
        color: var(--Primary-color);
        border: solid 3px var(--Primary-color);
    }

    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;
        color: var(--text-primary-color);
        text-transform: lowercase;
        border-bottom: 3px solid #e3e3e3;
        font-size: 1.5rem;
        text-align: left;
        padding-bottom: 3px;
    }

    #listeSalle a {
        padding: 0 5px;
    }

    #listeSalle a {
        padding: 5px 7px 0px 0;
        display: inline-block;
    }

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

    #sceneRegion .infoBulle a {
        display: block;
        clear: both;
        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: 25px;
    }

    table.oubliMDP tbody .tableColonne2 select {
        width: 250px;
        margin-left: 0 !important;
        height: 25px;
    }
}

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

    .cadre-colonne-content {
        width: 700px;
    }

    #metaDateNaissancePorteur_year {
        width: 77px;
    }

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

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

    .compDejaClient .dataContentComposants .tableColonne2 #dejapays {}

    .compNouveauClient .dataContentComposants .tableColonne2 #nouveaupays {}

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

    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: 1rem;
        height: 35px !important;
    }

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

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem .tableColonne1>select {
        font-size: 1rem !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;
    }

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

    .ligneAccueilContent2 {
        display: table !important;
        width: 648px !important;
        margin: 10px auto;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent2 {
        float: inherit;
    }

    .ligneContent3 {
        clear: both;
        overflow: hidden;
        margin-top: 0px;
    }

    .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: 620px !important;
    }

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd {
        width: 490px !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: 40% !important;
    }

    #pageEtape3 table#nouvelleCB tr td#rowSubmitEtape3 input.btSubmit {
        float: inherit !important;
        display: block !important;
        margin: 0 auto !important;
        height: 55px !important;
        font-size: 1.5rem !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: 1.1667rem !important;
        margin: 0 auto;
    }

    .ongletContent a span.ongletLibelle {
        font-size: 1.0833rem !important;
    }

    .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .info {
        font-size: 0.8333rem;
        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 {}

    .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: 1.5rem;
    }

    .assuranceTable .body .column3 input {
        margin-top: 2px;
    }

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

    .footerAdministrable {
        width: 740px !important;
    }

    .footerAdministrable .footerAdministrableLine {
        font-size: 1.3333rem;
        position: relative;
        height: 155px;
        padding: 59px 30px 0 !important;
        line-height: 23px;
    }

    .footerAdministrableLine {
        width: 95% !important;
    }
}

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

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

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

    input,
    select {
        padding: 7px 0;
        font-size: 1.3333rem;
    }

    .ligneContent3 {
        margin-top: 0px;
    }

    .cadre-colonne-content {
        width: 100%;
        border-radius: 0px;
        padding: 0px;
        background-color: #fff0;
        margin: 0 auto;
    }

    .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: var(--text-primary-color);
        display: block;
        font-size: 1.1667rem;
        padding-bottom: 7px;
        padding-top: 12px;
    }

    .compNouveauClient .dataContentComposants .tableColonne2 #nouveaupays {
        height: 39px;
    }

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

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

    .compNouveauClient .dataContentComposants tr td[colspan="3"] {}

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

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

    .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: var(--text-primary-color);
        display: inline-block;
        font-size: 1.1667rem;
        margin-left: 0;
        padding-top: 11px !important;
        margin-bottom: 7px;
    }

    table.oubliMDP tr td.tableColonne2 select {
        font-size: 0.8333rem;
        width: 100%;
        height: 38px;
    }

    /* Paiement CB-PAYBOX */
    #payboxSystem .tableColonne1>label {
        color: var(--text-primary-color);
        font-size: 1.1667rem;
        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: 0.8333rem;
        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: var(--text-primary-color);
        font-weight: 600;
        text-decoration: underline;
    }

    #nouvelleCB tr:nth-child(6) .tableColonne1-2 {
        font-weight: 700;
        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: 1em;
        color: #ffffff;
    }

    #compPanier1 .cachePanier a span {
        display: none;
    }

    #infoformulaire {
        width: 100%;
        text-align: center;
        min-height: 190px;
        box-sizing: border-box;
        position: relative;
        bottom: 15px;
        padding: 10px 0;
        margin-top: 10px;
    }

    #contenuformulaire .dataContentComposants {
        padding: 10px 20px;
    }

    table#nouvelleCB td.tableColonne1 label {
        margin: 0;
        text-align: left;
        font-size: 1.1667rem !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: #ffffff;
        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: 1.6667rem !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;
        width: 300px;
        margin: 15px auto;
    }

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

    .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: 0.8333rem;
        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: var(--gray-Primary-color);
    }

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

    .Salle {
        display: block;
    }

    .leftCol a {
        display: block;
    }

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

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

    .assuranceTable {
        width: 100%;
    }

    #pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer {
        text-align: center !important;
        margin: 0 auto !important;
        width: 300px;
    }

    #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: 1.3333rem !important;
        padding: 12px;
        height: auto !important;
    }

    .ongletContent a span.ongletLibelle {
        font-size: 1.0833rem !important;
    }

    .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .info {
        font-size: 0.8333rem;
        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: 1.1667rem;
        display: inline-block;
    }

    #accesSalle {
        background: none repeat scroll 0 0 var(--gray-Primary-color);
        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: var(--text-primary-color);
        font-size: 1rem;
    }

    .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: var(--text-primary-color);
        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 {}

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt {
        position: absolute;
    }

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

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd {
        width: 100%;
    }

    .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: 1.1667rem !important;
        background: var(--gray-Tertiary-color) !important;
        margin-bottom: 10px !important;
        width: 200px !important;
        border: solid 3px var(--gray-Tertiary-color) !important;
    }

    #pageEtape2 .validContent .btnRetourAccueil:hover {
        background-color: #fff !important;
        border: solid 3px var(--Primary-color) !important;
    }

    .btnRetourAccueil {
        margin-bottom: 10px;
    }

    #pageEtape2 .validContent {
        text-align: center;
        margin: 0 auto;
        width: 300px;
        padding-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: #ffffff;
        font-size: 1.1667rem;
        border: 0;
        text-indent: inherit;
        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: 700;
        font-size: 1.1667rem;
        text-transform: uppercase;
    }

    .errorChoixAssurance .errorLibelle {
        float: right;
        width: 430px;
        padding: 5px 20px 0 0;
        color: #ffffff;
    }

    .assuranceTable {
        border: 0 none;
        border-collapse: collapse;
        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: 1.3333rem;
        line-height: 17px;
        text-align: right;
        border-collapse: collapse;
    }

    .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: 0.8333rem;
        text-align: right;
        border-collapse: collapse;
        height: 17px;
        color: var(--text-primary-color);
        font-weight: 700;
        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: 1.1667rem;
        margin-left: 10px;
    }

    .assuranceTable .assuranceCGV .cgvContainer .cgvCondition {
        margin-left: 10px;
        font-size: 0.8333rem;
        font-weight: 700;
        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: 1em;
        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: 1.3333rem;
        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: 1.1667rem;
        height: 13px;
        margin-bottom: 15px;
        line-height: 20px;
        margin-top: 5px;
    }

    .assuranceTable .body .green {
        font-weight: 700;
    }

    .assuranceTable .grey {
        color: var(--text-Quaternary-color);
    }

    .assuranceTable .greyBold {
        color: #999;
        font-weight: 700;
    }

    .assuranceTable .black {
        color: var(--text-primary-color);
        font-size: 1rem;
        margin-top: 5px;
    }

    .assuranceTable .blackBold {
        color: var(--text-primary-color);
        font-weight: 700;
    }

    .assuranceTable .body label {
        font-weight: 700;
        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: var(--text-Tertiary-color);
        float: left;
        font-weight: 700;
        margin-top: 1px;
        margin-left: 3px;
        white-space: nowrap;
    }

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

    .compPanier .headerComposants .footerComposants .contentComposants .dataContentComposants .totalValiderPanier .totalPanier span.assuranceCart {
        display: block;
        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-size: 1rem;
        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: 1.1667rem;
        font-weight: 700;
        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: 1rem;
        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: #ffffff;
        font-size: 1.6667rem;
        border: 0;
        text-indent: inherit;
        border-radius: 3px;
        margin-left: 0 !important;
    }

    #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: 0.8333rem;
    }

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

    .date {
        display: block;
    }

    .bandeauEtat {}

    .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: 1.1667rem;
        float: left;
        padding-left: 2px;
    }

    .compCompte .topContentComposants .titleComposants {
        display: none;
    }

    table#boxConfirmAccount tr td.ligneSubmit input {
        text-align: center;
        display: block;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 1.5rem;
        width: 231px;
        padding: 0 15px;
        text-transform: lowercase;
        margin: 10px auto;
    }

    table#boxConfirmAccount tr td.ligneSubmit input:hover {
        background: var(--Tertiary-color);
        color: var(--Primary-color);
        border: solid 3px var(--Primary-color);
    }

    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,
    #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: 1.1667rem;
        line-height: 35px;
        list-style: none outside none;
        color: #404040;
        display: block;
        font-size: 1.3333rem;
        margin-right: 5px;
        text-transform: lowercase;
    }

    .compRechercheEspritMusique .headerComposants .footerComposants .contentComposants .dataContentComposants .titleComposants {
        font-size: 1.5rem;
    }

    .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: var(--text-Quaternary-color);
    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: var(--text-primary-color);
}

#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: var(--Secondary-color);
    z-index: 1000000000;
    position: absolute;
    width: 250px;
    height: auto;
    padding: 10px;
    left: -20px;
    top: 50px;
}

#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: 1.1667rem;
    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: none repeat scroll 0 0 #e6e6e6 !important;
    color: var(--gray-Tertiary-color) !important;
    border: solid 3px var(--gray-Tertiary-color) !important;
}

.compObjetRegroupement .compObjetEvenement a.etat12:hover,
.compObjetRegroupement .compObjetEvenement a.etat10:hover {
    background: none repeat scroll 0 0 #d8d8d8 !important;
}
/*-------------------------------------*\
*   #FOOTER ADMINISTRABLE RESPONSIVE
\*-------------------------------------*/

.footerAdministrable {
    width: 980px;
    margin: 40px auto 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.footerAdministrable .footerAdministrableLine {
    font-size: 1.3333rem;
    position: relative;
    height: 155px;
    padding: 59px 70px 0;
    line-height: 23px;
    display: flex;
    width: auto;
}

.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: 1.3333rem;
}

.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: #ffffff;
}

.faCgv,
.faMentionsLegales,
.faPoweredByDigitick {
    display: flex;
    align-items: center;
}

.faPoweredByDigitick {
    background-color: #ffffff;
    padding: 10px;
    width: 204px;
    margin: 10px 0 30px;
    border-radius: 6px;
}

.faPoweredByDigitick a {
    color: var(--text-primary-color);
    padding-left: 5px;
}

.faPoweredByDigitick:after {
    content: "";
    position: relative;
    width: 100px;
    height: 17px;
    background: url("../image/logo_seetickets.png") no-repeat;
    background-size: 100%;
    margin-left: 5px;
}

.faPaiementSecurise {
    display: block;
    height: 70px;
    width: 260px;
    font-size: 1.5rem;
    text-align: center;
}

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

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

@media screen and (max-width: 767px) {
    .footerAdministrable {
        width: inherit;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

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

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

    .faPoweredByDigitick::after {
        margin: 0px 10px;
        display: inline-block;
    }

    .faPaiementSecuriseImage {
        background: url("../image/digitick-reassurance.png") no-repeat scroll center bottom transparent;
        background-size: 100% auto;
        width: 240px;
        font-size: 1.5rem;
        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;
        background-repeat: no-repeat;
        background-size: 15px auto;
        margin: 0 auto;
        width: 285px;
        text-align: center;
    }

    .faMentionsLegales {
        margin-bottom: 5px;
    }

    td#validationPaiementFree a.ancreTelechargerBillet {
        text-transform: uppercase;
        cursor: pointer;
        display: block;
        text-align: center;
        line-height: 42px;
        margin: 0 auto 0;
        text-transform: uppercase;
        display: block;
        background: var(--Primary-color);
        text-align: center;
        width: 180px;
        height: 42px;
        cursor: pointer;
        color: #ffffff;
        font-size: 1.6667rem;
        text-indent: inherit;
        border-radius: 10px;
        -webkit-appearance: none;
        appearance: none;
        border: solid 3px var(--Primary-color);
    }

    td#validationPaiementFree a.ancreTelechargerBillet:hover {
        background: var(--Tertiary-color);
        color: var(--Primary-color);
    }
}

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

.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: 700;
    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: var(--gray-Tertiary-color);
    font-size: 1.5rem;
    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: var(--text-Tertiary-color);
    font-weight: 700;
}

.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 {
        text-align: left;
        width: 100% !important;
        color: var(--text-primary-color);
    }
}

@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 {
        text-align: left;
        width: 220px !important;
        color: var(--text-primary-color);
    }

    #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: var(--text-primary-color);
        font-size: 1.1667rem;
        margin-left: 7px;
    }

    .compPaiementPayboxSystem .dataContentComposants #payboxSystem .tableColonne1 label .cgv {
        color: var(--text-primary-color);
        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: var(--text-primary-color);
    }
}

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

table#nouvelleCB td.tableColonne1 label {
    font-size: 1.3333rem;
    color: var(--text-primary-color);
    margin-left: 0 !important;
}

table#nouvelleCB td.tableColonne1-2 {
    color: var(--text-primary-color);
    text-align: left;
    padding-left: 0 !important;
    padding-top: 24px !important;
    width: 100%;
}

table#nouvelleCB td.tableColonne1-2 label {
    font-size: 1.1667rem;
    margin-left: 0;
}

table#nouvelleCB a {
    color: var(--text-primary-color);
    text-decoration: underline !important;
    font-weight: 700;
}

table#nouvelleCB a:hover {
    color: #666;
    font-weight: 700;
    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: 1.3333rem;
    padding: 20% 0;
    margin-top: 10px;
    display: table;
    width: 100%;
    text-align: center;
    color: #7b7b7b;
}

.recapAchatContent {
    font-size: 1em;
}

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

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

#recapAchat .montantRecapAchat {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 2.5rem;
    margin-top: 20px;
    font-weight: 700;
}

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

#recapAchat #infoRecapAchat .nombreRecapAchat {
    font-size: 1.2rem;
    margin-bottom: 10px;
    line-height: 50px;
    font-weight: 700;
}

@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: 1.5rem;
        -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: 1.1667rem;
        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: var(--gray-Primary-color);
    font-size: 1.5rem;
    margin: 15px auto;
    border-radius: 10px;
    text-align: justify;
}

.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: var(--Primary-color);
    float: left;
    height: 40px;
    font-size: 30px;
    width: 40px;
}

.compHTML a {
    font-size: 1.5rem !important;
}

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

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

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

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

#cgvHeader h3 {
    font-size: 1.5rem;
    font-weight: 700;
}

#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-size: 1.1667rem !important;
        font-weight: 700;
        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-weight: 700;
        font-size: 1.1667rem;
        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: var(--text-primary-color);
    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: 767px) {
    #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: relative;
        bottom: 15px;
        padding: 10px 0;
        margin-top: 10px;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire {
        display: inline-block;
        width: 100%;
        background: var(--Tertiary-color);
        padding: 0;
        box-sizing: border-box;
        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: 700;
    }

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

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

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

.codePromoListe {
    background: var(--gray-Primary-color);
    margin: 30px 5px;
}

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

.codePromoListe input {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: var(--Tertiary-color);
    padding: 10px;
    font-size: 1.1667rem;
    vertical-align: middle;
}

#submitCodePromo {
    width: 35px;
    height: 35px;
    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: var(--gray-Primary-color);
    margin: 20px !important;
    border-radius: 10px;
}

#promoCodeForm input {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: var(--Tertiary-color);
    padding: 10px;
    font-size: 1.1667rem;
    vertical-align: middle;
}

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

.codePromoListe span:nth-child(1),
#promoCodeForm .title {
    font-size: 1.1667rem;
    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: 700;
}

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

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

#moyenPaiement {
    display: none;
}

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

    .compHTML {
        border-radius: 0px;
    }

    .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;
        margin-top: 4px;
    }

    .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: 700;
    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;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    left: 45%;
    height: 30px;
    width: 30px;
    background: #9ed45d;
    color: #ffffff;
    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: 1.1667rem;
    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: 1.1667rem !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 (min-width: 768px) and (max-width: 980px) {
    .codePromoListe {
        margin: 30px 4px;
        width: 93%;
    }

    .codePromoListe span:nth-child(1),
    #promoCodeForm .title {
        padding: 10px 20px 10px 20px;
    }

    .codePromoListe #codePromo {
        margin: 0;
    }
}


@media screen and (max-width: 767px) {
    .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;
}