@charset "UTF-8";
/* *********************************************** */
/* MIXINS                                          */
/* ----------------------------------------------- */
/* Table des matieres :                            */
/*                                                 */
/* - Media queries                                 */
/* - Layout                                        */
/* - Texte                                         */
/* - Animations et transformations                 */
/* - Visibilite et opacite                         */
/* - Borders                                       */
/* - Autres                                        */
/*                                                 */
/* *********************************************** */
/* =============================================== */
/* Media queries                                   */
/* ----------------------------------------------- */
/* =============================================== */
/* Layout                                          */
/* ----------------------------------------------- */
/* Applique les styles pour creer une colonne responsive a partir de sa largeur (en nombre de colonnes) par rapport au nombre maximal de colonnes. */
/* Applique un retrait a gauche en remplacement de colonnes vides. */
/* Applique une largeur de 100% sur toutes les colonnes. */
/* Applique une largeur de 50% sur toutes les colonnes sauf celles qui sont deja pleine largeur. */
/* Appele le mixin col avec les bons parametres pour toutes les classes "merge" et "offset". */
/* =============================================== */
/* Texte                                           */
/* ----------------------------------------------- */
/* Calcul du font-size en rem et son fallback en px. */
/* Calcul du line-height en rem et son fallback en px. */
/* Calcul du font-size en rem et son fallback en px. */
/* et calcul du line-height (par un multiplicatif relatif au font-size) */
/* en rem et son fallback en px. */
/* Selection de texte avec les differents prefixes necessaires. */
/* Interdire la selection du texte avec les differents prefixes necessaires */
/* https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6 */
/* font-face */
/* =============================================== */
/* Animations et transformations                   */
/* ----------------------------------------------- */
/* =============================================== */
/* Visibilite et opacite                           */
/* ----------------------------------------------- */
/* Cache un element visuellement seulement pour qu'il reste disponible pour les lecteurs d'ecran. */
/* Cache un element completement. */
/* Remplace un texte par une image. */
/* Applique une opacite avec son fallback pour internet explorer. */
/* Applique une couleur rgba avec opacite et une couleur fallback solide correspondante. */
/* =============================================== */
/* Borders                                         */
/* ----------------------------------------------- */
/* Applique des coins arrondis de plusieurs grandeurs. */
/* Applique une bordure de plusieurs couleurs. */
/* =============================================== */
/* Autres                                          */
/* ----------------------------------------------- */
/* Centre un element verticalement. */
/* Centrer un element. Le parent doit être position: relative */
/* Calcul le ratio d'un element avec une image de background dont on veut changer la taille. */
/* Cree un triangle en css seulement. */
/* Cree un rond en css seulement. */
/* *********************************************** */
/* VARIABLES                                       */
/* ----------------------------------------------- */
/* Table des matieres :                            */
/*                                                 */
/* - Grille                                        */
/* - Breakpoints                                   */
/* - Couleurs                                      */
/* - Fontes                                        */
/* - Grosseur                                      */
/* - Autres                                        */
/*                                                 */
/* *********************************************** */
/* =============================================== */
/* Grille                                          */
/* ----------------------------------------------- */
/* Indiquez ici le nombre de colonnes de la        */
/* grille utilisee, leur padding (s'il y a lieu)   */
/* ainsi que la largeur des goutieres.             */
/* ----------------------------------------------- */
/* =============================================== */
/* Breakpoints                                     */
/* ----------------------------------------------- */
/* Indiquez ici les differents breakpoints de      */
/* votre grille responsive. Vous pouvez en ajouter, */
/* en enlever et en modifier selon vos besoins.    */
/* ----------------------------------------------- */
/* =============================================== */
/* Couleurs                                        */
/* ----------------------------------------------- */
/* Indiquez ici toutes couleurs (texte, bordure,   */
/* background...) que vous comptez reutiliser a    */
/* plusieurs reprises dans votre site. Vous pouvez */
/* en ajouter, en enlever et en modifier selon     */
/* vos besoins.                                    */
/* ----------------------------------------------- */
/* Background */
/* Texte */
/* Hyperlien */
/* Bordure */
/* =============================================== */
/* Fontes                                          */
/* ----------------------------------------------- */
/* Indiquez ici les fontes                         */
/* que vous comptez reutiliser a                   */
/* plusieurs reprises dans votre site. Vous pouvez */
/* en ajouter, en enlever et en modifier selon     */
/* vos besoins.                                    */
/* ----------------------------------------------- */
/* =============================================== */
/* Grosseur                                        */
/* ----------------------------------------------- */
/* Indiquez ici les grosseurs                      */
/* que vous comptez reutiliser a                   */
/* plusieurs reprises dans votre site. Vous pouvez */
/* en ajouter, en enlever et en modifier selon     */
/* vos besoins.                                    */
/* ----------------------------------------------- */
/* =============================================== */
/* Autres                                          */
/* ----------------------------------------------- */
/* Variables divers                                */
/* ----------------------------------------------- */
/* Hauteur */
/* *********************************************** */
/* CONTENU                                         */
/* ----------------------------------------------- */
/* Table des matieres :                            */
/*                                                 */
/* - General                                       */
/* - Quiz                                          */
/* - Vidéo                                         */
/* - Accordéon                                     */
/* - Encadre                                       */
/* - Tableau                                       */
/*                                                 */
/* *********************************************** */
/* =============================================== */
/* General                                         */
/* ----------------------------------------------- */
@font-face {
  font-family: "playfairdisplay-bold";
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/PlayfairDisplay-Bold.eot?") format("eot"), url("./fonts/PlayfairDisplay-Bold.ttf") format("truetype"), url("./fonts/PlayfairDisplay-Bold.woff2") format("woff2"), url("./fonts/PlayfairDisplay-Bold.woff") format("woff"); }
@font-face {
  font-family: "playfairdisplay-regular";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/PlayfairDisplay-Regular.eot?") format("eot"), url("./fonts/PlayfairDisplay-Regular.ttf") format("truetype"), url("./fonts/PlayfairDisplay-Regular.woff2") format("woff2"), url("./fonts/PlayfairDisplay-Regular.woff") format("woff"); }
@font-face {
  font-family: "playfairdisplay-medium";
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/PlayfairDisplay-Medium.eot?") format("eot"), url("./fonts/PlayfairDisplay-Medium.ttf") format("truetype"), url("./fonts/PlayfairDisplay-Medium.woff2") format("woff2"), url("./fonts/PlayfairDisplay-Medium.woff") format("woff"); }
@font-face {
  font-family: "playfairdisplay-semi-bold";
  font-style: normal;
  font-weight: 600;
  src: url("./fonts/PlayfairDisplay-SemiBold.eot?") format("eot"), url("./fonts/PlayfairDisplay-SemiBold.ttf") format("truetype"), url("./fonts/PlayfairDisplay-SemiBold.woff2") format("woff2"), url("./fonts/PlayfairDisplay-SemiBold.woff") format("woff"); }
@font-face {
  font-family: "playfairdisplay-italic";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/PlayfairDisplay-Italic.eot?") format("eot"), url("./fonts/PlayfairDisplay-Italic.ttf") format("truetype"), url("./fonts/PlayfairDisplay-Italic.woff2") format("woff2"), url("./fonts/PlayfairDisplay-Italic.woff") format("woff"); }
@font-face {
  font-family: "playfairdisplay-extra-bold";
  font-style: normal;
  font-weight: 800;
  src: url("./fonts/PlayfairDisplay-ExtraBold.eot?") format("eot"), url("./fonts/PlayfairDisplay-ExtraBold.ttf") format("truetype"), url("./fonts/PlayfairDisplay-ExtraBold.woff2") format("woff2"), url("./fonts/PlayfairDisplay-ExtraBold.woff") format("woff"); }
.accessibilite {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("./img/icones/ico_obstacle_accessibilite.svg");
  background-size: cover;
  margin-left: 10px;
  position: relative;
  top: 5px; }

#contenu img, #contenu figure img {
  max-width: 100%; }
#contenu .sansMarge {
  margin-bottom: 5px !important; }
#contenu .accordeon.sansMarge {
  margin-bottom: 10px !important; }
#contenu p, #contenu span, #contenu div {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: roboto, arial; }
#contenu p {
  line-height: 24px; }
#contenu .powerpoint {
  margin-bottom: 30px; }

#contenu a {
  color: #106165; }

@media screen and (min-width: 480px) {
  #contenu {
    background-color: white; } }
#main {
  background-image: url("./img/VM_Accueil.jpg"); }
  @media screen and (min-width: 768px) {
    #main {
      background-image: url("./img/Accueil.jpg"); } }

#main #filAriane {
  background-color: #030303; }
  #main #filAriane a, #main #filAriane li span, #main #filAriane li p, #main #filAriane li {
    color: white !important; }

@media screen and (min-width: 480px) {
  #main #filAriane {
    padding: 10px 0px;
    margin-bottom: 210px; }
    #main #filAriane li a, #main #filAriane li {
      color: white; } }
@media screen and (min-width: 480px) {
  .container {
    max-width: 1440px; } }
#zoneIdentitaire {
  background-color: white; }

@media screen and (min-width: 768px) {
  #zoneMenu {
    background-color: white; } }
@media screen and (min-width: 480px) {
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub li.section.parent > a {
    font-weight: bold !important; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub li.section.parent > a[title="colonne"] {
      display: none; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub ul, body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub a {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 16px !important; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub ul li ul li a, body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub a li ul li a {
      padding-left: 0;
      text-transform: capitalize; }
      body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub ul li ul li a:before, body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub a li ul li a:before {
        content: inherit; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.section {
    border-bottom: 10px solid white; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.section > a {
      color: black;
      background-color: white !important;
      padding: 13px 18px 2px 18px;
      font-weight: 400; }
      body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.section > a::after {
        border: inherit;
        border-top: inherit;
        border-bottom: inherit;
        height: inherit;
        width: inherit;
        content: "+";
        padding-left: 10px;
        color: #DC4B0B; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.itemActif {
    border-bottom: 11px solid #128187; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.itemActif > a {
      background-color: inherit; } }
#sigleCours {
  color: #000;
  font-family: roboto, arial;
  font-weight: 400; }

#titreCours {
  color: #000;
  font-family: playfairdisplay-extra-bold, arial; }

@media screen and (min-width: 480px) {
  #sigleCours {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 35px;
    margin-bottom: 0;
    margin-top: 30px; }

  #titreCours {
    font-size: 36px;
    font-size: 3.6rem;
    letter-spacing: 1px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 30px; } }
@media screen and (min-width: 480px) {
  .lstMenuPrincipal > li.section {
    border-bottom: 9px solid #128187; }
  .lstMenuPrincipal li.section {
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: uppercase; }
    .lstMenuPrincipal li.section:first-of-type > a:first-of-type {
      padding-left: 5px !important; } }
#contenu .module {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 19px;
  color: #383838;
  margin-bottom: 40px; }
  #contenu .module .bordureOrange {
    display: block;
    width: 50px;
    height: 6px;
    margin-top: 6px;
    background: #DC4B0B; }

#contenu h1 {
  color: #128187;
  margin-bottom: 30px;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 30px;
  font-weight: 700;
  font-family: playfairdisplay-bold, arial;
  letter-spacing: 0px; }
  #contenu h1 .semaine {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem;
    line-height: 28px; }
#contenu h2, #contenu .h2-title {
  font-weight: 700;
  line-height: 24px;
  font-size: 20px;
  font-size: 2rem;
  color: #080808;
  border-bottom: 0;
  margin-bottom: 15px;
  margin-top: 40px;
  font-family: roboto, arial; }
#contenu h3 {
  font-family: playfairdisplay-bold, arial;
  color: #000;
  letter-spacing: 1px;
  line-height: 24px;
  font-size: 18px;
  font-size: 1.8rem; }

#contenu .animAudioPlaylist .interTitre {
  margin-bottom: 10px !important;
  font-family: roboto, arial !important;
  font-weight: 700 !important; }

#contenu .animVideoPlaylist figure, #contenu .animAudioPlaylist figure {
  margin-bottom: 5px;
  margin-top: 0; }
#contenu .animVideoPlaylist .interTitre, #contenu .animAudioPlaylist .interTitre {
  color: #128187;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  font-family: playfairdisplay-bold, arial;
  margin-bottom: 5px;
  line-height: 24px;
  letter-spacing: 0px; }
#contenu .animVideoPlaylist + .accordeon, #contenu .animAudioPlaylist + .accordeon {
  margin-bottom: 5px; }

#contenu .animVideoPlaylist {
  margin-top: 30px; }
  #contenu .animVideoPlaylist .boiteAnimVideo .jwplayer {
    border: 0.5px solid black; }

#contenu .boiteQuiz .retro {
  display: none !important; }
#contenu .boiteQuiz .qRepondue input[data-reponse="Bonne"] + label:after {
  content: "";
  display: block;
  background: url(https://m2.teluq.ca/theme/gabarit_enfant/style/../img/icones/ico_quizretro_correct.svg) no-repeat;
  background-size: cover;
  width: 22px;
  height: 22px;
  position: absolute;
  left: -3px;
  top: 0; }
#contenu .boiteQuiz input.custom[type="radio"]:checked + label:before {
  background-color: #333; }
#contenu .boiteQuiz input.custom[type="radio"] + label:before, #contenu .boiteQuiz input.custom[type="checkbox"] + label:before {
  background-color: #C3C3C3;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: inherit;
  margin-right: 10px; }
#contenu .boiteQuiz {
  margin: 60px 0px 45px 0px;
  background-color: inherit;
  margin-top: 15px;
  padding: 0; }
  #contenu .boiteQuiz .titreLstChReponses {
    height: 33px !important; }
  #contenu .boiteQuiz .status {
    display: none !important; }
  #contenu .boiteQuiz .controles button:hover, #contenu .boiteQuiz .controles button:focus {
    background-color: #128187; }
  #contenu .boiteQuiz .lstQuestions {
    margin: 0px 0px 20px 0px; }
  #contenu .boiteQuiz .associations {
    background-color: #555555; }
    #contenu .boiteQuiz .associations .titreLstIndices, #contenu .boiteQuiz .associations .titreLstChReponses {
      background-color: #128187; }
    #contenu .boiteQuiz .associations > div .lstIndices li {
      background-color: #333;
      color: white; }
  #contenu .boiteQuiz .txtQuestion {
    padding-left: 0px; }
    #contenu .boiteQuiz .txtQuestion:before {
      content: none; }
  #contenu .boiteQuiz .lstChReponses {
    margin-top: 8px;
    margin-left: 0; }
    #contenu .boiteQuiz .lstChReponses li {
      padding-left: 35px; }
  #contenu .boiteQuiz .associations .lstChReponses li {
    background-color: #C6C6C6; }
  #contenu .boiteQuiz + .accordeon {
    margin-top: -20px; }

.activity-text {
  font-weight: 400; }

#contenu .activite {
  border-top: 6px solid #0d5f63;
  margin-top: 40px;
  font-family: roboto, arial;
  font-weight: 400; }
  #contenu .activite ol li {
    margin-bottom: 15px; }
  #contenu .activite textarea {
    border: 1px solid black;
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 40px !important; }
  #contenu .activite h2 {
    margin-top: 10px;
    font-family: playfairdisplay-bold, arial;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0px;
    line-height: 24px; }
  #contenu .activite__description {
    font-weight: 300; }

@media screen and (min-width: 480px) {
  #contenu .activite + h2 {
    margin-top: 50px; }

  #contenu .activite h2 + iframe {
    margin-top: -12px; }

  #contenu .activite + .encadre {
    margin-top: 50px !important; }

  #contenu h2:first-of-type {
    margin-top: 45px; } }
iframe + iframe {
  margin-top: 30px; }

#contenu .accordeon {
  background-color: #E6DFDB;
  margin-bottom: 35px; }
  #contenu .accordeon > div {
    background-color: #E6DFDB; }
    #contenu .accordeon > div p, #contenu .accordeon > div span {
      font-weight: 400; }
  #contenu .accordeon .toggler, #contenu .accordeon .toggler span {
    color: white !important;
    background-color: #128187;
    font-family: roboto, arial;
    font-weight: 700; }
  #contenu .accordeon .toggler {
    padding: 10px 78px 10px 15px !important; }
    #contenu .accordeon .toggler .icone:before {
      content: "Open" !important; }
    #contenu .accordeon .toggler.active .icone:before {
      content: "Close" !important;
      color: white !important; }
    #contenu .accordeon .toggler.active {
      background-color: #78706D;
      color: white !important; }

#contenu .popup {
  color: #128187;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  display: inline; }
  #contenu .popup__title.button {
    background-color: #128187;
    color: white;
    padding: 10px 50px;
    text-align: center;
    display: inline-block;
    margin-bottom: 15px; }
    #contenu .popup__title.button:hover {
      background-color: #144d41; }
    #contenu .popup__title.button .popup__item {
      top: 31px; }
  #contenu .popup__item {
    z-index: 1;
    font-weight: 400;
    position: absolute;
    display: block;
    top: 21px;
    background: #ffffffef;
    width: 400px;
    left: 0;
    padding: 12px 22px;
    font-size: 14px;
    font-size: 1.4rem;
    border: 2px solid #128187;
    color: #000;
    line-height: 19px; }
    #contenu .popup__item a {
      color: #9B3408; }

#contenu .encadre.prof {
  padding: 16px 35px 15px 35px;
  margin: 50px 0px 60px 0px;
  background-color: #E6DFDB;
  color: black; }
  #contenu .encadre.prof a {
    color: #9B3408; }
  #contenu .encadre.prof .image {
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    #contenu .encadre.prof .image__icone {
      flex: 0 0 70px;
      height: 75px;
      background-size: contain !important;
      margin-right: 15px;
      display: flex;
      flex-direction: column-reverse;
      background: url("./img/icones/professeur.svg") no-repeat top right; }
      #contenu .encadre.prof .image__icone::after {
        content: "";
        width: 50px;
        height: 6px;
        background-color: #DC4B0B;
        top: 15px;
        position: relative;
        margin: 0 auto; }
    #contenu .encadre.prof .image__titre {
      flex: 1 1 auto;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 24px;
      font-family: playfairdisplay-bold, arial;
      font-weight: 700;
      color: black;
      letter-spacing: 1px; }
  #contenu .encadre.prof .description {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px; }
    #contenu .encadre.prof .description p {
      font-family: playfairdisplay-regular, arial; }
#contenu .encadre.image {
  margin: 50px 0px 50px 0px;
  display: flex;
  flex-direction: column; }
  #contenu .encadre.image h3 {
    margin-top: 0;
    letter-spacing: 0;
    margin-bottom: 10px; }
  #contenu .encadre.image .icone {
    flex: 0 0 50px;
    height: 50px;
    background-size: contain !important;
    margin-right: 10px;
    margin: 0 auto;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column-reverse; }
    #contenu .encadre.image .icone::after {
      content: "";
      width: 50px;
      height: 6px;
      background-color: #DC4B0B;
      top: 15px;
      position: relative; }
    #contenu .encadre.image .icone.objectif {
      background: url("./img/icones/objectif.svg") no-repeat top center;
      margin-top: 0px; }
      #contenu .encadre.image .icone.objectif .interTitre {
        font-family: roboto, arial;
        font-weight: 700; }
    #contenu .encadre.image .icone.lecture {
      background: url("./img/icones/lecture.svg") no-repeat top center;
      height: 30px; }
      #contenu .encadre.image .icone.lecture::after {
        top: 0px; }
    #contenu .encadre.image .icone.professeur {
      background: url("./img/icones/professeur.svg") no-repeat top center; }
    #contenu .encadre.image .icone.media {
      background: url("./img/icones/media.svg") no-repeat top center; }
  #contenu .encadre.image .description {
    flex: 1 1 auto;
    border-left: 2px solid #DC4B0B;
    padding-left: 10px; }
    #contenu .encadre.image .description a {
      color: #9B3408; }
    #contenu .encadre.image .description .interTitre {
      font-weight: 700;
      font-family: playfairdisplay-bold, arial;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 24px;
      color: #000;
      letter-spacing: 0px;
      margin-bottom: 0; }
      #contenu .encadre.image .description .interTitre p {
        margin-bottom: 10px; }
    #contenu .encadre.image .description > *:last-child {
      margin-bottom: 0; }
@media screen and (min-width: 480px) {
  #contenu .encadre.prof {
    padding: 35px 70px 30px 70px; }
    #contenu .encadre.prof .image__icone {
      position: relative;
      left: -5px; }
  #contenu .encadre.image {
    flex-direction: inherit; }
    #contenu .encadre.image .icone {
      background-position: top right;
      margin: 0 15px 0 0; }
      #contenu .encadre.image .icone.lecture::after {
        top: 15px; } }

#contenu .tableau.style3 thead th {
  color: white; }
#contenu .tableau.style3 td, #contenu .tableau.style3 th {
  border: 1px solid black;
  background-color: #fff; }

#contenu .tableau.style3 td, #contenu .tableau.style3 th {
  border: 1px solid black; }
#contenu .tableau.style3 thead th {
  background-color: #0d5f63; }
#contenu .tableau.style3 tbody th {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem; }

#contenu .serieTableaux .tableau.style2 {
  flex: 1 1 auto;
  margin: 10px 0px 10px 0px; }
  #contenu .serieTableaux .tableau.style2:last-of-type {
    margin-right: inherit; }
  #contenu .serieTableaux .tableau.style2 table {
    min-width: inherit;
    border: 1px solid #106165; }
    #contenu .serieTableaux .tableau.style2 table tr {
      background-color: inherit !important; }
    #contenu .serieTableaux .tableau.style2 table tr td, #contenu .serieTableaux .tableau.style2 table tr th {
      background-color: inherit !important;
      color: black;
      border-bottom: 1px solid #106165;
      padding: 15px 15px 10px 15px; }
      #contenu .serieTableaux .tableau.style2 table tr td input, #contenu .serieTableaux .tableau.style2 table tr th input {
        background: #CDE0F4;
        width: 40px;
        border-radius: 5px; }

@media screen and (min-width: 768px) {
  #contenu .serieTableaux {
    justify-content: space-between;
    width: 70%;
    display: flex; }
    #contenu .serieTableaux .tableau.style2 {
      margin-right: 15px; } }
#contenu figure + .source {
  margin-bottom: 30px; }

#contenu figure {
  margin-top: 25px; }

#contenu .videoVignette {
  margin-bottom: 5px; }
  #contenu .videoVignette figure {
    margin-top: 0px; }
  #contenu .videoVignette figcaption {
    font-weight: 700;
    font-family: playfairdisplay-bold, arial;
    font-size: 18px;
    font-size: 1.8rem;
    color: #128187;
    margin-bottom: 5px; }
  #contenu .videoVignette img {
    max-width: 100% !important; }
  #contenu .videoVignette + .source {
    margin-bottom: 25px; }

@media screen and (min-width: 768px) {
  #navPageForm {
    margin-top: 45px; } }
#contenu .teluqNote .enregistrer {
  background-color: #128187; }
  #contenu .teluqNote .enregistrer:hover {
    background-color: #093c3f; }

#contenu article a[target="_blank"]:not(a[href*="pluginfile.php"]), #contenu a[href*=".pdf"] {
  white-space: nowrap; }
#contenu article a[target="_blank"]:not(a[href*="pluginfile.php"])::after, #contenu a[href*=".pdf"]::after {
  position: relative;
  background-size: 1.2rem;
  content: "";
  display: inline-block;
  height: 1.2rem;
  margin-left: 0.4rem;
  top: -0.4rem;
  width: 1.2rem; }
#contenu a[target="_blank"]:not(a[href*="pluginfile.php"])::after {
  background-image: url(../style/img/icones/ico_autre_fenetre.svg); }
#contenu a[href*=".pdf"]::after {
  background-image: url(../style/img/icones/ico_obstacle_accessibilite.svg); }

/*# sourceMappingURL=LIN6200.css.map */