/*titre*/
h1{
font-size:2.125rem;
}

h2{
font-size:1.5rem; 
}

h3{
font-size:1.2rem;
color: #5d5d5d !important;
}

h4{
font-size:1.1rem;
color: #5d5d5d !important;
font-style: italic;
}

h5{
font-size:1rem;
text-decoration: underline;
}

blockquote > p {
color: rgba(181, 181, 181, 0.8) !important;


}

/*=========================*/
/* Legende des img*/
/*=========================*/
figcaption {
min-width: 100%; text-align: center;
font-style: italic;
}

mark {
  background-color: black;
  color: White;
}
/*=========================*/
/* FIN 
/*=========================*/


/*=========================*/
/*20251227 - Correction affichage bloc note fond grisé custom avec le hover qui sautait*/
/*=========================*/

pre {
  word-wrap: break-word;       /* IE 5-7 */
  white-space: -moz-pre-wrap;  /* Firefox 1-2.0 */
  white-space: pre-wrap;       /* browsers */
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;

  border: 1px solid #F7F7F7;   /* (ton "border:#F7F7F7;" était incomplet) */
  background-color: #F7F7F7;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 20px;

  width: 100%;
  box-sizing: border-box;
  overflow: auto;
  scrollbar-gutter: stable;
  transition: transform .12s ease, box-shadow .12s ease;
}

pre:hover,
pre:focus {
  /* on supprime le changement de largeur (min-content) */
  transform: scale(1.01);
}
/*=========================*/
/* FIN 
/*=========================*/



/*=========================*/
/*Je supprime l'icone google de la traduction */
/*=========================*/
.goog-te-gadget-icon {
	display:none;
}
.goog-te-gadget{
	width:100%;
}
/*=========================*/
/* FIN 
/*=========================*/


/*=========================*/
/* CUSTOM MTF OBJECTS */
/*=========================*/
.MTF-BLOCKQUOTE{
	  background: #f9f9f9;
	  border-left: 10px solid #ccc;
	  margin: 1.5em 10px;
	  padding: 0.5em 10px;
}

.MTF-BLOCKQUOTE:before {
	  color: #ccc !important;
	  /*content: open-quote;*/
	  font-size: 4em;
	  line-height: 0.1em;
	  margin-right: 0.25em;
	  vertical-align: -0.4em;
	}

.MTF-BLOCKQUOTE p {
	  display: block;
	}
/*=========================*/
/* FIN 
/*=========================*/


/*=========================*/
/* 201904 GUTENBERG NOUEAU CSS pour wide img* => Desactivé 20251227 car pas propre*/
/*=========================*/

/* Annule le "full viewport" seulement pour les images (pas tous les blocs alignfull) */
:where(.entry-content, .wp-block-post-content) .wp-block-image.alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
  max-width: 100% !important;
}

/* Assure un rendu propre de l’image dans le flux normal */
:where(.entry-content, .wp-block-post-content) .wp-block-image.alignfull img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
/*=========================*/
/* FIN 
/*=========================*/



/*=========================*/
/*20251227 Suppression des dates de publication sur les posts*/
/*=========================*/
.entry-date {
  display: none !important;
}
.jp-relatedposts-post-date{
  display: none !important;
}
/*=========================*/
/* FIN 
/*=========================*/



/*=========================*/
/* 20251227 Remets d'équerre les pinit ajouté via javascript dans footer*/
/*=========================*/
.pinit-host{
  position: relative;
  display: block;      /* au lieu de inline-block */
  width: 100%;
}
/*=========================*/
/* FIN 
/*=========================*/

/*=====================*/
/*20251227 DEBUT Mise en page des galleries des anciens articles (avant Gutenberg) */
/*=====================*/

:where(.entry-content, .wp-block-post-content) .gallery:not(.wp-block-gallery) {
  --gap: clamp(10px, 2vw, 18px);
  --cols: 3;

  display: grid;
  gap: var(--gap);
  width: 100%;
  margin: 1.2em 0;

  /* Robuste : "au plus" --cols colonnes, mais se replie si moins d'items */
  --col-min: calc((100% - (var(--gap) * (var(--cols) - 1))) / var(--cols));
  grid-template-columns: repeat(auto-fit, minmax(var(--col-min), 1fr));

  justify-items: center;   /* centre le contenu dans chaque cellule */
  align-items: start;
}

/* Respect du nombre de colonnes via les classes WP (max colonnes) */
:where(.entry-content, .wp-block-post-content) .gallery.gallery-columns-1 { --cols: 1; }
:where(.entry-content, .wp-block-post-content) .gallery.gallery-columns-2 { --cols: 2; }
:where(.entry-content, .wp-block-post-content) .gallery.gallery-columns-3 { --cols: 3; }
:where(.entry-content, .wp-block-post-content) .gallery.gallery-columns-4 { --cols: 4; }
:where(.entry-content, .wp-block-post-content) .gallery.gallery-columns-5 { --cols: 5; }
:where(.entry-content, .wp-block-post-content) .gallery.gallery-columns-6 { --cols: 6; }
:where(.entry-content, .wp-block-post-content) .gallery.gallery-columns-7 { --cols: 7; }
:where(.entry-content, .wp-block-post-content) .gallery.gallery-columns-8 { --cols: 8; }
:where(.entry-content, .wp-block-post-content) .gallery.gallery-columns-9 { --cols: 9; }

/* Empêcher les styles du thème de forcer "1 item par ligne" */
:where(.entry-content, .wp-block-post-content) .gallery:not(.wp-block-gallery) .gallery-item {
  margin: 0 !important;
  float: none !important;
  clear: none !important;

  width: 100% !important;         /* l'item remplit sa cellule */
  max-width: none !important;

  display: flex;
  flex-direction: column;
  align-items: center;             /* centre image + légende */
}

/* Wrappers image */
:where(.entry-content, .wp-block-post-content) .gallery:not(.wp-block-gallery) .gallery-icon,
:where(.entry-content, .wp-block-post-content) .gallery:not(.wp-block-gallery) .gallery-icon a {
  display: block;
  width: 100%;
  text-align: center;
}

/* Image : centrée, responsive */
:where(.entry-content, .wp-block-post-content) .gallery:not(.wp-block-gallery) .gallery-icon img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  border-radius: 10px; /* optionnel */
}

/* Légendes */
:where(.entry-content, .wp-block-post-content) .gallery:not(.wp-block-gallery) .gallery-caption {
  margin-top: 8px;
  text-align: center;
  line-height: 1.25;
  font-size: 0.95em;
  overflow-wrap: anywhere;
}

/* Responsive : limite la "densité" sur petits écrans */
@media (max-width: 700px) {
  :where(.entry-content, .wp-block-post-content) .gallery:not(.wp-block-gallery) {
    --cols: 2;
  }
  :where(.entry-content, .wp-block-post-content) .gallery.gallery-columns-1:not(.wp-block-gallery) {
    --cols: 1;
  }
}
@media (max-width: 420px) {
  :where(.entry-content, .wp-block-post-content) .gallery:not(.wp-block-gallery) {
    --cols: 1;
  }
}

/*=====================*/
/*FIN */
/*=====================*/

/*=====================*/
/*20251227 - Correction featured image non centrée en vertical sur ancien posts*/
/*=====================*/
.featured-image{
	display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
	padding: 0 !important;
}

/*=====================*/
/*FIN */
/*=====================*/