/* 1.13.1 — référence commune pour médias dans TinyMCE ET dans les articles.
   IMPORTANT : ne pas forcer de largeur fixe sur la figure. La largeur choisie
   est conservée en pixels dans son style inline et data-clg-width ; on limite
   seulement le rendu lorsque la colonne du site est plus étroite. */
.clg-inline-media {
    position: relative;
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    vertical-align: top;
}
.clg-inline-media.clg-inline-media-left {
    display: inline-block !important;
    float: left !important;
    clear: none !important;
    margin: 8px 18px 16px 0 !important;
}
.clg-inline-media.clg-inline-media-right {
    display: inline-block !important;
    float: right !important;
    clear: none !important;
    margin: 8px 0 16px 18px !important;
}
.clg-inline-media.clg-inline-media-center {
    display: block !important;
    float: none !important;
    clear: both !important;
    margin: 16px auto !important;
}
.clg-inline-media > a {
    box-sizing: border-box;
    display: block !important;
    max-width: 100%;
    text-decoration: none;
}
.clg-inline-media img {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0;
    float: none !important;
    margin: 0 !important;
    object-fit: contain;
}
.clg-inline-media figcaption,
.clg-inline-media .clg-inline-media-caption {
    display: block;
    max-width: 100%;
    text-align: center;
}
/* Sur téléphone, évite que le texte longe une image devenue trop étroite.
   Le bureau conserve les alignements demandés par le professeur. */
@media (max-width: 700px) {
    .clg-inline-media.clg-inline-media-left,
    .clg-inline-media.clg-inline-media-right,
    .clg-inline-media.clg-inline-media-center {
        float: none !important;
        clear: both !important;
        display: block !important;
        margin: 16px auto !important;
    }
}