/*--------------------------------------------------------------------*\
        # Fonts
\*--------------------------------------------------------------------*/

@font-face {
    font-family: 'Maax';
    src: url('../fonts/Maax/Maax-Regular.woff2') format('woff2'),
        url('../fonts/Maax/Maax-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maax';
    src: url('../fonts/Maax/Maax-Medium.woff2') format('woff2'),
        url('../fonts/Maax/Maax-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Maax';
    src: url('../fonts/Maax/Maax-Bold.woff2') format('woff2'),
        url('../fonts/Maax/Maax-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/*--------------------------------------------------------------------*\
        # Variables
\*--------------------------------------------------------------------*/

:root {
    --typography-primary-font-family: 'Maax', sans-serif;
    --secondary-color: #ED1B24;
    --primary-color: #ffffff;
    --tertiary-color: #000000;
    --lavender-color: #E2CDFF;
    --mint-color: #B9FFB6;
    --light-lavender-color: #f7f7f7;

}

body {
    font-family: 'Maax', sans-serif;
    font-weight: 500;
}

/*--------------------------------------------------------------------*\
        # Boutons
\*--------------------------------------------------------------------*/

.compReduction input.btCodeReduction,
table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount,
#pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture,
.form-verification-email .btSubmit,
.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,
#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,
.compVerificationEmail .verificationEmail .btSubmit {
    border-radius: 0;
    width: 220px !important;
}

#pageEtape2 .validContent input.btnRetourAccueil {
    font-size: 1.1667rem !important;
}

#pageEtape2 .validContent .btnRetourAccueil:hover,
.compReduction input.btCodeReduction:hover,
table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount:hover,
#pageCompte .compNewsletterAbo .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteNewsletterAboSubmit:hover,
#pageCompte .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteInformationSubmit:hover,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture:hover,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected:hover,
.form-verification-email .btSubmit: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,
#pageCompte .validContent input.valid:hover,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte:hover,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet: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,
#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,
.compVerificationEmail .verificationEmail .btSubmit:hover {
    background: var(--Primary-color) !important;
    color: var(--secondary-color) !important;
    border: solid 3px var(--Primary-color) !important;
}

/*--------------------------------------------------------------------*\
        # img calendrier
\*--------------------------------------------------------------------*/

.le-calendrier,
.le-calendrier-mob {
    display: block;
    width: 100vw;
    height: auto;
    max-width: 100%;
    margin: 45px auto;
    cursor: pointer;
}

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

    .le-calendrier-mob {
        display: none;
    }
}

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

    .le-calendrier {
        display: none;
    }
}


/*--------------------------------------------------------------------*\
        # Menu
\*--------------------------------------------------------------------*/

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

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        height: 215px !important;
        max-height: 215px;
    }
}

/* Composant Rechercher  */

.compRecherche {
    position: relative;
    height: 35px;
    border-left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants form .saisieRecherche input {
    line-height: 35px;
    height: 35px;
    background-color: #FF2D990F;
    border-radius: 0;
}

.compRecherche .headerComposants .footerComposants .contentComposants .dataContentComposants form .validerRecherche {
    color: #000000;
    float: left;
    height: 35px;
    text-align: center;
    width: 40px;
    line-height: 40px;
}

/* Fin Composant Rechercher  */

.compNouveauParcours .buttonsContainer #submitAssurancePanier {
    font-size: 16px;
}

.bandeauEtat {
    display: none;
}

#mobile_menu.open {
    width: 100vw;
    height: 100vh;
}

.ligneContent2 {
    background-color: var(--primary-color);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

#compChoixLangueHeader1 {
    display: none;
}

#compPanier1 .headerComposants .footerComposants .contentComposants .dataContentComposants {
    width: 280px;
    border-radius: 0;
}

.compPanierVide .topContentComposants,
.compPanier .topContentComposants,
#boutonMenuMobile,
.ligneContent2 .fa-globe,
.ligneContent2 a {
    color: var(--tertiary-color);
}

.compPanierVide .topContentComposants:hover,
.compPanier .topContentComposants:hover,
#boutonMenuMobile:hover,
.ligneContent2 .fa-globe:hover,
.ligneContent2 a:hover {
    color: var(--secondary-color);
    border-bottom: 0px;
}

.supPanier a {
    color: #fff;
}

.pre-header {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 8px;
    top: 20px;
}

.pre-header .ode-logo {
    width: 125px;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants {
    margin-left: 115px;
}

.compCompte .compteBouton a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.773' height='20.773' viewBox='0 0 20.773 20.773'%3E%3Cpath d='M13.387,3A10.387,10.387,0,1,0,23.773,13.387,10.391,10.391,0,0,0,13.387,3Zm0,3.116a3.116,3.116,0,1,1-3.116,3.116A3.112,3.112,0,0,1,13.387,6.116Zm0,14.749a7.479,7.479,0,0,1-6.232-3.345c.031-2.067,4.155-3.2,6.232-3.2s6.2,1.132,6.232,3.2A7.479,7.479,0,0,1,13.387,20.865Z' transform='translate(-3 -3)' fill='%23000000'/%3E%3C/svg%3E");
}

.compCompte .compteBouton a:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.773' height='20.773' viewBox='0 0 20.773 20.773'%3E%3Cpath d='M13.387,3A10.387,10.387,0,1,0,23.773,13.387,10.391,10.391,0,0,0,13.387,3Zm0,3.116a3.116,3.116,0,1,1-3.116,3.116A3.112,3.112,0,0,1,13.387,6.116Zm0,14.749a7.479,7.479,0,0,1-6.232-3.345c.031-2.067,4.155-3.2,6.232-3.2s6.2,1.132,6.232,3.2A7.479,7.479,0,0,1,13.387,20.865Z' transform='translate(-3 -3)' fill='%23ED1B24'/%3E%3C/svg%3E");
}

.compPanierVide .topContentComposants::before,
.compPanier .topContentComposants::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24.079' height='20.773' viewBox='0 0 24.079 20.773'><path d='M21.6,12.807L16.8,5.632a1.065,1.065,0,0,0-.908-.465,1.078,1.078,0,0,0-.908.465l-4.794,7.174H4.951A1.1,1.1,0,0,0,3.856,13.9a1.285,1.285,0,0,0,.038.3L6.669,24.343a2.195,2.195,0,0,0,2.112,1.6H23.01a2.182,2.182,0,0,0,2.107-1.6l2.775-10.146a.976.976,0,0,0,.044-.29,1.1,1.1,0,0,0-1.095-1.095H21.6Zm-8.986,0L15.9,7.991l3.283,4.816H12.612ZM15.9,21.563a2.189,2.189,0,1,1,2.189-2.189A2.188,2.188,0,0,1,15.9,21.563Z' transform='translate(-3.856 -5.167)' fill='%23000000'/></svg>");
}

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span.resumePanier {
    color: var(--secondary-color);
}

.compPanierVide .topContentComposants:hover::before,
.compPanier .topContentComposants:hover::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24.079' height='20.773' viewBox='0 0 24.079 20.773'><path d='M21.6,12.807L16.8,5.632a1.065,1.065,0,0,0-.908-.465,1.078,1.078,0,0,0-.908.465l-4.794,7.174H4.951A1.1,1.1,0,0,0,3.856,13.9a1.285,1.285,0,0,0,.038.3L6.669,24.343a2.195,2.195,0,0,0,2.112,1.6H23.01a2.182,2.182,0,0,0,2.107-1.6l2.775-10.146a.976.976,0,0,0,.044-.29,1.1,1.1,0,0,0-1.095-1.095H21.6Zm-8.986,0L15.9,7.991l3.283,4.816H12.612ZM15.9,21.563a2.189,2.189,0,1,1,2.189-2.189A2.188,2.188,0,0,1,15.9,21.563Z' transform='translate(-3.856 -5.167)' fill='%23ED1B24'/></svg>");
}

#mobile_menu.open {
    background-color: rgba(10, 10, 10, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

#mobile_menu ul li {
    border-bottom: 1px solid var(--tertiary-color);
    padding-bottom: 0 !important;
    text-align: left;
}

#compPanier1 .headerComposants .footerComposants .contentComposants .dataContentComposants {
    background: #000000;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain {
    padding: 20px 0;

}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl {
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background-color: var(--light-lavender-color) !important;
    border-bottom: 0;

    display: none;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dt {
    flex: 0 0 150px;
    align-self: center;
    width: auto;
    height: auto;
    margin: 0;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dt img {
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd {
    flex: 1;
    min-width: 0;
    margin: 0;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd .nom {
    color: black;
    margin-top: 0;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd .objetInfo p {
    font-size: 1.25rem;
    font-weight: 400;
}

/* Responsive : passage en colonne sur mobile */
@media (max-width: 767px) {

    .objetListeMain {
        background-color: transparent;
        width: calc(100% - 15px);
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl {
        flex-direction: column;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dt {
        flex: none;
        width: 100%;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dt img {
        max-width: 100%;
    }
}

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

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dt img {
    border-radius: 0;
}

/*--------------------------------------------------------------------*\
        # Vignette rgpt
\*--------------------------------------------------------------------*/

.intro {
    color: #fff;
    text-align: center;
    font-size: 21px;
    width: calc(100% - 40px);
    max-width: 980px;
    margin: 0 auto;
    font-weight: 400;
}

.intro p {
    margin-top: 20px;
}

#pageAccueil .cadre-colonne-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    width: 980px;
    padding: 20px 0;
    background-color: transparent;
    margin: 0 auto;
}

.cadre-colonne-content .compBody {
    width: 100% !important;
    max-width: 980px;
    box-sizing: border-box;
}

/* Les wrappers internes prennent toute la largeur */
.cadre-colonne-content .ligneAccueilContent1,
.cadre-colonne-content .colonneAccueilContent1,
.cadre-colonne-content .compListeFiltre,
.cadre-colonne-content .compListeFiltre .headerComposants,
.cadre-colonne-content .compListeFiltre .footerComposants,
.cadre-colonne-content .compListeFiltre .contentComposants {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Grille flex des <a> */
.cadre-colonne-content .compListeFiltre .dataContentComposants {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 0 40px;
    width: 100%;
    box-sizing: border-box;
}

/* Le titre éventuel reste sur sa propre ligne */
.cadre-colonne-content .compListeFiltre .dataContentComposants>.titleComposants {
    flex: 1 0 100%;
    width: 100%;
}

/* Cartes 300px */
.cadre-colonne-content .compListeFiltre .dataContentComposants>a {
    display: flex;
    flex: 0 0 300px;
    width: 300px;
    max-width: 100%;
    height: 300px;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
    text-decoration: none;
    background-size: cover;
}

.compListeFiltre a p span {
    display: none;
}

.headerAdministrable {
    border-radius: 0;
}

#pageAccueil .compListeFiltre a img {
    display: none;
}

/* .compListeFiltre a:hover {
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateY(-5px);
    opacity: 1;
} */

/* Tablette : 2 colonnes, cartes toujours à 300px, centrées */
@media (max-width: 991px) {

    .cadre-colonne-content {
        width: 100% !important;
        padding: 0;
    }

    .cadre-colonne-content .compListeFiltre .dataContentComposants {
        gap: 16px;
    }
}

/* Mobile : 1 colonne, carte limitée à 300px et centrée */
@media (max-width: 767px) {

    .cadre-colonne-content .compListeFiltre .dataContentComposants {
        gap: 12px;
    }

    .cadre-colonne-content .compListeFiltre .dataContentComposants>a {
        flex: 0 1 300px;
        width: min(300px, 100%);
    }
}

/* fin vignette rgpt */

/*--------------------------------------------------------------------*\
        # Vignette event
\*--------------------------------------------------------------------*/

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

.allEventList {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    margin: 0 auto;
    gap: 30px 37px;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement {
    width: 300px;
    min-height: auto;
    justify-self: center;
    border: 1px solid var(--primary-color);
    padding: 0;
    margin: 0;
    border-radius: 0;
}

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

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt img {
    width: 300px;
    height: 300px;
    position: relative;
    margin-left: 0;
    border-radius: 0;
}

/* .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    width: 200px;
    height: 42px;
    line-height: 42px;
    background: var(--tertiary-color);
    color: var(--text-primary-color);
    border: 1px solid var(--tertiary-color);
    border-radius: 60px;
    text-align: center;
    font-size: 15px;
    font-family: var(--typography-primary-font-family), sans-serif;
    text-transform: initial;
} */

.compObjetEvenement {
    background-color: var(--light-lavender-color) !important;
}

.compObjetEvenement dl {
    margin: 0;
    padding: 0;
}

/* IMAGE */
.compObjetEvenement dt {
    margin: 0;
    padding: 0;
}

.compObjetEvenement dt img {
    display: block;
    width: 100%;
    height: auto;
}

/* CONTENU SOUS L'IMAGE */
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd {
    float: left;
    width: 300px;
    position: relative;
    height: auto;
    margin: 0;
    padding: 0;
    margin: 0;
    display: grid;
    /* 2 colonnes pour la ligne heure / réserver */
    /* grid-template-columns: 34% 66%;
    grid-template-areas:
        "date date"
        "heure reserver"
        "nom nom"
        "desc desc"; */
    grid-template-columns: 100%;
    grid-template-areas:
        "reserver";
}

/* DATE */
.compObjetEvenement .dateRep {
    grid-area: date;
    padding: 10px 15px;
    background: #e5ceff;
    color: var(--tertiary-color);
    text-align: center;
    font-size: 1.33rem;
    font-weight: 700;

    display: none;
}


/* HEURE */
.compObjetEvenement .heureRep {
    grid-area: heure;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: var(--tertiary-color);
    background: #b9ffbd;
    font-size: 1.33rem;
    font-weight: 700;

    display: none;
}


/* BOUTON RESERVER */
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver:hover {
    grid-area: reserver;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background: var(--tertiary-color);
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 700;
    /* annule un éventuel positionnement existant */
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    border: 0;
    border-radius: 0;
    text-transform: initial;
    width: initial;
    margin: 0;
}

.compObjetRegroupement .compObjetEvenement a.etat12,
.compObjetRegroupement .compObjetEvenement a.etat10 {
    background: none repeat scroll 0 0 #e6e6e6 !important;
    color: var(--primary-color) !important;
    border: 0 !important;
}

.compObjetRegroupement .compObjetEvenement a.etat12 span,
.compObjetRegroupement .compObjetEvenement a.etat10 span {
    color: var(--tertiary-color) !important;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver span {
    color: #fff;
}


/* NOM */
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetNom {
    grid-area: nom;
    display: block;
    width: auto;
    padding: 22px 15px 8px 15px;
    color: #111;
    text-decoration: none;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
    text-align: left;
    padding: 10px 15px;
    margin: 0;

    display: none;
}


/* DESCRIPTION */
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetInfo {
    grid-area: desc;
    display: block;
    width: auto;
    padding: 0 15px 20px 15px;
    text-align: left;

    display: none;
}

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





/* @media screen and (min-width: 768px) {
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetNom {
        width: auto;
        font-family: var(--typography-secondary-font-family), sans-serif;
        font-weight: 400;
        font-size: 21px;
        padding: 0 5px;
        min-height: 50px;
    }
} */

/* fin vignette event */

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

    .allEventList {
        justify-content: center;
    }

    .pre-header .lmm-logo {
        width: 70px;
        margin: 9px 0 3px 0;
    }

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

    .pre-header {
        left: 43px;
        top: 10px;
    }
}

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

    .compCompte:hover {
        border-bottom: 0px;
    }
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .etat10 span {
    font-family: var(--typography-primary-font-family);
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd {
    min-height: 0;
}

.revente-billet {
    display: none;
}

@media screen and (max-width: 767px) {
    .selectLangue {
        display: none;
    }
}

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

    #pageAccueil .cadre-colonne-content {
        width: auto;
        flex-wrap: wrap;
        gap: 20px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 50px 20px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
    }

    .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl {
        height: 250px;
        margin: auto !important;
    }

    .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver {
        right: -38px;
    }
}

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

    .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver {
        width: 248px;
        right: 0px !important;
        bottom: 47px !important;
        position: inherit !important;
    }
} */

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

    #pageAccueil .cadre-colonne-content {
        margin-top: 25px
    }
}

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

        margin: 0;
    }
}

/*------------------------------------------------*\
    # Etape 1
\*------------------------------------------------*/

#pageEtape1 .compObjet {
    padding: 0;
}

.compTarifDisponible .descContent {
    display: none;
}

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

#pageEtape1 .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl.objetRepresentation {
    border-radius: 0;
    background-color: var(--light-lavender-color);
    margin: 20px auto;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dt img {
    border-radius: 0;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td {
    background: var(--light-lavender-color) !important;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td .conditions {
    font-weight: 400;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne4 input.champ {
    height: 36px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

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

    .compEtape {
        padding: 10px;
    }

    .cadre-colonne-content .compBody {
        width: calc(100% - 20px) !important;
        margin: 0 auto;
    }

    .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs th.tableColonne4 {
        text-align: center !important;
    }

    .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne4 input.champ {
        width: 48px;
        height: 33px;
    }
}

/* conditions */

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions {
    border-bottom: 0 solid !important;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions.fenetre {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    background: var(--light-lavender-color) !important;
    box-shadow: 0 12px 30px rgba(48, 18, 48, 0.40);
    box-sizing: border-box;
    max-height: 80vh;
    overflow: auto;
    width: calc(100vw - 1rem);
    padding: .75rem;
    border-radius: 0;
    margin: 0;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .titleFenetre {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
    border-bottom: 1px solid #000000;
    color: var(--tertiary-color) !important;
    height: 35px;
    line-height: 20px;
    padding: 0 10px;

    a {
        color: var(--tertiary-color) !important;
        font-size: 1.25rem !important;
    }
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .contenuFenetre {
    color: var(--tertiary-color) !important;
    font-size: 1.25rem !important;
    line-height: 25px;
    font-weight: 400;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .contenuFenetre span {
    font-weight: 500;
}


.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .fermerFenetre {
    text-decoration: none;
    font-size: .9rem;
    padding: .25rem .5rem;
    cursor: pointer;
    border-radius: 0;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .fermerFenetre:hover,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .fermerFenetre:focus {
    background: #000000;
    color: var(--secondary-color) !important;
}


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

    .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions.fenetre {
        width: 540px;
    }
}


/*  CALENDRIER  */

#listeCalendarRep {
    display: none;
}

#langageEN .calendarHeureLines a {
    font-size: 1rem !important;
}

div.dp-popup div.dp-nav-prev .dp-nav-prev-year,
div.dp-popup div.dp-nav-next .dp-nav-next-year {
    display: none;
}

div.dp-popup {
    color: var(--text-primary-color);
    background: var(--transparent);
}

div.dp-popup h2 {
    background: var(--transparent);
    text-transform: capitalize;
    text-align: left;
    margin-left: 25px;
    font-family: var(--typography-secondary-font-family), sans-serif;
    font-size: 25px;
}

div.dp-popup div.dp-nav-prev {
    right: 100px;
    left: 0;
    width: inherit;
}

div.dp-popup div.dp-nav-next {
    width: 25px;
}

div.dp-popup div.dp-nav-prev a {
    float: right;
}

div.dp-popup div.dp-nav-prev .dp-nav-prev-month,
div.dp-popup div.dp-nav-next .dp-nav-next-month {
    color: var(--Primary-color) !important;
}

div.dp-popup .dp-calendar .jCalendar thead th {
    font-weight: 500;
}

div.dp-popup .dp-calendar .jCalendar tbody .other-month,
div.dp-popup .dp-calendar .jCalendar tbody .current-month {
    background: var(--transparent);
    color: var(--text-primary-color);
    border: 1px solid var(--line-Secondary-color);
    border-radius: 0;
}

div.dp-popup .dp-calendar .jCalendar tbody td.other-month.dp-hover,
div.dp-popup .dp-calendar .jCalendar tbody td.current-month.dp-hover {
    color: var(--primary-color);
    background: var(--tertiary-color);
}

div.dp-popup .dp-calendar .jCalendar tbody td.other-month.empty,
div.dp-popup .dp-calendar .jCalendar tbody td.current-month.empty {
    border: 2px solid var(--transparent);
}

div.dp-popup .dp-calendar .jCalendar tbody td.other-month.disabled {
    color: var(--text_disabled);
    background-color: var(--transparent);
    border: 1px solid var(--transparent);
}

div.dp-popup .dp-calendar .jCalendar tbody td.other-month.disabled {
    background-color: transparent;
}

div.dp-popup .dp-calendar .jCalendar tbody td.current-month.disabled {
    background-color: var(--gray-Secondary-color);
    border: 1px solid var(--gray-Secondary-color);
    color: var(--Tertiary-color);
}

div.dp-popup .dp-calendar .jCalendar tbody td.today {
    background-color: var(--transparent);
    border: 1px solid var(--tertiary-color);
    color: var(--tertiary-color);
}

div.dp-popup .dp-calendar .jCalendar tbody td.indispo {
    background-color: var(--gray-Primary-color) !important;
    border: 1px solid var(--gray-Primary-color) !important;
    color: var(--gray-Tertiary-color) !important;
    text-decoration: line-through;
}

div.dp-popup .dp-calendar .jCalendar tbody td.selected {
    background-color: var(--tertiary-color);
    border: 2px solid var(--tertiary-color);
    color: var(--primary-color) !important;
}

div.dp-popup .dp-calendar .jCalendar tbody td.border {
    color: var(--Primary-color);
}

/* texte calendrier */
.dataContentComposants:has(.compCalendrier) .descContent {
    padding: 15px 20px 0 !important;
}

/* fin texte calendrier */

.dataContentComposants .descContent {
    padding: 15px 20px;
    margin-bottom: 15px;
    font-size: 15px;
}

#dateCalendarRep {
    font-family: var(--typography-secondary-font-family), sans-serif;
    font-size: 25px;
    padding: 0 0 15px 5px;
}

#descCalendarRep {
    padding: 0 0 15px 5px;
}

#contenuCalendarHeures {
    margin-top: 10px;
    background-color: var(--transparent);
    border: 1px solid var(--gray-Primary-color);
}

.calendarHeureLines {
    background: var(--transparent);
    border: 1px solid var(--line-Secondary-color);
    border-radius: 5px;
}

.calendarHeureLines a {
    background: var(--transparent);
    color: var(--text-primary-color);
    border-radius: 5px;
}

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

.calendarHeureLines:hover {
    background-color: var(--tertiary-color);
}

/* legende calendrier */
.calendarIndex .Index-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.calendarIndex .Index-row-top,
.calendarIndex .Index-row-bottom {
    display: flex;
    justify-content: left;
    gap: 30px;
}

.calendarIndex .Index-row-bottom {
    justify-content: left;
    gap: 40px;
}

.calendarIndex .Index li {
    display: inline;
}

.calendarIndex {
    font-size: 14px;
    margin-left: 5px;
    padding: 10px;
}

.calendarIndex .Index .colorIndex {
    padding: 5px 15px;
    font-size: 12px;
    color: var(--text_disabled);
    border-radius: 5px;
}

.calendarIndex .Index .etat-jour {
    background-color: var(--transparent) !important;
    border: 1px solid var(--tertiary-color);
    color: var(--text-primary-color);
}

.calendarIndex .Index .etat-indispo {
    background-color: var(--gray-Secondary-color) !important;
    border: 1px solid var(--gray-Secondary-color);
    color: var(--Tertiary-color);
}

.calendarIndex .Index .etat-complet {
    background-color: var(--gray-Primary-color) !important;
    border: 1px solid var(--gray-Primary-color);
    color: var(--gray-Tertiary-color);
    text-decoration: line-through;
}

.calendarIndex .Index .etat-dispo {
    background: var(--transparent);
    color: var(--text-primary-color);
    border: 1px solid var(--line-Secondary-color);
}

.calendarIndex .Index .etat-select {
    background-color: var(--tertiary-color);
    border: 1px solid var(--tertiary-color);
    color: var(--text-primary-color);
}

.calendarIndex .Index .txtIndex {
    margin-left: 7px;
    font-size: 12px;
}

.calendarIndex .Index {
    margin-bottom: 5px;
}

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

    .calendarIndex .Index-container,
    .calendarIndex .Index-row-top,
    .calendarIndex .Index-row-bottom {
        display: block;
    }

    .calendarIndex .Index {
        margin: 15px 0;
    }
}

/* calendrier MON COMPTE */

/*------------------------------------------------*\
    # Etape 2
\*------------------------------------------------*/

.compDejaClient.nouveauParcours.notConnected .afficheNouveauClient,
.compNouveauClient.nouveauParcours .afficheDejaClient {
    display: none !important;
}

.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .renommageBillet .renommageBilletInput,
#compRenommageBillet1 .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .tableColonne3 .renommageBilletInput {
    width: 150px !important;
    height: 30px !important;
    border-radius: 0;
}

.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion.selected {
    background-color: var(--light-lavender-color);
}

#nouveaucivilite,
#nouveaupays {
    width: 220px;
    height: 35px;
    border-radius: 0;
}

.compNouveauClient table input,
.compDejaClient table tr td input#dejamail,
.compDejaClient table tr td input#dejapass {
    width: 220px;
    height: 35px;
    border-radius: 0;
}

#optinNewsletterPartenaireOrga,
.compNouveauClient table input#nouveaunewsok,
.doubleOptIn #optinNewsletterOrga {
    width: 15px !important;
    height: 15px;
    margin: 0 5px 0;
}

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#dateNaissance_day,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#dateNaissance_month,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#dateNaissance_year {
    height: 35px;
    border-radius: 0;
    margin-right: 3px;
}

.compModeDeDiffusion .tableDesc,
.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .tableHeader {
    display: none;
}

.compAdherent {
    margin: 20px auto 0;
    width: 450px;
    padding-bottom: 0;
}

.compAdherent .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    margin: 0 !important;
}

.compAdherent table.listeAdhesion tr.listeAdhesionTitle th {
    display: none;
    height: 35px;
}

.compAdherent table.listeAdhesion tr.listeAdhesionContent input {
    border-radius: 0;
}

.compAdherent table.listeAdhesion {
    margin: 0 auto 20px;
}

.compAdherent table.listeAdhesion tr.listeAdhesionContent label:first-child {
    margin-top: 0;
}

.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .renommageBillet {
    border-bottom: 1px solid #D4D4D4;
}

.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .renommageBillet.champsRequis .champSupContent {
    border-top: 0;
    float: right;
}

@media screen and (min-width: 768px) {
    #pageEtape2 .validContent {
        text-align: right;
        margin-bottom: 0;
        padding: 10px 20px;
    }
}

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

    #nouveaucivilite,
    #nouveaupays,
    .compNouveauClient table input,
    .compDejaClient table tr td input#dejamail,
    .compDejaClient table tr td input#dejapass,
    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#dateNaissance_day,
    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#dateNaissance_month,
    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#dateNaissance_year {
        width: 100% !important;
        margin: 0;
        padding: 0 5px 0;
    }

    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .renommageBillet select.renommageBilletInput {
        height: 35px !important;
    }

    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .renommageBillet .renommageBilletInput {
        height: 15px !important;
    }

    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .renommageBillet .libelle {
        margin-bottom: 5px;
    }

    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .renommageBillet .renommageBilletInput.mailPorteur {
        width: 350px !important;
    }

    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .renommageBillet .renommageBilletInput.nom,
    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .renommageBillet .renommageBilletInput.prenom {
        height: 13px !important;
    }

    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .renommageBillet .renommageBilletInput.civilitePorteur {
        width: 70px !important;
    }

    #pageEtape2 .validContent .btnRetourAccueil {
        width: 220px !important;
    }

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

@media screen and (max-width: 475px) {
    .compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .tableColonne1 input.radio {
        width: 22px;
    }
}

/*------------------------------------------------*\
    # Etape 3
\*------------------------------------------------*/

#pageEtape3 table.reduction th {
    display: none;
}

#infoformulaire {
    background: var(--light-lavender-color);
}

#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
    border-radius: 0;
}

/*------------------------------------------------*\
    # Etape 4
\*------------------------------------------------*/

.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne3,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne3 {
    display: none;
}

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

    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 {
        padding: 0 0 0 20px;
    }

    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne1 {
        width: 470px;
    }
}


/* =========================================
   RESPONSIVE
   ========================================= */

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

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

@media (max-width: 767px) {

    .compReduction .dataContentComposants {
        padding: 22px 18px;
    }

    .compReduction .divBoxReductionForm {
        grid-template-columns: 1fr;
        grid-template-areas:
            "consigne"
            "input"
            "bouton";
    }

    .compReduction {
        width: calc(100% - 30px);
        margin: 30px auto;
    }

    .compReduction .dataContentComposants {
        padding: 30px !important;
    }

    .compReduction input.btCodeReduction {
        width: 100%;
    }
}

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

    .compReduction {
        width: 100%;
    }

    #pageEtape3 .compBody .dataContentComposants {
        padding: 20px !important;
        position: relative;
    }

    .PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-paymentMethod-view .pl-form-container {
        padding-left: 0;
        padding-right: 0;
    }

    #PaylineWidget {
        margin: 0;
    }
}

/*------------------------------------------------*\
    # Vignette Evenement
\*------------------------------------------------*/

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe {
    display: flex;
    flex-wrap: wrap;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleNom,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle .evenementSalleVille,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSousGenre,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementGenre,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs {
    display: none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl {
    display: flex;
    flex-direction: column;
    width: 200px !important;
    height: 360px;
    padding: 0px;
    border-radius: 0px;
    background-color: var(--light-lavender-color);
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt img,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt {
    border-radius: 0;
    width: 200px;
    height: 200px;
    margin: 0;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd {
    min-height: 0;
    display: flex;
    margin-left: 0px;
    width: 100%;
    flex-direction: column-reverse;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementDate {
    width: 100%;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementNom {
    width: auto;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    height: 156px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
    padding: 0px 10px
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver {
    background-color: var(--tertiary-color);
    color: var(--primary-color);
    border-radius: 0px;
    border: 0px;
    width: 116px;
    top: 34px;
    right: 0px;
    height: 14px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver.etat11 span {
    font-size: 12px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver:hover {
    background-color: var(--violet-hover-color);
    border: 0px;
    color: var(--primary-color)
}

.evenementReserver {
    display: flex;
    justify-content: center;
    align-items: center;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a {
    display: flex;
}

.evenementDateTexte {
    display: inline-block;
    background-color: var(--lavender-color);
    color: var(--tertiary-color);
    padding: 6px 0px;
    width: 200px;
    height: 22px;
    text-align: center;
}

.evenementHeureTexte {
    display: inline-block;
    background-color: var(--mint-color);
    color: var(--tertiary-color);
    padding: 6px 12px;
    width: 40px;
    height: 22px;
}


/*------------------------------------------------*\
    # moncompte
\*------------------------------------------------*/

.rechercheCompteDigitick {
    display: none;
}

.ongletContent {
    margin: 10px 20px 30px;
}

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

.infoTransaction,
#pageCompte table.tableBilletsCompteBlocs[data-billets-cols="4"] tr>td:nth-child(4) {
    display: none !important;
}

/*------------------------------------------------*\
    # FAQ
\*------------------------------------------------*/

.title-etape {
    text-align: center;
    color: var(--primary-color);
    font-family: var(--typography-primary-font-family);
    margin: 35px 0;
}

.text-title {
    font-size: 35px;
    font-weight: 700;
}

.text-info {
    font-size: 21px;
    font-weight: 400;
}

.landing-page {
    width: 980px;
    margin: 60px auto;
}

.section-infos .info-container .toggle-info {
    cursor: pointer;
    user-select: none;
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 500;
    padding: 25px 5px;
    border-bottom: 2px solid var(--primary-color);
}

.section-infos .info-container .toggle-info.active {
    /* border-bottom: 0px; */
    font-weight: bold;
}

.section-infos .info-container .toggle-info::after {
    content: "";
    float: right;
    margin-top: 10px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid var(--secondary-color);
}

.toggle-info.active::after {
    transform: rotate(180deg);
}

.section-infos .info-container .content-drop {
    display: none;
}

.section-infos .info-container .show {
    display: block !important;
    user-select: none;
    padding: 0px 0px 20px 0px;
    color: var(--primary-color);
    font-size: 15px;
    border-bottom: 2px solid var(--tertiary-color)
}

.section-infos .info-container .show a {
    text-decoration: underline 2px var(--secondary-color);
    color: var(--tertiary-color);
    font-size: 15px;
    font-weight: 700;
    text-underline-offset: 4px;
}

.section-infos .info-container .show a:hover {
    color: var(--tertiary-color);
}

.section-infos .info-container p a {
    color: var(--text-Quaternary-color);
    font-size: 15px;
}

.box_skitter .container_skitter {
    border-radius: 0px;
}

/*--------------------------------------------------------------------*\
    # SETLIST
\*--------------------------------------------------------------------*/

.img-calendar {
    max-width: 980px;
    margin: 0 auto;
}

/*--------------------------------------------------------------------*\
    # SETLIST
\*--------------------------------------------------------------------*/

.setlist-page {
    width: 100%;
}

.setlist-page .section-infos {
    max-width: 980px;
    margin: 0 auto;
}

.setlist-container {
    width: 100%;
}

.setlist-block {
    width: 100%;
}


/*--------------------------------------------------------------------*\
    # TITRE
\*--------------------------------------------------------------------*/

.setlist-title {
    margin: 0 0 30px 0;
    padding: 0;

    font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;

    cursor: default;
}


/*--------------------------------------------------------------------*\
    # LISTE
\*--------------------------------------------------------------------*/

.setlist-content {
    display: block;
    width: 100%;
}

.setlist {
    display: grid;

    /* 4 titres par ligne */
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 18px 30px;

    width: 100%;
    margin: 0;
    padding: 0;
}


/*--------------------------------------------------------------------*\
    # TITRE DE CHANSON
\*--------------------------------------------------------------------*/

.setlist span {
    display: block;
    box-sizing: border-box;

    margin: 0;
    padding: 0;

    font-size: 16px;
    line-height: 1.35;
}


/*--------------------------------------------------------------------*\
    # TABLETTE
\*--------------------------------------------------------------------*/

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

    .setlist {
        /* 3 titres par ligne */
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px 20px;
    }

}


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

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

    .setlist-page .section-infos {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .setlist-title {
        margin-bottom: 22px;
        font-size: 23px;
    }

    .setlist {
        display: block;

        /* 2 colonnes */
        column-count: 2;
        column-gap: 25px;

        width: 100%;
        margin: 0;
        padding: 0;
    }

    .setlist span {
        display: inline-block;
        width: 100%;

        box-sizing: border-box;

        margin: 0 0 14px 0;
        padding: 0;

        font-size: 14px;
        line-height: 1.3;

        /* évite qu'un titre soit coupé entre 2 colonnes */
        break-inside: avoid;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
    }

}




@media screen and (min-width: 1130px) {
    #pageAccueil .landing-page {
        width: 980px;
    }
}

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

    .landing-page {
        width: inherit;
        padding: 0 10px;
    }
}

@media screen and (max-width: 767px) {
    .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl:first-child {
        margin-top: 0px;
    }

    .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd {
        align-items: inherit;
        top: -34px
    }

    .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate {
        text-align: inherit;

    }

    .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver {
        top: 68px;
        right: -64px !important;
    }
}



/*--------------------------------------------------------------------*\
        # footer
\*--------------------------------------------------------------------*/

.compFooterMarqueBlanche {
    background-color: #ffffff;
}

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants {
    color: var(--Primary-color);
}

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .paiement {
    background: url("../image/logo_paiement.svg") no-repeat scroll 0 bottom transparent;
    background-position-x: center !important;
    background-position-y: 30px !important;
    background-size: 230px !important;
}

.compFooterMarqueBlanche {
    padding: 5px 0;
    margin-top: 25px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.compFooterMarqueBlanche .contentComposants {
    max-width: 980px;
    margin: 25px auto;
    padding: 18px 24px;
}

.compFooterMarqueBlanche .dataContentComposants {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 40px;
    position: relative;
}

.compFooterMarqueBlanche .footer-logo {
    grid-column: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: start;
    gap: 10px;
}

.compFooterMarqueBlanche .footer-logo-portail img {
    width: 200px;
    height: auto;
    display: block;
}

.compFooterMarqueBlanche .footer-logo-link img {
    width: 120px;
    height: auto;
    display: block;
}


.footer-rs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin: 20px 0 0;
    padding: 0;

    list-style: none;
}

.footer-rs-item {
    margin: 0;
    padding: 0;
}

.footer-rs-link {
    position: relative;

    display: block;

    width: 50px;
    height: 50px;

    text-decoration: none;

    border-radius: 50%;

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}

.footer-rs-link::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 50px;
    height: 50px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px 50px;

    transition: opacity 0.25s ease;
}

.footer-rs-link:hover,
.footer-rs-link:focus {
    transform: translateY(-3px);
}

.footer-rs-link:focus {
    outline: 2px solid #ffffff;
    outline-offset: 4px;
}


/* Texte uniquement destiné aux lecteurs d'écran */
.sr-only {
    position: absolute;

    width: 1px;
    height: 1px;

    padding: 0;
    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;
}

.footer-rs-facebook::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23fff'/%3E%3Cpath d='M14.567 14.563l.719-4.685h-4.5V6.837a2.343 2.343 0 0 1 2.642-2.531h2.044V.317A24.925 24.925 0 0 0 11.848 0c-3.7 0-6.123 2.244-6.123 6.307V9.878H1.609v4.685h4.116V25.89h5.065V14.563Z' transform='translate(16.613 11.613)' fill='%23141414'/%3E%3C/svg%3E");
}

.footer-rs-instagram::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23fff'/%3E%3Cpath d='M11.1 7.539a5.58 5.58 0 1 0 0 11.159 5.58 5.58 0 1 0 0-11.159Zm0 9.207a3.628 3.628 0 1 1 3.7-3.627 3.672 3.672 0 0 1-3.7 3.627Zm7.254-9.435a1.328 1.328 0 1 1-1.328-1.3 1.312 1.312 0 0 1 1.328 1.3Zm3.771 1.321a6.369 6.369 0 0 0-1.794-4.56 6.69 6.69 0 0 0-4.653-1.758c-1.833-.1-7.328-.1-9.162 0A6.681 6.681 0 0 0 1.866 4.067 6.39 6.39 0 0 0 .073 8.627c-.1 1.8-.1 7.182 0 8.978a6.369 6.369 0 0 0 1.794 4.56 6.7 6.7 0 0 0 4.653 1.758c1.833.1 7.328.1 9.162 0a6.647 6.647 0 0 0 4.653-1.758 6.411 6.411 0 0 0 1.794-4.56c.1-1.8.1-7.177 0-8.974Zm-2.368 10.9A3.711 3.711 0 0 1 17.648 21.6c-1.462.568-4.93.437-6.545.437s-5.089.126-6.545-.437a3.711 3.711 0 0 1-2.111-2.069C1.866 18.1 2 14.7 2 13.118S1.871 8.131 2.446 6.7a3.711 3.711 0 0 1 2.111-2.069C6.019 4.067 9.487 4.2 11.1 4.2s5.089-.126 6.545.437A3.711 3.711 0 0 1 19.759 6.7c.58 1.432.446 4.832.446 6.415s.133 4.987-.446 6.415Z' transform='translate(13.492 11.439)' fill='%23141414'/%3E%3C/svg%3E");
}

.footer-rs-youtube::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23fff'/%3E%3Cpath d='M27.545 7.418a3.366 3.366 0 0 0-2.392-2.36C23.042 4.5 14.58 4.5 14.58 4.5s-8.462 0-10.572.558a3.366 3.366 0 0 0-2.392 2.36 34.272 34.272 0 0 0-.565 6.424 34.272 34.272 0 0 0 .565 6.424 3.318 3.318 0 0 0 2.392 2.322c2.11.558 10.572.558 10.572.558s8.462 0 10.572-.558a3.318 3.318 0 0 0 2.392-2.322 34.272 34.272 0 0 0 .565-6.424 34.272 34.272 0 0 0-.565-6.424ZM11.813 17.785V9.9l7.073 3.943Z' transform='translate(10.159 10.735)' fill='%23141414'/%3E%3C/svg%3E");
}

.footer-rs-spotify::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23fff'/%3E%3Cpath d='M11.579.562A11.822 11.822 0 0 0 0 12.6a11.822 11.822 0 0 0 11.579 12.047A11.822 11.822 0 0 0 23.158 12.6 11.822 11.822 0 0 0 11.579.562Zm4.7 17.719a.868.868 0 0 1-.5-.175c-2.913-1.826-6.3-1.9-9.651-1.19a2.915 2.915 0 0 1-.556.126.742.742 0 0 1-.738-.767.762.762 0 0 1 .635-.816c3.824-.879 7.732-.8 11.066 1.272a.826.826 0 0 1 .453.8.72.72 0 0 1-.71.748Zm1.258-3.181a1.124 1.124 0 0 1-.574-.2 14.619 14.619 0 0 0-11.14-1.428 1.86 1.86 0 0 1-.556.126.925.925 0 0 1-.906-.942.951.951 0 0 1 .724-1.005 15.144 15.144 0 0 1 4.566-.66 15.857 15.857 0 0 1 8.264 2.209 1.02 1.02 0 0 1 .528.957.924.924 0 0 1-.906.947Zm1.447-3.7a1.045 1.045 0 0 1-.6-.189C15.058 9.143 9.114 8.647 5.267 9.764a2.144 2.144 0 0 1-.6.126 1.1 1.1 0 0 1-1.091-1.145 1.141 1.141 0 0 1 .812-1.161 18.862 18.862 0 0 1 5.486-.738 19.1 19.1 0 0 1 9.59 2.321 1.147 1.147 0 0 1 .6 1.1 1.1 1.1 0 0 1-1.08 1.133Z' transform='translate(13.421 11.953)' fill='%23141414'/%3E%3C/svg%3E");
}

.footer-rs-home::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='472' height='472' viewBox='0 0 472 472'%3E%3Ccircle cx='236' cy='236' r='236' fill='%23fff'/%3E%3Cpath d='M134 225l102-94 102 94' fill='none' stroke='%23141414' stroke-linecap='round' stroke-linejoin='round' stroke-width='26'/%3E%3Cpath d='M157 204v131h158V204' fill='none' stroke='%23141414' stroke-linecap='round' stroke-linejoin='round' stroke-width='26'/%3E%3C/svg%3E");
}

.footer-rs-link::before {
    transition:
        filter 0.25s ease,
        transform 0.25s ease;
}

.footer-rs-link:hover::before,
.footer-rs-link:focus::before {
    filter: invert(1);
}

.footer-rs-link:hover,
.footer-rs-link:focus {
    transform: translateY(-3px);
}

#home {
    display: none;
}

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

    .footer-rs {
        gap: 8px;
    }

    .footer-rs-link,
    .footer-rs-link::before {
        width: 42px;
        height: 42px;
    }

    .footer-rs-link::before {
        background-size: 42px 42px;
    }
}




.compFooterMarqueBlanche .all-list {
    position: relative;
    grid-column: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    text-align: center;
    top: 0;
    width: auto;
    left: 0;
    transform: none;
}

.compFooterMarqueBlanche .paiement,
.compFooterMarqueBlanche .powered-SeeTickets {
    grid-column: 3;
    justify-self: end;
}

#PoweredSeeTickets span {
    width: max-content;
}

.compFooterMarqueBlanche .paiement {
    order: 1;
    margin-bottom: 22px;
    font-size: 14px;
}

.compFooterMarqueBlanche .powered-SeeTickets {
    order: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-size: 13px;
}

.compFooterMarqueBlanche .powered-SeeTickets svg {
    width: 105px;
    height: auto;
}

.compFooterMarqueBlanche .powered-SeeTickets .lettrage {
    fill: #000000;
}

.compFooterMarqueBlanche .serviceClient {
    display: none;
}

.compFooterMarqueBlanche .contentComposants {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
}

.compFooterMarqueBlanche .footer-logo {
    grid-column: 1;
    grid-row: 1;
}

.compFooterMarqueBlanche .dataContentComposants {
    display: contents;
}

.compFooterMarqueBlanche .all-list {
    grid-column: 2;
    grid-row: 1;
}

.compFooterMarqueBlanche .paiement {
    grid-column: 3;
    grid-row: 1;
    align-self: start;
    justify-self: end;
}

.compFooterMarqueBlanche .powered-SeeTickets {
    grid-column: 3;
    grid-row: 1;
    align-self: end;
    justify-self: end;
}

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales {
    width: 100%;
}

#PoweredSeeTickets,
.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales a,
.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .conditionsGenerales a {
    color: var(--white);
    text-decoration: none;
    font-size: 13px;
}

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .paiement {
    top: 40px;
}

#PoweredSeeTickets {
    top: 115px;
}

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales a:hover,
.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .conditionsGenerales a:hover {
    color: var(--secondary-color);
}

@media (max-width: 767px) {

    .compFooterMarqueBlanche .contentComposants {
        grid-template-columns: 1fr;
        gap: 28px;
        text-align: center;
    }

    .compFooterMarqueBlanche .footer-logo,
    .compFooterMarqueBlanche .all-list,
    .compFooterMarqueBlanche .paiement,
    .compFooterMarqueBlanche .powered-SeeTickets {
        grid-column: 1;
        justify-self: center;
    }

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

    .compFooterMarqueBlanche .footer-logo {
        grid-row: 1;
        align-items: center;
    }

    .compFooterMarqueBlanche .all-list {
        width: 100%;
        top: 125px;
        gap: 5px;
    }

    .compFooterMarqueBlanche .paiement {
        grid-row: 3;
        margin-bottom: 10px;
    }

    .compFooterMarqueBlanche .powered-SeeTickets {
        grid-row: 4;
    }

    #PoweredSeeTickets {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        margin: 20px auto 0;
        top: 0;
        left: auto;
        transform: none;
        text-align: center;
    }

    #PoweredSeeTickets span {
        white-space: nowrap;
    }

    #PoweredSeeTickets svg {
        display: block;
    }

    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .paiement {
        position: relative;
        width: 100%;
        top: 78px;
        margin-top: 20px;
    }
}

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

    .footer-top .footer-logo {
        margin-bottom: 0;
        width: 33.3333334%;
    }
}