@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&family=Roboto+Condensed:wght@400;700&display=swap");
@font-face {
  font-family: "Univers";
  src: url("fontes/Univers_49_Light_Ultra_Condensed.eot");
  src: url("fontes/Univers_49_Light_Ultra_Condensed.eot?#iefix") format("embedded-opentype"), url("fontes/Univers_49_Light_Ultra_Condensed.woff") format("woff"), url("fontes/Univers_49_Light_Ultra_Condensed.woff2") format("woff2"), url("fontes/Univers_49_Light_Ultra_Condensed.ttf") format("truetype"); }
body {
  background: url(../img/contenu/img_bandeau_296199640_2300x1000px.png) no-repeat;
  background-size: 100%;
  background-position: 0px 85px; }

#main, #wrapper {
  background: none; }

#zoneMenu {
  background: #1E3B55; }

#zoneIdentitaire {
  background: none; }

#sigleCours {
  text-align: left;
  font: normal normal bold 13px/9px Roboto;
  letter-spacing: 0px;
  color: #FFFFFF;
  background: #4A4F4A;
  display: block;
  width: 85px;
  padding: 13px 10px;
  margin-bottom: 0px; }

#titreCours {
  text-align: left;
  font: normal normal 300 39px/30px Univers;
  letter-spacing: 0px;
  color: #000001;
  width: auto;
  display: block;
  background: rgba(255, 255, 255, 0.85);
  padding: 10px 22px;
  margin-bottom: 20px;
  margin-left: 15px; }

#outilsRecherche, #filAriane {
  display: none; }

#menuPrincipal .lstMenuPrincipal > li {
  padding: 0px; }
  #menuPrincipal .lstMenuPrincipal > li.active > a {
    background: #F3DE97;
    color: #000; }
  #menuPrincipal .lstMenuPrincipal > li.itemActif > a {
    background: #FCEEC0;
    color: #000; }
  #menuPrincipal .lstMenuPrincipal > li > a {
    padding: 15px; }
  #menuPrincipal .lstMenuPrincipal > li .sub ul li:not(.parent).itemActif a {
    background: #FCEEC0;
    color: #000;
    display: block;
    margin: 0;
    padding: 10px 25px; }
  #menuPrincipal .lstMenuPrincipal > li .sub ul li a {
    padding: 10px 25px; }
#menuPrincipal .lstMenuPrincipal > li.parent.active > a:after {
  border: 4px solid transparent;
  border-top: 8px solid #000; }
#menuPrincipal .lstMenuPrincipal > li.parent.itemActif > a:after {
  border: 4px solid transparent;
  border-left: 8px solid #000; }
#menuPrincipal .lstMenuPrincipal > li.parent.itemActif.active > a:after {
  border: 4px solid transparent;
  border-top: 8px solid #000; }
#menuPrincipal .lstMenuPrincipal > li.parent > a:after {
  border: 4px solid transparent;
  border-left: 8px solid #fff; }

#contenu {
  box-shadow: 0px 12px 18px #00000072;
  padding-left: 30px;
  padding-right: 30px; }
  #contenu .titreSection {
    text-align: left;
    font: normal normal 300 32px/43px Roboto;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1; }
  #contenu h1 {
    text-align: left;
    font: normal normal 900 22px/23px Roboto;
    letter-spacing: 0px;
    color: #275C78; }
  #contenu h2 {
    text-align: left;
    font: normal normal 300 26px/34px Roboto;
    letter-spacing: 0px;
    color: #333333;
    border: none; }
    #contenu h2 span {
      font-weight: bold; }
  #contenu h3 {
    text-align: left;
    font: normal normal bold 15px/20px Roboto;
    letter-spacing: 0px;
    color: #333333; }
  #contenu figure.prof {
    width: 100%;
    margin: 0px 20px 10px 0px; }
  #contenu figure .imgsmall {
    display: block; }
  #contenu figure .imgbig {
    display: none; }
  #contenu figure figcaption {
    font: normal normal bold 15px/20px Roboto;
    letter-spacing: 0px;
    color: #333333;
    margin-bottom: 25px; }
  #contenu table {
    margin-bottom: 15px; }
    #contenu table th {
      background: #015D7B;
      text-align: left;
      font: normal normal bold 16px/21px Roboto;
      letter-spacing: 0px;
      color: #FFFFFF;
      border: 1px solid #015D7B;
      border-right: solid 1px #fff;
      padding: 10px; }
      #contenu table th:last-child {
        border-right: solid 1px #015D7B; }
      #contenu table th.brdBtm {
        border-bottom: 1px solid #fff; }
    #contenu table td {
      border: 1px solid #015D7B;
      padding: 10px;
      vertical-align: top; }
      #contenu table td.centre {
        text-align: center; }
      #contenu table td.gras {
        font-weight: bold; }
  #contenu div .encadre {
    border: 1px solid #8ecfca;
    background: #f1f9f9;
    padding: 15px 15px 5px 15px;
    margin-bottom: 15px; }
    #contenu div .encadre.temp {
      padding: 0px;
      background: url(../img/icones/icone_temps_blanc.svg), #9BC9C7;
      background-repeat: no-repeat;
      background-position: 15px 6px;
      background-size: 70px; }
    #contenu div .encadre.evaluation {
      padding: 0px;
      background: url(../img/icones/icone_travail_note_blanc.svg), #9BC9C7;
      background-repeat: no-repeat;
      background-position: 15px 10px;
      background-size: 70px; }
    #contenu div .encadre.important {
      padding: 0px;
      background: url(../img/icones/icone_attention_blanc.svg), #9BC9C7;
      background-repeat: no-repeat;
      background-position: 14px 15px;
      background-size: 70px; }
    #contenu div .encadre.type1 {
      padding: 0px;
      background: url(../img/icones/icone_TopTools_blanc.svg), #9BC9C7;
      background-repeat: no-repeat;
      background-position: 5px 5px;
      background-size: 85px; }
    #contenu div .encadre.type2 {
      padding: 0px;
      background: url(../img/icones/icone_T_blanc.svg), #9BC9C7;
      background-repeat: no-repeat;
      background-position: 23px 15px;
      background-size: 60px; }
    #contenu div .encadre.type3 {
      padding: 0px;
      background: url(../img/icones/icone_Wiki-Fad_blanc.svg), #9BC9C7;
      background-repeat: no-repeat;
      background-position: 5px -2px;
      background-size: 85px; }
    #contenu div .encadre.type4 {
      padding: 0px;
      background: url(../img/icones/icone_Elearning_Impact_blanc.svg), #9BC9C7;
      background-repeat: no-repeat;
      background-position: 5px 9px;
      background-size: 90px; }
    #contenu div .encadre.type5 {
      padding: 0px;
      background: url(../img/icones/icone_Wiki-TEDia_blanc.svg), #9BC9C7;
      background-repeat: no-repeat;
      background-position: 5px 0px;
      background-size: 85px; }
    #contenu div .encadre div {
      padding: 15px 15px 5px 15px;
      background: #f1f9f9;
      margin-left: 100px;
      min-height: 100px; }
  #contenu .accordeon {
    border-left: 1px solid #015D7B; }
    #contenu .accordeon .toggler {
      background: #015D7B;
      font: normal normal bold 16px/21px Roboto;
      color: #FFFFFF; }
      #contenu .accordeon .toggler .icone:before {
        color: #FFFFFF; }
      #contenu .accordeon .toggler.active {
        background: #015D7B;
        font: normal normal bold 16px/21px Roboto;
        color: #FFFFFF; }
        #contenu .accordeon .toggler.active .icone:before {
          color: #FFFFFF; }
    #contenu .accordeon div {
      background: none; }

@media screen and (min-width: 768px) {
  #sigleCours {
    text-align: left;
    font: normal normal bold 25px/17px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    background: #4A4F4A;
    display: block;
    width: 132px;
    height: 43px;
    padding: 13px 10px;
    margin-bottom: 0px; }

  #titreCours {
    text-align: left;
    font: normal normal 100 65px/50px Univers;
    letter-spacing: 0px;
    color: #000001;
    display: block;
    background: rgba(255, 255, 255, 0.85);
    padding: 20px 17px;
    margin-bottom: 20px;
    margin-left: 15px; }

  #zoneMenu {
    background: none; }

  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub {
    background: #FCEEC0; }
    body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal .sub ul li a {
      text-align: left;
      font: normal normal normal 14px/30px Roboto;
      letter-spacing: 0px;
      color: #000001; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li > a {
    background: #4A4F4A;
    text-align: left;
    font: normal normal 400 14px/19px "Roboto Condensed";
    letter-spacing: 0px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.itemActif > a {
    background: #F3DE97;
    color: #000; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.parent > a:after {
    border: none; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li:hover > a, body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li:focus > a, body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.active > a, body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.itemActif:hover > a {
    background: #F3DE97;
    color: #000; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.parent.active > a:after {
    border: none; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.parent.itemActif > a:after {
    border: none; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.parent.itemActif.active > a:after {
    border: none; }
  body[data-typemenu="header"] #menuPrincipal .lstMenuPrincipal > li.parent > a:after {
    border: none; }

  #menuPrincipal .lstMenuPrincipal > li .sub ul li:not(.parent).itemActif a {
    padding: 5px 0px;
    font-weight: bold;
    text-decoration: none; }

  #contenu.merge10, .contenu_entete.merge10 {
    width: 83.33333%;
    padding-left: 45px;
    padding-right: 45px;
    margin-left: 3%; }

  #contenu figure.prof {
    width: 50%;
    float: left;
    margin: 0px 20px 10px 0px; } }
@media screen and (min-width: 992px) {
  #contenu.merge10, .contenu_entete.merge10 {
    width: 83.33333%;
    margin-left: 10.33333%; }

  #contenu figure .imgsmall {
    display: none; }
  #contenu figure .imgbig {
    display: block; } }

  #contenu .obstacle {
    width: 20px;
    margin-left: 15px; }
  #contenu article a[target="_blank"]:not(a[href*="pluginfile.php"])::after, #contenu article a[href*=".pdf"]::after {
    content: "";
    background-size: contain;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    position: relative;
    top: -2px;
    display: inline-block; }
  #contenu article a[target="_blank"]:not(a[href*="pluginfile.php"])::after {
    background-image: url("../img/icones/ico_autre_fenetre.svg"); }

	a.no-ico::after {
  content: none !important;
}