@import url("https://p.typekit.net/p.css?s=1&k=kye8hiv&ht=tk&f=39295.39296.39297.39298&a=87694283&app=typekit&e=css");

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

.landing-page {
    display: none !important;
}

.entry-container {
    margin-bottom: 90px !important;
}

/*--------------------------------------------------------------------*\
        # Police Hind
\*--------------------------------------------------------------------*/
@font-face {
    font-family: hind;
    src: url(../police/Hind-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: hind;
    src: url(../police/Hind-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: hind;
    src: url(../police/Hind-Bold.ttf);
    font-weight: 700;
}

/*--------------------------------------------------------------------*\
        # Police Gill-sans
\*--------------------------------------------------------------------*/

@font-face {
    font-family: 'gill-sans';
    src: url('../police/Gill-Sans.otf') format('otf'),
        url('../police/Gill-Sans.woff') format('woff'),
        url('../police/Gill-Sans.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'gill-sans';
    src: url('../police/Gill-Sans-Medium.otf') format('otf'),
        url('../police/Gill-Sans-Medium.woff') format('woff'),
        url('../police/Gill-Sans-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'gill-sans';
    src: url('../police/Gill-Sans-Bold.otf') format('otf'),
        url('../police/Gill-Sans-Bold.woff') format('woff'),
        url('../police/Gill-Sans-Bold.ttf') format('truetype');
    font-weight: 700;
}

label {
    font-size: 12px;
}

/*--------------------------------------------------------------------*\
        # RGAA
\*--------------------------------------------------------------------*/

/* Appliqué uniquement quand l'utilisateur est au clavier */
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
option:focus-visible,
label:focus-visible,
th:focus-visible,
td:focus-visible {
    outline: 2px solid blue;
    outline-offset: 2px;
}

/*--------------------------------------------------------------------*\
        # couleurs / typos
\*--------------------------------------------------------------------*/
:root {
    --Primary-color: #3e3636;
    --Secondary-color: #000000;
    --Tertiary-color: #ffffff;
    --gray-Primary-color: #EEEEEE;
    --gray-Secondary-color: #9e9e9e;
    --gray-Tertiary-color: #666666;
    --gray-Quaternary-color: #1c1c1c;
    --Orange-color: #FF701B;
    --text-primary-color: #000000;
    --text-secondary-color: #ffffff;
    --text-Tertiary-color: #333333;
    --text-Quaternary-color: #1c1c1c;
    --text_disabled: #6B6B6B;
    --text-hover-blue-color: #23527c;
    --line-Primary-color: #999999;
    --line-Secondary-color: #d6d6d6;
    --line-Tertiary-color: #EEEEEE;
    --background-button-orsay: #3E3636;
    --background-button-white: #ffffff;
    --background-gray: #e6e6e6;
    --background-gray-secondary: #f3f3f3;
    --background-hover-gray: #d8d8d8;
    --backgroung-panier-color: #ffffff;
    --typography-primary-font-family: "hind";
    --typography-secondary-font-family: "gill-sans";
    --typography-tertiary-font-family: "Montserrat";
}

/*--------------------------------------------------------------------*\
        # Header
\*--------------------------------------------------------------------*/

.lienAccueilHeader,
.headerAdministrable {
    border-radius: 0px;
    display: none;
}

.headerAdministrable::after {
    padding-bottom: 10%;
}

.titre-epmo {
    position: fixed !important;
    padding: 60px 0 25px;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    color: var(--Primary-color);
    font-size: 45px;
    background-color: var(--Tertiary-color);
    border-bottom: 2px solid var(--Orange-color);
    user-select: none;
}

.titre-epmo .titre-lien {
    display: flex;
    justify-content: center;
    align-items: end;
    flex-direction: row;
    gap: 0 20px;
    width: fit-content;
    text-decoration: none;
    color: inherit;
    margin: 0 auto;
}

.titre-epmo .header-logo {
    width: 130px;
}

.titre-epmo p {
    font-size: 20px;
    height: 22px;
    font-family: var(--typography-tertiary-font-family), sans-serif;
}

.ligneContent3 {
    margin-top: 225px;
}

.compChoixLangue {
    width: 100px;
}

#compChoixLangueHeader1 .dataContentComposants a {
    text-transform: capitalize;
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants ul {
    height: 100%;
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langue {
    background-color: var(--background-button-white);
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langue:hover {
    background-color: var(--gray-Primary-color);
}

.compChoixLangue .headerComposants .footerComposants .contentComposants .dataContentComposants a.langue.hiddenFlag {
    background-image: none !important;
    padding: 15px 0 18px 5px;
    width: 95px;
    font-size: 1.3333rem;
}

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

    .titre-epmo .titre-lien {
        flex-direction: column !important;
        gap: 10px 40px !important;
        align-items: center;
    }

    .compChoixLangue.show {
        width: 100%;
        height: 100vh;
    }

    .titre-epmo {
        gap: 0 8px;
    }

    .titre-epmo .header-logo {
        width: 160px;
    }

    .titre-epmo p {
        padding-bottom: 2px;
    }

}

/*--------------------------------------------------------------------*\
        # header
\*--------------------------------------------------------------------*/

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

    .lienAccueilHeader:hover,
    .lienSiteHeader:hover,
    .compCompte:hover {
        border-bottom: 0px solid var(--Orange-color);

    }
}

.ligneContent2 {
    background-color: var(--transparent);
    user-select: none;
}

.titlePanier:hover,
.ligneContent2:hover,
.ligneContent2 a:hover {
    color: var(--text-Primary-color) !important;
}

.ligneContent2,
.ligneContent2 a {
    color: var(--Primary-color);
    font-size: 1.5rem;
}

.descriptionHeader {
    display: none;
}

.compPanierVide .topContentComposants::before,
.compPanier .topContentComposants::before {
    color: var(--Primary-color);
}

.compPanierVide .topContentComposants .titleComposants .titlePanier::before,
.compPanier .topContentComposants .titleComposants .titlePanier::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 8C12 5.79 13.79 4 16 4C18.21 4 20 5.79 20 8H12ZM10 10V15C10 15.55 10.45 16 11 16C11.55 16 12 15.55 12 15V10H20V15C20 15.55 20.45 16 21 16C21.55 16 22 15.55 22 15V10H25C25.55 10 26 10.45 26 11V27C26 27.55 25.55 28 25 28H7C6.45 28 6 27.55 6 27V11C6 10.45 6.45 10 7 10H10ZM10 8C10 4.69 12.69 2 16 2C19.31 2 22 4.69 22 8H25C26.66 8 28 9.34 28 11V27C28 28.66 26.66 30 25 30H7C5.34 30 4 28.66 4 27V11C4 9.34 5.34 8 7 8H10Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 17px;
    width: 18px;
    height: 16px;
    display: inline-block;
    transition: all .3s ease-in-out;
}

.compPanierVide .topContentComposants::before,
.compPanier .topContentComposants::before {
    font-family: inherit;
    float: left;
    padding-right: 5px;
    color: #636363;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 8C12 5.79 13.79 4 16 4C18.21 4 20 5.79 20 8H12ZM10 10V15C10 15.55 10.45 16 11 16C11.55 16 12 15.55 12 15V10H20V15C20 15.55 20.45 16 21 16C21.55 16 22 15.55 22 15V10H25C25.55 10 26 10.45 26 11V27C26 27.55 25.55 28 25 28H7C6.45 28 6 27.55 6 27V11C6 10.45 6.45 10 7 10H10ZM10 8C10 4.69 12.69 2 16 2C19.31 2 22 4.69 22 8H25C26.66 8 28 9.34 28 11V27C28 28.66 26.66 30 25 30H7C5.34 30 4 28.66 4 27V11C4 9.34 5.34 8 7 8H10Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 17px;
    width: 18px;
    height: 18px;
    display: block;
    transition: all .3s ease-in-out;
    top: 15px;
    position: relative;
}

.compCompte .compteBouton a::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 10C22 13.31 19.31 16 16 16C12.69 16 10 13.31 10 10C10 6.69 12.69 4 16 4C19.31 4 22 6.69 22 10ZM24 10C24 14.42 20.42 18 16 18C11.58 18 8 14.42 8 10C8 5.58 11.58 2 16 2C20.42 2 24 5.58 24 10ZM6 27C6 24.24 8.24 22 11 22H22C24.76 22 27 24.24 27 27V29C27 29.55 27.45 30 28 30C28.55 30 29 29.55 29 29V27C29 23.13 25.87 20 22 20H11C7.13 20 4 23.13 4 27V29C4 29.55 4.45 30 5 30C5.55 30 6 29.55 6 29V27Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 17px;
    width: 18px;
    height: 16px;
    display: inline-block;
    transition: all .3s ease-in-out;
    top: 0;
}

.lienSiteHeader::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5225 3.75C22.5225 3.5475 22.44 3.36 22.305 3.2175C22.1625 3.075 21.975 3 21.7725 3H15.7575C15.345 3 15.0075 3.3375 15.0075 3.75C15.0075 4.1625 15.345 4.5 15.7575 4.5H19.965L11.475 12.99C11.1825 13.2825 11.1825 13.755 11.475 14.0475C11.7675 14.34 12.24 14.34 12.5325 14.0475L21.0225 5.5575V9.75C21.0225 10.1625 21.36 10.5 21.7725 10.5C22.185 10.5 22.5225 10.1625 22.5225 9.75V3.75ZM3 8.2425C3 7.83 3.3375 7.4925 3.75 7.4925H13.5C13.9125 7.4925 14.25 7.155 14.25 6.7425C14.25 6.33 13.9125 5.9925 13.5 5.9925H3.75C2.505 5.9925 1.5 6.9975 1.5 8.2425V18.7425C1.5 19.9875 2.505 20.9925 3.75 20.9925H17.25C18.495 20.9925 19.5 19.9875 19.5 18.7425V12.7425C19.5 12.33 19.1625 11.9925 18.75 11.9925C18.3375 11.9925 18 12.33 18 12.7425V18.7425C18 19.155 17.6625 19.4925 17.25 19.4925H3.75C3.3375 19.4925 3 19.155 3 18.7425V8.2425Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 15px;
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    transition: all .3s ease-in-out;
}

.supPanier a {
    font-size: 14px;
}

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

#pageCompte .validContent input.valid,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte,
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit,
.compConfirmationCoordonnees .ligneSubmit input,
#compRechercheEspritMusique .libelleRecherche span input.btSubmit,
#Tarif a.Reserver span,
#formCompteConnexionPartenaire table #formDirectSubmit,
#popup_container #popup_panel button,
.compRechercheAbonne .dataContentComposants button,
#withoutExclusive a,
#popup_panel input#popup_ok,
#submitCodePromo,
#submitPromoCode,
.compDejaClient .contentComposants .dataContentComposants .btnIdentifier,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage .btSubmit,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage .btSubmit,
.compUpSelling .actions .reset,
.compUpSelling .actions .submit,
.compNouveauParcours .buttonsContainer #submitAssurance,
.compNouveauParcours .buttonsContainer #submitAssurancePanier,
.compNouveauClient.nouveauParcours .afficheDejaClient {
    font-size: 15px;
    border-radius: 0;
    width: auto;
    min-width: 147px;
    height: 50px;
    padding: 23px 10px;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected {
    font-size: 15px !important;
}

.btCodeReduction {
    position: relative;
    overflow: hidden;
    font-size: 18px;
    border-radius: 0;
    height: inherit;
    margin: 0 auto 0 !important;
    width: 180px;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount,
#pageEtape2 .validContent input.valid,
#pageEtape1 #submitFinaliser,
table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount,
#pageEtape2 .validContent input.btnRetourAccueil,
#pageEtape1 #submitPanier {
    position: relative;
    width: 230px;
    overflow: hidden;
    font-size: 15px;
    border-radius: 0;
    padding: 27px 15px;
}

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit {
    width: 215px;
}

table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount,
#pageEtape2 .validContent input.btnRetourAccueil,
#pageEtape1 #submitPanier {
    padding: 27px 30px;
}

.compConfirmationCoordonnees .ligneSubmit input,
.btCodeReduction,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount,
#pageEtape2 .validContent input.valid,
#pageEtape1 #submitFinaliser {
    background: transparent;
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 1L24 5L19 9' stroke='%23FF701B'/%3E%3Cpath d='M0 5L24 5' stroke='%23FF701B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: auto 10px;
    transition: all .3s ease-in-out;
}

.btCodeReduction:focus,
.btCodeReduction:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit:focus,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit:hover,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit:focus,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit:hover,
#pageEtape1 #submitFinaliser:focus,
#pageEtape1 #submitFinaliser:hover {
    text-decoration: none;
    color: #3e3636;
    background: transparent;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 1L24 5L19 9' stroke='%23FF701B'/%3E%3Cpath d='M0 5L24 5' stroke='%23FF701B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: auto 10px;
}


table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount,
#pageEtape2 .validContent input.btnRetourAccueil,
#pageEtape1 #submitPanier {
    background: var(--transparent);
    color: var(--text-primary-color);
    border: solid 1px #000;
    width: 230px;
}

table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount,
#pageEtape2 .validContent input.btnRetourAccueil,
#pageEtape1 #submitPanier {
    display: inline-flex;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 1.1rem;
    transition: all .3s ease-in-out;
}

#pageEtape2 .validContent input.btnRetourAccueil {
    width: 260px;
}

.compConfirmationCoordonnees .ligneSubmit input:hover,
table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount:hover,
#pageEtape2 .validContent input.btnRetourAccueil:hover,
#pageEtape1 #submitPanier:hover {
    background: #fff;
    color: #3e3636;
    border: solid 1px #000;
    border-radius: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 1.1rem;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount:hover,
#validEtape2RenommageBilletSubmit:hover {
    text-decoration: none !important;
    color: #3e3636 !important;
    background: transparent !important;
    background-color: #fff !important;
    border: 1px solid #000 !important;
    border-radius: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 1L24 5L19 9' stroke='%23FF701B'/%3E%3Cpath d='M0 5L24 5' stroke='%23FF701B'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: auto 10px !important;
}

#pageCompte .zoneRecherche button {
    height: 33px;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid #9e9e9e;
    color: #000000;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    top: -1px;
    position: relative;
}

#pageCompte .zoneRecherche button:hover {
    background: #3e3636;
    border: 1px solid #3e3636;
    color: #fff;
}

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

    #pageEtape2 .validContent .btnRetourAccueil {
        font-size: 15px !important;
        border-radius: 20px !important;
        width: auto !important;
        min-width: 147px !important;
        height: 50px !important;
        padding: 23px 10px !important;
        background: var(--Primary-color) !important;
        color: var(--text-secondary-color) !important;
        border: solid 3px var(--Primary-color) !important;
    }

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

    .ongletContent a#compteDeconnexion {
        top: -114px;
    }

    #pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement,
    #pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected {
        width: 230px !important;
        line-height: 17px;
        margin: 15px auto !important;
    }

    table#boxConfirmAccount tr td.ligneSubmit input {
        width: 230px;
        height: 54px;
        color: var(--Primary-color);
    }

    table#boxConfirmAccount tr td.ligneSubmit input,
    table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount {
        text-transform: inherit;
    }

}

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

    table#boxConfirmAccount tr td.ligneSubmit input {
        width: 230px;
        height: 54px;
    }
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants,
.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants,
#pageCompte .rechercheCompteDigitick,
.ongletContent a {
    border-radius: 0;
}

#pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr:last-child {
    border-bottom: 0 solid var(--line-Secondary-color);
}

#pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table .tableHeader {
    border-bottom: 1px solid var(--line-Secondary-color) !important;
}

.ongletContent a:hover,
.ongletContent a {
    box-shadow: 0 var(--line-Secondary-color);
}

.ongletContent a#compteDeconnexion {
    font-size: 13px;
}

.ongletContent a.ongletSelected {
    background: var(--transparent);
    border: 1px solid var(--Orange-color);
    box-shadow: 0 var(--line-Secondary-color);
    color: var(--Primary-color);
    border-radius: 0;
}

/*--------------------------------------------------------------------*\
        # carrousel
\*--------------------------------------------------------------------*/

.info_slide_dots {
    display: block !important;
}

.box_skitter .info_slide_dots {
    left: 50% !important;
    right: inherit !important;
    bottom: -50px;
    transform: translate(-50%, -50%);
}

.compCarrouselMiseEnAvant .headerComposants .footerComposants .contentComposants .dataContentComposants {
    margin-bottom: 40px;
}

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

.box_skitter .info_slide_dots .image_number {
    margin: 0 7px 0 0;
    width: 9px;
    height: 9px;
}

.box_skitter .info_slide_dots .image_number_select {
    background: var(--Orange-color) !important;
    margin: 0 7px 0 0;
    border-radius: 12px;
    min-width: 24px;
    max-width: 24px;
}

.box_skitter .prev_button,
.box_skitter .next_button {
    opacity: 1 !important;
}

.box_skitter .prev_button {
    top: 115.5%;
    left: 43%;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

.box_skitter .next_button {
    top: 115.5%;
    right: 43%;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

/*--------------------------------------------------------------------*\
        # opération marketing
\*--------------------------------------------------------------------*/

@media screen and (min-width: 768px) {
    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        border-radius: 0px;
    }
}

/*--------------------------------------------------------------------*\
        # panier
\*--------------------------------------------------------------------*/

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

    .compPanierVide .topContentComposants:hover {
        border-bottom: 0px solid var(--Orange-color);
    }

    .compPanier .topContentComposants:hover {
        border-bottom: 0px solid var(--transparent);
    }

    .compPanier .topContentComposants .titleComposants {
        border: 1px solid var(--Orange-color);
        padding: 0 20px;
        border-radius: 0px;
    }

    #compPanier1 .resumePanier~.deroulePanier a::after,
    #compPanier1 .resumePanier~.cachePanier a::after {
        right: 10px;
    }

    .compPanierVide .topContentComposants::before,
    .compPanier .topContentComposants::before {
        display: none;
    }
}

#compPanier1 .headerComposants .footerComposants .contentComposants .dataContentComposants {
    width: 350px;
    top: 153px;
    background: var(--Tertiary-color);
    color: var(--text-primary-color);
    border-top: 2px solid var(--Orange-color);
    border-left: 1px solid var(--Orange-color);
    border-bottom: 1px solid var(--Orange-color);
    border-bottom-left-radius: 0px;
}

#compPanier1 .totalValiderPanier .totalPanier,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .prix,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .tarif,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .ville,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .lieu,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .date,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .nom a,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .nomRegroupement a {
    color: var(--text-primary-color);
}

#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .nom a,
#compPanier1 .totalValiderPanier .totalPanier {
    font-size: 18px;
}

#compPanier1 .totalValiderPanier .delaiValiditePanier,
#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .prix,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .tarif,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .ville,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .lieu,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .date {
    font-size: 14px;
}


#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .ville,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .lieu {
    display: none;
}

#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .prix {
    font-weight: 700;
}

#compPanier1 .listeRecapPanier .recapPanier {
    padding: 15px 0;
}

.bottomRecapPanier {
    border-top: 0px solid #999999;
}

#compPanier1 .totalValiderPanier .validerPanier a {
    font-size: 15px;
    height: 42px;
    margin: 0 69px;
    background: transparent;
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 1L24 5L19 9' stroke='%23FF701B'/%3E%3Cpath d='M0 5L24 5' stroke='%23FF701B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: auto 10px;
    transition: all .3s ease-in-out;
    width: 210px;
}

#compPanier1 .totalValiderPanier .validerPanier a:hover {
    background: transparent;
    background-color: transparent;
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 1L24 5L19 9' stroke='%23FF701B'/%3E%3Cpath d='M0 5L24 5' stroke='%23FF701B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: auto 10px;
    transition: all .3s ease-in-out;
    border-radius: 15px;
}

.infoPanier {
    color: var(--text-primary-color);
}

#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier {
    font-size: 1.1rem;
    background: var(--transparent);
    margin: 15px 0px 0px -100px;
    position: absolute;
}

#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier:hover {
    color: var(--Primary-color);
}

.totalValiderPanier {
    border-top: 1px solid var(--Orange-color);
}

.supPanier a {
    color: #999999;
}

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

.bigPanier {
    max-height: calc(100vh - 353px) !important;
}

#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .nom {
    font-weight: 500;
}

.cadre-colonne-content {
    margin: 0px auto;
    padding: 0px;
}

@media screen and (max-width: 767px) {
    #compPanier1 .totalValiderPanier .validerPanier a {
        margin: 0 auto !important;
        width: 230px !important;
    }
}

/*--------------------------------------------------------------------*\
        # Accueil
\*--------------------------------------------------------------------*/

#pageAccueil .compDialogue {
    width: 980px;
}

.compDialogue {
    width: 900px;
}

#pageAccueil .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageEtape4 .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageReservation .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage {
    background: #219653;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
}

.compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeErreur {
    background: #CF4845;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .compDialogue {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .compDialogue {
        width: 100%;
    }
}

/*--------------------------------------------------------------------*\
        # regroupement
\*--------------------------------------------------------------------*/

.libelle-title-rgpt {
    display: block;
    max-width: 980px;
    margin: 75px auto 20px auto;
    color: var(--text-primary-color);
    font-size: 25px;
    font-weight: 700;
    text-align: left;
}

.compListeFiltre {
    display: flex;
    padding: 0 0 15px 0;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement,
.compListeFiltre a {
    display: inline-flex;
    justify-content: left;
    align-items: center;
    padding: 0px;
    min-height: 500px;
    width: 307px;
    border-bottom: none;
    border-radius: 0px;
    margin: 14px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: 0.2s;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--Tertiary-color);
    border: 1px solid var(--line-Tertiary-color);
}

.compListeFiltre a p .dateElement {
    display: none;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement {
    width: 305px;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement:hover,
.compListeFiltre a:hover {
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 1;
    z-index: 1;
    transform: scale(1.05);
}

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

.compListeFiltre a img,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt img,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetGenre,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetGenre,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetGenre,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetSousGenre,
.footerComposants .contentComposants .dataContentComposants dl dd .objetSousGenre,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetSousGenre,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dt {
    display: none;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd {
    display: block;
    margin-left: 10px;
    height: 233px;
    margin-top: 110px;
    width: 100%;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetInfo {
    position: absolute;
    display: block;
    width: 285px;
    padding: 0;
    top: 95px;
    max-height: 115px;
    font-size: 14px;
    color: var(--text-Quaternary-color);
}

.compListeFiltre a p {
    display: block;
    margin-left: 10px;
    width: 290px;
    height: 173px;
    margin-top: 100px;
    max-width: inherit;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetNom,
.compListeFiltre a p .nameElement {
    color: inherit;
    text-align: left;
    height: 70px;
    padding-top: 0px;
    width: 285px;
    text-transform: none;
    font-family: var(--typography-secondary-font-family), sans-serif;
    font-weight: 400;
    font-size: 22px;
    border-bottom: 1px solid var(--line-Tertiary-color);
}

.compListeFiltre a p .infoElement {
    max-width: 100%;
    text-align: left;
    padding-top: 10px;
    max-height: 130px;
    overflow: hidden;
    font-size: 14px;
}

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

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl {
    border-bottom: 1px solid var(--Orange-color);
    padding-bottom: 0px;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd {
    text-align: center;
    margin-left: 0px;
    width: 100%;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd .nom {
    margin: 40px auto 15px auto;
    font-size: 25px;
    font-weight: 400;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd .objetInfo p {
    font-size: 14px !important;
    text-align: center !important;
    margin: 10px 0 !important;
    color: var(--text-Quaternary-color);
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd p>br {
    display: initial;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd h1>br {
    display: none;
}

.allEventList {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement {
    width: 300px;
    min-height: 450px;
    justify-self: center;
    background-color: var(--Tertiary-color);
    border: 1px solid var(--line-Tertiary-color);
    padding: 0;
    margin: 15px 17px;
    border-radius: 0px;
    min-height: 500px;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement:last-child,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement:last-child {
    margin-bottom: 15px;
}

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

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

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

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd {
    float: left;
    width: 300px;
    margin-left: 0px;
    margin-top: 6px;
    position: relative;
    height: 193px;
    text-align: center;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetDate {
    min-height: 36px;
    font-weight: 400;
    font-size: 1.1667rem;
    padding: 0 5px;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetGenre {
    margin-top: 0px;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver {
    position: absolute;
    top: 69%;
    right: 49px;
    padding: 0;
    width: 200px;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
    border: 1px solid #000;
    border-radius: 0;
    background-color: #fff;
    color: #000;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    z-index: 1;
    font-weight: 500;
    text-decoration: none !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver span::before {
    display: inline-flex;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.1rem;
    width: 21px;
    height: 42px;
    margin-right: 7px;
}

.compObjetRegroupement .compObjetEvenement a.etat60,
.compObjetRegroupement .compObjetEvenement a.etat40,
.compObjetRegroupement .compObjetEvenement a.etat12,
.compObjetRegroupement .compObjetEvenement a.etat10 {
    border: solid 1px var(--gray-Tertiary-color) !important;
}


.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver span {
    display: inline-flex;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver:hover,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver:hover {
    text-decoration: none;
    border-radius: 15px;
    background-color: #fff;
    color: #3e3636;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement:hover {
    /*
    opacity: 1;
    box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    */
}

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

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

.rgp-button {
    position: absolute;
    top: 87%;
    right: 53.5px;
    width: 200px;
    height: 42px;
    line-height: 42px;
    background: var(--transparent);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 45px center;
    background-size: 1em;
    border: 1px solid #000;
    border-radius: 0;
    text-align: center;
    font-size: 15px;
    font-family: var(--typography-primary-font-family), sans-serif;
    color: var(--text-primary-color);
}

.rgp-button::after {
    content: "R\0000E9server";
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-family: var(--typography-primary-font-family), sans-serif;
    color: var(--text-primary-color);
    top: 0;
    right: 0;
    width: 200px;
    height: 42px;
    line-height: 41px;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl::after {
    content: "R\0000E9server";
    display: inline-block;
    position: absolute;
    top: 87%;
    right: 53.5px;
    width: 200px;
    height: 42px;
    line-height: 41px;
    background: var(--Orange-color);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 46px center;
    background-size: 1em;
    border: 1px solid var(--Orange-color);
    border-radius: 60px;
    text-align: center;
    font-size: 15px;
    font-family: var(--typography-primary-font-family), sans-serif;
    color: var(--text-primary-color);
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetNom {
    font-family: var(--typography-secondary-font-family), sans-serif;
    font-weight: 700;
    font-size: 22px;
}

#langageEN .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl::after,
#langageEN .rgp-button::after {
    content: "Book";
}

#langageES .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl::after,
#langageES .rgp-button::after {
    content: "Reservar";
}

#langageIT .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl::after,
#langageIT .rgp-button::after {
    content: "Prenotare";
}

#langageEN .compListeFiltre a img+p::after,
#langageES .compListeFiltre a img+p::after,
#langageIT .compListeFiltre a img+p::after {
    display: none;
}

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

    .rgp-button {
        margin-top: 0px !important;
    }

    .compListeFiltre .headerComposants .footerComposants .contentComposants .dataContentComposants a {
        width: 305px;
    }
}

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

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

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        margin: 60px auto 0;
    }

    .line-sup #col3 {
        width: 333px;
    }
}

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

    .headerAdministrable {
        margin: 55px auto 0;
    }

    .compListeFiltre {
        width: 100% !important;
    }

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

    #col2 {
        margin-left: 10px;
    }

    .line-inf {
        padding-top: 30px;
    }

    .line-inf #col2 {
        margin: 0 40px 0 0;
    }

    .line-inf .news-letter {}

    #col3 {
        margin-right: 0px;
        width: 33% !important;
    }

    .ft-logo {
        max-width: 90px !important;
    }

    .social-groups {
        width: 170px;
    }

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

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

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
        width: 95% !important;
        min-height: auto;
        margin: 0 auto;
    }

    .compOperationsMarketing {
        margin: 60px 0;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        min-height: 0;
        padding-bottom: 21.93%;
        width: 100% !important;
        height: 0 !important;
        max-height: 0 !important;
        margin: 0;
    }

    .membership-container {
        margin: 0 20px !important;
    }

    .landing-page {
        width: 100% !important;
    }

    /*
    .section-infos .info-container .line-info {
        margin-left: 0%;
        margin-right: 40px;
    }
    */
}

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

    .headerAdministrable {
        margin: 35px auto 0;
    }

    #compPanier1 .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier {
        border-top: 1px solid var(--Orange-color);
    }

    .titre-epmo {
        font-size: 33px;
    }

    .libelle-title-rgpt {
        text-align: center;
    }

    .compListeFiltre a p {
        max-width: 100%;
        width: 100%;
        margin: inherit;
        margin-left: 10px;
        margin-top: 70px;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver {
        margin: 0;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetGenre,
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetGenre {
        margin-top: 0px;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain {
        padding: 20px;
        border-radius: 0;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl {
        border-bottom: 0px solid var(--Orange-color);
    }

    .landing-page {
        width: 100% !important;
        /*
        text-align: center;
        */
        padding: 0 !important;
    }

    /*
    .section-infos .info-container .line-info {
        margin-left: 20px;
        margin-right: 20px;
    }

    .section-infos .info-container .toggle-info::after {
        display: none;
    }
    */
    .section-infos .info-container .show {
        text-align: left;
    }

    .entry-text {
        text-align: center;
    }

    #mobile_menu.open {
        background: #fff;
        border-bottom: 1px solid var(--Orange-color);
        border-right: 1px solid var(--Orange-color);
        border-bottom-right-radius: 10px;
    }

    #mobile_menu ul li {
        border-bottom: 1px solid var(--Orange-color);
    }

    #mobile_menu ul li a {
        color: var(--Primary-color) !important;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants {
        width: 93% !important;
        margin: 0 auto;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        min-height: 0;
        padding-bottom: 21.93%;
    }
}

/*--------------------------------------------------------------------*\
        # ETAPE 1
\*--------------------------------------------------------------------*/

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

#pageEtape1 .bandeauEtat {
    width: 110px;
    height: 110px;
}

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

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl,
#contenuCalendarHeures {
    border-radius: 0px;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .nom {
    font-family: var(--typography-secondary-font-family), sans-serif;
    font-size: 25px;
}

#popCross::before {
    background: none repeat scroll 0 0 rgba(83, 83, 83, 0.7) !important;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .info {
    height: 100%;
}

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

/*  CALENDRIER  */

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 #d6d6d6;
    border-radius: 5px;
}

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(--text-primary-color);
    background: var(--Orange-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,
div.dp-popup .dp-calendar .jCalendar tbody td.current-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-Primary-color);
}

div.dp-popup .dp-calendar .jCalendar tbody td.today {
    border: 1px solid #555555;
}

div.dp-popup .dp-calendar .jCalendar tbody td.indispo {
    color: #999 !important;
    background-color: var(--gray-Primary-color) !important;
    text-decoration: line-through;
}

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

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

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

/* 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 #d6d6d6;
    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(--Orange-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: #555555 !important;
    border: 1px solid #555555;
    color: var(--Tertiary-color);
}

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

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

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

.calendarIndex .Index .etat-select {
    background-color: var(--Orange-color);
    border: 1px solid var(--Orange-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 */

div#dp-popup {
    background-color: #ffffff;
    border: 1px solid;
}

div#dp-popup div.dp-nav-prev {
    right: 70px;
}

div#dp-popup h2 {
    margin-left: 13px;
}

/* fin calendrier */

/* choix tarifs */

table.tarifs .champ {
    cursor: pointer;
    padding: 7px 0px 7px 6px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne1 {
    width: 460px;
}

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

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td a:hover {
    color: var(--text-hover-blue-color);
}

/* conditions tarifs */

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions {
    background: var(--gray-Primary-color);
    margin-bottom: 20px;
    clear: both;
    border-bottom: 0px solid #D9D9D9;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .titleFenetre {
    padding: 10px;
    background-color: var(--gray-Secondary-color);
    border-bottom: 1px solid;
    border-image: linear-gradient(to right, var(--Orange-color)) 0 0 1 0;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .titleFenetre {
    color: var(--Secondary-color);
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions .contenuFenetre {
    padding: 15px;
}

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

    .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions {
        margin: 0 20px;
    }
}

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

#compModeDeDiffusionHeader1 {
    display: none;
}

#compReductionHeader1 .reduction th.tableColonne1 {
    display: none;
}

.compReduction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr {
    display: block;
    margin: 40px 0 0;
}

.compReduction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    width: fit-content;
    margin: 0 auto;
}

.divBoxReductionForm {
    text-align: center;
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
}

.divBoxReductionMessage {
    margin: 0;
}

.champ.codeReduction {
    margin: 0 45px;
    width: 200px;
}

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableDesc a {
    text-decoration: underline;
    color: var(--text-primary-color);
    font-size: 1.0833rem;
    font-weight: 700;
}

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableDesc a:hover {
    color: var(--text-hover-blue-color);
}

/* CROSS SELLING */

#popCross .popupCrossSelling {
    height: auto !important;
    min-height: 550px;
}

.crossSelling .thumbnail img,
.crossSelling .event,
#popCross .popupCrossSelling {
    border-radius: 0;
}

.crossSelling .ligneTarif .tableColonne2 {
    width: 100px !important;
}

.crossSelling>.title,
#popCross .content .summary .title {
    font-size: 22px;
}

#popCross .content .summary,
#popCross .content .summary .show .name {
    font-size: 18px;
}

#popCross .descContent,
.crossSelling .content .content .title,
#popCross .content .summary .prices .name,
#popCross .content .summary .prices .value {
    font-size: 14px;
}

#popCross .popupCrossSelling .content .crossSelling .event .content .actions .submit:hover,
.footer .button a:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 20px;
    transition: all .3s ease-in-out;
}


#popCross .popupCrossSelling .content .crossSelling .event .content .actions .submit,
.footer .button a {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    transition: all .3s ease-in-out;
    border-radius: 0;
}

#popCross .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants #conditions {
    margin: 20px 0 !important;
}

@media screen and (max-width: 767px) {
    .compReduction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
        flex-direction: column;
        width: fit-content;
    }

    .divBoxReductionForm {
        flex-direction: column;
    }

    .divBoxReductionForm div {
        margin-top: 20px;
    }

    .divBoxReductionForm .consigne {
        margin-top: 0;
    }

    .objetListeMain {
        background-color: var(--gray-Primary-color);
    }
}

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

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

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite {
        font-size: 10px;
    }
}

#PaylineCgv {
    display: none;
}

.PaylineWidget label {
    font-weight: 500;
}

.recapAchatContent,
#labelValidCgv,
#labelCgv,
.PaylineWidget.pl-layout-tab .pl-form-container .pl-label-input,
.PaylineWidget.pl-container-default .pl-label-input,
#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span::before {
    font-family: var(--typography-primary-font-family), sans-serif;
    color: var(--text-Quaternary-color);
}

/*--------------------------------------------------------------------*\
        # Mon Compte
\*--------------------------------------------------------------------*/

.compMentionsLegales {
    display: none;
}

#pageCompte .rechercheCompteDigitick {
    height: auto;
}

#pageCompte .zoneTri {
    margin-left: 44px;
}

#pageCompte .zoneTri select {
    width: 145.617px;
}

#pageCompte .zoneRecherche input#cal1 {
    margin-left: 4px;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    color: var(--Primary-color) !important;
    border: 1px solid #d6d6d6 !important;
    border-bottom: none !important;
    background: var(--gray-Primary-color);
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a {
    border: 1px solid #9e9e9e;
    color: #000000 !important;
    background: #fff;
    transition: none;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a:hover {
    background: #3e3636;
    border: 1px solid #3e3636;
    color: #fff !important;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier {
    font-weight: var(--typography-primary-font-weight);
    border: solid 1px var(--Primary-color) !important;
    border-radius: 18px
}

.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1,
.compTelechargementOption1 {
    width: 100%;
}

.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 {
    width: 237px;
}

.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 3px center;
    background-size: 1.1rem;
    border: 1px solid #000;
    border-radius: 0;
    background-color: #fff;
    color: #000;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    z-index: 1;
    font-weight: 500;
    text-decoration: none !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: block;
    width: 220px;
    margin-right: inherit;
    height: 15px;
    line-height: 17px;
    font-size: 16px;
    margin-left: 0;
}

.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 30H7C2 30 2 26.95 2 24C2 23.45 2.45 23 3 23C3.55 23 4 23.45 4 24C4 27.07 4 28 7 28H25C28 28 28 27.07 28 24C28 23.45 28.45 23 29 23C29.55 23 30 23.45 30 24C30 26.95 30 30 25 30ZM16 24C15.86 24 15.73 23.97 15.62 23.92C15.51 23.87 15.4 23.8 15.31 23.71L9.98 18.38C9.59 17.99 9.59 17.36 9.98 16.97C10.37 16.58 11 16.58 11.39 16.97L15.02 20.6V3C15.02 2.45 15.47 2 16.02 2C16.57 2 17.02 2.45 17.02 3V20.59L20.65 16.96C21.04 16.57 21.67 16.57 22.06 16.96C22.45 17.35 22.45 17.98 22.06 18.37L16.73 23.7C16.64 23.79 16.53 23.86 16.42 23.91C16.3 23.96 16.17 23.99 16.04 23.99L16 24Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 17px;
    border: 1px solid #000;
    border-radius: 0;
    background-color: #fff;
    color: #000;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    z-index: 1;
    font-weight: 500;
    text-decoration: none !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 220px !important;
    line-height: 22px !important;
    margin: 10px auto 20px !important;
}

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

.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
    width: 296px;
}

.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture {
    line-height: 32px !important;
    height: 36px !important;
}

/*------------------------------------*\
        # Wallet
\*------------------------------------*/

.wallet,
.walletpkpass {
    display: block !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    color: #000 !important;
    width: 249px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.232' height='26.453' viewBox='0 0 30.232 26.453'%3E%3Cpath d='M27.232,7.918H4.724a.945.945,0,1,1,0-1.889H27.4a.944.944,0,0,0,.945-.945A2.834,2.834,0,0,0,25.508,2.25H3.779A3.779,3.779,0,0,0,0,6.029V24.924A3.779,3.779,0,0,0,3.779,28.7H27.232a2.923,2.923,0,0,0,3-2.834V10.753A2.923,2.923,0,0,0,27.232,7.918ZM24.563,20.2a1.889,1.889,0,1,1,1.889-1.889A1.89,1.89,0,0,1,24.563,20.2Z' transform='translate(0 -2.25)' fill='%23141414'/%3E%3C/svg%3E") !important;
    ;
    background-repeat: no-repeat !important;
    background-position: left 10px center !important;
    background-size: 17px !important;
    margin-bottom: 15px !important;
    height: 20px !important;
    line-height: 22px !important;
    border-radius: 0 !important;
}

.wallet:hover,
.walletpkpass:hover {
    border: 1px solid #000 !important;
    border-radius: 15px !important;
    background-color: #fff !important;
    color: #000 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.232' height='26.453' viewBox='0 0 30.232 26.453'%3E%3Cpath d='M27.232,7.918H4.724a.945.945,0,1,1,0-1.889H27.4a.944.944,0,0,0,.945-.945A2.834,2.834,0,0,0,25.508,2.25H3.779A3.779,3.779,0,0,0,0,6.029V24.924A3.779,3.779,0,0,0,3.779,28.7H27.232a2.923,2.923,0,0,0,3-2.834V10.753A2.923,2.923,0,0,0,27.232,7.918ZM24.563,20.2a1.889,1.889,0,1,1,1.889-1.889A1.89,1.89,0,0,1,24.563,20.2Z' transform='translate(0 -2.25)' fill='%23141414'/%3E%3C/svg%3E") !important;
    ;
    background-repeat: no-repeat !important;
    background-position: left 10px center !important;
    background-size: 17px !important;
}

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


    .walletpkpass {
        display: block !important;
        background: #f3f3f3 !important;
        color: var(--gray-Tertiary-color) !important;
        border: solid 1px #f3f3f3 !important;
        width: 249px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.232' height='26.453' viewBox='0 0 30.232 26.453'%3E%3Cpath d='M27.232,7.918H4.724a.945.945,0,1,1,0-1.889H27.4a.944.944,0,0,0,.945-.945A2.834,2.834,0,0,0,25.508,2.25H3.779A3.779,3.779,0,0,0,0,6.029V24.924A3.779,3.779,0,0,0,3.779,28.7H27.232a2.923,2.923,0,0,0,3-2.834V10.753A2.923,2.923,0,0,0,27.232,7.918ZM24.563,20.2a1.889,1.889,0,1,1,1.889-1.889A1.89,1.89,0,0,1,24.563,20.2Z' transform='translate(0 -2.25)' fill='%23666666'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: left 10px center !important;
        background-size: 17px !important;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        height: 20px !important;
        line-height: 22px !important;
        border-radius: 0 !important;
        pointer-events: none;
    }


    .walletpkpass:hover {
        background: #f3f3f3 !important;
        color: var(--gray-Tertiary-color) !important;
        border: solid 1px #f3f3f3 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.232' height='26.453' viewBox='0 0 30.232 26.453'%3E%3Cpath d='M27.232,7.918H4.724a.945.945,0,1,1,0-1.889H27.4a.944.944,0,0,0,.945-.945A2.834,2.834,0,0,0,25.508,2.25H3.779A3.779,3.779,0,0,0,0,6.029V24.924A3.779,3.779,0,0,0,3.779,28.7H27.232a2.923,2.923,0,0,0,3-2.834V10.753A2.923,2.923,0,0,0,27.232,7.918ZM24.563,20.2a1.889,1.889,0,1,1,1.889-1.889A1.89,1.89,0,0,1,24.563,20.2Z' transform='translate(0 -2.25)' fill='%23666666'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: left 10px center !important;
        background-size: 17px !important;
        pointer-events: none;
    }
}

.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 1.1rem;
    text-decoration: none;
    border-radius: 15px;
    border: 1px solid #000;
    background-color: #fff;
    color: #3e3636;
}

.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture:hover,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement:hover,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 30H7C2 30 2 26.95 2 24C2 23.45 2.45 23 3 23C3.55 23 4 23.45 4 24C4 27.07 4 28 7 28H25C28 28 28 27.07 28 24C28 23.45 28.45 23 29 23C29.55 23 30 23.45 30 24C30 26.95 30 30 25 30ZM16 24C15.86 24 15.73 23.97 15.62 23.92C15.51 23.87 15.4 23.8 15.31 23.71L9.98 18.38C9.59 17.99 9.59 17.36 9.98 16.97C10.37 16.58 11 16.58 11.39 16.97L15.02 20.6V3C15.02 2.45 15.47 2 16.02 2C16.57 2 17.02 2.45 17.02 3V20.59L20.65 16.96C21.04 16.57 21.67 16.57 22.06 16.96C22.45 17.35 22.45 17.98 22.06 18.37L16.73 23.7C16.64 23.79 16.53 23.86 16.42 23.91C16.3 23.96 16.17 23.99 16.04 23.99L16 24Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 17px;
    text-decoration: none;
    border-radius: 15px;
    border: 1px solid #000;
    background-color: #fff;
    color: #3e3636;
}

#telechargementOption2 .porteur {
    display: none;
}

#pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr:has(.tableColonne2 .emptyCompteNP) .tableColonne1 {
    width: 44%;
}

#pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr:has(.tableColonne2 .emptyCompteNP) .tableColonne2 {
    width: 0;
    border-right: 0 solid var(--line-Secondary-color);
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .content {
    overflow: auto;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a::before {
    display: inline-flex;
    font-family: inherit;
    content: "";
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 30H7C2 30 2 26.95 2 24C2 23.45 2.45 23 3 23C3.55 23 4 23.45 4 24C4 27.07 4 28 7 28H25C28 28 28 27.07 28 24C28 23.45 28.45 23 29 23C29.55 23 30 23.45 30 24C30 26.95 30 30 25 30ZM16 24C15.86 24 15.73 23.97 15.62 23.92C15.51 23.87 15.4 23.8 15.31 23.71L9.98 18.38C9.59 17.99 9.59 17.36 9.98 16.97C10.37 16.58 11 16.58 11.39 16.97L15.02 20.6V3C15.02 2.45 15.47 2 16.02 2C16.57 2 17.02 2.45 17.02 3V20.59L20.65 16.96C21.04 16.57 21.67 16.57 22.06 16.96C22.45 17.35 22.45 17.98 22.06 18.37L16.73 23.7C16.64 23.79 16.53 23.86 16.42 23.91C16.3 23.96 16.17 23.99 16.04 23.99L16 24Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a:hover::before {
    display: inline-flex;
    font-family: inherit;
    content: "";
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 30H7C2 30 2 26.95 2 24C2 23.45 2.45 23 3 23C3.55 23 4 23.45 4 24C4 27.07 4 28 7 28H25C28 28 28 27.07 28 24C28 23.45 28.45 23 29 23C29.55 23 30 23.45 30 24C30 26.95 30 30 25 30ZM16 24C15.86 24 15.73 23.97 15.62 23.92C15.51 23.87 15.4 23.8 15.31 23.71L9.98 18.38C9.59 17.99 9.59 17.36 9.98 16.97C10.37 16.58 11 16.58 11.39 16.97L15.02 20.6V3C15.02 2.45 15.47 2 16.02 2C16.57 2 17.02 2.45 17.02 3V20.59L20.65 16.96C21.04 16.57 21.67 16.57 22.06 16.96C22.45 17.35 22.45 17.98 22.06 18.37L16.73 23.7C16.64 23.79 16.53 23.86 16.42 23.91C16.3 23.96 16.17 23.99 16.04 23.99L16 24Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
}

/*--------------------------------------------------------------------*\
        # mot de passe oublié
\*--------------------------------------------------------------------*/

@media screen and (min-width: 768px) {
    table.oubliMDP tbody {
        text-align: center;
        width: fit-content;
        margin: 0 auto;
    }

    .compOubliMDP .headerComposants .footerComposants .contentComposants .topContentComposants {
        padding-bottom: 0;
    }

    .compOubliMDP .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
        margin: 0 auto !important;
        text-align: center;
        width: fit-content;
        padding: 8px 100px !important;
    }

    .dataContentComposants table.oubliMDP tr td.tableColonne2,
    .dataContentComposants table.oubliMDP tr td.tableColonne1 {
        width: 270px;
        text-align: center;
        height: 56px;
    }

    .dataContentComposants table.oubliMDP tr td.tableColonne1 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }

    table.oubliMDP tbody .tableColonne2 input {
        height: 36px;
    }
}

.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit {
    position: relative;
    width: 180px;
    overflow: hidden;
    font-size: 15px;
    border-radius: 0;
    padding: 27px 15px;
    background: transparent;
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 1L24 5L19 9' stroke='%23FF701B'/%3E%3Cpath d='M0 5L24 5' stroke='%23FF701B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: auto 10px;
    transition: all .3s ease-in-out;
}

.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour {
    position: relative;
    width: 178px;
    overflow: hidden;
    font-size: 15px;
    border-radius: 0;
    padding: 8px 0;
    background: transparent;
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: auto 10px;
    transition: all .3s ease-in-out;
}

.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour:hover {
    background: #fff;
    color: #3e3636;
    border: solid 1px #000;
    border-radius: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 1.1rem;
}

.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit:hover {
    text-decoration: none;
    color: #3e3636;
    background: transparent;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='10' viewBox='0 0 25 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 1L24 5L19 9' stroke='%23FF701B'/%3E%3Cpath d='M0 5L24 5' stroke='%23FF701B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: auto 10px;
}


@media screen and (min-width: 768px) {
    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne1 .nom {
        font-size: 1.2em;
        line-height: 0.9em;
        font-weight: 500;
    }

    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne1 {
        padding-right: 20px;
    }

    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne1 dt {
        padding-right: 10px;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne4 .etatNonRecupCenter,
    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne3 .etatNonRecup {
        background: url('../image/billet_non-recup.svg') no-repeat scroll 0 0 transparent;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne4 .etatRecupCenter,
    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne3 .etatRecup {
        background: url('../image/billet_recup.svg') no-repeat scroll 0 0 transparent;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
        width: 243px;
    }
}

@media screen and (max-width: 767px) {
    .compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 {
        margin: 0 auto;
    }

    .compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet {
        margin: auto;
    }

    .compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
        width: auto;
    }
}

/*--------------------------------------------------------------------*\
        # Footer
\*--------------------------------------------------------------------*/

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .paiement {
    display: none;
}

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants {
    height: 0px;
    padding-top: 0px;
    background-color: var(--Tertiary-color);
}

.ligneContent3 .compCarrouselMiseEnAvant {
    margin: 0 auto 20px;
}

.ligneContent5 .compCarrouselMiseEnAvant {
    margin: 60px auto 0px;
}

.all-list {
    padding: 20px 0;
    background: var(--Tertiary-color);
}

/*  PRE-FOOTER  */

/*  FOOTER  */
.preFooter {
    width: 100%;
    text-align: left;
    font-size: 18px;
    background-color: var(--Tertiary-color);
    padding: 40px 0 35px 0;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    border-top: 2px solid var(--Orange-color);
}

.conteneur {
    margin: 0 auto;
    display: block;
    color: var(--text-primary-color);
}

.line-sup {
    display: flex;
    justify-content: space-between;
    width: 1200px;
    padding: 0 30px;
}

.line-inf {
    display: flex;
    justify-content: space-between;
    width: 1024px;
    padding: 0 30px;
    margin: 0 auto;
}

.pf-menu {
    line-height: 1.8rem;
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
}

.pf-menu ul li::before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 8px;
    position: relative;
    color: var(--text-primary-color);
    margin-right: 10px;
}

.line-sup .col .pf-menu li {
    padding: 2px 0;
}

a.ligne {
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    color: var(--text-primary-color);
}

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

.content-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.logo {
    margin: 0 10px;
}

.ft-logo {
    max-width: 135px;
    margin-left: 0;
    display: block;
    margin: 0 auto 15px auto;
}

.ft-logo img {
    max-width: 50%;
}

#logo2 .ft-logo {
    width: 220px;
    max-width: 220px;
}

.social-links {
    max-width: 17px;
    display: inline;
    margin-left: 0;
}

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

.social-network {
    float: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    text-decoration: none;
    cursor: pointer;
    color: var(--text-primary-color);
}

.img-paiement {
    display: inline-flex;
}

.logo-paiement {}

.logo-paiement img {
    width: 40px;
    margin: 0 10px 0 0;
}

.ligne {
    position: relative;
    text-decoration: none;
    color: inherit;
}

.ligne::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

.ligne:hover::after {
    width: 100%;
}

#col1 {
    text-align: center;
}

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

.fa-arrow-turn-right:before,
.fa-mail-forward:before,
.fa-share:before {
    margin-right: 8px;
}

.news-letter {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 16px 32px;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    font-size: 1.1rem;
    line-height: 1.1rem;
    border: 1px solid #000;
    border-radius: 0;
    background-color: #fff;
    color: #000;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    z-index: 1;
    font-weight: 500;
    text-decoration: none !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.news-letter span {
    display: inline-flex;
}

.news-letter span::before {
    display: inline-flex;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.1rem;
    margin-right: 7px;
    width: 10px;
    height: auto;
}

.news-letter:hover {
    text-decoration: none;
    border-radius: 15px;
    background-color: #fff;
    color: #3e3636;
}

/* SVG CALLS */
.content-logo-see {
    margin: 0;
}

#PoweredSeeTickets {
    display: none;
}

#PoweredSeeTickets2 {
    color: var(--text-primary-color);
    text-align: right;
    display: none;
}

#PoweredSeeTickets2 span {
    display: inline-block;
    height: 18px;
}

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

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants #svgLogoSeetickets {
    vertical-align: middle;
    fill: var(--Primary-color);
    width: 112px;
    margin-bottom: 3px;
}

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

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

    .preFooter {
        padding: 40px 0 0;
    }

    .line-sup,
    .line-inf {
        width: 100%;
    }

    .line-inf {
        padding: 0 30px;
    }

    .preFooter .line-sup #col1,
    .preFooter .line-sup #col2:nth-last-child(2) {
        width: 20%;
    }

    #col1,
    #col2,
    #col3 {
        width: 33%;
    }

    #col3 {
        margin-right: 40px;
    }

    .content-logo {
        flex-direction: column;
    }
}

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

    /* FOOTER */
    .preFooter {
        text-align: center;
        padding: 0px 0 35px 0;
    }

    .line-sup,
    .line-inf {
        width: 100%;
        flex-direction: column;
        align-items: center;
        padding: 0;
    }

    .preFooter .line-sup #col2:nth-last-child(2) {
        width: 100%;
    }

    .social-groups {
        width: 100%;
    }

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

    #col3 {
        text-align: center;
    }

    #col1 {
        margin: 0 auto;
    }

    #col1,
    #col2,
    #col3 {
        width: 90%;
    }

    .content-logo {
        flex-direction: row;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
        width: 100%;
    }

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

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire #securite span::before {
        top: 26px;
    }

    .all-list {
        width: inherit;
        padding: 20px 100%;
        margin-top: 30px;
    }

    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .conditionsGenerales,
    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales {
        display: block;
        width: 100%;
        margin: 0;
    }

    .news-letter span {
        font-size: 11px;
    }
}

/*------------------------------------*\
    # Conteneur des modules additionnels
\*------------------------------------*/

@media screen and (max-width: 980px) {
    .container-module {
        padding: 0 20px;
    }
}

/*------------------------------------*\
    # Adhésion
\*------------------------------------*/

.title-section {
    display: block;
    max-width: 980px;
    margin: 75px auto 30px auto;
    color: var(--text-primary-color);
    font-size: 25px;
    font-family: var(--typography-secondary-font-family), sans-serif;
    font-weight: 500;
    text-align: left;
}

.membership-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #000;
    flex-wrap: wrap;
    max-width: 920px;
    margin: 0 auto;
    padding: 30px;
    gap: 30px;
}

.card-image {
    display: block;
    flex: 0 0 auto;
    margin-right: 20px;
}

.membership-card {
    width: 275px;
    height: auto;
}

.content-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content-section h2 {
    color: var(--text-primary-color);
    margin: 0 0 10px 0;
    font-size: 25px;
    font-family: var(--typography-secondary-font-family);
    font-weight: 700;
    text-transform: none;
}

.welcome-text {
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-primary-color);
    margin-right: 10px;
}

.action-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.container-link {
    display: flex;
}

.benefits-link {
    display: block;
    color: var(--text-primary-color) !important;
    font-weight: 500;
}

.container-link::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5225 3.75C22.5225 3.5475 22.44 3.36 22.305 3.2175C22.1625 3.075 21.975 3 21.7725 3H15.7575C15.345 3 15.0075 3.3375 15.0075 3.75C15.0075 4.1625 15.345 4.5 15.7575 4.5H19.965L11.475 12.99C11.1825 13.2825 11.1825 13.755 11.475 14.0475C11.7675 14.34 12.24 14.34 12.5325 14.0475L21.0225 5.5575V9.75C21.0225 10.1625 21.36 10.5 21.7725 10.5C22.185 10.5 22.5225 10.1625 22.5225 9.75V3.75ZM3 8.2425C3 7.83 3.3375 7.4925 3.75 7.4925H13.5C13.9125 7.4925 14.25 7.155 14.25 6.7425C14.25 6.33 13.9125 5.9925 13.5 5.9925H3.75C2.505 5.9925 1.5 6.9975 1.5 8.2425V18.7425C1.5 19.9875 2.505 20.9925 3.75 20.9925H17.25C18.495 20.9925 19.5 19.9875 19.5 18.7425V12.7425C19.5 12.33 19.1625 11.9925 18.75 11.9925C18.3375 11.9925 18 12.33 18 12.7425V18.7425C18 19.155 17.6625 19.4925 17.25 19.4925H3.75C3.3375 19.4925 3 19.155 3 18.7425V8.2425Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: transparent;
    width: 20px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

.cta-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 16px 25px;
    position: relative;
    overflow: hidden;
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #000;
    border-radius: 0;
    background-color: #fff;
    color: #000;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    z-index: 1;
    text-decoration: none !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    line-height: 1.1rem;
}

.cta-button span {
    display: inline-flex;
}

.cta-button span::before {
    display: inline-flex;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cline x1='12' y1='5' x2='12' y2='19' /%3E%3Cline x1='5' y1='12' x2='19' y2='12' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left -1px center;
    background-size: 1.2rem;
    width: 10px;
    height: auto;
    margin-right: 7px;
}

.cta-button:hover {
    text-decoration: none;
    border-radius: 15px;
    background-color: #fff;
    color: #3e3636;
}


.cta-button a {
    color: #000000;
    text-decoration: none;
    height: 13.5px;
}

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

    .membership-container {
        background-position: bottom;
    }

    .content-section {
        margin-left: 0;
    }

    .card-image {
        right: 40px;
    }

    .membership-card {
        width: 170px;
    }
}

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

    .content-section {
        margin-left: 0;
    }

    /*
    .title-section {
        text-align: center;
    }
*/
    .membership-container {
        flex-direction: column;
        padding: 20px;
        max-width: 100%;
        /*
        margin: 0 20px;
        */
        text-align: center;
        background-position: bottom;
    }

    .welcome-text {
        margin-bottom: 30px;
    }

    .card-image {
        position: relative;
        top: inherit;
        right: inherit;
        flex: 0 0 100%;
    }

    .action-section {
        flex-direction: column;
    }
}

/*------------------------------------*\
    # Entrée groupe, collectivités
\*------------------------------------*/

#titreGroupeColl2 {
    display: block;
    max-width: 980px;
    margin: 0 auto 30px auto;
    color: var(--Secondary-color);
    font-size: 22px;
    font-weight: 400;
    text-align: left;
    font-family: var(--typography-secondary-font-family), sans-serif;
}

.entry-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
    max-width: 980px;
    margin: 30px auto;
    padding: 0 20px;
}

.entry-card {
    background-color: var(--Tertiary-color);
    border: 1px solid var(--line-Tertiary-color);
    box-shadow: 0 5px 15px rgb(0 0 0 / 4%);
    padding: 30px;
    /* border-radius: 10px; */
    text-align: center;
    transition: transform 0.3s ease;
}

/*

#card1 {
    background-image: url(https://cdn.mediatheque.epmoo.fr/link/3c9igq/ajo1bceorihvmg0.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

#card2 {
    background-image: url(https://cdn.mediatheque.epmoo.fr/link/zkm19an1ikgfmzk.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

*/

.entry-card:hover {
    /* box-shadow: 0 5px 15px rgb(0 0 0 / 15%); 
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); */
    opacity: 1;
    transform: scale(1.02);
    z-index: 1;
    transition: transform 0.3s ease;
}

.entry-card h2 {
    color: var(--Secondary-color);
    border-bottom: 1px solid var(--line-Tertiary-color);
    font-size: 22px;
    padding-bottom: 20px;
    font-weight: 700;
    min-height: 45px;
    font-family: var(--typography-secondary-font-family), sans-serif;
}

.entry-card p {
    color: var(--gray-Quaternary-color);
    font-size: 14px;
    font-weight: 400;
    min-height: 72px;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 25px;
    font-family: var(--typography-primary-font-family), sans-serif;
}

.entry-link {
    display: inline-block;
    color: var(--text-Quaternary-color);
    font-size: 14px;
    font-weight: 700;
    Width: 100%;
    text-align: left;
}

.entry-link::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.5225 3.75C22.5225 3.5475 22.44 3.36 22.305 3.2175C22.1625 3.075 21.975 3 21.7725 3H15.7575C15.345 3 15.0075 3.3375 15.0075 3.75C15.0075 4.1625 15.345 4.5 15.7575 4.5H19.965L11.475 12.99C11.1825 13.2825 11.1825 13.755 11.475 14.0475C11.7675 14.34 12.24 14.34 12.5325 14.0475L21.0225 5.5575V9.75C21.0225 10.1625 21.36 10.5 21.7725 10.5C22.185 10.5 22.5225 10.1625 22.5225 9.75V3.75ZM3 8.2425C3 7.83 3.3375 7.4925 3.75 7.4925H13.5C13.9125 7.4925 14.25 7.155 14.25 6.7425C14.25 6.33 13.9125 5.9925 13.5 5.9925H3.75C2.505 5.9925 1.5 6.9975 1.5 8.2425V18.7425C1.5 19.9875 2.505 20.9925 3.75 20.9925H17.25C18.495 20.9925 19.5 19.9875 19.5 18.7425V12.7425C19.5 12.33 19.1625 11.9925 18.75 11.9925C18.3375 11.9925 18 12.33 18 12.7425V18.7425C18 19.155 17.6625 19.4925 17.25 19.4925H3.75C3.3375 19.4925 3 19.155 3 18.7425V8.2425Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
}

.entry-link:hover {}

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

    .entry-container {
        padding: 0;
    }
}

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

    .entry-container {
        grid-template-columns: 1fr;
        padding: 0;
    }

    #titreGroupeColl2 {
        text-align: center;
    }

    .entry-card {
        padding: 20px;
    }

    .entry-card h2 {
        font-size: 20px;
    }

    .entry-card p {
        font-size: 14px;
    }
}

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

.landing-page {
    width: 980px;
    margin: 60px auto;
    /* background-color: #fff; */
    /* border-radius: 10px; */
}

.section-infos {
    margin-top: 0;
    /* border-radius: 10px; */
}

.section-infos .info-container {}

.section-infos .info-container .line-info {
    /* padding: 15px; */
    margin-bottom: 10px;
    /* border-radius: 10px;
    background-color: var(--gray-Primary-color); */
}

.section-infos .info-container .line-info.open {
    padding: 5px 15px;
    margin-bottom: 10px;
    /* border-radius: 10px; */
    background-color: #141414;
}

.section-infos .info-container .toggle-info {
    cursor: pointer;
    user-select: none;
    /* padding: 6px 0; */
    color: var(--text-primary-color);
    font-size: 15px;
    font-weight: 400;
    padding: 15px;
    /* border-radius: 10px; */
    background-color: var(--gray-Primary-color);
}

.section-infos .info-container .toggle-info.active {
    color: var(--text-primary-color);
    /* min-height: 30px; */
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.section-infos .info-container .toggle-info::after {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 18px;
    position: relative;
    float: right;
    right: 0;
    pointer-events: none;
    cursor: pointer;
    color: var(--text-primary-color);
}

.section-infos .info-container .toggle-info.active::after {
    content: "\f077";
    font-family: FontAwesome;
    transform: none;
    color: var(--text-primary-color);
}

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

.section-infos .info-container .show {
    display: block !important;
    user-select: none;
    padding: 10px 0;
    color: var(--text-primary-color);
    padding: 15px;
    border-top: 1px solid;
    border-image: linear-gradient(to right, var(--Orange-color)) 1 0 0 0;
    background-color: var(--gray-Primary-color);
    font-size: 14px;
}

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

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

.section-infos .info-container div:last-child {
    margin-bottom: 0px;
}

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

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

    .section-infos .info-container .toggle-info::after {
        top: -15px;
        font-size: 12px;
    }

    .section-infos .info-container .toggle-info span {
        display: block;
        padding-right: 14px;
    }
}

/*--------------------------------------------------------------------*\
    # Wallet - bandeau
\*--------------------------------------------------------------------*/

.ticket-download-container {
    display: flex;
    max-width: 980px;
    margin: 2rem auto;
    background: var(--gray-Primary-color);
    /* border-radius: 10px; */
    gap: 2rem;
    user-select: none;
    /* border: 1px solid #d6d6d6; */
    display: none;
}

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

.ticket-image {
    width: 165px;
    height: auto;
    object-fit: contain;
}

.title-section-wallet,
.features-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.ticket-title {
    font-size: 2.5rem;
    color: var(--Orange-color);
    font-family: var(--typography-secondary-font-family);
    padding-right: 2rem;
    font-weight: 700;
    text-align: left;
}

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

.ticket-features {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.1rem;
}

.checkmark {
    color: var(--Orange-color);
    font-weight: bold;
}

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

    .ticket-image {
        width: 165px;
        height: auto;
        object-fit: contain;
    }

    .ticket-image-mobile {
        display: none;
    }
}

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

    .ticket-download-container {
        gap: 5rem;
        margin: 2rem 20px;
    }

    .ticket-title {
        text-align: center;
    }
}

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

    .ticket-download-container {
        flex-direction: column;
        margin: 1rem;
        padding: 1rem;
    }

    .ticket-image-mobile {
        width: 150px !important;
    }

    .ticket-image {
        display: none;
    }

    .ticket-title {
        font-size: 2.5rem;
        padding-right: 0rem;
        text-align: center;
    }

    .feature-item {
        font-size: 1rem;
    }
}