/*--------------------------------------------------------------------*\
        # Police
\*--------------------------------------------------------------------*/
/* Regular */
@font-face {
    font-family: "Obviously";
    src: url("../fonts/Obviously-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

/* Semibold */
@font-face {
    font-family: "Obviously Semibold";
    src: url("../fonts/Obviously-Semibold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
}

/* Semibold Extended */
@font-face {
    font-family: "Obviously ExtendedSemibold";
    src: url("../fonts/Obviously-ExtendedSemibold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: "Obviously Bold";
    src: url("../fonts/Obviously-Bold.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}

/* Wide Bold */
@font-face {
    font-family: "Obviously WideBold";
    src: url("../fonts/Obviously-WideBold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

/* Obviously - Condensed Bold */
@font-face {
    font-family: "Obviously CondensedBold";
    src: url("../fonts/Obviously-CondensedBold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

/* Extended Black */
@font-face {
    font-family: "Obviously ExtendedBlack";
    src: url("../fonts/Obviously-ExtendedBlack.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
}

/*--------------------------------------------------------------------*\
        # variables
\*--------------------------------------------------------------------*/

:root {
    --Primary-color: #C80021;
    --valid-color: #aed291;
    --gray-Secondary-color: #e6e6e6;
    --typography-primary-font-family: "obviously", Helvetica, sans-serif;
    --typography-Semibold-font-family: "Obviously Semibold", Helvetica, sans-serif;
    --typography-Bold-font-family: "Obviously Bold", Helvetica, sans-serif;
    --typography-ExtendedSemibold-font-family: "Obviously ExtendedSemibold", Helvetica, sans-serif;
    --typography-ExtendedBlack-font-family: "Obviously ExtendedBlack", Helvetica, sans-serif;
    --typography-CondensedBold-font-family: "Obviously CondensedBold", Helvetica, sans-serif;
    --typography-WideBold-font-family: "Obviously WideBold", Helvetica, sans-serif;
}

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

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

.lienAccueilHeader,
.descriptionHeader {
    display: none;
}

#pageAccueil .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageEtape4 .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageReservation .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
.compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage {
    background: var(--valid-color);
    border-radius: 0;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dt img,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dt img {
    border-radius: 0;
}

.compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeErreur {
    background: var(--Primary-color);
    border-radius: 0;
    margin-bottom: 0;
}

#pageAccueil .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeErreur {
    margin-bottom: 15px;
}

#pageEtape1 .compEtape .etape1 .etapeDesc,
#pageEtape2 .compEtape .etape2 .etapeDesc,
#pageEtape3 .compEtape .etape3 .etapeDesc,
#pageEtape4 .compEtape .etape4 .etapeDesc,
#pageEtape1 .compEtape .etape1 .etapeNom,
#pageEtape2 .compEtape .etape2 .etapeNom,
#pageEtape3 .compEtape .etape3 .etapeNom,
#pageEtape4 .compEtape .etape4 .etapeNom {
    font-family: var(--typography-primary-font-family);
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.etat10 span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.etat12 span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.etat40 span,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.etat60 span {
    font-family: var(--typography-Bold-font-family);
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 0;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.etat10:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.etat12:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.etat40:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.etat60:hover {
    color: var(--text-secondary-color) !important;
    border: solid 3px var(--gray-Tertiary-color) !important;
    background: var(--gray-Tertiary-color) !important;
}

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

    .cadre-colonne-content,
    .compDialogue {
        width: 980px;
    }

    .etapeDesc {
        font-size: 1rem;
    }
}

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

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

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

.ligneContent2 {
    background-color: #06022360;
    backdrop-filter: blur(2px);
}

.ligneContent2 .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants {
    /* display: none; */
}

.titlePanier,
.ligneContent2,
.ligneContent2 a {
    color: #fff;
}

.compPanierVide:hover,
#compPanier1 .deroulePanier a:hover,
.ligneContent2:hover,
.ligneContent2 a:hover {
    color: #fff;
}

.compPanierVide .topContentComposants:hover,
.compPanier .topContentComposants:hover,
.compCompte:hover,
.lienSiteHeader:hover,
.lienAccueilHeader:hover {
    border-bottom: 0 solid;
}

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

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

#boutonMenuMobile,
#boutonMenuMobile:hover {
    color: #fff;
}

#mobile_menu.open {
    background: #fddd7c;
}

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

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

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

    #compChoixLangueHeader1 .dataContentComposants a.current::after {
        color: var(--text-secondary-color);
    }
}

@media screen and (max-width: 767px) {
    .compHeader {
        line-height: 20px;
    }

    #compPanier1 .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier {
        overflow: auto !important;
        height: 66% !important;
    }
}

/*--------------------------------------------------------------------*\
        # Panier
\*--------------------------------------------------------------------*/

#compPanier1 .headerComposants .footerComposants .contentComposants .dataContentComposants {
    background: #fddd7c;
    width: 350px;
    border-bottom-left-radius: 0;
}

.infoPanier {
    font-size: 1rem;
    color: var(--text-primary-color);

}

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

#compPanier1 .listeRecapPanier .bottomRecapPanier span.supRecapPanier {
    top: -33px;
}

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

#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .nom a,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .nomRegroupement a {
    font-family: var(--typography-CondensedBold-font-family);
    text-decoration: none;
    color: var(--text-primary-color);
    font-size: 2.5rem;
}

#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .date {
    color: var(--text-primary-color);
    font-size: 1.25rem;
    margin: 5px 0;
}

#compPanier1 .fraisModeDeDiffusion,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .prix,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .tarif {
    color: var(--text-primary-color);
    font-size: 1rem;
    margin: 5px 0;
}

#compPanier1 .totalValiderPanier .totalPanier {
    margin: 0 0 5px 0;
    font-size: 1.8333rem;
    color: var(--text-primary-color);
    padding-top: 13px;
    font-weight: 700;
}

#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier,
#compPanier1 .totalValiderPanier .delaiValiditePanier {
    color: var(--text-primary-color);
}

#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier {
    background: var(--transparent);
}

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

#compPanier1 .totalValiderPanier .validerPanier a,
#compPanier1 .totalValiderPanier .validerPanier a:hover {
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
    font-family: var(--typography-Bold-font-family);
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 0;
}

.totalValiderPanier {
    border-top: 2px solid #555;
    padding: 0;
    margin: 10px 0 0;
}

@media screen and (max-width: 767px) {
    #compPanier1 .headerComposants .footerComposants .contentComposants .dataContentComposants {
        height: 100vh;
    }
}

/*--------------------------------------------------------------------*\
        # Event
\*--------------------------------------------------------------------*/

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl {
    background-color: var(--Tertiary-color);
    border-radius: 0;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementNom,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationNom,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .nom {
    font-family: var(--typography-CondensedBold-font-family);
    margin-bottom: 5px;
    font-size: 35px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver {
    font-family: var(--typography-Bold-font-family);
    border-radius: 0;
    width: 200px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver:hover {
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
}

/* .compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementReserver span::after,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationReserver span::after {
    display: inline-flex;
    content: "";
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64.74 27.75'><path fill='%23FFF' d='M63.6 21.82h0s-.03 0-.05 0c-2.7 0-4.88-3.56-4.88-7.94s2.19-7.94 4.88-7.94c.02 0 .03 0 .05 0h0s1.13 0 1.13 0V0H22.72v7.25h-5.31V0H0v5.93h1.25s.01 0 .02 0c2.7 0 4.88 3.56 4.88 7.94s-2.19 7.94-4.88 7.94c0 0-.01 0-.02 0h0s-1.25 0-1.25 0v5.93h17.41v-7.25h5.31v7.25h42.02v-5.93h-1.13ZM22.72 17.5h-5.31v-7.25h5.31v7.25Z'/></svg>");

    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.1rem;
    width: 21px;
    height: auto;
    margin-left: 7px;
} */

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationDate,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .date {
    color: var(--text-Tertiary-color);
    font-size: 1.1667rem;
    font-family: var(--typography-primary-font-family);
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationTarifs {
    font-style: normal;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementGenre,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle,
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .lieu,
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .adresse,
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .ville,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .lieu,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .ville,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .lieu,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .ville {
    display: none;
}

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

.cadre-colonne-content {
    padding: 0 0 50px;
    border-radius: 0;
}

.compEtape {
    padding: 20px 0;
}

.compEtape .etape1::after,
.compEtape .etape2::after,
.compEtape .etape3::after,
.compEtape .etape4::after {
    content: "";
    border-top: 1px solid var(--gray-Tertiary-color);
    border-left: 1px solid var(--gray-Tertiary-color);
    background: var(--gray-Tertiary-color);
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    height: 15px;
    width: 15px;
    bottom: -8px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.compPaiementFree table#paiementFree tr th#titlePaiementFree,
#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants,
.boxCrossSelling .title,
#compRechercheEspritMusique .libelleRecherche,
#withoutExclusive .titleComposants,
#compBody .compChoixStructure .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    margin: 0;
    padding: 0;
}

#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants {
    color: var(--text-primary-color);
    font-family: var(--typography-Bold-font-family);
}

#compBody #compBodyHeader #compBodyFooter #compBodyContent .topContentComposants .titleComposants,
#compModeDeDiffusionContent1 .topContentComposants .titleComposants,
#compDejaClient1 .topContentComposants .titleComposants,
#compNouveauClient1 .topContentComposants .titleComposants {
    border-bottom: 0 solid var(--line-Secondary-color) !important;
}

.txt-cat {
    margin: 20px 20px;
    color: var(--text-primary-color);
    font-family: var(--typography-Bold-font-family);
    border-bottom: 0 solid var(--line-Secondary-color);
    font-size: 1.5rem;
    padding: 8px 0;
}

.social {
    display: none;
}

#submitPromoCode {
    font-family: var(--typography-Bold-font-family);
    padding: 13px 20px 16px;
    margin: 0 0 0 20px;
    border-radius: 0;
}

#submitPromoCode:hover {
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
}

.compChoixSurPlan .mapRoom.roomSection .mapCoordinates {
    width: 350px;
    font-size: 1rem !important;
}

#tooltip.roomSection .body .title,
.tooltips .tooltip.roomSection .body .title {
    text-transform: none;
    letter-spacing: 0;
}

.compChoixSurPlan .mapRoom .mapCoordinates,
.compChoixSurPlan .mapRoom .mapCoordinates input,
.compChoixSurPlan .mapRoom .mapCoordinates strong {
    font-family: var(--typography-primary-font-family);
    font-size: 1.12rem !important;
}

.mapCoordinates strong,
.mapCoordinates span,
.mapCoordinates input {
    vertical-align: initial;
}

.center-container {
    margin-top: 20px;
}

.popupTarifs .submit input,
.validateButton,
.validateButton:hover {
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
    font-family: var(--typography-Bold-font-family);
    border-radius: 0;
    text-transform: uppercase;
    font-size: 16px;
}

.popupTarifs .submit .cancel,
.popupTarifs .submit .cancel:hover {
    background: var(--gray-Tertiary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--gray-Tertiary-color);
    border-radius: 0;
}

.compObjet {
    padding: 0 40px;
    width: inherit;
}

#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer {
    padding: 20px 40px;
}

.compTarifDisponible {
    padding: 20px 40px 0;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader th.tableColonne3 {
    width: 120px;
}

.dataContentComposants .descContent {
    padding: 0;
}

#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer {
    text-align: inherit;
    padding: 0 40px 40px;
}

.buttonsContainer div {
    display: block;
}

#submitPanier,
#submitFinaliser {
    width: 280px !important;
    height: 52px !important;
    font-family: var(--typography-Bold-font-family);
    border-radius: 0 !important;
    text-transform: uppercase;
    font-size: 1.5rem !important;
}

.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .nom a {
    font-family: var(--typography-CondensedBold-font-family);
    font-size: 35px;
}

.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .date {
    color: var(--text-Tertiary-color);
    font-size: 1.1667rem;
    font-family: var(--typography-primary-font-family);
}

.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .prix {
    font-size: 1rem;
    color: var(--text-Quaternary-color);
    font-weight: 400;
}

.compNouveauParcours .dataContentComposants .label {
    margin: 20px 40px 0;
    color: var(--text-primary-color);
    font-family: var(--typography-Bold-font-family);
    border-bottom: 0 solid var(--line-Secondary-color);
}

.compNouveauParcours .fraisModeDeDiffusion {
    text-align: end;
}

.compNouveauParcours .montantTotal .totalPanier {
    font-size: 1.5rem;
}

.compNouveauParcours .nouveauParcours {
    margin: 20px 40px;
}

.compNouveauParcours .montantTotal {
    margin: 0 40px;
}

.compNouveauParcours .buttonsContainer {
    margin: 20px 40px;
}

.compNouveauParcours .montantTotal .label {
    margin: 0;
}

.compNouveauParcours .buttonsContainer #submitAssurance,
.compNouveauParcours .buttonsContainer #submitAssurance:hover {
    width: 200px !important;
    height: 52px !important;
    font-family: var(--typography-Bold-font-family);
    border-radius: 0 !important;
    text-transform: uppercase;
    font-size: 1.5rem !important;
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
}

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

.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .image {
    top: 5px;
}

.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier {
    border-bottom: 1px solid var(--text-Quaternary-color);
    padding-bottom: 10px;
}

.compPreIdentification .title {
    color: var(--text-primary-color);
    font-family: var(--typography-Bold-font-family);
    border-bottom: 0 solid var(--line-Secondary-color) !important;
    font-size: 1.5rem !important;
    margin: 0 40px;
}

.compPreIdentification #identificationRapide {
    margin: 10px 40px;
    border-radius: 0;
    height: 45px;
    line-height: 45px;
}

.compPreIdentification input.btSubmit {
    font-family: var(--typography-Bold-font-family);
    border-radius: 0 !important;
    text-transform: uppercase;
    font-size: 1.5rem !important;
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
    width: 145px;
    height: 35px;
}

.compPreIdentification input.mail {
    font-size: 1.33rem;
    margin-top: 0;
    margin-left: 5px;
    /* height: 100%; */
}

.compNouveauParcours .buttonsContainer #submitAssurancePanier,
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .toGlobalMap {
    display: none;
}

.compChoixSurPlan .mapRoom .mapCoordinates strong.title,
.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .miniMap .header,
.compChoixSurPlan .panoramicButton .panoramicButtonText {
    height: 23px;
    font-size: 1.12rem;
}

.compChoixSurPlan .mapRoom.roomSection .nbAvailableSeats {
    display: none;
}

.compChoixSurPlan .mapRoom .mapCoordinates li.rowNumber {
    padding: 10px;
}

.txt-deja-client {
    font-size: 1.0833rem;
    padding: 10px 20px;
    text-align: left;
    color: var(--text-Quaternary-color);
}

.Container-txt-pmr {
    background-color: var(--background-gray);
    border-radius: 0;
    margin: 20px 40px;
}

.txt-pmr {
    padding: 20px;
}

.txt-pmr a {
    font-weight: 700;
}

.mapRoom-roomSection .roomReference {
    background: #e6e6e6;
    color: black;
}

#pageEtape1 .buttonsContainer .validContent input {
    font-family: var(--typography-Bold-font-family) !important;
}

.choixPlanMobile #cpm_tribune td:first-child,
#cpm_bloc,
.mapRoom-global3D div:has(a#zoomMapMobile) {
    display: none;
}

.choixPlanMobile select {
    background-image: url("data:image/svg+xml,%3Csvg fill='white' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-color: #C80021;
    font-family: var(--typography-Bold-font-family);
    color: #ffffff;
    border-radius: 0 !important;
    appearance: none;
}

.choixPlanMobile select option {
    background-color: #ffffff;
    color: #000;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom .miniMap .header {
    width: 280px;
    font-size: 1.1rem;
    text-transform: initial;
}

.compCalendrier {
    margin: 20px 40px;
}

.calendarHeureLines {
    width: 90px;
}

.calendarHeureRows {
    line-height: 20px;
}

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

    .compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection>.header {
        width: fit-content;
    }
}

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

    #mapRoom_default-2-MapRoomSection-canvasHolder-of {
        width: 860px !important;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td[colspan="3"] {
        width: 490px;
    }

    #submitPanier {
        float: left;
        margin-left: 0 !important;
    }
}

#submitPanier:hover {
    background: var(--gray-Tertiary-color) !important;
    color: var(--text-secondary-color) !important;
    border: solid 3px var(--gray-Tertiary-color) !important;
}

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

    #submitFinaliser {
        float: right;
        margin-left: 0 !important;
    }
}

#submitFinaliser:hover {
    background: var(--Primary-color) !important;
    color: var(--text-secondary-color) !important;
    border: solid 3px var(--Primary-color) !important;
}

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

    .compObjet {
        padding: 0 20px;
        width: inherit;
    }

    .buttonsContainer div.validContent {
        margin: 18px 0 0;
    }

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .info {
        margin: 40px 0 0;
    }

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

    .compCalendrier {
        margin: 20px;
    }

    .dataContentComposants:has(.compCalendrier) .descContent {
        padding: 20px;
    }

    .txt-cat {
        display: none;
    }
}


/*  CALENDRIER  */

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

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

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

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

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

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

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

div.dp-popup div.dp-nav-prev .dp-nav-prev-month,
div.dp-popup div.dp-nav-next .dp-nav-next-month {
    color: #000000 !important;
}

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

div.dp-popup .dp-calendar .jCalendar tbody .other-month,
div.dp-popup .dp-calendar .jCalendar tbody .current-month {
    background: var(--transparent);
    color: var(--text-primary-color);
    border: 1px solid var(--Primary-color);
    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-secondary-color);
    background: var(--Primary-color);
}

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

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

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

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

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

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

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

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

/* cacher le calendrier si l'état est "Bientôt en vente" */

.dataContentComposants:has(.descEtat11) .descContent,
.dataContentComposants:has(.descEtat11) .compCalendrier,
.dataContentComposants:has(.descEtat11) .calendarIndex {
    display: none;
}

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

/* fin texte calendrier */

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

#pageEtape1 .backToMap,
.compTarifDisponible .descContent {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

.calendarIndex .Index li {
    display: inline;
}

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

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

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

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

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

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

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

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

/* mode de diffusion */

.compModeDeDiffusion {
    padding: 0 40px;
    margin: 20px 0;
}

.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants {
    background-color: var(--background-gray);
    padding: 10px 0;
    margin-top: 20px;
}

#promoCodeForm,
#pageEtape1 .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl {
    background-color: var(--background-gray);
    border-radius: 0;
    width: inherit;
}

#promoCodeForm {
    margin: 20px 40px !important;
}

#promoCodeForm input {
    border: 1px solid var(--line-Secondary-color);
}

.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion {
    background-color: var(--transparent);
    padding: 0 0 0 15px;
    border-radius: 0;
}

#pageEtape2 .validContent input.btnRetourAccueil,
.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .tableHeader {
    display: none;
}

.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .tableColonne1 input.radio {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    width: 16px;
    height: 16px;
    border-radius: 50%;

    border: 2px solid var(--text-primary-color);
    background-color: transparent;
    cursor: pointer;
}

.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .tableColonne1 input.radio:checked {
    box-shadow: inset 0 0 0 2px #e6e6e6, inset 0 0 0 6px var(--text-primary-color);
    border: 2px solid;
    background-color: inherit;
}

#delai1,
#delai4,
#delai5 {
    white-space: pre-line;
}

.compAdresseLivraison {
    padding: 0 40px;
}

.compAdresseLivraison .headerComposants .footerComposants .contentComposants .dataContentComposants {
    padding: 20px 0;
}

.compAdresseLivraison .headerComposants .footerComposants .contentComposants .dataContentComposants select {
    margin-top: 0;
    height: 37px;
}

.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion {
    display: grid;
    grid-template-columns: auto 1fr;
    /* grid-template-rows: auto auto; */
    grid-template-areas:
        "col1 col3"
        "col2 col2";
}

.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion td.tableColonne1 {
    grid-area: col1;
    display: flex;
    align-items: center;
    width: 101%;
    color: var(--text-primary-color);
}

.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion .tableColonne2 {
    grid-area: col2;
    width: 97% !important;
    padding: 0 15px 10px;
    color: var(--text-primary-color);
}

.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion .tableColonne3 {
    grid-area: col3;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 80px !important;
    padding: 7.5px 10px 8px 5px;
    color: var(--text-primary-color);
    font-family: var(--typography-Bold-font-family);
    font-size: 1.12rem;
}

.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .tableColonne1 label {
    font-family: var(--typography-Bold-font-family);
    font-size: 1.12rem;
    max-width: 100%;
}

.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion td.tableColonne3:before {
    content: " : +";
    font-family: var(--typography-Bold-font-family);
    font-size: 1.12rem;
}

.dataContentComposants:has(#identificationRapide) .compAdresseLivraison {
    display: none !important;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableDesc {
    float: none !important;
    font-size: 1.0833rem;
    padding: 0 20px !important;
    text-align: left;
    color: var(--text-Quaternary-color);
}

.compDejaClient.nouveauParcours #boxConfirmAccount .btSubmit {
    margin: 5px 10px;
    text-transform: uppercase;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount:hover {
    width: 200px !important;
    height: 52px !important;
    font-family: var(--typography-Bold-font-family) !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-size: 1.5rem !important;
    background: var(--Primary-color) !important;
    color: var(--text-secondary-color) !important;
    border: solid 3px var(--Primary-color) !important;
}

table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount {
    width: 250px !important;
    height: 52px !important;
    font-family: var(--typography-Bold-font-family) !important;
    background: var(--gray-Tertiary-color) !important;
    color: var(--text-secondary-color) !important;
    border: solid 3px var(--gray-Tertiary-color) !important;
    border-radius: 0 !important;
}

.compModeDeDiffusion .tableDesc {
    padding-left: 30px;
    color: #000;
}

.compRenommageBillet .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants .duplicateRenommage {
    display: none;
}

#checkOptinOrga label a {
    color: var(--text-primary-color);
    text-decoration: underline;
}

.compVerificationEmail {
    padding: 20px 40px 0;
}

.form-verification-email {
    font-family: var(--typography-primary-font-family), sans-serif;
    font-size: 12px;
}

.form-verification-email .form-label {
    font-size: 11px;
}

.compConfirmationCoordonnees .ligneSubmit input,
.compConfirmationCoordonnees .ligneSubmit input:hover,
.form-verification-email .btSubmit,
.form-verification-email .btSubmit:hover {
    width: 200px;
    height: 52px;
    font-family: var(--typography-Bold-font-family);
    border-radius: 0;
    text-transform: uppercase;
    font-size: 1.5rem;
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
}

.compConfirmationCoordonnees .ligneSubmit input {
    width: 220px !important;
    margin-right: 3px;
}

.compConfirmationCoordonnees {
    padding: 20px 40px 0;
}

.compConfirmationCoordonnees .coordonneesCompletes {
    padding: 0;
}

.compConfirmationCoordonnees .coordonneesCompletes .champObligatoire {
    font-size: 1rem;
}

.compConfirmationCoordonnees .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select.formatPaysId,
.compConfirmationCoordonnees .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne2 input {
    width: 220px !important;
    height: 39px;
    border-radius: 0;
    text-indent: 0;
    padding: 0 5px;
}

.compConfirmationCoordonnees .coordonneesCompletes .tableDesc {
    font-size: 1.0833rem;
}

.compConfirmationCoordonnees .titleComposants {
    margin-bottom: 20px !important;
}

.txt-rename {
    float: none !important;
    font-size: 1.0833rem;
    padding: 10px !important;
    text-align: left;
    color: var(--text-Quaternary-color);
}

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

    .compConfirmationCoordonnees .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select.formatPaysId {
        width: 220px !important;
    }
}

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

    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {
        width: 828px !important;
    }
}

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

    .compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion td.tableColonne1 {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion .tableColonne2 {
        padding: 10px 0;
    }

    .compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion .tableColonne3 {
        padding: 7.5px 10px 8px 0;
    }

    .compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion td.tableColonne3:before {
        content: " +";
    }

    .compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .tableColonne1 input.radio {
        margin-left: 0;
        margin-top: 0;
        padding: 0;
    }

    .compModeDeDiffusion .modeDeDiffusion .tableColonne3 {
        width: 50% !important;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td[colspan="3"] {
        text-align: center !important;
    }

    .compNouveauClient .dataContentComposants {
        padding: 0;
    }

    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit {
        margin-right: 0 !important;
    }

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

    .Container-txt-pmr,
    #promoCodeForm {
        margin: 20px !important;
    }

    .compModeDeDiffusion {
        padding: 0 20px;
        margin: 20px 0;
    }

    .compNouveauClient.nouveauParcours .champ {
        width: 100%;
        margin: 5px 0;
        display: flex;
    }

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

    .compConfirmationCoordonnees tbody {
        display: block;
        width: 100%;
    }

    .compConfirmationCoordonnees .tableColonne2 {
        width: 100%;
    }

    .compConfirmationCoordonnees .coordonneesCompletes {
        padding: 0;
        width: 100%;
    }

    .compConfirmationCoordonnees .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne2 input,
    .compConfirmationCoordonnees .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select {
        height: 39px;
    }

    .compConfirmationCoordonnees .headerComposants .footerComposants .contentComposants .dataContentComposants table tr {
        padding-bottom: 10px;
        display: flex;
        gap: 0;
        align-items: center;
        justify-content: start;
    }

    #pageEtape2 #compBody #compBodyHeader #compBodyFooter #compBodyContent .compConfirmationCoordonnees .formatPaysId {
        padding-left: 5px;
    }

    .coordonneesCompletes tr {
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .coordonneesCompletes td {
        width: 100% !important;
    }

    .coordonneesCompletes .tableColonne1 {
        font-weight: bold;
        margin-bottom: 5px;
    }

    .coordonneesCompletes .tableColonne2 input,
    .coordonneesCompletes .tableColonne2 select {
        width: 100%;
        box-sizing: border-box;
    }

    .coordonneesCompletes td[colspan="2"] {
        display: block;
        width: 100%;
    }


    .compModeDeDiffusion .modeDeDiffusion {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "col1 col3"
            "col2 col2";
    }

    /* .compModeDeDiffusion .modeDeDiffusion:has(#infoMode79),
    .compModeDeDiffusion .modeDeDiffusion:has(#infoMode81), */
    .compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion {
        grid-template-areas:
            "col1 col1"
            "col3 col3"
            "col2 col2";
    }

}

.compModeDeDiffusion .tableDesc {
    padding-left: 20px;
}


@media screen and (min-width: 475px) and (max-width: 645px) {
    .compModeDeDiffusion .tableColonne3 {
        margin-left: 0 !important;
    }
}

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

    .compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .modeDeDiffusion td.tableColonne1 {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .tableColonne1 label {
        margin-bottom: 0;
        margin-top: 0;
        max-width: 85%;
    }
}

/* deja client */

.compDejaClient {
    padding: 0 40px;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants {
    padding: 0;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table {
    width: auto;
    padding: 20px 0;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tbody {
    display: flex;
    flex-direction: column;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr:nth-of-type(4) {
    display: contents;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne3 {
    display: block;
    text-align: left;
    margin-left: 270px;
    padding: 10px 0;
}

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

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableDesc {
    display: none;
    float: right;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne2,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td.tableColonne1 {
    width: 270px;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td[colspan="3"] {
    text-align: right;
    margin-top: 0;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit {
    height: 48px;
    margin: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-family: var(--typography-Bold-font-family);
    font-size: 16px;
}

.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit:hover {
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
}

.clientConfirmPays,
.compDejaClient.nouveauParcours #boxConfirmAccount .btSubmit.btChangeAccount {
    display: none !important;
}

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

    #pageEtape2 .cadre-colonne-content {
        padding: 0 0 50px;
    }

    #boxConfirmAccount td {
        padding: 5px 0;
        width: 900px;
    }

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

    #boxConfirmAccount td.ligneSubmit {
        padding-top: 10px;
    }

    #pageEtape2 .validContent input.btnRetourAccueil,
    table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount {
        width: 280px;
        float: left;
        height: 52px;
        border-radius: 0;
        font-family: var(--typography-Bold-font-family);
        text-transform: uppercase;
        font-size: 1.5rem !important;
    }

    #pageEtape2 .validContent input.btnRetourAccueil {
        width: 380px;
        text-align: center;
        margin-left: 0;

    }

    #pageEtape2 .validContent input.btnRetourAccueil:hover,
    table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount:hover {
        background: var(--gray-Tertiary-color);
        color: var(--text-secondary-color);
        border: solid 3px var(--gray-Tertiary-color);
    }

    #pageEtape2 .validContent input.valid.btn-primary.btn,
    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount {
        width: 260px;
        float: right;
        height: 52px;
        border-radius: 0;
        font-family: var(--typography-Bold-font-family);
        text-transform: uppercase;
        margin-left: 0;
        font-size: 1.5rem !important;
    }

    #pageEtape2 .validContent input.valid.btn-primary.btn:hover,
    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount:hover {
        background: var(--Primary-color);
        color: var(--text-secondary-color);
        border: solid 3px var(--Primary-color);
    }

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

/* nouveau client */

.compNouveauClient {
    padding: 0 40px;
}

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table {
    padding: 20px 0;
}

.compNouveauClient table input {
    height: 15px;
    border-radius: 0;
}

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select {
    width: 222px;
    height: 37px;
    border-radius: 0;
    padding-left: 10px;
    margin: 0 !important;
}

.compNouveauClient table input#nouveaunewsok,
.doubleOptIn #optinNewsletterOrga {
    height: 15px;
}

.compNouveauClient table td.tableDesc[colspan="3"] {
    display: none;
}

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit {
    height: 48px;
    margin-right: 165px;
    border-radius: 0;
    text-transform: uppercase;
    font-family: var(--typography-Bold-font-family);
    font-size: 16px;
}

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit:hover {
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
}

/* renommage billet */

.compRenommageBillet {
    padding: 0 40px;
}

.compRenommageBillet:first-of-type {
    padding: 20px 40px 0;
}

.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants {
    padding: 10px 0 0;
}

/* champ requis */

#pageEtape2 .champsRequis {
    padding: 5px 40px;
}

#pageEtape2 .ppdpText {
    padding: 10px 40px;
}

@media screen and (max-width: 767px) {
    .compNouveauParcours .dataContentComposants .label {
        margin: 0 20px;
    }

    .compNouveauParcours .nouveauParcours {
        margin: 20px;
    }

    .compPreIdentification .title {
        margin: 0 20px;
    }

    .compPreIdentification input.btSubmit {
        line-height: 0;
    }

    .compPreIdentification #identificationRapide {
        margin: 10px 20px;
    }

    #pageEtape2 .ppdpText {
        padding: 10px 20px;
    }

    .compNouveauClient {
        padding: 0 20px;
    }

    .compNouveauClient.nouveauParcours .topContentComposants .consigne {
        padding: 10px 0;
    }

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

    #pageEtape2 .validContent input.valid.btn-primary.btn,
    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount {
        width: 260px;
        float: right;
        height: 52px;
        border-radius: 0;
        font-family: var(--typography-Bold-font-family);
        text-transform: uppercase;
        margin-left: 0;
        font-size: 1.5rem !important;
    }

    .compDejaClient {
        padding: 0 20px;
    }

    .txt-deja-client {
        padding: 10px 0;
    }

    .compDejaClient.nouveauParcours.notConnected #dejamail,
    .compDejaClient.nouveauParcours.notConnected #dejapass {
        margin-right: 0;
        padding: 0 10px;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne3 {
        margin-left: 0;
    }

    .compDejaClient.nouveauParcours #boxConfirmAccount .btSubmit {
        font-size: 1.5rem;
        margin: 10px auto;
    }

    #boxConfirmAccount tbody tr td {
        width: 100%;
        margin: 10px auto;
    }

    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select#nouveaupays {
        margin: 0 !important;
    }
}

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

#pageEtape3 .compBody {
    padding: 40px 20px 0;
}

/* panier gratuit */

@media screen and (min-width: 768px) {
    .compPaiementFree table#paiementFree {
        width: 980px;
        padding: 20px 40px 0;
    }

    .PaylineChkCgv {
        margin-bottom: 40px;
    }
}

td#validationPaiementFree a.ancreTelechargerBillet {
    width: 280px;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding-top: 0;
    padding-left: 0;
    font-family: var(--typography-Bold-font-family);
    text-transform: uppercase;
}

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

.compPaiementFree table#paiementFree tr th#titlePaiementFree {
    color: var(--text-primary-color);
    font-family: var(--typography-Bold-font-family);
    border-bottom: 0px solid var(--line-Secondary-color);
}

#securite,
#PaylineCgv {
    display: none;
}

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

    #validationPaiementFree {
        padding: 0 10px;
        margin-top: 25px;
        display: block;
    }
}

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

.compTelechargementOption1 {
    width: 980px;
}

.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 {
    width: 900px;
}

#pageEtape4 .dataContentComposants .descContent {
    display: none;
}

#compTelechargementOption1Content1 {
    padding: 20px 40px 0;
}

.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr td {
    padding: 15px 0;
}

.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet:hover {
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
    width: 270px;
    border-radius: 0;
    height: 39px;
    line-height: 35px;
    margin: 0;
    padding: 0;
    font-family: var(--typography-Bold-font-family);
    text-transform: uppercase;
    font-size: 1.25rem;
}

.compTelechargementOption2 {
    padding: 20px 40px;
}

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

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

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

.compCourrier,
.compGuichet,
.compTelechargementFacture {
    padding: 0 40px;
}

.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {
    padding-left: 0;
}

.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {
    width: 64%;
}

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

.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected {
    font-family: var(--typography-Bold-font-family);
    font-size: 1.25rem;
    border-radius: 0;
    text-transform: uppercase;
    line-height: 12px;
}

.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne1 {
    font-weight: 400;
}

.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected:hover {
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
}

.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture {
    width: 280px;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-top: 0;
    padding-left: 0;
    font-family: var(--typography-Bold-font-family);
}

.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture:hover {
    background: var(--gray-Tertiary-color);
    color: var(--Tertiary-color);
    border: solid 3px var(--gray-Tertiary-color);
}

tr.mticket,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne1 #typeEticketJpg,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne1 label[for="typeEticketJpg"],
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne1 input[type="radio"],
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne1 label[for="typeEticketPdf"] {
    display: none;
}

table#telechargementOption2 tr td.tableColonne1 dl dd .nom {
    font-weight: normal;
    font-family: var(--typography-CondensedBold-font-family);
    font-size: 35px !important;
}

.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne1 .porteur {
    display: block;
}

#pageEtape4 .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage {
    color: var(--text-primary-color);
}

#pageEtape4 .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage span {
    align-items: start;
    flex-direction: column;
    color: var(--text-primary-color);
}

.compCourrier .boxCourrier span,
.compGuichet .boxGuichet span {
    margin-bottom: 15px;
    display: block;
}

.compGuichet .boxGuichet .infoGuichet a {
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
    .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne1 dd {
        margin-left: 0;
    }
}

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

    .compCourrier,
    .compGuichet,
    .compTelechargementOption2,
    #compTelechargementOption1Content1 {
        padding: 20px 20px 0;
    }

    .compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 {
        text-align: justify;
        width: 100%;
        padding-right: 0;
        display: flex;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
    }
}

/*--------------------------------------------------------------------*\
        # mon compte
\*--------------------------------------------------------------------*/

.ongletContent a {
    width: 33.3%;
}

.rechercheCompteDigitick,
#transactionsActives .ongletLibelle2,
#transactionsSoldees .ongletLibelle2,
#monCompte .ongletLibelle2 {
    display: none;
}

.ongletContent a#compteDeconnexion {
    width: 160px;
    top: -80px;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1,
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 {
    width: auto;
    border-left: 0 solid var(--line-Secondary-color);
}

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

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableTitle1 {
    width: 16%;
}


#pageCompte .zoneRecherche input {
    height: 34px;
    border-radius: 0;
}

#pageCompte .zoneRecherche select,
#pageCompte .zoneTri select {
    height: 36px;
    border-radius: 0;
}

#pageCompte .zoneRecherche button {
    height: 34px;
    border-radius: 0;
    padding: 10px 15px 16px;
    font-family: var(--typography-Bold-font-family);
    font-size: 16px;
}

#pageCompte .zoneRecherche button:hover {
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
}

#pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected {
    width: 260px;
    border-radius: 0;
    font-family: var(--typography-primary-font-family);
    font-size: 1.25rem;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    text-transform: uppercase;
}

#pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected:hover {
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
}

#pageCompte .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteInformationSubmit,
#pageCompte .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteInformationSubmit:hover,
#pageCompte .compNewsletterAbo .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteNewsletterAboSubmit,
#pageCompte .compNewsletterAbo .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteNewsletterAboSubmit:hover {
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
    font-family: var(--typography-Bold-font-family);
    border-radius: 0;
    text-transform: uppercase;
    font-size: 16px;
}

#pageCompte .compMentionsLegales {
    display: none;
}

#compOubliMDPContent1 {
    padding: 40px 40px 0;
}

.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btRetour {
    display: none;
}

#pageCompte .compNewsletterAbo .content .newsletterLine label a {
    text-decoration: underline;
    font-weight: 700;
}

.compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .content {
    padding: 0;
}

.compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .info.info1 {
    font-weight: 400;
}

.compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .title.bloc3 {
    display: none;
}

.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit:hover {
    width: 200px;
    height: 42px;
    font-family: var(--typography-Bold-font-family);
    border-radius: 0;
    text-transform: uppercase;
    font-size: 1.5rem;
    background: var(--Primary-color);
    color: var(--text-secondary-color);
    border: solid 3px var(--Primary-color);
    text-align: center;
}

#pageCompte #TransactionContent {
    padding: 25px;
}

.infoTransaction-text {
    font-family: var(--typography-primary-font-family);
    font-weight: 400;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants caption .nom {
    font-family: var(--typography-CondensedBold-font-family);
    color: var(--text-primary-color);
    font-size: 35px;
    font-weight: 700;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants caption .date {
    font-family: var(--typography-Bold-font-family);
    font-weight: 700;
    color: var(--text-primary-color);
}


#pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected {
    font-family: var(--typography-Bold-font-family);
    font-weight: 700;
}

#pageCompte #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .boxNewsletterAbo .titleContent,
.compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .title {
    margin: 20px;
    color: var(--text-primary-color);
    font-family: var(--typography-Bold-font-family);
    border-bottom: 0 solid var(--line-Secondary-color);
}

.compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .value {
    margin-left: 5px;
}

#pageCompte #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .boxNewsletterAbo .titleContent,
.compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .title.bloc2 {
    margin: 0 20px;
    padding: 0;
}

#pageCompte #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .boxNewsletterAbo .titleContent {
    padding: 0;
}

.new-passWord {
    margin-bottom: 20px;
}

.requis {
    font-family: var(--typography-primary-font-family);
    margin-top: 20px;
    margin-left: 20px;
    display: block;
}

.requis:nth-of-type(2) {
    display: none;
}

.infoTransaction,
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants caption .lieu,
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne4,
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table .tableHeader {
    display: none !important;
}

/* .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table .tableHeader {
    height: 0;
} */

.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a {
    font-family: var(--typography-primary-font-family);
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a.printAll {
    display: none;
}

.compCompteTransaction:has(table.table tbody tr:nth-child(2)) .printAll {
    display: inline-block !important;
}

.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne3Bis {
    padding: 10px;
    border-bottom: 0 solid var(--line-Secondary-color);
}

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

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

.compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants a:hover {
    background: #fddd7c;
    border-color: #fddd7c;
}

.compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form select#formatPays.value,
.compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form input.value {
    border-radius: 0;
}

#pageCompte .content.bloc2 select {
    width: auto;
    height: 27px;
    font-size: 1rem;
    margin: 2px;
}

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


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

    #pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected.walletpkpass {
        pointer-events: none;
    }
}

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

    #pageCompteIdentification .compDejaClient {
        padding-top: 20px;
        margin-top: 0;
    }

    table.oubliMDP {
        padding: 0;
        margin-bottom: 0;
    }

    #boxConfirmAccount tbody tr td {
        width: 100% !important;
    }

    .dataContentComposants table.oubliMDP tr td.tableColonne1 {
        width: 100px;
        height: 37px;
        display: flex;
        align-items: center;
    }

    .dataContentComposants table.oubliMDP tr td.email-sent {
        width: 100%;
        margin: 10px 0;
        height: auto;
        color: var(--text-primary-color);
    }

    .dataContentComposants table.oubliMDP .space,
    .dataContentComposants table.oubliMDP .space td.email-sent {
        height: 0;
        margin: 0;
    }

    .dataContentComposants table.oubliMDP tr td.email-sent.btn {
        display: none;
        float: right;
        width: 200px;
        height: 42px;
        font-family: var(--typography-Bold-font-family);
        border-radius: 0;
        text-transform: uppercase;
        font-size: 1.5rem;
        background: var(--Primary-color);
        color: var(--text-secondary-color);
        border: solid 3px var(--Primary-color);
        text-align: center;
    }

    .dataContentComposants table.oubliMDP tr td.email-sent.btn a {
        text-align: center;
        width: inherit;
        color: var(--text-secondary-color);
    }

    table.oubliMDP tbody .tableColonne2 input {
        width: 244px;
        margin-left: 0 !important;
        height: 35px;
        border-radius: 0;
        padding-left: 5px;
    }

    .compNewsletterAbo {
        margin: 20px 20px 0;
    }

    #pageCompte .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants .validContent {
        margin-top: 10px;
    }

    #pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr {
        display: flex;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {
        flex: 1;
        padding: 10px;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne3 {
        flex: 0 0 auto;
    }

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
        align-items: center;
    }
}

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

    table.oubliMDP tbody .tableColonne2 input {
        width: 244px;
        margin-left: 0 !important;
        height: 35px;
        border-radius: 0;
        padding-left: 5px;
    }

    .compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit,
    .compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit:hover {
        line-height: 0;
        padding-bottom: 10px;
    }

    .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form .title {
        margin: 20px 0;
        padding: 0;
    }

    .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form input.value {
        width: 99%;
        height: 20px;
        margin-top: 5px;
        margin-left: 0;
    }

    .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants form select#formatPays.value {
        width: 100%;
        height: 32px;
        line-height: 0;
        margin: 2px 0;
        padding: 0 0 0 5px;
    }

    .ongletContent a#compteDeconnexion {
        width: 160px !important;
        top: -85px;
    }

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableDesc {
        padding: 0 !important;
    }

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

    .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne3Bis {
        padding: 10px;
        border-bottom: 0 solid var(--line-Secondary-color);
    }

    #pageCompte .content.bloc2 select {
        padding: 0 0 0 5px;
        margin-top: 5px;
    }
}

/*------------------------------------*\
    # PUSH
\*------------------------------------*/

.partners.premium {
    display: flex;
    justify-content: center;
    padding: 0 1rem 20px;
}

.partner-card {
    max-width: 932px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 2rem;
    background-color: #fddd7c;
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* .partner-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(600px circle at var(--x, 50%) var(--y, 50%),
            rgba(255, 215, 120, 0.12),
            transparent 60%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.partner-card:hover::before {
    opacity: 1;
} */

.partner-card:hover {
    /* transform: translateY(-8px); */
    /* box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6); */
}

.partner-thumb {
    width: 170px;
    height: 230px;
    object-fit: cover;
    /* box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5); */
    flex-shrink: 0;
}

.partner-content {
    flex: 1;
    color: #000000;
}

.partner-tag {
    display: inline-block;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 0.5rem;
}

.partner-content h3 {
    margin: 0 0 0.75rem;
    font-family: var(--typography-ExtendedBlack-font-family);
    font-size: 1.6rem;
    font-weight: 600;
}

.partner-content p {
    color: #000000;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.partner-infos {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.9rem;
}

.partner-infos li {
    position: relative;
    padding-left: 1.2rem;
    margin-bottom: 0.5rem;
    color: #000000;
}

.partner-infos li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.65em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000000;
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.6);
}

.partner-cta {
    position: relative;
    z-index: 2;
    margin-left: auto;
}

.btn-premium {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.7rem;
    /* border-radius: 999px;
    background: linear-gradient(135deg, #f3d27a, #c89b3c); */
    background-color: transparent;
    color: #000000;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 4px solid;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 1px 25px rgba(252, 220, 135, 0.35);
}

.btn-premium .arrow {
    transition: transform 0.25s ease;
}


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

    .partners.premium {
        padding: 20px auto;
    }

    .partner-content h3 {
        font-size: 1.2rem;
    }

    .partner-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .partner-thumb {
        width: 100%;
        height: 180px;
    }

    .partner-cta {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
    }

    .btn {
        width: 100%;
        text-align: center;
    }
}

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

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

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

.compCarrouselMiseEnAvant {
    margin: 0 auto;
}

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

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .conditionsGenerales a,
.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants .mentionsLegales a {
    color: #fff;
}

#cgv,
#donnesperso {
    display: none;
}

#pipe {
    color: #fff;
}

/*  PRE-FOOTER  */

.preFooter {
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 15px;
    background-color: var(--transparent);
    padding: 70px 0 25px 0;
    margin: 50px 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

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

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

a.ligne {
    text-decoration: none;
    cursor: pointer;
    font-size: 15px;
    color: #fff;
}

h2 {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: 'Rammetto One', sans-serif;
    font-size: 15px;
}

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

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

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

.pf-menu {
    margin: 20px auto;
}

#col1,
#col2 {
    text-align: left;
}

.compFooterMarqueBlanche a {
    font-size: 15px !important;
}

@media screen and (min-width: 1083px) {
    .compModeDeDiffusion .tableHeader .tableColonne3 {
        width: 130px;
    }
}

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

    .compModeDeDiffusion .tableHeader .tableColonne3 {
        width: 100px;
    }

    .social-groups {
        width: 500px;
        text-align: justify;
    }

    #col1 {
        margin-left: 5%;
    }

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

    #col3 {
        margin-right: 40px;
    }

    .compOperationsMarketing .headerComposants .footerComposants .contentComposants .dataContentComposants a.operationMarketing {
        min-height: 140px;
        border-radius: 10px;
        width: 81% !important;
    }
}


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

    #pipe {
        display: none;
    }

    #mobile_menu ul li {
        border-bottom: 0px solid #000;
    }

    .compNouveauParcours form {
        padding-bottom: 10px;
    }

    .compModeDeDiffusion .modeDeDiffusion td,
    .compModeDeDiffusion .tableHeader {
        font-size: 12px;
    }

    #pageEtape2 .validContent input.valid {
        font-size: 12px;
    }

    /* FOOTER */

    .preFooter {
        margin: 0;
    }

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

    .social-groups {
        width: 100%;
        text-align: justify;
    }

    .compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants {
        line-height: 0;
    }

    .col {
        margin-top: 30px;
    }

    #col1 {
        margin: 0 auto;
    }

    #col2 {
        margin-bottom: 60px !important;
    }

    #col3 {
        text-align: center;
    }

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

    #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 {
        display: flex;
        flex-direction: column;
        gap: 25px;
        align-items: start;
        text-align: start;
        width: 100%;
        margin-left: 15px;
        margin-bottom: 20px;
    }

    .bloc-notifications-bottom {
        display: none;
    }
}

@media screen and (max-width: 475px) {
    .compModeDeDiffusion .tableHeader .tableColonne3 {
        width: 50px !important;
    }
}