/******************************************************************************/
/*                            BALISE GENERALE                                 */
/******************************************************************************/
@font-face {
    font-family: 'Obviously';
    src: url(../fonts/Obviously-Regular.otf);
}

@font-face {
    font-family: 'Obviously-Semi';
    src: url(../fonts/Obviously-Semibold.otf);
    font-weight: bold;
}

@font-face {
    font-family: 'Obviously-Extd-Semi';
    src: url(../fonts/Obviously-ExtendedSemibold.otf);
}

/* resize Police */
a {
    font-size: 13px;
}

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

.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .date {
    font-size: 12px;
    font-weight: 700;
    color: #555;
    text-transform: none;
}

.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .ville,
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .lieu {
    color: #555;
    font-size: 12px;
    text-transform: none;
}

.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .tarif {
    color: #555;
    font-size: 14px;
    text-transform: none;
    margin: 5px 0;
}

.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .representation .representation_infos .representation_horaire {
    font-size: 12px;
    color: #555;
}

.compTarifDisponible .descContent,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .info,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .lieu,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .ville,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .date,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne2,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription td {
    font-size: 12px !important;
}

.codePromoListe span:nth-child(1),
#promoCodeForm .title,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne3,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne3,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne2,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne2,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne1 {
    font-size: 13px !important;
    font-family: 'Obviously-Semi';
    font-weight: bold;
}

.ligneContent2,
.ligneContent2 a,
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet tr th.tableColonne1,
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet tr th.tableColonne2,
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet tr th.tableColonne3,
.dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .prix {
    font-size: 14px !important;
}

.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .representation .representation_infos .representation_nom,
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .nom a,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .nom {
    font-size: 17px;
}

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

body {
    font-family: 'Obviously', 'Roboto', sans-serif;
}

.lienAccueilHeader,
.descriptionHeader,
.compNouveauParcours .nouveauParcours .dataContentComposants .listeRecapPanier .recapPanier .infosRecapPanier .adresse {
    display: none;
}

/* bientot en vente */
.descEtat11,
.infoEtat11 {
    background: transparent;
    color: #fddd7c;
}

.descEtat11:before {
    content: '\f017';
    color: #fddd7c;
}

.compDejaClient.nouveauParcours #boxConfirmAccount .btSubmit {
    font-size: 15px;
}

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span.resumePanier,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .date,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .lieu,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .adresse,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .ville,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .tarif,
#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .prix {
    font-size: 11px;
}

.compNouveauParcours .montantTotal .totalPanier,
#compPanier1 .totalValiderPanier .totalPanier {
    font-size: 16px;
}

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

.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-family: 'Obviously', 'Roboto', sans-serif;
    font-size: 13px !important;
    color: #555 !important;
    background: #fddd7c !important;
    border: solid 3px #fddd7c !important;

}

.compNouveauParcours .dataContentComposants .label,
.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,
#submitPanier {
    font-family: 'Obviously', 'Roboto', sans-serif !important;
    font-size: 15px !important;
}

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

.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .renommageBillet .tableColonne1 {
    font-size: 13px;
}

.compTelechargementOption1 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption1 tr .tableColonne2 .imprimerBillet:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver:hover,
#compPanier1 .totalValiderPanier .validerPanier a: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: #fddd7c !important;
    border: solid 3px #fddd7c !important;
    background: transparent !important;
}

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

/* Etape */

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

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

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

.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants ul {
    display: none;
}

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

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

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

    table.oubliMDP tr td.btnSubmitMDP a.btRetour.btn:hover {
        color: #fddd7c !important;
        border: solid 3px #fddd7c !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;
    }
}

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

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

.compFooterMarqueBlanche .headerComposants .footerComposants .contentComposants .dataContentComposants {
    height: 0px;
    padding-top: 0px;
    background-color: #000;
}

.compCarrouselMiseEnAvant {
    margin: 0 auto;
}

.all-list {
    padding: 20px 0;
    background: #000;
}

/*  PRE-FOOTER  */

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

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

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

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

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

#pageAccueil .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageEtape4 .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageReservation .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage {
    color: #000;
    background: #fddd7c;
}

@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) {

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

    .compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .nom {
        font-size: 15px;
    }

    .all-list {
        width: 295px;
    }

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

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

    .compPreIdentification .headerComposants {
        padding-bottom: 65px;
    }

    .compPreIdentification input.btSubmit {
        font-family: 'Obviously', 'Roboto', sans-serif;
        font-size: 16px !important;
        color: #555 !important;
        background: #fddd7c !important;
        border: solid 3px #fddd7c !important;
    }

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

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

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

    /* FOOTER */

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

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

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

    #col3 {
        text-align: center;
    }

    #col1 {
        margin: 0 auto;
    }

    #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%;
    }

    .all-list {
        padding: 20px 100%;
    }

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

    table#boxConfirmAccount tr td.ligneSubmit input {
        text-transform: none;
    }
}

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

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #infoformulaire {
        padding-bottom: 50px;
    }
}