/*
 * Mise en forme minimale des contenus produits par CKEditor 5 sur les pages publiques.
 *
 * On n'embarque volontairement PAS la feuille de contenu officielle de CKEditor 5 : elle restyle les tableaux
 * (bordures, en-têtes gris), ce qui changerait l'apparence des pages existantes. On ne reprend que ce dont
 * CKEditor 5 a besoin pour que ses images, légendes et alignements s'affichent comme dans l'éditeur.
 */

/* Images */
figure.image{display:table;clear:both;text-align:center;margin:.9em auto;min-width:50px;}
figure.image > img,figure.image > a > img{display:block;margin:0 auto;max-width:100%;min-width:100%;height:auto;}
figure.image-style-align-left,figure.image-style-block-align-left{float:left;margin:.9em 1.5em .9em 0;}
figure.image-style-align-right,figure.image-style-block-align-right{float:right;margin:.9em 0 .9em 1.5em;}
figure.image-style-align-center,figure.image-style-block-align-center{clear:both;margin-left:auto;margin-right:auto;}
figure.image-style-side{float:right;margin:.9em 0 .9em 1.5em;max-width:50%;}
figure.image-style-align-left,figure.image-style-align-right,figure.image-style-side{clear:none;}
figure.image-style-block-align-left,figure.image-style-block-align-right{clear:both;float:none;}

/* Images redimensionnées dans l'éditeur (largeur en %) et images dans le texte */
figure.image.image_resized{max-width:100%;display:block;box-sizing:border-box;}
figure.image.image_resized > img{width:100%;}
figure.image.image_resized > figcaption{display:block;}
img.image_resized{height:auto;}
.image-inline{display:inline-flex;max-width:100%;align-items:flex-start;}
.image-inline picture{display:flex;}
.image-inline picture,.image-inline img{flex-grow:1;flex-shrink:1;max-width:100%;}

/* Légendes (images et tableaux) */
figure.image > figcaption{display:table-caption;caption-side:bottom;word-break:break-word;color:#333;background-color:#f7f7f7;padding:.6em;font-size:.75em;outline-offset:-1px;}
figure.table > figcaption,figure.table > table > caption{caption-side:top;word-break:break-word;text-align:center;padding:.6em;font-size:.75em;}
figure.table{margin:.9em 0;}

/* Code (bloc de code CKEditor 5 : <pre><code class="language-xxx">) */
pre > code[class*="language-"]{display:block;white-space:pre;overflow-x:auto;}