.pageid-117238 .membership_panel_group .radio label{
    font-weight: bold;
    font-size: 20px;
    color: #006AAC;
}

.navbar-nav > li > a,
.navbar-default .navbar-nav > li > a {
  color: white !important; /* Remplacez "black" par la couleur de votre choix */
}

.navbar-nav > li > a:hover,
.navbar-nav > li.active > a {
  color: white !important;
}

/* Changer la couleur de fond du menu déroulant */
.nav-item .dropdown-menu {
    background-color: grey !important; /* Remplacez par votre couleur */
}

/* Changer la couleur de fond des éléments du menu au survol */
.nav-item .dropdown-menu a:hover {
    background-color: white !important; /* Couleur au survol */
    color: black !important; /* Couleur du texte au survol */
}

.btn-arrondi {
    border-radius: 20px !important;
    background-color: #0070af !important; /* Ajoutez votre couleur ici = BLEU */
    color: white !important; /* Pour que le texte reste lisible */
    border: none !important; /* Optionnel : pour enlever les bordures par défaut */
    padding: 10px 20px; /* Optionnel : pour ajuster la taille interne */
}

.btn-arrondi:hover {
    background-color: #E85D0E !important; /* Ajoutez votre couleur ici = ORANGE */
    cursor: pointer;
}

.btn-arrondi2 {
    border-radius: 20px !important;
    background-color: #E85D0E !important; /* Ajoutez votre couleur ici = BLEU */
    color: white !important; /* Pour que le texte reste lisible */
    border: none !important; /* Optionnel : pour enlever les bordures par défaut */
    padding: 10px 20px; /* Optionnel : pour ajuster la taille interne */
}

.btn-arrondi2:hover {
    background-color: #E85D0E !important; /* Ajoutez votre couleur ici = ORANGE */
    cursor: pointer;
}

.btn-arrondi3 {
    border-radius: 20px !important;
    background-color: #1BA66C !important; /* Ajoutez votre couleur ici = BLEU */
    color: white !important; /* Pour que le texte reste lisible */
    border: none !important; /* Optionnel : pour enlever les bordures par défaut */
    padding: 10px 20px; /* Optionnel : pour ajuster la taille interne */
}

.btn-arrondi3:hover {
    background-color: #dc176f !important; /* Ajoutez votre couleur ici = ORANGE */
    cursor: pointer;
}


/* On utilise un nom très spécifique pour ne pas toucher au reste. Change toute la couleur de fond du site. Sinon l'appliquer uniquement dans la ligne concernée */
.mon-footer-specifique {
    background-color: #1BA66C !important;
}

.mon-footer-specifique p, 
.mon-footer-specifique a,
.mon-footer-specifique span {
    color: #ffffff !important;
}

.footer-address, .footer-phone p {
    color: #ffffff !important;
}

.footer-social, .footer-email a {
    color: #ffffff !important;
}

/* Cible uniquement le texte du nom de l'option */
.list-group-item.fee-item .fee-item-label, 
.list-group-item.fee-item label:first-of-type {
    font-weight: bold !important;
    color: #0070af !important; /* Remplacez par votre code hexadécimal */
}

/* Assure que la description (souvent dans un petit texte ou span) reste normale */
.list-group-item.fee-item .fee-item-description,
.list-group-item.fee-item small,
.list-group-item.fee-item .text-muted {
    font-weight: normal !important;
}

/* Assure que la description (souvent dans un petit texte ou span) reste normale */
.list-group-item.fee-item .fee-item-description,
.list-group-item.fee-item small,
.list-group-item.fee-item .text-muted {
    font-weight: normal !important;
}


/* S'assurer que le texte descriptif reste bien visible en noir */
.registration-event-bloc-title h5 {
    color: #4a4a4a !important; /* Gris foncé/noir comme sur votre image */
}

/* Protection : On s'assure que le TOTAL et les OPTIONS restent visibles */
.ypl-option-price, 
.ypl-cart-total-amount, 
.total-amount,
#total-amount {
    color: #000000 !important;
}

/* 1. Modifie la taille de tout le bloc de gauche en texte régulier */
aside *, 
.sidebar *, 
[class*="sidebar"] *, 
[class*="gauche"] *, 
.col-md-3 *, 
.col-md-4 * {
    font-size: 12px !important; 
    font-weight: normal !important;
    line-height: 1.5 !important; /* <--- AJUSTEZ CETTE VALEUR POUR L'INTERLIGNE */
}

/* 2. Force la mise en gras UNIQUEMENT sur les titres et liens cliquables */
aside a, 
.sidebar a, 
[class*="sidebar"] a, 
[class*="gauche"] a, 
.col-md-3 a, 
.col-md-4 a,
aside strong,
.sidebar strong {
    font-weight: bold !important;
    color: #0070af !important; /* <--- REMPLACEZ ÉGALEMENT ICI POUR LES TITRES */
}

/* 1. Force le titre à accepter les marges et élimine son espace du bas */
aside a, .sidebar a, [class*="sidebar"] a, [class*="gauche"] a {
    display: block !important; /* Force le titre à occuper sa propre ligne */
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

/* 2. Supprime l'espace du haut sur la date et la remonte vers le titre */
aside p, .sidebar p, [class*="sidebar"] p, [class*="gauche"] p,
aside li, .sidebar li, [class*="gauche"] li,
aside span, .sidebar span, [class*="gauche"] span {
    margin-top: -22px !important; /* La marge négative aspire le texte vers le haut */
    padding-top: 5px !important;
    line-height: 1.2 !important; /* Serre les lignes intérieures de l'événement */
    margin-bottom: 20px !important; /* Crée l'espace souhaité sous le texte */
}

/* Modifie la taille, le style et l'espacement du grand titre "Événements à venir" */
aside h2, .sidebar h2, [class*="sidebar"] h2, [class*="gauche"] h2,
aside h3, .sidebar h3, [class*="sidebar"] h3, [class*="gauche"] h3,
.yapla-evenement-liste .widget-title,
.yapla-menu-vertical .menu-title {
    font-size: 18px !important; /* Taille du grand titre (actuellement à 24px) */
    font-weight: bold !important; /* Force le titre en gras */
    margin-bottom: 15px !important; /* Espace vide sous le titre avant le premier événement */
    color: #E85D0E !important; /* <--- REMPLACEZ ÉGALEMENT ICI POUR LES TITRES */
}

/* Modifie la taille, le style et l'espacement du grand titre "Événements passés" */
aside h2, .sidebar h2, [class*="sidebar"] h2, [class*="gauche"] h2,
aside h3, .sidebar h3, [class*="sidebar"] h3, [class*="gauche"] h3,
.yapla-evenement-liste .widget-title,
.yapla-menu-vertical .menu-title {
    font-size: 20px !important; /* Taille du grand titre (actuellement à 24px) */
    font-weight: bold !important; /* Force le titre en gras */
    margin-bottom: 15px !important; /* Espace vide sous le titre avant le premier événement */
    color: #E85D0E !important; /* <--- REMPLACEZ ÉGALEMENT ICI POUR LES TITRES */
}

/* Modifie la couleur de fond du Menu du cellulaire*/
@media (max-width: 991px) {
    .navbar-collapse, .navbar-nav, .nav-menu {
        background-color: #0070af !important;
    }
}

/* Modifie la couleur du fond des Sous Menus du cellulaire*/
@media (max-width: 991px) {
    .dropdown-menu, .sub-menu, .navbar-nav .dropdown-menu {
        background-color: #FFFFFF !important;
    }
}

/* Forcer la modification du titre principal du jumbotron de l'événement */
.event-jumbotron_title {
    font-size: 19px !important;   /* Ajustez la taille en pixels selon vos besoins */
    line-height: 1.2 !important;  /* Ajuste l'espacement des lignes si le titre est long */
}

/* Changer la couleur des barres du menu burger mobile */
.navbar-toggle .icon-bar {
    background-color: #FFFFFF !important; /* Remplacez #FFFFFF =blanc par votre code couleur */
}

/* Modifier la couleur de fond du bandeau de titre de l'événement */
.jumbotron.event-jumbotron__top {
    background-color: rgba(119, 120, 123, 0.20) !important; /* Remplacez #FF5733 par la couleur de votre choix */
    background-image: none !important;    /* Supprime une éventuelle image de fond par défaut */
}

/* Variante universelle pour le bloc de navigation gauche */
[class*="event"] .viewAll, 
[class*="event"] a[href*="archive"],
.yp-event-list-past h3 a {
    color: #E85D0E !important;
    font-size: 16px !important;  /* Modifiez les pixels (ex: 12px pour plus petit, 18px pour plus grand) */
    font-weight: bold !important; /* Options : bold (gras) ou normal */
}

/* Appliquer l'espace uniquement sur les écrans mobiles (largeur inférieure à 767px) */
@media screen and (max-width: 767px) {
    [class*="event"] .viewAll, 
    [class*="event"] a[href*="archive"],
    .yp-event-list-past h3 a {
        display: inline-block !important; /* Permet d'activer la prise en compte des marges */
        margin-bottom: 30px !important;  /* Ajustez les pixels selon l'espace voulu (ex: 30px, 50px) */
    }