/* Après l'import Bootstrap */
:root {
  --bs-secondary-rgb: 0, 34, 82;                /* #002252 -> rgb(0,34,82) */
  --bs-secondary-color: rgba(var(--bs-secondary-rgb), .75); 
  --bs-breadcrumb-font-size: .875em;
  
 
}

/* Bloc rating */
#rating a.rating_left {
  color: #ff9933;
  text-decoration: none;
  font-size: 1.3rem; /* équivalent à 130% */
}

#rating a.rating_right {
  color: #ffda56;
  text-decoration: none;
  font-size: 1.3rem;
}

#rating a.rating {
  color: #EB7329;
  text-decoration: none;
  font-size: 1.3rem;
}

#rating a.rating_hover {
  color: #ff9933;
  text-decoration: none;
  font-size: 1.3rem;
}

#rating a.rating:visited {
  color: #EB7329;
}

#rating a.rating_hover:visited {
  color: #ff9933;
}

#rating a.rating:focus {
  color: #6d9ac5;
}

#rating a.rating_hover:focus {
  color: #ff9933;
}

/* Conteneur global */
#rating {
  border-radius: .5rem;
  font-size: 1rem;
  color: #333;
}

/* Liens étoiles */
#rating .rating_right {
  font-size: 1.5rem;       /* taille confortable */
  color: #ccc;             /* gris clair par défaut */
  text-decoration: none;
  margin: 0 .2rem;
  transition: color .2s ease;
  cursor: pointer;
}

/* Survol (passe en jaune) */
#rating .rating_right:hover,
#rating .rating_right:hover ~ .rating_right {
  color: #f5c518;
}

/* Étoile active (appliquée via JS après clic) */
#rating .rating_right.active {
  color: #f5c518;
}




.show_fulltext h3 {
  margin: 10px 0
}

a {
  color: #EB7329;
  transition: color 0.3s ease;
}

a:hover {
  color: #80D4E7;
}

a h4 {
  color: #002252;
  transition: color 0.3s ease; /* transition fluide */
}

a h4:hover {
  color: #EB7329;
}

.logoservice {
  max-width: 100%;
  height: auto;        /* conserve le ratio si le SVG a un viewBox */
  display: block;      /* évite l’espace baseline sous l’image */
}

/* fallback Firefox si le SVG sans viewBox → forcer une hauteur */
@-moz-document url-prefix() {
  .logoservice {
    height: 30px;      /* ou adapte selon ton besoin */
  }
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #002252;
    background-color: inherit;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 19px;
    border-bottom: 3px solid #EB7329;
    border-radius: inherit;
    padding-left: inherit;
    padding-right: inherit;
}

.nav-pills .nav-link, .nav-pills .show>.nav-link {
    color: #002252;
    background-color: inherit;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 19px;
    border-radius: inherit;
    padding-left: inherit;
    padding-right: inherit;
}

.small {font-size: 0.75rem;}

.colorblack {
  color: #000000;
}

.bg-primary {
  background-color: #7d93a9 !important;
}
.bg-light, .bg-light2 {
  background-color: #e4f1ff !important
}

.list-group-item.active {
  background-color: #00b6ec;
  border-color: #00b6ec;
}



h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 700;
  color: #002252;
  margin-bottom: 0;
}

.section-title p {
  color: #002252;
}

.color2 {
  color: #002252;
}

.color3 {
  color: #203864;
}

.white {
  color: white
}



p {
  font-size: 1rem;       /* 16px si root = 16px */
  line-height: 1.6;      /* 1.6 × 16px = 25.6px → plus aéré */
  margin-bottom: 1rem;   /* cohérent avec Bootstrap */
}


/* slider */

#carouselXPERT .carousel-captionXPERT {
  position: absolute;
  right: 3%;
  left: 3%;
  text-align: center;
  /* gestion du vertical center dans le caption du slide */
  top: 40%;
  transform: translateY(-40%);
  bottom: initial;
}

.welcome-text-area h2 {
  font-weight: 200;
  color: #FFFFFF;
  font-size: 30px;
  text-shadow: #EB7329 1px 0 10px;
}
.welcome-text-area2 h2 {
  font-weight: 200;
  color: #EB7329;
  font-size: 30px;
  text-shadow: #0a184c 1px 0 10px;
}

/* SVG BG image */

.bottomsvg{
  bottom:0px; 
  right:0px;
  width: 100%;
  height: 100%;
  background-size: auto;
  position:absolute;
  z-index: -1;
  background-image: url("https://www.gnmhealthcare.com/rootKit/3124/Homepage/images/test.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: right bottom;}

/* vert */

.color1 {
  color: #002252;
}



.bgcolor1 {
  background: linear-gradient(259deg, rgba(235, 115, 41, 1) 13%, rgba(0, 34, 82, 1) 53%);
  background-color: #EB7329 !important; /* ton vert signature */
}

.btn-outline-primary {
  color: #EB7329;
  border-color: #EB7329;
}

.btn-outline-primary:hover {
  background-color: #EB7329;
  border-color: #EB7329;
}

.btn-secondary {
  color: #fff;
  background-color: #EB7329;
  border-color: #EB7329;
}

.btn-primary {
  color: #fff;
  background-color: #002252;
  border-color: #002252;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #A97D95;
  border-color: #A97D95; /*set the color you want here*/
}

.preloader .loader .spinner-circle {
  /* Spinner Color - déclinaison de bleus */
  border-color: #002252 #004080 #3A7BD5;
}

.footer-area .footer-credit {
  padding: 35px 0;
}

.footer-area .copyright {
  float: right
}

.footer-area .copyright li {
  text-transform: uppercase;
  font-size: 0.7rem
}









/* ============================= 
    HEADER UPPER
================================ */
.header-upper {
  background: #80D4E7;
  background: #EB7329;
  background: linear-gradient(259deg, rgba(235, 115, 41, 1) 13%, rgba(0, 34, 82, 1) 53%);
  line-height: 18px;
  text-transform: uppercase;
  font-size: 12px;
  color: #FFFFFF;
}

.header-upper a {
  font-weight: 400;
  color: #FFFFFF;
  text-decoration: none;
}

.header-upper a:hover {
  text-decoration: underline
}

.header.header-2 .header-search a {
  box-shadow: none;
  border: 1px solid #EB7329;
  color: #EB7329
}

.navbar-toggler {
  --bs-border-width: 0;
}

.header.header-2 .navbar-nav .nav-item a {
  font-weight: 600;
  color: #002252;
  text-transform: uppercase
}

.header.header-2 .navbar-nav .nav-item a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  background: #EB7329;
  transition: all 0.3s ease-out 0s;
  left: 0;
  top: 0px;
}

.header.header-2 .navbar-nav .nav-item {
  position: relative;
  margin-right: 40px;
}

.header.header-2 .navbar-nav .nav-item:last-child {
  /* margin-right: 0; */
}

.header.header-2 .navbar-nav .nav-item a:hover,
.header.header-2 .navbar-nav .nav-item a.active {
  color: #EB7329;
}




.header.header-2 .header-search {
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header.header-2 .header-search {
    position: absolute;
    right: 50px;
  }
}

@media (max-width: 767px) {
  .header.header-2 .header-search {
    position: absolute;
    right: 50px;
  }
}

.header.header-2 .header-search:hover form {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.header.header-2 .header-search a {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #ffffff;
  font-size: 16px;
  color: #002252;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 5px 25px rgba(218, 211, 211, 0.3);
}

.header.header-2 .header-search a {
  color: #EB7329
}


.header.header-2 .header-search form {
  position: absolute;
  top: 120%;
  right: 0;
  width: 360px;
  background: #FFFFFF;
  box-shadow: 0px 5px 25px rgba(218, 211, 211, 0.3);
  padding: 30px 20px;
  border-radius: 10px;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
  visibility: hidden;
  z-index: 11;
}

.header.header-2 .navbar-collapse {
    z-index: 11;
}

.header.header-2 .header-search form input {
  width: 100%;
  border: 1px solid #E9E9E9;
  padding: 5px 10px;
}




/* LFB */



.button.border-button-white {
  background: transparent;
  color: #FFF;
  border-color: #FFF;
}

.button.border-button-purple {
  /* background: transparent; */
  color: #FFFFFF;
  border-color: #EB7329;
}

.footer-style-2.footer-dark {
    background: rgb(0, 34, 82);
    background: linear-gradient(156deg, rgba(0, 34, 82, 1) 0%, rgba(0, 20, 48, 1) 48%);
    box-shadow: inset 0px 30px 30px rgba(0, 0, 0, 0.6);
}

#une {}

#une .badge {
  white-space:inherit;
  line-height: 18px
}

#une .card {
  border: 0px
}

#top5{
  border-radius: 10px;
  padding: 1px 30px 30px
}

#top5 .title-divider{
  color: #FFECF7
}
#top5 .title-divider .de-em{
  color: #FFECF7
}

#top5 a{
  color:#f8ebbb
}
#top5 a:hover{
  color:#FFECF7
}

/* Menu dropdown hover */
div.m_dropdown {
  position: relative;
}

ul.m_dropdown-menu {
  display: none;
  position: absolute;
  top: 20px;
  background-color: #fff4f7;
  border-radius: 15px;
  box-shadow: 0px 5px 25px rgba(218, 211, 211, 0.9);
  padding: 30px 20px;
  z-index: 10;
  width: 215px;
}

div.m_dropdown:hover ul.m_dropdown-menu {
  display: block
}

button.m_dropdown-toggle:focus+ul.m_dropdown-menu {
  display: block
}


.footer-style-2.footer-dark .widget-wrapper .footer-widget .links li a:hover {
  text-decoration: underline;
  color: #FFFFFF
}

.button {
  background: #EB7329;
}

.button i {
    padding-left: 0px;
}

.page-item.active .page-link {
  background-color: #000000;
  border-color: #000000;
}

.page-link {
  color: #EB7329;
}

.abecedaire .btn-light {
  color: #002252;
  background-color: #f8ffe4;
  border-color: #f8ffe4;
}

.abecedaire a>.btn-light {
  background-color: #002252;
  color: #FFECF7;
}

.abecedaire .btn-light:hover {
  background-color: #EB7329;
  border-color: #EB7329;
}

.button.border-button {
  background: transparent;
  color: #002252;
  border-color: #002252;
}

.button.border-button::before {
  background: rgba(64, 218, 166, 0.16);
}

.de-em {
  font-weight: normal;
  color: #002252
}


#rechercheHome h3{
  font-size: 40px;
}





.search {
  position: relative;
  box-shadow: 0 0 40px rgba(51, 51, 51, .1)
}

.search input {
  height: 60px;
  text-indent: 25px;
  border: 2px solid #EB7329
}

.search input:focus {
  box-shadow: none;
  border: 2px solid #EB7329
}

.search .fa-search {
  position: absolute;
  top: 20px;
  left: 16px
}

.search button {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 50px;
  width: 110px;
  background: #EB7329
}



#ico .card{
  background:#FFF4F7;
  border:none;
  border-radius: 5px;
  margin: 30px 10px;
  padding: 35px 30px;
  transition: all .3s ease-out 0s;
  position: relative;
  text-align: center;
  border:5px solid #EB7329
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #ico .card{
    margin: 30px 15px;
    padding: 35px 30px;
  }
}

@media (max-width: 767px) {
  #ico .card{
    margin: 30px 15px;
    padding: 35px 30px;
  }
}




#ico .card h4{
  color: #EB7329
}

  
@media (max-width: 767px){
.header.header-2 .navbar-collapse {
    z-index: 10;
}
}


.profile-card-4 {
  max-width: 400px;
  background-color: #000;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin: 0px auto;
  cursor: pointer;
}

.profile-card-4 img {
  transition: all 0.25s linear;
}

.profile-card-4 .profile-content {
  position: relative;
  padding: 15px;
  background-color: #002252;
}

.profile-card-4 .profile-name {
 
  position: absolute;
  left: 0px;
  right: 0px;
  top: -110px;
  color: #000;
  font-size: 33px;
  padding: 15px;
}

.profile-card-4 .profile-name p {
  font-weight: 600;
  font-size: 23px;
  letter-spacing: 1.5px;
}

.profile-card-4 .profile-description {
  color: #777;
  font-size: 12px;
  padding: 10px;
}

.profile-card-4 .profile-overview {
  padding: 15px 0px;
}

.profile-card-4 .profile-overview p {
  font-size: 18px;
  font-weight: 600;
  color: #FFF;
}

.profile-card-4 .profile-overview h4 {
  color: #273751;
  font-weight: bold;
}

.profile-card-4 .profile-content::before {
  content: "";
  position: absolute;
  height: 20px;
  top: -10px;
  left: 0px;
  right: 0px;
  background-color: #EB7329;
  z-index: 0;
  transform: skewY(3deg);
}

.profile-card-4:hover img {
  transform: rotate(5deg) scale(1.1, 1.1);
  filter: brightness(110%);
}

.footer-style-2.footer-dark .copyright-wrapper p {
  color: rgba(255, 255, 255, 0.3);
}

.text-primary {
  color: #EB7329!important;
}



.btn-willebrand {
  color: #FFF;
  background-color: #A04292;
  border-color: #A04292;
}

.btn-willebrand2 {
  color: #FFF;
  background-color: #6b314e;
  border-color: #6b314e;
}

.carousel-caption-lfb-1 {
  right: 55% !important;
  left: 1% !important;
  top: 8% !important
}

.carousel-caption-lfb-2 {
  right: 1% !important;
  left: 55% !important;
  top: 4% !important
}

#slide2 .svg-caption_txt1 {
  max-height: 140px;
 width: auto;
}

#slide2 .svg-caption_txt2 {
  max-height: 180px;
  width: auto;
}

@media (max-width: 1300px) {
  
  #slide2 .carousel-caption-lfb-1 {
    top: 1% !important;
  }
  
  #slide2 .svg-caption_txt1 {
    max-height: 130px;
  }
  
  #slide2 .carousel-caption-lfb-2 {
    top: 0% !important;
    }
  
  #slide2 .svg-caption_txt2 {
    max-height: 130px;
    }
  }

}





#slide3 .carousel-caption-lfb {
  top: 1% !important
}

.carousel-banner {
    height: 390px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Webinar 2025 */

#webinar2025_container{
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  border-radius: 4px;
  background-color: #FBF6F1
}

.live-badge {
  position: absolute;
  top: -50px;   /* dépasse vers le haut */
  right: 15px; /* dépasse vers la droite */
  z-index: 10;  /* au-dessus de la div */
}

#webinar2025 {
  background-image: url("https://www.gnmhealthcare.com/rootKit/2433/Homepage/webinar-series/bg-webinar.jpg");
  background-repeat: no-repeat; /* Empêche la répétition de l'image */
  background-position: center -10px; /* Centre horizontalement et remonte de 300px verticalement */
  background-size: cover; /* Ajuste pour couvrir l'élément tout en gardant les proportions */
}

@media (max-width: 768px) { 
  #webinar2025 {
   background-position: center -150px; /* Centre horizontalement et remonte de 300px verticalement */ 
   padding-bottom: 32px;
  }
}

/* #webinar2025xpert .avatar {
  width: 100%;
}

@media (min-width: 1400px) {
  #webinar2025xpert .avatar {
    width: 50% !important;
  }
} */

.webinar2025_Title{
  color: #EB7329;
  background-color: #FFFFFF;
  border-radius: 25px;
  display: inline-block; /* Ajuste la taille au texte seulement */
}

.webinar2025_Title2{
  color: #c00503;
  background-color: #FFF;
  border-radius: 4px;
  display: inline-block; /* Ajuste la taille au texte seulement */
}

.webinar2025_Title3{
  color: #FFFFFF;
  background-color: #EB7329;
  border-radius: 4px;
  display: inline-block; /* Ajuste la taille au texte seulement */
}

#webinar2025 h1 {
    color: #002252;
    font-size: 3rem;
    text-shadow: 0 2px 6px rgba(255, 255, 255, 0.8);
}

/* Media Query pour les écrans XS et SM */
@media (max-width: 768px) { /* Cible les écrans SM et XS */
  #webinar2025 h1 {
    font-size: 2.25rem; /* Réduit la taille à 36px (relative à 16px) */
  }
}

#webinar2025 .date {
  color: #002252 !important
  
  
}

.custom-divider {
  all: unset; /* Supprime tous les styles par défaut du navigateur */
  display: block; /* Rend le comportement plus prévisible */
  height: 10px; /* Hauteur du diviseur */
  background-color: #002252; /* Couleur du diviseur */
  border-radius: 7px; /* Angles arrondis */
  width: 25%; /* Largeur par défaut pour les grands écrans */
}

/* Largeur en petit écran */
@media (max-width: 768px) {
  .custom-divider {
    width: 50%; /* Largeur pour les écrans plus petits */
  }
}
#webinar2025details{
}

#webinar2025xpert {
  color: #EB7329 !important
}

#webinar2025xpert img {
  border: 5px solid #EB7329;
  /* margin-top: -100px; */
}
/* Annuler le margin-top pour les petits écrans */
/* @media (max-width: 768px) {
  #webinar2025xpert img {
    margin-top: 0; /* Annule le margin-top pour les petits écrans */
  }
} */

#webinar2025xpert {
  /* background-color: #c00503; */
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  #webinar2025xpert {
    padding-top: 30px; /* Annule le margin-top pour les petits écrans */
  }
}

#webinar2025xpert .d-flex {
  position: relative;
  z-index: 2;
}
#webinar2025programme {
  
}

#webinar2025programme .redspan {
  color: #EB7329;
}
#webinar2025programmeDetails{
  background-color: #FFFFFF;
  }

#webinar2025programmeDetails h2 {
  margin-top: -160px;
  color: #002252;
  text-transform: uppercase;
  font-size: 10px;
}

#webinar2025programmeDetails .divider {
  width: 70%;
  height: 1px;
  background-color: rgba(231, 119, 46, 0.5);
  margin: 40px auto 30px;  /* Centrer le divider avec 'auto' à gauche et à droite */
}

.btn-willebrand-webianrs-2025-dark {
  border: 5px solid white;
  background-color: black;
  transition: all 0.3s ease; /* Smooth transition for changes */
}

.btn-willebrand-webianrs-2025-dark:hover {
  background-color: white;
  color: black !important;
  border-color: black; /* Change border color on hover */
}

.btn-willebrand-webianrs-2025-light {
  border: 5px solid #EB7329;
  color: #EB7329 !important;
  background-color: white
}

.btn-willebrand-webianrs-2025-light:hover {
  background-color: #EB7329;
  color: white !important;
  border-color: white; /* Change border color on hover */
}

.btn-willebrand-webianrs-2025-dark {
  border: 5px solid white;
  background-color: black
}

#countdown {
  padding: 2rem;
  background: linear-gradient(135deg, #f8fae0, #fff9f3);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#countdown li {
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
}

#countdown li span {
  display: block;
  font-size: 4.5rem;
  line-height: 1.2; /* hauteur adaptée au texte */
}

.divider {
  width: 60px;
  height: 2px;
  background-color: #ffa1cc; /* Rose/rose fuchsia Bootstrap */
  border-radius: 2px;
}

.episode-hover {
  transition: all 0.3s ease-in-out;
  background-color: #EB7329; /* rose vif au repos */
  color: #ffffff;
  border-color: #EB7329;
}

.episode-title {
  color: #ffffff;
}

.episode-card:hover .episode-hover {
  background-color: #ffffff; /* fond clair au hover */
  color: #EB7329;
  border-color: #EB7329;
  box-shadow: 0 0.5rem 1rem rgba(218, 64, 144, 0.3);
}

.episode-card:hover .episode-title {
  color: #EB7329;
}

#autres-episodes .text-muted {
  color: #ffffff !important; /* Blanc au repos */
  opacity: 1 !important;
  transition: color 0.3s ease;
}

#autres-episodes .episode-hover:hover .text-muted {
  color: #EB7329 !important; /* Rose au hover */
}

#archivecontainer h3, #congressPDF h3 { font-size: 42px; }
#archivecontainer h4, #congressPDF h4 { font-size: 30px; }
#archivecontainer h4, #congressPDF h4 { line-height: 30px; }
#archivecontainer img { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); margin-top: 10px; }
#archivecontainer .card { border: none; }
#archivecontainer .list-group-item { background-color: transparent !important; }
#archivecontainer .divider { width: 50%; height: 2px; background-color: #EB7329; border-radius: 2px; }
#archivecontainer .badge {
  background-color: #EB7329 !important;
  color: #fff; /* texte en blanc pour la lisibilité */
}

.clickable-row { transition: all 0.3s ease; border-radius: 8px; }
.clickable-row:hover { background-color: #fff5f5; transform: scale(1.01); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); }

.yt-thumb {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.yt-thumb img {
  display: block;
  width: 100%;
  height: auto;
  filter: brightness(75%); /* assombrit un peu l'image */
}

/* Icone FA */
.yt-thumb .fa-play-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 6rem;        /* taille de l'icône */
  color: #fff;            /* blanc */
  opacity: 0.9;
  text-shadow: 0 4px 10px rgba(0,0,0,0.6);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Hover */
.yt-thumb:hover .fa-play-circle {
  transform: translate(-50%, -50%) scale(1.1);
  opacity: 1;
}





/* 2025 v2 custom */

/* Effets de base sur toutes les cards */
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-5px); /* effet levé */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); /* ombre élégante */
}

/* Card "neutre" sans hover ni shadow */
.card-plain {
  box-shadow: none !important;
  transform: none !important;
  transition: none !important; /* pas de transition de transform/ombre */
  color: inherit;
}

/* Applique transition douce sur tous les enfants */
.card-plain * {
  transition: color 0.3s ease, border-color 0.3s ease;
}

/* Images dans card-plain */
.card-plain img {
  border: 10px solid rgba(247, 254, 253, 1);
  border-radius: 8px;
  display: block;
}

/* Hover card-plain → bordure image + badges changent de couleur */
.card-plain:hover img {
  border-color: #EB7329;
}
.card-plain:hover .badge {
  color: #FFF !important;
  background-color: #EB7329 !important;
}

/* Titres dans la card */
.card h4, 
.card h2, 
.card .title-text {
  color: #002252;
  transition: color 0.3s ease;
}

.card:hover h4,
.card:hover h2,
.card:hover .title-text {
  color: #EB7329;
}

/* --------- RESPONSIVE COVER (vignette image) ---------- */
.cover-thumb img { 
  width: 100%; 
  height: 100%; 
  object-fit: cover; 
}

@media (max-width: 575.98px) { 
  .cover-thumb { height: 96px; } 
}
@media (min-width: 576px) and (max-width: 991.98px) { 
  .cover-thumb { height: 112px; } 
}
@media (min-width: 992px) { 
  .cover-thumb { height: 132px; } 
}

/* Titres responsives sans changer la balise */
.h4-md { font-size: 1.25rem; }
@media (min-width: 768px) { .h4-md { font-size: 1.5rem; } }

/* Gestion mots longs */
.title-text { word-break: break-word; }
.min-w-0 { min-width: 0; }

.read-more {
  color: inherit; /* hérite de la couleur du parent */
  transition: color 0.3s ease;
  text-decoration: none; /* optionnel : pas de soulignement de base */
}

.read-more:hover {
  color: #EB7329; /* orange uniquement au hover */
  text-decoration: underline; /* optionnel */
}










.card-actu{ background-color: #ecf6fd;}
/* Date pill */
.card-actu .date-pill{
  background: #ffffff;
  color: #EB7329;
  padding: .5rem .8rem;
  font-size: .95rem;
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
  transition: background-color .3s ease, color .3s ease;
}
.card-actu .actu-item:hover .date-pill{
  background: #EB7329;
  color: #fff;
}

/* Titre + texte */
.card-actu .card-title{
  color: #244A73; /* bleu foncé */
  font-size: 1.15rem;
  line-height: 1.3;
  text-transform: uppercase;
  transition: color .3s ease;
  margin-bottom: .25rem;
}
.card-actu .card-text{
  color: #3B3D57; /* gris bleuté */
}

/* Lien "Lire la suite" + icône FA au hover local */
.card-actu .actu-item .read-more{
  text-decoration: none;
  font-weight: 600;
  position: relative;
  padding-right: 1.25rem; /* laisse la place à l’icône */
  transition: color .3s ease;
}
.card-actu .actu-item .read-more::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;           /* Solid */
  font-style: normal;
  content: "\f061";           /* fa-arrow-right */
  position: absolute;
  right: 0;                   /* plus fiable que -1rem */
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity .3s ease, transform .3s ease;
}

/* Hover simple sur chaque actu (UN SEUL bloc, pas de doublon) */
.card-actu .actu-item:hover .card-title,
.card-actu .actu-item:hover .card-text,
.card-actu .actu-item:hover .read-more{
  color: #EB7329;
}
.card-actu .actu-item:hover .read-more::after{
  opacity: 1;
  transform: translateX(0);
}

/* Important pour .stretched-link de Bootstrap :
   assure que le wrapper reçoit bien le :hover et le lien s'étend correctement */
.card-actu .actu-item{ position: relative; }

/* Bouton secondaire pour les actus */
.card-actu .actu-btn,
.actu-btn {
  background-color: transparent;
  border: 2px solid #EB7329;   /* vert accent */
  color: #EB7329;
  padding: .6rem 1.4rem;
  font-size: .9rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: 50rem;        /* pill */
  font-weight: 600;
  display: inline-block;
  transition: all .3s ease;
}

.card-actu .actu-btn:hover,
.actu-btn:hover {
  background-color: #002252;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
}






/* Dégradé de fond + comportement au survol */
article.card.card-pointexpert {
    background: linear-gradient(135deg, #4FC3F7 0%, #FFB866 100%);
    transition: transform .3s ease, box-shadow .3s ease;
}
article.card.card-pointexpert:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* Avatar plus petit */
.expert-avatar {
  width: 64px;  /* ajuste ici (ex : 72px ou 80px) */
  height: 64px;
  object-fit: cover;
}
@media (min-width: 768px){
  .expert-avatar{ width: 72px; height: 72px; }
}
.card-pointexpert h2 { font-size: 20px}
/* Couleurs de typo (surclassent h2/h* globaux) */
.card-pointexpert .expert-eyebrow{ color:#ffffff !important; letter-spacing:.04em; }
.card-pointexpert .expert-author{ color:#ffffff !important; }
.card-pointexpert .expert-title{ color:#ffffff !important; line-height:1.25; }
.card-pointexpert .expert-text{ color:#ffffff !important; text-shadow:0 1px 0 rgba(0,0,0,.06); }
.card-pointexpert .expert-link{ color:#ffffff !important; text-decoration:underline; }
.card-pointexpert .expert-link:hover{ opacity:.85; }

/* Bouton secondaire assorti */
.card-pointexpert .expert-btn {
  background-color: #0b0b0b;
  border: 2px solid #0b0b0b;
  color: #fff; /* important pour contraste */
  display: inline-block; /* empêche le plein largeur */
  padding: .6rem 1.25rem;
  transition: transform .2s ease,
              box-shadow .2s ease,
              color .2s ease,
              background-color .2s ease,
              border-color .2s ease;
}

.card-pointexpert .expert-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
  border-color: #002252;
  background-color: #002252; /* contraste inversé au hover */
}

/* Option : resserrer les paragraphes pour un ferrage plus dense à droite */
.card-pointexpert .expert-text{ margin-bottom: .9rem; }

/* Transitions douces */
.card-pointexpert .expert-title,
.card-pointexpert .expert-author { transition: color .25s ease; }

.card-pointexpert .expert-avatar {
  border: 10px solid rgba(255, 255, 255, 1);
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Hover sur l’item (le <a> qui entoure l’expert) */
.card-pointexpert a:hover .expert-title,
.card-pointexpert a:hover .expert-text,
.card-pointexpert a:hover .expert-author {
  color: #002252 !important;        /* vert foncé déjà utilisé dans ta palette */
}

/* Avatar : bord + léger halo à l’accent */
.card-pointexpert a:hover .expert-avatar {
  border-color: #002252;
  box-shadow: 0 0 0 3px rgba(13,58,54,.15);
}

/* Carte édito sobre */
article.card.card-edito {
  background: #ffffff;
  border: 1px solid #e5e7eb;   /* gris clair */
  border-radius: .75rem;
  padding: 2rem;
  transition: transform .3s ease, box-shadow .3s ease;
}

article.card.card-edito:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}

/* Titres et textes */
.card-edito .expert-eyebrow {
  font-size: .9rem;
  text-transform: uppercase;
  color: #6b7280; /* gris moyen */
  letter-spacing: .05em;
  margin-bottom: .5rem;
}

.card-edito .expert-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827; /* gris très foncé */
  margin-bottom: .25rem;
  transition: color .25s ease;
}

.card-edito .expert-author {
  font-size: .95rem;
  color: #374151; /* gris foncé */
  margin-bottom: 1rem;
}

.card-edito .expert-text {
  font-size: 1rem;
  line-height: 1.6;
  color: #4b5563; /* gris lisible */
  margin-bottom: 1rem;
}

/* Lien */
.card-edito a {
  color: inherit;
  text-decoration: none;
}

.card-edito a:hover .expert-title {
  color: #002252; /* ton bleu */
}

/* Bouton secondaire */
.card-edito .expert-btn {
  background-color: #002252;
  border: 1px solid #002252;
  color: #fff;
  padding: .5rem 1.25rem;
  font-size: .9rem;
  border-radius: 50rem; /* pill */
  transition: all .2s ease;
}

.card-edito .expert-btn:hover {
  background-color: #00152f;
  border-color: #00152f;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
}



.hero-background {
  position: relative;
  width: 100%;
  min-height: 400px; /* ajuste selon ton besoin */

  background:
    url("https://www.gnmhealthcare.com/rootKit/2433/Homepage/images/lines.svg") 
      no-repeat bottom center / cover,
    radial-gradient(circle, rgba(255,255,255,1) 29%, rgba(240, 250, 255, 1) 100%);
}




  
.committee-wrap {
  border: 2px solid #e6f0fa;
  border-radius: 1rem;
  position: relative;
  padding-top: 3rem;
}

.committee-wrap a {
  color: #131313;
}

.committee-badge {
  background: #fff;
  color: #1d6fca;
  font-weight: 600;
  letter-spacing: .5px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #1d6fca;
}

.avatar-ring img {
  display: block;
  border: 5px solid #e6f0fa
}
  
  /* Responsive : avatars un peu plus grands sur md+ */
  /* @media (min-width: 768px){
    .avatar-ring img{ width: 140px; height: 140px; }
  } */
  
  
:root{
    --podcast-radius: 1rem;
    --podcast-tint: #EB7329;
    --podcast-tint-opacity: .15;
    --podcast-tint-hover: .55;
  }
  
  .podcast-card{ text-decoration:none; color:inherit; }
  .podcast-card:hover{ text-decoration:none; box-shadow: none !important; }
  
  .podcast-card .podcast-cover{
    position:relative;
    overflow:hidden;
    border-radius:var(--podcast-radius);
    background:#111;
    aspect-ratio:16/10;
    width:100%;
  }
  
  .podcast-card .podcast-cover>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;     /* affiche l'image entière */
    background:#002252;        /* fond visible derrière */
    transition:transform .45s ease, filter .45s ease;
    will-change:transform, filter;
  }
  
  .podcast-card .podcast-cover::before{
    content:"";
    position:absolute;
    inset:0;
    background:var(--podcast-tint);
    opacity:var(--podcast-tint-opacity);
    mix-blend-mode:multiply;
    pointer-events:none;
    transition:opacity .35s ease;
  }
  .podcast-card .podcast-cover::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:0;
    height:32%;
    background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0));
    pointer-events:none;
    transition:opacity .35s ease;
  }
  
  .podcast-card:hover .podcast-cover::before{ opacity:var(--podcast-tint-hover); }
  .podcast-card:hover .podcast-cover::after{ opacity:.75; }
  .podcast-card:hover .podcast-cover>img{ transform:scale(1.02); }
  
  /* badge sur la cover (image) */
  .podcast-card .podcast-idx {
    position: absolute;
    top: .9rem;
    left: .9rem;
    background: #fff;
    color: #000;
    font-weight: 700;
    border-radius: 50rem;
    padding: .35rem .65rem;
    box-shadow: 0 4px 16px rgba(0,0,0,.25);
    z-index: 2;
  }
  
  /* numéro dans le listing (inline, pas absolu) */
  .list-group-item .podcast-idx {
    position: static;      /* revient dans le flux */
    background: #fff;
    color: #000;
    font-weight: 700;
    border-radius: 50rem;
    padding: .35rem .65rem;
    box-shadow: 0 4px 16px rgba(0,0,0,.25);
    margin-right: .5rem;   /* espace entre #01 et le texte */
  }
  
  .podcast-card .podcast-btn{
    position:absolute;
    right:1rem; bottom:1rem;
    border-radius:.75rem;
    box-shadow:0 8px 28px rgba(0,0,0,.25);
    z-index:2;
  }
 
  #moreEpisodes .podcast-btn{
   
    right:1rem; bottom:1rem;
    border-radius:.75rem;
    box-shadow:0 8px 28px rgba(0,0,0,.25);
   
  }
  
  
  /* -------------------------
     Bouton principal "Afficher plus"
  --------------------------*/
  #podcast .btnPodcast {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: .6rem 1.4rem;
    font-size: .9rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    border-radius: 50rem;
    font-weight: 600;
    display: inline-flex;        /* flex pour placer icône + texte */
    align-items: center;
    gap: .6rem;                  /* espace entre texte et chevron */
    transition: all .3s ease;
  }
  
  #podcast .btnPodcast:hover {
    background-color: #002252 !important;
    color: #fff;
  }
  
  /* Chevron animé */
  #podcast .btnPodcast .chev {
    display: inline-block;
    transition: transform .3s ease;
    animation: chev-move 1.2s ease-in-out infinite;
  }
  
  @keyframes chev-move {
    0%,100% { transform: translateX(0); }
    50%     { transform: translateX(4px); }
  }
  
  /* Quand le collapse est ouvert, le chevron pivote vers le bas et stoppe l’anim */
  #podcast [data-bs-target="#moreEpisodes"][aria-expanded="true"] .chev {
    transform: rotate(90deg);
    animation: none;
  }
  
  /* -------------------------
     Bouton écouter avec icône PLAY
  --------------------------*/
  .podcast-card .podcast-btn i {
    margin-right: .35rem; /* espace entre icône et texte */
    font-size: .9em;
  }
  
  @media (prefers-reduced-motion: reduce){
    .podcast-card .podcast-cover>img,
    .podcast-card .podcast-cover::before,
    .podcast-card .podcast-cover::after,
    .podcast-card .podcast-cover,
    .podcast-card .podcast-btn { transition:none !important; }
  }







/* Conteneur */
  .feature-box a {
    display: block;
    padding: 2rem 1rem;
    text-decoration: none;
    color: inherit;
    border-radius: 1rem;
    transition: all 0.3s ease;
  }
  
  /* Effet hover sur le conteneur */
  .feature-box a:hover {
    background: #f0f6fc; /* bleu très clair */
    transform: translateY(-5px);
    box-shadow: 0 6px 18px rgba(29, 111, 202, 0.15); /* bleu moyen transparent */
  }
  
  /* Icône */
  .feature-box img.feature-icon {
    max-width: 100px;
    margin-bottom: 1rem;
    transition: transform 0.3s ease;
  }
  
  /* Zoom sur icône */
  .feature-box a:hover img.feature-icon {
    transform: scale(1.1);
  }
  
  /* Titre */
  .feature-box .feature-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #555;
    margin-bottom: .25rem;
    transition: color 0.3s ease;
  }
  
  /* Titre hover */
  .feature-box a:hover .feature-title {
    color: #1d6fca; /* bleu principal */
  }
  
  /* Texte */
  .feature-box .feature-text {
    font-size: 1rem;
    color: #777;
    margin: 0;
    transition: color 0.3s ease;
  }
  
  /* Texte hover */
  .feature-box a:hover .feature-text {
    color: #444;
  }

/* Cartouche commun */
#teaser {
  border-left: 4px solid #002252;
  background-color: #f9fbfd;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #444;
  font-weight: 400;
  padding: .75rem 1rem;           /* <-- padding au conteneur */
}

/* Blocs directs à l’intérieur du teaser */
#teaser > p,
#teaser > ul,
#teaser > ol,
#teaser > blockquote {
  margin: 0 0 .75rem 0;
}

/* Listes : indentation et rendu des puces */
#teaser > ul,
#teaser > ol {
  padding-left: 1.25rem;          /* aligne avec le texte des <p> */
  list-style-position: outside;   /* propre, multi-lignes alignées */
}

#teaser li { margin: .25rem 0 0 1rem; }

/* Évite les marges parasites en bord de cartouche */
#teaser > :first-child { margin-top: 0; }
#teaser > :last-child  { margin-bottom: 0; }

/* Contenir l'image flottante si besoin (ou ajoute .clearfix en HTML) */
#teaser::after { content: ""; display: table; clear: both; }

#contenu_article ul {
  padding-left: 1.5rem;       /* espace entre le bord et la liste */
}

#contenu_article ul li {
  margin-bottom: 0.5rem;      /* petit espace entre chaque élément */
}

#sidebar .list-group-item { transition: background-color .2s ease, color .2s ease; }
#sidebar .list-group-item:hover { background-color: #f8fffe; color: #0aa; }
#sidebar .ico a { display:inline-flex; align-items:center; gap:.5rem; }


#group_bibliot {
  background-color: #002252;       /* fond bleu */
  background: linear-gradient(135deg, #002252 0%, #3c3c3c 100%);
  color: #ffffff;                  
  padding: 1.5rem;                 
  border-radius: 8px;              
  font-family: Arial, sans-serif;  
}

#group_bibliot h3 {
  color: #ffffff;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  border-bottom: 2px solid rgba(255,255,255,.3);
  padding-bottom: .5rem;
}

#group_bibliot p {
  margin: 0;
  line-height: 1.6;
  font-size: 0.95rem;
}

#group_bibliot b {
  color: #ffffff;
}

#group_bibliot i {
  opacity: 0.9; /* un blanc légèrement atténué */
}

#group_bibliot a {
  color: #80D4E7;          /* bleu clair */
  text-decoration: none;
  font-weight: 600;
  transition: color .3s ease;
}

#group_bibliot a:hover {
  color: #ffffff;          /* au hover les liens deviennent blancs */
  text-decoration: underline;
}


.dom-link {
  background-color: #fff8f3;
  color: #d35400;          /* orange soutenu */
  transition: all 0.2s ease-in-out;
}

.dom-link:hover {
  background-color: #002252; /* orange plus vif au hover */
  color: #fff;
}