/* Couleur personnalisée pour les boutons secondaires */
.btn.btn-secondary {
    background-color: #0062a3 !important;   /* couleur du bouton */
    border-color: #2a9d8f !important;
    color: #fff !important;                 /* couleur de l’icône/texte */
}

/* Couleur au survol */
.btn.btn-secondary:hover {
    background-color: #0062a3 !important;
    border-color: #1f776c !important;
    color: #fff !important;
}

/* effacer le bouton Détail dans l'adhésion */
/* Exemple : masquer le bouton Détail */
/* Masquer uniquement le bouton Détail / secondary dans RSMembership */
.rsmembership .btn.btn-secondary,
.com_rsmembership .btn.btn-secondary {
    display: none !important;
}
/* Réduit l'espace horizontal entre colonnes dans une zone RSPageBuilder */
.rspbld .row { --bs-gutter-x: .5rem; }  /* Bootstrap 5+ */


/* taille images sur desktop */
.rspbld-image img {
  max-width: 300px;
  height: auto;
}
/* texte sur toute la largeur */
.rspbld-content {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 15px;
  box-sizing: border-box;
  display: block;
}

/*modifier la couleur de fond des menus déroulants #F6F7F4 */
ul.mod-menu__sub {
  background-color: #F6F7F4 !important; /* couleur de fond */
}
ul.mod-menu__sub {
  width: auto !important;
  min-width: 250px !important;
  max-width: 400px !important;
}
/* modifier les sous menus pour smartphones */
/* images responsives dans rsform */
form.rsform {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 15px;
  box-sizing: border-box;
}
/* modifier container contenu élargi dans rdvariege...*/
.rspbld-vertical-image-box {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 15px;
  box-sizing: border-box;
  display: block;
}
/* Masquer tous les sous-menus par défaut */
.mod-menu__sub {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: opacity 0.2s ease-in-out;
  position: absolute; /* évite que le sous-menu pousse le contenu */
  z-index: 999;       /* reste au-dessus */
}

/* Afficher uniquement le sous-menu du parent actif au survol (desktop) */
.nav-item.parent:hover > .mod-menu__sub,
.nav-item.parent:focus-within > .mod-menu__sub {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}







/* Modifier la taille des onglets */
/* hauteur des onglets */
.nav-tabs .nav-link {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  min-height: auto !important;
}
.nav-tabs .nav-link i {
  font-size: 14px !important;
  margin-right: 6px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .nav-tabs .nav-link {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    font-size: 14px !important;
  }
}


/* placer le logo en haut à gauche */


/* Modifier la hauteur de la position featured */
.accordion-button {
  /*height: clamp(40px, 8vw, 70px) !important; /* Hauteur fluide entre 40px et 70px */
  /*line-height: clamp(40px, 8vw, 70px) !important;*/
  height: 40px !important;

}
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
 
}
.table-wrapper {
  overflow-x: auto;
  width: 100%;
  
}
.accordion-content table {
  width: 100%;
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
}
/*forcer la largeur de l'accordion */



/* largeur fin */
.AvisTEOMI {
  width: 80% !important;
  max-width: 1000px;
}


.featured-a {
    height: 40px !important; /* Ajustez selon vos besoins */
  align-items: center !important; /* Centrage vertical seulement */
  /*  min-height: 250px;  Hauteur minimum si nécessaire */
}
.featured-b {
    height: 40px !important; /* Hauteur différente pour featured b */
   align-items: top !important; /* Centrage vertical seulement */
   
  /*  min-height: 300px; */
}
.breadcrumbs {
    background-color: #f6f7f4 !important;
  height: 80px  !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 10 26px; /* optionnel */
}
.rstpl-breadcrumbs-position {
   background-color: #f6f7f4 !important;
}
/* Couleur de fond des onglets (non-actifs) */
.nav-tabs .nav-item .nav-link {
    background-color: #f0f0f0 !important;  /* Couleur de fond par défaut */
   /* color: #333;  Couleur du texte par défaut */
}

/* Couleur de fond de l'onglet actif */
.nav-tabs .nav-item .nav-link.active {
    background-color: #558ED5 !important; /* Couleur de fond de l'onglet actif */
    color: #fff; /* Couleur du texte de l'onglet actif */
}
.rstpl-title {
  text-align: left !important ;
}

h2 {
    color: #558ED5 !important;
  font-weight: normal !important;
}
.rsform-button {
   background-color: #00FF00 !important; /* Couleur de fond de l'onglet actif */
    color: #804040 !important; /* Couleur du texte */
   border-radius: 8px !important; 
}
.btn-primary {
   background-color: #2B66AE !important; /* Couleur de fond de l'onglet actif */
    color: #ffffff !important; /* Couleur du texte */
   border-radius: 8px !important; 
  text-decoration-line: none !important;
}
.rsform-reset-button {
background-color: #00FF00  !important; /* Couleur de fond de l'onglet actif */
   color: #804040 !important; /* Couleur du texte */
   border-radius: 8px !important; 
  font-style: normal !important;
}
 .itemid-211 .rstpl-module-title  {
    display: none !important;
}
.itemid-211 .rstpl-module-content {
    display: none !important;
}
.sclogin-greeting {
  color: #FFFFD9; /* Remplacez par la couleur souhaitée */
}

#rstpl-pagewrap .rspbld-accordion.teal .accordion-item .accordion-header .accordion-button, #rstpl-pagewrap .rspbld-accordion.teal .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: #2270b5 !important;
  
}