@charset "UTF-8";
/* *********************************************** */
/* Projet : Gabarit de de cours Moodle 4           */
/* Fichier CSS global                              */
/* Dernieres modifications : Janvier 2024          */
/* Auteurs : Simon Gaudreau, Jonathan Collard et Alex Bourque  */
/* *********************************************** */
/* *********************************************** */
/* 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. */
/* https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6 */
/* font-face */
/* =============================================== */
/* Animation                      				   */
/* ----------------------------------------------- */
/* Cree un triangle en css seulement. */
/* =============================================== */
/* 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. */
/* =============================================== */
/* Autres                                          */
/* ----------------------------------------------- */
/* Calcul le ratio d'un element avec une image de background dont on veut changer la taille. */
/* *********************************************** */
/* 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 */
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700|Roboto:100,300,400,500,700,100italic,300italic,400italic,500italic,700italic,900|Roboto+Condensed:300,400,700,300italic,400italic,700italic|Lato:100,300,400,500,700,900|Open+Sans:400,400italic,600,700);
@import url("https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://use.typekit.net/fsl6fqt.css");
/* *********************************************** */
/* COMMUN                                          */
/* ----------------------------------------------- */
/* Table des matieres :                            */
/*                                                 */
/* - Base                                          */
/* - Grille simplifiée                             */
/* - Contenu spécifique au cours                   */
/*                                                 */
/* *********************************************** */
/* =============================================== */
/* Base                                            */
/* ----------------------------------------------- */
/* =============================================== */
/* Grille et conteneurs                            */
/* ----------------------------------------------- */
.container {
  max-width: 1400px;
  height: 100%;
  margin: 0 auto; }

@media screen and (min-width: 480px) {
  body[data-typemenu="header"] #zoneIdentitaire .container, body[data-typemenu="header"] #zoneMenu .container, body[data-typemenu="header"] #main .container {
    max-width: 860px; } }
@media screen and (min-width: 480px) {
  #page-mod-quiz-attempt .container, body[data-typemenu="sidebar"] .container, body[data-typemenu="sidebar"] #main .container {
    max-width: 1400px; } }
@media screen and (min-width: 860px) {
  body[data-typemenu="sidebar"] #main .container, body[data-typemenu="sidebar"] #main .container, #page-mod-quiz-attempt .container {
    max-width: 860px; } }
@media screen and (min-width: 1200px) {
  body[data-typemenu="sidebar"] #main .container, body[data-typemenu="sidebar"] #main .container, #page-mod-quiz-attempt .container {
    max-width: 1400px; } }

/* =============================================== */
/* Contenu spécifique au cours                     */
/* ----------------------------------------------- */
#zoneIdentitaire {
  min-height: 145px;
  background: #fff;
  position: relative; }

#blocInfoCours {
  display: block; }

*:focus, body a:not([class]):focus {
  background-color: #cfe2f2;
  border-color: #3584c9;
  color: #000; }

body.froute #main {
  background: url(../img/bandeau_feuille_de_route.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain; }
body.Module #main {
  background: url(../img/bandeau_module.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain; }
body.textes #main {
  background: url(../img/bandeau_recueil.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain; }
body.evaluation #main {
  background: url(../img/bandeau_evaluation.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain; }

#sigleCours {
  text-align: center;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 1.6px;
  color: #C9413B;
  padding: 0px;
  margin-bottom: 5px;
  margin-top: 10px; }

#titreCours {
  text-align: center;
  font-family: "Amatic SC", sans-serif;
  font-size: 65px;
  font-size: 6.5rem;
  font-weight: normal;
  line-height: 53px;
  line-height: 5.3rem;
  letter-spacing: 0px;
  color: #82756D;
  background: transparent;
  padding: 5px 10px;
  margin-bottom: 5px; }

#main {
  background: none;
  padding-top: 240px; }
  #main #filAriane {
    margin: 0px;
    padding: 0px;
    background: none;
    /*	text-align: left
     * font: normal normal normal 15px/20px Roboto
     * letter-spacing: 0px
     * color: #fff
     * text-decoration: none */ }
    #main #filAriane ul {
      padding-top: 15px; }
    #main #filAriane li {
      padding: 7px 0px; }
    #main #filAriane .row {
      background: rgba(255, 255, 255, 0.9); }

#contenu {
  background: rgba(255, 255, 255, 0.9);
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 28px;
  line-height: 2.8rem; }
  #contenu h1 {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 28px;
    line-height: 2.8rem;
    letter-spacing: 0px;
    text-transform: uppercase;
    letter-spacing: 0.24px;
    color: #605B5B;
    text-transform: uppercase; }
    #contenu h1 span.mod {
      display: block;
      color: #343532;
      font-size: 14px;
      font-size: 1.4rem;
      position: relative;
      margin-bottom: 10px; }
      #contenu h1 span.mod:before {
        content: " ";
        background-color: #CF7033;
        display: block;
        height: 5px;
        width: 30px;
        position: absolute;
        bottom: -0.5rem;
        left: 0; }
    #contenu h1 span.modTitre {
      display: block;
      border-bottom: 2px dotted #707070;
      font-family: "Playfair Display", serif;
      font-weight: 500;
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 36px;
      line-height: 3.6rem;
      letter-spacing: 0.32px;
      color: #000000;
      padding: 10px 0px;
      margin: 0px 0px 10px;
      text-transform: initial; }
      #contenu h1 span.modTitre.noBorder {
        border: none; }
    #contenu h1 span.sem {
      color: #C1763E;
      padding: 5px 0px; }
  #contenu h2 {
    text-align: left;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 34px;
    line-height: 3.4rem;
    letter-spacing: 0px;
    color: #C9413B;
    margin-top: 40px;
    margin-bottom: 5px; }
  #contenu h1 + h2 {
    margin-top: 5px; }
  #contenu h3 {
    text-align: left;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 28px;
    line-height: 2.8rem;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 5px; }
  #contenu a {
    color: #C9413B; }
  #contenu strong {
    font-weight: bold; }
  #contenu p {
    margin-bottom: 0px; }
  #contenu p + p {
    margin-top: 15px; }
  #contenu ul > li::before {
    content: "•";
    top: 0;
    font-size: 2rem; }
  #contenu ol, #contenu ul {
    margin-top: 5px; }
  #contenu ol > li {
    padding-left: 15px; }
  #contenu blockquote {
    background: rgba(112, 112, 112, 0.1);
    border-left: 6px solid #81756D;
    margin-left: 0px;
    padding: 30px !important;
    margin: 20px 0px 50px; }
    #contenu blockquote .titreEnc {
      font-family: "Roboto", Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 900;
      line-height: 28px;
      line-height: 2.8rem; }
    #contenu blockquote strong {
      font-weight: bold; }
  #contenu table {
    border: none;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000; }
    #contenu table td, #contenu table th {
      border: none;
      padding: 5px; }
    #contenu table td {
      border-top: 1px solid #4D4D4D; }
    #contenu table.grille tr.part {
      background: #D0CCC9;
      color: #57514D; }
      #contenu table.grille tr.part td {
        font-weight: 600; }
    #contenu table.grille th {
      background: #57514D;
      writing-mode: sideways-lr;
      text-align: left;
      font-family: "Roboto", Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      color: #FCFCFC;
      padding: 20px 5px;
      border-left: 1px solid #fff; }
      #contenu table.grille th:first-of-type {
        border-left: 1px solid #707070;
        writing-mode: initial;
        padding: 10px 20px; }
    #contenu table.grille td {
      border: 1px solid #707070;
      padding: 10px; }
    #contenu table.froute {
      border: 1px solid #707070;
      margin-bottom: 20px; }
      #contenu table.froute caption {
        text-align: center;
        font: normal normal bold 26px/32px Playfair Display;
        font-family: "Playfair Display", serif;
        font-size: 26px;
        font-size: 2.6rem;
        font-weight: bold;
        letter-spacing: 0px;
        color: #000000;
        margin-bottom: 15px; }
      #contenu table.froute th {
        background: #C9C5C1;
        text-align: left;
        font-family: "Roboto", Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 21px;
        line-height: 2.1rem;
        color: #333333;
        padding: 10px 15px;
        border: none; }
      #contenu table.froute td {
        border: none;
        border-bottom: 1px solid #707070;
        vertical-align: top;
        font-family: "Roboto Condensed", sans-serif;
        font-optical-sizing: auto;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 21px;
        line-height: 2.1rem;
        padding: 10px 15px; }
        #contenu table.froute td:first-child {
          font-weight: bold; }
        #contenu table.froute td p {
          margin-bottom: 10px; }
      #contenu table.froute tr.remise {
        background: #C1E4E0; }
  #contenu figure {
    background: #F2F2F2;
    display: flex;
    flex-direction: column; }
    #contenu figure figcaption {
      text-align: center;
      font-family: "Roboto", Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 900;
      line-height: 24px;
      line-height: 2.4rem;
      letter-spacing: 0px;
      color: #FFFFFF;
      background: #17345F;
      padding: 8px; }
    #contenu figure img {
      padding: 10px;
      width: fit-content;
      margin: 0px auto; }
  #contenu .noteBP {
    margin-top: 60px; }
    #contenu .noteBP .rowbase {
      display: flex; }
      #contenu .noteBP .rowbase .noteNum {
        width: 35px;
        padding-right: 15px; }
  #contenu .rond {
    background: #81756D;
    width: 25px;
    display: inline-block;
    border-radius: 22px;
    height: 25px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: bold; }
  #contenu .note {
    border-top: 1px solid #000;
    padding-top: 5px; }
  #contenu .encadre {
    border: 1px solid #707070;
    margin: 50px 0px 50px; }
    #contenu .encadre .titreEnc {
      font-family: "Roboto", Arial, Helvetica, sans-serif;
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: 300;
      line-height: 24px;
      line-height: 2.4rem;
      color: #707070;
      text-transform: uppercase;
      min-height: 68px;
      padding-left: 80px;
      padding-top: 18px; }
    #contenu .encadre.PRV {
      padding: 27px 35px; }
      #contenu .encadre.PRV .titreEnc {
        background: url(../img/rendez-vous.png);
        background-position: 0px;
        background-repeat: no-repeat; }
    #contenu .encadre.qRef {
      padding: 27px 35px; }
      #contenu .encadre.qRef .titreEnc {
        background: url(../img/reflexion.png);
        background-position: 0px;
        background-repeat: no-repeat; }
    #contenu .encadre.objectif {
      background: url(../img/im_objectif.png);
      background-position: top;
      background-repeat: no-repeat; }
      #contenu .encadre.objectif div {
        margin-top: 240px;
        margin-bottom: 0px;
        background: #A39B95;
        padding: 1px 35px 35px; }
        #contenu .encadre.objectif div h2 {
          color: #fff;
          font-family: "Playfair Display", serif;
          margin-bottom: 15px; }
        #contenu .encadre.objectif div p {
          margin-bottom: 5px; }
    #contenu .encadre.rappel {
      background: url(../img/rappel.png);
      background-position: 35px 35px;
      background-repeat: no-repeat;
      display: grid; }
      #contenu .encadre.rappel div {
        border-left: 1px solid #707070;
        padding: 35px 30px 25px;
        margin-left: 110px; }
        #contenu .encadre.rappel div .titreEnc {
          padding-left: 0px;
          min-height: initial;
          color: #000;
          font-weight: normal;
          font-size: 18px;
          font-size: 1.8rem;
          padding-top: 0px; }
    #contenu .encadre.lecture {
      background: url(../img/etudes.png);
      background-position: 35px 35px;
      background-repeat: no-repeat;
      display: grid; }
      #contenu .encadre.lecture div {
        border-left: 1px solid #707070;
        padding: 35px 30px 25px;
        margin-left: 110px; }
        #contenu .encadre.lecture div .titreEnc {
          padding-left: 0px;
          min-height: initial;
          color: #000;
          font-weight: normal;
          font-size: 18px;
          font-size: 1.8rem;
          padding-top: 0px; }
          #contenu .encadre.lecture div .titreEnc + ol {
            margin-top: 15px; }
  #contenu .btv {
    text-align: center;
    padding: 40px 20px 10px;
    font-size: 36px;
    font-size: 3.6rem;
    font-family: "Great Vibes", cursive;
    text-align: center;
    letter-spacing: 0px;
    color: #57514D; }
  #contenu .accordeon .toggler {
    background: #7A736E;
    padding: 15px 20px !important;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.18px;
    color: #FCFCFC; }
    #contenu .accordeon .toggler .icone {
      color: #FAFAFA;
      margin-right: 15px; }
    #contenu .accordeon .toggler.active {
      background: #7A736E; }
  #contenu .accordeon > div {
    border: 1px solid #707070;
    background-color: transparent;
    padding: 15px 50px; }
  #contenu .accordeon.transcriptionVideo {
    margin-top: 5px;
    margin-bottom: 45px; }
    #contenu .accordeon.transcriptionVideo .toggler {
      background: #000;
      padding: 15px 20px !important;
      font-family: "Roboto", Arial, Helvetica, sans-serif;
      font-size: 16px;
      font-size: 1.6rem;
      letter-spacing: 0px;
      color: #FAFAFA; }
      #contenu .accordeon.transcriptionVideo .toggler .icone {
        color: #FAFAFA;
        font-family: "Roboto", Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-size: 1.5rem;
        margin-right: 15px; }
  #contenu .accordeon.travaux .toggler {
    background: rgba(145, 136, 130, 0.4);
    padding: 15px 20px !important;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.18px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #707070; }
    #contenu .accordeon.travaux .toggler .icone {
      color: #48433F;
      text-transform: uppercase;
      font-weight: normal;
      font-family: "Roboto", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem; }
  #contenu .accordeon.sem1 .toggler {
    width: 100%;
    height: auto;
    background: rgba(211, 207, 205, 0.5);
    border: none;
    border-bottom: 1px solid #707070; }
    #contenu .accordeon.sem1 .toggler figure {
      background: transparent;
      margin-bottom: 0px;
      align-items: center;
      padding-bottom: 10px; }
      #contenu .accordeon.sem1 .toggler figure img {
        margin: 0px;
        padding: 0px;
        box-shadow: 5px 5px 5px #00000029; }
    #contenu .accordeon.sem1 .toggler .icone {
      top: auto;
      bottom: 10px;
      color: #48433F !important;
      text-transform: uppercase;
      font-family: "Open Sans", sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      margin-right: 5px; }
    #contenu .accordeon.sem1 .toggler p.semTitre {
      font-family: "Roboto", Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 5px;
      font-weight: 300;
      color: #000;
      text-transform: uppercase;
      text-align: center;
      padding: 15px 0px; }
    #contenu .accordeon.sem1 .toggler p.source {
      margin-bottom: 0px;
      margin-top: 10px;
      color: #000; }
  #contenu .accordeon.sem1 > div {
    border: 1px solid #707070;
    background-color: transparent;
    padding: 10px 50px 30px;
    word-wrap: break-word; }
    #contenu .accordeon.sem1 > div p {
      margin-bottom: 10px; }
      #contenu .accordeon.sem1 > div p.tTitre {
        margin-top: 35px;
        margin-bottom: 5px; }
        #contenu .accordeon.sem1 > div p.tTitre + p {
          margin-top: 5px; }
      #contenu .accordeon.sem1 > div p.at {
        margin-top: 25px;
        margin-bottom: 5px; }
  #contenu p + .accordeon {
    margin-top: 10px; }
  #contenu .animVideoPlaylist {
    margin-top: 15px; }

/**********************page acceuil**************************** */
body.path-course {
  /********** */ }
  body.path-course #zoneMenu {
    display: none; }
  body.path-course #zoneIdentitaire {
    background: rgba(195, 188, 136, 0.13); }
  body.path-course #main {
    padding-top: 0px; }
    body.path-course #main #filAriane {
      display: none; }
  body.path-course #contenu {
    padding-top: 0px !important;
    background: transparent; }
    body.path-course #contenu .pmenu {
      display: flex;
      flex-direction: column;
      background: rgba(195, 188, 136, 0.13);
      margin: 0 calc(50% - 50vw);
      padding: 20px calc(50vw - 50%);
      margin-top: -11px; }
      body.path-course #contenu .pmenu .prow {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 20px;
        padding-bottom: 30px; }
      body.path-course #contenu .pmenu .ppres, body.path-course #contenu .pmenu .pfroute, body.path-course #contenu .pmenu .pmodule, body.path-course #contenu .pmenu .prtexte, body.path-course #contenu .pmenu .peval {
        width: 266px;
        height: 158px;
        box-shadow: 5px 5px 5px #00000029; }
        body.path-course #contenu .pmenu .ppres div, body.path-course #contenu .pmenu .pfroute div, body.path-course #contenu .pmenu .pmodule div, body.path-course #contenu .pmenu .prtexte div, body.path-course #contenu .pmenu .peval div {
          color: #fff;
          display: block;
          width: 150px;
          height: 25px;
          margin: auto; }
        body.path-course #contenu .pmenu .ppres p, body.path-course #contenu .pmenu .pfroute p, body.path-course #contenu .pmenu .pmodule p, body.path-course #contenu .pmenu .prtexte p, body.path-course #contenu .pmenu .peval p {
          font-family: "Roboto", Arial, Helvetica, sans-serif;
          font-weight: bold;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 16px;
          line-height: 1.6rem;
          letter-spacing: 0.65px;
          color: #FFFFFF;
          text-transform: uppercase;
          display: block;
          padding: 3px 5px;
          width: 150px;
          text-align: center;
          border: 1px solid #FFFFFF;
          background: #ED5438; }
        body.path-course #contenu .pmenu .ppres a, body.path-course #contenu .pmenu .pfroute a, body.path-course #contenu .pmenu .pmodule a, body.path-course #contenu .pmenu .prtexte a, body.path-course #contenu .pmenu .peval a {
          font-family: "Roboto", Arial, Helvetica, sans-serif;
          font-weight: bold;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 16px;
          line-height: 1.6rem;
          letter-spacing: 0.65px;
          color: #FFFFFF;
          text-transform: uppercase;
          text-decoration: none;
          display: block;
          padding: 3px 5px;
          width: 150px;
          text-align: center;
          border: 1px solid #FFFFFF;
          background: rgba(0, 0, 0, 0.7); }
          body.path-course #contenu .pmenu .ppres a:focus, body.path-course #contenu .pmenu .pfroute a:focus, body.path-course #contenu .pmenu .pmodule a:focus, body.path-course #contenu .pmenu .prtexte a:focus, body.path-course #contenu .pmenu .peval a:focus {
            background-color: #cfe2f2;
            border-color: #3584c9;
            color: #000; }
      body.path-course #contenu .pmenu .ppres {
        background: url(../img/tuile_1.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover; }
      body.path-course #contenu .pmenu .pfroute {
        background: url(../img/tuile_2.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover; }
        body.path-course #contenu .pmenu .pfroute a:hover {
          background: #4E8090; }
      body.path-course #contenu .pmenu .pmodule {
        background: url(../img/tuile_3.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover; }
        body.path-course #contenu .pmenu .pmodule a:hover {
          background: #D04E74; }
      body.path-course #contenu .pmenu .prtexte {
        background: url(../img/tuile_4.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover; }
        body.path-course #contenu .pmenu .prtexte a:hover {
          background: #C9413B; }
      body.path-course #contenu .pmenu .peval {
        background: url(../img/tuile_5.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover; }
        body.path-course #contenu .pmenu .peval a:hover {
          background: #14B8D5; }

@media screen and (min-width: 1200px) {
  #zoneMenu {
    background: #fff; }

  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal {
    display: flex;
    justify-content: space-evenly; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li > a {
      padding: 8px 0;
      color: #343532;
      border-bottom: 5px solid transparent;
      position: relative;
      text-transform: uppercase;
      font-weight: normal; }
      body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li > a:after {
        position: absolute;
        border-top: none;
        top: 15px;
        right: 0px; }
      body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li > a:hover {
        background: transparent;
        border-bottom: 5px solid #CF7033;
        font-weight: 500; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub {
      background: rgba(0, 0, 0, 0.9);
      z-index: 50; }
      body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub ul {
        margin-top: 10px;
        display: flex;
        justify-content: space-evenly; }
        body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub ul li.type_label a {
          color: #CF7033;
          padding-bottom: 0px;
          text-transform: uppercase; }
        body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub ul li:not(.parent).itemActif a {
          color: #fff; }
        body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub ul li .sousSub ul {
          display: flex;
          flex-direction: column;
          margin-top: 5px; }
          body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub ul li .sousSub ul a {
            color: #fff;
            padding-left: 0px;
            text-transform: none; }
        body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub ul li .sousSub ul > li > a:before {
          display: none; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.parent > a:after {
      border-left: none; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.parent.active > a {
      background: transparent;
      border-bottom: 5px solid #CF7033; }
      body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.parent.active > a:after {
        border-top: none; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.itemActif > a {
      background: transparent;
      border-bottom: 5px solid #CF7033; }
      body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.itemActif > a:hover {
        background: transparent;
        border-bottom: 5px solid #CF7033; } }
@media screen and (max-width: 860px) {
  div.overTab {
    overflow-x: initial; }

  #titreCours {
    font-size: 40px;
    font-size: 4rem; }

  #main {
    padding-top: 120px; }

  body.path-course {
    /********** */ }
    body.path-course #zoneMenu {
      display: none; }
    body.path-course #zoneIdentitaire {
      background: rgba(195, 188, 136, 0.13); }
    body.path-course #main {
      padding-top: 0px; }
      body.path-course #main #filAriane {
        display: none; }
    body.path-course #contenu {
      padding-top: 0px !important;
      background: transparent; }
      body.path-course #contenu .pmenu {
        display: flex;
        flex-direction: column;
        background: rgba(195, 188, 136, 0.13);
        margin: 0 calc(50% - 50vw);
        padding: 20px calc(50vw - 50%);
        margin-top: -11px;
        align-items: center; }
        body.path-course #contenu .pmenu .prow {
          display: flex;
          flex-direction: column;
          justify-content: center;
          gap: 20px;
          padding-bottom: 30px; }
        body.path-course #contenu .pmenu .ppres, body.path-course #contenu .pmenu .pfroute, body.path-course #contenu .pmenu .pmodule, body.path-course #contenu .pmenu .prtexte, body.path-course #contenu .pmenu .peval {
          width: 266px;
          height: 58px;
          box-shadow: 5px 5px 5px #00000029; }
          body.path-course #contenu .pmenu .ppres div, body.path-course #contenu .pmenu .pfroute div, body.path-course #contenu .pmenu .pmodule div, body.path-course #contenu .pmenu .prtexte div, body.path-course #contenu .pmenu .peval div {
            color: #fff;
            display: block;
            width: 150px;
            height: 25px;
            margin: auto; }
          body.path-course #contenu .pmenu .ppres p, body.path-course #contenu .pmenu .pfroute p, body.path-course #contenu .pmenu .pmodule p, body.path-course #contenu .pmenu .prtexte p, body.path-course #contenu .pmenu .peval p {
            font-family: "Roboto", Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 16px;
            line-height: 1.6rem;
            letter-spacing: 0.65px;
            color: #FFFFFF;
            text-transform: uppercase;
            display: block;
            padding: 3px 5px;
            width: 150px;
            text-align: center;
            border: 1px solid #FFFFFF;
            background: #C3442C; }
          body.path-course #contenu .pmenu .ppres a, body.path-course #contenu .pmenu .pfroute a, body.path-course #contenu .pmenu .pmodule a, body.path-course #contenu .pmenu .prtexte a, body.path-course #contenu .pmenu .peval a {
            font-family: "Roboto", Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 16px;
            line-height: 1.6rem;
            letter-spacing: 0.65px;
            color: #FFFFFF;
            text-transform: uppercase;
            text-decoration: none;
            display: block;
            padding: 3px 5px;
            width: 150px;
            text-align: center;
            border: 1px solid #FFFFFF;
            background: rgba(0, 0, 0, 0.7); }
        body.path-course #contenu .pmenu .ppres {
          background: url(../img/tuile_1.png);
          background-position: top center;
          background-repeat: no-repeat;
          background-size: cover;
          background-position-y: -95px; }
        body.path-course #contenu .pmenu .pfroute {
          background: url(../img/tuile_2.png);
          background-position: top center;
          background-repeat: no-repeat;
          background-size: cover;
          background-position-y: -32px;
          cursor: pointer; }
          body.path-course #contenu .pmenu .pfroute a:hover {
            background: #4E8090; }
        body.path-course #contenu .pmenu .pmodule {
          background: url(../img/tuile_3.png);
          background-position: top center;
          background-repeat: no-repeat;
          background-size: cover;
          background-position-y: -42px;
          cursor: pointer; }
          body.path-course #contenu .pmenu .pmodule a:hover {
            background: #D04E74; }
        body.path-course #contenu .pmenu .prtexte {
          background: url(../img/tuile_4.png);
          background-position: top center;
          background-repeat: no-repeat;
          background-size: cover;
          background-position-y: -28px;
          cursor: pointer; }
          body.path-course #contenu .pmenu .prtexte a:hover {
            background: #C9413B; }
        body.path-course #contenu .pmenu .peval {
          background: url(../img/tuile_5.png);
          background-position: top center;
          background-repeat: no-repeat;
          background-size: cover;
          cursor: pointer; }
          body.path-course #contenu .pmenu .peval a:hover {
            background: #145A67; } }
@media screen and (min-width: 480px) and (max-width: 860px) {
  #titreCours {
    font-size: 50px;
    font-size: 5rem; }

  #main {
    padding-top: 120px; }

  #zoneIdentitaire {
    min-height: 175px; } }
@media screen and (max-width: 544px) {
  div.overTab {
    overflow-x: scroll; } }