/* Font MONSERAT */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
@import url("https://use.typekit.net/jnj1bgu.css");

/* Vignettes Etat Rep */

#langageFR .bandeauEtat60 {
    background: url('../image/css_etatReporte.png') no-repeat;
}

#langageFR .bandeauEtat40 {
    background: url('../image/css_etatAnnule.png') no-repeat;
}

#langageFR .bandeauEtat12 {
    background: url('../image/css_etatTermine.png') no-repeat;
}

#langageFR .bandeauEtat11 {
    background: url('../image/css_etatBientot.png') no-repeat;
}

#langageFR .bandeauEtat10 {
    background: url('../image/css_etatComplet.png') no-repeat;
}

/*--------------------------------------------------------------------*\
        #OUVERTURE PHOTOS VUE DU BLOC
\*--------------------------------------------------------------------*/
.legendeContainer {
    margin-top: 15px;
}

.compChoixSurPlan .mapRoom-roomSection table {
    margin-top: 30px;
}

#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .compPano .dataContentComposants .panoViewer .container {
    background-position: -657px -343px;
    background-size: 260%;
}

.compChoixSurPlan .panoramicButton .panoramicButtonImage {
    background-image: url(../image/vue_du_bloc.png);
    width: 100%;
    height: 102px;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .toGlobalMap {
    background: url('../image/bg_retour_stade.jpg') no-repeat scroll 0px 1px #333;
    width: 145px;
    height: 127px;
    display: inline-block;
    padding: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/*--------------------------------------------------------------------*\
        #VUE DU BLOC - PLACES DISPONIBILES
\*--------------------------------------------------------------------*/
.rightBlock .showState {
    display: block !important;
}

.rightBlock .showState .roomSectionAvailableSeats {
    display: block !important;
}

.rightBlock .showState .roomSectionSoldSeats {
    display: none !important;
}

.rightBlock .showState .roomSectionSeatsInCart {
    display: none !important;
}

.rightBlock .showState .roomSectionSubscriptionSeats {
    display: none !important;
}

.rightBlock .showState .roomSectionKeptSeats {
    display: none !important;
}

.rightBlock .showState .roomSectionNbSeats {
    display: none !important;
}

/* BODY  */
body {
    font-family: 'Roboto', sans-serif;
    background-color: #f4f4f4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}

.ligneContent1 {
    display: none;
}

.boutique {
    margin: 0 15px;
}

.bg-header-mobile,
.bg-header {
    display: block;
    height: auto;
    width: 100%;
    margin: 0 auto;
}

/* accueil */

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementSalle,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationSalle {
    display: none;
}

.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd .evenementInfo,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .representationListe dl dd .representationInfo {
    font-size: 14px;
}

.compAccueil .evenementTarifs .evenementTarifsDetails .evenementTarifsChoix {
    font-size: 14px;
    margin-top: 10px;
    font-weight: bold;
}

/*--------------------------------------------------------------------*\
        #HEADER
\*--------------------------------------------------------------------*/

.heading__video {
    min-height: 100%;
    min-width: 100%;
    position: absolute;
}

.heading__video {
    left: 0;
    overflow: hidden;
    top: 0;
}

@media (min-width: 1200px) {
    .home-heading__mask-white {
        right: calc(51% - 770px);
    }
}


/* Etape 1 */

/*--------------------------------------------------------------------*\
        #OUVERTURE PHOTOS VUE DU BLOC
\*--------------------------------------------------------------------*/
#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .compPano .dataContentComposants .panoViewer .container {
    background-position: -657px -343px;
    background-size: 260%;
}

.compChoixSurPlan .panoramicButton .panoramicButtonImage {
    background-image: url(../image/vue_du_bloc.png);
    width: 100%;
    height: 102px;
}

.compChoixSurPlan .headerComposants .footerComposants .contentComposants .dataContentComposants .mapRoom.roomSection .globalTools .toGlobalMap {
    background: url('../image/bg_retour_stade.jpg') no-repeat scroll 0px 1px #333;
    width: 145px;
    height: 127px;
    display: inline-block;
    padding: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/*--------------------------------------------------------------------*\
        #Carrousel
\*--------------------------------------------------------------------*/

.compCarrouselMiseEnAvant .headerComposants .footerComposants .contentComposants .dataContentComposants {
    margin: 0 auto;
    padding-top: 40px;
}

/*--------------------------------------------------------------------*\
        #VUE DU BLOC - PLACES DISPONIBILES
\*--------------------------------------------------------------------*/
.rightBlock .showState {
    display: block !important;
}

.rightBlock .showState .roomSectionAvailableSeats {
    display: block !important;
}

.rightBlock .showState .roomSectionSoldSeats {
    display: none !important;
}

.rightBlock .showState .roomSectionSeatsInCart {
    display: none !important;
}

.rightBlock .showState .roomSectionSubscriptionSeats {
    display: none !important;
}

.rightBlock .showState .roomSectionKeptSeats {
    display: none !important;
}

.rightBlock .showState .roomSectionNbSeats {
    display: none !important;
}



.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .genre,
.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .sousgenre {
    display: none;
}

.infoOverflowed {
    height: initial !important;
    margin-top: 20px;
}

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

/* panier */

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span.resumePanier {
    color: #555555;
    font-weight: 300;
}

/* dialogue */

#pageAccueil .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage:after,
#pageEtape4 .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage:after {
    font-size: 35px;
    top: 20px;
}

#pageAccueil .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageEtape4 .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageReservation .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage {
    padding: 22px 26px 20px 64px;
    font-size: 15px;
    background: #666;
}

/*Bouton Valider Nouveau client centré en mobile */

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td[colspan="3"] {
    padding-top: 10px;
    text-align: center;
}

/*Bouton Valider Nouveau client centré */

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit {
    text-align: center;
    margin-top: 10px;
    margin-left: 90px;
}

/* Champ Password Deja client meme taille que le champ mail*/

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

    html,
    body {
        overflow-x: hidden;
        max-width: 100%;
    }

    input,
    select {
        padding: 7px 0;
        font-size: 16px;
        text-indent: 5px;
        height: 35px;
    }

    .bg-header {
        display: none !important;
    }
}

/*------------------------------------*\
        #CSS5c_ListeFiltre.css
\*------------------------------------*/

.compListeFiltre a p .infoElement {
    font-size: 16px;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd h1,
.compListeFiltre a p .nameElement {}

.compListeFiltre a img+p:after {
    content: "RéSERVER";
    text-transform: uppercase;
}


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

#cadreContent {
    width: 100%;
    margin: 0 auto;
}

.ligneContent2 {
    width: 100%;
    background: #6d1952;
    z-index: 105;

}

.ligneContent2 .colonneContent1 {
    width: auto;
}

.StickyNav .colonneContent1 {
    width: 98%;
    margin: 0 auto;
    background-color: #6d1952;
}

.ligneContent2 a:hover {
    color: #fff !important;
}

/*------------------------------------*\
        DESIGN
\*------------------------------------*/

#compHTML1 {
    display: none;
}

.headeradministrable {
    display: none;
}

.ligneContent3.StickyNav_lign3 {
    margin-top: 0px;
}

.ligneContent4 {
    background-color: #fff;
}

.poussetGauche,
.poussetDroit,
.poussetEndGauche,
.poussetEndDroit {
    background: #fff0;
}

/*------------------------------------*\
    # BOUTON
\*------------------------------------*/

.compPanierVide .topContentComposants,
.compPanier .topContentComposants {
    border-left: 0px solid #555;
}

.compPanierVide .topContentComposants::before,
.compPanier .topContentComposants::before {
    color: inherit;
}

#compPanier1 .cachePanier a:hover {
    color: #fff;
}

.compPanierVide .topContentComposants:hover,
.compPanier .topContentComposants:hover {
    color: #fff;
}

.PaylineWidget .pl-pay-btn:hover,
.btCodeReduction:hover,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount: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 .btRetour: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,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver:hover {
    background: #fff !important;
    border: 2px solid #6d1952 !important;
    color: #6d1952 !important;
    text-transform: uppercase;
    border-radius: 10px;
}

.PaylineWidget .pl-pay-btn,
.PaylineWidget .pl-btn,
.btCodeReduction,
.compAccueil .headerComposants .footerComposants .contentComposants .dataContentComposants .evenementListe dl dd a.evenementReserver,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btChangeAccount,
.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 .btRetour,
.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,
#pageEtape1 #submitPanier,
.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,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver {
    background: #6d1952 !important;
    border: 2px solid #6d1952 !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 10px;
    height: 32px;
    line-height: 30px;
    padding: 0px 25px;
}

#pageCompte .compCompteTransaction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr {
    border-bottom: 1px solid #6d1952;
}


.ligneContent2,
.ligneContent2 a {
    color: #FFDE31 !important;
}

#compPanier1,
.compCompte {
    border-left: 0px solid #dcdcdc;
}

.compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants {
    /*  padding-left: 220px; */
}

#pageEtape1 .compEtape .etape1,
#pageEtape2 .compEtape .etape2,
#pageEtape3 .compEtape .etape3,
#pageEtape4 .compEtape .etape4 {
    color: #6d1952;
}

/*------------------------------------*\
    # REGROUPEMENT
\*------------------------------------*/

.compListeFiltre a img+p::after {
    content: "R\0000C9SERVER";
    right: 63px;
    margin: 0 auto;
    bottom: 80%;
    z-index: -1;
    background: #6d1952;
    display: none;
}

.compListeFiltre a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    min-height: 400px;
    width: 300px;
    border-bottom: none;
    margin: 40px 16px 0 16px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 3px solid #6d1952;
    transition: 0.2s;
    background-repeat: no-repeat;
    color: #6d1952;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl {
    display: block;
    padding: 0px;
    min-height: 80px;
    width: auto;
    margin: 20px;
    position: relative;
    border-bottom: 3px solid #6d1952;
}

.compListeFiltre a:hover {
    opacity: 0.8;
    box-shadow: 0 5px 15px rgb(0 0 0 / 30%);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 1;
}


/*
.compListeFiltre a:hover {
    /* opacity: 60%;    
    background: url('../image/event_brasserie.jpg') no-repeat; 
    background-position: bottom;
    transition: 0.5s;
    z-index: 1;
    color: #f5dc47 !important;
}


.compListeFiltre a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.compListeFiltre a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

*/

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

.compListeFiltre a p {
    display: block;
    margin-left: 0px;
    max-width: 100%;
}

.compListeFiltre a p span {
    text-align: center;
}

.compListeFiltre a p .nameElement {
    color: inherit;
    margin: 0 3px 0 0;
    height: 70px;
    padding-top: 315px;
    width: 300px;
    text-transform: uppercase;
    font-family: "teko", 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 30px;
}

.compListeFiltre a p .infoElement,
.compListeFiltre a p .dateElement,
.compListeFiltre a p .coordElement,
.compCompte .compteBouton a.deconnection,
.compCompte .compteBouton span.mail,
/* .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd, */
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd .objetGenre,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd .objetSousGenre,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd .objetDate {
    display: none;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd h1 {
    color: #6d195257 !important;
    font-weight: 900;
    font-size: 33px;
    text-transform: uppercase;
    margin-left: 0;
    width: 100%;
    display: block;
    position: absolute;
    width: 100%;
    top: 0%;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd .objetInfo {
    color: #000;
    width: 100%;
    display: block;
    position: absolute;
    top: 55%;
    font-size: 12px;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd .objetInfo p {}

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

/*------------------------------------*\
    # EVENEMENT
\*------------------------------------*/

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

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

.doubleOptIn td {
    padding: 8px 10px 8px 28% !important;
}

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

table.reduction th {
    border-bottom: 1px solid #6d1952;
    background-color: #fff;
    color: #6d1952;
}

.compReduction .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td {
    background-color: #fff;
    border: 1px solid #6d1952;
}

.champ.codeReduction {
    background-color: #fff;
    border: 1px solid #6d1952;
}

.PaylineWidget.pl-layout-column .pl-active .pl-pmForm,
.PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-paymentMethod-view .pl-form-container,
#payline-container,
.compReduction,
.compReduction .headerComposants .footerComposants .contentComposants .bottomContentComposants,
#pageEtape3 .ligneContent4 .compBody .dataContentComposants {
    background-color: #fff;
}

#compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire {
    width: 598px;
}

.PaylineWidget .pl-container-view .pl-input-group .pl-input {
    border: 1px solid #6d1952;
}

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

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

#pageAccueil .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageEtape4 .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage,
#pageReservation .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeMessage {
    background: #6d1952 !important;
}

.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne1,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne2,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne3,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne4 {
    background: #6d1952 !important;
    color: #fff;
}

/*------------------------------------*\
    # EVENEMENT
\*------------------------------------*/

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd {
    float: inherit;
    width: 280px;
    position: relative;
    text-align: center;
    margin: 20px auto 0 auto;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetDate,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetDate {
    font-size: 15px;
    font-weight: normal;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dd .nom,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetNom {
    font-size: 20px;
    width: auto;
    min-height: 30px;
    color: #333;
    font-weight: 700;
    text-overflow: ellipsis;
    /*    white-space: nowrap; */
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetInfo,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetInfo {
    width: 100%;
    text-align: center;
    display: none;
}

.compObjetEvenement .bandeauEtat {
    background-size: 300px auto !important;
    margin: -300px 0 0 0;
}

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

/*------------------------------------*\
    # MENU MOBILE
\*------------------------------------*/

#compPanier1 .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants span.resumePanier,
#boutonMenuMobile {
    color: #fff !important;
}

#boutonMenuMobile:hover {
    color: #fff;
}

#mobile_menu.open {
    background: #6d1952;
}

#mobile_menu ul li:nth-child(1) {
    border-bottom: 1px solid #444 !important;
}

#mobile_menu ul li a {
    color: inherit !important;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants {
    float: none;
}

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

    .compListeFiltre a,
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants {
        display: block;
        margin: 20px auto;
    }

    .compListeFiltre a p .nameElement {
        padding-top: 300px;
    }

    .preFooter,
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain,
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl dd {
        display: none;
    }

    .headerAdministrable {
        max-width: 221px !important;
        margin-left: 100px;
    }

    .compHeader .headerComposants .footerComposants .contentComposants .dataContentComposants {
        padding-left: 0px;
    }

    .social-links ul {
        margin: 0 auto !important;
    }
}

@media screen and (min-width: 768px) {
    .bg-header-mobile {
        display: none !important;
    }

    /* evenement */
    /*
    .allEventList {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 0.5fr));
        gap: 10px;
        align-items: center;
        margin: 0 auto;
    }
*/
    .allEventList {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        gap: 10px;
        align-items: center;
        margin: 0 auto;
    }

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement,
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement {
        border-bottom: 3px solid #6d1952;
        height: 400px;
        justify-self: center;
        padding-bottom: 0px;
    }

    /* EVENEMENT DS REGROUPEMENT */

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

    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt img,
    .compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dt img {
        width: 300px;
        height: 300px;
        position: relative;
    }

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

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

    #compBody,
    #compListeFiltre1 {
        width: 980px;
        margin: auto;
        padding-bottom: 0px;
    }

    .compEtape {
        width: 980px;
        margin: auto;
        background-color: #fff;
        padding-bottom: 9px;
    }

    .compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne1 {
        width: 348px;
    }

    /*
    #compListeFiltre1 {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        text-align: center;
    }
    */
    .headerComposants .footerComposants .contentComposants .dataContentComposants a.langue {
        background-color: #6d195200 !important;
    }

    .footerAdministrable .footerAdministrableLine {
        font-size: 16px;
        position: relative;
        height: 60px;
        padding: 0px;
        padding-left: 0px;
        padding-top: 0px;
        line-height: 0px;
        width: 100%;
        display: inline-flex;
    }

    .footerAdministrable {
        text-align: center;
    }

    .faPaiementSecurise {
        font-size: 20px;
        width: auto;
        margin-top: 20px !important;
    }

    .faCgv,
    .faMentionsLegales {
        display: inline-flex;
        align-items: inherit;
        height: 30px;
        margin: 27px 20px 0px 20px;
    }

    .faCgv a:hover,
    .faMentionsLegales a:hover {}


    #PaylineCgv {
        font-size: 10px;
        color: #969696;
    }

    .faPaiementSecurise {
        display: inline-flex;
        align-items: inherit;
        height: 30px;
        margin-left: 0px !important;
        margin-right: 400px;
    }

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

    .compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants {
        border: 1px solid #6d1952;
    }

    /* etape 2 */

    .compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne3 {
        text-align: right;
        width: 120px;
    }

    .compNouveauClient table td#checkNewsletter[colspan="3"],
    .compNouveauClient table td#checkOptinOrga[colspan="3"] {
        text-align: left !important;
        border: 0;
        padding-left: 223px !important;
    }

    .compDialogue .headerComposants .footerComposants .contentComposants .dataContentComposants .listeErreur {
        width: 874px;
        margin: 30px auto 0 auto;
        border-radius: 10px;
    }
}

.compPaiementFree table#paiementFree tr th#titlePaiementFree,
.boxCrossSelling .title,
#compRechercheEspritMusique .libelleRecherche,
#withoutExclusive .titleComposants,
#compBody .compChoixStructure .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    color: #6d1952;
}


.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader,
#pageEtape1 .compEtape .etape1::after {
    background: #6d1952;
}

.compEtape .dataContentComposants {
    border-bottom: 1px solid #6d1952;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne4,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne3,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.ligneTarif td.tableColonne2 {
    border-bottom: 1px solid #6d1952;
    background-color: #fff;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td.tableColonne1 {
    background: #6d1952;
}

.compNouveauClient table input,
#compRenommageBillet1 .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRenommageBillet .tableColonne3 .renommageBilletInput,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 select,
.compDejaClient table tr td input#dejamail,
.compDejaClient table tr td input#dejapass {
    background: #fff;
    border: 1px solid #6d1952 !important;
}

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

.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,
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet tr th.tableColonne4 {
    background: none repeat scroll 0 0 #6d1952;
    border-bottom: 2px solid #D9D9D900 !important;
    font-weight: bold;
    color: #fff;
}

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants,
.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants {
    padding-bottom: 5px;
    border-top: 1px solid #6d1952;
    border-bottom: 1px solid #6d1952;
    border-left: 1px solid #6d1952;
    border-right: 1px solid #6d1952;
}

.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne1,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne2,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne3,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne4,
.dataContentComposants #telechargementOption2 tr .tableColonne1,
.dataContentComposants #telechargementOption2 tr .tableColonne2,
.dataContentComposants #telechargementOption2 tr .tableColonne3,
.dataContentComposants #telechargementOption2 tr .tableColonne4,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2,
.compPaiementFree table#paiementFree tr th#titlePaiementFree,
.boxCrossSelling .title,
#compRechercheEspritMusique .libelleRecherche,
#withoutExclusive .titleComposants,
#compBody .compChoixStructure .headerComposants .footerComposants .contentComposants .topContentComposants .titleComposants {
    border-bottom: 1px solid #6d1952 !important;
}

/*------------------------------------*\
    # PANIER
\*------------------------------------*/

#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .date {
    font-size: 11px;
    padding-bottom: 10px;
    color: #fff !important;
}


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

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne1,
.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 th.tableColonne3 {
    border-bottom: 2px solid #6d1952;
    background: none repeat scroll 0 0 #6d1952;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne4 {
    padding: 10px 0px 10px 10px;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs th.tableColonne4 {
    background: none repeat scroll 0 0 #6d1952;
    border-bottom: 2px solid #6d1952;
    color: #fff;
    text-align: center !important;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs td.tableColonne4 input.champ {
    width: auto;
    padding-left: 5px;
}

.lienSupPanier a:hover,
.lienSupPanier a,
.infoPanier,
#compPanier1 .totalValiderPanier .delaiValiditePanier,
#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,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.preInscription tr.tableHeader .tableColonne1,
.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 th.tableColonne3,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td.tableColonne1,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td.tableColonne2,
.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableFooter td.tableColonne3 {
    color: #fff !important;
    font-weight: 300;
}

#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .ville {
    padding-bottom: 5px;
}

.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants li.telechargementTab.selected,
#compPanier1 .headerComposants .footerComposants .contentComposants .dataContentComposants {
    background: #6d1952;
    border-left: 1px solid #6d1952;
}

.totalValiderPanier {
    border-top: 1px solid #6d195200;
}

#compPanier1 .listeRecapPanier .recapPanier .infosRecapPanier .nom a {
    color: #ffffff !important;
}

#compPanier1 .totalValiderPanier .validerPanier a {
    background: #fff;
    color: #6d1952 !important;
}

#compPanier1 .totalValiderPanier .validerPanier a:hover {
    background: #fff;
    color: #6d1952 !important;
}

.bottomRecapPanier {
    border-top: 1px solid #fff;
    margin-top: 20px;
}

#compPanier1 .totalValiderPanier .totalPanier {
    font-size: 20px;
}

#compPanier1 .listeRecapPanier .bottomRecapPanier span.supRecapPanier {
    background: #6d195200;
    top: -26px;
}

#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier:hover {
    color: #fff !important;
    background: #6d195200;
}

#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier {
    font-size: 10px;
    background: #6d195200;
    padding: 0 5px;
    color: #FFFFFF !important;
    font-weight: 300;
}

.codePromoListe {
    background: #6d1952;
}

.codePromoListe span:nth-child(1),
#promoCodeForm .title {
    color: #fff;
}

.codePromoListe #submitCodePromo {
    padding: 0px 15px;
}

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

.footerAdministrableLine .footerAdministrableColumn:nth-child(2),
.footerAdministrableLine .footerAdministrableColumn:nth-child(1) {
    display: none;
}

.footerAdministrableLine .footerAdministrableColumn {
    margin-right: 0% !important;
    padding: 0;
    width: 100% !important
}

/*  FOOTER  */
.preFooter {
    width: 100%;
    text-align: left;
    color: #6d1952;
    font-size: 18px;
    background-color: #f4f4f4;
    display: inline-block;
}

.conteneur {
    text-align: center;
    display: flex;
}

.col {
    width: 100%;
}

/*
#col2 {
    padding: 0 200px;
}
*/

a.ligne {
    text-decoration: none;
    cursor: pointer;
    font-size: 1rem;
    color: #461403;
}

.social-links {
    margin-top: 8px;
    margin-left: 0;
}

.social-links ul {
    float: none;
    /*
    display: inline-block;
    vertical-align: middle;
    margin: 0 -8px -20px -8px;
*/
    padding: 0;
}

.social-links ul .h-family {
    float: none;
    position: relative;
    padding: 0;
    /*
    display: inline-block;
    vertical-align: middle;
    margin: 5px 5px 20px 5px;
*/
}

.img-bottom {
    margin-bottom: -5px;
}

.social-links ul .logo-see {
    float: none;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    padding: 0;
    margin: 5px 5px 26px 5px;
}

.social-links img {
    width: 100%;
    margin-top: 50px;
}

#logoSee {
    padding: 0;
    margin: 20px 0px 0px 20px;
    color: #f5dc47;
}

#logoSee img {
    height: 17px;
    margin-left: 11px;
    margin-top: -4px;
    vertical-align: middle;
}

#family {
    width: 671px;
    margin: 20px auto;
}

.texte-footer {
    font-family: Teko;
    font-style: normal;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 100%;
    color: #6d1952;
    text-align: center;
    margin: 20px auto;
}

.social-links-logo {
    display: inline-block;
    vertical-align: middle;
    margin: 20px auto;
}

.social-network {
    display: inline;
}

i.fa-brands {
    color: #6d1952;
    margin: 0 20px;
}

/*
#compCarrouselMiseEnAvantContent1 {
    background-color: #f4f4f4;
}
*/

.box_skitter .container_skitter,
.compOperationsMarketing .dataContentComposants a {
    border-radius: 10px;
}

.compOperationsMarketing .dataContentComposants a {
    margin: 50px auto;
}