@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap");
@font-face {
  font-family: "ProximaNova-Black";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/ProximaNova-Black-webfont.ttf") format("truetype"); }
@font-face {
  font-family: "ProximaNova-Bold";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/ProximaNova-Bold-webfont.ttf") format("truetype"); }
@font-face {
  font-family: "ProximaNova-Light";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/ProximaNova-Light-webfont.ttf") format("truetype"); }
@font-face {
  font-family: "ProximaNova-Reg";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/ProximaNova-Reg-webfont.ttf") format("truetype"); }
@font-face {
  font-family: "ProximaNova-Sbold";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/ProximaNova-Sbold-webfont.ttf") format("truetype"); }
@font-face {
  font-family: "ProximaNova-Thin";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/ProximaNova-Thin-webfont.ttf") format("truetype"); }
@font-face {
  font-family: "ProximaNova-Xbold";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/ProximaNova-Xbold-webfont.ttf") format("truetype"); }
body {
  font-family: "Source Sans 3", sans-serif;
  line-height: 24px;
  line-height: 2.4rem; }

/* =============================================== */
/* Base                                            */
/* ----------------------------------------------- */
body.path-mod-forum h2 {
  display: none; }
  body.path-mod-forum h2.aff {
    display: block; }
body.path-mod-forum #sidebar {
  display: none; }
body.path-mod-forum #contenu {
  width: 83.3333333333%;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 8.3333333333%; }
  body.path-mod-forum #contenu .discussion-nav ul {
    margin: 0px; }
    body.path-mod-forum #contenu .discussion-nav ul li:before {
      content: ""; }
  body.path-mod-forum #contenu div.navitem a.btn.btn-primary {
    display: none; }
  body.path-mod-forum #contenu table th.topic, body.path-mod-forum #contenu table td {
    border: 1px solid #D5D5D5; }
  body.path-mod-forum #contenu div.d-flex {
    padding: 0px 20px; }
  body.path-mod-forum #contenu header div.mr-2 {
    display: none; }
body.path-mod-forum .btn-primary {
  color: #fff;
  background: #006A8B;
  text-decoration: none;
  font-size: 12px;
  font-size: 1.2rem; }
  body.path-mod-forum .btn-primary:hover {
    background: #005563;
    color: #fff;
    text-decoration: none; }
  body.path-mod-forum .btn-primary:hover:visited {
    color: #fff; }
  body.path-mod-forum .btn-primary:focus, body.path-mod-forum .btn-primary:visited {
    color: #fff;
    background: #005563;
    text-decoration: underline; }
  body.path-mod-forum .btn-primary.alDroite {
    position: absolute;
    right: 0; }
body.path-mod-forum .post-actions a:hover {
  color: #fff; }
body.path-mod-forum .post-actions a:nth-child(1) {
  display: none; }
body.path-mod-forum .tag_list a:focus, body.path-mod-forum .tag_list a:visited {
  color: #fff; }
body.path-mod-forum #zoneIdentitaire .container {
  background: url(../img/bkg_comm_pratique.svg), #f7f8fa;
  height: 400px;
  background-size: 1200px;
  background-position: right 0px;
  background-repeat: no-repeat; }

#zoneIdentitaire {
  padding-top: 0px;
  padding-bottom: 0px;
  background: white;
  background: linear-gradient(90deg, white 49%, #f7f8fa 51%); }
  #zoneIdentitaire .container {
    background: url(../img/bkg_presentation.svg), #f7f8fa;
    height: 400px;
    background-size: 1200px;
    background-position: right 0px;
    background-repeat: no-repeat; }

#page-mod-glossary-view #zoneIdentitaire .container {
  background: url(../img/bkg_glossaire.svg), #f7f8fa;
  height: 400px;
  background-size: 1200px;
  background-position: right 0px;
  background-repeat: no-repeat; }
#page-mod-glossary-view ul li {
  word-break: break-word; }

body.bkg1 #zoneIdentitaire .container, body.bkg2 #zoneIdentitaire .container, body.bkg3 #zoneIdentitaire .container {
  background: url(../img/bkg_module1.svg), #f7f8fa;
  height: 400px;
  background-size: 1200px;
  background-position: right 0px;
  background-repeat: no-repeat; }

body.bkg4 #zoneIdentitaire .container {
  background: url(../img/bkg_evaluation.svg), #f7f8fa;
  height: 400px;
  background-size: 1200px;
  background-position: right 0px;
  background-repeat: no-repeat; }

body.bkg5 #zoneIdentitaire .container {
  background: url(../img/bkg_glossaire.svg), #f7f8fa;
  height: 400px;
  background-size: 1200px;
  background-position: right 0px;
  background-repeat: no-repeat; }

body.bkg6 #zoneIdentitaire .container {
  background: url(../img/bkg_comm_pratique.svg), #f7f8fa;
  height: 400px;
  background-size: 1200px;
  background-position: right 0px;
  background-repeat: no-repeat; }

#blocInfoCours {
  padding-top: 91px; }

#sigleCours {
  position: relative;
  color: #111111;
  font-family: "Cabin", sans-serif;
  font-optical-sizing: auto;
  color: #1A1A1A;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  line-height: 2rem;
  background: rgba(255, 255, 255, 0.8);
  width: fit-content;
  padding: 10px 5px; }
  #sigleCours:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #D02D00;
    height: 3px;
    width: 30px; }

#titreCours {
  font-family: "Cabin", sans-serif;
  font-optical-sizing: auto;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 25px;
  line-height: 5.2rem;
  font-weight: 600;
  color: #373739;
  background: rgba(255, 255, 255, 0.8);
  width: fit-content;
  padding: 10px;
  width: 450px; }

#main {
  background: #fff;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat; }
  #main #filAriane {
    margin-bottom: 0px; }
    #main #filAriane li a {
      text-align: left;
      font-family: "Source Sans 3", sans-serif;
      font-weight: 400;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 18px;
      line-height: 1.8rem;
      letter-spacing: 0px;
      color: #006A8B; }

article a {
  color: #006A8B;
  background: transparent;
  text-decoration: underline; }
  article a:hover {
    background: #006A8B;
    color: #fff;
    text-decoration: none; }
  article a:hover:visited {
    color: #fff; }
  article a:focus, article a:visited {
    color: #6C00FF;
    background: transparent;
    text-decoration: underline; }

#main #contenu.merge9 {
  padding-right: 0px !important; }

#contenu {
  position: relative; }
  #contenu .menuSecondaire a {
    text-decoration: none;
    background-color: #CADADA;
    border-radius: 4px;
    padding: 10px 10px 7px 10px;
    min-width: 200px;
    color: #000;
    text-transform: uppercase;
    font-family: "ProximaNova-Sbold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 1.75rem; }
  #contenu h1 {
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 40px;
    line-height: 4rem;
    font-weight: 600;
    letter-spacing: 0px;
    color: #111111; }
    #contenu h1 span {
      display: block;
      font-family: "Cabin", sans-serif;
      font-optical-sizing: auto;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 18px;
      line-height: 1.8rem;
      font-weight: 600;
      letter-spacing: 0px;
      color: #222222;
      text-transform: uppercase;
      opacity: 1;
      padding-bottom: 10px; }
  #contenu h2 {
    text-align: left;
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-size: 30px;
    font-size: 3rem;
    line-height: 34px;
    line-height: 3.4rem;
    letter-spacing: 0px;
    color: #222222;
    font-weight: 500;
    border-bottom: none;
    padding-top: 15px;
    margin-bottom: 15px;
    position: relative; }
    #contenu h2.prof {
      padding-left: 110px;
      margin-top: 50px; }
      #contenu h2.prof:before {
        content: "";
        position: absolute;
        top: -25px;
        left: 0;
        background-image: url(../img/avatar_Myriam_Michaud.svg);
        background-repeat: no-repeat;
        height: 100px;
        width: 100px;
        background-size: 95px;
        background-position: left; }
    #contenu h2.accesshide {
      display: none; }
  #contenu h3 {
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3rem;
    letter-spacing: 0px;
    position: relative;
    color: #222222;
    border-bottom: none;
    display: block;
    padding-top: 5px;
    margin-bottom: 15px; }
    #contenu h3.isa {
      padding-left: 110px;
      margin-bottom: 67px;
      margin-top: 50px; }
      #contenu h3.isa:before {
        content: "";
        position: absolute;
        top: -25px;
        left: 0;
        background-image: url(../img/avatar_Isabelle_Gilbert.svg);
        background-repeat: no-repeat;
        height: 100px;
        width: 100px;
        background-size: 95px;
        background-position: left; }
    #contenu h3.claudine {
      padding-left: 110px;
      margin-top: 50px;
      margin-bottom: 59px; }
      #contenu h3.claudine:before {
        content: "";
        position: absolute;
        top: -25px;
        left: 0;
        background-image: url(../img/avatar_Claudine_Lalonde.svg);
        background-repeat: no-repeat;
        height: 100px;
        width: 100px;
        background-size: 95px;
        background-position: left; }
    #contenu h3.mylene {
      padding-left: 110px;
      margin-top: 50px;
      margin-bottom: 59px; }
      #contenu h3.mylene:before {
        content: "";
        position: absolute;
        top: -25px;
        left: 0;
        background-image: url(../img/avatar_Mylene_Amstrong.svg);
        background-repeat: no-repeat;
        height: 100px;
        width: 100px;
        background-size: 95px;
        background-position: left; }
    #contenu h3.myriam {
      padding-left: 110px;
      margin-top: 50px;
      margin-bottom: 59px; }
      #contenu h3.myriam:before {
        content: "";
        position: absolute;
        top: -25px;
        left: 0;
        background-image: url(../img/avatar_Myriam_Michaud.svg);
        background-repeat: no-repeat;
        height: 100px;
        width: 100px;
        background-size: 95px;
        background-position: left; }
  #contenu h4 {
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    letter-spacing: 0px;
    color: #222222;
    border-bottom: none;
    display: block;
    padding-top: 5px;
    margin-bottom: 15px; }
  #contenu h5 {
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #000; }
  #contenu .note, #contenu .source {
    font-weight: normal; }
  #contenu a[target="_blank"]:not(a[href*="pluginfile.php"])::after {
    content: "";
    background-size: contain;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    margin-right: 2px;
    position: relative;
    display: inline-block;
    filter: invert(14%) sepia(81%) saturate(4615%) hue-rotate(182deg) brightness(98%) contrast(101%);
    background-image: url(../img/box-arrow-up-right.svg);
    background-repeat: no-repeat; }
  #contenu a[target="_blank"]:not(a[href*="pluginfile.php"]):hover:after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7493%) hue-rotate(293deg) brightness(114%) contrast(102%); }
  #contenu ul {
    margin: 0 0 15px 25px; }
  #contenu ul.fleche {
    margin: 0 0 15px 30px; }
    #contenu ul.fleche li:before {
      content: "";
      background-image: url(../img/ArrowSize400.svg);
      filter: invert(45%) sepia(63%) saturate(991%) hue-rotate(332deg) brightness(100%) contrast(97%);
      position: absolute;
      top: 3px;
      left: -25px;
      width: 15px;
      height: 15px; }
  #contenu ol.cercle {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin: 10px 40px 10px 40px; }
    #contenu ol.cercle li {
      list-style: none;
      counter-increment: my-awesome-counter;
      margin: 0.25rem; }
      #contenu ol.cercle li:before {
        content: counter(my-awesome-counter);
        background: #D02D00;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        display: inline-block;
        line-height: 25px;
        color: white;
        text-align: center;
        margin-right: 15px;
        margin-left: -40px; }
  #contenu dl dt {
    text-align: left;
    letter-spacing: 0px;
    color: #006A8B;
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem; }
  #contenu dl dd {
    margin-bottom: 17px; }
  #contenu div.NON_LUT {
    display: none; }
  #contenu .tableau.style1 th {
    border: solid 1px #a6a7a8;
    border-top: none;
    background-color: #c6dbda;
    color: #3e5b5a; }
  #contenu .boiteVideo .boiteVideoTitre {
    border-bottom: none;
    display: block;
    color: #000000;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 23.75px;
    line-height: 2.375rem;
    font-family: "ProximaNova-Sbold", Arial, Helvetica, sans-serif;
    padding-top: 10px;
    padding-bottom: 15px; }
  #contenu .boiteVideo .boiteVideoSousTitre {
    border-bottom: none;
    display: block;
    color: #48433F;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17.5px;
    line-height: 1.75rem;
    font-family: "ProximaNova-Reg", Arial, Helvetica, sans-serif;
    padding-top: 5px; }
  #contenu .encadre {
    border: none;
    border: 1px solid #D5D5D5;
    border-radius: 10px;
    background: #FAFAFA;
    padding: 20px 20px 5px 20px;
    position: relative;
    margin: 30px 0px 30px 0px; }
    #contenu .encadre.prof {
      border: none;
      margin-top: 45px;
      background: #E9F3F6; }
      #contenu .encadre.prof:before {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 12.5px 20px 12.5px;
        border-color: transparent transparent #E9F3F6 transparent;
        transform: rotate(0deg);
        top: -20px;
        left: 35px; }
    #contenu .encadre:has(+ p.communaute) {
      border: 1px dashed #D5D5D5; }
    #contenu .encadre .noter, #contenu .encadre .important, #contenu .encadre .visio, #contenu .encadre .lecture, #contenu .encadre .manuel, #contenu .encadre .communaute {
      font-family: "Cabin", sans-serif;
      font-optical-sizing: auto;
      font-weight: 600;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 24px;
      line-height: 2.4rem;
      color: #006A8B;
      margin-left: 60px;
      position: relative;
      padding-top: 10px; }
      #contenu .encadre .noter:before, #contenu .encadre .important:before, #contenu .encadre .visio:before, #contenu .encadre .lecture:before, #contenu .encadre .manuel:before, #contenu .encadre .communaute:before {
        content: "";
        position: absolute;
        height: 40px;
        width: 40px;
        background-size: 40px;
        filter: invert(14%) sepia(81%) saturate(4615%) hue-rotate(182deg) brightness(98%) contrast(101%); }
    #contenu .encadre .communaute:before {
      top: -5px;
      left: -60px;
      background-image: url(../img/ico_forum.svg);
      background-repeat: no-repeat; }
    #contenu .encadre .noter:before {
      top: -5px;
      left: -60px;
      background-image: url(../img/ico_note.svg);
      background-repeat: no-repeat; }
    #contenu .encadre .important:before {
      top: -5px;
      left: -60px;
      background-image: url(../img/ico_important.svg);
      background-repeat: no-repeat; }
    #contenu .encadre .visio:before {
      top: -5px;
      left: -60px;
      background-image: url(../img/ico_visionnement.svg);
      background-repeat: no-repeat; }
    #contenu .encadre .lecture {
      padding-top: 0px; }
      #contenu .encadre .lecture:before {
        top: -5px;
        left: -60px;
        background-image: url(../img/ico_lecture.svg);
        background-repeat: no-repeat; }
    #contenu .encadre .manuel {
      padding-top: 10px; }
      #contenu .encadre .manuel:before {
        height: 65px;
        top: -5px;
        left: -60px;
        background-image: url(../img/ico_lecture_manuel.svg);
        background-repeat: no-repeat;
        color: #000; }
    #contenu .encadre.competence {
      border: 1px solid #006A8B;
      background: #fff;
      margin-top: 40px;
      margin-bottom: 40px; }
      #contenu .encadre.competence .compTitre {
        font-family: "Cabin", sans-serif;
        font-optical-sizing: auto;
        font-weight: 600;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        color: #006A8B; }
      #contenu .encadre.competence div {
        margin-left: 70px; }
        #contenu .encadre.competence div:before {
          content: "";
          position: absolute;
          top: 20px;
          left: 30px;
          background-image: url(../img/ico_competences.svg);
          background-repeat: no-repeat;
          height: 80px;
          width: 50px;
          background-size: 30px;
          filter: invert(14%) sepia(81%) saturate(4615%) hue-rotate(182deg) brightness(98%) contrast(101%); }
  #contenu .question {
    border-radius: 10px;
    background: #E9F3F6;
    padding: 25px;
    margin-bottom: 15px; }
    #contenu .question .titreQ {
      font-style: italic;
      text-align: center;
      font-family: "Cabin", sans-serif;
      font-optical-sizing: auto;
      font-weight: 600;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 24px;
      line-height: 2.4rem;
      letter-spacing: 0px;
      color: #006A8B;
      text-transform: uppercase; }
    #contenu .question *:last-child {
      margin-bottom: 0px;
      padding-bottom: 0px; }
  #contenu table {
    margin-bottom: 30px; }
    #contenu table caption {
      font-family: "Cabin", sans-serif;
      font-optical-sizing: auto;
      font-weight: 600;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 24px;
      line-height: 2.4rem;
      color: #000; }
    #contenu table th, #contenu table td {
      padding: 10px;
      border: none; }
    #contenu table th {
      background: #E9F3F6;
      color: #000;
      border: 1px solid #D5D5D5; }
    #contenu table td {
      border: 1px solid #D5D5D5;
      vertical-align: top; }
      #contenu table td ul {
        margin: 0 0 15px 15px; }
    #contenu table tr:nth-child(odd) {
      background: #F7F8F8; }
  #contenu .accordeon .toggler {
    font-family: "Cabin", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #006A8B;
    background-color: #FAFAFA;
    transition: none;
    border-top: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5; }
    #contenu .accordeon .toggler:hover {
      background-color: #E6E6E6; }
    #contenu .accordeon .toggler.active {
      background-color: #FAFAFA;
      color: #000;
      border-bottom: none; }
      #contenu .accordeon .toggler.active:hover {
        background-color: #E6E6E6; }
      #contenu .accordeon .toggler.active .icone:before {
        color: #000; }
  #contenu .accordeon > div {
    background-color: #FAFAFA;
    border-bottom: 1px solid #D5D5D5; }
  #contenu picture img {
    max-width: 100%;
    margin-bottom: 30px; }
  #contenu picture p.titreImg {
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #006A8B;
    position: relative;
    padding-top: 10px; }
  #contenu .interTitre {
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #006A8B;
    position: relative;
    padding-top: 10px; }
  #contenu .encadreIcone {
    background-color: #f1f6f6;
    border-radius: 20px;
    padding: 17px 48px 5px 48px;
    position: relative;
    margin: 70px 0px 60px 0px; }
  #contenu .encadreIcone:before {
    content: "";
    position: absolute;
    top: 15px;
    left: -36px;
    background-image: url(https://m2.teluq.ca/theme/adm2124/style/../img/icones/png/ico_boite2.png);
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    background-size: 75px; }
  #contenu .encadreIcone:after {
    content: "";
    position: absolute;
    bottom: 15px;
    left: -15px;
    background-image: url(https://m2.teluq.ca/theme/adm2124/style/../img/icones/png/polygone_1.png);
    background-repeat: no-repeat;
    height: 35px;
    width: 25px; }
  #contenu table.glossarycategoryheader tr, #contenu table.glossarycategoryheader th, #contenu table.glossarycategoryheader td {
    background: transparent;
    border: none;
    border-bottom: 1px solid #D5D5D5; }
  #contenu table.glossarypost tr, #contenu table.glossarypost th, #contenu table.glossarypost td {
    background: transparent;
    border: none; }
  #contenu #navPageForm a[target="_blank"]:not(a[href*="pluginfile.php"])::after {
    display: none; }

body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li:last-child {
  border-bottom: none; }
body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li > a {
  position: relative; }
  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li > a:focus {
    background: transparent; }
body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li > a[title="Glossaire"] {
  text-align: left;
  text-transform: initial; }
  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li > a[title="Glossaire"]:after {
    content: "";
    display: block;
    background: url(../img/ico_ABC_18_N.svg);
    filter: invert(99%) sepia(99%) saturate(0%) hue-rotate(241deg) brightness(104%) contrast(100%);
    width: 32px;
    height: 32px;
    position: absolute;
    top: 23px;
    right: 6px;
    margin-top: -15px; }
  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li > a[title="Glossaire"]:hover {
    text-align: left;
    text-transform: initial; }
body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li:last-child > a {
  text-transform: initial;
  padding-right: 35px; }
  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li:last-child > a:after {
    content: "";
    display: block;
    background: url(../img/ico_forum_menu.svg);
    filter: invert(99%) sepia(99%) saturate(0%) hue-rotate(241deg) brightness(104%) contrast(100%);
    width: 32px;
    height: 32px;
    position: absolute;
    top: 20px;
    right: 6px;
    margin-top: -15px; }
body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li.parent > a {
  text-align: left;
  text-transform: initial; }
  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li.parent > a:after {
    position: absolute;
    right: 0px;
    margin-right: 5px;
    background: url(../img/ico_ChevronRight_18_N.svg);
    filter: invert(99%) sepia(99%) saturate(0%) hue-rotate(241deg) brightness(104%) contrast(100%);
    border: none;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px; }
body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal li.parent.active > a:after {
  position: absolute;
  right: 0px;
  margin-right: 5px;
  background: url(../img/ico_ChevronDown_18_N.svg);
  filter: invert(99%) sepia(99%) saturate(0%) hue-rotate(241deg) brightness(104%) contrast(100%);
  border: none;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px; }

#sommaire {
  opacity: 1;
  padding: 15px;
  margin-bottom: 20px; }
  #sommaire .btn {
    background: #fff;
    max-width: 400px;
    width: 100%;
    text-align: left;
    position: relative;
    font: normal normal normal 14px/24px Open Sans;
    letter-spacing: 0px;
    color: #000000; }
  #sommaire .dropdown-toggle::after {
    position: absolute;
    top: 12px;
    right: 8px; }
  #sommaire .dropdown-menu {
    width: 90%;
    border-left: none;
    border-right: none;
    border-radius: 0; }
    #sommaire .dropdown-menu a {
      text-align: left;
      font: normal normal normal 16px/20px Adobe Clean;
      letter-spacing: 0px;
      color: #222222;
      border-left: 5px solid #fff;
      text-decoration: none;
      background: #fff; }
      #sommaire .dropdown-menu a:hover {
        background: #0000000F;
        border-left: 5px solid #0058FF; }

#footer {
  font-family: "ProximaNova-Reg", Arial, Helvetica, sans-serif;
  background-color: #292e33;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
  line-height: 2rem; }
  #footer #copyright {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    border-top: solid 1px #666666;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.5rem; }

@media screen and (min-width: 768px) {
  #zoneMenu {
    position: relative;
    height: auto;
    background-color: transparent;
    padding: 0; }

  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li {
    border-bottom: 1px solid #D5D5D5; }
    body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li:last-child {
      border-bottom: none; }
    body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li > a {
      position: relative; }
    body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li > a[title="Glossaire"] {
      text-align: left;
      font-family: "Source Sans 3", sans-serif;
      font-weight: 600;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 20px;
      line-height: 2rem;
      color: #222222;
      text-transform: initial; }
      body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li > a[title="Glossaire"]:after {
        content: "";
        display: block;
        background: url(../img/ico_ABC_18_N.svg);
        filter: none;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 23px;
        right: 6px;
        margin-top: -15px; }
      body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li > a[title="Glossaire"]:hover {
        text-align: left;
        font-family: "Source Sans 3", sans-serif;
        font-weight: 600;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2rem;
        color: #222222;
        text-transform: initial; }
  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li:last-child > a {
    text-align: left;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    color: #222222;
    text-transform: initial;
    padding-right: 35px; }
    body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li:last-child > a:after {
      content: "";
      display: block;
      background: url(../img/ico_forum_menu.svg);
      filter: none;
      width: 32px;
      height: 32px;
      position: absolute;
      top: 20px;
      right: 6px;
      margin-top: -15px; }
  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li.parent > a {
    text-align: left;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    color: #222222;
    text-transform: initial; }
    body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal > li.parent > a:after {
      position: absolute;
      right: 0px;
      margin-right: 5px;
      background: url(../img/ico_ChevronRight_18_N.svg);
      filter: none;
      border: none;
      content: "";
      display: inline-block;
      width: 20px;
      height: 20px; }
  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal li.parent.active > a:after {
    position: absolute;
    right: 0px;
    margin-right: 5px;
    background: url(../img/ico_ChevronDown_18_N.svg);
    filter: none;
    border: none;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px; }
  body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal .sub ul li a {
    font-family: "Source Sans 3", sans-serif;
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    color: #000;
    text-align: left;
    border-left: 5px solid transparent;
    padding-left: 20px;
    padding-right: 10px;
    width: 100%; }
    body[data-typemenu="sidebar"] #menuPrincipal .lstMenuPrincipal .sub ul li a:hover {
      background: #F0F2F3;
      border-left: 5px solid #FA643E; } }
@media screen and (max-width: 480px) {
  body.path-mod-forum #zoneIdentitaire .container {
    background: url(../img/bkg_comm_pratique.svg), #f7f8fa;
    height: 300px;
    background-size: 900px;
    background-position: right 0px;
    background-repeat: no-repeat; }

  #zoneIdentitaire {
    padding-top: 0px;
    padding-bottom: 0px;
    background: rgba(255, 255, 255, 0.8);
    background: linear-gradient(90deg, white 49%, #f7f8fa 51%); }
    #zoneIdentitaire .container {
      background: url(../img/bkg_presentation.svg), #f7f8fa;
      height: 300px;
      background-size: 900px;
      background-position: right 0px;
      background-repeat: no-repeat; }

  #page-mod-glossary-view #zoneIdentitaire .container {
    background: url(../img/bkg_glossaire.svg), #f7f8fa;
    height: 300px;
    background-size: 900px;
    background-position: right 0px;
    background-repeat: no-repeat; }

  body.bkg1 #zoneIdentitaire .container, body.bkg2 #zoneIdentitaire .container, body.bkg3 #zoneIdentitaire .container {
    background: url(../img/bkg_module1.svg), #f7f8fa;
    height: 300px;
    background-size: 900px;
    background-position: right 0px;
    background-repeat: no-repeat; }

  body.bkg4 #zoneIdentitaire .container {
    background: url(../img/bkg_evaluation.svg), #f7f8fa;
    height: 300px;
    background-size: 900px;
    background-position: right 0px;
    background-repeat: no-repeat; }

  body.bkg5 #zoneIdentitaire .container {
    background: url(../img/bkg_glossaire.svg), #f7f8fa;
    height: 300px;
    background-size: 900px;
    background-position: right 0px;
    background-repeat: no-repeat; }

  body.bkg6 #zoneIdentitaire .container {
    background: url(../img/bkg_comm_pratique.svg), #f7f8fa;
    height: 300px;
    background-size: 900px;
    background-position: right 0px;
    background-repeat: no-repeat; }

  #sigleCours {
    position: relative;
    color: #111111;
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    color: #1A1A1A;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px; }

  #titreCours {
    display: block !important;
    font-family: "Cabin", sans-serif;
    font-optical-sizing: auto;
    font-size: 438px;
    font-size: 3.8rem;
    line-height: 42px;
    line-height: 4.2rem;
    font-weight: 600;
    color: #373739;
    width: fit-content;
    padding: 10px;
    width: 95%; }

  #main #filAriane {
    display: none; } }