/*--------------------------------------------------------------------*\
        #Surcharge CSS
\*--------------------------------------------------------------------*/

/*  police */

@import url("https://use.typekit.net/plc0gqc.css");

body {
    font-family: "poppins", "roboto", sans-serif;
}

/* logo header */

.container-logo {
    display: inline;
}

.logo {
    width: 55px;
    float: left;
    margin-right: 20px;
}

/* description meta */

.descriptionHeader {
    display: none;
}

/* accueil */

.lienAccueilHeader {
    display: none;
}

#mobile_menu ul li {
    border-bottom: 1px solid #fff;
}

#mobile_menu.open,
.cadre-color {
    background-color: #000;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl {
    background-color: #000;
    border: #fff 1px solid;
}

.compPanierVide .topContentComposants::before,
.compPanier .topContentComposants::before,
#boutonMenuMobile,
.poussetLien:hover,
.poussetGauche::before,
.poussetDroit::before,
.poussetLienActif,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementTarifs,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSousGenre,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementGenre,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementDate,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementNom {
    color: #fff;
}

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

.compPanierVide .topContentComposants:hover,
.compPanier .topContentComposants:hover,
#boutonMenuMobile:hover,
.ligneContent2 a:hover {
    color: #ffe500;
}

.StickyNav .colonneContent1 {
    background-color: #000;
}

.ligneContent2 {
    background-color: #000;
    border-top: #fff 1px solid;
    border-bottom: #fff 1px solid;
}

.compEtape .span3 {
    color: #000;
}

.compEtape .span3 .etapeNom {
    font-weight: 400;
}

.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");
        position: relative;
        top: 3px;
}


.compCompte:hover .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='%23ffe500'/%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>");
    margin-right: 8px;
}

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

/*------------------------------------*\
    #H-BOUTONS
\*------------------------------------*/

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver {
    height: 5px;
    line-height: 8px;
    border-top-right-radius: 14px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver,
#compPanier1 .totalValiderPanier .validerPanier a,
#pageCompte .compNewsletterAbo .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteNewsletterAboSubmit,
#pageCompte .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteInformationSubmit,
td#validationPaiementFree a.ancreTelechargerBillet,
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier,
#pageCompte .zoneRecherche button,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount,
#pageCompte .validContent input.valid,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected,
.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet,
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit,
#pageEtape2 .validContent input.valid,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit,
#pageEtape1 #submitFinaliser,
.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: 16px !important;
    color: #000 !important;
    background: #ffe500 !important;
    border: solid 3px #ffe500 !important;
}

.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet:hover,
#pageCompte .compNewsletterAbo .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteNewsletterAboSubmit:hover,
#pageCompte .compCompteInformation .headerComposants .footerComposants .contentComposants .dataContentComposants input#formCompteInformationSubmit:hover,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture:hover,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected:hover,
td#validationPaiementFree a.ancreTelechargerBillet:hover,
.compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .nomPrenom2 button.modifier:hover,
#pageCompte .zoneRecherche button:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount:hover,
#pageCompte .validContent input.valid:hover,
.compCompte .headerComposants .footerComposants .contentComposants .dataContentComposants .liensdigiticks .identificationLienCompte:hover,
.compPaiementNouvelleCB .headerComposants .footerComposants .contentComposants .dataContentComposants table tr #rowSubmitEtape3 .btSubmit:hover,
#pageEtape2 .validContent input.valid:hover,
.compOubliMDP .headerComposants .footerComposants .contentComposants .dataContentComposants .oubliMDP tr .btnSubmitMDP .btSubmit:hover,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit:hover,
#pageEtape1 #submitFinaliser:hover,
#pageEtape1 #submitPanier:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit:hover,
.compConfirmationCoordonnees .ligneSubmit input:hover,
#compRechercheEspritMusique .libelleRecherche span input.btSubmit:hover,
#Tarif a.Reserver span:hover,
#formCompteConnexionPartenaire table #formDirectSubmit:hover,
#popup_container #popup_panel button:hover,
.compRechercheAbonne .dataContentComposants button:hover,
#withoutExclusive a:hover,
#popup_panel input#popup_ok:hover,
#submitCodePromo:hover,
#submitPromoCode:hover,
.compDejaClient .contentComposants .dataContentComposants .btnIdentifier:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementFiltrage .btSubmit:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationFiltrage .btSubmit:hover,
.compUpSelling .actions .reset:hover,
.compUpSelling .actions .submit:hover,
.compNouveauParcours .buttonsContainer #submitAssurance:hover,
.compNouveauParcours .buttonsContainer #submitAssurancePanier:hover,
.compNouveauClient.nouveauParcours .afficheDejaClient:hover {
    color: #000 !important;
    border: solid 3px #ffe500 !important;
    background: transparent !important;
}

#compPanier1 .totalValiderPanier .validerPanier a:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver:hover {
    color: #ffe500 !important;
    border: solid 3px #ffe500 !important;
    background: transparent !important;
}

.compModeDeDiffusion .headerComposants .footerComposants .contentComposants .dataContentComposants .tableColonne1 input.radio:checked {
    background-color: #ffe500;
    border: 1px solid #ffe500;
    margin-top: 5px;
}

#pageEtape1 #submitPanier {
    font-size: 16px;
}

.popupTarifs {
    border-radius: 10px;
}

#jqifade {
    background-color: #000;
    opacity: 0.7 !important;
}

.popupTarifs .submit {
    width: 520px;
}

.popupTarifs .submit input {
    font-size: 19px;
    font-weight: 400;
    line-height: 41px;
    text-transform: none;
    background-color: #000;
    font-family: "poppins", "roboto", sans-serif;
}

.popupTarifs .submit .cancel {
    border: 1px solid #E3E3E3;
    height: 40px;
    border-radius: 5px;
    font-family: "poppins", "roboto", sans-serif;
}

/* Etape */

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span.resumePanier,
#pageEtape1 .compEtape .etape1,
#pageEtape2 .compEtape .etape2,
#pageEtape3 .compEtape .etape3,
#pageEtape4 .compEtape .etape4 {
    color: #ffe500;
}

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

#telechargementOption1 label {
    margin-left: 5px !important;
}

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

#mobile_menu.open {
    padding: 0 0 0 10px;
}

#mobile_menu ul li {
    padding-bottom: 0px !important;
}

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

    .lienAccueilHeader:hover,
    .lienSiteHeader:hover,
    .compCompte:hover,
    .compPanierVide .topContentComposants:hover,
    .compPanier .topContentComposants:hover {
        border-bottom: 5px solid #ffe500;
    }

    table.oubliMDP tr td.btnSubmitMDP a.btRetour.btn {
        background: #ffe500 !important;
        color: #000;
        width: 175px !important;
        display: block;
        line-height: 34px !important;
        margin-left: 0 !important;
        border: solid 3px #ffe500 !important;
        height: 35px !important;
        margin-top: 1px;
    }

    table.oubliMDP tr td.btnSubmitMDP a.btRetour.btn:hover {
        color: #000 !important;
        border: solid 3px #ffe500 !important;
        background: transparent !important;
    }

    #pageCompte .compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected,
    .etapeDesc {
        font-size: 13px;
    }

    .compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .renommageBillet {
        height: 12px;
    }

    #compPanier1 .deroulePanier a,
    #compPanier1 .cachePanier a {
        width: 100px;
    }
}

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

    .logo {
        width: 35px;
        position: absolute;
        top: 10px;
        left: 25px;
    }

    .compPreIdentification input.btSubmit {
        font-size: 16px !important;
        color: #000 !important;
        background: #ffe500 !important;
        border: solid 3px #ffe500 !important;
    }

    .compPreIdentification input.btSubmit:hover {
        color: #000 !important;
        border: solid 3px #ffe500 !important;
        background: transparent !important;
    }

    .compCompte {
        line-height: 56px;
        margin-right: 20px;
    }

    .compCompte .compteBouton a::before {
        position: relative;
        top: 3px;
}
}