@charset "UTF-8";
/* ==================================================
   Media + Texte – Linobase
   ================================================== */
/* ============================
   VARIABLES SCSS & CSS
   ============================ */
/* ---- Fonts ---- */
/* ---- Couleurs ---- */
/* ---- Typographie ---- */
/* ---- Espacements ---- */
/* ---- CKEditor / contenu éditorial ---- */
/* Base */
.c-media-text .c-media-text__text {
  /* nettoie les wrappers field Drupal si besoin */
}
.c-media-text .c-media-text__text .field {
  margin: 0;
}
.c-media-text .c-media-text__text p {
  margin: 0;
}
.c-media-text .c-media-text__media .field {
  margin: 0;
}
.c-media-text .c-media-text__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1rem;
}

/* On force une structure “2 colonnes” à partir de lg */
@media (min-width: 992px) {
  .c-media-text__row {
    /* Bootstrap row = flex, donc on peut jouer sur order */
  }
  /* Variant */
  .c-media-text--default .c-media-text__media {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .c-media-text--default .c-media-text__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .c-media-text--alt .c-media-text__media {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .c-media-text--alt .c-media-text__content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  /* Ratio 50/50 */
  .c-media-text--ratio-50_50 .c-media-text__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  .c-media-text--ratio-50_50 .c-media-text__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 50%;
  }
  /* Ratio 33/66 (media 33, content 66) */
  .c-media-text--ratio-33_66 .c-media-text__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333%;
  }
  .c-media-text--ratio-33_66 .c-media-text__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.6667%;
  }
  /* Ratio 66/33 (media 66, content 33) */
  .c-media-text--ratio-66_33 .c-media-text__media {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 66.6667%;
  }
  .c-media-text--ratio-66_33 .c-media-text__content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 33.3333%;
  }
}