@media (max-width: 991px) {
  /* Navbar-header en haut à gauche, fixe sur mobile */
  #site-wrapper .line-menu .zone-menu .navbar .navbar-header {
    position: fixed;     /* reste en haut du viewport */
    top: 0;
    left: 0;
    right: auto;
    display: flex;
    justify-content: flex-start; /* contenu à gauche */
    align-items: flex-start;     /* colle tout en haut */
    height: var(--mobile-topheader-height);
    padding: 0 15px;
    z-index: 9999;
    background: transparent; /* ou la couleur du header */
  }

    @media (max-width: 991px) {
  /* Sélecteur du picto dans la navbar */
  #site-wrapper .line-menu .zone-menu .navbar .navbar-header .navbar-toggle .icon-bar {
    margin-top: 6px;   /* décale légèrement vers le bas */
    /* ou padding-top: 3px; si tu veux que l’espace reste dans le bloc */
  }
}
         
  /* Logo du site centré horizontalement sous la navbar */
  #site-wrapper .line-header .mod-header-logo {
    position: relative;
    display: block;
    margin: 0 auto;   /* centre horizontalement */
    z-index: 1;
  }

  /* Carousel reste normal, pas de décalage */
  #site-wrapper .carousel {
    margin-top: 0;
  }
}

/* Desktop : logo à gauche */
@media (min-width: 992px) {
  .line-header .container .row-fluid > div.zone-header .mod-header-logo,
  .line-header .container-fluid .row-fluid > div.zone-header .mod-header-logo {
    max-height: 140px;
    float: left; /* ou text-align: left */
  }
}

/* Mobile : logo centré */
@media (max-width: 991px) {
  .line-header .container .row-fluid > div.zone-header .mod-header-logo,
  .line-header .container-fluid .row-fluid > div.zone-header .mod-header-logo {
    float: none;           /* annule le float du desktop */
    display: flex;          /* active flexbox */
    object-position: center;/* centre horizontalement */
    align-items: center;    /* centre verticalement si nécessaire */
    max-height: 110px;      /* ajuste la taille si besoin */
  }
}

.line-header .container .row-fluid > div.zone-header .rf-mod-header-wrapper .mod-header-container .mod-header-part__left > a {
    padding-right: 0;
    margin-top: -20px;
}

@media (max-width: 991px) {
  #site-wrapper .line-header .mod-header.mod-header-wrapper .header-ext.header-ext-login {
    display: none; /* cache l'élément sur mobile */
  }
}

/* Cible toutes les icônes sociales dans ton header */
.header-ext-social-links .social-link span {
  color: var(--primary, #0d6efd) !important;
  font-size: 1.6rem !important;
  background: none !important;
}

.news-blog__readmore {   
 font-size: 1.6rem;
}

.line-banner:not(.line-carousel-autoheight) .zone-carousel 
.carousel.vertical-mode .carousel-inner .item 
.carousel-text > img {
  opacity: 1 !important;
}

/* Ajout pour forcer une hauteur fixe du carousel */
.carousel .carousel-inner {
  height: 460px !important; /* choisis la hauteur qui convient */
  overflow: hidden;
}

.carousel .carousel-inner .item {
  height: 100% !important; /* chaque item occupe toute la hauteur */
}

.carousel .carousel-inner img {
  height: 100%;   /* colle toujours à la hauteur */
  width: auto;    /* largeur proportionnelle */
  margin: 0 auto; /* centre horizontalement */
  display: block;
  object-fit: contain; /* facultatif, mais garantit pas de coupe en hauteur */
}

.line:not(.line-carousel-autoheight) .zone-carousel .carousel.vertical-mode .carousel-inner .item .carousel-text > :not(img):first-child {
  margin-bottom: 0px;
}

.line-banner:not(.line-carousel-autoheight) .zone-carousel .carousel.vertical-mode .carousel-inner .item .carousel-text h2 {
    margin-top: 80px;
    margin-bottom: 10px;
}

.line-banner:not(.line-carousel-autoheight) .zone-carousel .carousel.vertical-mode .carousel-indicators {
  margin-bottom: 10px;
  z-index: 5;
}

.zone-event .row .event-detail .form-withProgress__navigation-footer .event-detail__nav {
      padding-bottom: 20px
}


/* Pour mobile (max 991px par exemple) */

@media (max-width: 991px) {
  #site-wrapper .line-header .header-ext.header-ext-language {
    position: fixed;
    z-index: 6;
  }
    
@media (max-width: 991px) {
.carousel .carousel-inner { 
height: 350px !important; /* ajuste la valeur pour mobile */ 
overflow: hidden; 
} 
.carousel .carousel-inner .item { 
height: 100% !important; 
} 
.carousel .carousel-inner img { 
height: 100% !important; 
width: 100%; 
object-fit: cover; 
} 
.line-banner:not(.line-carousel-autoheight) .zone-carousel .carousel.vertical-mode .carousel-inner .item .carousel-text { 
    padding-right: 0; 
    padding-left: 0; 
    } 
.line-banner:not(.line-carousel-autoheight) .zone-carousel .carousel.vertical-mode .carousel-inner .item .carousel-text h2 { 
    padding-top: 5%;
    } 
.line:not(.line-carousel-autoheight) .zone-carousel .carousel.vertical-mode .carousel-inner .item .carousel-text > :not(img):first-child {
margin-bottom: 0px;
}
    }

.zone-event .row .event-detail .jumbotron {
  background-color: color-mix(in srgb,var(--grey) 30%,#fff); /* fond gris */
  border-radius: 0; /* plus d'arrondi */
  color: #000; /* couleur du texte */
  padding: 20px; /* espace intérieur pour respirer */
  margin-bottom: 0px; 

.event-jumbotron__title {
  margin-top: 0px;
  font-weight: 500;
}