@charset "UTF-8";
/* Sass Document */
/* *********************************************** */
/* 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. */
@font-face {
  font-family: "Montserrat Alternates";
  src: url("fontes/MontserratAlternates-Regular.eot");
  src: url("fontes/MontserratAlternates-Regular.eot?#iefix") format("embedded-opentype"), url("fontes/MontserratAlternates-Regular.woff2") format("woff2"), url("fontes/MontserratAlternates-Regular.woff") format("woff"), url("fontes/MontserratAlternates-Regular.ttf") format("truetype"), url("fontes/MontserratAlternates-Regular.svg#MontserratAlternates-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
body {
  background-color: #cad8e3; }

#wrapper {
  background: #cad8e3 url("../img/structure/INf1430_bg.jpg");
  background-size: auto;
  background-position: center 63px;
  background-repeat: no-repeat; }

#main {
  background-image: none;}

/*#main {
  background: #cad8e3 url("../img/structure/INf1430_bg.jpg");
  background-position: center -208px;
  background-size: auto;
  background-repeat: no-repeat; }*/

#zoneMenu {
  background: transparent; }

body[data-typemenu=header] #menuPrincipal {
  margin-top: 12px; }

#zoneIdentitaire {
  background: transparent; }

#menuFooter {
  display: none; }

#contenu tr:nth-child(even) {
  background: #cfd5eb; }
#contenu tr:nth-child(odd) {
  background: #e9ecf5; }
#contenu th {
  background: #4473c5;
  color: #fff;
  border-bottom: 2px solid #fff;
  padding: 5px; }
#contenu td {
  border: 1px solid #fff;
  padding: 5px; }
#contenu td.videCell {
  padding: 2px;
  height: 2px;
  line-height: 0px;
  background: #4473c5; }
#contenu td.centre {
  text-align: center; }
#contenu #froute {
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 15px;
  border: none; }
  #contenu #froute th {
    color: #fff;
    background-color: #4472C4;
    font-weight: normal;
    padding: 4px 2px 4px 2px; }
  #contenu #froute td {
    border: 1px solid #C8D8DD; }
  #contenu #froute .noborder {
    background-color: transparent; }
  #contenu #froute .semainet {
    border: 1px solid #957CAF;
    background-color: #82689D;
    color: #FFF; }
  #contenu #froute .activ {
    border: 1px solid #40599B;
    background-color: #C7D9E7;
    color: #000;
    padding: 8px 0px 8px 0px; }
  #contenu #froute .semaine {
    border: 1px solid #BDA9D3;
    background-color: #EAE9EB; }
  #contenu #froute .tp {
    border: 1px solid #8C0000;
    background-color: #FFE1E1;
    color: #8C0000; }
  #contenu #froute .altern {
    background-color: #F5F7FA; }

#footer {
  background: #2b426c; }
  #footer #copyright {
    background: #2b426c;
    color: #fff; }

@media screen and (min-width: 480px) {
  #sigleCours {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    color: #000; }

  #titreCours {
    font-size: 40px;
    font-size: 4rem;
    line-height: 50px;
    line-height: 5rem;
    color: #000;
    margin-bottom: 0;
    font-family: "Montserrat Alternates"; }

  #zoneMenu {
    padding-top: 7px;
    margin-bottom: 1px; } }
@media screen and (min-width: 768px) {
  body[data-typemenu=header] #menuPrincipal {
    margin-top: 10px; }
    body[data-typemenu=header] #menuPrincipal .lstMenuPrincipal > li > a {
      padding: 5px 10px; }
    body[data-typemenu=header] #menuPrincipal .lstMenuPrincipal .sub {
      background: #e2ecf6;
      border-bottom: 1px solid #813d7a; }
      body[data-typemenu=header] #menuPrincipal .lstMenuPrincipal .sub a {
        color: #000; }
    body[data-typemenu=header] #menuPrincipal .lstMenuPrincipal > li.itemActif > a {
      background: #acd0ea;
      color: #000; }
    body[data-typemenu=header] #menuPrincipal .lstMenuPrincipal > li.active > a, body[data-typemenu=header] #menuPrincipal .lstMenuPrincipal > li.itemActif > a:hover, body[data-typemenu=header] #menuPrincipal .lstMenuPrincipal > li > a:focus, body[data-typemenu=header] #menuPrincipal .lstMenuPrincipal > li > a:hover {
      background: #acd0ea;
      color: #000; } }