a.rating_left {
  color: #ff9933;
  text-decoration: none;
  font-size: 130%
}

a.rating_right {
  color: #FFDA56;
  text-decoration: none;
  font-size: 130%
}

a.rating {
  color: #E72E55;
  text-decoration: none;
  font-size: 130%
}

a.rating_hover {
  color: #ff9933;
  text-decoration: none;
  font-size: 130%
}

a.rating:visited {
  color: #E72E55;
  text-decoration: none;
  font-size: 130%
}

a.rating_hover:visited {
  color: #ff9933;
  text-decoration: none;
  font-size: 130%
}

a.rating:focus {
  color: #6d9ac5;
  text-decoration: none;
  font-size: 130%
}

a.rating_hover:focus {
  color: #ff9933;
  text-decoration: none;
  font-size: 130%
}

.show_fulltext h3 {
  margin: 10px 0
}

a {
  color: #E72E55;
}

.rounded-custom {
    border-radius: 0.50rem!important;
}

a h4 {
  color: #585978;
}

a h4:hover {
  color: #E72E55;
}

a:hover {
  color: #A97D95;
}

#VW-ACADEMIE h5 {font-size: 17px;}
.MEV {font-size: 23px;}
.MEV2 {font-size: 19px;}
.MinMenu {font-size: 10px; padding-top: 10px; padding-left: 10px; padding-right: 10px; color: #E72E55;}

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

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

.small2 {font-size: 11px;}

.colorblack {
  color: #000000;
}

.bg-primary {
  background-color: #A97D95 !important;
}
.bg-light, .bg-light2 {
  background-color: #f7ede1 !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: #585978;
  margin-bottom: 0;
}

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

.color2 {
  color: #585978;
}

.color3 {
  color: #203864;
}

.white {
  color: white
}

h2,
.h2 {
  color: #E72E55;
}


/* slider */

#carouselWillebrandXPERT .carousel-captionWillebrandXPERT {
  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: #E72E55 1px 0 10px;
}
.welcome-text-area2 h2 {
  font-weight: 200;
  color: #822525;
  font-size: 30px;
  text-shadow: #E72E55 1px 0 10px;
}

.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: #E72E55;
}



.bgcolor1 {
  background: rgb(218,64,144);
  background: linear-gradient(84deg, rgba(218,64,144,1) 0%, rgba(231,46,85,1) 84%);
  background-color: #E72E55 !important;
}

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

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

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

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

.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*/
}

#gnm-preloader {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: #fff;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.4s ease;
}
#gnm-preloader.hidden {
  opacity: 0;
  pointer-events: none;
}
.gnm-spinner {
  position: relative;
  width: 64px;
  height: 64px;
}
.gnm-ring {
  position: absolute;
  border-radius: 50%;
  border: 4px solid transparent;
}
.gnm-ring-1 {
  width: 64px; height: 64px;
  top: 0; left: 0;
  border-top-color: #585978;
  border-right-color: #585978;
  animation: gnm-spin 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.gnm-ring-2 {
  width: 46px; height: 46px;
  top: 9px; left: 9px;
  border-top-color: #E72E55;
  border-left-color: #E72E55;
  animation: gnm-spin 1.3s cubic-bezier(0.4, 0, 0.2, 1) infinite reverse;
}
.gnm-ring-3 {
  width: 28px; height: 28px;
  top: 18px; left: 18px;
  border-top-color: #f59ab1;
  border-right-color: #f59ab1;
  animation: gnm-spin 0.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes gnm-spin {
  to { transform: rotate(360deg); }
}

.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: rgb(231, 46, 85);
  background: linear-gradient(90deg, rgba(229, 26, 45, 1) 0%, rgba(155, 39, 73, 1) 35%, rgba(218, 64, 144, 1) 53%, rgba(177, 49, 65, 1) 100%);
  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 #E72E55;
  color: #E72E55
}

.header.header-2 .navbar {
  padding: 15px 0 0;
}

.header.header-2 .navbar-nav .nav-item a {
  font-size: 18px;
}

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

}

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


.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: #585978;
  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: #E72E55
}


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

.navbar-toggler{ border-color: #FFFFFF}




/* LFB */



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

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

.footer-style-2.footer-dark {
  background: rgb(155,40,73);
  background: linear-gradient(156deg, rgba(155,40,73,1) 0%, rgba(70,26,49,1) 48%);
  box-shadow: inset 0px 30px 30px rgba(0,0,0,0.6);
}

#une {
  background-color: #FFF6EB;
  margin-top: -3vw;
  position: relative;
  z-index: 9;
  border-radius: 25px;
}

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

@media (max-width: 991.98px) {
  #une { margin-top: 3vw; }
}

#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: #9C2949;
}

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

.page-link {
  color: #E72E55;
}



#teaser p {
  font-size: 1.5rem !important;
  color: #FFF;
  line-height: 32px;
}

.abecedaire .btn-light {
  color: #E72E55;
  background-color: #FFECF7;
  border-color: #FFECF7;
}

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

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

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

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

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


#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 #E72E55
}

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

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

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



#ico .card{
  background:#FFFFFF;
  border:2px solid #F2CBD9;
  border-radius: 8px;
  margin: 30px 10px;
  padding: 36px 30px;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
  position: relative;
  text-align: center;
}
#ico .card:hover{
  border-color:#E72E55;
}

@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:#585978;
  font-weight:700;
  letter-spacing:.04em;
  margin-bottom:.5rem;
}
#ico .card .card-text{
  color:#6B6C84;
  max-width:28ch;
  margin-left:auto;
  margin-right:auto;
}
#ico .card .ico-cta{
  display:inline-flex;
  align-self:center;
  align-items:center;
  gap:.5rem;
  margin-top:1.25rem;
  padding:.6rem 1.6rem;
  background:#E72E55;
  color:#FFFFFF;
  font-weight:700;
  letter-spacing:.02em;
  border-radius:50rem;
  text-decoration:none;
  white-space:nowrap;
  font-size:.95rem;
  transition:background-color .3s ease, box-shadow .3s ease;
}
#ico .card:hover .ico-cta{
  background:#C81F45;
  box-shadow:0 .5rem 1rem -.25rem rgba(231,46,85,.45);
}
#ico .card .ico-cta i{
  transition:transform .3s ease;
}
#ico .card:hover .ico-cta i{
  transform:translateX(4px);
}



.lift {
   -webkit-transition:box-shadow .25s ease,-webkit-transform .25s ease;
   transition:box-shadow .25s ease,-webkit-transform .25s ease;
   transition:box-shadow .25s ease,transform .25s ease;
   transition:box-shadow .25s ease,transform .25s ease,-webkit-transform .25s ease
  }
  .lift:focus,
  .lift:hover {
   box-shadow:0 1rem 2.5rem rgba(22,28,45,.1),0 .5rem 1rem -.75rem rgba(22,28,45,.1)!important;
   -webkit-transform:translate3d(0,-3px,0);
   transform:translate3d(0,-3px,0)
  }
  .lift-lg:focus,
  .lift-lg:hover {
   box-shadow:0 2rem 5rem rgba(22,28,45,.1),0 .5rem 1rem -.75rem rgba(22,28,45,.05)!important;
   -webkit-transform:translate3d(0,-5px,0);
   transform:translate3d(0,-5px,0)
  }
  
  
@media (max-width: 767px){
.header.header-2 .navbar-collapse {
    z-index: 10;
}
}


.profile-card-4 {
  max-width: 400px;
  background-color: #E72E55;
  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: #E72E55;
}

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

.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: #E72E55;
  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: #e72e55!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;
}

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

/* Media Query pour les écrans XS et SM */
@media (max-width: 768px) { /* SM : 768px et moins */
  #webinar2025 {
    background-image: url("https://www.gnmhealthcare.com/rootKit/3124/WEBINAR-SERIES/2025/bg-webinar-xs-sm.jpg");
    background-position: center top; /* Remet l'image en position haute */
  }
}

@media (max-width: 768px) {
  #webinar2025{
    padding-bottom: 32px;
  }
}

.webinar2025_Title{
  color: #e72e55;
  background-color: #FFF4F7;
  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: #FFF;
  background-color: #e72e55;
  border-radius: 4px;
  display: inline-block; /* Ajuste la taille au texte seulement */
}

#webinar2025 h1 {
  color: #e72e55;
  font-size: 3.75rem; /* Équivalent à 60px si la taille de la racine est 16px */
}

/* 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: #9b2749 !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: #9b2749; /* 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: #e72e55 !important
}

#webinar2025xpert img {
  border: 5px solid #e72e55;
  /* 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: #C00503;
}
#webinar2025programmeDetails{
  background-color: #FFF4F7;
  }

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

#webinar2025programmeDetails .divider {
  width: 70%;
  height: 1px;
  background-color: rgba(231, 46, 85, 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 #e72e55;
  color: #e72e55 !important;
  background-color: white
}

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

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







/* Webinar 2026 */

/* Palette (Sports & Joint Health)
   Primary: #1F4E79 (bleu profond)
   Secondary: #4CAF8C (vert doux)
*/
:root{
  --webinar-2026-primary: #1F4E79;
  --webinar-2026-secondary: #4CAF8C;
  --webinar-2026-ink: #1b1f2a;
  --webinar-2026-muted: #4b5563;
  --webinar-2026-soft: #EFF6FF; /* léger fond bleuté */
  --webinar-2026-white: #ffffff;
}

/* Container */
#webinar2026_container{
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  border-radius: 4px;
}

/* Hero */
#webinar2026{
  background-image: url("https://www.gnmhealthcare.com/rootKit/3124/WEBINAR-SERIES/2026/bg-webinar.webp");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}

/* XS/SM */
@media (max-width: 768px){
  #webinar2026{
    background-image: url("https://www.gnmhealthcare.com/rootKit/3124/WEBINAR-SERIES/2026/bg-webinar-xs-sm.jpg");
    background-position: center top;
    background-size: contain; /* Au lieu de cover */
    background-repeat: no-repeat;
    background-color: #002252; /* Couleur de fond si nécessaire */
    padding-bottom: 32px;
    min-height: 300px; /* Ajustez selon votre image */
  }
}

/* Titles */
.webinar2026_Title{
  color: var(--webinar-2026-primary);
  background-color: var(--webinar-2026-soft);
  border-radius: 25px;
  display: inline-block;
}

.webinar2026_Title2{
  color: var(--webinar-2026-secondary);
  background-color: var(--webinar-2026-white);
  border-radius: 4px;
  display: inline-block;
}

.webinar2026_Title3{
  color: var(--webinar-2026-white);
  background-color: var(--webinar-2026-primary);
  border-radius: 4px;
  display: inline-block;
}

#webinar2026 h1{
  color: #FFFFFF;
  font-size: 3.75rem; /* 60px */
}

@media (max-width: 768px){
  #webinar2026 h1{
    font-size: 2.25rem; /* 36px */
  }
}

/* Date */
#webinar2026 .date{
  color: var(--webinar-2026-primary) !important;
}

/* Divider */
.custom-divider{
  all: unset;
  display: block;
  height: 10px;
  background-color: #814E6D;
  border-radius: 7px;
  width: 25%;
}

@media (max-width: 768px){
  .custom-divider{
    width: 50%;
  }
}

/* Xpert section */
#webinar2026xpert{
  color: var(--webinar-2026-primary) !important;
}

#webinar2026xpert img{
  border: 5px solid var(--webinar-2026-primary);
}

#webinar2026xpert .flag{
  border:none;
}

#webinar2026xpert{
  color: var(--webinar-2026-white) !important;
}

@media (max-width: 768px){
  #webinar2026xpert{
    padding-top: 30px;
  }
}

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

/* Programme */
#webinar2026programme .redspan{
  color: var(--webinar-2026-secondary);
}

#webinar2026programmeDetails{
  background-color: var(--webinar-2026-soft);
}

#webinar2026programmeDetails h2{
  margin-top: -160px;
  color: var(--webinar-2026-muted);
  text-transform: uppercase;
  font-size: 10px;
}

#webinar2026programmeDetails .divider{
  width: 70%;
  height: 1px;
  background-color: rgba(31, 78, 121, 0.35);
  margin: 40px auto 30px;
}

/* Buttons */
.btn-willebrand-webianrs-2026-dark{
  border: 5px solid var(--webinar-2026-white);
  background-color: #000;
  transition: all 0.3s ease;
}

.btn-willebrand-webianrs-2026-dark:hover{
  background-color: var(--webinar-2026-white);
  color: #000 !important;
  border-color: #000;
}

.btn-willebrand-webianrs-2026-light{
  border: 5px solid var(--webinar-2026-primary);
  color: var(--webinar-2026-primary) !important;
  background-color: var(--webinar-2026-white);
  transition: all 0.3s ease;
}

.btn-willebrand-webianrs-2026-light:hover{
  background-color: var(--webinar-2026-primary);
  color: var(--webinar-2026-white) !important;
  border-color: var(--webinar-2026-white);
}







#countdown {
  padding: 2rem;
  background: linear-gradient(to right, #E72E55, #E41E31);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #ffffff;
}

#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;
}

.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: #E72E55; /* rose vif au repos */
  color: #ffffff;
  border-color: #E72E55;
}

.episode-title {
  color: #ffffff;
}

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

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

#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: #E72E55 !important; /* Rose au hover */
}



/* VW Academy — Footer Episodes Premium */

.vw-episodes-section {
  background: linear-gradient(156deg, rgba(155,40,73,1) 0%, rgba(70,26,49,1) 48%);
  box-shadow: inset 0px 30px 30px rgba(0,0,0,0.4);
  padding: 60px 0;
}

.vw-episodes-section h4 {
  color: #ffffff;
  letter-spacing: 0.15em;
  font-size: 0.85rem;
  font-weight: 600;
  opacity: 0.7;
}

.vw-episode-card {
  display: block;
  text-decoration: none;
  height: 100%;
}

.vw-episode-inner {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(231, 46, 85, 0.55);
  border-radius: 12px;
  padding: 28px 24px;
  height: 100%;
  position: relative;
  overflow: hidden;
  transform: translateY(-3px);
  box-shadow: 0 8px 32px rgba(231, 46, 85, 0.2), 0 0 0 1px rgba(231, 46, 85, 0.15);
  transition: all 0.3s ease;
}

.vw-episode-inner::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(231,46,85,0.12), transparent);
  transition: opacity 0.3s ease;
}

.vw-episode-card:hover .vw-episode-inner {
  background: rgba(231, 46, 85, 0.18);
  border-color: #E72E55;
  box-shadow: 0 14px 48px rgba(231, 46, 85, 0.45), 0 0 0 1px rgba(231, 46, 85, 0.4);
  transform: translateY(-7px);
}

.vw-episode-card:hover .vw-episode-inner::before {
  background: linear-gradient(135deg, rgba(231,46,85,0.25), transparent);
}

.vw-episode-num {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
  color: rgba(231, 46, 85, 0.4);
  margin-bottom: 12px;
  transition: color 0.3s ease;
}

.vw-episode-card:hover .vw-episode-num {
  color: rgba(231, 46, 85, 0.75);
}

.vw-episode-label {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #E72E55;
  margin-bottom: 10px;
}

.vw-episode-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.5;
  margin-bottom: 16px;
  transition: color 0.3s ease;
}

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

.vw-episode-author {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.4;
  transition: color 0.3s ease;
}

.vw-episode-card:hover .vw-episode-author {
  color: rgba(255, 255, 255, 0.8);
}

.vw-episode-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(231, 46, 85, 0.5);
  color: #E72E55;
  font-size: 0.7rem;
  margin-top: 18px;
  transition: all 0.3s ease;
}

.vw-episode-card:hover .vw-episode-arrow {
  background-color: #E72E55;
  border-color: #E72E55;
  color: #ffffff;
  transform: translateX(4px);
}










/* VW Academy — Expert */

.vw-expert-section {
  background-color: #fffbf6;
  padding: 48px 0;
  border-top: 1px solid rgba(231, 46, 85, 0.1);
}

.vw-expert-photo {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 0 0 4px #fff, 0 0 0 6px rgba(231, 46, 85, 0.3);
}

.vw-expert-label {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #E72E55;
}

.vw-pub-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.vw-pub-list li {
  padding: 12px 0 12px 16px;
  border-left: 2px solid rgba(231, 46, 85, 0.2);
  margin-bottom: 12px;
}

.vw-pub-list li a {
  display: block;
  font-weight: 600;
  font-size: 0.88rem;
  color: #585978;
  text-decoration: none;
  margin-bottom: 3px;
  transition: color 0.2s;
}

.vw-pub-list li a:hover {
  color: #E72E55;
}

.vw-pub-list li span {
  font-size: 0.78rem;
  color: #aaa;
}










#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: #E23777; border-radius: 2px; }
#archivecontainer .badge {
  background-color: #9B2749 !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 */
}

/* Icône 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;
}


/* SliderBanners - forcer visibilite + pulse des boutons overlay (WOW.js ne revele pas les slides display:none) */
#SliderBanners .carousel-item .btn.wow {
    visibility: visible !important;
    animation-name: pulse !important;
    animation-duration: 900ms !important;
    animation-iteration-count: infinite !important;
}


/* Bouton VW Academy EP4 */
.btn.btn-vwacademy-ep4 {
    color: #E72E55 !important;
    background-color: #FFFFFF !important;
    border: 2px solid #E72E55 !important;
}
.btn.btn-vwacademy-ep4:hover,
.btn.btn-vwacademy-ep4:focus {
    color: #FFFFFF !important;
    background-color: #E72E55 !important;
    border-color: #E72E55 !important;
}




/* Noticias — carte entière cliquable */
#une .card {
  transition: box-shadow .25s ease, transform .25s ease;
  cursor: pointer;
}
#une .card:hover {
  box-shadow: 0 .5rem 1.5rem -.25rem rgba(88,89,120,.2);
  transform: translateY(-3px);
}

/* No-results search: local A-Z journal browser */
.search-zero-layout{max-width:1040px;margin:1.5rem auto 3rem}.search-zero-status{padding:1.25rem 0;border-bottom:1px solid rgba(0,0,0,.12)}.search-zero-status h4{margin:0 0 .4rem;font-weight:800}.search-zero-status p{margin:0;opacity:.8}.search-zero-retry{max-width:640px;margin:1.5rem auto}.search-zero-journals{padding-top:1rem}.abc-inline-count{margin:0 0 1rem;font-size:.9rem;text-align:center}.abc-inline-count strong{font-size:1.25rem;font-weight:800}.abc-inline-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.abc-inline-letter{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:1px solid var(--bs-primary,#293571);border-radius:.35rem;text-decoration:none;font-weight:800;color:var(--bs-primary,#293571)}.abc-inline-letter.active{background:var(--bs-primary,#293571);color:#fff!important}.abc-inline-letter-off{opacity:.28}.abc-inline-list{margin-top:1.5rem;padding:1.5rem;border-top:1px solid rgba(0,0,0,.12)}.abc-inline-title{text-align:center;font-size:1.25rem;font-weight:800;margin:0 0 1rem}.abc-inline-journal{display:block;padding:.45rem .25rem;text-decoration:none}.abc-inline-journal:before{content:'\203A';margin-right:.5rem;font-weight:800}@media(max-width:767.98px){.search-zero-layout{margin-top:1rem}.abc-inline-list{padding-left:0;padding-right:0}}