:root {
    --Primary-color: #3f0921;
    --text-secondary-color: #FEBB38;
}

#compPanier1 .totalValiderPanier .validerPanier a:hover {
    background: transparent;
    color: #FEBB38;
}

#compPanier1 .totalValiderPanier .validerPanier a {
    background: #FEBB38;
    border: solid 3px #FEBB38;
    color: #3f0921;
}

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

/*--------------------------------------------------------------------
#COULEUR HEADER
--------------------------------------------------------------------*/
.ligneContent2 {
    background-color: #3f0921;
}

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

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

.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='%23FEBB38'/%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='%23FEBB38'/></svg>");
}

/*------------------------------------------------------------------*\
		Surcharge Panier
\*------------------------------------------------------------------*/
#compPanier1 .totalValiderPanier .delaiValiditePanier,
.resumePanier {
    color: #FEBB38 !important;
}

#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier,
#compPanier1 .headerComposants .footerComposants .contentComposants .dataContentComposants {
    background: #3f0921 !important;
}

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

#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier,
#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier:hover {
    color: #FEBB38;
}

.bottomRecapPanier {
    border-top: 1px solid #FEBB38;
}

/*------------------------------------------------------------------*\
		vue des blocs - photos panoramiques à 180°
\*------------------------------------------------------------------*/

#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .compPano .dataContentComposants .panoViewer .container {
    background-position: -18px 0px;
    background-repeat: no-repeat;
    background-origin: padding-box;
    pointer-events: none;
}

/*------------------------------------------------------------------*\
		Surcharge Boutons
\*------------------------------------------------------------------*/

/* ETAPE 3 PAIEMENT */
#pageEtape3 .ligneContent4 .compBody .dataContentComposants {
    padding: 0;
}

#pageEtape3 .ligneContent4 .compPaiementPayboxSystem .dataContentComposants {
    margin: 0 20px;
}

#pageEtape3 .ligneContent4 .compReduction .dataContentComposants {
    background: #FEBB38;
}

#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire {}

#compPaiementPayboxSystemHeader1 {
    margin: 10px 0 20px;
}

#compPaiementPayboxSystemHeader1 .titleComposants {
    margin-bottom: 10px !important;
}

#goToPayboxSystem {
    background: #3f0921 url(../image/paybox-service.png) no-repeat 15px center;
    background-size: 40px;
    border: 0;
    color: #000;
    font-size: 20px;
    margin: 0 auto 0;
    cursor: pointer;
    padding: 17px 20px 17px 60px;
    border-radius: 3px;
    width: auto;
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    margin-bottom: 5px;
}

#goToPayboxSystem:hover {
    background: #000 url(../image/paybox-service.png) no-repeat 15px center;
    background-size: 40px;
    border: 0;
    color: #fff;
    font-size: 20px;
    margin: 0 auto 0;
    cursor: pointer;
    padding: 17px 20px 17px 60px;
    border-radius: 3px;
    width: auto;
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    margin-bottom: 5px;
}

#goToPayboxSystem:before {
    content: 'Payez en plusieurs fois';
    color: #FFF;
    font-size: 20px;
}

#goToPayboxSystem:hover:before {
    color: #FEBB38;
}

#goToPayboxSystem img {
    display: none;
}

#pageEtape3 #contenuformulaire .topContentComposants .titleComposants {
    background: transparent;
    border: none;
    text-align: left;
    width: calc(100% - 40px);
    padding-right: 50px !important;
    color: #3f0921 !important;
    background: url(../image/icon-down.png) no-repeat right center;
    font-weight: bold;
    cursor: pointer;
}

#pageEtape3 #contenuformulaire .topContentComposants .titleComposants.titre-ouvert {
    color: #3f0921 !important;
    background: url(../image/icon-up.png) no-repeat right center;
}

#contenuformulaire .compPaiementPayboxSystem .contentComposants .dataContentComposants,
#contenuformulaire .compPaiement3DSecure .contentComposants .dataContentComposants,
#contenuformulaire .compPaiementNouvelleCB .contentComposants .dataContentComposants {
    display: none;
}

.show-content {
    display: block !important;
}

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

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

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle::before {
    content: "";
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle {
    max-width: fit-content;
}

#boutonMenuMobile {
    color: #FEBB38;
}

#mobile_menu.open {
    background: var(--Primary-color);
}

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

    .compDejaClient table tr td input#dejapass,
    .compDejaClient table tr td input#dejatel,
    .compDejaClient table tr td input#dejamail,
    .compDejaClient table tr td select#dejapays {
        height: 30px;
    }
}

@media screen and (max-width: 475px) {
    #payboxSystem tr:nth-child(2) .tableColonne1 {
        margin: 30px 0;
    }

    #payboxSystem tr:nth-child(4) .tableColonne1 {
        margin: 0 10px;
        text-align: center;
    }

    #goToPayboxSystem {
        text-align: left;
        padding-left: 80px;
    }
}

/*--------------------------------------------------------------------*\
        # footerAdministrable
\*--------------------------------------------------------------------*/

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

.footerAdministrableColumn div a {
    margin: 0 auto !important;
    padding: 5px 0;
}

.faPaiementSecurise {
    text-align: right;
    float: inline-end;
}