@charset "UTF-8";
/* Definie les couleurs du template1
 * utilisé par default pour les auteurs
 */
/** Couleurs ObjectifPASS */
/** pour les cours https://coolors.co/5c91cd-69c0b3-f45b69-233d4d-fcca46*/
/* Couleurs du theme*/
/*#00cccc*/
/*$colorC */
/* Couleurs specifiques */
/* Backgrounds */
/** Couleurs pour les visiteurs **/
/*Bleu clair -> bleu*/
/*Orange -> vert*/
/*violet - bleu foncé*/
/*Vert*/
/* presque noir */
/* gris foncé pour le text #8c8c8c*/
/* gris clair */
/* gris très clair */
/*
 * Mise en forme pour les auteurs
 */
/*
 * Mise en forme des styles de bases réutilisé sur tout le site
 * inclu dans visiteur.css, auteur.css et etudiant.css
 */
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
html, body, div, span, applet, object, iframe,
h1, h2, h3, .qcm_liste .resultats, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
 * Styles de bases pouvant être réutilisé
 * et variables
 */
/* ----------------- SASS mixin -----------------*/
.cache {
  display: none !important; }

/* ----------------- Styles à réutiliser -----------------*/
.BoiteRonde, .Recherche, .Redac .Entete, .Redac .Enonce, .Redac .Commentaires, .QCM_entete, .QCM_block_commentaires, .compteQCM {
  position: relative;
  margin: 5px 0 5px 0;
  padding: 6px 10px 6px 10px;
  border-radius: 14px;
  border: 2px solid #333; }

.Block, .QCM_block_questions, .QCM_block_explications {
  position: relative;
  margin: 5px 0 5px 0;
  padding: 1px 2px 1px 2px;
  border-radius: 6px; }

.TextBoite, .Redac .BlockEnonce:after, .Redac .BlockCommentaires:after, .QCM_block_commentaires:before {
  /*content:'Text :';*/
  position: absolute;
  top: -9px;
  left: 20px;
  height: 11px;
  padding: 0 4px 0 4px;
  font-weight: bold;
  font-size: 16px; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?-c6o872");
  src: url("fonts/icomoon.eot?#iefix-c6o872") format("embedded-opentype"), url("fonts/icomoon.woff?-c6o872") format("woff"), url("fonts/icomoon.ttf?-c6o872") format("truetype"), url("fonts/icomoon.svg?-c6o872#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
.icon-ai:before, .icon-robot:before, #loadingMask .text:before, .tMessage .info .pseudo.ai:before,
.icon-happy:before, .icon-angry:before, .icon-confused:before, .icon-neutral:before,
.icon-user:before, .icon-user2:before, .icon-user3:before, #menu_mobile a.devenir_tuteur:before, .tMessage .info .pseudo.auteur:before, .icon-envelop:before, #menu_mobile a.thread:before, #header #raccourci_mobile a.thread_qcm:before, .icon-at:before, .icon-lock:before, .noteDeCours .body .links .serie.playPayant:before, .icon-key:before, #menu_mobile a.connexion:before, .icon-switch:before, #menu_mobile a.deconnexion:before, #menu .deconnexion:before, .icon-switch-2:before,
.icon-wrench:before,
#menu_mobile a.parametres:before,
#menu .parametres:before, .icon-bolt:before, #menu_mobile a.series:before, #menu_mobile a.demo_images:before, .icon-paint-format:before, .icon-warning:before, .tMessage .info .action.delete:before, .icon-new:before, .icon-pushpin:before, .icon-checkmark:before, .RechercheUploads .resultats .status.parAutre:before, .RechercheUploads .resultats .status.parMoi:before, .noteDeCours.downloaded .body .links .download:before, .icon-cancel:before, .RechercheUploads .resultats .status.pasFait:before,
.icon-pen-alt2:before, .icon-remove:before, .icon-play:before, div.tableDesMatieres div.ligne.vide:before, div.tableDesMatieres div.ligne .play:before, .noteDeCours .body .links .serie.play:before, .RechercheTableau .continuer:before, .icon-info:before, #menu .aide:before, .icon-cart:before, #menu_mobile a.inscription:before, #menu_mobile a.abonnement:before, .icon-plus:before, div.tableDesMatieres div.ligne.ferme:before, #header #bouton_mobile_left:before, .icon-plus-alt:before, .icon-minus:before, div.tableDesMatieres div.ligne.ouvert:before, .icon-minus-alt:before,
.icon-thumbs-up:before,
.tMessage .info .like .nbLike:before,
.tMessage .text .plus1:before, .icon-thumbs-down:before, .icon-stopwatch:before, .noteDeCours .body .links .serie.playVide:before, .icon-stats:before, #menu_mobile a.stat:before, #menu .stat:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-arrow-up:before,
.icon-arrow-down:before, .icon-record:before, .icon-feather:before, #menu_mobile a.colles:before, .icon-bolt:before, #menu_mobile a.series:before, #menu_mobile a.demo_images:before, .icon-chat:before, #menu_mobile a.forum:before, .noteDeCours .body .links .thread:before, .icon-list:before, #bouton_menu_mobile:before, .icon-facebook:before, .icon-home:before, #menu_mobile a.accueil:before, .icon-cart:before, #menu_mobile a.inscription:before, #menu_mobile a.abonnement:before,
.icon-mobile:before, .icon-bars:before, .icon-trophy:before, .icon-gift:before, #menu_mobile a.parrainage:before, .icon-euro:before, .icon-office:before, #menu_mobile a.choixfac:before, .icon-lab:before, .icon-billet:before, .icon-books:before, #menu_mobile a.annales:before, .icon-copy:before,
.icon-signup:before,
#menu .cb:before, .icon-cloud-upload:before, #menu_mobile a.cours:before, .icon-question:before, #menu_mobile a.faq:before,
.icon-quotes-right:before, .icon-quotes-left:before,
.icon-arrow-down1:before, .icon-arrow-down2:before, .noteDeCours .body .links .download:before, .icon-file-pdf:before, .noteDeCours .body .links .download .pdf:before, #header #raccourci_mobile a.thread_cours:before, .icon-file-word:before, .noteDeCours .body .links .download .word:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  /*line-height: 1;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-ai:before {
  content: "\e903"; }

.icon-robot:before, #loadingMask .text:before, .tMessage .info .pseudo.ai:before {
  content: "\e902"; }

.icon-happy:before {
  content: "\e9df"; }

.icon-angry:before {
  content: "\e9ed"; }

.icon-confused:before {
  content: "\e9f5"; }

.icon-neutral:before {
  content: "\e9f7"; }

.icon-arrow-down1:before {
  content: "\ea36"; }

.icon-arrow-down2:before, .noteDeCours .body .links .download:before {
  content: "\ea3e"; }

.icon-file-pdf:before, .noteDeCours .body .links .download .pdf:before, #header #raccourci_mobile a.thread_cours:before {
  content: "\eadf"; }

.icon-file-word:before, .noteDeCours .body .links .download .word:before {
  content: "\eae1"; }

.icon-books:before, #menu_mobile a.annales:before {
  content: "\e614"; }

.icon-copy:before {
  content: "\e615"; }

.icon-quotes-right:before {
  content: "\e901"; }

.icon-quotes-left:before {
  content: "\e900"; }

.icon-signup:before, #menu .cb:before {
  content: "\e616"; }

.icon-cloud-upload:before, #menu_mobile a.cours:before {
  content: "\e617"; }

.icon-question:before, #menu_mobile a.faq:before {
  content: "\e618"; }

.icon-home:before, #menu_mobile a.accueil:before {
  content: "\e609"; }

.icon-office:before, #menu_mobile a.choixfac:before {
  content: "\e611"; }

.icon-cart:before, #menu_mobile a.inscription:before, #menu_mobile a.abonnement:before {
  content: "\e60a"; }

.icon-bars:before {
  content: "\e60d"; }

.icon-gift:before, #menu_mobile a.parrainage:before {
  content: "\e60f"; }

.icon-lab:before {
  content: "\e612"; }

.icon-billet:before {
  content: "\e613"; }

.icon-mobile:before {
  content: "\e60c"; }

.icon-feather:before, #menu_mobile a.colles:before {
  content: "\e606"; }

.icon-chat:before, #menu_mobile a.forum:before, .noteDeCours .body .links .thread:before {
  content: "\e605"; }

.icon-bolt:before, #menu_mobile a.series:before, #menu_mobile a.demo_images:before {
  content: "\e607"; }

.icon-list:before, #bouton_menu_mobile:before {
  content: "\e608"; }

.icon-record:before {
  content: "\e604"; }

.icon-facebook:before {
  content: "\e60b"; }

.icon-arrow-left:before {
  content: "\e600"; }

.icon-arrow-down:before {
  content: "\e601"; }

.icon-arrow-up:before {
  content: "\e602"; }

.icon-arrow-right:before {
  content: "\e603"; }

.icon-trophy:before {
  content: "\e60e"; }

.icon-euro:before {
  content: "\e610"; }

.icon-lock:before, .noteDeCours .body .links .serie.playPayant:before {
  content: "\e006"; }

.icon-key:before, #menu_mobile a.connexion:before {
  content: "\e007"; }

.icon-switch:before, #menu_mobile a.deconnexion:before, #menu .deconnexion:before {
  content: "\e008"; }

.icon-wrench:before, #menu_mobile a.parametres:before, #menu .parametres:before {
  content: "\e00a"; }

.icon-user:before {
  content: "\e000"; }

.icon-new:before {
  content: "\e00e"; }

.icon-checkmark:before, .RechercheUploads .resultats .status.parAutre:before, .RechercheUploads .resultats .status.parMoi:before, .noteDeCours.downloaded .body .links .download:before {
  content: "\e011"; }

.icon-cancel:before, .RechercheUploads .resultats .status.pasFait:before {
  content: "\e003"; }

.icon-pen-alt2:before {
  content: "\e012"; }

.icon-thumbs-up:before, .tMessage .info .like .nbLike:before, .tMessage .text .plus1:before {
  content: "\e01b"; }

.icon-thumbs-down:before {
  content: "\e01c"; }

.icon-stopwatch:before, .noteDeCours .body .links .serie.playVide:before {
  content: "\e01d"; }

.icon-stats:before, #menu_mobile a.stat:before, #menu .stat:before {
  content: "\e01e"; }

.icon-user2:before {
  content: "\e001"; }

.icon-user3:before, #menu_mobile a.devenir_tuteur:before, .tMessage .info .pseudo.auteur:before {
  content: "\e002"; }

.icon-envelop:before, #menu_mobile a.thread:before, #header #raccourci_mobile a.thread_qcm:before {
  content: "\e004"; }

.icon-remove:before {
  content: "\e014"; }

.icon-play:before, div.tableDesMatieres div.ligne.vide:before, div.tableDesMatieres div.ligne .play:before, .noteDeCours .body .links .serie.play:before, .RechercheTableau .continuer:before {
  content: "\e013"; }

.icon-info:before, #menu .aide:before {
  content: "\e015"; }

.icon-plus:before, div.tableDesMatieres div.ligne.ferme:before, #header #bouton_mobile_left:before {
  content: "\e019"; }

.icon-minus:before, div.tableDesMatieres div.ligne.ouvert:before {
  content: "\e018"; }

.icon-warning:before, .tMessage .info .action.delete:before {
  content: "\e00d"; }

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  top: 4px;
  cursor: pointer;
  background: url(../img/switch.png) 0 0 no-repeat; }

.switch .ss-on {
  position: absolute;
  display: block;
  width: 30px;
  height: 17px;
  background: url(../img/switch.png) -30px 0 no-repeat; }

.switch .ss-slider {
  position: absolute;
  left: 0px;
  width: 15px;
  height: 16px;
  margin: 0 1px;
  background: url(../img/switch.png) -60px 0 no-repeat; }

.switch.icons {
  background-position: 0 -17px; }

.switch.icons .ss-on {
  background: url(../img/switch.png) -30px -17px no-repeat; }

/* en desous style mobile*/
/*HTML5*/
wrapper, header, section, nav, aside, footer, article {
  display: block; }

#menu_mobile, #bouton_menu_mobile {
  display: none; }

/*------------------------------------------------*
 *     					Styles                       *
 *------------------------------------------------*/
/* ----------------- Styles generaux -----------------*/
html {
  line-height: 1.2; }

h1 {
  font-size: 180%;
  font-weight: bold; }

h2 {
  font-size: 125%; }

h3, .qcm_liste .resultats {
  font-size: 110%; }

p {
  margin: 0.4em 0 0.4em 0;
  text-align: justify; }

h1, h2, h3, .qcm_liste .resultats, h4, h5, h6 {
  margin: 0.4em 0 0.4em 0; }

strong {
  font-weight: bold; }

b {
  font-weight: bold; }

i {
  font-style: italic; }

em {
  text-decoration: underline; }

sup {
  line-height: 1em;
  vertical-align: super;
  font-size: smaller; }

.smallcaps {
  font-variant: small-caps !important; }

.erreur {
  color: #F00; }

.centerH {
  text-align: center; }

.clear {
  /*Pour les flotants*/
  clear: both;
  height: 0;
  overflow: hidden;
  /* Précaution pour IE 7 */ }

.EasyPaces span {
  font-variant: small-caps !important; }

.ObjectifPass {
  color: #5C91CD;
  position: relative;
  display: inline-block;
  height: 1em;
  width: 5em;
  top: 0.5ex;
  background: center/contain no-repeat url(../img/logo_objectifpass.png); }
  .ObjectifPass span {
    font-size: 0; }

.colorV1 {
  color: #5C91CD !important; }

.colorV2 {
  color: #69C0B3 !important; }

.colorOrange {
  color: #f1833d !important; }

/* ----------------- Styles menu -----------------*/
#menu a {
  font-variant: small-caps;
  text-decoration: none; }

/* ----------------- Styles status -----------------*/
#status {
  font-weight: bolder;
  font-size: 95%; }

/* ----------------- Styles sidebar -----------------*/
/* voir _sidebar */
/* ----------------- Styles main -----------------*/
.main ul {
  list-style: circle;
  padding-left: 2em; }

.main ol {
  list-style: decimal;
  padding-left: 2em; }

.main .noteBasPage {
  font-style: italic;
  font-size: 90%; }

@media (min-width: 621px) {
  .main {
    font-size: 18px; } }
@media (max-width: 620px) {
  .main {
    font-size: 16px; } }
@media (max-width: 440px) {
  .main {
    font-size: 14px; } }

/* ----------------- Styles help -----------------*/
#help ul {
  list-style: circle;
  padding-left: 2em; }
#help ol {
  list-style: decimal;
  padding-left: 2em; }
#help p {
  text-align: justify; }
#help h2, #help h3, #help .qcm_liste .resultats, .qcm_liste #help .resultats, #help a {
  color: #FFF; }
#help h2 {
  font-size: 140%;
  font-weight: bold; }
#help h3, #help .qcm_liste .resultats, .qcm_liste #help .resultats {
  font-size: 100%;
  font-weight: bold;
  font-style: italic; }
#help a {
  font-style: italic; }

/* ------------------ Loading (quand navigation en Ajax)*/
#loading {
  display: none;
  position: absolute;
  top: 150px;
  width: 100%;
  text-align: center; }

/* ------------------ Boutons */
.bouton, .bouton_vert, .bouton_rouge {
  border: none;
  display: inline-block;
  font-size: 100%;
  padding: 4px 8px 4px 8px;
  margin: 2px;
  text-align: center;
  text-decoration: none;
  font-family: Arial,sans-serif;
  color: #000;
  cursor: pointer;
  border-radius: 8px;
  box-shadow: 1px 2px 4px black, 1px 2px 2px rgba(255, 255, 255, 0.6) inset;
  transition: all 0.5s ease; }

.bouton {
  background: #1E7094;
  /*@include background-image(linear-gradient(#AAA, #555));*/ }

.bouton_vert {
  background: #00cccc;
  /*@include background-image(linear-gradient(#3F6, #050));*/ }

.bouton_rouge {
  background: #878787;
  /*@include background-image(linear-gradient(#F41, #521));*/ }

.bouton:hover, .bouton_vert:hover, .bouton_rouge:hover {
  background: #00425F;
  	/*box-shadow: 1px 1px 10px rgba( 0, 0, 0, 0.8) inset,
                 0px -1px 0 rgba( 255, 255, 255, 0.8) inset;*/ }

.bouton:active, .bouton_vert:active, .bouton_rouge:active {
  transition: all 0.1s ease;
  position: relative;
  top: 2px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8) inset;
  	/*box-shadow: 4px 4px 10px rgba( 0, 0, 0, 0.9) inset,
                 0px -2px 0 rgba( 255, 255, 255, 0.8) inset;*/ }

.bouton_bleu, .bouton_v4 {
  margin: 10px;
  padding: 10px 10px;
  cursor: pointer;
  font-family: Comfortaa, cursive;
  font-weight: 300;
  font-size: 100%;
  transition: all 0.3s ease;
  border-radius: 5px;
  color: #fff; }

.bouton_bleu {
  /* Jolie bouton bleu pour inscription */
  background: #56c2e1;
  border: 1px solid #46b3d3;
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.75); }
  .bouton_bleu:hover {
    color: #fff;
    text-decoration: none;
    background: #3f9db8;
    border: 1px solid rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); }
  .bouton_bleu:active {
    top: 35px;
    background: #56c2e1;
    box-shadow: inset 0 1px 6px rgba(255, 255, 255, 0.75); }

.bouton_v4 {
  /* Jolie bouton bleu pour inscription */
  background: #69C0B3;
  border: none;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75), 0 0 20px rgba(255, 255, 255, 0.4); }
  .bouton_v4:hover {
    color: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75), 0 0 40px rgba(255, 255, 255, 0.7); }
  .bouton_v4:active {
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5), 0 0 40px rgba(255, 255, 255, 0.7); }

/*------------------------------------------------*
 *     			  Developpement                    *
 *------------------------------------------------*/
/* ------------------ Debug */
.debug {
  position: relative;
  z-index: 1000;
  padding: 6px;
  font-size: 15px;
  font-family: Arial,sans-serif;
  color: #FA0;
  background: #222; }

/* ------------------ MAJ du site */
#MAJsite {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99000;
  padding: 25% 0;
  text-align: center;
  font-size: 20px;
  font-family: Arial,sans-serif;
  color: #5C91CD;
  background: #242A57; }
  #MAJsite p {
    text-align: center; }

/*------------------------------------------------*
 *   		  Mobile et petit ecran                  *
 *------------------------------------------------*/
@media (min-width: 722px) {
  .show_mobile {
    display: none !important; } }
@media (max-width: 721px) {
  /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
  img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
    max-width: 100%; }

  /* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
  img {
    height: auto;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  /* gestion des mots longs */
  textarea, table, td, th, code, pre, samp {
    word-wrap: break-word;
    /* passage à la ligne forcé */
    -webkit-hyphens: auto;
    /* césure propre */
    -moz-hyphens: auto;
    hyphens: auto; }

  code, pre, samp {
    white-space: pre-wrap;
    /* passage à la ligne spécifique pour les éléments à châsse fixe */ }

  /* masquer les éléments superflus */
  .hide_mobile {
    display: none !important; } }
@media (max-width: 280px) {
  p {
    text-align: left; } }
/*
 * Mise en forme de l'interface pour auteur
 */
/*
 * Pour la sidebar des auteurs
 * inclue dans _interface
 */
#sidebar {
  background-color: #00425F;
  /* Bouton accès rapide QCM */
  /* Propriétées général des onglets */
  /*fin li*/
  /* h3 (section Auteur et Correcteur)*/
  /** affichage du nombre de likes */ }
  @media (min-width: 722px) {
    #sidebar {
      box-shadow: 4px 0px 8px #222 inset, -2px 2px 1px rgba(0, 0, 0, 0.5) inset, 0px 1px 1px #fff; } }
  #sidebar #acces_qcm {
    text-align: center; }
    #sidebar #acces_qcm input {
      width: 100px; }
    #sidebar #acces_qcm span {
      position: relative;
      top: 3px;
      font-size: 18px;
      padding: 0 4px;
      cursor: pointer;
      color: #00cccc; }
  #sidebar ul {
    margin: 6px 0 8px 0; }
  #sidebar ul.onglet li {
    /*
     * Affichage du data-n
     */
    /* pour les onglets avec un nombre!=0 et !inactif*/
    /* pour les onglets avec un nombre = 0 ou inactif*/ }
    #sidebar ul.onglet li a {
      position: relative;
      left: 0px;
      display: block;
      margin: 3px 3px 3px 3px;
      padding: 2px 3px;
      font-size: 16px;
      border-radius: 8px 11px 11px 0px;
      box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4) inset;
      text-decoration: none;
      background-color: #00cccc; }
    #sidebar ul.onglet li a:hover {
      color: white !important; }
    #sidebar ul.onglet li a:active {
      background-color: #00425F !important; }
    #sidebar ul.onglet li a[data-n]:after {
      content: attr(data-n);
      display: block;
      position: absolute;
      top: 2px;
      right: 4px;
      /*float:right;*/
      text-align: center;
      width: 35px;
      font-weight: bold;
      background-color: #00425F;
      border-radius: 10px;
      box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.5) inset, 0px 1px 0px rgba(255, 255, 255, 0.4); }
    #sidebar ul.onglet li a[data-n]:after {
      color: #9CE0D8;
      text-shadow: -1px 1px 0px #000; }
    #sidebar ul.onglet li a.urgent {
      background-color: #E24C35; }
      #sidebar ul.onglet li a.urgent:after {
        color: #E24C35; }
    #sidebar ul.onglet li a[data-n='0']:after, #sidebar ul.onglet li a.inactif:after {
      color: #000;
      text-shadow: none; }
    #sidebar ul.onglet li a[data-n='0'], #sidebar ul.onglet li a.inactif {
      background-color: #1E7094; }
  #sidebar h3, #sidebar .qcm_liste .resultats, .qcm_liste #sidebar .resultats {
    font-size: 20px;
    margin: 5px 0 5px 10px;
    font-weight: 300;
    color: #00cccc; }
  #sidebar #nbLikes {
    text-align: center;
    color: #69C0B3; }

#menu_mobile, #bouton_menu_mobile {
  display: none; }

#bouton_menu_mobile {
  display: none; }

@media (max-width: 721px) {
  #menu {
    display: none; }

  #bouton_menu_mobile {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 70px;
    text-align: center;
    line-height: 60px;
    font-weight: normal !important;
    font-size: 32px;
    transition: 0.5s;
    cursor: pointer; }
    #bouton_menu_mobile.etudiant {
      color: #efefee; }
    #bouton_menu_mobile.visiteur {
      color: #69C0B3; }

  #menu_mobile {
    display: block;
    position: absolute;
    z-index: 2;
    box-sizing: border-box;
    top: 0;
    right: 0;
    bottom: 0;
    /*height:100%;*/
    padding: 20px 0 0 0;
    width: 200px;
    background-color: #242A57; }
    #menu_mobile a {
      display: block;
      height: 35px;
      line-height: 35px;
      margin: 5px 0;
      padding-left: 40px;
      color: #69C0B3;
      text-decoration: none; }
      #menu_mobile a:before {
        position: absolute;
        left: 15px;
        font-size: 110%; }
      #menu_mobile a.actif {
        color: #5C91CD; } }
    @media (max-width: 721px) and (max-height: 440px) {
      #menu_mobile a {
        height: 27px;
        line-height: 27px;
        font-size: 90%; } }

  @media (max-width: 721px) and (max-height: 440px) and (max-height: 350px) {
    #menu_mobile a {
      height: 18px;
      line-height: 18px;
      font-size: 80%; } }

@media (max-width: 721px) {
  #wrapper {
    transition: all 0.5s; }
    #wrapper #wrapper_cache {
      display: none; }

  body.menu_mobile_ouvert #bouton_menu_mobile {
    color: #69C0B3;
    transform: rotate(-90deg); }
  body.menu_mobile_ouvert #wrapper {
    height: 100%;
    overflow-y: hidden;
    transform: translate3d(-200px, 0, 0);
    box-shadow: 4px 0 2px rgba(0, 0, 0, 0.7); }
    body.menu_mobile_ouvert #wrapper #wrapper_cache {
      display: block;
      position: absolute;
      z-index: 100;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%; } }
/* Table des matieres
 * Pour les pages
 *  entrainement/selection_series
 *  stat_auteurs 
 */
/* Table des matiere pour la confection de la nouvelle serie ou le compte des QCM */
div.tableDesMatieres {
  cursor: default; }
  div.tableDesMatieres div.ligne {
    position: relative;
    padding: 3px 0;
    line-height: 28px; }
    div.tableDesMatieres div.ligne:before {
      position: relative;
      /*top:0.5em;*/
      padding: 0 0.5ex 0 0;
      font-size: 75%;
      color: #00425F; }
    div.tableDesMatieres div.ligne.ouvert .nom, div.tableDesMatieres div.ligne.ferme .nom {
      cursor: pointer; }
    div.tableDesMatieres div.ligne .id {
      position: relative;
      padding: 0 0.5ex 0 0;
      font-style: italic;
      font-weight: 400;
      color: #7c7c7c;
      font-size: 80%; }
    div.tableDesMatieres div.ligne .nom {
      position: relative;
      padding: 0 0 0 0; }
      div.tableDesMatieres div.ligne .nom.what0 {
        font-weight: 800; }
      div.tableDesMatieres div.ligne .nom.what1 {
        font-weight: 800;
        color: #972e97; }
      div.tableDesMatieres div.ligne .nom.what2 {
        color: #69C0B3; }
      div.tableDesMatieres div.ligne .nom.what3 {
        color: #de55de; }
      div.tableDesMatieres div.ligne .nom.what4 {
        font-style: italic;
        color: #7c7c7c; }
      div.tableDesMatieres div.ligne .nom.what66 {
        font-size: 80%;
        font-style: italic;
        color: #7c7c7c; }
      div.tableDesMatieres div.ligne .nom.what99 {
        font-style: italic;
        color: #F00; }
    div.tableDesMatieres div.ligne .nb {
      padding-left: 0.5em;
      font-size: 90%;
      /** Pour les etudiants **/
      /** Pour les tuteurs **/ }
      div.tableDesMatieres div.ligne .nb .nb_fait {
        color: green; }
      div.tableDesMatieres div.ligne .nb .nb_tot, div.tableDesMatieres div.ligne .nb .nb_dispo {
        color: #5C91CD; }
      div.tableDesMatieres div.ligne .nb .nb_payant {
        color: #69C0B3; }
      div.tableDesMatieres div.ligne .nb.nb_series_att.paszero {
        color: red; }
      div.tableDesMatieres div.ligne .nb.nb_series_att.zero {
        color: #00425F; }
      div.tableDesMatieres div.ligne .nb.nb_series_prog {
        color: #006666; }
      div.tableDesMatieres div.ligne .nb.nb_colles {
        color: black; }
      div.tableDesMatieres div.ligne .nb.nb_ccb {
        color: #00425F; }
      div.tableDesMatieres div.ligne .nb.nb_total {
        font-weight: bold;
        color: #00425F; }
    div.tableDesMatieres div.ligne .play {
      position: relative;
      top: 6px;
      padding: 5px;
      font-size: 24px;
      line-height: 0px;
      text-decoration: none;
      color: #5C91CD; }
    div.tableDesMatieres div.ligne .prof {
      display: none;
      padding: 0 2px;
      font-style: italic;
      color: #00425F;
      font-size: 85%; }
      div.tableDesMatieres div.ligne .prof:before {
        content: "Pr "; }
  div.tableDesMatieres .enfants {
    padding: 0 0 4px 25px; }

/** Pour poster un nouveau message sur un thread */
#postThreadMessage {
  text-align: center; }
  #postThreadMessage textarea {
    width: 95%;
    padding: 1ex;
    margin-top: 0.5ex; }
  #postThreadMessage .send {
    display: inline-block;
    font-size: 85%;
    line-height: 120%; }

#threadOpenForm {
  cursor: pointer;
  text-align: center;
  color: #5C91CD; }
  #threadOpenForm .icon {
    font-size: 200%; }

#loadingMask {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1ex;
  background: #00000090;
  z-index: 1000; }
  #loadingMask .text {
    position: relative;
    top: 25%;
    background: white;
    padding: 1ex 2ex 2ex 2ex;
    margin: 0 auto;
    max-width: 500px;
    border-radius: 6ex;
    text-align: center;
    box-shadow: 0 0 1ex 0px #0000006b; }
    #loadingMask .text:before {
      display: block;
      margin: 0 auto 10px 0;
      font-size: 70px;
      color: #f1833d; }
    #loadingMask .text .dots {
      height: 1em;
      font-size: 150%;
      color: #f1833d; }

/** Affichage du thread : */
.tMessage {
  margin: 1.5ex 0;
  overflow: hidden;
  border-radius: 1ex;
  box-shadow: 0 0 1ex 0px #0000006b;
  background-color: white; }
  .tMessage.old {
    max-width: 650px;
    margin: 1.0ex auto;
    font-size: 85%;
    box-shadow: 0 0 1ex 0px #00000040; }
  .tMessage.deleted {
    opacity: 0.5;
    font-size: 80%; }
  .tMessage .info {
    display: flow-root;
    position: relative;
    padding: 0.5ex 1.5ex;
    background-color: #efefee; }
    .tMessage .info .pseudo {
      float: left;
      font-weight: bold; }
      .tMessage .info .pseudo.auteur {
        color: #5C91CD; }
        .tMessage .info .pseudo.auteur:before {
          padding-right: 0.5ex; }
        .tMessage .info .pseudo.auteur.admin {
          color: #242A57; }
          .tMessage .info .pseudo.auteur.admin:after {
            content: ' admin';
            font-weight: normal;
            font-style: italic; }
      .tMessage .info .pseudo.ai {
        color: #f1833d; }
        .tMessage .info .pseudo.ai:before {
          padding-right: 0.5ex; }
      .tMessage .info .pseudo.etudiant {
        color: #69C0B3; }
    .tMessage .info .date {
      float: right;
      font-style: italic;
      padding: 0 1ex; }
    .tMessage .info .action {
      float: right;
      padding: 0 1ex;
      cursor: pointer;
      text-decoration: none; }
      .tMessage .info .action.delete {
        color: #800; }
      .tMessage .info .action.undelete {
        color: #800; }
      .tMessage .info .action.modify {
        margin: 0 1ex;
        padding: 0.5ex 1ex;
        font-weight: bold;
        color: #800;
        background-color: white;
        border-radius: 1ex;
        font-size: 90%;
        box-shadow: 0 1px 2px -1px #0000005b; }
    .tMessage .info .like {
      float: right;
      color: #5C91CD;
      padding: 0 0.5ex;
      border-radius: 2ex; }
      .tMessage .info .like.liked {
        font-weight: bold;
        color: #69C0B3; }
      .tMessage .info .like.me {
        font-weight: bold;
        color: #e32d91; }
      .tMessage .info .like.active {
        cursor: pointer;
        background-color: white; }
      .tMessage .info .like.inactive.zero {
        display: none; }
      .tMessage .info .like .nbLike {
        padding: 0 0.25ex; }
        .tMessage .info .like .nbLike:before {
          padding-right: 0.25ex; }
      .tMessage .info .like .thanks {
        font-family: Arial, sans-serif; }
      .tMessage .info .like.liked .thanks {
        display: none; }
  .tMessage .text {
    padding: 1ex 1.5ex;
    color: #3a3a3a; }
    .tMessage .text .plus1 {
      padding: 0 0.5ex;
      background-color: #efefee;
      font-style: normal;
      color: #5C91CD;
      font-family: Arial, sans-serif;
      border-radius: 2ex; }

.thread_status {
  position: relative; }
  .thread_status .tMessage {
    margin-bottom: 4ex;
    padding-bottom: 2ex; }
  .thread_status .open .followMask {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 5ex;
    left: 0;
    right: 0;
    cursor: pointer; }
  .thread_status .open .info {
    color: white; }
    .thread_status .open .info .follow {
      z-index: 1;
      position: absolute;
      right: 2ex;
      top: 0.2ex;
      font-style: normal; }
  .thread_status .open.followOff .info {
    background-color: #ef9b8e; }
  .thread_status .open.followSeen .info {
    background-color: #69C0B3; }
  .thread_status .open.followOn .info {
    background-color: #E24C35; }
  .thread_status .close .followMask, .thread_status .close .follow {
    display: none; }
  .thread_status .close .info {
    text-align: center;
    background-color: #69C0B3;
    color: #3a3a3a; }
  .thread_status .info, .thread_status .text {
    font-style: italic; }
  .thread_status .actions {
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
    width: 100%;
    text-align: center; }
    .thread_status .actions .action {
      display: inline-block;
      padding: 1ex 1ex;
      margin: 0 1ex;
      cursor: pointer;
      font-weight: bold;
      border-radius: 3ex;
      box-shadow: 0 0 0.5ex 0px #0000006b;
      background-color: white; }
      .thread_status .actions .action.yes, .thread_status .actions .action.thanks {
        color: #69C0B3; }
      .thread_status .actions .action.no {
        color: #ef9b8e; }

/*
 * Pour la page recherche Uploads
 */
.RechercheUploads #infoCommentaire {
  text-align: center;
  font-style: italic;
  font-size: 90%; }
  .RechercheUploads #infoCommentaire span {
    font-weight: bold;
    color: #062;
    font-style: normal; }
.RechercheUploads .resultats {
  margin-top: 0.5em;
  padding: 0px;
  border: 1px #3a3a3a solid;
  border-radius: 10px;
  overflow: hidden;
  cursor: default; }
  .RechercheUploads .resultats .date, .RechercheUploads .resultats .prof, .RechercheUploads .resultats .user, .RechercheUploads .resultats .nom, .RechercheUploads .resultats .ext, .RechercheUploads .resultats .taille, .RechercheUploads .resultats .download {
    display: inline-block; }
  .RechercheUploads .resultats .prof, .RechercheUploads .resultats .user, .RechercheUploads .resultats .nom, .RechercheUploads .resultats .ext, .RechercheUploads .resultats .taille, .RechercheUploads .resultats .download, .RechercheUploads .resultats .status {
    position: absolute;
    overflow: hidden;
    height: 1.1em; }
  .RechercheUploads .resultats .prof {
    left: 4em;
    width: 5em; }
  .RechercheUploads .resultats .user {
    left: 9.5em;
    width: 4.5em; }
  .RechercheUploads .resultats .nom {
    left: 15em;
    right: 10em; }
  .RechercheUploads .resultats .ext {
    right: 9em; }
  .RechercheUploads .resultats .taille {
    right: 5em; }
  .RechercheUploads .resultats .download {
    right: 3em; }
  .RechercheUploads .resultats .status {
    right: 1.2em; }
    .RechercheUploads .resultats .status.parMoi, .RechercheUploads .resultats .status.pasFait {
      cursor: pointer; }
    .RechercheUploads .resultats .status.parAutre {
      color: #1E7094; }
    .RechercheUploads .resultats .status.parMoi {
      color: #062; }
    .RechercheUploads .resultats .status.pasFait {
      color: #7c7c7c; }
  .RechercheUploads .resultats .nomColonnes {
    padding: 5px 7px;
    font-weight: bold;
    background: #3a3a3a url(../img/background/tachete_gris-fonce.jpg); }
    .RechercheUploads .resultats .nomColonnes a {
      color: #efefee; }
      .RechercheUploads .resultats .nomColonnes a.orderBy {
        color: #5C91CD;
        /*
        &.ASC:after{
           content:'^';
        }
        &.DESC:after{
           content:'D';
        }
        */ }
    .RechercheUploads .resultats .nomColonnes .nom {
      text-align: center; }
  .RechercheUploads .resultats .ligne {
    padding: 1px 0; }
    .RechercheUploads .resultats .ligne.paire {
      background: #efefee; }
    .RechercheUploads .resultats .ligne.commentaires .download, .RechercheUploads .resultats .ligne.commentaires .user {
      font-weight: bold;
      color: #062; }
    .RechercheUploads .resultats .ligne .date {
      width: 2.5em;
      text-align: right; }
      .RechercheUploads .resultats .ligne .date.annee {
        font-weight: bold;
        color: #1E7094; }

#RechercehNotesDeCours, .noteDeCours {
  display: block;
  max-width: 75ex;
  margin: 1ex auto 2ex auto;
  background-color: #efefee;
  border-radius: 1ex; }

/** Menu tuteur choix cours/annales/upload */
#menuCours {
  text-align: center; }
  #menuCours .item {
    display: inline-block;
    margin: 1ex 0.5ex;
    padding: 1.5ex 1.5ex;
    background: #69C0B3;
    border-radius: 3ex;
    text-decoration: none;
    box-shadow: 0px 2px 3px 0px #0000006b; }
    #menuCours .item.active {
      background: white;
      box-shadow: none; }

/** Menu de recherche des notes de cours */
#RechercehNotesDeCours {
  display: flow-root;
  box-sizing: border-box;
  padding: 1ex 1ex;
  box-shadow: 0 0 1ex 0 #0000006b;
  background-color: #efefee; }
  #RechercehNotesDeCours .part {
    float: left; }
    #RechercehNotesDeCours .part .subpart {
      margin: 1ex 0.5ex; }
  #RechercehNotesDeCours select, #RechercehNotesDeCours .boutonRecherche {
    border: 1px solid white;
    border-radius: 3ex;
    background-color: white;
    box-shadow: 0px 1px 2px 0px #0000006b; }
  #RechercehNotesDeCours select {
    margin: 0.5ex 0.5ex;
    padding: 0.5ex 0 0.5ex 1ex; }
    #RechercehNotesDeCours select:focus {
      outline: none;
      border: 1px solid #7c7c7c; }
  #RechercehNotesDeCours .boutonRecherche {
    position: static;
    float: right;
    margin: 0.5ex 1ex;
    padding: 1.5ex 1ex;
    color: black; }

/** Pour l'affichage d'un cours à telecharger */
.noteDeCours {
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 0 1ex 0 #0000006b; }
  .noteDeCours.downloaded .head, .noteDeCours.downloaded .body .nom, .noteDeCours.downloaded .body .commentaire, .noteDeCours.downloaded .body .links .download {
    opacity: 0.6; }
  .noteDeCours.downloaded .head {
    background-color: #fee7aa; }
    .noteDeCours.downloaded .head.UE1 {
      background-color: #aac6e5; }
    .noteDeCours.downloaded .head.UE2 {
      background-color: #dfb7de; }
    .noteDeCours.downloaded .head.UE3 {
      background-color: #b49494; }
    .noteDeCours.downloaded .head.UE7 {
      background-color: #d2d2d2; }
    .noteDeCours.downloaded .head.UE8 {
      background-color: #5dec00; }
    .noteDeCours.downloaded .head.UE9 {
      background-color: #f7cc8d; }
    .noteDeCours.downloaded .head.UE10 {
      background-color: #8ea0ce; }
    .noteDeCours.downloaded .head.SPE11 {
      background-color: #ef87c0; }
    .noteDeCours.downloaded .head.SPE12 {
      background-color: #ec582e; }
  .noteDeCours.downloaded .body .links .download {
    color: #699569;
    font-size: 75%; }
  .noteDeCours .head {
    padding: 0.6ex;
    line-height: 4ex;
    background-color: #FCCA46; }
    .noteDeCours .head.UE1 {
      background-color: #5C91CD; }
      .noteDeCours .head.UE1 .tag {
        color: #5C91CD; }
    .noteDeCours .head.UE2 {
      background-color: #bf71bd; }
      .noteDeCours .head.UE2 .tag {
        color: #bf71bd; }
    .noteDeCours .head.UE3 {
      background-color: #855d5d; }
      .noteDeCours .head.UE3 .tag {
        color: #855d5d; }
    .noteDeCours .head.UE7 {
      background-color: #9f9f9f; }
      .noteDeCours .head.UE7 .tag {
        color: #9f9f9f; }
    .noteDeCours .head.UE8 {
      background-color: #358600; }
      .noteDeCours .head.UE8 .tag {
        color: #358600; }
    .noteDeCours .head.UE9 {
      background-color: #f0a22e; }
      .noteDeCours .head.UE9 .tag {
        color: #f0a22e; }
    .noteDeCours .head.UE10 {
      background-color: #4a66ac; }
      .noteDeCours .head.UE10 .tag {
        color: #4a66ac; }
    .noteDeCours .head.SPE11 {
      background-color: #e32d91; }
      .noteDeCours .head.SPE11 .tag {
        color: #e32d91; }
    .noteDeCours .head.SPE12 {
      background-color: #a5300f; }
      .noteDeCours .head.SPE12 .tag {
        color: #a5300f; }
    .noteDeCours .head .UE {
      float: left;
      font-size: 120%;
      font-weight: bold;
      color: #3a3a3a; }
    .noteDeCours .head .tag {
      float: right;
      padding: 0.5ex 1ex;
      margin: 0 0.5ex;
      border-radius: 3ex;
      background-color: #efefee; }
      .noteDeCours .head .tag.annee {
        font-style: italic;
        font-size: 75%;
        line-height: 2ex; }
      .noteDeCours .head .tag.new, .noteDeCours .head .tag.demo {
        background-color: #efefee;
        font-weight: 600;
        line-height: 3ex; }
    .noteDeCours .head .date {
      float: right;
      padding: 0 1ex;
      color: #3a3a3a;
      font-weight: bold; }
    .noteDeCours .head .downloaded {
      float: right;
      padding: 0 1ex;
      color: #3a3a3a; }
  .noteDeCours .body {
    position: relative;
    padding: 1ex 1ex 0.25ex 1ex; }
    .noteDeCours .body .nom {
      position: relative;
      margin: 1ex 0;
      font-size: 100%;
      font-weight: bold;
      color: #3a3a3a; }
    .noteDeCours .body .commentaires {
      margin: 1ex 0;
      font-style: italic;
      color: #3a3a3a; }
    .noteDeCours .body .links {
      display: block;
      margin: 1ex 0; }
      .noteDeCours .body .links .thread, .noteDeCours .body .links .download, .noteDeCours .body .links .serie {
        display: inline-block;
        padding: 0.75ex 1ex;
        margin: 0.25ex 0.5ex;
        color: #3a3a3a;
        background-color: white;
        border-radius: 3ex;
        box-shadow: 0 2px 4px -1px #0000006b;
        text-decoration: none; }
      .noteDeCours .body .links .thread {
        float: right; }
        .noteDeCours .body .links .thread.open {
          background-color: #E24C35;
          font-size: 110%; }
        .noteDeCours .body .links .thread.close {
          font-size: 90%; }
      .noteDeCours .body .links .download {
        float: left; }
      .noteDeCours .body .links .serie {
        float: left; }
        .noteDeCours .body .links .serie.play {
          background: #56c2e1;
          color: #fff; }

/*------------------------------------------------*
*     				Positionnement                  *
*------------------------------------------------*/
/* y compris le menu*/
/* y compris le menu*/
/* hauteur des onglets repliés*/
/* hauteur des onglets dépliés*/
#wrapper, #header, #menu, #centre, #sidebar, .main, #footer {
  position: relative; }

#wrapper {
  top: 0;
  bottom: 0;
  z-index: 10; }
  @media (min-width: 722px) {
    #wrapper {
      max-width: 1100px;
      min-width: 600px;
      margin: 0px auto 10px auto; } }
  @media (max-width: 721px) {
    #wrapper {
      position: absolute;
      width: 100%;
      background: #efefee; } }

#header {
  height: 103px;
  padding: 1px 30px; }
  @media (max-width: 721px) {
    #header {
      height: 58px;
      background: #242A57;
      border-bottom: 2px solid #ddd; } }
  #header #raccourci_mobile {
    position: absolute;
    top: 12px;
    right: 65px; }
    #header #raccourci_mobile a {
      display: inline-block;
      margin: 0 0.1ex;
      padding: 0.5ex 0.5ex;
      font-size: 95%;
      height: 30px;
      line-height: 30px;
      border-radius: 8px;
      background: #1E7094;
      color: black;
      text-align: center;
      text-decoration: none; }
      #header #raccourci_mobile a.urgent {
        background: #E24C35; }
  #header #bouton_mobile_left {
    display: none; }
    @media (max-width: 721px) {
      #header #bouton_mobile_left {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 70px;
        text-align: center;
        line-height: 60px;
        font-weight: normal !important;
        font-size: 22px;
        transition: 0.5s;
        cursor: pointer;
        color: #efefee; } }

#centre {
  min-height: 505px; }
  @media (min-width: 722px) {
    #centre {
      padding: 5px 0 5px 0;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      box-shadow: 12px 0px 10px -10px #222 inset, -12px 0px 10px -10px #222 inset, 0px -8px 10px -5px rgba(0, 0, 0, 0.9), 8px 9px 20px rgba(0, 0, 0, 0.8);
      background-color: #878787; } }
  @media (max-width: 721px) {
    #centre {
      overflow-x: hidden; } }

#menu {
  position: absolute;
  top: 65px;
  left: 0;
  height: 40px;
  width: 100%;
  padding: 0;
  z-index: 10;
  font-size: 20px; }
  @media (max-width: 700px) {
    #menu {
      font-size: 16px; } }
  #menu #menu_wrapper {
    padding: 0px 20px 0px 100px; }
    @media (max-width: 900px) {
      #menu #menu_wrapper {
        padding: 0 5px; } }

#menu a {
  float: left;
  display: block;
  height: 25px;
  /*$ H_minMenu - le padding*/
  margin: 10px 5px 0 5px;
  padding: 5px 10px 0 10px;
  line-height: 1;
  text-align: center;
  background: #1E7094;
  /*darken($colorB3, 10%);*/
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  box-shadow: 1px -2px 3px 1px rgba(10, 10, 10, 0.7), 0px -3px 3px 0px rgba(10, 10, 10, 0.5) inset;
  transition: all 0.5s ease-in 0.1s; }

#menu a:hover {
  background: #c6e2f0;
  height: 35px;
  /*$ H_maxMenu - le padding*/
  margin-top: 0px;
  transition: all 0.2s ease; }

#menu a.actif, #menu a.actif:hover {
  background: #878787;
  margin-top: 5px;
  height: 30px;
  box-shadow: 2px -3px 3px rgba(10, 10, 10, 0.75);
  transition: margin 1s ease, height 1s ease; }

#menu a.right {
  float: right; }

#menu .parametres, #menu .deconnexion, #menu .stat {
  width: 20px; }

@media (min-width: 722px) {
  #status {
    position: absolute;
    left: 4px;
    top: 0px;
    padding: 5px 5px;
    width: 155px;
    text-align: center; } }
@media (max-width: 721px) {
  #status {
    display: none; } }

#sidebar {
  position: absolute;
  z-index: 20;
  width: 155px;
  padding: 10px 5px; }
  @media (min-width: 722px) {
    #sidebar {
      top: 25px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px; } }
  @media (max-width: 721px) {
    #sidebar {
      display: none;
      top: -2px;
      border-bottom-right-radius: 20px;
      background-color: #242A57; } }

body.menu_left_ouvert #sidebar {
  display: block; }

.main {
  clear: both; }
  @media (min-width: 722px) {
    .main {
      margin: 5px 8px 5px 172px;
      padding: 10px 15px;
      min-height: 575px;
      background-color: #DAECF5;
      border-radius: 20px 20px 20px 0;
      box-shadow: -1px 1px 3px 2px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(255, 255, 255, 0.6); } }
  @media (max-width: 721px) {
    .main {
      padding: 1ex 1ex; } }

#footer {
  clear: both; }
  @media (min-width: 722px) {
    #footer {
      padding: 0px 30px 0px 30px;
      border-bottom-right-radius: 30px;
      border-bottom-left-radius: 30px; } }
  @media (max-width: 721px) {
    #footer {
      display: none; } }

#help {
  display: none; }

/*------------------------------------------------*
 *     					Couleurs                     *
 *------------------------------------------------*/
a {
  color: #000; }

/* ----------------- Couleurs fond -----------------*/
body {
  font-family: Arial, Helvetica, sans-serif; }
  @media (min-width: 722px) {
    body {
      background-color: #2f2f2f; } }
  @media (max-width: 721px) {
    body {
      background-color: #efefee; } }

/*@media (min-width:$Lmax_mobile+1){
	body:before{
		position: fixed;
		display: block;
		top:0px;
		left:0px;
		height: 100%;
		width: 100%;
		content: "";
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0px, rgba(0,0,0,0.8) 20%, rgba(0,0,0,1) 100%);
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0.6) 0px, rgba(0,0,0,0.8) 20%, rgba(0,0,0,1) 100%);
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0.6) 0px, rgba(0,0,0,0.8) 20%, rgba(0,0,0,1) 100%);
		background-image:   linear-gradient(to bottom, rgba(0,0,0,0.6) 0px, rgba(0,0,0,0.8) 20%, rgba(0,0,0,1) 100%);
	}
}*/
#footer {
  box-shadow: 12px 0px 10px -10px #222 inset, 0px -12px 10px -10px #222 inset, -12px 0px 10px -10px #222 inset;
  background-color: #878787; }

/* ----------------- Styles header -----------------*/
#header .logo {
  margin: 6px 0 0 0;
  height: 60px; }
  @media (max-width: 721px) {
    #header .logo {
      margin: 17px 0 0 30px;
      height: 30px; } }
  @media (max-width: 360px) {
    #header .logo {
      margin: 22px 0 0 30px;
      height: 20px; } }

/* ----------------- Styles h1,h2 -----------------*/
#centre h1, #centre h2, #centre h3, #centre .qcm_liste .resultats, .qcm_liste #centre .resultats, #centre h4 {
  font-family: 'PT Sans', sans-serif; }

/* ------------- taille des polices -----------------*/
.main {
  font-size: 16px; }
  @media (max-width: 500px) {
    .main {
      font-size: 14px; } }
  @media (max-width: 400px) {
    .main {
      font-size: 13px; } }
  @media (max-width: 250px) {
    .main {
      font-size: 12px; } }

/*
 * Styles de bases pouvant être réutilisé
 * et variables
 */
/* ----------------- SASS mixin -----------------*/
.cache {
  display: none !important; }

/* ----------------- Styles à réutiliser -----------------*/
.BoiteRonde, .Recherche, .Redac .Entete, .Redac .Enonce, .Redac .Commentaires, .QCM_entete, .QCM_block_commentaires, .compteQCM {
  position: relative;
  margin: 5px 0 5px 0;
  padding: 6px 10px 6px 10px;
  border-radius: 14px;
  border: 2px solid #333; }

.Block, .QCM_block_questions, .QCM_block_explications {
  position: relative;
  margin: 5px 0 5px 0;
  padding: 1px 2px 1px 2px;
  border-radius: 6px; }

.TextBoite, .Redac .BlockEnonce:after, .Redac .BlockCommentaires:after, .QCM_block_commentaires:before {
  /*content:'Text :';*/
  position: absolute;
  top: -9px;
  left: 20px;
  height: 11px;
  padding: 0 4px 0 4px;
  font-weight: bold;
  font-size: 16px; }

/*
 * Pour la recherche de QCM
 * et la liste des resultats
 */
/*-----------------  Recherche -----------------*/
.Recherche {
  /*.Classif select {
  	position: absolute;
  	left    : 85px;
  }*/ }
  .Recherche .Classif {
    margin: 2px 0 2px 0; }
  .Recherche .boutonRecherche {
    position: absolute;
    bottom: 10px;
    right: 20px; }

/*-----------------  liste des QCM -----------------*/
.qcm_liste .resultats {
  margin-top: 20px;
  text-align: center; }
.qcm_liste .QCM {
  display: block;
  position: relative;
  border-radius: 14px;
  padding: 0 0 4px 0;
  margin: 5px 0 5px 0;
  overflow: hidden;
  text-decoration: none;
  border: 2px solid #1E7094;
  background: #DAECF5; }
  .qcm_liste .QCM.ThreadOpen {
    padding: 0; }
    .qcm_liste .QCM.ThreadOpen .tMessage {
      margin: 1ex 0 0 0; }
  .qcm_liste .QCM.horsProg_1 {
    border: 2px solid #9b2816;
    opacity: 0.7; }
    .qcm_liste .QCM.horsProg_1 .ligne1,
    .qcm_liste .QCM.horsProg_1 .ligne2 {
      background: #9b2816; }
  .qcm_liste .QCM.horsProg_2, .qcm_liste .QCM.horsProg_0 {
    border: 2px solid #7c7c7c; }
    .qcm_liste .QCM.horsProg_2 .ligne1,
    .qcm_liste .QCM.horsProg_2 .ligne2, .qcm_liste .QCM.horsProg_0 .ligne1,
    .qcm_liste .QCM.horsProg_0 .ligne2 {
      background: #7c7c7c; }
  .qcm_liste .QCM.auProg_1 {
    border: 2px solid #006666; }
    .qcm_liste .QCM.auProg_1 .ligne1,
    .qcm_liste .QCM.auProg_1 .ligne2 {
      background: #006666; }
.qcm_liste .ligne1 {
  display: flow-root;
  /*position  : relative;
  height    : 20px;*/
  padding: 4px 0;
  background: #1E7094; }
  .qcm_liste .ligne1 .id,
  .qcm_liste .ligne1 .etat,
  .qcm_liste .ligne1 .auteur,
  .qcm_liste .ligne1 .correcteur,
  .qcm_liste .ligne1 .date {
    float: left;
    padding: 0 0.5ex; }
  .qcm_liste .ligne1 .id {
    font-weight: bold;
    color: #FFF; }
  .qcm_liste .ligne1 .etat {
    font-weight: bold; }
  .qcm_liste .ligne1 .auteur:before {
    content: "Auteur : ";
    font-style: italic; }
  .qcm_liste .ligne1 .correcteur:before {
    content: "Correcteur : ";
    font-style: italic; }
  .qcm_liste .ligne1 .date {
    float: right; }
.qcm_liste .ligne2 {
  position: relative;
  height: 20px;
  background: #1E7094; }
  .qcm_liste .ligne2 .vote {
    left: 20px; }
    .qcm_liste .ligne2 .vote:before {
      content: 'Vote : '; }
    .qcm_liste .ligne2 .vote:after {
      content: '/5'; }
    .qcm_liste .ligne2 .vote.mauvais {
      font-weight: bold;
      color: #800; }
  .qcm_liste .ligne2 .nb_etudiant {
    left: 140px; }
    .qcm_liste .ligne2 .nb_etudiant:before {
      content: 'Fait '; }
    .qcm_liste .ligne2 .nb_etudiant:after {
      content: ' fois'; }
  .qcm_liste .ligne2 .qcm_demo {
    right: 5px;
    color: #efefee; }
  .qcm_liste .ligne2 .img {
    right: 200px;
    color: #efefee; }
  .qcm_liste .ligne2 .forum {
    right: 100px;
    color: #800; }
.qcm_liste .vote,
.qcm_liste .nb_etudiant,
.qcm_liste .forum,
.qcm_liste .qcm_demo,
.qcm_liste .img {
  position: absolute; }
.qcm_liste .Enonce {
  min-height: 18px;
  margin: 1px 1px 3px 8px;
  font-weight: bold;
  font-style: italic;
  background: #DAECF5; }
  .qcm_liste .Enonce .num,
  .qcm_liste .Enonce .anneeAnnales {
    /* numero question, si annales ou concours blanc*/
    padding: 0 3px 0 0;
    color: #1E7094;
    font-style: normal; }
  .qcm_liste .Enonce .num:before {
    content: 'Q.'; }
  .qcm_liste .Enonce .anneeAnnales:before {
    content: 'Annales '; }
.qcm_liste .Question {
  min-height: 18px;
  margin: 4px 1px 4px 16px;
  text-indent: -8px;
  background: #DAECF5; }
  .qcm_liste .Question .stats {
    display: inline-block;
    text-align: right;
    width: 32px;
    padding-right: 4px;
    color: #1E7094; }
    .qcm_liste .Question .stats.mauvais {
      color: #F00; }
  .qcm_liste .Question .question_text:before {
    content: "→";
    margin: 0px 8px 0 0;
    color: #1E7094; }
.qcm_liste .listeRaccourci {
  font-size: 85%; }
.qcm_liste .forum {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1ex 2ex;
  border-top-left-radius: 2ex; }
  .qcm_liste .forum.close {
    background: #99ffff;
    font-size: 80%; }
  .qcm_liste .forum.open {
    background: #E24C35;
    font-weight: bold; }

/*
 * Styles de bases pouvant être réutilisé
 * et variables
 */
/* ----------------- SASS mixin -----------------*/
.cache {
  display: none !important; }

/* ----------------- Styles à réutiliser -----------------*/
.BoiteRonde, .Recherche, .Redac .Entete, .Redac .Enonce, .Redac .Commentaires, .QCM_entete, .QCM_block_commentaires, .compteQCM {
  position: relative;
  margin: 5px 0 5px 0;
  padding: 6px 10px 6px 10px;
  border-radius: 14px;
  border: 2px solid #333; }

.Block, .QCM_block_questions, .QCM_block_explications {
  position: relative;
  margin: 5px 0 5px 0;
  padding: 1px 2px 1px 2px;
  border-radius: 6px; }

.TextBoite, .Redac .BlockEnonce:after, .Redac .BlockCommentaires:after, .QCM_block_commentaires:before {
  /*content:'Text :';*/
  position: absolute;
  top: -9px;
  left: 20px;
  height: 11px;
  padding: 0 4px 0 4px;
  font-weight: bold;
  font-size: 16px; }

/*
 * Pour la redaction de QCM
 */
/*----------------- Textarea -----------------*/
.Redac textarea {
  display: block;
  resize: vertical;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */
  width: 100%;
  padding: 3px;
  background: #FFF;
  /* Pour coriger le bug de firefox*/ }
@-moz-document url-prefix() {
  .Redac textarea {
    height: 60px; } }
.Redac textarea:focus {
  background: #FFF;
  outline: 2px solid #FA0; }

.Redac textarea::-webkit-input-placeholder {
  font-style: italic;
  color: #777; }

/* native support for safari and chrome */
.Redac textarea:-moz-placeholder {
  font-style: italic;
  color: #777; }

/* native support for firefox */
.placeholder {
  font-style: italic;
  color: #777; }

/* fallback solution by EnablePlaceholder ("withPlaceholderClass" option) */
/*-----------------  Entete -----------------*/
.Redac .Classif {
  margin: 2px 0 2px 0; }

.Redac .Classif select {
  position: absolute;
  left: 85px; }

.Redac #detailsAnnales .num {
  width: 30px;
  text-align: center; }

.Redac #doublon_annales {
  color: red;
  font-weight: bold;
  text-align: center; }

/*-----------------  Enonce et commentaires -----------------*/
.Redac .BlockEnonce, .Redac .BlockCommentaires {
  position: relative;
  margin: 15px 0 0px 0; }

.Redac .BlockEnonce:after, .Redac .BlockCommentaires:after {
  color: #00425F;
  background-color: #DAECF5; }

.Redac .BlockEnonce:after {
  content: 'Enoncé :'; }

.Redac .BlockCommentaires:after {
  content: 'Commentaires pour les correcteurs :'; }

.Redac .Enonce, .Redac .Commentaires {
  padding: 10px 10px 6px 10px;
  border-color: #1E7094; }

.Redac .Enonce {
  font-weight: bold; }

.Redac .Enonce:focus, .Redac .Commentaires:focus {
  outline: none;
  border-color: #FA0; }

/*----------------- Questions et Explications -----------------*/
.Redac .BlockQuestions, .Redac .BlockExplications {
  margin: 4px 0 8px 0;
  padding: 1px 2px 1px 2px;
  border-radius: 6px;
  background: #1E7094; }

.Redac GroupeQuestion, .Redac GroupeExplication {
  position: relative;
  margin: 3px 0 3px 0;
  padding: 1px 0 1px 0;
  min-height: 25px;
  border-radius: 6px;
  background: #FFF; }

.Redac .BlockQuestions .ABCDE {
  position: absolute;
  margin: 7px 0 0 12px; }

.Redac .BlockExplications .ABCDE {
  position: absolute;
  margin: 7px 0 0 5px; }

.Redac .reponse {
  position: absolute;
  margin: 25px 0 0 5px; }

.Redac .Question {
  margin: 3px 2px 3px 42px; }

.Redac .Explication {
  margin: 3px 2px 3px 105px; }

/*----------------- Correction -----------------*/
.Redac .original {
  border: 1px solid #00A;
  margin-bottom: 5px;
  padding: 5px 0 2px 10px;
  min-height: 15px;
  color: #00A; }

.Redac .GroupeQuestion.original {
  margin: 10px 0 0 0;
  border: none; }

.Redac .ReponseOriginale {
  position: absolute;
  margin: 8px 0 0 0px;
  opacity: 0.6; }

/*
 * Styles de bases pouvant être réutilisé
 * et variables
 */
/* ----------------- SASS mixin -----------------*/
.cache {
  display: none !important; }

/* ----------------- Styles à réutiliser -----------------*/
.BoiteRonde, .Recherche, .Redac .Entete, .Redac .Enonce, .Redac .Commentaires, .QCM_entete, .QCM_block_commentaires, .compteQCM {
  position: relative;
  margin: 5px 0 5px 0;
  padding: 6px 10px 6px 10px;
  border-radius: 14px;
  border: 2px solid #333; }

.Block, .QCM_block_questions, .QCM_block_explications {
  position: relative;
  margin: 5px 0 5px 0;
  padding: 1px 2px 1px 2px;
  border-radius: 6px; }

.TextBoite, .Redac .BlockEnonce:after, .Redac .BlockCommentaires:after, .QCM_block_commentaires:before {
  /*content:'Text :';*/
  position: absolute;
  top: -9px;
  left: 20px;
  height: 11px;
  padding: 0 4px 0 4px;
  font-weight: bold;
  font-size: 16px; }

/*
 * Pour l'affichage d'un QCM
 */
h1 .estAuProg {
  border-radius: 20px;
  padding: 2px 10px;
  font-size: 90%; }
h1 .horsProg_1 {
  background: #9b2816; }
h1 .horsProg_2, h1.horsProg_0 {
  background: #7c7c7c; }
h1 .auProg_1 {
  background: #006666; }
h1 .auProg_2 {
  background: #1E7094; }

.warningVerification {
  text-align: center;
  color: #F00;
  font-weight: bold; }

.QCM_enonce {
  margin: 10px 0 5px 0;
  padding: 10px 10px 10px 10px;
  border-radius: 20px;
  background: #1E7094;
  font-weight: bold; }
  .QCM_enonce .num, .QCM_enonce .anneeAnnales {
    /* numero question, si annales ou concours blanc*/
    padding: 0 5px 0 0;
    color: #DAECF5;
    font-style: italic; }
  .QCM_enonce .num:before {
    content: 'Q.'; }
  .QCM_enonce .anneeAnnales:before {
    content: 'Annales '; }

.QCM_image {
  text-align: center; }
  .QCM_image img {
    max-width: 49%;
    max-height: 300px; }

.QCM_block_questions, .QCM_block_explications {
  background: #1E7094; }

.QCM_block_commentaires {
  margin: 15px 0 0px 0;
  min-height: 20px;
  border-color: #1E7094; }

.QCM_block_commentaires:before {
  content: 'Commentaires :';
  color: #1a607f;
  background-color: #DAECF5; }

.QCM_groupe_question {
  position: relative;
  margin: 2px 0 2px 0px;
  min-height: 25px;
  border-radius: 6px;
  background: #FFF; }

.QCM_groupe_explication {
  position: relative;
  margin: 2px 0 2px 0px; }

.QCM_ABCDE {
  position: absolute;
  margin: 5px 0 0 4px; }

.QCM_reponse {
  position: absolute;
  margin: 3px 0 0 30px; }

.QCM_question {
  margin: 0 0 0 50px;
  padding: 5px 5px 5px 8px; }
  .QCM_question .QCM_stats {
    padding: 0 4px 0 0;
    cursor: default;
    font-weight: bold;
    color: #1E7094; }
    .QCM_question .QCM_stats:before {
      content: '('; }
    .QCM_question .QCM_stats:after {
      content: '%)'; }

.QCM_explication {
  margin: 0 0 0 105px;
  padding: 5px 5px 5px 8px;
  border-radius: 6px;
  min-height: 15px;
  background: #FFF; }

.QCM_correction {
  border: 1px solid #A00;
  margin-bottom: 5px;
  color: #A00; }

.compteQCM td {
  padding: 0 5px; }

#RepartitionCours .tuteurVous .nom {
  font-weight: bold;
  color: green; }
#RepartitionCours .tuteurVous span.tuteur {
  font-weight: bold;
  color: green; }
#RepartitionCours .tuteur {
  color: grey; }
#RepartitionCours .todo {
  font-weight: bold;
  color: #F00; }

.compteQCM td {
  padding: 0 5px; }

#RepartitionCours .tuteurVous .nom {
  font-weight: bold;
  color: green; }
#RepartitionCours .tuteurVous span.tuteur {
  font-weight: bold;
  color: green; }
#RepartitionCours .tuteur {
  color: grey; }
#RepartitionCours .todo {
  font-weight: bold;
  color: #F00; }

/*
 * Styles de bases pouvant être réutilisé
 * et variables
 */
/* ----------------- SASS mixin -----------------*/
.cache {
  display: none !important; }

/* ----------------- Styles à réutiliser -----------------*/
.BoiteRonde, .Recherche, .Redac .Entete, .Redac .Enonce, .Redac .Commentaires, .QCM_entete, .QCM_block_commentaires, .compteQCM {
  position: relative;
  margin: 5px 0 5px 0;
  padding: 6px 10px 6px 10px;
  border-radius: 14px;
  border: 2px solid #333; }

.Block, .QCM_block_questions, .QCM_block_explications {
  position: relative;
  margin: 5px 0 5px 0;
  padding: 1px 2px 1px 2px;
  border-radius: 6px; }

.TextBoite, .Redac .BlockEnonce:after, .Redac .BlockCommentaires:after, .QCM_block_commentaires:before {
  /*content:'Text :';*/
  position: absolute;
  top: -9px;
  left: 20px;
  height: 11px;
  padding: 0 4px 0 4px;
  font-weight: bold;
  font-size: 16px; }

/*
 * Page d'acceuil des tuteurs
 */
#planning a.reclasser {
  display: inline-block;
  margin: 0.25ex 0.5ex;
  padding: 0.5ex 1ex;
  background: #00cccc;
  border-radius: 2ex;
  box-shadow: 0 2px 2px 0px #0000007d;
  text-decoration: none; }

/*
 * Pour les pages Etudiantes:
 *     serie_recherche
 *     annales_recherche
 * Pour la page tuteur : 
 *     cb/recherche     
 */
.RechercheTableau {
  /* Pour le formulaire de recherche */ }
  .RechercheTableau .blockRecherche {
    float: left;
    margin: 4px 8px; }
  .RechercheTableau .continuer {
    position: relative;
    top: 2px;
    padding: 0 2px;
    text-decoration: none; }
  .RechercheTableau .continuer {
    color: red;
    font-size: 200%; }
  .RechercheTableau .resultats {
    margin-top: 0.5em;
    padding: 0px;
    border: 1px #3a3a3a solid;
    border-radius: 10px;
    overflow: hidden;
    cursor: default; }
    .RechercheTableau .resultats .date, .RechercheTableau .resultats .nom, .RechercheTableau .resultats .note, .RechercheTableau .resultats .refaire, .RechercheTableau .resultats .nb {
      display: inline-block; }
    .RechercheTableau .resultats .nom, .RechercheTableau .resultats .note, .RechercheTableau .resultats .refaire, .RechercheTableau .resultats .nb {
      position: absolute; }
    .RechercheTableau .resultats .nom {
      left: 4.7em;
      right: 10.3em;
      overflow: hidden;
      height: 1.1em; }
    .RechercheTableau .resultats .nb {
      right: 4.5em;
      width: 2.2em;
      text-align: center; }
    .RechercheTableau .resultats .nomColonnes {
      padding: 5px 7px;
      font-weight: bold;
      background: #3a3a3a url(../img/background/tachete_gris-fonce.jpg); }
      .RechercheTableau .resultats .nomColonnes a {
        color: #efefee; }
        .RechercheTableau .resultats .nomColonnes a.orderBy {
          color: #5C91CD;
          /*
          &.ASC:after{
             content:'^';
          }
          &.DESC:after{
             content:'D';
          }
          */ }
      .RechercheTableau .resultats .nomColonnes .nom {
        text-align: center; }
      .RechercheTableau .resultats .nomColonnes .note {
        right: 7.8em; }
    .RechercheTableau .resultats .ligne {
      padding: 3px 0; }
      .RechercheTableau .resultats .ligne.paire {
        background: #efefee; }
      .RechercheTableau .resultats .ligne .date {
        width: 2.7em;
        text-align: right; }
      .RechercheTableau .resultats .ligne .nom {
        text-align: left; }
      .RechercheTableau .resultats .ligne .note {
        right: 7.3em;
        text-align: right;
        /*font-weight:bold;*/
        /*color:$colorV1;*/ }
      .RechercheTableau .resultats .ligne .refaire {
        right: 1.5em; }
        .RechercheTableau .resultats .ligne .refaire.quevoir {
          color: #7c7c7c;
          /*Sujets inacsessible aux comte démo*/ }
      .RechercheTableau .resultats .ligne.sujetdemo {
        color: #062;
        font-weight: bold; }

/* Mise en forme pour le classment des colles etconcours blancs
 *  page: /stat/classement
 */
.overflowH {
  width: 100;
  overflow-x: auto; }

#tableau_classement {
  margin: 0 auto;
  border-bottom: 1px solid #3a3a3a;
  border-collapse: collapse; }
  #tableau_classement tr.impaire {
    background: #efefee; }
  #tableau_classement tr.paire {
    background: white; }
  #tableau_classement th, #tableau_classement td {
    padding: 2px 4px;
    text-align: center; }
    #tableau_classement th.coin, #tableau_classement td.coin {
      border: none;
      border-bottom: 1px solid #3a3a3a; }
    #tableau_classement th.pr_ligne, #tableau_classement td.pr_ligne {
      border: 1px solid #3a3a3a; }
    #tableau_classement th.rang, #tableau_classement td.rang {
      border-left: 1px solid #3a3a3a; }
    #tableau_classement th.pseudo, #tableau_classement td.pseudo {
      border-left: 1px solid #3a3a3a;
      text-align: left; }
    #tableau_classement th.note, #tableau_classement td.note {
      border-right: 1px solid #3a3a3a;
      text-align: right; }
    #tableau_classement th.retardataire, #tableau_classement td.retardataire {
      color: #800; }
    #tableau_classement th.moi, #tableau_classement td.moi {
      font-weight: bold;
      color: black;
      background: #5C91CD; }
  #tableau_classement th {
    color: #3a3a3a;
    font-weight: bold; }

/*
 * Pour l'affichage de la liste des QROC
 * Version etudiante
 */
#QROC_liste .QROC_ligne {
  margin-left: 1em; }
  #QROC_liste .QROC_ligne.nouveau:after {
    content: " Nouveau";
    color: #5C91CD;
    font-weight: bold; }
  #QROC_liste .QROC_ligne .prof {
    font-style: italic;
    font-size: 95%; }
    #QROC_liste .QROC_ligne .prof:before {
      content: "Pr "; }
  #QROC_liste .QROC_ligne a.noDemo {
    color: #7c7c7c; }