h1, h2, h3, h4, h5, h6 {
  color: #333666!important;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #333666 !important;
}
/* Taille du titre principal H1 */
h1 {
    font-size: 24pt !important;
}
/* Taille des titres secondaires H2 */
h2 {
    font-size: 18pt !important;
}
/* Taille des titres H3 */
h3 {
    font-size: 14pt !important;
}
/* Taille du texte de corps (paragraphes) */
p, body {
    /*font-size: 14pt !important;*/
    color: #333333 !important;
    margin-bottom: 0rem;
}
.container-header {
 background-color: #5CAFE7;
    /*background-color:#e6f6fb;*/
  background-image: none;
}
body {
 /*background-color: #82CEF9!important;*/
   background-color: #9BCBEB!important;/*Equivalent Pantone 291C*/
  color:#333333!important;

  /* Style personnalisé pour l'article de la page d'accueil */
article, .items-leading {
    border: 1px solid #EAEAEA !important;
    border-radius: 5px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
  font-size: 16px !important; 
}

/* Donne aux H2 de la page d'accueil le style des H3 de Cassiopeia */
.com-content-category-blog__item h2,
article h2 {
    font-size: calc(1.2rem + 0.6vw) !important; /* Taille standard du H3 dans Cassiopeia */
    font-weight: 500 !important;
}
  
/*diminution de l'interligne après la touche entrée de l'éditeur (prévu à l'origine pour mettre un intervalle plus grand après création d'un nouveau paragraphe avec la touche enter);*/
/*p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.2; /* Ajustez selon votre préférence pour l'espace entre les lignes d'un même bloc */
}
.footer {
  background-color: #5CAFE7;
  background-image: none;
}
.sidebar-right {
  background-color: #5CAFE7;
  font-size: 1em;
  color: #333666;
  background-image: none;
  }
.sidebar-left {
  background-color: #5CAFE7;
  font-size: 1em;
  color: #333666;
  background-image: none;
}
.container-banner {
  margin: 0 0 0rem;/* suppression d'une ligne sous bandeau défilant */
  background-color: #82CEF9;
}
.container-header .container-nav {
  padding-bottom: 0em;/* suppression d'une ligne sous logo */
}
.metismenu.mod-menu .metismenu-item {
  font-size: 1.1rem;/* grossissement des caractères du menu principal */
  line-height: 1.3;
  color: #333666 !important;
  background-color: #5CAFE7;/* Couleur de fond des menus notamment déroulants*/
}

.str_wrap {
    height: 40px !important;/* diminution de la hauteur du bandeau défilant */
    line-height:24px !important;/* élargissement de la ligne en fluo dans le message défilant */
}
/* centrage du logo dans sa box */
img {
  max-width: 100%;
  height: auto;
  display: block;      /* Force l'image à se comporter comme un bloc */
  margin-left: auto;   /* Pousse l'image depuis la gauche */
  margin-right: auto;  /* Pousse l'image depuis la droite */
}
.accordion-button {
    background-color: #82CEF9;/* couleur de fond des sauts de paragraphe (page fleurs) */
  }
.accordion {
    --accordion-bg: #82CEF9;/* couleur de fond des cadres contenant les photos de fleurs */
  }
.btn-secondary {
   --btn-bg: #82CEF9;/* couleur de fond du bouton lire la suite en présentation blog */
 }
/* Ajout de la couleur de bordure pour le sélecteur présent dans up.css pour la musique*/
[class*="bd-"] {
  border: 2px solid #0000ee;
}

/* fira-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('templates/cassiopeia_extended/fonts/fira-sans-v18-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fira-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('.templates/cassiopeia_extended/fonts/fira-sans-v18-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url('templates/cassiopeia_extended/fonts/fira-sans-v18-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
  /* 1. Trebuchet : Police système prioritaire */
  /* 2. Fira Sans Local : Police hébergée sur votre serveur si Trebuchet manque */
  /* 3. sans-serif : Police générique du système en dernier recours */
  
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Fira Sans Local", sans-serif;
  
  /* Optionnel : ajustement de la taille car Trebuchet paraît souvent un peu plus grande */
  font-size: 1.1rem; 
  line-height: 1.5;
  font-weight: 400;
  font-style: normal;
  background-color: #82CEF9!important;
  }

/* Si vous voulez aussi l'appliquer aux titres */
h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", "Fira Sans Local", sans-serif;
  font-weight: 700;
}
/* Pour les citations ou textes en italique */
i, em, blockquote {
  font-family: "Trebuchet MS", "Lucida Grande", "Fira Sans Local", sans-serif;
  font-style: italic;
}