/*
Theme Name: Thème CRSI France
Description: Thème enfant de Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://www.commenge-design.fr
Template: salient
Version:17.3.0
*/
/*Photo bannières : crédit photo
.container-wrap .credit-photo-bannieres p{
    font-size: 15px!important;
    margin-top: -25px;
    text-align: right!important;
    font-style: italic!important;
    display: block!important;
}*/

/*----------------------------------------------------------------------------------------------------------------
              			COMPLIANZ > Ligne du bas : corriger les points qui se superposent au texte
-----------------------------------------------------------------------------------------------------------------*/

/*Décalage des points*/
.cmplz-cookiebanner .cmplz-links ul li {
    list-style-type: none!important
    
}



/*----------------------------------------------------------------------------------------------------------------
              									FORMULAIRE "FORMINATOR"
-----------------------------------------------------------------------------------------------------------------*/
/*Masquer le bouton "Modifier le formulaire" qui s'affiche dans la prévisualistaion du formulaire sur le site*/
.forminator-edit-module {
  display: none !important;
}
/*Bouton envoyer (classe ajoutée depuis les paramètres du bouton de chaque formulaire
.forminator-ui#forminator-module-10901.forminator-design--default .forminator-button-submit {
    display: block!important;
    text-align: center!important;
    }*/
/*Réduction de l'espace au-dessus du bouton "Envoyer"*/
.consentement {
  margin-bottom: -30px !important;
}
@media (max-width: 768px) {
  .consentement {
    margin-bottom: -15px !important;
  }
}
/* Réduction badge reCAPTCHA */
.grecaptcha-badge {
    display: none!important;
}
/* Réduction badge reCAPTCHA
.grecaptcha-badge {
  transform: scale(0.6) !important;
  transform-origin: bottom left !important;
  left: 10px !important;
  right: auto !important;
  margin-top: 0px !important; 
} */
/* ======================================================
   Forminator – Style commun boutons Envoyer
   ====================================================== */
.forminator-ui .bouton-envoyer-contact, .forminator-ui .bouton-envoyer-abonnement {
  background-color: #FF000A !important; /* rouge */
  color: #ffffff !important;
  border: 2px solid #FF000A !important;
  border-radius: 999px !important;
  padding: 10px 28px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}
/* Centrage du bouton "Envoyer" */
.forminator-ui .bouton-envoyer-contact, .forminator-ui .bouton-envoyer-abonnement {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
/*Hover*/
.forminator-ui .bouton-envoyer-contact:hover, .forminator-ui .bouton-envoyer-abonnement:hover {
  background-color: #1f2461 !important; /* bleu */
  border-color: #1f2461 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
/*Supression de l'ombre du bouton Envoyer au survol*/
.forminator-ui .bouton-envoyer-contact, .forminator-ui .bouton-envoyer-contact:hover, .forminator-ui .bouton-envoyer-contact:focus, .forminator-ui .bouton-envoyer-abonnement, .forminator-ui .bouton-envoyer-abonnement:hover, .forminator-ui .bouton-envoyer-abonnement:focus {
  box-shadow: none !important;
}
/*Onglet de la TAB : angles supérieurs arrondis*/
.contact-form .tabbed[data-style="material"] .wpb_tabs_nav li a {
  border-radius: 30px 30px 0 0 !important;
}
/*Centrage du formulaire dans la page - Après avoir défini un max-width dans la classe additionnelle de la colonne*/
.contact-col {
  margin-left: auto !important;
  margin-right: auto !important;
}
/*----------------------------------------------------------------------------------------------------------------
              						RUBRIQUE "JE M'ABONNE" 
-----------------------------------------------------------------------------------------------------------------*/
/*Titre h3*/
.container-wrap .je-abonne h3 {
  color: #FFFFFF !important;
}
/*3 captures d'image pour "Je m'abonne"*/
.container-wrap .je-abonne img {
  height: 250px !important;
  width: auto !important;
}
/*----------------------------------------------------------------------------------------------------------------
              						RUBRIQUE "PUBLICATION" 
-----------------------------------------------------------------------------------------------------------------*/
.page-id-9746 .full-width-section > .col.span_12.dark .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *, .page-id-9746 .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content * {
  color: #FFFFFF !important;
}
/*Filtre des articles : Etat normal des boutons (le code global se trouve plus bas dans "Filtre"*/
.page-id-9746 .nectar-post-grid-filters a {
  box-shadow: none !important;
  border: 2px solid #FFFFFF !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  transition: all 0.25s ease !important;
}
/*----------------------------------------------------------------------------------------------------------------
              						RUBRIQUE "EQUIPE" > PORTRAIT
-----------------------------------------------------------------------------------------------------------------*/
/* ==================================================
   SOUS MENU D’ANCRAGE – STYLE BOUTON
   ================================================== */
.container-wrap .menu-ancrage-cta li {
  list-style-image: none !important;
  list-style-type: none !important;
  margin-left: 0 !important;
}
.menu-ancrage-cta {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
/* Li */
.menu-ancrage-cta li {
  margin: 0;
}
/* Liens = boutons */
.menu-ancrage-cta a {
  display: block;
  padding: 12px 24px;
  border: 2px solid #1f2461;
  border-radius: 30px;
  color: #1f2461;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.25s ease;
  white-space: nowrap;
}
/* Hover */
.menu-ancrage-cta a:hover {
  background-color: #FF000A;
  border-color: #FF000A;
  color: #ffffff;
}
/* ================= MOBILE ================= */
@media (max-width: 768px) {
  .menu-ancrage-cta {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .menu-ancrage-cta a {
    width: 100%;
    text-align: center;
    max-width: 320px;
  }
}
/*----------------------------------------------------------------------------------------------------------------------------
                                       EQUIPE > FANCY BOX + PORTRAITS
-----------------------------------------------------------------------------------------------------------------------------*/
/* ==========================================================
  FANCY BOX
   État normal : image seule
   Hover : comportement natif conservé
   ========================================================== */
/* ÉTAT NORMAL : cacher le NOM */
.nectar-fancy-box[data-style="hover_desc"]:not(:hover) .heading-wrap {
  opacity: 0 !important;
}
/* ÉTAT NORMAL : supprimer l'overlay sombre */
.nectar-fancy-box[data-style="hover_desc"]:not(:hover) .box-bg:before, .nectar-fancy-box[data-style="hover_desc"]:not(:hover) .box-bg:after {
  opacity: 0 !important;
}
/* Fancy Box – titre blanc uniquement au hover */
.nectar-fancy-box[data-style="hover_desc"]:hover h4 {
  color: #ffffff !important;
}
/* ==================================================
   FANCY BOX PORTRAITS
   Ratio basé sur 293x349
   ================================================== */
/* Cadre Fancy Box */
.nectar-fancy-box.using-img {
  aspect-ratio: 293 / 349;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
}
/* Image de fond */
.nectar-fancy-box.using-img .box-bg {
  position: absolute !important;
  inset: 0;
  background-size: cover !important;
  background-position: center center !important;
}
/* ==================================================
   FANCY BOX > HOME > CHOC OU LA CHUTE
   Image paysage 1920x715 – ratio respecté
   ================================================== */
/* Cadre Fancy Box spécifique */
.choc-ou-la-chute-row .nectar-fancy-box.using-img {
  aspect-ratio: 1920 / 715 !important;
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
}
/* Image de fond : pas de rognage */
.choc-ou-la-chute-row .nectar-fancy-box .box-bg {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
/* Fancy Box – h2 blanc au hover (spécifique choc-ou-la-chute) */
.choc-ou-la-chute-row .nectar-fancy-box:hover h2 {
  color: #ffffff !important;
}
@media only screen and (max-width:768px){
    .choc-ou-la-chute-row .nectar-fancy-box:hover h2 {
        font-size: 18px!important;
        line-height: 24px!important;
    }
}

    
/*----------------------------------------------------------------------------------------------------------------
              									RUBRIQUE "L'ESSENTIEL"
-----------------------------------------------------------------------------------------------------------------*/
.navigation-ancrage-en-tete {}
/*----------------------------------------------------------------------------------------------------------------
              									RUBRIQUE "PRESENTATION DU CRSI"
-----------------------------------------------------------------------------------------------------------------*/
/*Titre "Vocation et enjeux"*/
.container-wrap .titre-vocation-enjeux h2 {
  color: #FFFFFF !important;
}
/*titre Les jeunes du CRSI" en blanc*/
.container-wrap .titre-les-jeunes h2 {
  color: #FFFFFF !important;
  display: block !important;
  text-align: center !important;
}
/*titre Les jeunes du CRSI" en blanc*/
.container-wrap .texte-les-jeunes h4 {
  color: #FFFFFF !important;
}
/* ==========================================================
   ENCADRÉ OMBRÉ + COINS ARRONDIS
   Classe : .encadre-ombre
   ========================================================== */
.encadre-ombre {
  background-color: #ffffff !important; /* couleur du fond */
  border-radius: 12px !important; /* coins arrondis */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important; /* ombre */
  padding: 20px !important; /* espace intérieur */
  margin: 10px 0 !important; /* marge extérieure si besoin */
}
/*----------------------------------------------------------------------------------------------------------------------------
                                           HOME
-----------------------------------------------------------------------------------------------------------------------------*/
/*Supprrimer header h1*/
.home #page-header-wrap {
  display: none !important;
}
.home-titre-newsletter {
  margin-bottom: -25px !important;
}
.home-encadre-j-adhere h3 a {
  color: #FFFFFF !important;
}
/*Encadré : Je contribue, j'adhère > Flèche*/
.home-encadre-j-adhere img {
  margin-top: 30px !important;
}
/*A votre recncontre > Post loop Builder > ÉTAT NORMAL : forcer le texte bleu */
.container-wrap .home-a-votre-rencontre .nectar-post-grid[data-text-color="light"] .nectar-post-grid-item:not(:hover) .content * {
  color: #1f2461 !important;
}
/*A votre recncontre > Post loop Builder > Etat normal : texte bleu
.full-width-section>.col.span_12.dark .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *, 
.nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content *{
   color: #1f2461!important;
}*/
/*Bannière "Retrouvez-nous sur nosréseaux sociaux"*/
.banniere-reseaux-sociaux.vc_row {
  position: relative;
  width: 100vw; /* viewport width */
  left: 50%;
  right: 50%;
  margin-left: -50vw; /* centre la row et étend l'ombre */
  margin-right: -50vw;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
.a-votre-rendontre h4 {
  text-align: justify !important;
}
.container-wrap .home-titre-publications h2 {
  color: #FFFFFF !important;
  margin-bottom: -15px !important;
}
/* ==========================================================
   HOME > SOUS RUBRIQUE "ILS LE VIVENT, ILS EN PARLENT":  
Articles > CSS additionnel post-left-large :
- Passer le titre de la photo de gauuche en plus gros, en bas, desendre le filigrane noir en bas
- Mobile : réduire la typo et augmenter la hauteur de la photo
   ========================================================== */
/* Carte principale */
.post-left-large .layout-vert_staggered .nectar-post-grid-item:first-of-type {
  position: relative !important;
  overflow: hidden;
}
/* Supprime le dégradé natif (prévu pour le texte en haut) */
.post-left-large .layout-vert_staggered .nectar-post-grid-item:first-of-type .nectar-post-grid-item-bg:after {
  display: none !important;
}
/* Dégradé sombre en BAS (pour lisibilité du texte) */
.post-left-large [data-columns="3"].layout-vert_staggered > div:nth-child(6n + 1) div.inner:before {
  top: auto !important;
  bottom: 0 !important;
  background: radial-gradient(circle at 50% 100%, rgba(0, 0, 0, 0.5) 0%, /*Intensité*/ transparent 30% /*ombre plus large vers le haut*/
    ) !important;
}
/* Bloc texte */
.post-left-large .layout-vert_staggered .nectar-post-grid-item:first-of-type .content {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 50px 40px !important;
  z-index: 10 !important;
}
/* Titre – desktop uniquement */
.post-left-large .layout-vert_staggered .nectar-post-grid-item:first-of-type .post-heading {
  font-size: 36px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
/* Hauteur 450px sur smartphone et taille du texte standard */
@media (max-width: 768px) {
  /* Cadre de la grande carte à gauche */
  .post-left-large .layout-vert_staggered .nectar-post-grid-item:first-of-type {
    min-height: 450px !important; /* augmente le cadre */
    height: auto !important; /* ne force pas l'image */
    position: relative !important; /* pour que le texte reste en bas */
  }
  /* Texte en flux normal */
  .post-left-large .layout-vert_staggered .nectar-post-grid-item:first-of-type .content {
    position: absolute !important;
    bottom: 20px !important;
    left: 0;
    right: 0;
    padding: 15px !important;
  }
  /* Taille du titre = standard des autres articles */
  .post-left-large .layout-vert_staggered .nectar-post-grid-item:first-of-type .post-heading {
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

/* ==========================================================
   FIN > HOME > SOUS RUBRIQUE "ILS LE VIVENT, ILS EN PARLENT"
   ========================================================== */

/*HOME > "Travaux de nos antennes locales" > Ombre*/
.home-travaux-row.vc_row {
  position: relative;
}

.home-travaux-row.vc_row::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  z-index: 0;
}


/*
.home .wpb_wrapper .titre-nos-expertises h2 {
  color: #FFFFFF !important;
  padding-bottom: 10px !important;
}*/
/*----------------------------------------------------------------------------------------------------------------------------
                                          PAGE HEADER
-----------------------------------------------------------------------------------------------------------------------------*/
/*Header > Titre des pages sans photo bannière*/
#page-header-bg[data-alignment-v=middle] .container {}
/* Réduit la marge sous H1 */
#page-header-bg[data-alignment-v=middle] h1 {
  margin-bottom: -60px !important;
}
@media only screen and (max-width: 768px) {
  #page-header-bg[data-alignment-v=middle] h1 {
    min-height: 130px !important; /*hauteur min pour mobile*/
  }
}
/* ==========================================================
PAGE HEADER BLANC TOTAL
   Supprime le voile gris
   ========================================================== */
/* Fond principal */
#page-header-bg {
  background-color: #ffffff !important;
}
/* Supprime l'overlay gris */
#page-header-bg .page-header-overlay-color {
  background-color: transparent !important;
}
/* Sécurité : aucune image ou gradient résiduel */
#page-header-bg:before, #page-header-bg:after {
  display: none !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                          FORMATAGE
-----------------------------------------------------------------------------------------------------------------------------*/
/*Titre h2*/
.container-wrap h2, .container-wrap h3, .container-wrap h4 {
  color: #1f2461 !important;
}
/*Titre h3*/
.container-wrap h3 {
  padding-top: 6px !important;
  padding-bottom: 3px !important;
}
/*p*/
.container-wrap p {
  padding-bottom: 15px !important;
  /*  text-align: justify !important;*/
  color: #000 !important;
}
/*p : lien*/
.container-wrap p a {
  border-bottom: 3px solid #d2d2d2 !important;
}
/*p : survol*/
.container-wrap p a:hover {
  border-bottom: 3px solid #9a9a9a !important;
}
/*----------------------------------------------------------------------------------------------------------------
              									FOOTER
-----------------------------------------------------------------------------------------------------------------*/
/*LE FOOTER EST CREE DEPUIS GLOBLA SECTIONS ET PAS LES WIDGETS */
.footer-col-1, .footer-col-2-titre, .footer-col-2-titre a, .footer-col-3-titre, .footer-col-3-legal a {
  color: #FFFFFF !important;
  font-size: 16px !important;
}
.footer-col-2-titre a:hover, .footer-col-3-legal a:hover {
  color: #FF000A !important;
}
.footer-col-2-je-m-abonne a {}
.footer-col-2-j-adhere a {}
.footer-col-3-reseaux {
  background: #ffffff;
  border-radius: 20px;
  padding-right: 18px;
  padding-left: 18px;
  padding-top: 10px;
  padding-bottom: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 430px) {
  .footer-col-3-reseaux * {
    padding-top: 2px;
    padding-bottom: 1px;
  }
}
.footer-col-3-legal a {
  font-size: 15px !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                       EQUIPE > BIO
-----------------------------------------------------------------------------------------------------------------------------*/
/*Typo : Couleur blanc*/
.container-wrap .bio-texte-droit h3, .container-wrap .bio-texte-droit p {
  color: #FFFFFF !important;
}
/*Col texte droit*/
.col-bio-texte-droit {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.bio-texte-droit h3 {
  font-size: 30px !important;
  padding-bottom: 20px !important;
}
/*Rangée 2 : Expérience et formation */
.row-bio-2 {
  margin-top: 45px !important;
}
/*Coordonnées sous la photo*/
.row-bio-coordonnees-sous-photo {
  margin-top: -15px !important;
  padding: 35px 35px !important;
  background-color: #FFFFFF !important;
}
.container-wrap .row-bio-coordonnees-sous-photo p, .container-wrap .row-bio-coordonnees-sous-photo p a {
  text-align: center !important;
}
/*BOUTONS EXPERTISES====================================================*/
/*Titre "Principaux domaines d’intervention"*/
div.bio-boutons-expertises h4 {
  color: #FFFFFF !important;
  margin-bottom: -40px !important;
}
/*"Boutons" expertises sous le texte de droite  */
div.bio-boutons-expertises ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  column-gap: 16px !important; /* espace entre les boutons */
  row-gap: 0px !important; /* interligne réduit */
  justify-content: flex-start;
  margin-top: 50px !important; /* espace au-dessus */
}
div.bio-boutons-expertises ul li {
  background-color: #ffffff !important;
  color: #00a8ff !important;
  padding: 10px 20px !important;
  border-radius: 6px !important;
  border: 2px solid #00a8ff !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
}
/*WIGGLE : position des 3 accordéons (Expériences, Formation...) ====================================================*/
.row-equipe-bio-wiggle-1 {
  padding-top: 25px !important;
}
.row-equipe-bio-wiggle-2 {
  margin-top: -5px !important;
  padding-top: 15px !important;
  padding-bottom: 70px !important;
}
/*Wiggle collaborateurs ; quans il n'y a pas le wiggle "Expérience" au-dessus*/
.row-equipe-bio-wiggle-3 {
  padding-top: 45px !important;
  padding-bottom: 70px !important;
}
/*Wiggle : position des 3 accordéons (Expériences, Formation...)*/
/*.equipe-bio-wiggle-1{
    margin-top: 0px;
}*/
/*.equipe-bio-wiggle-2, .equipe-bio-wiggle-3{
    margin-top: -35px;
}*/
@media only screen and (max-width: 1023px) {
  .equipe-bio-wiggle-3 {
    margin-top: -15px !important;
  }
}
/*----------------------------------------------------------------------------------------------------------------------------
                                         HOME > EQUIPE > FLIBOX
-----------------------------------------------------------------------------------------------------------------------------*/
.nectar-flip-box .flip-box-back {
  background-color: #00a8ff !important;
}
/*Verso Flip box : centrage verticalement*/
.nectar-flip-box .flip-box-back .inner {
  position: absolute;
  top: 50% !important;
  transform: translateZ(60px) scale(.94) translateY(-50%) !important;
}
/*Verso Flip box : texte : Centrer et remonter*/
.nectar-flip-box .flip-box-back .inner h3, .home .nectar-flip-box .flip-box-back .inner h4, .home .nectar-flip-box .flip-box-back .inner p {
  text-align: center !important;
  color: white !important;
}
/*Verso flip box : titre h3*/
.nectar-flip-box .flip-box-back .inner h3 {
  font-size: 20px !important;
}
/*Verso flip box : sous-titre h4*/
.nectar-flip-box .flip-box-back .inner h4 {
  font-size: 17px !important;
  margin-top: -15px !important;
  padding-bottom: 15px !important;
}
/*Verso flip box: Texte courant*/
.nectar-flip-box .flip-box-back .inner p {
  font-size: 15px !important;
  line-height: 23px !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                       MENU PRINCIPAL
-----------------------------------------------------------------------------------------------------------------------------*/
/*Header > Fond texture trame*/
#header-outer {
  background-image: url('/wp-content/themes/salient-child/img/trame-crsi.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
/*Bouton "Je m'abonne"*/
body.material #header-outer[data-has-buttons=no][data-full-width=false][data-format=default] #top nav > .sf-menu > li[class*=button_]:last-child a::before {
  border: 1px solid #FFFFFF;
}
/*Boutons "j'adhère" et "Je m'abonne" : graisse*/
#top .sf-menu > li.j-adhere > a, #top .sf-menu > li.je-m-abonne > a {
  font-weight: 600 !important;
}
/* Supprime la bordure supérieure du sous-menu */
#top nav > ul > li > ul {
  border-top: none !important;
  box-shadow: none !important;
}
/*------------------------------------------------------------------------------*/
/*MENU PRINCIPAL > Espace entre les rubriques*/
/* Items normaux 
#top .sf-menu > li:not(.j-adhere):not(.je-m-abonne) > a {
  padding-left: 15px !important;
  padding-right: 15px !important;
}*/
/* Espace pour les bouton CTA 
#top .sf-menu > li.j-adhere > a, #top .sf-menu > li.je-m-abonne > a {
  padding-left: 5px !important;
  padding-right: 10px !important;
}*/
/*----------------------------------------------------------------------------------------------------------------------------
                                          POST (ACTUALITE)
-----------------------------------------------------------------------------------------------------------------------------*/
/* ==========================================
   Post Loop Builder – Bouton Load more
   Etat normal : texte bleu + contour bleu
   ========================================== */
body[data-button-style^=rounded] .nectar-post-grid-wrap .load-more {
  border: 2px solid #1f2461 !important; /* contour bleu */
}
body[data-button-style^="rounded"] .nectar-post-grid-wrap .load-more:hover {
  border-color: transparent !important;
}
/* ====================================================={}
   SALIENT – POST LOOP BUILDER – FILTRES (TRI)
   RESET COMPLET + STYLE PERSONNALISÉ
   ===================================================== */
/* Reset total du lien */
.nectar-post-grid-filters a {
  background: transparent !important;
  box-shadow: none !important;
  border: 2px solid #1f2461 !important;
  border-radius: 999px !important;
  padding: 6px 18px !important;
  margin: 0 6px 6px 0 !important;
  color: #1f2461 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  transition: all 0.25s ease !important;
}
/* SUPPRESSION ABSOLUE DU TIRET / SOULIGNEMENT ANIMÉ */
.nectar-post-grid-filters a::after, .nectar-post-grid-filters a::before {
  content: none !important;
  display: none !important;
}
/* HOVER */
.nectar-post-grid-filters a:hover {
  background-color: #FF000A !important;
  border-color: #FF000A !important;
  color: #ffffff !important;
}
/* ACTIF */
.nectar-post-grid-filters a.active {
  background-color: #FF000A !important;
  border-color: #FF000A !important;
  color: #ffffff !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                          POST > SINGLE
-----------------------------------------------------------------------------------------------------------------------------*/
/* Titre H1 (entry-title) – uniquement sur les articles */
.single-post .entry-title {
  font-size: 40px !important;
  line-height: 1.2 !important;
  margin-top: 60px !important;
  color: #1f2461 !important;
}

@media (max-width: 768px) {
  .single-post .entry-title {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }
}

/*Titre H2*/
.single-post .container-wrap h2{
        font-size: 30px !important;
    line-height: 1.25 !important;
    margin-bottom: 15px!important;
}
/*Catégories sous le header: masquer*/
.featured-media-under-header__cat-wrap .meta-category {
  display: none !important;
}
/*----------------------------------------------------------------------------------------------------------------
              			POST > SINGLE> IMAGE MISE EN AVANT > LARGEUR / HAUTEUR / CENTRAGE
-----------------------------------------------------------------------------------------------------------------*/

/* Conteneur pleine largeur : on enlève la hauteur excédentaire */
.single-post .featured-media-under-header__featured-media {
  height: auto !important;
  padding: 0 !important;
}
/* Cadre réel de l'image */
.single-post .featured-media-under-header__featured-media .post-featured-img {
  max-width: 800px !important;
  width: 100% !important;
  margin: 0 auto !important;
  position: relative !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  transform: none !important; /* supprime le décalage horizontal */
}
/* Image à l'intérieur */
.single-post .featured-media-under-header__featured-media .post-featured-img img {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* Réduction des espaces au-dessus et en dessous de l’image mise en avant */
.single-post .featured-media-under-header__featured-media {
  margin-top: 40px !important;
  margin-bottom: -40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/*----------------------------------------------------------------------------------------------------------------
              				POST > SINGLE> MASQUER IMAGE MISE EN AVANT (avec SCF + +fonction functions.php)
-----------------------------------------------------------------------------------------------------------------*/
body.hide-featured-image .post-featured-img,
body.hide-featured-image .featured-media,
body.hide-featured-image .post-header {
    display: none !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                       POST > SINGLE > CREDIT PHOTO (avec SCF)
-----------------------------------------------------------------------------------------------------------------------------*/
.post-featured-img, .credit-image {
  display: block;
}
.credit-image {
  font-size: 0.9em;
  color: #777;
  margin-top: -10px;
  font-style: italic;
  opacity: 0.8;
  margin-left: auto;
  width: fit-content;
}
.credit-image::after {
  content: "";
  display: block;
  height: 20px; /*Remplace le margin-bottom sous la légende*/
}
/*----------------------------------------------------------------------------------------------------------------
              									LISTE
-----------------------------------------------------------------------------------------------------------------*/
.container-wrap ul li, .container-wrap ul ul li {
  list-style-type: none !important;
  margin-top: 8px !important;
  margin-left: -8px !important;
}
.container-wrap ul li {
  list-style-image: url(img/list-tiret-noir.png) !important;
}
.container-wrap .entry-content ul ul li {
  list-style-image: url(img/list-tiret-noir-niveau2.png) !important;
}
.container-wrap ol li {
  list-style-image: none !important;
  margin-top: 8px !important;
  list-style-position: outside !important;
  list-style-type: decimal !important;
  margin-left: -8px !important;
}
/*----------------------------------------------------------------------------------------------------------------------------
                                          STYLES CUSTOM
-----------------------------------------------------------------------------------------------------------------------------*/
/*TEXTE EXERGUE BLANC ========================================*/
.texte-exergue-blanc {
  color: #FFFFFF !important;
  font-size: 28px !important;
  font-weight: 700 !important;
}
/*TEXTE EXERGUE BLEU ========================================*/
.texte-exergue-bleu {
  color: #1f2461 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
}
/*TEXTE COURANT GRAS BLANC ========================================*/
.texte-gras-blanc {
  color: #FFFFFF !important;
  font-size: 19px !important;
  font-weight: 700 !important;
}
/*TEXTE COURANT GRAS ROUGE ========================================*/
.texte-gras-rouge {
  color: #FF000A !important;
  font-size: 19px !important;
  font-weight: 700 !important;
}
/*TEXTE COURANT GRAS BLEU ========================================*/
.texte-gras-bleu {
  color: #1f2461 !important;
  font-size: 19px !important;
  font-weight: 700 !important;
}
/*BOUTONS CONTOUR BLEU ===========================================*/
/* ÉTAT NORMAL */
.container-wrap .bouton-bleu a {
  display: inline-block !important;
  padding: 10px 20px !important;
  background-color: #1f2461 !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: background-color 0.25s ease !important;
  margin-top: 15px;
  border: none !important;
}
/* HOVER */
.container-wrap .bouton-bleu a:hover {
  background-color: #FF000A !important;
  color: #ffffff !important;
  border: none !important;
}
/*Crédit photo ===========================================*/
.credit-photo {
  font-size: 14px !important;
  color: #999 !important;
  text-align: left !important;
  font-style: italic !important;
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}