/* Font Source Sans Pro */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');

/* BODY  */

body {
    font-family: 'Source Sans Pro', sans-serif;
}

/* Vignettes Etat Rep */

#langageFR .bandeauEtat60 {
    background: url('../image/css_etatReporte.png') no-repeat;
}

#langageFR .bandeauEtat40 {
    background: url('../image/css_etatAnnule.png') no-repeat;
}

#langageFR .bandeauEtat12 {
    background: url('../image/css_etatTermine.png') no-repeat;
}

#langageFR .bandeauEtat11 {
    background: url('../image/css_etatBientot.png') no-repeat;
}

#langageFR .bandeauEtat10 {
    background: url('../image/css_etatComplet.png') no-repeat;
}

/* garde-fou provisoire */
/* carrousel */
.box_skitter_digitick,
.compOperationsMarketing,
.compCarrouselMiseEnAvant .headerComposants .footerComposants .contentComposants .dataContentComposants {
    width: 100%;
    text-align: center;
    display: none;
}

/* Header */

.ligneContent1 {
    display: none;
}

.bgbandeauMobile,
.bgbandeau {
    display: block;
    width: 100vw;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    cursor: pointer;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfo,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfo {
    font-size: 14px;
}

.compAccueil .evenementTarifs .evenementTarifsDetails .evenementTarifsChoix {
    font-size: 14px;
    margin-top: 10px;
    font-weight: bold;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd {
    width: auto;
}

/* accueil */
.descriptionHeader,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd .objetDate,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle,
/* etape 1 */
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .genre,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .sousgenre,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .lieu,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .ville {
    display: none !important;
}

.infoOverflowed {
    height: initial !important;
    margin-top: 20px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .overflowInfo {
    display: none;
}

/* panier */

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span.resumePanier {
    color: #555555;
    font-weight: 300;
}

/* dialogue */

#pageAccueil .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage:after,
#pageEtape4 .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage:after {
    font-size: 35px;
    top: 20px;
}

#pageAccueil .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageEtape4 .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageReservation .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage {
    padding: 22px 26px 20px 64px;
    font-size: 15px;
    background: #666;
}

/* Bouton Valider Nouveau client centré en mobile */

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td[colspan="3"] {
    padding-top: 10px;
    text-align: center;
}

/*------------------------------------*\
        #CSS5c_ListeFiltre.css
\*------------------------------------*/

.compListeFiltre a p .infoElement {
    font-size: 16px;
}

.compListeFiltre a img+p:after {
    content: "R\0000C9SERVER";
    text-transform: uppercase;
}

/*------------------------------------*\
        DESIGN
\*------------------------------------*/

#cadreContent {
    width: 100%;
    margin: 0 auto;
}

.StickyNav .colonneContent1 {
    width: 94%;
    margin: 0 auto;
}

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

.ligneContent4 {
    background-color: #fff;
}

.poussetGauche,
.poussetDroit,
.poussetEndGauche,
.poussetEndDroit {
    background: #ffffff;
}

/*------------------------------------*\
    # BOUTON
\*------------------------------------*/

.compPanierVide .topContentComposants::before,
.compPanier .topContentComposants::before {
    color: inherit;
}

.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement:hover,
.PaylineWidget .pl-pay-btn:hover,
.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a:hover,
.btCodeReduction:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver:hover,
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier:hover,
#pageCompte .zoneRecherche button:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount:hover,
#pageCompte .validContent input.valid:hover,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte:hover,
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit:hover,
#pageEtape2 .validContent input.valid:hover,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour:hover,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit:hover,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit:hover,
#pageEtape1 #submitFinaliser:hover,
#pageEtape1 #submitPanier:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit:hover,
.compConfirmationCoordonnees .ligneSubmit input:hover,
#compRechercheEspritMusique .libelleRecherche span input.btSubmit:hover,
#Tarif a.Reserver span:hover,
#formCompteConnexionPartenaire table #formDirectSubmit:hover,
#popup_container #popup_panel button:hover,
.compRechercheAbonne .dataContentComposants button:hover,
#withoutExclusive a:hover,
#popup_panel input#popup_ok:hover,
#submitCodePromo:hover,
#submitPromoCode:hover,
.compDejaClient .contentComposants .dataContentComposants .btnIdentifier:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage .btSubmit:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage .btSubmit:hover,
.compUpSelling .actions .reset:hover,
.compUpSelling .actions .submit:hover,
.compNouveauParcours .buttonsContainer #submitAssurance:hover,
.compNouveauParcours .buttonsContainer #submitAssurancePanier:hover,
.compNouveauClient.nouveauParcours .afficheDejaClient:hover {
    background: #fff !important;
    border: 2px solid #000 !important;
    color: #000 !important;
    text-transform: uppercase;
    border-radius: 10px;
}

.PaylineWidget .pl-pay-btn,
.PaylineWidget .pl-btn,
.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a,
.btCodeReduction,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver,
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount,
#pageCompte .validContent input.valid,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet,
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit,
#pageEtape2 .validContent input.valid,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit,
#pageEtape1 #submitFinaliser,
#pageEtape1 #submitPanier,
.compConfirmationCoordonnees .ligneSubmit input,
#compRechercheEspritMusique .libelleRecherche span input.btSubmit,
#Tarif a.Reserver span,
#formCompteConnexionPartenaire table #formDirectSubmit,
#popup_container #popup_panel button,
.compRechercheAbonne .dataContentComposants button,
#withoutExclusive a,
#popup_panel input#popup_ok,
#submitCodePromo,
#submitPromoCode,
.compDejaClient .contentComposants .dataContentComposants .btnIdentifier,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage .btSubmit,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage .btSubmit,
.compUpSelling .actions .reset,
.compUpSelling .actions .submit,
.compNouveauParcours .buttonsContainer #submitAssurance,
.compNouveauParcours .buttonsContainer #submitAssurancePanier,
.compNouveauClient.nouveauParcours .afficheDejaClient {
    background: #000 !important;
    border: 2px solid #000 !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 10px !important;
    height: 32px;
    line-height: 30px;
    padding: 0px 25px;
}

#pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected {
    width: 200px;
    height: 31px;
    font-size: 16px;
    border-radius: 10px;
}

#pageCompte .zoneRecherche button {
    font-size: 18px;
    padding: 0px 15px;
}

#pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr {
    border-bottom: 1px solid #000;
}

/*------------------------------------*\
    # ligneContent2
\*------------------------------------*/

#compPanier1 .cachePanier a:hover,
.compPanierVide .topContentComposants:hover,
.compPanier .topContentComposants:hover,
.ligneContent2 a:hover {
    color: #e6e7e8 !important;
}

.ligneContent2 {
    background: #731c6a;
    z-index: 99999999;
}

.ligneContent2,
.ligneContent2 a {
    color: #FFF !important;
}

#compPanier1,
.compPanierVide .topContentComposants,
.compCompte {
    border-left: 0px solid #dcdcdc;
}

.ligneContent2 .colonneContent1 {
    height: 55px;
    width: auto;
}

#pageEtape1 .compEtape .etape1,
#pageEtape2 .compEtape .etape2,
#pageEtape3 .compEtape .etape3,
#pageEtape4 .compEtape .etape4 {
    color: #000;
}

/*------------------------------------*\
    # REGROUPEMENT
\*------------------------------------*/

.compListeFiltre a img+p::after {
    content: "R\0000C9SERVER";
    background: #000;
}

.compListeFiltre a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    min-height: 400px;
    width: 300px;
    border-bottom: none;
    margin: 40px 20px 0 20px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
    border: solid #731c6a 3px;
    border-radius: 10px;
    background-repeat: no-repeat;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl {
    display: block;
    padding: 0px;
    min-height: 170px;
    width: auto;
    margin: 20px;
    position: relative;
}

.compListeFiltre a img {
    height: 300px;
    width: 300px;
    margin-right: 0px;
}

.compListeFiltre a:hover {
    opacity: 60%;
    transition: 0.5s;
}

.compListeFiltre a img+p:after {
    display: none;
}

.compListeFiltre a p {
    display: block;
    margin-left: 0px;
    max-width: 100%;
}

.compListeFiltre a p span {
    text-align: center;
}

.compListeFiltre a p .nameElement {
    color: #731c6a;
    margin: auto;
    height: 70px;
    padding-top: 320px;
    width: 280px;
    text-transform: uppercase;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants {
    float: none;
}

.compListeFiltre a p .infoElement,
.compListeFiltre a p .dateElement,
.compListeFiltre a p .coordElement,
.compCompte .compteBouton a.deconnection,
.compCompte .compteBouton span.mail {
    display: none;
}

.mapRoom .mapRoom-global {
    border: 2px solid #731c6a26;
    margin: 30px 0 0 0;
}

/*------------------------------------*\
    # ETAPE 2
\*------------------------------------*/

.doubleOptIn td {
    padding: 8px 10px 8px 28% !important;
}

/*------------------------------------*\
    # ETAPE 3
\*------------------------------------*/

table.reduction th {
    border-bottom: 1px solid #000;
    background-color: #fff;
    color: #000;
}

#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire,
.compReduction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
    background-color: #fff;
    border: 1px solid #000;
}

.champ.codeReduction {
    background-color: #fff;
    border: 1px solid #000;
}

.PaylineWidget.pl-layout-column .pl-active .pl-pmForm,
.PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-paymentMethod-view .pl-form-container,
#payline-container,
.compReduction,
.compReduction .headerComposants .footerComposants .contentComposants .bottomContentComposants,
#pageEtape3 .ligneContent4 .compBody .dataContentComposants {
    background-color: #fff;
}

#compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire {
    width: 598px;
}

.PaylineWidget .pl-container-view .pl-input-group .pl-input {
    border: 1px solid #000;
}

/*------------------------------------*\
    # ETAPE 4
\*------------------------------------*/

#pageAccueil .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageEtape4 .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageReservation .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage {
    background: #00503c !important;
}

.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne1,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne2,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne3,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne4 {
    background: #000 !important;
    color: #fff;
}

.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants ul {
    /*    width: 271px; */
    margin-right: 15px;
    display: none;
}

.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants li.telechargementTab {
    padding: 0px 20px !important;
}

/*------------------------------------*\
    # EVENEMENT
\*------------------------------------*/

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd {
    float: inherit;
    width: 280px;
    position: relative;
    text-align: center;
    margin: 20px auto 0 auto;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .nom,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetNom {
    color: #000;
    font-size: 20px;
    width: inherit;
    color: #333;
    font-weight: 700;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetInfo,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetInfo {
    width: 100%;
    text-align: center;
    display: none;
}

.compObjetEvenement .bandeauEtat {
    background-size: 250px auto !important;
    margin: -333px 0 0 17px;
}

.bandeauEtat {
    width: 300px;
    height: 300px;
}

/*------------------------------------*\
    # MENU MOBILE
\*------------------------------------*/

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span.resumePanier,
#boutonMenuMobile {
    color: #fff !important;
}

#boutonMenuMobile:hover {
    color: #fff;
}

#mobile_menu.open {
    background: #000;
}

#mobile_menu ul li:nth-child(1) {
    border-bottom: 1px solid #444 !important;
}

#mobile_menu ul li a {
    color: inherit !important;
}

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

    /* ICOMOON HEADER */
    .lienAccueilHeader:before,
    .compCompte .compteBouton a:before,
    #compPanier1 .deroulePanier a:after,
    #compPanier1 .cachePanier a:after,
    .compPanierVide .topContentComposants:before,
    .compPanier .topContentComposants:before {
        display: none;
    }

    .bgbandeauMobile {
        display: none;
    }

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

    #compBody,
    #compListeFiltre1 {
        width: 980px;
        margin: auto;
        padding-bottom: 0px;
    }

    .compEtape {
        width: 980px;
        margin: auto;
        background-color: #fff;
        padding-bottom: 9px;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dt {
        margin: 20px;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd h1 {
        color: #00000057 !important;
        font-weight: 900;
        font-size: 33px;
        text-transform: uppercase;
        max-width: 100%;
        display: block;
        position: absolute;
        width: 100%;
        top: 0%;
        text-align: left;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd .objetInfo {
        color: #000;
        max-width: 100%;
        display: block;
        position: absolute;
        text-align: left;
        top: 25%;
        font-size: 12px;
    }

    .ligneContent4 {
        padding-bottom: 25px;
    }

    .headerComposants .footerComposants .contentComposants .dataContentComposants a.langue {
        background-color: #00000000 !important;
    }

    .footerAdministrable .footerAdministrableLine {
        font-size: 16px;
        position: relative;
        height: 60px;
        padding: 0px;
        padding-left: 0px;
        padding-top: 0px;
        line-height: 0px;
        width: auto;
        display: inline-flex;
    }

    .footerAdministrable {
        text-align: center;
    }

    .faPaiementSecurise {
        font-size: 20px;
        width: auto;
        margin-top: 20px !important;
    }

    .faCgv,
    .faMentionsLegales {
        display: inline-flex;
        align-items: inherit;
        height: 30px;
        margin: 27px 20px 0px 20px;
    }

    #PaylineCgv {
        font-size: 10px;
        color: #969696;
    }

    .faPaiementSecurise {
        display: inline-flex;
        align-items: inherit;
        height: 30px;
        margin-left: 0px !important;
        margin-right: 400px;
    }

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

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants {
        border: 1px solid #000;
    }

    /* ETAPE 2 */

    /* Bouton Valider Nouveau client centré */
    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit {
        margin-left: 166px !important;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire {
        width: 593px;
    }

    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {
        width: 1220px;
    }

    .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne3 {
        text-align: right;
        width: 120px;
    }

    /* EVENEMENT DS REGROUPEMENT */

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt,
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt {
        float: none;
        width: 300px;
        height: 300px;
    }



    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt img,
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt img {
        width: 300px;
        height: 300px;
        position: relative;
    }

    .allEventList {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 20px;
        align-items: center;
        margin: 0 auto;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement,
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement {
        border-bottom: 0px solid #000;
        height: 400px;
        justify-self: center;
        background-color: #fff;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver {
        display: none;
    }

    /* etape 4 - bouton votre billet / votre facture */
    .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected,
    .compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture {
        width: 178px;
    }

    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 {
        padding-right: 46px;
        padding-left: 10px;
    }

    /* mot de passe oublier */
    .dataContentComposants table.oubliMDP tr td.tableColonne1 {
        width: auto;
    }

    table.oubliMDP .tableColonne1 {
        width: 200px;
    }

    .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit {
        width: 131px !important;
    }

    .compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit {
        height: 36px;
    }

    table.oubliMDP tr td.btnSubmitMDP a.btRetour.btn {
        width: 73px !important;
    }

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

    #idpfMenu {
        margin-right: 15px !important;
    }
}

.compPaiementFree table#paiementFree tr th#titlePaiementFree,
.boxCrossSelling .title,
#compRechercheEspritMusique .libelleRecherche,
#withoutExclusive .titleComposants,
#compBody .compChoixStructure .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    color: #000;
}


.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader,
#pageEtape1 .compEtape .etape1::after {
    background: #000;
}

.compEtape .dataContentComposants,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne4,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne3,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne2 {
    border-bottom: 1px solid #000;
    background-color: #fff;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td.tableColonne1 {
    background: #000;
}

#compRenommageBillet1 .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .tableColonne3 .renommageBilletInput,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select {
    background: #fff;
    border: 1px solid #000 !important;
    height: 35px;
    width: 250px;
}

.compDejaClient table tr td input#dejamail,
.compDejaClient table tr td input#dejapass,
.compNouveauClient table input {
    border: 1px solid #000 !important;
    height: 21px;
    width: 238px;
}

.doubleOptIn #optinNewsletterOrga {
    width: 16px !important;
}

#pageEtape1 .compEtape .etape1::after,
#pageEtape2 .compEtape .etape2::after,
#pageEtape3 .compEtape .etape3::after,
#pageEtape4 .compEtape .etape4::after {
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    background: #000;
}

.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet tr th.tableColonne1,
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet tr th.tableColonne2,
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet tr th.tableColonne3,
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet tr th.tableColonne4 {
    background: none repeat scroll 0 0 #000;
    border-bottom: 2px solid #D9D9D900 !important;
    font-weight: bold;
    color: #fff;
}

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants,
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants {
    padding-bottom: 5px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne1,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne2,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne3,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne4,

.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2,
.compPaiementFree table#paiementFree tr th#titlePaiementFree,
.boxCrossSelling .title,
#compRechercheEspritMusique .libelleRecherche,
#withoutExclusive .titleComposants,
#compBody .compChoixStructure .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    border-bottom: 1px solid #000 !important;
}

.dataContentComposants #telechargementOption2 tr .tableColonne1,
.dataContentComposants #telechargementOption2 tr .tableColonne2,
.dataContentComposants #telechargementOption2 tr .tableColonne3,
.dataContentComposants #telechargementOption2 tr .tableColonne4 {
    border-bottom: 0px solid #000 !important;
}

/*------------------------------------*\
    # PANIER
\*------------------------------------*/

#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .date {
    font-size: 11px;
    padding-bottom: 10px;
    color: #fff !important;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne2,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne2,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader th.tableColonne3 {
    border-bottom: 2px solid #000;
}


.lienSupPanier a,
.infoPanier,
#compPanier1 .totalValiderPanier .delaiValiditePanier,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .lieu,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .adresse,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .ville,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .tarif,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .prix,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne2,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne2,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader th.tableColonne3,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td.tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td.tableColonne2,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td.tableColonne3 {
    color: #fff !important;
    font-weight: 400;
    background-color: black;
}

.lienSupPanier a:hover {
    color: #e6e7e8 !important;
}

#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .ville {
    padding-bottom: 5px;
}

.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants li.telechargementTab.selected,
#compPanier1 .headerComposants .footerComposants .contentComposants .dataContentComposants {
    background: #000;
    border-left: 1px solid #000;
    margin-top: 5px;
}

.totalValiderPanier {
    border-top: 1px solid #00000000;
}

#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .nom a {
    color: #ffffff !important;
}

#compPanier1 .totalValiderPanier .validerPanier a {
    background: #fff;
    color: #000 !important;
    width: 90%;
    margin: 0 auto;
}

#compPanier1 .totalValiderPanier .validerPanier a:hover {
    background: #fff;
    color: #555555 !important;
}

.bottomRecapPanier {
    border-top: 1px solid #000;
    margin-top: 20px;
}

#compPanier1 .totalValiderPanier .totalPanier {
    font-size: 20px;
}

#compPanier1 .listeRecapPanier .bottomRecapPanier span.supRecapPanier {
    background: #00000000;
    top: -26px;
}

#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier:hover {
    color: #e6e7e8 !important;
    background: #00000000;
}

#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier {
    font-size: 10px;
    background: #00000000;
    padding: 0 5px;
    color: #FFFFFF !important;
    font-weight: 300;
}

.codePromoListe {
    background: #000;
}

.codePromoListe span:nth-child(1),
#promoCodeForm .title {
    color: #fff;
}

.codePromoListe #submitCodePromo {
    padding: 0px 15px;
}

/*------------------------------------*\
    # FOOTER
\*------------------------------------*/

.footerAdministrableLine .footerAdministrableColumn:nth-child(2),
.footerAdministrableLine .footerAdministrableColumn:nth-child(3) {
    display: none;
}

/*------------------------------------*\
    # MON COMPTE
\*------------------------------------*/

#pageCompte .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteInformationSubmit,
#pageCompte .compNewsletterAbo .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteNewsletterAboSubmit {
    background: #000;
    color: #fff;
    height: 35px;
    margin-top: 10px;
}

#pageCompte .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteInformationSubmit:hover,
#pageCompte .compNewsletterAbo .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteNewsletterAboSubmit:hover {
    background: #fff;
    color: #000;
}

.ongletContent a.ongletSelected {
    background: #000;
    border: 1px solid #000;
    box-shadow: 0 1px 3px #b3b3b3;
}

.ongletContent a {
    border: 1px solid #000;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    border-bottom: 1px solid #000 !important;
    background: #000;
}

#pageCompte .rechercheCompteDigitick {
    border: 1px solid #000;
}

.compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .content {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}

.compMentionsLegales {
    background: #fff;
}

#pageCompte .compMentionsLegales .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales .title,
#pageCompte #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .titleContent {
    color: #444;
    border-bottom: 0px solid #fff;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

#TransactionContent .compCompteTransaction {
    border: 1px solid #00503c;
}

.ticket {
    max-width: 217px;
    margin-left: 0;
    display: block;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl {
    border-bottom: 1px solid #000;
}

select {
    width: 153px;
}

#pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne4 span:first-child {
    padding-left: 10px;
}

#pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne4 span span {
    width: 147px;
}

/*  FOOTER  le quai*/
.preFooter {
    width: 100%;
    text-align: left;
    color: #000;
    font-size: 18px;
    background-color: #fff;
    padding: 70px 0 35px 0;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.conteneur {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 1200px;
}

#logoSee,
.faCgv a:hover,
.faMentionsLegales a:hover {
    color: #e6e7e8 !important
}

a.ligne:hover {
    color: #731c6a !important
}

.pfMenu {
    line-height: 1.8rem;
    float: left;
    font-size: 1rem;
    font-weight: 400;
    width: auto;
}

a.ligne {
    text-decoration: none;
    cursor: pointer;
    font-size: 1rem;
    color: #000;
}

#logoSee {
    float: right;
    padding: 0;
    margin: 17px 0px 0px 0px;
    width: 300px;
    text-align: left;
    color: #fff;
}

#logoSee img {
    height: 30px;
    margin-left: 3px;
    margin-top: -4px;
    vertical-align: middle;
}

h2 {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 1.125rem;
    color: #731c6a;
}

.ftLogo {
    max-width: 117px;
    margin: 10px auto;
    ;
    display: block;
}

.social-groups {
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 240px;
}

.social-network {
    float: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    width: 60px;
    text-align: center;
}

.fa-brands::before {
    font-size: 1.5rem;
}

.fa-facebook-f::before {
    margin-left: 40px;
}

.fa-youtube::before,
.fa-instagram::before {
    margin-left: 14px;
}

.social-links ul li img {
    height: 19px;
    margin-left: 38px;
}

.footerAdministrableLine .footerAdministrableColumn {
    width: 100% !important;
    margin-right: 0% !important;
    padding: 0%;
}


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

    .bgbandeau {
        display: none;
    }

    /* Champ Password Deja client meme taille que le champ mail*/
    html,
    body {
        overflow-x: hidden;
        max-width: 100%;
    }

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

    #compBody {
        width: auto;
    }

    .ligneContent2,
    .ligneContent2 a {
        font-size: 15px;
        padding-top: 5px;
    }

    #TransactionContent .compCompteTransaction {
        border: 0px solid #731c6a !important;
    }

    .compTarifDisponible {
        margin: 0 8px;
    }

    #pageEtape2 .validContent .btnRetourAccueil {
        font-size: 13px !important;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain,
    .compListeFiltre a,
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants {
        display: block;
        margin: 20px auto;
    }

    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants,
    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants {
        padding-bottom: 5px;
        border-top: 0px solid #000;
        border-bottom: 0px solid #000;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
    }

    .compNouveauClient .dataContentComposants {
        padding: 0;
    }

    .compListeFiltre a p .nameElement {
        padding-top: 50px;
    }

    /*
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain,
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd {
        display: none;
    }
*/
    .headerAdministrable {
        max-width: 221px !important;
        margin-left: 100px;
    }

    .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants {
        padding-left: 0px;
    }

    .social-links ul {
        margin: 0 -8px -20px -16px !important;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt img {
        width: 250px;
        height: 250px;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt {
        width: 250px;
        height: max-content;
    }

    .ftLogo {
        margin-top: 40px;
    }

    #logoSee {
        width: 100%;
        text-align: center;
    }

    /* FOOTER */

    .conteneur {
        width: auto;
        flex-direction: column-reverse;
        align-items: center;
    }

    .col {
        margin: 30px 0 15px 0 !important;
    }

    .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants ul {
        text-align: right;
        margin-right: 30px;
    }

    #pageCompte .compNewsletterAbo .content .newsletterLine label {
        margin-left: 6px;
    }

    .compNouveauClient table input {
        height: inherit;
    }

    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants,
    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants {
        margin: 0 20px;
    }

    .compNouveauClient table input,
    #compRenommageBillet1 .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .tableColonne3 .renommageBilletInput,
    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select,
    .compDejaClient table tr td input#dejamail,
    .compDejaClient table tr td input#dejapass {
        width: 100% !important;
    }

    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit {
        width: 250px !important;
        margin-top: 25px;
    }

    .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement,
    .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected {
        margin-bottom: 30px;
    }

    .preFooter {
        padding: 0 0 20px 0;
    }

    .footerAdministrable .footerAdministrableLine {
        padding: 10px 0;
    }

    .footerAdministrableLine .footerAdministrableColumn {
        min-height: auto;
        margin-right: 0% !important;
        padding: 0%;
    }

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

    .fa-facebook-f::before {
        margin-left: 0px !important;
    }
}

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

    .compCompte .compteBouton a span,
    #compPanier1 .titlePanier,
    #compPanier1 .titlePanierPlace,
    #compPanier1 .titlePanierVide {
        display: block;
    }

    #compBody,
    #compListeFiltre1 {
        display: inline;
    }

    .compEtape {
        width: 90% !important;
        padding-bottom: 30px !important;
    }

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

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

    #idpfMenu {
        margin-right: 15px !important;
    }

    .allEventList {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
}