/* temp */

#pageAccueil .ligneContent2+.descriptionHeader {
    display: none;
}


/*------------------------------------*\
        Background image
\*------------------------------------*/

.ligneContent4 {
    background: url("../image/background.jpg") no-repeat transparent;
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom center;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement {
    border-bottom: 1px solid #c9c9c9;
    margin: 20px;
    padding-bottom: 20px;
    float: left;
    background-color: #0056a266;
}

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

.ligneContent2 {
    background-color: #0f3d79;
}

#boutonMenuMobile::before,
.compPanier .topContentComposants::before,
.compPanierVide .topContentComposants::before,
.ligneContent2,
.ligneContent2 a {
    color: #fff;
}


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

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

#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 {
    margin-bottom: 0px;
}

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

#mobile_menu.open {
    background: #0f3d79;
}

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

/* regroupement */

.compListeFiltre {
    padding: 10px 0 0;
}

.compListeFiltre a {
    margin-bottom: 20px;
    border-bottom: 0px solid #c9c9c9;
    padding-bottom: 20px;
    min-height: 210px;
    background-color: #0f3d7995;
}

.compListeFiltre a img,
.compListeFiltre a p .infoElement {
    display: none;
}

.compListeFiltre a p {
    display: block;
    max-width: 100%;
    width: 90%;
    margin-left: 0px;
    padding: 20px 0;
    background-color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 20%;
    left: 5%;
}

.compListeFiltre a p .nameElement {
    color: #0f3d79;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    margin-top: 0px;
}

.compListeFiltre a img+p::after {
    content: "R\0000C9SERVER";
    text-transform: uppercase;
    position: absolute;
    right: 0px;
    bottom: -200%;
    left: 0%;
    background: #3330;
    border-bottom: 3px solid #fff;
    font-size: 32px;
    font-weight: bold;
}

/* evenement */

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain dl {
    overflow: hidden;
    border-bottom: 0px solid #000;
    padding-bottom: 0px;
}

.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .objetListeMain,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement {
    border-bottom: 1px solid #0f3d79;
    margin: 0px;
    padding: 20px 25px 20px 20px;
    background-color: #fff;
}

.compObjetRegroupement .compObjetEvenement a.etat12,
.compObjetRegroupement .compObjetEvenement a.etat10 {
    background: #ccc !important;
    border: 2px solid #ccc !important;
}


.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement:hover,
.PaylineWidget .pl-pay-btn:hover,
.btCodeReduction:hover,
#pageEtape1 .buttonsContainer .validContent input#submitPanier:hover,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver:hover,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver: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,
#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 .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 {
    background: #dd4e4a;
    border: 2px solid #dd4e4a;
    color: #fff;
}

.PaylineWidget .pl-pay-btn,
.btCodeReduction,
#pageEtape1 .buttonsContainer .validContent input#submitPanier,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver,
.compListeObjet .compObjetRegroupement .headerComposants .footerComposants .contentComposants .dataContentComposants .compObjetEvenement .headerComposants .footerComposants .contentComposants .dataContentComposants dl dd .objetReserver,
.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,
#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,
.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 {
    background: #0f3d79;
    border: 2px solid #0f3d79;
    color: #fff;
}

/*------------------------------------*\
        ETAPE1
\*------------------------------------*/

.pagination,
.compTarifDisponible,
.compObjet,
.descContent,
.compEtape {
    background-color: white;
}

.compNouveauClient,
.compCalendrier {
    overflow: hidden;
    margin: 0px;
    padding: 20px;
    background-color: white;
}

#pageEtape1 #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .buttonsContainer {
    padding: 20px 20px 50px;
    background-color: white;
    margin-bottom: 0;
}

#compPanier1 .bottomRecapPanier .supRecapPanier .lienSupRecapPanier,
#compPanier1 .listeRecapPanier .bottomRecapPanier span.supRecapPanier,
#compPanier1 .headerComposants .footerComposants .contentComposants .dataContentComposants {
    background: #0f3d79;
}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants dl {
    padding-top: 20px;
    margin-top: 0px;
}

.social {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 15px;
    padding-top: 15px;

}

.compObjet .headerComposants .footerComposants .contentComposants .dataContentComposants .titleComposants .lienBox .lienBoxM {
    margin-top: 0px;
}

.compTarifDisponible .descContent {
    margin: 0;
}

/*------------------------------------*\
        ETAPE2,3,4
\*------------------------------------*/

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

#pageEtape4 .compBody,
#pageEtape2 .validContent,
.compModeDeDiffusion {
    padding-bottom: 20px;
    margin-bottom: 0px;
    background-color: white;
}

#TransactionContent,
#pageEtape2 .compBody,
.champsRequis,
.compDejaClient {
    background-color: white;
}

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btSubmit {
    margin-left: 0px;
}

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


/*------------------------------------*\
        monCompte
\*------------------------------------*/


.ongletContent {
    margin: 0;
    padding: 10px 20px 0;
    background-color: white;
}

#pageCompte .rechercheCompteDigitick {
    background: none repeat scroll 0 0 #fff;
    padding: 20px 30px 5px;
    margin: 0;
}

.ongletContent a#compteDeconnexion span.ongletLibelle {
    width: 120px;
}

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

.footerAdministrableLine .footerAdministrableColumn:nth-child(3) {
    text-align: center;
}

.faPaiementSecuriseImage {
    background: url("https://billetterie.seetickets.fr/ext/billetterie5/ressource/design/css5_colisee/image/digitick-reassurance.png") no-repeat scroll 15px bottom transparent;
    background-size: 90%;
}

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

.preFooter br {
    display: none;
}

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

.pf-menu {
    line-height: 1.8rem;
    width: 100%;
    float: left;
    font-size: 1rem;
    font-weight: 400;
}

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

h2 {
    margin-bottom: 15px;
    font-size: 1rem;
}

.ft-logo {
    max-width: 180px;
    margin: 0 auto;
    display: block;
}

.ft-logo img {
    max-width: 50%;
}

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

.social-groups {
    float: none;
    display: inline-flex;
    vertical-align: middle;
}

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

.fa-brands {
    color: #fff;
}

a.ligne:hover,
.fa-brands:hover,
.faCgv a:hover {
    color: #dd4e4a !important;
}

.fa-brands::before {
    font-size: 1.5rem;
}

.fa-arrow-turn-right:before,
.fa-mail-forward:before,
.fa-share:before {
    margin-right: 8px;
}

#col1 {
    text-align: center;
}

#col3 {
    text-align: right;
}

#logoSee {
    float: right;
    padding: 0;
    margin: 17px 0px 0px 0px;
    color: #fff;
    width: 270px;
}

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

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

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

@media screen and (min-width: 768px) and (max-width: 980px) {
    .compListeFiltre a img+p::after {
        right: 3%;
        left: 38% !important;
        bottom: -150% !important;
    }
}

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

    .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 {
        text-align: center;
    }

    #compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants .ligneAccueilContent1 .colonneAccueilContent1 {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 475px) {
    .compTarifDisponible .descContent {
        padding: 30px;
    }
}