/*--------------------------------------------------------------------*\
        # SURCHARGE
\*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*\
        # variables
\*--------------------------------------------------------------------*/

:root {
    --Primary-color: #E5007D;
}

.compListeFiltre a p .coordElement .cityElement,
#pageEtape2 .validContent input.btnRetourAccueil,
#pageEtape1 #submitPanier,
.compListeFiltre a p .infoElement,
#compDejaClient1,
.doubleOptIn,
#compTelechargementFactureFooter1,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne3
{
  display: none;
}

div.dp-popup .dp-calendar .jCalendar tbody .current-month,
.calendarHeureLines{
    background-color: var(--Primary-color);
    opacity: 0.7;
}

div.dp-popup .dp-calendar .jCalendar tbody .current-month.dp-hover,
div.dp-popup .dp-calendar .jCalendar tbody td.selected,
.calendarHeureLines:hover{
    background: var(--Primary-color)!important;
    opacity: 1;
}

.compTarifDisponible .headerComposants .footerComposants .contentComposants .dataContentComposants table.tarifs tr.tableHeader .tableColonne1,
.compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne3{
    color:#fff
}

.compRenommageBillet .headerComposants .footerComposants .contentComposants .dataContentComposants table.listeRenommageBillet tr th.tableColonne1{
    color:var(--gray-Primary-color)
}

.compListeFiltre a p .nameElement,
.compListeFiltre a p .dateElement,
.compListeFiltre a p .coordElement{
    padding: 0px 7px 7px 0px;
}

.compListeFiltre a p .coordElement{
    font-size: 1.3333rem;
}

.compListeFiltre a{
    border-radius: 30px;
}


#compPanier1 .totalValiderPanier .validerPanier a {
  background: var(--Primary-color);
  border: none;
  color: var(--Tertiary-color);
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  font-size: 1.8333rem;
  text-transform: capitalize;
  margin: 0 35px;
  border-radius: 10px;
}

#compPanier1 .totalValiderPanier .validerPanier a:hover {
  opacity: 0.7;
  background-color: var(--Primary-color);
}

.rgp-button{
    width: 80px;
    border-radius:0 30px 30px 0 ;
}

.rgp-button::after{
    right : 30px;
}

@media screen and (max-width: 767px) {
    .rgp-button{
    display: none!important;
}

  #compPanier1 .headerComposants .footerComposants .contentComposants .dataContentComposants .listeRecapPanier,
  #compPanier1 .totalValiderPanier .totalPanier,
  #compPanier1 .totalValiderPanier .delaiValiditePanier,
  #compPanier1 .totalValiderPanier .validerPanier,
  .supPanier,
  .totalValiderPanier{
    background-color: var(--Secondary-color);
    margin:0;
    padding-bottom:10px;
}

.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table{
    width: 520px;
}

@media screen and (max-width: 767px) {
  td#validationPaiementFree a.ancreTelechargerBillet {
    text-transform:none;
    margin-top: 10px;
  }
}
}

#pageEtape1 #submitFinaliser,
#pageEtape1 #submitPanier, 
#formSubmit,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit,
#pageEtape2 .validContent input.valid,
td#validationPaiementFree a.ancreTelechargerBillet,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected,
table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture{
    border-radius: 20px;
    width: 250px;
}

#pageEtape1 #submitFinaliser:hover,
#formSubmit:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td input#formSubmit:hover,
#pageEtape2 .validContent input.valid:hover,
td#validationPaiementFree a.ancreTelechargerBillet:hover,
.compTelechargementTab .headerComposants .footerComposants .contentComposants .dataContentComposants .telechargement.selected:hover,
.compDejaClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td .btConfirmAccount:hover{
    opacity: 0.7;
    background-color: var(--Primary-color);
    color:var(--Tertiary-color);
}

table#boxConfirmAccount tr td.ligneSubmit .btChangeAccount:hover,
.compTelechargementFacture .headerComposants .footerComposants .contentComposants .dataContentComposants table tr .tableColonne2 .imprimerFacture:hover{
    opacity: 0.7;
    background-color: var(--gray-Tertiary-color);
    color:var(--Tertiary-color);
}

#pageEtape2 .validContent input.btnRetourAccueil,
#pageEtape1 #submitPanier,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td#checkNewsletter,
.compNouveauClient .headerComposants .footerComposants .contentComposants .dataContentComposants table tr td#checkOptinOrga{
    display: none;
}

@media screen and (min-width: 768px) {
#compBody #compBodyHeader #compBodyFooter #compBodyContent .dataContentComposants #contenuformulaire
{
    width: 940px;
    padding: 0 20px;
}

.compPaiementFree table#paiementFree{
    width: 900px;
}

.cadre-colonne-content {
  width: 940px;
  margin: 20px auto;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}
}

 .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants table#telechargementOption2 tr.tableHeader td.tableColonne3{
    color:white
 }

 .compTelechargementOption2 .headerComposants .footerComposants .contentComposants .dataContentComposants #telechargementOption2 tr .tableColonne3 .etatNonRecup{
    display:none
 }

 .compListeFiltre a p .coordElement span {
    font-size: 1.3333rem;
 }

 .compListeFiltre a p .nameElement,
 .compListeFiltre a p .dateElement,
 .compListeFiltre a p .venueElement{
    padding : 0 7px 7px 0
 }
/*--------------------------------------------------------------------*\
        # ligneContent2
\*--------------------------------------------------------------------*/

.ligneContent2 {
    background-color: #06022360;
    backdrop-filter: blur(2px);
}

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

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

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

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

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

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

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

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

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

.footerAdministrable .footerAdministrableLine a {
    font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
    .footerAdministrable .footerAdministrableLine {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }

    .faContactAssistance {
        margin-bottom: 7px;
    }

    .faPaiementSecurise {
        line-height: 40px;
    }
}