@charset "UTF-8";
/*
    Created on : 7 juil. 2017, 12:20:45
*/
/* COMMUN */
body .Heading1,
body .Heading2,
body .Heading3,
body .Heading4,
body .Heading5,
body .Heading6 {
  font-family: "latoregular";
}

.bouton {
  display: inline-block;
  background: url(fond_bouton.gif) #D9E6EC repeat-x scroll center center;
  padding: 3px 6px;
  margin: 0 2px 0 1px;
  border-color: #6F787F #4E555A #2D3235;
  border-style: solid;
  border-width: 1px;
  color: #282828;
  cursor: pointer;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.bouton:hover {
  background: url(secondary-roll.gif) #EAF9FF repeat-x scroll center center;
  color: #282828;
  border-top: solid 1px #6F97B2;
  border-left: solid 1px #6F97B2;
  border-right: solid 1px #4E7C9C;
  border-bottom: solid 1px #2D6086;
}

.bouton-sans-style {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

img {
  border: 0px;
}

acronym {
  cursor: help;
}

label {
  font-weight: bold;
  color: #333333;
}

/* Mantis : 18981 */
/* Permet de revenir à la ligne */
.troncature-download-doc {
  word-break: break-all;
}

/* Mantis : 17343 */
/* Unifier la taille de l'image des apprenants */
.photo {
  width: 100%;
  max-width: 100px;
  height: 100%;
  background-repeat: no-repeat;
  /* Pour ne pas créer une mosaïque de la même photo (#19456) */
  background-size: contain;
  /* Pour ne pas tronquer la photo (#19456) */
}

/* Mantis 17343: Rubriques notation des epreuves. Sur l'onglet "Apprenants", rajouter la photo des apprenants */
.columnPhoto {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  /* Pour ne pas créer une mosaïque de la même photo (#19456) */
  background-size: contain;
  /* Pour ne pas tronquer la photo (#19456) */
}

.float-left {
  float: left;
}

/* Pour rendre visible les retours à la ligne (\n) et les espaces multiples */
.preformatted {
  white-space: pre-wrap;
}

/* Surcharge temporaire de css_master.css (à supprimer quand css_master.css ne sera plus utilisé) */
.bouton:hover, .bouton:link, .bouton:visited {
  color: inherit;
  text-decoration: none;
}

/* Surcharge de la couleur d'un URL, la couleur initiale d'un lien dans le thème olympos est #ffffff */
.ui-widget-content a {
  color: inherit;
}

/* Styles des messages qui s'affichent en haut de page (composant JSF "rich:messages") */
.rf-msgs-sum {
  white-space: pre-wrap;
  /* Pour rendre visible les retours à la ligne (\n) et les espaces multiples */
}

.rf-msgs:not(:empty) {
  /* CSS3 */
  display: block;
  /* les messages <rich:messages> sont affichés dans un span et non dans un div */
  /*border: 1px solid red;*/
  /* <span id="form:message" class="rf-msgs "></span> */
  padding-top: 5px;
  padding-bottom: 5px;
}

.rf-msgs-inf {
  color: #00AF46;
}

.rf-msgs-wrn {
  color: #ff6a00;
  font-weight: bold;
}

.rf-msgs-err {
  color: #dd191d;
  font-weight: bold;
}

.rf-msgs-ftl {
  color: #dd191d;
  font-style: italic;
  font-weight: bold;
}

/* Mantis 17816: Rubriques "Notation" des epreuves : aligner les titres des champs de saisie. */
.inlineLabel {
  display: inline-block;
  width: 280px;
}

.saveChoixInscription {
  text-align: center;
}

.saveChoixInscription .rf-msgs-inf,
.saveChoixInscription .rf-msgs-wrn,
.saveChoixInscription .rf-msgs-err,
.saveChoixInscription .rf-msgs-ftl {
  display: inline;
  margin-left: 5px;
}

.msgA4jStatutStart {
  color: #05c436;
  font-weight: bolder;
  margin-left: 5px;
}

.ligneSeparation {
  margin-top: 25px;
  margin-bottom: 25px;
  border-top: 1px dashed #666666;
}

.ev_libelle {
  font-weight: bold !important;
  color: #333333;
}

/* Debut : rich:dataTable et rich:extendedDataTable */
.rf-dt-c {
  font-size: 12px;
}

.rf-dt-shdr-c {
  font-size: 12px;
}

.rf-edt-ftr, .rf-edt-tbl-ftr, .rf-dt-ftr-c {
  background-color: #ffffff;
}

.rf-edt-ftr, .rf-edt-tbl-ftr {
  border-top: none;
}

.extdt-cell-div {
  white-space: normal;
  /* retour à la ligne du texte d'une cellule */
  word-wrap: break-word;
  /* CSS3, retour à la ligne du texte d'une cellule */
}

/* Permet d'alterner deux couleurs dans les colonnes d'un tableau. */
.evenRow {
  background: #F8F8F9;
}

.oldRow {
  background: white;
}

/* Style du div scroller. Permet de scroller sur le tableau des rubriques. */
.scroll {
  overflow: auto;
  /* The overflow property sets what happens if the content of an element overflow its area. */
  margin-bottom: 10px;
  width: 100%;
}

/* Style des table favoris. */
.tableFavoriClass {
  min-width: 299px;
  /*taille minimum du tableau est la taille du scroller, permet d'améliorer l'affichage. */
  margin: auto;
  margin-bottom: 2px;
  word-wrap: break-word;
  /* Force le texte des cellules du tableau ne contenant pas d'espace, à revenir à la ligne au lieu d'être coupé. */
}

/* Style permettant l'alignement centré des tables et des datacroller. */
/* Style entête colonne tableau*/
.headerColumn {
  background-image: none;
  background: #ECF3FE;
  border-top: none;
  vertical-align: text-top;
}

/* Style du datascroller. */
.datascroller {
  text-align: center;
}

/* Fin : rich:dataTable et rich:extendedDataTable */
/* rich:tab */
.rich-tabpanel-content {
  font-size: medium;
}

.divBoutonsHautDroite {
  position: absolute;
  right: 4px;
  top: 0px;
}

.divBoutonsHautDroite .status {
  display: inline-block;
  margin-left: 8px;
}

.divBoutonsHautDroite .divImprimer {
  display: inline-block;
  margin-left: 8px;
  cursor: pointer;
}

/*
* Mantis #17893: [Web Aurion] - Souci d'interlignage quand le titre de la rubrique est trop long.
*/
.rubrique_web_libelle_presentation_container {
  text-align: justify;
  padding-bottom: 5px;
}
.rubrique_web_libelle_presentation_container .rubrique_web_libelle_presentation {
  line-height: 2.2rem;
}

/* This class defines styles for the Clear button in the file upload control (rich:fileUpload).
   Mantis 9512: Un formulaire, documents à uploader */
.rf-fu-btn-clr {
  display: none !important;
}

/* Début blink : Régles CSS3 pour remplacer la déclaration "text-decoration: blink" disparue avec Firefox 23 */
@keyframes animationBlink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.blink, span.blinkMenuGauche {
  text-decoration: blink;
  animation-name: animationBlink;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1, 0, 0, 1);
  animation-duration: 1s;
}

/* Fin blink */
.caractere_coche {
  font-size: 19px;
}

.barre-navigation {
  margin-bottom: 10px;
}

/* Div recherche des choix inscription */
.catalogueChoixInscription .divRecherche {
  width: -moz-calc(100% - 35px) !important;
  width: -webkit-calc(100% - 35px) !important;
  width: calc(100% - 35px) !important;
}

/* Boutons et moteur de recherche en haut du div 'résultat de la reherche' sur les choix inscription */
.catalogueChoixInscription .divActions {
  float: right !important;
  margin-top: -10px !important;
  margin-right: -10px !important;
}

/* Div contenant les boutons imprimer, ouvrir/ fermer */
.catalogueChoixInscription .divBoutons {
  margin-top: 10px !important;
  text-align: right;
}

/* Supprime la bordure et le fond de la toolbar contenant les boutons supprimer, enregistrer brouillon et valider des choix inscription */
.catalogueChoixInscription .ui-toolbar {
  border: none !important;
  background-color: transparent !important;
}

/* Class style du panelGrid haut de la page CatalogueChoixInscription.xhtml*/
.catalogueChoixInscription .panelGrid-up {
  width: 100%;
}

/* Class style de la partie gauche en haut de la page CatalogueChoixInscription.xhtml (Résultat de la recherche) cas Planning non affiché */
.catalogueChoixInscription .resultSearch {
  height: 325px;
  overflow: auto;
}

/* Style de l'arborescence des choix inscriptions */
.catalogueChoixInscription .ui-tree {
  height: 250px !important;
  background: none !important;
  border: none !important;
}

/* Permet de ne pas scroller un noeud */
.catalogueChoixInscription .ui-tree-container {
  overflow: visible !important;
}

.catalogueChoixInscription .ui-panel-titlebar {
  height: 25px !important;
}

/* Style de l'event du planning choix */
.catalogueChoixInscription .evtChoix {
  cursor: pointer !important;
}

/* Style colonne tableau des choix */
.catalogueChoixInscription .colBouton {
  background: inherit !important;
  border: none !important;
}

/* Class style du contenu de la partie gauche en haut de la page CatalogueChoixInscription.xhtml (Résultat de la recherche)  */
.catalogueChoixInscription * .contenu {
  overflow: auto;
  height: 330px;
}

/* Permet d'aligner les panels tout le temps en haut des colonnes du panelgrid'*/
.coloumnClasses {
  vertical-align: top;
  width: 100%;
}

.catalogueChoixInscription .divTableChoix {
  height: 300px;
}

.catalogueChoixInscription .barFooter-30 {
  height: 30px !important;
}

.catalogueChoixInscription .barFooter-80 {
  height: 60px !important;
}

/* Sticky footer si Menu non replie (en mode pc), specifique aux choix inscription */
.catalogueChoixInscription .templatePrincipal:not(.SlimMenu) .catalogueChoixInscription .stickyFooter {
  width: -moz-calc(100% - 330px) !important;
  width: -webkit-calc(100% - 330px) !important;
  width: calc(100% - 330px) !important;
  margin-left: -28px !important;
}

.coloumnClassesBas {
  vertical-align: sub;
}

/* Dimension des panels en haut de la page CatalogueChoixInscription.xhtml (Résultat de la recherche) */
.sousPanelHaut {
  min-width: 510px;
  min-height: 396px;
}

/* Dimension des panels en bas de la page CatalogueChoixInscription.xhtml (Choix substitution)*/
.sousPanelBas {
  min-height: 200px;
  overflow: auto;
}

.messageErreurNoeud {
  font-weight: bolder;
  color: red;
}

.messageInfoNoeud {
  font-weight: bolder;
  color: green;
}

/* Style class du composant : 'rich:dragSource' utilisé dans lors du drag and drop des choix inscriptions. */
/* Style du cadre du message */
.default {
  font-size: 11px;
  cursor: pointer;
  width: 200px;
  border: 2px solid gray;
  /*#ECF4FE*/
  padding: 2px;
}

/* Style classe de la colonne à déplacer dans les tableaux des choix. */
.colonne-draggable {
  cursor: move;
}

.colSupp {
  width: 5%;
}

.colDetail {
  width: 5%;
}

.tableChoix table thead tr th {
  background: white;
  color: white !important;
  border: none !important;
}

/* Utilisé dans fragments.xhtml (Rubrique gmcc, liste des inscrits) pour centrer le texte des inputs */
.listeApprenant .center-text {
  text-align: center;
}

/* Utilisé dans l'onglet inscrits du formulaire gmc afin de réduire la taille du champs de saise des moyennes et du classemement. Mantis #12821 */
.listeApprenant .input-width {
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
}

.listeApprenant .colSaisieList {
  width: 95px !important;
}

/* Permet de mettre le header de la liste des inscrit en blanc. */
.listeApprenant .ui-datatable-header {
  background-color: white !important;
}

.listeApprenant .alignRightInDesktop {
  text-align: right !important;
}

.divColumnsToggler {
  margin-top: 8px;
  margin-left: 2px;
  margin-right: 2px;
  width: 134px;
  float: right;
}

@media (min-width: 320px) and (max-width: 640px) {
  .listeApprenant .voirApprenantButton {
    width: 100% !important;
    padding: 0px !important;
  }

  .listeApprenant .voirInscriptionButton {
    width: 100% !important;
    padding: 0px !important;
  }

  .listeApprenant .alignRightInDesktop {
    text-align: initial !important;
  }

  .listeApprenant .colSaisieList {
    width: 100% !important;
  }

  .listeApprenant .input-width {
    width: 50px;
  }

  .divColumnsToggler {
    width: -moz-calc(100% + 4px) !important;
    width: -webkit-calc(100% + 4px) !important;
    width: calc(100% + 4px) !important;
    float: left;
    margin-top: 10px;
    margin-left: -4px;
  }
}
/* Mantis #16901: Un formulaire, avec un champ texte. J'ai mis une adresse URL dans ce champ texte. Je peux cliquer dessus sans problème */
.outputText-htmliserURL {
  color: #27AAE1 !important;
}

/* FIN COMMUN */
/* PAGE FACTURE DETAIL (FactureDetail.xhtml) */
/* La taille minimale des colonnes du panel grid de la rubrique facture est fixée à 100 px. */
.facture-detail .facture-columns {
  min-width: 100px !important;
}

/* Tous les montants de la rubrique facture doivent être alignés à droite */
.facture-detail .facture-montant {
  text-align: right !important;
}

/* Champs saisi montant à payer sur le récapitulatif paiement de la rubrique facture */
.facture-detail .saisi-montant {
  text-align: right !important;
  width: 70px;
}

/* FIN PAGE FACTURE DETAIL (FactureDetail.xhtml) */
/* RUBRIQUE HTML (PageHtml.xhtml) */
.page-html li {
  list-style: inherit;
  /* Mantis 19198 "Rubrique HTML : les puces des listes HTML ne s'affichent pas. */
}

/* FIN RUBRIQUE HTML (PageHtml.xhtml) */
/* #18953: WebAurion : lorsqu'on réduit la page de WebAurion, le bouton "Payer" ne s'affiche plus, il passe en dessous. */
@media (min-width: 320px) and (max-width: 640px) {
  .Card {
    margin-bottom: 70px;
  }
}
/*RESET CSS*/
/* Supprime les icônes d'action dans les champs avec Internet Explorer 10 et 11*/
::-ms-clear {
  display: none;
}

/* Supprime le focus sous chrome */
input:focus {
  outline: transparent;
}

/*FIN CSS*/
/* FONT ICONS */
@font-face {
  font-family: "webaurion";
  src: url("fonts/webaurion.eot?usbdi5");
  src: url("fonts/webaurion.eot?usbdi5#iefix") format("embedded-opentype"), url("fonts/webaurion.ttf?usbdi5") format("truetype"), url("fonts/webaurion.woff?usbdi5") format("woff"), url("fonts/webaurion.svg?usbdi5#webaurion") format("svg");
  font-weight: normal;
  font-style: normal;
}
.im {
  /* im = https://icomoon.io */
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "webaurion" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.im-reinitialiser:before {
  content: "\e902";
  color: #ababab;
}

.im-exam:before {
  content: "\e901";
  color: #e9e9e9;
}

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

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

.im-mobile-search:before {
  content: "\e903";
}

/* PrimeFaces icon reset. (Copier-coller de la feuille "font-awesome.css" modifiée par Primefaces) */
.ui-icon.im,
.ui-widget .ui-icon.im {
  background-image: none;
  text-indent: 0;
  background-repeat: no-repeat;
  display: block;
  overflow: visible;
  text-indent: 0;
}

/* FIN FONT ICONS */
/* HEADER (Header.xhtml) */
/*top bar color*/
.MyTopBar #layout-topbar-cover {
  background-color: #00aaff !important;
}

.header #logo img {
  /* Pour cacher le logo : display: none; */
  display: block;
  background-image: url("logo.svg");
  background-size: contain;
  /* CSS 3 */
  background-repeat: no-repeat;
  width: 115px;
  height: 3.1rem;
  margin-top: 0.8rem;
  margin-left: 1.5rem;
}

.menuMonCompte .ui-widget-header h3 {
  float: none;
  /* Pour le titre du menuMonCompte (prénom et nom), ceci force le */
  word-wrap: break-word;
  /* retour à la ligne lorsque le texte est trop long */
}

/* Permet d'aligner le titre avec l'icone dans le menu mon compte (Mantis #14073) */
.menuMonCompte .ui-menuitem-link {
  box-sizing: content-box !important;
}

/* Permet d'agrandir la liste de sélection de la recherche par date et la taille de la liste du menu mon compte selon le contenu des items. */
.ui-menu.ui-menu-dynamic {
  width: auto;
}

.header #menu-resize-btn i,
.header #mobile-menu-btn i {
  font-size: 21px;
  /* Pas d'unité en rem ou em car l'icone burger n'a un bon rendu que sur quelques tailles.
     21px ok (largeurs pc et mobile) avec : FF50, IE11, Edge 38, GC55, Android WebView 44 (Android 6) */
}

/* FIN HEADER (Header.xhtml) */
/* SIDEBAR (Sidebar.xhtml) */
@media (min-width: 320px) and (max-width: 640px) {
  .sidebar#layout-menu-cover {
    height: calc(100% - 76px);
    height: -webkit-calc(100% - 76px);
    height: -moz-calc(100% - 76px);
    /* Hauteur de la fenetre - hauteur barre du haut */
    z-index: 1000;
    /* Permet au menu de couvrir la barre des boutons 'stickyFooter' */
  }
}
@media (min-width: 320px) and (max-width: 960px) {
  .sidebar#layout-menu-cover {
    height: calc(100% - 85px);
    height: -webkit-calc(100% - 85px);
    height: -moz-calc(100% - 85px);
    /* Hauteur de la fenetre - hauteur barre du haut */
    z-index: 1000;
    /* Permet au menu de couvrir la barre des boutons 'stickyFooter' */
  }
}
@media (min-width: 320px) and (max-width: 1200px) {
  .sidebar#layout-menu-cover {
    height: calc(100% - 43px);
    height: -webkit-calc(100% - 43px);
    height: -moz-calc(100% - 43px);
    /* Hauteur de la fenetre - hauteur barre du haut */
  }
}
@media (min-width: 320px) and (max-width: 1201px) {
  .sidebar#layout-menu-cover {
    height: calc(100% - 48px);
    height: -webkit-calc(100% - 48px);
    height: -moz-calc(100% - 48px);
    /* Hauteur de la fenetre - hauteur barre du haut */
  }
}

.sidebar .ui-menu {
  width: 269px;
  height: 130%;
  background-color: #282828;
  border: none;
}

@media (max-width: 960px) {
  .sidebar .ui-menu {
    width: 310px;
    /* En mode "menu popup" le menu est plus large que celui par défaut. */
  }
}
.sidebar .ui-menu .ui-slidemenu-wrapper, .sidebar .ui-menu .ui-slidemenu-wrapper .ui-slidemenu-content,
.sidebar .ui-menu .ui-slidemenu-wrapper .ui-slidemenu-content > ul.ui-menu-list {
  height: 100%;
}

.sidebar .ui-menu .ui-slidemenu-wrapper .ui-slidemenu-content {
  overflow: hidden;
}

.sidebar .ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward {
  position: relative;
  background-color: #282828;
  color: rgba(255, 255, 255, 0.6);
  /* Couleur police */
  font-family: "latoregular";
  /* et font du thème Olympos. */
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 0;
  border-radius: initial;
}

.sidebar .ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward span {
  margin-right: 7px;
}

.sidebar .ui-menu .ui-slidemenu-wrapper .ui-slidemenu-backward:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.sidebar .ui-menu li {
  padding-bottom: 5px;
  /* Pour espacer chaque entrée du menu. */
  padding-top: 5px;
  margin: 0;
}

.SlimMenu #layout-menu-cover {
  width: 0 !important;
  /* Pour que lorsque le menu est fermé, il le soit complètement, sans laisser 58px de large du menu en l'état ouvert.
                            Cette espace correspond à l'ancienne barre de gros boutons du "po:menu" du thème Olympos */
}

.SlimMenu #layout-portlets-cover {
  margin-left: 0 !important;
  /* Pour que lorsque le menu est fermé, la partie centrale (Center) vienne coller le bord gauche de la fenêtre.
                                  Car le thème Olympos prévoit une bande verticale de 58px de large pour l'ancienne barre de gros boutons du "po:menu" */
}

.sidebar .ui-menu .ui-menuitem.rubrique-en-cours,
.sidebar .ui-menu .ui-menuitem:hover {
  background-color: rgba(255, 255, 255, 0.1);
  /* Effet provenant du thème Olympos, */
  color: #ffffff;
  /* au survol d'une entrée */
  font-family: "latoregular";
  /* du menu */
}

.sidebar .ui-menu .ui-menuitem .ui-menu-list {
  background-color: #282828;
}

.sidebar .ui-menu .ui-menuitem .ui-menuitem-link,
.sidebar .ui-menu .ui-menuitem .ui-submenu-link {
  color: rgba(255, 255, 255, 0.9);
  /* Couleur police */
  font-family: "latoregular";
  /* et font du thème Olympos. */
}

.sidebar .ui-menu .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
  width: calc(100% - 33px);
  width: -webkit-calc(100% - 33px);
  width: -moz-calc(100% - 33px);
  /* La largeur du texte est limitée pour que lorsqu'il prend plusieurs lignes, la flèche du sous-menu reste
                                 bien sur la 1ère ligne au lieu de passer sur la dernière ligne après le texte. */
}

.sidebar .ui-menu .ui-menuitem .ui-menuitem-link:hover {
  background-color: transparent;
  /* Désactive l'effet au survol par défaut. */
}

.ui-menu .ui-menuitem .ui-menuitem-link .ui-icon {
  margin-right: 6px;
}

.sidebar .ui-menu .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e {
  display: none;
  /* 13893 : "Menu sous Chrome, au chargement les entrées sont trop espacées puis tout se remet dans l'ordre. Ok sous firefox." */
}

.sidebar .ui-menu .ui-menuitem-icon:not(.fa) .ui-menuitem-icon:not(.fas) .ui-menuitem-icon:not(.fab) .ui-menuitem-icon:not(.far) {
  display: none;
  /* Même si l'expression EL de "<p:menuitem icon=" retourne null, une icone par défaut s'affiche. Cette règle la retire. */
}

.sidebar .ui-menu .fa-chevron-right {
  float: right;
  position: relative;
  top: 3px;
}

.sidebar.nano > .nano-pane > .nano-slider {
  background-color: rgba(255, 255, 255, 0.75);
  /* Rendre plus visible la nano scroll barre. */
}

/* FIN SIDEBAR (Sidebar.xhtml) */
/* TEMPLATE PRINCIPAL (TemplatePrincipal.xhtml) */
.templatePrincipal .center {
  position: relative;
}

.templatePrincipal {
  margin: 0;
  height: 100%;
  width: 100%;
  font-size: 16px;
  font-family: "latoregular";
}

.templatePrincipal #layout-container.mode-portail-entete-masque {
  padding-top: 0;
}

.templatePrincipal .mode-portail-barre-boutons {
  position: absolute;
  right: 4px;
  top: 5px;
  text-align: right;
  margin-top: 16px;
}

.templatePrincipal .div-vous-etes-connecte.fixe {
  position: fixed;
  top: 43px;
  width: calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: -moz-calc(100% - 300px);
  z-index: 999;
}

.templatePrincipal.SlimMenu .div-vous-etes-connecte.fixe {
  /* Menu replié (en mode pc) */
  width: calc(100% - 20px);
}

.templatePrincipal .div-contenu.marge-haut {
  margin-top: 57px;
}

@media (min-width: 320px) and (max-width: 640px) {
  .templatePrincipal .div-vous-etes-connecte.fixe {
    top: 71px;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
  }

  .templatePrincipal .div-contenu.marge-haut {
    margin-top: 62px;
  }

  /* Mantis #14125: WebAurion 3 : Mode portail, mettre "Déconnexion" dans le thème, en taille de police comme "Valider" */
  .templatePrincipal .mode-portail-barre-boutons {
    position: relative;
    display: block;
  }
}
@media (min-width: 641px) and (max-width: 960px) {
  .templatePrincipal .div-vous-etes-connecte.fixe {
    top: 80px;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
  }

  .templatePrincipal .div-contenu.marge-haut {
    margin-top: 54px;
  }
}
@media (min-width: 961px) and (max-width: 1200px) {
  .templatePrincipal .div-vous-etes-connecte.fixe {
    top: 38px;
  }

  .templatePrincipal .div-contenu.marge-haut {
    margin-top: 54px;
  }
}

.templatePrincipal .modaleLangue .divMessageLangueModifiableDepuisPageAccueil {
    max-width: 400px;
    margin-top: 10px;
}
/* FIN TEMPLATE PRINCIPAL (TemplatePrincipal.xhtml) */

/* PAGE LOGIN (Login.xhtml) */
.loginPage .divLogo {
  background-image: url("logo.svg");
  background-size: contain;
  /* CSS 3 */
  background-repeat: no-repeat;
  background-position-x: center;
  width: 160px;
  height: 44px;
  max-width: 100%;
  left: -18px;
  position: relative;
  /* Pour cacher le logo : display: none; */
}

.loginPage .ui-commandlink {
  text-decoration: none;
}

.loginPage .liens .ui-button-text {
  padding-left: 35px !important;
}

.loginPage .liens .ui-button span {
  height: calc(100% - 32px);
  height: -webkit-calc(100% - 32px);
  height: -moz-calc(100% - 32px);
}

.loginPage .liens button {
  height: 100%;
  /* Pour Chrome 55 (pas nécessaire avec FF50, IE11, Edge 38) pour que le bouton
     prenne toute la hauteur du conteneur Flex sinon bug graphique. */
}

.loginPage .liens .div-lien-email-webmaster a {
  width: 100%;
}

.loginPage .div-message-bienvenue {
  white-space: pre-wrap;
  /* Mantis 19450 */
}

/* FIN PAGE LOGIN (Login.xhtml) */
/* PAGES DES FORMULAIRES WEB (Formulaire.xhtml) */
.formulaire .Heading3 {
  padding-top: 0;
}

.formulaire .ui-tabs-top .ui-tabs-navscroller .ui-state-disabled {
  opacity: 1 !important;
  /* Pour rendre de nouveau opaque les boutons (devenus transparents dus à une règle plus générale dans cette feuille)
                              de defilement des onglets */
}

.formulaire .ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn {
  height: 32px;
  /* Pour annuler la regle d'Olympos pour Firefox sur la hauteur des 2 boutons de défilement des onglets qui les fait dépasser
                     de la barre. 32px est ok avec : FF50, IE11, Edge 38, GC55, Android WebView 44 (Android 6) */
}

.formulaire .tab-view-principal {
  border: 0;
  width: 100%;
}

.formulaire .tab-view-principal .ui-tabs-panel {
  padding: 1em 0;
  /* Pour que les composants soient collés au bord de la bordure de l'onglet */
}

.formulaire .tab-view-principal .ui-tabs-nav li {
  left: 2px;
  /* Pour décaler la zone de titre du 1er onglet pour que son fond blanc soit inclus dans le fond gris de la zone qui contient les onglets */
}

.formulaire .div-grille-composants {
  width: 100%;
  overflow: auto;
  /* Pour afficher la barre de défilement horizontale sur le formulaire lorsqu'un libellé ou un composant est trop grand */
}

@media (min-width: 640px) and (max-width: 1200px) {
  /* il y a 2 tranches : 640 -> 960 et 960 -> 1200 */
  .formulaire .div-grille-composants .ligne .Responsive100.Container25 {
    width: 25%;
    /* Pour désactiver le responsive de Responsive100 entre 640 et 1200px. */
  }

  .formulaire .div-grille-composants .ligne .Responsive100.Container75 {
    width: 75%;
    /* Pour désactiver le responsive de Responsive100 entre 640 et 1200px. */
  }
}
.formulaire .div-grille-composants .ligne {
  padding-bottom: 10px;
  padding-top: 10px;
}

.formulaire .div-grille-composants .ligne.avec-ligne-separation {
  border-bottom: 1px solid #EEEEEE;
}

.formulaire .div-grille-composants .ligne .colonne1.centre-verticalement {
  margin-bottom: auto;
  margin-top: auto;
}

.formulaire .div-grille-composants .ligne .colonne2 .div-message {
  display: flex;
  /* Pour avoir le message sous le composant (comme display: block) sans que le background-color ne s'étende sur toute la ligne. */
}

.formulaire .div-grille-composants .ligne .colonne2 .div-message .ui-message-error,
.formulaire .div-grille-composants .ligne .colonne2 .div-message .ui-message-fatal,
.formulaire .div-grille-composants .ligne .colonne2 .div-message .ui-message-info,
.formulaire .div-grille-composants .ligne .colonne2 .div-message .ui-message-warn {
  margin-left: 0;
  margin-top: 8px;
}

.formulaire .div-grille-composants .ligne .colonne2 .composant-type-text {
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  /* "- 20px" : padding et border du textarea */
}

.formulaire .div-grille-composants .ligne .colonne2 .composant-type-string {
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  /* "- 20px" : padding et border du input text */
}

.formulaire .div-grille-composants .ligne .colonne2 .composant-type-selectonemenu {
  width: 77%;
  max-width: 500px;
  min-width: 200px !important;
}

.formulaire .div-grille-composants .ligne .colonne2 .composant-selection-autocomplete {
  width: 100%;
}

.formulaire .div-grille-composants .ligne .colonne2 .composant-selection-autocomplete ul {
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  /* "- 20px" : padding et border du input text */
}

.formulaire .div-grille-composants .ligne .colonne2 .composant-selection-autocomplete .ui-autocomplete-input-token:not(:first-child) {
  position: relative;
  top: 3px;
  /* Pour centrer verticalement le texte du "placeholder" */
}

.formulaire .div-grille-composants .ligne .colonne2 .composant-photo .ui-messages-close {
  display: none;
}

.formulaire .div-grille-composants .ligne .colonne2 .composant-photo .ui-fileupload-buttonbar {
  padding-left: 0;
}

.formulaire .div-grille-composants .ligne .colonne2 .composant-photo .ui-messages-error {
  padding-left: 0;
}

.formulaire .div-grille-composants .ligne .composant-separateur-bandeau {
  margin-top: 20px;
  border-top: 2px solid #ddd;
  padding-top: 10px;
  line-height: 20px;
  font-size: 14px;
  padding-left: 5px;
  /* Ne pas mettre de "height" pour que le div puisse se redimensionner quand le texte revient à la ligne */
}

.formulaire .div-grille-composants .ligne .composant-separateur-text {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #999 !important;
}

.formulaire .div-grille-composants .ligne .composant-separateur-ligne {
  height: 2px;
  margin-top: 10px;
  margin-bottom: 5px;
  background-color: #ddd;
}

.formulaire .composant-input-code-postal-ville {
  display: flex;
  flex-wrap: wrap;
}

.formulaire .composant-input-code-postal-ville .output-label-code-postal {
  display: inline-block;
  width: 120px;
}

.formulaire .composant-input-code-postal-ville .input-text-code-postal {
  margin-right: 10px;
  width: 200px;
}

.formulaire .composant-input-code-postal-ville .div-ville {
  display: flex;
}

.formulaire.en-lecture .composant-input-code-postal-ville .div-ville {
  margin-left: 4px;
}

.formulaire .composant-input-code-postal-ville .div-ville .label-ville {
  margin-top: 7px;
  width: 120px;
}

.formulaire .div-grille-composants .composant-adresses .ui-datagrid {
  border: none;
}

.formulaire .div-grille-composants .composant-adresses .ui-datagrid tr:not(:first-child) .bouton-supprimer {
  margin-top: 12px;
}

.formulaire .div-grille-composants .composant-adresses .ui-datagrid tr:not(:last-child) td {
  border-bottom: 2px solid #eeeeee;
}

.formulaire .div-grille-composants .composant-adresses.bouton-ajouter-dispo .ui-datagrid tr:last-child td {
  border-bottom: 2px solid #eeeeee;
}

.formulaire .div-grille-composants .composant-adresses .ui-datagrid .ui-datagrid-content {
  font-size: inherit;
}

.formulaire .div-grille-composants .composant-adresses .bouton-ajouter {
  margin-top: 16px;
}

.formulaire .div-grille-composants .composant-adresses .div-composants-enfants .colonne1 {
  width: 15%;
}

.formulaire .div-grille-composants .composant-adresses .div-composants-enfants .colonne2 {
  width: 85%;
}

@media (max-width: 640px) {
  .formulaire .div-grille-composants .composant-adresses .div-composants-enfants .colonne1.Responsive100 {
    width: 100%;
  }

  .formulaire .div-grille-composants .composant-adresses .div-composants-enfants .colonne2.Responsive100 {
    width: 100%;
  }
}
.formulaire .div-grille-composants .composant-coordonnees .div-champ-et-bouton-suppr {
  display: flex;
  left: -5px;
  position: relative;
}

.formulaire .div-grille-composants .composant-coordonnees .div-composants-enfants {
  float: left;
  width: calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
}

.formulaire .div-grille-composants .composant-coordonnees .ui-datagrid .ui-datagrid-content {
  font-size: inherit;
}

.formulaire .div-grille-composants .composant-coordonnees .bouton-supprimer {
  margin-left: 3px;
  background-color: white;
}

.formulaire .div-grille-composants .composant-coordonnees .bouton-ajouter {
  margin-top: 5px;
}

.formulaire .div-grille-composants .composant-coordonnees .div-composants-enfants .ligne {
  padding-bottom: 0;
  padding-top: 0;
}

.formulaire .texte_description_general {
  color: #009999;
  white-space: pre-wrap;
}

.formulaire .texte_description_onglet {
  color: #009999;
  white-space: pre-wrap;
}

.formulaire .texte_description_download_document {
  color: #009999;
  white-space: pre-wrap;
}

.formulaire .texte_description_upload_document {
  color: #009999;
  white-space: pre-wrap;
}

.formulaire .titre_recapitulatif_saisie {
  color: #009999;
  white-space: pre-wrap;
}

/* Attribut 5900 : le code de réference bibliographique doit être saisi en uppercase comme dans le client lourd.*/
.formulaire .upperText {
  text-transform: uppercase;
}

/* DEBUT : texte des onglets sur plusieurs lignes */
/* Avec RichFaces 4.3.0.Final, lorsqu'il y a trop d'onglets ou que le libellé des onglets est trop grand,
   les onglets qui dépassent du cadre sont cachés. Les régles de ce bloc permettent d'afficher sur plusieurs
   lignes le texte des onglets (et avec l'aide de javascript pour modifier une régle inline). */
.formulaire .rf-tab-hdr-tabline-vis.rf-tab-hdr-tabline-top {
  height: auto;
}

.formulaire .rf-tab-lbl {
  white-space: normal;
}

.formulaire .rf-tab-hdr-act.rf-tab-hdr-top {
  background-position: center bottom;
  background-color: white;
}

.formulaire .rf-tab-hdr-inact.rf-tab-hdr-top {
  background-color: white;
}

/* FIN : texte des onglets sur plusieurs lignes */
.formulaire .rf-edt-hdr {
  background-image: none;
  /* Mantis 11240 : enlever le bandeau bleu */
}

.formulaire .docUpload .Card {
  background-color: #f2f2f2 !important;
}

.formulaire .docUpload thead {
  display: none;
}

.formulaire .docUpload .ui-datatable {
  background-color: inherit;
}

.formulaire .docUpload .ui-datatable .ui-datatable-even,
.formulaire .docUpload .ui-datatable .ui-datatable-odd {
  background-color: inherit;
}

.formulaire .docUpload .ui-datatable td {
  border: 1px solid #f2f2f2 !important;
}

.formulaire .docUpload .ui-fileupload .ui-icon-plusthick {
  background-image: url("primefaces-olympos/images/upload.svg") !important;
  /* Pour changer l'icone "+" par une autre */
  width: 17px;
}

.formulaire .docDownload .Card {
  background-color: #f2f2f2;
}

.formulaire .docDownload .ui-datagrid {
  border: none;
  background-color: inherit;
}

.formulaire .docDownload .ui-datagrid .ui-datagrid-column {
  width: 50%;
}

.formulaire .docDownload .ui-datagrid .ui-datagrid-content {
  font-size: inherit;
}

/* FIN PAGES DES FORMULAIRES WEB (Formulaire.xhtml) */
/* DEBUT PAGES DES CHOIXLISTE WEB (ChoixListe.xhtml) */
/* Taille de la colonne s'inscrire de la rubrique inscription en mode normal */
.choixListe .colSinscrire {
  width: 130px;
}

/* Taille de la colonne s'inscrire de la rubrique inscription en mode mobile */
@media (min-width: 320px) and (max-width: 640px) {
  .choixListe .colSinscrire {
    width: 100%;
  }
}
/* Taille de la colonne noter les épreuves des rubriques web en mode normal */
.choixListe .colNoterEpreuve {
  width: 100px !important;
}

/* Taille de la colonne noter les épreuves des rubriques web en mode mobile */
@media (min-width: 320px) and (max-width: 640px) {
  .choixListe .colNoterEpreuve {
    width: 100% !important;
    padding: 0px !important;
  }
}
/* Taille de la colonne evaluer criteres en mode normal */
.choixListe .colEvaluerCritere {
  width: 130px;
}

/* Taille de la colonne evaluer criteres en mode mobile */
@media (min-width: 320px) and (max-width: 640px) {
  .choixListe .colEvaluerCritere {
    width: 100% !important;
    padding: 0px !important;
  }
}
/* Centrer la case à cocher des choix listes à gauche
   Mantis #14113 : Listes en mode tablette, ajouter le libellé "Sélectionner" devant la coche + centrer la coche du header */
.choixListe .ui-datatable .ui-selection-column .ui-chkbox-all {
  margin: inherit;
}

/* Masquer la case à cocher permettant de cocher toutes les lignes d'un tableau, si elle est disabled (mantis #14624: rubriques factures) */
.choixListe .ui-datatable .ui-selection-column .ui-chkbox-all .ui-state-disabled {
  display: none !important;
}

/* Mantis #14818 : Rubrique Factures, lorsque "L'internaute peut sélectionner les échéances.." est à false, enlever le fond bleu sur tout le tableau */
.choixListe .echeanceNonSelectionnable table tbody .ui-state-highlight > td {
  background-color: transparent;
}

/* Rend le fond du header du tableau des critères de la rubrique compètence blanc */
.choixCritere .ui-datatable .ui-datatable-header {
  background: white;
}

/* Taille de la colonne noter les épreuves des rubriques web en mode normal */
.choixListe .buttonNoterEpreuves {
  float: right;
  margin-right: 20px;
  width: 240px;
}

/* Taille de la colonne noter les épreuves des rubriques web en mode mobile */
@media (min-width: 320px) and (max-width: 640px) {
  .choixListe .buttonNoterEpreuves {
    width: 100% !important;
    padding: 0px !important;
  }
}
.catalogueChoixInscription .ui-toolbar-group-right {
  margin-right: 20px;
}

/* Sticky footer si Menu non replié (en mode pc) */
.templatePrincipal:not(.SlimMenu) .stickyFooter {
  width: -moz-calc(90% - 130px) !important;
  width: -webkit-calc(90% - 130px) !important;
  width: calc(90% - 130px) !important;
  margin-left: -5px !important;
}

.templatePrincipal.SlimMenu .stickyFooter {
  width: -moz-calc(100% - 42px) !important;
  width: -webkit-calc(100% - 42px) !important;
  width: calc(100% - 42px) !important;
  margin-left: -28px !important;
}

/* FIN PAGES DES CHOIXLISTE WEB (ChoixListe.xhtml) */
/* RUBRIQUE TABLEAU DE BORD (Dashboard.xhtml) */
.dashboard .divGlobale {
  display: flex !important;
  flex-wrap: wrap !important;
  height: 1024px !important;
}

@media (min-width: 320px) and (max-width: 960px) {
  .dashboard .divGlobale {
    display: block;
    height: auto !important;
  }
}
/* FIN RUBRIQUE TABLEAU DE BORD (Dashboard.xhtml) */
/* FRAGMENTS (fragments.xhtml) */
.fragment.fil-ariane .div-fleche {
  display: inline;
  margin-right: 4px;
  padding: 2px;
  vertical-align: middle;
}

.fragment.fil-ariane .div-fleche i {
  color: #27AAE1 !important;
}

/* La dernière flèche correspondant au suivant doit être grisée */
.fragment.fil-ariane .last i {
  color: #ababab !important;
}

.fragment.enchainementRubrique_fil_ariane {
  display: inline-block;
}

.fragment.enchainementRubrique_fil_ariane .ui-datalist {
  background-color: transparent;
  border: none;
}

.fragment.enchainementRubrique_fil_ariane.fil-en-bas {
  float: right;
  margin-right: 20px;
}

.stickyFooter .fragment.enchainementRubrique_fil_ariane.fil-en-bas {
  position: fixed;
  right: 20px;
  float: none;
}

/* Souligner les steps au survol */
.fragment.enchainementRubrique_fil_ariane a.autre:hover {
  text-decoration: underline !important;
}

/* Item autre */
.fragment.enchainementRubrique_fil_ariane .autre {
  color: #00aaff !important;
}

/* Item suivant */
.fragment.enchainementRubrique_fil_ariane .suivant {
  color: #ababab !important;
}

/* Item général */
.fragment.enchainementRubrique_fil_ariane .step {
  text-decoration: none !important;
}

/* Desactiver le gris pale du disabled sur les suivants */
.fragment.enchainementRubrique_fil_ariane .fil-ariane-list .ui-state-disabled:not(.autre) {
  color: #ababab !important;
  opacity: 1 !important;
}

/* Desactiver le blue pale du disabled sur les autres item que suivant */
.fragment.enchainementRubrique_fil_ariane .fil-ariane-list .ui-state-disabled:not(.suivant) {
  color: #00aaff !important;
  opacity: 1 !important;
}

/* Div conteneur de l'enchainement fil d'ariane panier, avec une bordure grisée en bas */
.fragment.enchainementPanierInscription_fil_ariane {
  display: inline-block;
  border-bottom: 2px solid #ddd;
  margin-bottom: 15px;
}

/* Couleur du lien de l'étape actuelle du fil d'ariane panier (utilisée dans fragments.xhtml et ChoixPanier.xhtml) */
.fragment.enchainementPanierInscription_fil_ariane .etape-actuelle {
  color: #27AAE1 !important;
  border-bottom: 2px solid #27AAE1 !important;
  padding-bottom: 20px !important;
}

/* Couleur du lien autre du fil d'ariane panier */
.fragment.enchainementPanierInscription_fil_ariane .autre .ui-commandlink {
  color: #ababab !important;
}

/* Couleur du lien autre du fil d'ariane panier en mode disabled (lien non cliquable) */
.fragment.enchainementPanierInscription_fil_ariane .autre .ui-state-disabled {
  opacity: 0.4 !important;
}

/* Couleur du lien de l'étape actuelle du fil d'ariane panier */
.fragment.enchainementPanierInscription_fil_ariane .etape-actuelle .ui-commandlink {
  color: #27AAE1 !important;
}

/* Couleur du lien en disabled du fil d'ariane du panier */
.fragment.enchainementPanierInscription_fil_ariane .ui-state-disabled {
  color: #ababab !important;
  opacity: 1 !important;
}

/* Centrer les liens du fil d'ariane du panier */
.fragment.enchainementPanierInscription_fil_ariane .lien {
  margin: auto !important;
  padding: 10px !important;
}

/* FIN FRAGMENTS (fragments.xhtml) */
/* DEBUT PAGES OFFREPEDAGOGIQUE (OffrePedagogique.xhtml) */
/* Tableau tree de l'offre pedagogique */
.offrePedagogique .treeTable {
  border: none !important;
}

/* Liste de selection des documents des tableaux */
.offrePedagogique .ui-selectonemenu {
  width: -moz-calc(100% - 90px) !important;
  width: -webkit-calc(100% - 90px) !important;
  width: calc(100% - 90px) !important;
}

/* Header du tableau en noir et sans bordures */
.offrePedagogique .treeTable .ui-treetable-header {
  background-color: white !important;
  border: none !important;
  margin: 0px !important;
  color: white !important;
  padding: 0px !important;
}

/* Titre principale du tableau en blanc sur fond noir */
.offrePedagogique .ui-treetable-header .ui-commandlink {
  color: white !important;
}

.offrePedagogique .treeTable table tbody tr td {
  border: none !important;
  /* Suppression des bordures du trableau */
  word-wrap: break-word;
  overflow: visible;
}

.offrePedagogique .treeTable table thead tr th {
  background: white;
  border-left: none;
  border-top: none;
  border-right: none;
  text-align: left;
}

.offrePedagogique .treeTable .ui-paginator-top, .offrePedagogique .treeTable .ui-paginator-bottom {
  background: white;
  border: none !important;
}

/* Suppression du cadre dans le tree table de l'offre predagogique */
.offrePedagogique .treeTable .default {
  font-size: inherit;
  cursor: inherit;
  width: inherit;
  border: none !important;
  padding: inherit;
}

.offrePedagogique .treeTable .ui-datatable-odd {
  background-color: white !important;
}

.offrePedagogique .treeTable .ui-datatable-odd2 {
  background-color: #efefef !important;
}

.offrePedagogique .treeTable .ui-datatable-find {
  background-color: #efefef !important;
}

/* Change icon of tree table from 'rightarrow-navy.svg' to 'plus-sign-navy.svg' */
.offrePedagogique .treeTable td:first-child .ui-icon-triangle-1-e {
  background-image: url(images/plus-sign-navy.svg?ln=primefaces-olympos);
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
  display: none;
}

/* Change icon of tree table from 'downarrow-navy.svg' to 'minus-sign-navy.svg' */
.offrePedagogique .treeTable td:first-child .ui-icon-triangle-1-s {
  background-image: url(images/minus-sign-navy.svg?ln=primefaces-olympos);
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
  display: none;
}

.offrePedagogique .colExpandCollapseAndLabel {
  display: flex;
  align-content: flex-start;
}

.offrePedagogique .divExpandCollapse {
  min-width: 36px;
}

.offrePedagogique .divLabel {
  display: flex;
  align-items: center;
}

.offrePedagogique .colDetail {
  width: 105px !important;
  text-align: center;
}

.offrePedagogique .colInscription {
  width: 193px !important;
}

@media (min-width: 320px) and (max-width: 640px) {
  /* Taille de la colonne inscription de l'offre pédagogique en mode mobile */
  .offrePedagogique .colDetail {
    width: 100% !important;
  }

  /* Taille de la colonne inscription de l'offre pédagogique en mode mobile */
  .offrePedagogique .colInscription {
    width: 100% !important;
  }

  .offrePedagogique .colTreeTable {
    width: 100% !important;
    display: block;
  }
}
/* FIN PAGES OFFREPEDAGOGIQUE (OffrePedagogique.xhtml) */
/* DEBUT PAGES CHOIXPANIER (ChoixPanier.xhtml) */
.choixPanier .colDetail {
  width: 105px !important;
  text-align: center;
}

.choixPanier .colInscription {
  width: 170px !important;
  text-align: center;
}

.choixPanier .colSupprimer {
  width: 130px !important;
  text-align: center;
}

@media (min-width: 320px) and (max-width: 640px) {
  /* Taille de la colonne inscription de l'offre pédagogique en mode mobile */
  .choixPanier .colDetail {
    width: 100% !important;
  }

  /* Taille de la colonne inscription de l'offre pédagogique en mode mobile */
  .choixPanier .colInscription {
    width: 100% !important;
  }

  .choixPanier .colSupprimer {
    width: 100% !important;
  }
}
/* Couleur du lien de l'étape actuelle du fil d'ariane panier (utilisée dans fragments.xhtml et ChoixPanier.xhtml) */
.choixPanier .enchainementPanierInscription_fil_ariane .etape-actuelle {
  color: #00aaff;
  border-bottom: 2px solid #00aaff;
  padding-bottom: 10px !important;
}

/* FIN PAGES CHOIXPANIER (ChoixPanier.xhtml) */
/* FRAGMENT "TIERS" (Tierses.xhtml, Tiers.xhtml) */
.fragmentTiers .sectionIndividu {
  padding: 5px;
}

.fragmentTiers .sectionIndividu .libelleSection {
  color: #009999;
  display: block;
  margin-bottom: 8px;
}

.fragmentTiers .sectionIndividu h4 {
  margin-top: 10px;
  margin-bottom: 12px;
}

.fragmentTiers .sectionIndividu .ui-datagrid {
  border: none;
}

.fragmentTiers .sectionEntite {
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 5px;
}

.fragmentTiers .sectionEntite .libelleSection {
  color: #009999;
  display: block;
  margin-bottom: 8px;
}

.fragmentTiers .sectionEntite h4 {
  margin-top: 10px;
  margin-bottom: 12px;
}

.fragmentTiers .sectionEntite .input-text-nom,
.fragmentTiers .sectionEntite .input-text-site-web {
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  /* "- 20px" : padding et border du input text */
}

.fragmentTiers .sectionEntite .ui-datagrid {
  border: none;
}

.fragmentTiers .sectionEntite .div-message {
  display: table;
  /* Pour avoir le message sous le composant (comme display: block) sans que le background-color s'étende sur toute la ligne. */
  margin-top: 8px;
}

.fragmentTiers .sectionEntite .div-message .ui-message-error,
.fragmentTiers .sectionEntite .div-message .ui-message-fatal,
.fragmentTiers .sectionEntite .div-message .ui-message-info,
.fragmentTiers .sectionEntite .div-message .ui-message-warn {
  margin-left: 0;
}

.fragmentTiers .sectionAdresse {
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 5px;
}

.fragmentTiers .sectionAdresse .libelleSection {
  color: #009999;
  display: block;
  margin-bottom: 8px;
}

.fragmentTiers .sectionAdresse h4 {
  margin-top: 10px;
  margin-bottom: 12px;
}

.fragmentTiers .sectionAdresse .menu-adresses-tiers {
  width: calc(100% - 54px);
  width: -webkit-calc(100% - 54px);
  width: -moz-calc(100% - 54px);
  min-width: 0 !important;
}

.fragmentTiers .sectionCoordonnees {
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 5px;
}

.fragmentTiers .sectionCoordonnees .libelleSection {
  color: #009999;
  display: block;
  margin-bottom: 8px;
}

.fragmentTiers .sectionCoordonnees h4 {
  margin-top: 10px;
  margin-bottom: 12px;
}

.fragmentTiers .sectionCoordonnees .colonne1 {
  width: 120px;
}

.fragmentTiers .sectionCoordonnees .rf-au-fnt {
  font-size: 12px;
}

.fragmentTiers .celluleTableauTiers {
  padding-bottom: 15px;
}

/* FIN FRAGMENT "TIERS" (Tierses.xhtml, Tiers.xhtml) */
/* PAGE "NOTER LES EPREUVES" (TeacherNotationListPage.xhtml) */
/* Permet de ne pas afficher les boutons envoyer et supprimer du fileUploader de primefaces */
.teacherNotationListPage .ui-fileupload-buttonbar .ui-state-disabled {
  display: none;
}

/* Permet de mettre le header de la liste de notation en blanc. */
.teacherNotationListPage .ui-datatable-header {
  background-color: white !important;
}

.teacherNotationListPage .divMsgEpreuveCalculee {
  border: 1px solid red;
  width: 100%;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 8px;
  padding-top: 6px;
  margin-bottom: 15px;
  text-align: center;
}

.teacherNotationListPage .divMsgEpreuveCalculee img {
  position: relative;
  top: 2px;
  right: 5px;
}

.teacherNotationListPage .statutActif {
  background: url(connect_active.gif) #FFF0E8 no-repeat scroll center center;
}

.teacherNotationListPage .cacher {
  display: none !important;
}

.teacherNotationListPage .tdOptions {
  width: 50% !important;
  border: 1px solid #d9d9d9;
  /* #BED6F8; */
  padding: 4px;
  background: #f2f2f2;
}

.teacherNotationListPage .ligneSeparation {
  border-top: 1px solid #BED6F8;
  margin-bottom: 10px;
  margin-top: 15px;
}

.teacherNotationListPage .colMotifAbsence .ui-selectonemenu {
  width: calc(100% - 50px) !important;
  /* Moins 5px de plus dans Edge et firefox, sinon le bouton télécharger descend en bas */
  width: -webkit-calc(100% - 55px) !important;
  width: -moz-calc(100% - 55px) !important;
  min-width: inherit !important;
  /* Permet de supprimer la taille minimu des listes de sélection */
}

.teacherNotationListPage .msgNoteNumMessages.ui-messages ul {
    list-style-type: circle;
    margin-left: 14px !important;
}

.teacherNotationListPage .msgNoteNumMessages.ui-messages li {
    list-style: circle;
}

.teacherNotationListPage .msgNoteNumMessages.ui-messages .ui-messages-info-summary {
    font-weight: normal;
}

/* Style du champ correctif à affecter à toutes les notes */
.teacherNotationListPage .correctif .ui-inputfield {
  width: 50px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}

/* Mantis #14747: Rubriques "Noter les épreuves". la zone de saisie de la note n'a plus de bordure à droite.
   Fixer la taille du champ de saisie des notes pour qu'elle ne dépasse pas celle de la colonne */
.teacherNotationListPage .inputNumberNote .ui-inputtext {
  width: -moz-calc(100% - 20px) !important;
  width: -webkit-calc(100% - 20px) !important;
  width: calc(100% - 20px) !important;
}

/* Div contenant le bouton exporter */
.exporterContainer {
  display: inline;
  float: left;
  margin-right: 10px;
}

/* Div contenant le bouton de changement de la langue */
.changerLangueContainer {
  display: inline;
  color: #525252;
}

.changerLangueContainer .ui-outputlabel {
  padding-right: 5px;
}

/* Div contenant les boutons d'application du correctif */
.correctifContainer {
  display: inline;
  padding: 5px;
}

@media (min-width: 320px) and (max-width: 640px) {
  .teacherNotationListPage .ui-toolbar-group-left {
    float: left;
    width: 100%;
  }

  .teacherNotationListPage .ui-toolbar-group-right {
    float: left;
    margin-left: 0px;
    width: 100%;
  }

  .teacherNotationListPage .ui-toolbar-group-right table {
    width: 100%;
  }

  .teacherNotationListPage .ui-toolbar-group-right td {
    width: 100% !important;
    display: block;
  }

  .exporterContainer {
    width: 100%;
  }

  .changerLangueContainer {
    width: 100%;
    padding: 5px;
    display: block;
  }

  .correctifContainer {
    display: inline;
  }

  .teacherNotationListPage .modifierButton {
    width: 100%;
    float: left;
    padding: 0px 0px 5px 5px;
    box-sizing: border-box;
    background-color: transparent;
    margin-right: 0px;
  }

  .teacherNotationListPage .exportButton {
    width: 100%;
    float: left;
    padding: 0px 0px 5px 5px;
    box-sizing: border-box;
    background-color: transparent;
    margin-right: 0px;
  }

  .teacherNotationListPage .enregistrerButton {
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    float: left;
    padding: 5px;
    box-sizing: border-box;
    background-color: transparent;
  }

  .teacherNotationListPage .annulerButton {
    float: left;
    padding: 0px 0px 5px 5px;
    box-sizing: border-box;
    background-color: transparent;
    margin-right: 0px;
  }

  .teacherNotationListPage .annulerButton-width {
    width: calc(36% - 8px);
    width: -webkit-calc(36% - 8px);
    width: -moz-calc(36% - 8px);
  }

  .teacherNotationListPage .annulerButton-width-100 {
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    padding: 5px;
  }

  .teacherNotationListPage .validerNotationButton {
    width: calc(64% - 20px);
    width: -webkit-calc(64% - 20px);
    width: -moz-calc(64% - 20px);
    margin-left: 8px;
    padding: 0px 5px 5px 0px;
    box-sizing: border-box;
    background-color: transparent;
  }

  .teacherNotationListPage .validerNotationButton .ui-button-text,
.teacherNotationListPage .annulerButton .ui-button-text {
    padding: 6px 0px 6px 15px !important;
  }

  .teacherNotationListPage .barFooter {
    height: 80px !important;
  }
}
/* FIN PAGE "NOTER LES EPREUVES" (TeacherNotationListPage.xhtml) */
/* PAGE "MES NOTES" (LearnerNotationListPage.xhtml) */
.learnerNotationListPage .dataTable {
  width: 100%;
}

/* Header du tableau de la rubrique mesNotes en blanc afin d'y mettre le moteur de recherche spécifique */
.learnerNotationListPage .ui-datatable .ui-datatable-header {
  background-color: White !important;
  border: none !important;
}

/* Cacher le header de la liste des inscrits de l'onglet choix isncrit du formulaire gmcc */
.listeApprenant .ui-datatable-header {
  background-color: White !important;
  border: none !important;
}

/* Mantis 18825 "WebAurion, rubrique "mes notes" : le champ appréciation est automatiquement
                 tronqué ce qui empêche de lire l'appréciation." */
.learnerNotationListPage .ui-datatable-resizable tbody td {
  white-space: initial;
}

/* FIN PAGE "MES NOTES" (LearnerNotationListPage.xhtml) */
/* PAGE "POSITIONS DE COMPTE" (PositionCompte.xhtml) */
.positionCompte .libelleFavoriRequeteSelectionne {
  color: #444444;
  text-align: center;
}

.positionCompte .divEspaceEntreTableaux {
  height: 30px;
}

.positionCompte .divFavoriRequete_onmouseover {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid red;
}

.positionCompte .divFavoriRequete_onmouseout {
  border: 1px solid white;
}

.positionCompte .dataTableIndividuEntite {
  margin-left: auto;
  margin-right: auto;
}

.positionCompte .dataTablePositionComptePlein {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Dans la position de compte, on n'affiche pas le empty message si le tableau est vide */
.positionCompte .ui-datatable-empty-message {
  display: none !important;
}

/* Taille de la colonne voir du tableau individu entité en mode normal */
.positionCompte .dataTableIndividuEntite .colBoutonVoir {
  width: 26px;
}

/* Taille de la colonne voir du tableau individu entité en mode mobile */
@media (min-width: 320px) and (max-width: 640px) {
  .positionCompte .dataTableIndividuEntite .colBoutonVoir {
    width: 100%;
  }
}
.positionCompte .dataTablePositionCompteVide {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.positionCompte .dataTableDebitCreditSolde {
  margin-left: auto;
  margin-right: auto;
}

.positionCompte .ui-datatable-header {
  background-color: transparent;
}

.positionCompte .tdContenantNbMonetaire {
  text-align: right !important;
}

.positionCompte .tdCumul {
  font-size: 13px;
}

.positionCompte .tdDebitTTC {
  width: 70px;
}

.positionCompte .tdCreditTTC {
  width: 70px;
}

.positionCompte .tdSoldeTTC {
  width: 70px;
}

.positionCompte .tdSoldeTTC .negatif {
  color: red;
}

.positionCompte .tdPositionSoldeTTC {
  width: 70px;
}

/* FIN PAGE "POSITIONS DE COMPTE" (PositionCompte.xhtml) */
/* PAGE D'ACCUEIL (MainMenuPage.xhtml) */
/* Ratio de 1:1 en utilisant CSS : http://www.mademyday.de/css-height-equals-width-with-pure-css.html */
/* DEBUT General */
.PadLeft15 {
  padding-left: 15px !important;
}

.Wid85 {
  width: 85% !important;
}

.TextDecorationNone {
  text-decoration: none !important;
}

.NoBorder {
  border: none !important;
}

.OverflowAuto {
  overflow: auto;
}

.CursorInitial {
  cursor: initial !important;
}

.MarLeft5 {
  margin-left: 5px;
}

.VerticalSuper {
  vertical-align: super;
}

.dialogLabel {
  margin-left: 5px;
}

.dialogInput {
  margin-left: 5px;
}

.dialogButton {
  padding: 5px 0;
}

.dialogButtonRight {
  float: right;
}

/* Mantis #14848: webaurion 3 : Suppression de la surbrillance de tous les boutons de webaurion après un click */
.ui-button.ui-state-focus .ui-button-text {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-box-shadow: none;
}

/* Mantis #14908 : Suppression de la surbrillance du splitbouton 'Rechercher' après un click */
.ui-buttonset .ui-button.ui-state-focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-box-shadow: none !important;
}

@media (min-width: 320px) and (max-width: 640px) {
  .zoomBoutton {
    display: none !important;
  }
}
/* Mantis #14015: WebAurion 3 : 1.12158, problème de responsive sur une page de choix d'une rubrique, apparition de "sort" en mobile */
@media (min-width: 320px) and (max-width: 640px) {
  .ui-datatable-reflow .ui-reflow-dropdown,
.ui-reflow-label {
    display: none !important;
  }
}
/* Permet de centrer un element verticalement */
.CentrerElt {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width: 320px) and (max-width: 960px) {
  /* Réduit le centrage des widgets indicateurs en mode mobile */
  .CentrerElt {
    position: relative;
    top: -20%;
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
  }
}
/* Uitlisé pour rendre stiky la barre des boutons dans le footer des formulaires. */
.templatePrincipal .stickyFooter {
  position: fixed !important;
  bottom: 0px !important;
  z-index: 1000;
  /* A partir de z-index: 1001, le sticky footer n'est pas grisé si une 'modalePatientez' est lancée */
  background-color: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 -3px 5px -3px rgba(0, 0, 0, 0.4) !important;
  /* Mantis #15922: WebAurion, rubrique "Saisir mes notes". Utiliser la touche Entrée pour pouvoir passer d'une note à une autre.
  * Crée un effet lors du hide du sticky footer en utilisant les transitions (utilisé dans la page de notation des épreuves).
  * Style du sticky visible.
  */
  visibility: visible;
  opacity: 1;
  transition: opacity 0.6s linear;
}

/* 
* Mantis #15922: WebAurion, rubrique "Saisir mes notes". Utiliser la touche Entrée pour pouvoir passer d'une note à une autre.
* Crée un effet lors du hide du sticky footer en utilisant les transitions (utilisé dans la page de notation des épreuves).
* Style du sticky caché.
*/
.templatePrincipal .hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.6s, opacity 0.6s linear;
}

.inhertWidth {
  width: inherit !important;
}

/* Sticky footer si Menu non replié (en mode pc) */
.templatePrincipal:not(.SlimMenu) .stickyFooter {
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  margin-left: -28px !important;
}

/* Sticky footer si Menu replié (en mode pc) */
.templatePrincipal.SlimMenu .stickyFooter {
  width: 100%;
  margin-left: -28px !important;
}

.barFooter {
  height: 30px !important;
  border-radius: 0;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-left: 16px !important;
  width: 100%;
}

@media (min-width: 320px) and (max-width: 640px) {
  .barFooter {
    height: initial !important;
  }
}
.choixListe .barFooter {
  width: calc(100% - 3px);
  width: -webkit-calc(100% - 3px);
  width: -moz-calc(100% - 3px);
  height: 30px !important;
  border-radius: 0;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media (min-width: 320px) and (max-width: 960px) {
  /* Sticky footer si Menu non replié (en mode tablette/mobile) */
  .templatePrincipal:not(.SlimMenu) .stickyFooter {
    width: 100%;
    margin-left: -28px !important;
  }
}
.DarkBlue {
  color: #035899;
}

.FontBoldImp {
  font-weight: bold !important;
}

.NoBorder {
  border: none !important;
}

/* Mantis #13958: pop up "On supprime cette information?" : icône et message non alignés */
.ui-dialog .ui-dialog-content .ui-icon-alert {
  margin: 0 8px 0 0 !important;
}

/* Aligner le message d'information des alerts à gauche. */
.ui-dialog .ui-dialog-content {
  text-align: left;
}

@media (min-width: 320px) and (max-width: 640px) {
  .boutonAjouter {
    width: 100% !important;
  }
}
/* Permet de dessiner un titre du tableau à la place du header global du tableau sur plusieurs colonnes.
Ce qui permet de garder l'alignement des colonnes et du texte dans le mode mobile */
.DivTitleTableau {
  background: #282828;
  color: white;
  margin-bottom: 1px;
  height: 2em;
  /* hauteur du parent */
  line-height: 2em;
  /* hauteur de ligne (identique) */
  white-space: nowrap;
  /* interdiction de passer à la ligne */
}

/* Permet de rendre transparent l'arrière plan des colonnes des tableaux des choix liste contenant des boutons pour que ces derniers s'affichent à l'exterieur du tableau. */
.colBouton {
  background: white !important;
  border: none !important;
}

/* En mode mobile, il faut afficher l'arrière plan des colonnes, car sinon, on ne pourrait pas savoir à quel pavé est rattaché chaque bouton. */
@media (min-width: 320px) and (max-width: 640px) {
  .colBouton {
    background: inherit !important;
  }
}
/* Taille de la colonne modifier/consulter des rubriques web en mode normal */
.colModifierConsulter {
  width: 125px;
}

/* Taille de la colonne modifier/consulter des rubriques web en mode mobile */
@media (min-width: 320px) and (max-width: 640px) {
  .colModifierConsulter {
    width: 100% !important;
    padding: 0 !important;
  }
}
/* Taille de la colonne case à cocher des rubriques web en mode normal */
/* Utilisé dans choixList.xhtml et JasperReports.xhtml */
.colCaseACocher {
  width: 24px;
}

/* Taille de la colonne case à cocher des rubriques web en mode mobile */
/* Utilisé dans choixList.xhtml et JasperReports.xhtml */
@media (min-width: 320px) and (max-width: 640px) {
  .ui-selection-column .colCaseACocher {
    width: 100% !important;
  }
}
.colEspaceWebAurion {
  width: 190px !important;
}

/* Taille de la colonne mespace webAurion des rubriques web accesAutreIndividu en mode mobile */
@media (min-width: 320px) and (max-width: 640px) {
  .colEspaceWebAurion {
    width: 100% !important;
  }
}
/* Utilisée dans la saisie des appréciations de TeacherNotationListePage.xhtml et de l'onglet inscrits du formulaire gmcc */
.colAppreciation .ui-selectonemenu {
  width: calc(100% - 50px) !important;
  /* Moins 5px de plus dans Edge et firefox, sinon le bouton télécharger descend en bas */
  width: -webkit-calc(100% - 55px) !important;
  width: -moz-calc(100% - 55px) !important;
  min-width: inherit !important;
  /* Permet de supprimer la taille minimu des listes de sélection */
}

/* Change style of disabled button of olympos theme */
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.5 !important;
}

.ui-datatable .ui-datatable-header {
  border: none;
}

/* Fond noir des headers des colonnes des choix listes et texte en blanc */
/* Aligner le titre de la première colonne à gauche */
.ui-datatable table thead tr th {
  background: white;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: solid 2px #d1d1d1;
  text-align: left;
}

/* Tableau des choix listes sans bordures */
.ui-datatable table tbody tr td {
  /* Suppression des bordures du trableau, border: none, ne marche pas si le tableau est vide */
  border: none !important;
  padding: 6px !important;
  text-align: left !important;
  font-family: "latoregular";
}

/* Footer des tableaux des listes choix en bleu */
.ui-datatable table tfoot tr td {
  border: 1px solid white !important;
  border: none !important;
  background-color: #27AAE1 !important;
  color: white !important;
  opacity: 0.6 !important;
  font-weight: bold !important;
  text-align: left;
}

/* - Dans certains, un scroller s'affiche en bas du tableau, cette classe permet de le cacher (Mantis 13651)
   - Mantis 18825 : Cette règle CSS "overflow: hidden" ajoutée avec Mantis 13651 empêche les tableaux
     "p:dataTable" ayant resizableColumns="true" (c'est ok si resizableColumns="false") d'avoir une barre
     de défilement si le tableau est large, par exemple dans la rubrique "mes notes" le tableau est tronqué
     lorsque la fenêtre du navigateur est réduite à la main, sans possibilité d'afficher la suite du tableau.
     La solution de contournement consiste à recharger la page, la largeur des colonnes est alors recalculée
     et l'affichage devient correct. Comme cette solution fonctionne et pour ne pas éviter d'autres effets
     de bord, on laisse la propriété "overflow" à "hidden" sans la modifier par "auto" (laquelle valeur
     résout le problème dans le cas précis de "mes notes"). */
.ui-datatable-tablewrapper {
  overflow: hidden;
}

/* Paginator des tableaux des choix listes sans fond et sans bordures */
.ui-datatable .ui-paginator-bottom,
.ui-datatable .ui-paginator-top {
  background: white;
  border: none !important;
  margin-bottom: 15px;
}

/* Empty message du tableau des choix sans bordure et centré à gauche */
.ui-datatable-empty-message {
  text-align: left !important;
  border: none !important;
}

/* Mantis #14355: WebAurion 3 : Rubrique Jasper, aligner la coche de sélection du header */
.ui-datatable .ui-selection-column .ui-chkbox-all {
  margin: 0 !important;
}

/* Liste de selection des documents des tableaux */
.selectDocument .ui-selectonemenu {
  width: -moz-calc(100% - 95px) !important;
  width: -webkit-calc(100% - 95px) !important;
  width: calc(100% - 95px) !important;
  min-width: inherit !important;
  /* Permet de supprimer la taille minimu des listes de sélection des documents mantis #14016 */
}

/* Mode mobile de la liste de séléction des documents d'un tableau, permettant d'adapter la taille du composant à la taille de la colonne.
 * 30px correspond à la taille du bouton télécharger */
@media (min-width: 320px) and (max-width: 640px) {
  .selectDocument .ui-selectonemenu {
    width: -moz-calc(100% - 90px) !important;
    width: -webkit-calc(100% - 90px) !important;
    width: calc(100% - 90px) !important;
    margin-top: 10px !important;
  }
}
.colEstValider {
  width: 60px !important;
}

.colVoirApprenant {
  width: 30px !important;
}

.colVoirInscription {
  width: 30px !important;
}

.colStatutInscription {
  width: 190px !important;
}

/* Ajuste la taille de la liste de sélection  du statut inscription Mantis #14318 */
.colStatutInscription .ui-selectonemenu {
  width: -moz-calc(100% - 50px) !important;
  width: -webkit-calc(100% - 50px) !important;
  width: calc(100% - 50px) !important;
  min-width: inherit !important;
}

/* Mantis #14908 */
/* Enlever la petite croix verte du column toggler (utilisé dans l'onglet choixInscrit.xhtml du formulaireGmcc.xhtml) */
.ui-columntoggler .ui-columntoggler-close {
  display: none !important;
}

@media (min-width: 320px) and (max-width: 640px) {
  .colEstValider {
    width: 100% !important;
  }

  .colVoirApprenant {
    width: 100% !important;
  }

  .colVoirInscription {
    width: 100% !important;
  }

  .colStatutInscription {
    width: 100% !important;
  }
}
/* FIN général */
/* Debut Style For UI Messages (Mantis #13816) -------------------------------------------------------------------------------------  */
.ui-messages {
  white-space: pre-wrap;
}

.ui-message-error,
.ui-messages-error {
  color: #dd191d !important;
  /* Changement de la couleur du texte */
  background-color: #fde0dc !important;
  /* Changement de la couleur du fond */
  border-color: #fde0dc !important;
  font-size: 14px;
  font-weight: normal;
  padding: 0 !important;
  /* Réduit la hauteur du message */
  font-family: "latobold";
}

.ui-message-info,
.ui-messages-info {
  color: #00aaff;
  /* Changement de la couleur du texte */
  background-color: #e0f7fa !important;
  /* Changement de la couleur du fond */
  border-color: #e0f7fa !important;
  font-size: 14px;
  font-weight: normal;
  padding: 0 !important;
  /* Réduit la hauteur du message */
  font-family: "latobold";
}

.ui-message-warn,
.ui-messages-warn {
  color: #ff9f1a !important;
  /* Changement de la couleur du texte */
  background-color: #fff8e1 !important;
  /* Changement de la couleur du fond */
  border-color: #fff8e1 !important;
  font-size: 14px;
  font-weight: normal;
  padding: 0 !important;
  /* Réduit la hauteur du message */
  font-family: "latobold";
}

.ui-message-fatal,
.ui-messages-fatal {
  color: #dd191d !important;
  /* Changement de la couleur du texte */
  background-color: #fde0dc !important;
  /* Changement de la couleur du fond */
  border-color: #fde0dc !important;
  font-size: 14px;
  font-weight: normal;
  padding: 0 !important;
  /* Réduit la hauteur du message */
  font-family: "latobold";
}

.ui-message-error-icon {
  background-image: url("/faces/javax.faces.resource/images/delete-red.svg?ln=primefaces-olympos") !important;
  background-size: 120% !important;
}

.ui-messages-error-icon {
  background-image: url("/faces/javax.faces.resource/images/delete-red.svg?ln=primefaces-olympos") !important;
  background-size: 70% !important;
  /* Réduit la taille de l'image */
  width: 30px !important;
  height: 30px !important;
  margin: 2px !important;
}

.ui-messages-info-icon {
  background-image: url("/faces/javax.faces.resource/images/warn-blue.svg?ln=primefaces-olympos") !important;
}

.ui-messages-warn-icon {
  background-image: url("/faces/javax.faces.resource/images/warn-hardal.svg?ln=primefaces-olympos") !important;
}

.ui-messages-fatal-icon {
  background-image: url("/faces/javax.faces.resource/images/delete-red.svg?ln=primefaces-olympos") !important;
}

.ui-messages ul {
  margin-left: 35px !important;
  /* Réduit la distance entre le message et l'icone */
  margin-top: 10px !important;
  /* Réduire la bordure en haut de l'icone des messages d'erreur */
  margin-bottom: 10px !important;
}

.ui-message-error-summary,
.ui-message-fatal-summary,
.ui-message-info-summary,
.ui-message-warn-summary,
.ui-messages-error-summary,
.ui-messages-fatal-summary,
.ui-messages-info-summary,
.ui-messages-warn-summary {
  margin: 0;
  /*Permet d'aligner à gauche les deux lignes de message*/
}

/* Fin Style For UI Messages -------------------------------------------------------------------------------------  */
/* Début Style Recherche -----------------------------------------------------------------------------------------  */
/* Split bouton rechercher */
.Gray {
  color: #525252 !important;
}

/* Changement icone de menu-dots en downarrow-gray */
.ui-splitbutton .ui-splitbutton-menubutton .ui-icon {
  background-image: url("images/downarrow.svg?ln=primefaces-olympos") !important;
}

/* Suppression de l'espace à droite du bouton rechercher des rubriques */
.ui-splitbutton {
  margin-right: 0;
}

/* Permet de cacher les noeuds de l'offre pedagogique qui ne doivent pas appraitre dans l'arborescence après une recherche */
.notDisplayLine {
  display: none !important;
}

/* Fin Style Recherche -----------------------------------------------------------------------------------------  */
/* DEBUT DASHBOARD GENERAL */
.mainMenuPage .dashboard {
  position: relative;
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.mainMenuPage .dashboard:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1 */
}

.mainMenuPage .dashboard .grille {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Fin Ratio de 1:1 en utilisant CSS */
.mainMenuPage .dashboard .en-modification {
  border-top: 1px solid gray;
  border-left: 1px solid gray;
}

.mainMenuPage .dashboard .grille .ui-panel-title .poignee {
  cursor: move;
}

.mainMenuPage .dashboard .grille .hoverStyleClass {
  background-color: gray;
}

.mainMenuPage .dashboard .grille .activeStyleClass {
  background-color: gray;
}

.mainMenuPage .dashboard .grille .ligne {
  width: 100%;
  height: 4.16%;
  float: left;
}

.mainMenuPage .dashboard .grille .case {
  width: 4.16%;
  height: 100%;
  display: inline-block;
}

.mainMenuPage .dashboard .grille .case-bordure {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
}

/* FIN DASHBOARD GENERAL */
/* DEBUT WIDGET GENERAL */
.mainMenuPage .dashboard .widget {
  overflow: hidden;
}

/* Tronquer le titre des widgets si il est trop long en mode lecture seule du dashboard */
.mainMenuPage .dashboard .widget .truncate95 {
  /* essential */
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  /* required for Opera */
  -ms-text-overflow: ellipsis;
  /* required for IE8, allegedly */
  -moz-binding: url("ellipsis.xml#ellipsis");
  /* for Firefox; details here */
}

.mainMenuPage .dashboard .widget .truncate100 {
  /* essential */
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  /* required for Opera */
  -ms-text-overflow: ellipsis;
  /* required for IE8, allegedly */
  -moz-binding: url("ellipsis.xml#ellipsis");
  /* for Firefox; details here */
}

/* Tronquer le titre des widgets si il est trop long en mode modification du dashboard */
.mainMenuPage .dashboard .widget .truncate60 {
  /* essential */
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  /* required for Opera */
  -ms-text-overflow: ellipsis;
  /* required for IE8, allegedly */
  -moz-binding: url("ellipsis.xml#ellipsis");
  /* for Firefox; details here */
}

/* Utilisé pour formater le titre du widget si il n'est pas cliquable */
.mainMenuPage .dashboard .widget .lien-non-cliquable {
  margin-right: 5px !important;
  text-decoration: none;
  cursor: default !important;
  opacity: 1 !important;
  /* Permet de désactiver l'effet disabled des boutons des headers des widgets */
}

/* Utilisé pour formater le titre du widget si il est cliquable */
.mainMenuPage .dashboard .widget .lien-cliquable {
  text-decoration: none;
  margin-right: 5px !important;
}

/* Utilisé pour formater le titre du widget si il n'est pas cliquable */
.mainMenuPage .dashboard .widget .lien-non-cliquable-icone {
  text-decoration: none;
  cursor: default;
}

/* Utilisé pour formater le titre du widget si il est cliquable */
.mainMenuPage .dashboard .widget .lien-cliquable-icone {
  text-decoration: none;
}

/* Suppression des bordures des widgets */
.mainMenuPage .dashboard .ui-panel {
  border: 4px solid #f2f2f2 !important;
  /* Permet de modifier l'écart entre les widgets'*/
  padding: 2px !important;
  background-color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin: 2px;
}

/* Suppression des pointillées en bas du header des widgets */
.mainMenuPage .dashboard .widget .ui-panel-titlebar {
  border-bottom: 1px #d1d1d1;
  /* Supprime les pointillés en bas du header */
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin: 2px !important;
  padding: 5px !important;
  /* Détermine la taille du header */
}

/* Permet de scroller le contenu du panel uniquement et pas le titre du widget */
.mainMenuPage .dashboard .widget .ui-panel-content {
  height: -moz-calc(100% - 35px) !important;
  height: -webkit-calc(100% - 35px) !important;
  height: calc(100% - 35px) !important;
  padding: 0 !important;
}

.mainMenuPage .dashboard .widget .ui-panel-footer {
  display: none;
}

/* .mainMenuPage .dashboard .widget .ui-panel-titlebar-icon : Permet de changer l'emplacement de l'icone close du panel */
/* icone close du panel en blanc */
.mainMenuPage .dashboard .widget .ui-icon-closethick {
  background-image: url("olympos-layout/images/delete-white.svg") !important;
}

/* Mettre le header des tableaux dans les widgets en blanc */
.mainMenuPage .dashboard .widget .ui-datatable-header {
  background-color: inherit !important;
}

@media (max-width: 960px) {
  .mainMenuPage .dashboard .widget {
    min-height: 15rem;
    max-height: 50vh;
    overflow-y: auto;
  }

  .mainMenuPage .dashboard .widget.widget-type-map {
    height: 50vh;
  }

  .mainMenuPage .dashboard .widget.widget-type-indicateur {
    height: 17vw;
  }

  .mainMenuPage .dashboard .grille .ligne {
    display: none;
  }

  .header .bouton-crayon {
    display: none;
  }
}
/* FIN WIDGET GENERAL */
/* DEBUT LIST SELECTION WIDGETS */
/* Forcer la sélection des widgets à ajouter en blanc */
.mainMenuPage .ui-selectmanymenu .ui-state-highlight {
  background-color: white !important;
  color: #525252;
  border-radius: 4px !important;
}

/* Augmente la hauteur de la liste d'ajout des widgets. */
.mainMenuPage .addListOverlayPanel .ui-overlaypanel-content {
  overflow: auto;
  width: 250px !important;
}

/* Suppresion des bordures de sélection de la liste ajout de widgets */
.mainMenuPage .addList {
  border: none;
}

/* Augmente la hauteur de la liste d'ajout des widgets. */
.mainMenuPage .addList .ui-selectlistbox-listcontainer {
  width: 240px !important;
  height: 100% !important;
}

/* Bouton valider de la liste d'ajout des widgets */
.mainMenuPage .addListBouton {
  padding: 0 !important;
  width: 240px !important;
}

/* FIN LIST SELECTION */
/* DEBUT WIDGET INDICATEUR */
.mainMenuPage .indicateur .LightGray {
  /* color: #cfcfcf; */
  color: rgba(40, 40, 40, 0.3) !important;
}

/* Widget indicateur : icone */
.mainMenuPage .indicateur .iconeIndicateur {
  font-size: -moz-calc(3.4vw - 22px) !important;
  font-size: -webkit-calc(3.4vw - 22px) !important;
  font-size: calc(3.4vw - 22px) !important;
}

/* Widget indicateur : texte du premier champ */
.mainMenuPage .indicateur .texteIndicateur {
  font-family: monospace;
  font-size: -moz-calc(3.8vw - 22px) !important;
  font-size: -webkit-calc(3.8vw - 22px) !important;
  font-size: calc(3.8vw - 22px) !important;
  /* word-wrap: break-word; */
  text-align: left !important;
}

/* Style permettant de définir la taille des 3 points dans le texte haut du widget indicateur quand il est tronqué */
.mainMenuPage .indicateur .divHautIndicateur {
  font-family: monospace;
  font-size: -moz-calc(2.8vw - 22px) !important;
  font-size: -webkit-calc(2.8vw - 22px) !important;
  font-size: calc(2.8vw - 22px) !important;
}

.mainMenuPage .indicateur .champsText2 {
  font-size: -moz-calc(2.6vw - 22px) !important;
  font-size: -webkit-calc(2.6vw - 22px) !important;
  font-size: calc(2.6vw - 22px) !important;
}

.mainMenuPage .indicateur .champsDate {
  font-size: -moz-calc(2.2vw - 22px) !important;
  font-size: -webkit-calc(2.2vw - 22px) !important;
  font-size: calc(2.2vw - 22px) !important;
}

/* Permet d'annuler la transparence de l'icone du widget si elle n'est pas cliquable. */
.mainMenuPage .ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: inherit;
}

.mainMenuPage .msgErreurParametrage {
  color: red;
  font-weight: bold;
}

/* FIN WIDGET INDICATEUR */
/* DEBUT WIDGET CARROUSEL */
.mainMenuPage .carrousel {
  border: none;
  padding: 0 !important;
  height: 100% !important;
}

.mainMenuPage .carrousel .ui-carousel-header {
  border-bottom: 1px #d1d1d1;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  margin: 2px !important;
  padding: 0 !important;
  /* Mantis #14112: Widgets, rendre unique la hauteur des headers carrousels avec les autres headers des widgets du dashboard */
}

/* Supprime l'espace en haut du header du carousel en mode mobile */
@media (min-width: 320px) and (max-width: 960px) {
  .mainMenuPage .carrousel .ui-carousel-header {
    margin: 0 !important;
  }
}
/* Permet de supprimer l'espace entre les boutons suivant et precedent du carousel */
.mainMenuPage .carrousel .ui-carousel-viewport {
  padding: 0 !important;
  height: 100% !important;
}

.ui-carousel .ui-carousel-viewport .ui-carousel-items {
  height: 100% !important;
}

.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
  height: 100% !important;
}

.mainMenuPage .carrousel .ui-carousel-mobiledropdown {
  display: none !important;
}

/* Cacher l'icone de slide du carrousel car on ne peut pas changer sa couleur */
.mainMenuPage .widget .carrousel .ui-carousel-header .ui-carousel-page-links .ui-icon-radio-on {
  display: none !important;
}

/* Cacher l'icone de slide du carrousel car on ne peut pas changer sa couleur */
.mainMenuPage .widget .carrousel .ui-carousel-header .ui-carousel-page-links .ui-carousel-page-link {
  display: none !important;
}

/* Cacher le numéro de page du carousel */
.mainMenuPage .widget .carrousel .ui-carousel-dropdown {
  display: none !important;
}

/* FIN WIDGET CARROUSEL */
/* Widget Libre */
/* Widget List */
/* Widget Maps */
/* DEBUT WIDGET MESNOTES */
/* Personnaliser le header des tableaux, contenant le champs rechercher, des widgets liste et mes notes */
.mainMenuPage .widget .table .ui-datatable-header {
  padding: 1px !important;
}

/* FIN WIDGET MESNOTES */
/* DEBUT WIDGET PLANNING */
/* Permet d'adapter la hauteur du widget planning à celle du widget */
.mainMenuPage .widget .widgetPlanning {
  height: 100% !important;
}

/* Permet d'adapter la hauteur du planning à celle du widget */
.mainMenuPage .widget .widgetPlanning .schedule {
  height: 100% !important;
}

/* Permet d'adapter la hauteur du contenu du planning à celle du widget */
.mainMenuPage .widget .widgetPlanning .fc {
  height: 100% !important;
}

.mainMenuPage .widget .widgetPlanning .fc-event .fc-time {
  display: none;
  /* Pour faire disparaitre de la case de l'événement son heure de début et de fin. */
}

.mainMenuPage .widget .widgetPlanning .schedule .fc-head-container.ui-widget-header {
  border-color: white;
  /* Mantis #15725 et #14349: WebAurion 3 : Planning, dans Edge 38 il y a un cadre autour des jours et pas dans les autres.
                            Ok avec FF50, IE11, GC55, Android WebView 44 (Android 6) */
}

/* Passer les boutons du planning à droite en gris */
.mainMenuPage .widgetPlanning .fc-toolbar .fc-next-button,
.mainMenuPage .widgetPlanning .fc-toolbar .fc-prev-button {
  background-color: transparent !important;
  color: transparent !important;
  border: none !important;
  font-family: "latoregular";
  padding: 3px 5px !important;
  font-size: 12px !important;
}

/* Icon precedent du widget planning */
.mainMenuPage .widgetPlanning .fc-toolbar .fc-prev-button .ui-icon {
  background-image: url(images/leftarrow-gray.svg?ln=primefaces-olympos) !important;
}

/* Icon suivant du widget planning */
.mainMenuPage .widgetPlanning .fc-toolbar .fc-next-button .ui-icon {
  background-image: url(images/rightarrow-gray.svg?ln=primefaces-olympos) !important;
}

.mainMenuPage .widgetPlanning .fc-toolbar .fc-next-button .ui-state-hover,
.mainMenuPage .widgetPlanning .fc-toolbar .fc-prev-button .ui-state-hover {
  background-color: #F5FBFF !important;
}

.mainMenuPage .widgetPlanning .fc-toolbar .fc-next-button .ui-state-active,
.mainMenuPage .widgetPlanning .fc-toolbar .fc-prev-button .ui-state-active {
  background-color: #CCCFD2 !important;
  cursor: default !important;
}

/* FIN WIDGET PLANNING */
/* DEBUT WIDGET TODOLIST */
.mainMenuPage .todo .scrollable {
  overflow: auto;
}

/* Cache le header du tableau de la todo list */
.mainMenuPage .todo .tableTodo thead {
  display: none;
}

/* Cacher les bordures du tableau de la todo list */
.mainMenuPage .todo .tableTodo tbody td {
  border-style: none;
  background: #fafafa;
  padding: 4px 5px !important;
}

/* Champs de saisie de la todo list */
.mainMenuPage .todo .textSaisie {
  border-style: none !important;
  padding: 2px !important;
  width: 100% !important;
}

/* Style header todo list */
.mainMenuPage .todo .ui-datatable .ui-datatable-footer,
.mainMenuPage .todo .ui-datatable .ui-datatable-header {
  text-align: left;
  padding: 4px 10px;
  background: #fafafa;
  border-style: none;
}

/* Style element coché todo list */
.mainMenuPage .todo .checked {
  text-decoration: line-through;
  color: #525252;
  /* $dark-grey */
  border-radius: 4px !important;
  width: 100% !important;
}

/* Style fond gris de la todo list */
.mainMenuPage .todo .contenu {
  color: #525252;
  font-size: 14px;
  font-family: "latoregular" !important;
  padding: 0 !important;
  border: none !important;
  -webkit-transition: all 0.2s ease !important;
  -moz-transition: all 0.2s ease !important;
  -ms-transition: all 0.2s ease !important;
  -o-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
  background-color: #fafafa;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/* Override style of cheking de la todo list */
.mainMenuPage .todo .ui-datatable table tbody .ui-state-highlight > td {
  background-color: white !important;
  text-decoration: line-through !important;
}

/* Override style of cheking de la todo list */
.mainMenuPage .todo .ui-datatable table tbody .ui-state-highlight > td > input {
  background-color: white !important;
  text-decoration: line-through !important;
}

/* Override style of cheking de la todo list */
.mainMenuPage .todo .ui-datatable table tbody .ui-state-highlight .delete {
  background-color: white !important;
  text-decoration: none !important;
}

/* Override style du fond scrolable de la datatable */
.mainMenuPage .todo .ui-datatable-scrollable-body {
  background-color: #fafafa !important;
}

/* Permet d'aligner le texte du footer de la todo list à gauche */
.mainMenuPage .todo .ui-datatable .ui-datatable-footer {
  text-align: left !important;
}

/* Override style of cheking du bouton drag and drop de la todo list */
.mainMenuPage .todo .ui-datatable table tbody .ui-state-highlight .move {
  text-decoration: none !important;
  cursor: grabbing !important;
}

/* Cusror move du bouton drag and drop de la todo list */
.mainMenuPage .todo .cursorMove {
  cursor: move !important;
}

.mainMenuPage .todo .divTodoList {
  height: -moz-calc(100% - 40px) !important;
  height: -webkit-calc(100% - 40px) !important;
  height: calc(100% - 40px) !important;
  overflow: auto;
}

@media (min-width: 320px) and (max-width: 960px) {
  .mainMenuPage .dashboard .grille:not(.en-modification) .indicateur .iconeIndicateur {
    font-size: 4vw !important;
  }

  .mainMenuPage .dashboard .grille:not(.en-modification) .indicateur .texteIndicateur {
    font-size: 4vw !important;
  }

  .mainMenuPage .dashboard .grille:not(.en-modification) .indicateur .champsText2 {
    font-size: 2.2vw !important;
  }

  .mainMenuPage .dashboard .grille:not(.en-modification) .indicateur .champsDate {
    font-size: 2vw !important;
  }
}
/* FIN PAGE D'ACCUEIL (MainMenuPage.xhtml) */
/* DEBUT PAGE DIGIPOSTE (Digiposte.xhtml)*/
.digiposte .date .ui-inputfield {
  width: 90% !important;
}

.digiposte .mainLogo {
  display: block;
  background-image: url("logo_digiposte_vecto.svg");
  background-size: contain;
  /* CSS 3 */
  background-repeat: no-repeat;
  width: 200px;
  height: 4.6rem;
  float: right;
}

@media (min-width: 320px) and (max-width: 640px) {
  .digiposte .mainLogo {
    float: left;
  }

  .digiposte .colSupp {
    text-align: right !important;
  }
}
.digiposte .digiBouton {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

@media (min-width: 320px) and (max-width: 640px) {
  .digiposte .digiBouton {
    width: 100% !important;
    height: inherit;
  }
}
/* Griser dans le composant date, les dates à ne pas sélectionner */
.digiposte .ui-datepicker-unselectable:not(.ui-datepicker-other-month) {
  background: rgba(40, 40, 40, 0.07);
}

/* FIN PAGE DIGIPOSTE (Digiposte.xhtml)*/
/* PAGE "MOYENS DE PAIEMENT" (MoyensPaiements.xhtml) */
.moyensPaiements.divDivFormSips {
  width: 1020px;
  margin-left: auto;
  margin-right: auto;
}

.moyensPaiements.divFormSips {
  position: absolute;
  margin-left: 310px;
  margin-top: 120px;
  z-index: 1;
}

/* FIN PAGE "MOYENS DE PAIEMENT" (MoyensPaiements.xhtml) */
/* PAGE "RECAPITULATIF DE PAIEMENT" (RecapitulatifPaiement.xhtml) */
.recapitulatifPaiement .dataTable {
  width: 100%;
  margin: auto;
}

.recapitulatifPaiement .tdFtrLibelleTotalAPayer {
  text-align: left;
  font-size: 13px;
}

.recapitulatifPaiement .tdFtrMontantTotalAPayer {
  font-size: 13px;
}

/* Cadre total à payer */
.recapitulatifPaiement .fieldset {
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  border-color: #BED6F8;
}

.recapitulatifPaiement .fieldsetSimple {
  border-width: 1px;
  border-style: solid;
  padding: 10px;
}

.recapitulatifPaiement #ul-info-saisie-adresse li {
  list-style: initial;
  margin-bottom: 3px;
}

.recapitulatifPaiement .ui-panelgrid,
.recapitulatifPaiement .ui-panelgrid tbody tr td {
  border: 0 !important;
}

.recapitulatifPaiement .div-billing .div-modifier-adresse .help-text-for-country-code-mobile-phone {
    font-size: 1.3rem;
    color: #818181;
    margin-top: 2px;
    margin-left: 2px;
}

.recapitulatifPaiement .flywire-payment-status {
    margin-bottom: 2.5rem;
}

.recapitulatifPaiement .flywire-payment-status .initiated,
.recapitulatifPaiement .flywire-payment-status .pending,
.recapitulatifPaiement .flywire-payment-status .success {
    color: green;
    text-align: center;
    font-size: 24px;
}

.recapitulatifPaiement .flywire-payment-status .error,
.recapitulatifPaiement .flywire-payment-status .unknown {
    color: red;
    text-align: center;
    font-size: 24px;
}

.recapitulatifPaiement .div-saisie-info-flywire .help-text-for-editable-selectonemenu {
    font-size: 1.3rem;
    color: #818181;
    margin-top: 2px;
    margin-left: 2px;
}

.recapitulatifPaiement .div-saisie-info-flywire .panelgrid-row-header {
    height: 20px;
    padding-bottom: 6px;
    padding-top: 6px;
    background-color: rgba(40, 40, 40, 0.1);
    border-bottom: dashed 1px #d1d1d1 !important;
    font-size: 14px;
    color: #525252;
    font-family: 'latobold';
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}   

.recapitulatifPaiement .div-saisie-info-flywire .ui-widget-content.border-left-right {
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

.recapitulatifPaiement .div-saisie-info-flywire .ui-widget-content.border-left-right-bottom {
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

.recapitulatifPaiement .div-saisie-info-flywire .ligne-separation {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px dashed #666666;
}

.recapitulatifPaiement .div-saisie-info-flywire .ui-selectonemenu {
    width: calc(80% - 35px);
}

.recapitulatifPaiement .div-saisie-info-flywire .ui-inputfield {
    width: 80%;
}

.recapitulatifPaiement .div-saisie-info-flywire .ui-selectonemenu .ui-selectonemenu-label {
    white-space: inherit; /* Pour forcer le retour à la ligne dans la liste déroulante lorsqu'elle est dans son état non déroulée. */
}

/* FIN PAGE "RECAPITULATIF DE PAIEMENT" (RecapitulatifPaiement.xhtml) */
/* PAGE "REPONSE SYSTEMPAY" (ReponseSystempay.xhtml) */
.reponseSystempay .paiementOk {
  color: green;
  text-align: center;
  font-size: 24px;
}

.reponseSystempay .paiementPasOk {
  color: red;
  text-align: center;
  font-size: 24px;
}

/* FIN PAGE "REPONSE SYSTEMPAY" (ReponseSystempay.xhtml) */
/* PAGE "MES ABSENCES" (MesAbsences.xhtml) */
.mesAbsences .dataTable {
  width: 100%;
}

.mesAbsences .headerMesAbsencesHaut {
  text-align: center !important;
}

/* Définit une taille fixe pour la colonne 'Documents', afin qu'elle reste visible quelle que soit la taille de l'écran en mode desktop. */
.mesAbsences .colDocument {
  width: 260px;
}

/* Définit une taille fixe pour la liste de sélection des documents, afin qu'elle reste visible quelle que soit la taille de l'écran en mode desktop. */
.mesAbsences .selectDocument {
  width: -moz-calc(100% - 125px) !important;
  width: -webkit-calc(100% - 125px) !important;
  width: calc(100% - 125px) !important;
  min-width: inherit !important;
  /* Permet de supprimer la taille minimu des listes de sélection des documents mantis #14016 */
}

/* Définit une taille fixe pour la colonne permettant d'ajouter un 'justificatif', afin qu'elle reste visible quelle que soit la taille de l'écran en mode desktop. */
.mesAbsences .colJustificatif {
  width: 130px;
  padding-left: 0 !important;
  padding-top: 0 !important;
}

/* Cache le contenu du fileupload lors de l'ajout d'un document. */
.mesAbsences .ui-fileupload-content {
  display: none !important;
}

/* Permet de ne pas afficher le title : 'Aucun fichier choisi' sur le composant p:fileupload de primefaces (Mantis #14446) */
.mesAbsences .ui-fileupload-buttonbar .ui-fileupload-choose input {
  display: none !important;
}

/* Supprimer les tailles en dur définit en haut et les afficher en 100% en mode mobile */
@media (min-width: 320px) and (max-width: 640px) {
  .mesAbsences .selectDocument {
    width: -moz-calc(100% - 120px) !important;
    width: -webkit-calc(100% - 120px) !important;
    width: calc(100% - 120px) !important;
    margin-top: 10px !important;
  }

  .mesAbsences .colJustificatif {
    width: 100%;
  }

  .mesAbsences .ui-fileupload-choose {
    width: 100%;
  }

  .mesAbsences .colDocument {
    width: 100%;
  }

  /* Suppression de l'espace haut entre le bouton 'ajouter justificatif' et la liste déroulate de sélection des documents. */
  .mesAbsences .ui-fileupload-buttonbar {
    padding: 0.2em 0.4em;
    margin-top: -15px !important;
  }
}
.divExporter {
  position: absolute;
  right: 26px;
  top: 2px;
  cursor: pointer;
}

/* FIN PAGE "MES ABSENCES" (MesAbsences.xhtml) */
/* PAGE "ENVOI DU MOT DE PASSE" (PasswordSendPage.xhtml) */
/* FIN PAGE "ENVOI DU MOT DE PASSE" (PasswordSendPage.xhtml) */
/* PAGE "Changer mon mot de passe" (PasswordChangePage.xhtml) */
/* Afficher l'asterix rouge si required est à vrai du composant outputlabel */
.ui-outputlabel-rfi {
  color: red;
}

/* FIN PAGE "Changer mon mot de passe" (PasswordChangePage.xhtml) */
/* PAGE "DECONNEXION DU SERVEUR CAS" (Deconnecte.xhtml) */
/* FIN PAGE "DECONNEXION DU SERVEUR CAS" (Deconnecte.xhtml) */
/* *****  Début Général (onglet épreuves du formulaire gmcc) ******* */
/* Cache le double header qui s'affiche lors de l'utilisation du frozen column. */
.ongletEpreuves .ui-datatable-scrollable-theadclone tr {
  visibility: collapse;
  height: 0px !important;
}

/* Desactive l'effet 'Hover' sur les colonnes de tous les tableaux tagués avec la classe 'disableRowOverEffect' */
.disableRowOverEffect table tbody .ui-state-hover > td,
.disableRowOverEffect table thead tr th.ui-state-hover {
  background-color: transparent;
  cursor: default;
}

/* Rendre le header de tous les tableaux transparent */
.dataTableApprenant .ui-datatable-header,
.dataTableEpreuve .ui-datatable-header,
.dataTableMoyenne .ui-datatable-header {
  background-color: transparent;
}

.dataTableApprenantSub table tbody tr td {
  border-right: none !important;
}

/* Bordure gauche du tableau moyenne */
.dataTableMoyenne .ui-datatable-scrollable-header,
.dataTableMoyenne .ui-datatable-scrollable-body,
.dataTableMoyenne .ui-datatable-scrollable-footer,
.dataTableMoyenne .ui-datatable-footer {
  border-left: solid 1px #707070 !important;
}

.templatePrincipal .stickyFooter {
  margin-left: 0px !important;
}

/* Bordure droite du tableau des épreuves */
.dataTableApprenant .ui-datatable-scrollable-header,
.dataTableApprenant .ui-datatable-scrollable-body,
.dataTableApprenant .ui-datatable-scrollable-footer {
  border-right: solid 1px #707070 !important;
  width: inherit !important;
}

.dataTableMoyenne .ui-datatable-scrollable-body,
.dataTableMoyenne .ui-datatable-scrollable-header {
  width: inherit !important;
}

/* bordure droite footer */
.dataTableApprenant .ui-datatable-footer {
  border-right: solid 1px #707070 !important;
}

.dataTableApprenantSub,
.dataTableEpreuveSub,
.dataTableMoyenneSub {
  box-shadow: 0 -2px 5px rgba(97, 97, 97, 0.5);
}

/* Permet au tableau des épreuves de prendre toute la largeur centrale, sinon il y a un espace vide qui s'affiche à droite '*/
.dataTableEpreuve .ui-datatable-scrollable-body {
  width: 100% !important;
}

/* Permet de garder la largeur du footer du tableau des épreuves lors du resize */
.dataTableEpreuveSub .ui-datatable-scrollable-body {
  width: 100% !important;
}

.selectFristEpreuve table tbody tr td:first-child,
.selectFristEpreuve table thead tr th:first-child {
  background: rgba(2, 162, 242, 0.1);
}

/* Column toggler cas normal tableau des apprenants */
.dataTableApprenant .divColumnsToggler {
  position: relative;
  right: 0;
  margin: -5px 0 0 0;
}

/* Column toggler cas normal tableau des épreuves */
.dataTableEpreuve .divColumnsToggler {
  position: absolute;
  right: 0;
  margin: -5px 200px 0 0;
}

.dataTableEpreuve .divColumnsTogglerEmptyMoyenneAndNotAjoutable {
  position: absolute;
  right: 10px;
  margin: 0;
}

.addEpreuveFixed {
  position: absolute;
  right: 0;
}

.flexDivEmptyEpreuve {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Colonne paire du tableau des moyennes */
.dataTableMoyenne.impaire .ui-datatable-scrollable-body,
.dataTableMoyenne .ui-datatable-odd {
  background: #73c1e8;
}

/* Impaire et header */
.dataTableMoyenne.paire .ui-datatable-scrollable-body,
.dataTableMoyenne .ui-datatable-even,
.dataTableMoyenne table thead tr th {
  background: #8fcded;
}

/* Style du header du tableau moyenne */
.dataTableMoyenne table thead tr th {
  border-bottom: solid 2px white !important;
}

/* Rajoute des bordures uniquement dans la première colonne (Moyenne simulée) */
.dataTableMoyenneSub table tbody tr td:first-child {
  border-right: solid 1px white !important;
}

/* Style général du tableau moyenne */
.dataTableMoyenne table tbody tr td,
.dataTableMoyenne table thead tr th,
.dataTableMoyenne table tfoot tr td {
  border-right: solid 1px white !important;
  color: #FFF !important;
  font-family: "latoregular";
}

.dataTableApprenant.paire .ui-datatable-scrollable-body,
.dataTableApprenant .ui-datatable-even {
  background: #f2f2f2;
}

.dataTableApprenant.impaire .ui-datatable-scrollable-body,
.dataTableApprenant .ui-datatable-odd {
  background: #e6e6e6;
}

/* Largeur par défaut des colonnes du tableau des apprenants */
.dataTableApprenant .colWidth {
  width: 100px !important;
}

/* Couleur alternée des lignes du tableau moyenne */
.dataTableApprenantSub .ui-datatable-odd {
  background: #f1f1f1;
}

/* Couleur alternée des lignes du tableau moyenne */
.dataTableApprenantSub .ui-datatable-even {
  background: white;
}

/* Garde les bordures dans le footer du tableau des apprenants */
.dataTableApprenantSub table tbody tr td,
.dataTableEpreuveSub table tbody tr td {
  border: none !important;
  /* Pour ne pas écraser la bordure noire droite du tableau des apprenants */
  border-bottom: solid 1px #d1d1d1 !important;
}

/* Garde les bordures dans le footer du tableau des apprenants */
.dataTableMoyenneSub table tbody tr td {
  border: none !important;
  /* Pour ne pas écraser la bordure noire droite du tableau des apprenants */
}

/* Rajouter des bordures au tableau des épreuves */
.dataTableEpreuve table tbody tr td,
.dataTableEpreuve table thead tr th {
  border: solid 1px #d1d1d1 !important;
}

/* Pas de border top pour le tableau des épreuves */
.dataTableEpreuve table thead tr th {
  border-top: none !important;
  border-bottom: solid 2px #d1d1d1 !important;
}

.noterEpreuve {
  color: #525252 !important;
  background: #eceff1;
  padding: 8px;
  border-radius: 3px;
  border: solid 1px #CCCFD2;
  margin: 0 0 0 10px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

.noterEpreuve:hover {
  background: #F5FBFF !important;
}

.noterEpreuve:active {
  background: #CCCFD2 !important;
}

.dataTableEpreuve .colWidth,
.dataTableEpreuveSub .colWidth {
  width: 200px !important;
}

/* Réduit la taille du footer du tableau des épreuves */
.dataTableEpreuve .ui-datatable-footer,
.dataTableApprenant .ui-datatable-footer,
.dataTableMoyenne .ui-datatable-footer {
  padding: 0px;
  border: white;
}

.dataTableApprenant .ui-datatable-scrollable-header-box {
  margin-right: 0px !important;
}

.dataTableMoyenne .ui-datatable-scrollable-body,
.dataTableMoyenneSub .ui-datatable-scrollable-body {
  /* width: auto!important; */
}

/* Centrer le texte des tableaux des moyennes et des épreuves */
.dataTableEpreuve table tbody tr td, .dataTableMoyenne table tbody tr td, .dataTableMoyenne table tfoot tr td,
.dataTableEpreuve table thead tr th, .dataTableMoyenne table thead tr th {
  text-align: center !important;
}

.dataTableApprenantSub table tbody tr td {
  text-align: right !important;
}

/* Cache le header du sous tableau des épreuves */
.dataTableEpreuveSub .ui-datatable-scrollable-header,
.dataTableApprenantSub .ui-datatable-scrollable-header,
.dataTableMoyenneSub .ui-datatable-scrollable-header {
  display: none;
}

.dataTableApprenantSub table tbody tr,
.dataTableMoyenneSub table tbody tr {
  font-family: "latoregular";
  height: 30px !important;
}

.dataTableEpreuveSub table tbody tr {
  font-family: "latoregular";
}

/* La moyenne est en gras */
.dataTableEpreuveSub table tbody tr:first-child,
.dataTableApprenantSub table tbody tr:first-child,
.dataTableMoyenneSub table tbody tr:first-child {
  font-weight: bolder !important;
}

.dataTableEpreuve .absenceNonJustify {
  color: #cb4646;
}

.dataTableMoyenne table thead tr th.ui-state-active,
.dataTableApprenant table thead tr th.ui-state-active,
.dataTableEpreuve table thead tr th.ui-state-active {
  background-color: #e9e9e9 !important;
}

/* Cache le header des tableaux footer */
.dataTableApprenantSub table thead,
.dataTableMoyenneSub table thead {
  display: none;
}

/* Recherche */
.ongletEpreuves .moteurDeRecherche .bouton-recherche-avancee-ordi {
  float: right;
  margin-right: 6px;
}

.ongletEpreuves .Container30 .moteurDeRecherche .inputtext-rechercher {
  display: block;
  float: left;
  width: calc(100% - 110px);
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
}

.ongletEpreuves .Container25 .moteurDeRecherche .inputtext-rechercher {
  display: block;
  float: left;
  width: calc(100% - 110px);
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
}

.ongletEpreuves .moteurDeRecherche .searchSpecificButton {
  float: right;
  margin-right: 6px;
}

.ongletEpreuves .moteurDeRecherche .bouton-recherche-avancee-ordi {
  display: none !important;
}

.ongletEpreuves .moteurDeRecherche .bouton-recherche-avancee-mobile {
  display: block !important;
  right: 5px !important;
  top: 0px;
  left: 0px;
}

/* Sticky footer si Menu non replié (en mode pc) */
.templatePrincipal:not(.SlimMenu) .ongletEpreuves .stickyFooter {
  width: calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  margin-left: 0px !important;
}

/* Sticky footer si Menu replié (en mode pc) */
.templatePrincipal.SlimMenu .ongletEpreuves .stickyFooter {
  width: 100%;
  margin-left: 0px !important;
}

.dataTableApprenant .colHeight,
.dataTableMoyenne .colMoyenneSimuler,
.dataTableMoyenne .colMoyenneCalculer {
  height: 34px;
}

.dataTableEpreuve .colHeight {
  height: 35px;
}

.divMoteurDeRecherche {
  float: right;
  width: 100%;
}

/* Custom buttons */
.ui-button {
  outline: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.ui-button-text-only .ui-button-text {
  padding: 6px 20px !important;
}

.ui-button-text {
  padding: 6px 20px 6px 40px !important;
  font-size: 14px;
  font-family: "latobold";
  border: solid 1px #0893c7;
  color: #FFF;
  text-shadow: none;
  position: relative;
  z-index: 100;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  border-radius: 3px !important;
  background-color: #00aaff;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.2);
}

.ui-button.ui-state-hover .ui-button-text {
  background-color: #29C0F9;
}

.ui-button.ui-state-active .ui-button-text {
  background-color: #0893c7;
}

.ui-button.ui-state-focus .ui-button-text {
  -webkit-box-shadow: 0 0 2px #0BC3F1;
  -moz-box-shadow: 0 0 2px #0BC3F1;
  box-shadow: 0 0 2px #0BC3F1;
}

.ui-buttonset .ui-state-hover .ui-button-text {
  background-color: #29C0F9;
}

.ui-buttonset .ui-button.ui-state-active .ui-button-text {
  background-color: #0893c7;
}

/* button colors */
.GreenButton .ui-button-text {
  background-color: #05c436;
  border-color: #0ca533;
}

.GreenButton.ui-state-hover .ui-button-text {
  background-color: #05e63f;
}

.GreenButton.ui-state-active .ui-button-text {
  background-color: #0ca533;
}

.RedButton .ui-button-text {
  background-color: #e2033d;
  border-color: #BD0A39;
}

.RedButton.ui-state-hover .ui-button-text {
  background-color: #FD235C;
}

.RedButton.ui-state-active .ui-button-text {
  background-color: #BD0A39;
}

.AquaButton .ui-button-text {
  background-color: #0084b4;
  border-color: #087298;
}

.AquaButton.ui-state-hover .ui-button-text {
  background-color: #03A8E4;
}

.AquaButton.ui-state-active .ui-button-text {
  background-color: #087298;
}

.NavyButton .ui-button-text {
  background-color: #1f3b59;
  border-color: #21374F;
}

.NavyButton.ui-state-hover .ui-button-text {
  background-color: #3C6592;
}

.NavyButton.ui-state-active .ui-button-text {
  background-color: #21374F;
}

.OrangeButton .ui-button-text {
  background-color: #ff9f1a;
  border-color: #d4871d;
}

.OrangeButton.ui-state-hover .ui-button-text {
  background-color: #FDAE42;
}

.OrangeButton.ui-state-active .ui-button-text {
  background-color: #d4871d;
}

.GrayButton .ui-button-text {
  background-color: #ECEFF1;
  color: #525252;
  border-color: #CCCFD2 !important;
}

.GrayButton.ui-state-hover .ui-button-text {
  background-color: #F5FBFF !important;
}

.GrayButton.ui-state-active .ui-button-text {
  background-color: #CCCFD2 !important;
}

.PinkButton .ui-button-text {
  background-color: #FF4081;
  border-color: #DA2A66;
}

.PinkButton.ui-state-hover .ui-button-text {
  background-color: #FD6297 !important;
}

.PinkButton.ui-state-active .ui-button-text {
  background-color: #DA2A66 !important;
}

.PurpleButton .ui-button-text {
  background-color: #BF00ED;
  border-color: #A108C6;
}

.PurpleButton.ui-state-hover .ui-button-text {
  background-color: #D838FF !important;
}

.PurpleButton.ui-state-active .ui-button-text {
  background-color: #A108C6 !important;
}

.YellowButton .ui-button-text {
  background-color: #f7ce03;
  border-color: #cead0a;
}

.YellowButton.ui-state-hover .ui-button-text {
  background-color: #FDDB30 !important;
}

.YellowButton.ui-state-active .ui-button-text {
  background-color: #cead0a !important;
}

.BrownButton .ui-button-text {
  background-color: #6D4C41;
  border-color: #4A3129;
}

.BrownButton.ui-state-hover .ui-button-text {
  background-color: #906A5D !important;
}

.BrownButton.ui-state-active .ui-button-text {
  background-color: #4A3129 !important;
}

.WhiteButton .ui-button-text {
  background-color: white;
  color: white;
  border-color: white !important;
}

.WhiteButton.ui-state-hover .ui-button-text {
  background: rgba(255, 255, 255, 0.9) !important;
}

.WhiteButton.ui-state-active .ui-button-text {
  background: rgba(255, 255, 255, 0.6) !important;
}

.popupSuivant .ui-widget-content .ui-icon, .popupSauvegarderEtFermer .ui-widget-content .ui-icon,
.popupConfirmer .ui-widget-content .ui-icon {
  display: none;
}

.popupSuivant .ui-dialog-content, .popupSauvegarderEtFermer .ui-dialog-content,
.popupConfirmer .ui-dialog-content {
  padding-top: 0 !important;
}

.popupSuivant .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick,
.popupSauvegarderEtFermer .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick,
.popupConfirmer .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
  background-image: url(images/close-modal.svg);
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 100%;
}

.popupSuivant .ui-dialog-titlebar,
.popupSauvegarderEtFermer .ui-dialog-titlebar,
.popupConfirmer .ui-dialog-titlebar {
  border-bottom: solid 1px #FFFFFF !important;
  background-color: #FFFFFF;
  color: #00aaff;
  font-size: 20px;
}

.popupSuivant .ui-dialog-content .ui-confirm-dialog-message,
.popupSauvegarderEtFermer .ui-dialog-content .ui-confirm-dialog-message,
.popupConfirmer .ui-dialog-content .ui-confirm-dialog-message {
  color: #282828;
  text-align: center;
}

.popupSuivant .ignorer,
.popupSauvegarderEtFermer .ignorer,
.popupConfirmer .ignorer {
  color: #282828 !important;
  text-transform: uppercase;
  text-decoration: none;
  float: left;
  font-size: 14px;
  padding: 2px 0 0 0;
}

.popupSuivant .etapeSuivante,
.popupSauvegarderEtFermer .sauvegarder,
.popupConfirmer .sauvegarder {
  color: #00aaff !important;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  padding: 2px 0 0 0;
}

.popupSauvegarderEtFermer .nePasSauvegarder {
  color: #282828 !important;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  padding: 2px 10px 0 0;
  margin-right: 5px;
}

/* MOTEUR DE RECHERCHE (MoteurRecherche.xhtml) */
.moteurDeRecherche {
  padding: 0 !important;
  margin-top: -2px !important;
}

/* Champs de recherche */
.moteurDeRecherche .inputtext-rechercher {
  display: block;
  float: left;
  width: calc(50% - 40px);
  width: -webkit-calc(50% - 40px);
  width: -moz-calc(50% - 40px);
  border-top-right-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -moz-border-radius-topright: 0 !important;
  border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  height: 16px !important;
}

.moteurDeRecherche .bouton-rechercher {
  display: block;
  float: left;
  left: -1px;
  width: 43px;
  max-width: 43px !important;
}

.moteurDeRecherche .bouton-rechercher .ui-button-text {
  height: 16px;
}

.moteurDeRecherche .bouton-rechercher .ui-icon {
  font-size: 20px;
  color: #525252;
  line-height: 13px;
}

.moteurDeRecherche .spacer-boutons-recherche {
  display: block;
  float: left;
  position: relative;
  width: 5px;
  border: 1px solid transparent;
}

.moteurDeRecherche .bouton-recherche-avancee-ordi {
  color: #7E7F80;
  display: block;
}

.moteurDeRecherche .bouton-recherche-avancee-mobile .ui-button-text,
.moteurDeRecherche .bouton-recherche-avancee-ordi .ui-button-text {
  height: 16px;
}

.moteurDeRecherche .bouton-recherche-avancee-ordi .ui-icon {
  font-size: 22px;
  top: 11px;
}

.moteurDeRecherche .bouton-recherche-avancee-mobile {
  display: none;
}

.moteurDeRecherche .panel-recherche-avancee {
  width: 746px;
}

.moteurDeRecherche .panel-recherche-avancee .ui-overlaypanel-content {
  padding: 15px !important;
}

.moteurDeRecherche .panel-recherche-avancee .div-titre {
  display: flex;
}

.moteurDeRecherche .panel-recherche-avancee .div-titre .div-texte {
  width: 100%;
  font-family: "latoregular";
  font-size: 16px;
  font-weight: bold;
  color: #525252;
  margin-bottom: 20px;
}

.moteurDeRecherche .panel-recherche-avancee .div-titre .icone {
  height: 20px;
}

.moteurDeRecherche .panel-recherche-avancee .div-titre .icone i {
  font-size: 15px;
  font-weight: 800;
  color: #525252;
}

.moteurDeRecherche .panel-recherche-avancee .div-body {
  display: flex;
  flex-wrap: wrap;
}

.moteurDeRecherche .panel-recherche-avancee .div-body .div-colonne-1 {
  width: calc(100% - 250px);
  width: -webkit-calc(100% - 250px);
  width: -moz-calc(100% - 250px);
  min-width: 250px;
  border-right: 1px solid #ececec;
}

.moteurDeRecherche .input-aucun-des-mots,
.moteurDeRecherche .input-expression-exacte,
.moteurDeRecherche .input-un-des-mots,
.moteurDeRecherche .search-texte-avancer {
  display: block;
  width: calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  margin-top: 7px;
  margin-bottom: 14px;
}

.moteurDeRecherche .input-nombre-debut,
.moteurDeRecherche .input-nombre-fin {
  width: calc(45% - 30px);
  width: -webkit-calc(45% - 30px);
  width: -moz-calc(45% - 30px);
}

.moteurDeRecherche .input-nombre-debut {
  margin-top: 7px;
}

.moteurDeRecherche .div-label-et {
  display: inline-block;
  width: calc(10% - 3px);
  width: -webkit-calc(10% - 3px);
  width: -moz-calc(10% - 3px);
  text-align: center;
}

.moteurDeRecherche .panel-recherche-avancee .div-body .div-colonne-2 {
  width: 210px;
  margin-top: 11px;
  padding-left: 15px;
}

.moteurDeRecherche .listbox-periodes {
  width: 100%;
  border: 0;
  padding: 0 !important;
  background: transparent;
}

.moteurDeRecherche .listbox-periodes tr.ui-selectlistbox-item {
  display: inherit;
  /* Pour retirer le "display: block" qui desaligne les colonnes du tableau */
}

.moteurDeRecherche .listbox-periodes tr {
  height: 30px;
}

.moteurDeRecherche .listbox-periodes tr.ui-state-highlight {
  background-color: white !important;
}

.moteurDeRecherche .listbox-periodes tr.ui-state-highlight td {
  background-color: #ECEFF1;
}

.moteurDeRecherche .listbox-periodes tr.ui-state-highlight td:first-child {
  border-top-left-radius: 4px !important;
  -webkit-border-top-left-radius: 4px !important;
  -moz-border-radius-topleft: 4px !important;
  border-bottom-left-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -moz-border-radius-bottomleft: 4px !important;
}

.moteurDeRecherche .listbox-periodes tr.ui-state-highlight td:last-child {
  border-top-right-radius: 4px !important;
  -webkit-border-top-right-radius: 4px !important;
  -moz-border-radius-topright: 4px !important;
  border-bottom-right-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
  -moz-border-radius-bottomright: 4px !important;
}

.moteurDeRecherche .listbox-periodes td {
  padding: 8px 5px 8px 5px;
}

.moteurDeRecherche .listbox-periodes td:first-child {
  padding-left: 8px;
}

.moteurDeRecherche .listbox-periodes td:last-child {
  padding-right: 8px;
}

.moteurDeRecherche .listbox-periodes td .colonne-libelle {
  width: 139px;
}

.moteurDeRecherche .listbox-periodes td .colonne-reinit i.bouton-reinit {
  cursor: pointer;
  color: #9DADB5;
}

.moteurDeRecherche .listbox-periodes tr:not(.ui-state-highlight) .colonne-reinit {
  visibility: hidden;
}

.moteurDeRecherche .panelgrid-periode-perso {
  display: none;
  position: relative;
  top: -2px;
  width: calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  height: 76px;
  background-color: #ECEFF1;
  padding-bottom: 6px;
  border-bottom: 1px solid #ECEFF1;
  border-bottom-left-radius: 4px !important;
  -webkit-border-bottom-left-radius: 4px !important;
  -moz-border-radius-bottomleft: 4px !important;
  border-bottom-right-radius: 4px !important;
  -webkit-border-bottom-right-radius: 4px !important;
  -moz-border-radius-bottomright: 4px !important;
}
@media (min-width: 320px) and (max-width: 640px) {
  .moteurDeRecherche .panelgrid-periode-perso {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
  }
}

.moteurDeRecherche .panelgrid-periode-perso .colonne-libelle {
  width: 30px;
  padding: 10px 0 0 0;
}

.moteurDeRecherche .panelgrid-periode-perso .colonne-champ {
  width: 165px;
  padding-right: 0;
}

.moteurDeRecherche .panelgrid-periode-perso .ui-panelgrid-cell {
  text-align: right;
}

.moteurDeRecherche .panelgrid-periode-perso .ui-calendar input {
  float: left;
  width: calc(100% - 85px);
  width: -webkit-calc(100% - 85px);
  width: -moz-calc(100% - 85px);
  border-top-right-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -moz-border-radius-topright: 0 !important;
  border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
}

.moteurDeRecherche .panelgrid-periode-perso .ui-datepicker-trigger {
  display: block;
  left: -4px;
}

.moteurDeRecherche .panelgrid-periode-perso .ui-datepicker-trigger .ui-button-text {
  height: 16px;
  border-top-left-radius: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  border-bottom-left-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-bottomleft: 0 !important;
}

.moteurDeRecherche .panel-recherche-avancee .div-footer {
  display: flex;
  margin-top: 30px;
}

.moteurDeRecherche .panel-recherche-avancee .div-footer .div-colonne-1 {
  width: 50%;
}

.moteurDeRecherche .panel-recherche-avancee .div-footer .div-colonne-1 .bouton-reinitialiser {
  color: #546E7A;
  font-size: 16px;
}

.moteurDeRecherche .panel-recherche-avancee .div-footer .div-colonne-1 .bouton-reinitialiser .ui-icon {
  font-size: 23px;
  top: 12px;
  right: 16px;
}

.moteurDeRecherche .panel-recherche-avancee .div-footer .div-colonne-2 {
  width: 50%;
  text-align: right;
}

/* Permet d'afficher le bouton clear dans le champ de saisie du moteur de recherche */
.moteurDeRecherche .clearable {
  background: #fff url("olympos-layout/images/delete-gray.svg") no-repeat right -15px center;
  background-size: 14px 14px;
  padding: 3px 18px 3px 4px;
  /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}

/* (jQ) Show icon */
.moteurDeRecherche .clearable.x {
  background-position: right 5px center;
}

/* (jQ) hover cursor style */
.moteurDeRecherche .clearable.onX {
  cursor: pointer;
}

/* Remove IE default X */
.moteurDeRecherche .clearable::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* Contenur du moteur de recherche spécifique */
.moteurDeRecherche .divSearchSpecific {
  float: right !important;
}

/* Taille du champs de recherche */
.moteurDeRecherche .inputRecherche {
  width: 390px !important;
  margin-top: 5px !important;
}

/* Style bouton reset de la recherche de la liste apprenant */
.moteurDeRecherche .inputReset {
  background: none;
  border: none;
  cursor: pointer;
}

/* Mantis #14908 : uniformiser la couleur du bouton 'Rechercher' quand il est actif, avec les GrayButton */
.moteurDeRecherche .ui-buttonset .ui-state-hover .ui-button-text {
  background-color: #F5FBFF !important;
}

.moteurDeRecherche .bouton-recherche-avancee-mobile .ui-icon {
  font-size: 18px;
  color: #525252;
  line-height: 15px;
}

@media (min-width: 320px) and (max-width: 640px) {
  .moteurDeRecherche .inputtext-rechercher {
    width: -moz-calc(100% - 111px) !important;
    width: -webkit-calc(100% - 111px) !important;
    width: calc(100% - 111px) !important;
    margin-bottom: 5px !important;
    height: 16px !important;
  }

  .moteurDeRecherche .searchSpecificButton {
    width: 100%;
  }
}
/* Barre de recherche + bouton spécifique en mode tablette */
@media (min-width: 640px) and (max-width: 960px) {
  .moteurDeRecherche .inputRecherche {
    width: -moz-calc(100% - 164px) !important;
    width: -webkit-calc(100% - 164px) !important;
    width: calc(100% - 164px) !important;
  }

  .moteurDeRecherche .bouton-recherche-avancee-mobile {
    display: block;
    left: 2px;
    top: 0px;
  }
}
@media (min-width: 320px) and (max-width: 960px) {
  .moteurDeRecherche {
    position: relative;
    /* Pour rendre active la proprièté z-index valorisée par javascript */
  }

  .moteurDeRecherche .bouton-rechercher {
    margin-right: 0;
  }

  .moteurDeRecherche .bouton-rechercher .ui-button-text {
    border-top-left-radius: 0 !important;
    -webkit-border-top-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
  }

  .moteurDeRecherche .bouton-recherche-avancee-ordi {
    display: none;
  }

  .moteurDeRecherche .bouton-recherche-avancee-mobile {
    display: block;
    left: 2px;
    width: auto;
  }

  .moteurDeRecherche .spacer-boutons-recherche {
    /* display: none; */
  }

  .moteurDeRecherche .panel-recherche-avancee .div-body .div-colonne-1 {
    width: 100%;
    border: none;
  }

  .moteurDeRecherche .panel-recherche-avancee .div-body .div-colonne-2 {
    width: 100%;
    padding-left: 0;
  }

  .moteurDeRecherche .input-aucun-des-mots,
.moteurDeRecherche .input-expression-exacte,
.moteurDeRecherche .input-un-des-mots,
.moteurDeRecherche .search-texte-avancer {
    display: block;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    margin-top: 7px;
    margin-bottom: 14px;
  }

  .moteurDeRecherche .input-nombre-debut,
.moteurDeRecherche .input-nombre-fin {
    width: calc(45% - 20px);
    width: -webkit-calc(45% - 20px);
    width: -moz-calc(45% - 20px);
  }

  .moteurDeRecherche .listbox-periodes td .colonne-icone {
    font-size: 26px;
  }

  .moteurDeRecherche .listbox-periodes td .colonne-libelle {
    width: 100%;
  }

  .moteurDeRecherche .panelgrid-periode-perso {
    height: 52px;
    padding: 12px 0 0 0;
  }

  .moteurDeRecherche .panelgrid-periode-perso .ui-grid-col-6 {
    float: left !important;
  }

  .moteurDeRecherche .panelgrid-periode-perso .ui-grid-row {
    display: inline-block;
    width: 50%;
  }

  .moteurDeRecherche .panelgrid-periode-perso .colonne-champ {
    width: 162px;
  }

  .moteurDeRecherche .panel-recherche-avancee .div-footer {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-top: 18px;
  }

  .moteurDeRecherche .panel-recherche-avancee .div-footer .div-colonne-1,
.moteurDeRecherche .panel-recherche-avancee .div-footer .div-colonne-2 {
    width: 100%;
  }

  .moteurDeRecherche .panel-recherche-avancee .div-footer .div-colonne-1 .bouton-reinitialiser,
.moteurDeRecherche .panel-recherche-avancee .div-footer .div-colonne-2 .bouton-rechercher-avancee {
    width: 100%;
  }

  .moteurDeRecherche .panel-recherche-avancee .div-footer .div-colonne-1 .bouton-reinitialiser .ui-icon {
    font-size: 27px;
    top: 14px;
    right: 18px;
  }

  .moteurDeRecherche .panel-recherche-avancee .div-footer .div-colonne-2 .bouton-rechercher-avancee {
    margin-bottom: 20px;
  }

  .moteurDeRecherche .panel-recherche-avancee .div-footer .div-colonne-1 .bouton-reinitialiser span,
.moteurDeRecherche .panel-recherche-avancee .div-footer .div-colonne-2 .bouton-rechercher-avancee span {
    height: 25px;
    line-height: 25px !important;
  }
}
.moteurDeRecherche .champsRechercher {
  width: -moz-calc(100% - 260px) !important;
  width: -webkit-calc(100% - 260px) !important;
  width: calc(100% - 260px) !important;
  margin-right: 2px !important;
}

@media (min-width: 320px) and (max-width: 640px) {
  .moteurDeRecherche .champsRechercher {
    width: -moz-calc(100% - 20px) !important;
    width: -webkit-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
    margin-bottom: 5px !important;
  }

  .moteurDeRecherche .divSearchSpecific {
    float: left !important;
    width: 100% !important;
  }

  .moteurDeRecherche .divSearchSpecific .inputRecherche {
    width: -moz-calc(100% - 20px) !important;
    width: -webkit-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
    margin-top: 5px !important;
  }

  .moteurDeRecherche .divSearchSpecific {
    margin-left: -3px !important;
  }

  /* Panel contenant la recherche avancée */
  .moteurDeRecherche .panel-recherche-avancee {
    left: 0px !important;
    height: 100% !important;
    overflow-y: auto;
    top: 0px !important;
    right: 0px !important;
    margin: 8px !important;
  }
}
/* FIN MOTEUR DE RECHERCHE (MoteurRecherche.xhtml) */
/* COMPOSANT "JASPER REPORTS" (JasperReports.xhtml) */
.jasperReports {
  padding-left: 10px;
  padding-right: 10px;
}

.selectMenuRapport {
  width: 350px;
}

@media (min-width: 320px) and (max-width: 640px) {
  .selectMenuRapport {
    width: -moz-calc(100% - 50px) !important;
    width: -webkit-calc(100% - 50px) !important;
    width: calc(100% - 50px) !important;
  }
}
/* FIN COMPOSANT "JASPER REPORTS" (JasperReports.xhtml) */
/* PAGE PLANNING (Planning.xhtml) */
.planning .fc-time-grid-event .fc-content {
  word-wrap: break-word;
  /* Pour forcer le retour à la ligne du texte sans qu'il soit tronqué. */
}

.planning .fc-time-grid-event .fc-time {
  white-space: normal;
  /* Pour forcer le retour à la ligne de l'heure de début et de fin. */
}

@media (max-width: 640px) {
  .planning .fc-time-grid-event .fc-content {
    padding: 0;
    /* Pour avoir l'espace maximum pour le texte de la bulle pour les petits appareils. */
  }
}
.planning .fc-day-grid-event,
.planning .fc-time-grid-event {
  cursor: pointer;
  /* Consulter un événement */
}

.planning .schedule .ui-widget-content:hover {
  cursor: cell;
  /* Créer un événement */
}

.planning .schedule .fc-event .fc-time {
  display: none;
  /* Pour faire disparaitre de la case de l'événement son heure de début et de fin. */
}

.planning .schedule .fc-event .fc-title {
  font-size: inherit;
  /* Pour changer la taille de la police dans les cases du planning. A personnaliser par les écoles dans la feuille css custom. */
}

.planning .schedule .fc-event.indisponibilite {
    background-color: lightgrey;
    background-image: repeating-linear-gradient(135deg, white, white 10px, transparent 10px, transparent 15px);
    cursor: initial;
    border: 1px solid lightgray;
}

.planning .schedule .fc-event.indisponibilite .fc-title {
    color: black;
}

.planning .schedule .est-epreuve .image {
  background: url("images/__epreuve 1 x-22 sf.png") no-repeat;
  width: 18px;
  height: 23px;
}

.planning .schedule .fc-head-container.ui-widget-header {
  border-color: white;
  /* 14349: WebAurion 3 : Planning, dans Edge 38 il y a un cadre autour des jours et pas dans les autres.
                            Ok avec FF50, IE11, GC55, Android WebView 44 (Android 6) */
}

.planning .modale-detail .label {
  font-weight: bold;
  color: #333333;
}

/* Permet de revenir à la ligne si l'intitulé est trop long */
.planning .fc-day-grid-event .fc-content {
  white-space: normal;
  word-wrap: break-word;
}

.planning .modale-detail .panelgrid-debut-fin .ui-panelgrid-cell,
.planning .modale-detail .panelgrid-debut-fin.ui-panelgrid {
  border: 0 !important;
}

.planning .modale-detail .panelgrid-info-epreuve {
  width: 80%;
  max-width: 690px;
  margin-bottom: 5px;
}

.planning .modale-detail .datatable-apprenant .ui-datatable-header {
  background-color: white !important;
}

.planning .modale-detail .datatable-apprenant table {
  table-layout: auto;
  /* Pour que les colonnes aient une largeur qui s'adapte à leur contenu. */
}

/* Mantis 17343: Rubriques Planning, consultation des interventions. Sur l'onglet "Apprenants", rajouter la photo des apprenants */
.planning .modale-detail .datatable-apprenant table td:nth-child(1) {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  /* Pour ne pas créer une mosaïque de la même photo (#19456) */
  background-size: contain;
  /* Pour ne pas tronquer la photo (#19456) */
}

@media (min-width: 641px) {
  .planning .modale-detail .datatable-apprenant .td-est-absent,
.planning .modale-detail .datatable-apprenant .td-nb-heures {
    /* Mis en commentaire suite au mantis: #14101: Anomalies sur le planning, afin de centrer le titre des colonnes 'Absent' et 'Motif d'absence' à gauche. */
    /* text-align: center; */
    /* Quand le mode reflow de la dataTable est actif, il ne faut pas centrer le texte pour que les champs soient alignés. */
  }
}
.planning .modale-detail .datatable-apprenant .td-motif .selectonemenu-motif {
  width: calc(98% - 53px);
  /* Pour que la partie droite de la liste déroulante ne soit pas tronquée */
  width: -webkit-calc(98% - 53px) !important;
  width: -moz-calc(98% - 53px) !important;
}

.planning .modale-detail .datatable-apprenant .td-nb-heures .selectonemenu-heure,
.planning .modale-detail .datatable-apprenant .td-nb-heures .selectonemenu-minute {
  width: 10px;
}

/* Pour que les ":" soient centrés dans l'espace que se trouvent entre les 2 champs H et M. */
.planning .modale-detail .datatable-apprenant .td-nb-heures .deux-points {
  display: inline-block;
  width: 5px;
  text-align: center;
}

/* Pour que lorsque les 2 champs heure et minute passent l'un en-dessous de l'autre, ils soient alignés sur l'axe vertical. */
.planning .modale-detail .datatable-apprenant .td-nb-heures .filler {
  display: inline-block;
  width: 3px;
}

/* Positionner le bouton de fermeture à droite de la page. */
.planning .modale-detail .ui-dialog-title {
  float: right;
  margin: 5px 0 10px 0px !important;
}

/* Passer les boutons du planning à droite en gris */
.planning .fc-toolbar .fc-right button {
  border: solid 1px #CCCFD2 !important;
  /* background-color: #00aeef;
    color: white !important; */
  border-radius: 2px !important;
  font-family: "latoregular";
  padding: 3px 5px !important;
  font-size: 12px !important;
  background-color: #ECEFF1 !important;
  color: #525252 !important;
}

.planning .fc-toolbar .fc-right .ui-state-hover {
  background-color: #F5FBFF !important;
}

.planning .fc-toolbar .fc-right .ui-state-active {
  background-color: #CCCFD2 !important;
  cursor: default !important;
}

/* FIN PAGE PLANNING (Planning.xhtml) */
/*STYLE TABLEAUX*/
/* color the selected table row on click event
Appelé lors de la sélection d'une ligne dans une liste de choix'
Couleur à tester : #ECF4FE #CBCFD4 #ecf3fe #d6e9c6 */
.selected-dt-row {
  background-color: #ecf3fe !important;
  font-weight: bolder;
}

/*FIN STYLE TABLEAUX*/
/* Cas spéciale stickyFooter onglet épreuves, mantis #16186 */
.templatePrincipal .stickyFooter {
  margin-left: 0px !important;
}

/* Sticky footer si Menu non replie(en mode pc) */
.templatePrincipal:not(.SlimMenu) .CTableauSaisie .stickyFooter {
  width: -moz-calc(100% - 28px) !important;
  width: -webkit-calc(100% - 28px) !important;
  width: calc(100% - 28px) !important;
  margin-left: -20px !important;
}

/* Sticky footer si Menu replié (en mode pc) */
.templatePrincipal.SlimMenu .CTableauSaisie .stickyFooter {
  width: 100%;
  margin-left: 0px !important;
}

.Container7 {
  width: 7%;
  float: left;
  padding: 5px;
  box-sizing: border-box;
}

.Container73 {
  width: 73%;
  float: left;
  padding: 5px;
  box-sizing: border-box;
}

/* *****  Début Général (Tableau saisie) ******* */
.CTableauSaisie {
  /** Tous les tableaux **/
  /* Rendre le header de tous les tableaux transparent */
  /* Cache le double header qui s'affiche lors de l'utilisation du frozen column. */
  /* Column toggler cas normal tableau des apprenants */
  /* Column toggler cas normal tableau des épreuves */
  /* Column toggler cas normal tableau des notes */
  /* Bordure droite du tableau x */
  /** Box shadow **/
  /** AUTRES **/
  /* Desactive l'effet 'Hover' sur les colonnes de tous les tableaux tagués avec la classe 'disableRowOverEffect' */
  /* Rajouter des bordures au tableau des épreuves */
  /* Enlever le border-top du tableau des épreuves */
  /* Recherche */
  /* Supprimer le scroller vertical visible uniquement sur Firefox Mantis #17271 */
  /* Couleur spécifique pour le composant de notation des critères */
  /* Centrer le libellé du composant de notation des critères au centre et rendre son fond transparent */
  /* Pas de bordure pour le composant de notation des critères et pas de fond */
  /* Pas de fond pour le composant de notation des critères */
  /* Style des flèches de scroll de la rubrique Evaluation critère, en rond (Pas utilisé pour l'instant) */
  /* Le width pause problème sur la flèche des critères et l'empêche de se postionner correctement */
  /* Mantis #14747: Rubriques "Noter les épreuves". la zone de saisie de la note n'a plus de bordure à droite.
     Fixer la taille du champ de saisie des notes pour qu'elle ne dépasse pas celle de la colonne */
  /* Largeur par defaut des colonnes du tableau des apprenants */
  /* Permet d'avoir tous les champs de saisie au même niveau */
  /* Colonne paire du tableau des moyennes */
  /* Impaire et header */
  /* Style du header du tableau moyenne */
  /* Rajoute des bordures uniquement dans la première colonne (Moyenne simulée) */
  /* Style général du tableau moyenne */
  /* Largeur par défaut des colonnes du tableau des apprenants */
  /* Couleur alternée des lignes du tableau moyenne */
  /* Couleur alternée des lignes du tableau moyenne */
  /* Garde les bordures dans le footer du tableau des apprenants */
  /* Garde les bordures dans le footer du tableau des apprenants */
  /* Réduit la taille du footer du tableau des épreuves */
  /* Cache le header du sous tableau des épreuves */
  /* La moyenne est en gras */
  /* Cache le header des tableaux footer */
}
.CTableauSaisie .dataTableX .ui-datatable-header,
.CTableauSaisie .dataTableY .ui-datatable-header,
.CTableauSaisie .dataTableZ .ui-datatable-header {
  background-color: transparent;
}
.CTableauSaisie .ui-datatable-scrollable-theadclone tr {
  visibility: collapse;
  height: 0px !important;
}
.CTableauSaisie .libelleHeader {
  margin: 0 5px;
}
.CTableauSaisie .colNonNoter {
  display: flex;
  flex-direction: column;
  width: 15%;
}
.CTableauSaisie .colMotifAbsence {
  display: flex;
  flex-direction: column;
  width: 22%;
}
.CTableauSaisie .colAppreciation {
  display: flex;
  flex-direction: column;
  width: 40%;
}
.CTableauSaisie .dataTableX .btnTri {
  color: #525252 !important;
}
.CTableauSaisie .sansEpreuves {
  color: #02a2f2;
}
.CTableauSaisie .dataTableX .divColumnsToggler {
  position: relative;
  right: 0;
  margin: 0 10px 20px 0;
}
.CTableauSaisie .dataTableY .divColumnsToggler {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  float: none;
  margin: 0 5px 20px 0;
}
.CTableauSaisie .dataTableZ .divColumnsToggler {
  position: relative;
  right: 0;
  margin: 0 10px 0 0;
  height: 45px;
}
.CTableauSaisie .dataTableX .ui-datatable-scrollable-header,
.CTableauSaisie .dataTableX .ui-datatable-scrollable-body {
  border-right: none !important;
}
.CTableauSaisie .dataTableX .ui-datatable-scrollable-header,
.CTableauSaisie .dataTableX .ui-datatable-scrollable-body,
.CTableauSaisie .dataTableX .ui-datatable-footer,
.CTableauSaisie .dataTableY .ui-datatable-scrollable-header,
.CTableauSaisie .dataTableY .ui-datatable-scrollable-body,
.CTableauSaisie .dataTableY .ui-datatable-footer {
  width: 100% !important;
}
.CTableauSaisie .dataTableZ {
  box-shadow: -2px 5px 5px rgba(97, 97, 97, 0.5);
  margin-left: 5px;
}
.CTableauSaisie .dataTableX {
  box-shadow: 2px 7px 5px rgba(97, 97, 97, 0.5);
  margin-right: 5px;
}
.CTableauSaisie .disableRowOverEffect table tbody .ui-state-hover > td,
.CTableauSaisie .disableRowOverEffect table thead tr th.ui-state-hover {
  background-color: transparent;
  cursor: default;
}
.CTableauSaisie .dataTableX.paire .ui-datatable-scrollable-body,
.CTableauSaisie .dataTableX .ui-datatable-even {
  background: #f2f2f2;
}
.CTableauSaisie .dataTableX.impaire .ui-datatable-scrollable-body,
.CTableauSaisie .dataTableX .ui-datatable-odd {
  background: #e6e6e6;
}
.CTableauSaisie .flexDivEmptyEpreuve {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
}
.CTableauSaisie .dataTableY table tbody tr td,
.CTableauSaisie .dataTableY table thead tr th {
  border: solid 1px #d1d1d1 !important;
  border-left: none !important;
}
.CTableauSaisie .dataTableY table thead tr th {
  border-top: none !important;
  border-bottom: solid 2px #d1d1d1 !important;
}
.CTableauSaisie .dataTableX .ui-datatable-scrollable-header-box {
  margin-right: 0px !important;
}
.CTableauSaisie .dataTableX table thead tr th.ui-state-active,
.CTableauSaisie .dataTableY table thead tr th.ui-state-active,
.CTableauSaisie .dataTableZ table thead tr th.ui-state-active {
  background-color: #e9e9e9 !important;
}
.CTableauSaisie .moteurDeRecherche .bouton-recherche-avancee-ordi {
  float: right;
  margin-right: 6px;
}
.CTableauSaisie .Container30 .moteurDeRecherche .inputtext-rechercher {
  display: block;
  float: left;
  width: calc(100% - 110px);
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
}
.CTableauSaisie .Container25 .moteurDeRecherche .inputtext-rechercher {
  display: block;
  float: left;
  width: calc(100% - 110px);
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
}
.CTableauSaisie .moteurDeRecherche .searchSpecificButton {
  float: right;
  margin-right: 6px;
}
.CTableauSaisie .moteurDeRecherche .bouton-recherche-avancee-ordi {
  display: none !important;
}
.CTableauSaisie .moteurDeRecherche .bouton-recherche-avancee-mobile {
  display: block !important;
  right: 5px !important;
  top: 0px;
  left: 0px;
}
.CTableauSaisie .divMoteurDeRecherche {
  float: right;
  width: 100%;
}
.CTableauSaisie .dataTableX .colHeight,
.CTableauSaisie .dataTableZ .colMoyenneSimuler {
  height: 34px;
}
.CTableauSaisie .dataTableZ .colMoyenneSimuler {
  width: auto;
  padding: 1px;
}
.CTableauSaisie .dataTableY .colHeight {
  height: 35px;
}
.CTableauSaisie .dataTableY .noterSelectOneMenu {
  width: -moz-calc(100% - 60px) !important;
  width: -webkit-calc(100% - 60px) !important;
  width: calc(100% - 60px) !important;
  /* Permet que le selectMenu de notation des critères ne dépasse pas la largeur de la colonne. */
  min-width: 100px !important;
}
.CTableauSaisie .dataTableY .ui-selectonemenu label.ui-selectonemenu-label {
  color: #ababab;
  /* Permet que le selectMenu de notation des critères ne dépasse pas la largeur de la colonne. */
  width: 50px;
}
.CTableauSaisie .dataTableX .ui-selectonemenu label.ui-selectonemenu-label {
  color: #525252;
}
.CTableauSaisie .dataTableX .ui-datatable-scrollable-body,
.CTableauSaisie .dataTableY .ui-datatable-scrollable-body {
  overflow-x: auto;
  overflow-y: hidden;
}
.CTableauSaisie .dataTableX .ui-datatable-scrollable-body table,
.CTableauSaisie .dataTableY .ui-datatable-scrollable-body table,
.CTableauSaisie .dataTableZ .ui-datatable-scrollable-body table {
  overflow: hidden;
}
.CTableauSaisie .dataTableCritere .noteSaisie label.ui-selectonemenu-label {
  color: #00aeef;
}
.CTableauSaisie .noteSaisie .ui-selectonemenu-label {
  background: none;
  text-align: center;
}
.CTableauSaisie .noteSaisie {
  min-width: 57px;
  border: none !important;
  background: transparent !important;
}
.CTableauSaisie .noteSaisie .ui-selectonemenu-trigger {
  background: none;
}
.CTableauSaisie .flecheScrollerRond {
  background: white;
  border-radius: 50%;
  box-shadow: 3px 7px 8px 0px rgba(0, 0, 0, 0.7);
  text-decoration: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: white;
}
.CTableauSaisie .scrollers {
  display: flex;
  z-index: 1001;
  height: 45px;
  width: 100%;
  text-align: center;
  /* Style des flèches de scroll de la rubrique Evaluation critère (Pas utilisé pour l'instant) */
}
.CTableauSaisie .scrollers .scroll-datatableX {
  width: 20%;
  text-align: center;
}
.CTableauSaisie .scrollers .scroll-datatableY {
  width: 75%;
  text-align: center;
}
.CTableauSaisie .scrollers .flecheScroller {
  box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.2), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  color: #00aaff;
}
.CTableauSaisie .scrollers-fixed {
  position: fixed;
  top: 50px;
  width: 80%;
}
.CTableauSaisie .scrollers-fixed.vousEtesConnectes {
  top: 120px;
}
.CTableauSaisie .scrollers-fixed .scroll-datatableX {
  width: 20%;
  text-align: center;
}
.CTableauSaisie .scrollers-fixed .scroll-datatableY {
  width: 80%;
  text-align: center;
}
.CTableauSaisie .ui-button-icon-only {
  width: -webkit-fill-available !important;
}
.CTableauSaisie .inputNumberNote .ui-inputtext {
  width: -moz-calc(100% - 20px) !important;
  width: -webkit-calc(100% - 20px) !important;
  width: calc(100% - 20px) !important;
}
.CTableauSaisie .dataTableY .colWidth {
  width: 500px !important;
}
.CTableauSaisie .ui-selectonemenu .ui-selectonemenu-label {
  overflow: visible !important;
}
.CTableauSaisie .ui-message-error {
  margin: 2px 0 0 0;
}
.CTableauSaisie .containerZ {
  margin-bottom: 20px;
}
.CTableauSaisie .dataTableZ.impaire .ui-datatable-scrollable-body,
.CTableauSaisie .dataTableZ .ui-datatable-odd {
  background: #73c1e8;
}
.CTableauSaisie .dataTableZ.paire .ui-datatable-scrollable-body,
.CTableauSaisie .dataTableZ .ui-datatable-even,
.CTableauSaisie .dataTableZ table thead tr th {
  background: #8fcded;
}
.CTableauSaisie .dataTableZ table thead tr th {
  border-bottom: solid 2px white !important;
}
.CTableauSaisie .dataTableZSub table tbody tr td:first-child {
  border-right: solid 1px white !important;
}
.CTableauSaisie .dataTableZ table tbody tr td,
.CTableauSaisie .dataTableZ table thead tr th,
.CTableauSaisie .dataTableZ table tfoot tr td {
  /* border-right: solid 1px white!important; */
  border-right: none !important;
  color: #FFF !important;
  font-family: "latoregular";
}
.CTableauSaisie .dataTableX.paire .ui-datatable-scrollable-body,
.CTableauSaisie .dataTableX .ui-datatable-even {
  background: #f2f2f2;
}
.CTableauSaisie .dataTableX.impaire .ui-datatable-scrollable-body,
.CTableauSaisie .dataTableX .ui-datatable-odd {
  background: #e6e6e6;
}
.CTableauSaisie .dataTableX .colWidth {
  width: 100px !important;
}
.CTableauSaisie .dataTableXSub .ui-datatable-odd {
  background: #f1f1f1;
}
.CTableauSaisie .dataTableXSub .ui-datatable-even {
  background: white;
}
.CTableauSaisie .dataTableXSub table tbody tr td,
.CTableauSaisie .dataTableXSub table tbody tr td {
  border: none !important;
  /* Pour ne pas écraser la bordure noire droite du tableau des apprenants */
  border-bottom: solid 1px #d1d1d1 !important;
}
.CTableauSaisie .dataTableZSub table tbody tr td {
  border: none !important;
  /* Pour ne pas écraser la bordure noire droite du tableau des apprenants */
}
.CTableauSaisie .dataTableY .ui-datatable-footer,
.CTableauSaisie .dataTableX .ui-datatable-footer,
.CTableauSaisie .dataTableZ .ui-datatable-footer {
  padding: 0px;
  border: white;
}
.CTableauSaisie .dataTableYSub .ui-datatable-scrollable-header,
.CTableauSaisie .dataTableZSub .ui-datatable-scrollable-header {
  display: none;
}
.CTableauSaisie .dataTableXSub table tbody tr,
.CTableauSaisie .dataTableYSub table tbody tr .dataTableZSub table tbody tr {
  font-family: "latoregular";
  height: 30px !important;
}
.CTableauSaisie .dataTableYSub table tbody tr {
  font-family: "latoregular";
}
.CTableauSaisie .dataTableYSub table tbody tr:first-child,
.CTableauSaisie .dataTableXSub table tbody tr:first-child,
.CTableauSaisie .dataTableZSub table tbody tr:first-child {
  font-weight: bolder !important;
}
.CTableauSaisie .dataTableXSub table thead,
.CTableauSaisie .dataTableZSub table thead {
  display: none;
}
.CTableauSaisie .dataTableXSub,
.CTableauSaisie .dataTableYSub,
.CTableauSaisie .dataTableZSub {
  -webkit-box-shadow: 0 -2px 5px rgba(97, 97, 97, 0.5);
  -moz-box-shadow: 0 -2px 5px rgba(97, 97, 97, 0.5);
  box-shadow: 0 -2px 5px rgba(97, 97, 97, 0.5);
}
.CTableauSaisie .champs {
  padding-top: 5px;
}
.CTableauSaisie .note {
  display: flex;
  flex-direction: column;
  width: 15%;
}
.CTableauSaisie .note .noteAlpha {
  width: 20%;
}

.nicescroll-cursors {
  height: 10px !important;
}

/* *****  Début Général (onglet épreuves du formulaire gmcc) ******* */
/* Cache le double header qui s'affiche lors de l'utilisation du frozen column. */
.CtEvaluationCritere .ui-datatable-scrollable-theadclone tr {
  visibility: collapse;
  height: 0px !important;
}

/* Desactive l'effet 'Hover' sur les colonnes de tous les tableaux tagués avec la classe 'disableRowOverEffect' */
.disableRowOverEffect table tbody .ui-state-hover > td,
.disableRowOverEffect table thead tr th.ui-state-hover {
  background-color: transparent;
  cursor: default;
}

/* Rendre le header de tous les tableaux transparent */
.dataTableApprenant .ui-datatable-header,
.dataTableCritere .ui-datatable-header {
  background-color: transparent;
}

/* Cas spéciale stickyFooter onglet épreuves, mantis #16186 */
.templatePrincipal .stickyFooter {
  margin-left: 0px !important;
}

/* Bordure droite du tableau des épreuves */
.dataTableApprenant .ui-datatable-scrollable-header,
.dataTableApprenant .ui-datatable-scrollable-body {
  border-right: solid 1px #707070 !important;
  width: inherit !important;
}

/* Permet au tableau des épreuves de prendre toute la largeur centrale, sinon il y a un espace vide qui s'affiche à droite '*/
.dataTableCritere .ui-datatable-scrollable-body {
  width: 100% !important;
}

.selectFristEpreuve table tbody tr td:first-child,
.selectFristEpreuve table thead tr th:first-child {
  background: rgba(2, 162, 242, 0.1);
}

/* Column toggler cas normal tableau des apprenants */
.dataTableApprenant .divColumnsToggler {
  position: relative;
  right: 0;
  margin: 0;
}

.dataTableCritere .divColumnsToggler {
  position: absolute;
  right: 25px;
  margin: 0;
}

.addEpreuveFixed {
  position: absolute;
  right: 0;
}

.flexDivEmptyEpreuve {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
}

.dataTableApprenant.paire .ui-datatable-scrollable-body,
.dataTableApprenant .ui-datatable-even {
  background: #f2f2f2;
}

.dataTableApprenant.impaire .ui-datatable-scrollable-body,
.dataTableApprenant .ui-datatable-odd {
  background: #e6e6e6;
}

/* Largeur par défaut des colonnes du tableau des apprenants */
.dataTableApprenant .colWidth {
  width: 100px !important;
}

/* Rajouter des bordures au tableau des épreuves */
.dataTableCritere table tbody tr td,
.dataTableCritere table thead tr th {
  border: solid 1px #d1d1d1 !important;
}

/* Pas de border top pour le tableau des épreuves */
.dataTableCritere table thead tr th {
  border-top: none !important;
  border-bottom: solid 2px #d1d1d1 !important;
}

.dataTableApprenant .ui-datatable-scrollable-header-box,
.dataTableCritere .ui-datatable-scrollable-header-box {
  margin-right: 0px !important;
}

/* Centrer le texte des tableaux des moyennes et des épreuves */
.dataTableCritere table tbody tr td,
.dataTableCritere table thead tr th {
  text-align: center !important;
}

.dataTableApprenant table thead tr th.ui-state-active,
.dataTableCritere table thead tr th.ui-state-active {
  background-color: #e9e9e9 !important;
}

/* Recherche */
.CtEvaluationCritere .moteurDeRecherche .bouton-recherche-avancee-ordi {
  float: right;
  margin-right: 6px;
}

.CtEvaluationCritere .Container30 .moteurDeRecherche .inputtext-rechercher {
  display: block;
  float: left;
  width: calc(100% - 110px);
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
}

.CtEvaluationCritere .Container25 .moteurDeRecherche .inputtext-rechercher {
  display: block;
  float: left;
  width: calc(100% - 110px);
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
}

.CtEvaluationCritere .moteurDeRecherche .searchSpecificButton {
  float: right;
  margin-right: 6px;
}

.CtEvaluationCritere .moteurDeRecherche .bouton-recherche-avancee-ordi {
  display: none !important;
}

.CtEvaluationCritere .moteurDeRecherche .bouton-recherche-avancee-mobile {
  display: block !important;
  right: 5px !important;
  top: 0px;
  left: 0px;
}

/* Sticky footer si Menu non replié(en mode pc) */
.templatePrincipal:not(.SlimMenu) .CtEvaluationCritere .stickyFooter {
  width: -moz-calc(100% - 28px) !important;
  width: -webkit-calc(100% - 28px) !important;
  width: calc(100% - 28px) !important;
  margin-left: -20px !important;
}

/* Sticky footer si Menu replié (en mode pc) */
.templatePrincipal.SlimMenu .CtEvaluationCritere .stickyFooter {
  width: 100%;
  margin-left: 0px !important;
}

.dataTableApprenant .colHeight {
  height: 34px;
}

.dataTableCritere .colHeight {
  height: 35px;
}

.divMoteurDeRecherche {
  float: right;
  width: 100%;
}

.dataTableCritere .noterSelectOneMenu {
  width: -moz-calc(100% - 60px) !important;
  width: -webkit-calc(100% - 60px) !important;
  width: calc(100% - 60px) !important;
  /* Permet que le selectMenu de notation des critères ne dépasse pas la largeur de la colonne. */
  min-width: 100px !important;
}

.CtEvaluationCritere .dataTableCritere .ui-selectonemenu label.ui-selectonemenu-label {
  color: #ababab;
  /* Permet que le selectMenu de notation des critères ne dépasse pas la largeur de la colonne. */
  width: 200px;
}

.CtEvaluationCritere .dataTableApprenant .ui-selectonemenu label.ui-selectonemenu-label {
  color: #525252;
}

.CtEvaluationCritere .dataTableApprenant .ui-datatable-scrollable-body, .CtEvaluationCritere .dataTableCritere .ui-datatable-scrollable-body {
  overflow-x: auto;
  overflow-y: hidden;
}

/* Shadow à droite du tableau des critères */
.CtEvaluationCritere .dataTableCritere {
  box-shadow: 5px 0 5px -3px rgba(0, 0, 0, 0.4) !important;
}

/* Le paginator du tableau des apprenants doit être caché pour ne pas faire doublon avec celui des critères */
.CtEvaluationCritere .dataTableApprenant .ui-paginator a {
  visibility: hidden;
}

/* Couleur spécifique pour le composant de notation des critères */
.CtEvaluationCritere .dataTableCritere .noteSaisie label.ui-selectonemenu-label {
  color: #00aeef;
}

/* Centrer le libellé du composant de notation des critères au centre et rendre son fond transparent */
.CtEvaluationCritere .noteSaisie .ui-selectonemenu-label {
  background: none;
  text-align: center;
}

/* Pas de bordure pour le composant de notation des critères et pas de fond */
.CtEvaluationCritere .noteSaisie {
  min-width: 57px;
  border: none !important;
  background: transparent !important;
}

/* Pas de fond pour le composant de notation des critères */
.CtEvaluationCritere .noteSaisie .ui-selectonemenu-trigger {
  background: none;
}

/* Permet de ne pas cacher le paginator bas du tableau des critères par le scroller */
.CtEvaluationCritere .ui-datatable .ui-paginator-bottom {
  margin-top: 10px;
}

/* Style des flèches de scroll de la rubrique Evaluation critère, en rond (Pas utilisé pour l'instant) */
.CtEvaluationCritere .flecheScrollerRond {
  background: white;
  border-radius: 50%;
  box-shadow: 3px 7px 8px 0px rgba(0, 0, 0, 0.7);
  text-decoration: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: white;
}

/* Style des flèches de scroll de la rubrique Evaluation critère (Pas utilisé pour l'instant) */
.CtEvaluationCritere .flecheScroller {
  box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.2), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

/* Positionnement flèche scroller des critères */
.CtEvaluationCritere .flecheCritere {
  position: relative;
  bottom: 1044px;
  right: -16px;
  z-index: 1000;
  color: #00aaff;
  float: right;
}

/* Positionnement flèche scroller des critères */
.CtEvaluationCritere .flecheApprenant {
  position: relative;
  top: 180px;
  left: -20px;
  z-index: 1000;
  color: #00aaff;
}

/* Le width pause problème sur la flèche des critères et l'empêche de se postionner correctement */
.CtEvaluationCritere .ui-button-icon-only {
  width: -webkit-fill-available !important;
}

/* DEBUT PAGES CURSUS (Cursus.xhtml) */
.cursus {
  /* Supprimer les bordures du tableau */
}
.cursus .cursus-tree-table {
  border: none !important;
  /* Change icon of tree table from 'rightarrow-navy.svg' to 'plus-sign-navy.svg' */
  /* Change icon of tree table from 'downarrow-navy.svg' to 'minus-sign-navy.svg' */
}
.cursus .cursus-tree-table td {
  border: none !important;
  /* Suppression des bordures du trableau */
}
.cursus .cursus-tree-table td img {
  margin-left: -4px;
}
.cursus .cursus-tree-table th {
  white-space: pre-wrap;
  background: white;
  border-left: none;
  border-top: none;
  border-right: none;
  text-align: left;
  vertical-align: top;
}
.cursus .cursus-tree-table .column--width {
  width: 25%;
}
.cursus .cursus-tree-table .column--width-all {
  width: 300px;
}
.cursus .cursus-tree-table .column-detail {
  width: 125px;
}
.cursus .cursus-tree-table .cursus--first-column {
  display: flex;
  padding-top: 2px;
}
.cursus .cursus-tree-table .all {
  width: 150px;
}
.cursus .cursus-tree-table .cursus--first-column--container {
  padding-left: 5px;
  padding-top: 2px;
}
.cursus .cursus-tree-table .cursus--first-column--content {
  line-height: 16px;
  letter-spacing: 0.32px;
  white-space: pre-wrap;
}
.cursus .cursus-tree-table .cursus--first-column--icon {
  height: 16px;
  width: 16px;
}
.cursus .cursus-tree-table .cursus-column--content {
  padding-top: 4px;
}
.cursus .cursus-tree-table .ui-sortable-column-icon {
  vertical-align: top;
  margin: -2px 0px -3px 2px;
}
.cursus .cursus-tree-table .ui-column-title {
  display: inline-block;
  max-width: 80%;
}
.cursus .cursus-tree-table .colDetail {
  width: 100px !important;
  background: green !important;
}
.cursus .cursus-tree-table .type-groupe {
  background-color: #E2FDD1 !important;
}
.cursus .cursus-tree-table .type-module {
  background-color: #FFE9D5 !important;
}
.cursus .cursus-tree-table .type-cours {
  background-color: #CAF9FF !important;
}
.cursus .cursus-tree-table .type-concours {
  background-color: #CCDDFF !important;
}
.cursus .cursus-tree-table .type-ligne-intermediaire-cours {
  background-color: #C5FFF3 !important;
}
.cursus .cursus-tree-table .type-ligne-intermediaire-groupe {
  background-color: #FFF5D7 !important;
}
.cursus .cursus-tree-table .ui-icon-triangle-1-e {
  background-image: url(images/plus-sign-navy.svg?ln=primefaces-olympos);
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
  padding-top: 8px;
}
.cursus .cursus-tree-table .ui-icon-triangle-1-s {
  background-image: url(images/minus-sign-navy.svg?ln=primefaces-olympos);
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
  padding-top: 8px;
}

/* FIN PAGES CURSUS (Cursus.xhtml) */
/* DEBUT PAGES TABLEAU COMPETENCE (TableauCompetence.xhtml) */
.tableauCompetence {
  /* Supprimer les bordures du tableau */
}
.tableauCompetence .tree-table {
  border: none !important;
  /* Permet que le selectMenu de notation des critères ne dépasse pas la largeur de la colonne. */
  /* Couleur spécifique pour le composant de notation des critères */
  /* Centrer le libellé du composant de notation des critères au centre et rendre son fond transparent */
  /* Pas de bordure pour le composant de notation des critères et pas de fond */
  /* Pas de fond pour le composant de notation des critères */
}
.tableauCompetence .tree-table td {
  border: none !important;
  /* Suppression des bordures du trableau */
}
.tableauCompetence .tree-table td img {
  margin-left: -4px;
}
.tableauCompetence .tree-table th {
  border: none !important;
  /* Suppression des bordures du trableau */
  white-space: pre-wrap;
  background: white;
}
.tableauCompetence .tree-table th:first-child, .tableauCompetence .tree-table th:nth-child(2), .tableauCompetence .tree-table th:nth-child(7) {
  text-align: left;
}
.tableauCompetence .tree-table .first-column, .tableauCompetence .tree-table .second-column {
  width: 300px;
  /* Change icon of tree table from 'rightarrow-navy.svg' to 'plus-sign-navy.svg' */
  /* Change icon of tree table from 'downarrow-navy.svg' to 'minus-sign-navy.svg' */
}
.tableauCompetence .tree-table .first-column .container, .tableauCompetence .tree-table .second-column .container {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  /* required for Opera */
  -ms-text-overflow: ellipsis;
  /* required for IE8, allegedly */
  -moz-binding: url("ellipsis.xml#ellipsis");
  /* for Firefox; details here */
}
.tableauCompetence .tree-table .first-column .container span, .tableauCompetence .tree-table .second-column .container span {
  line-height: 16px;
  letter-spacing: 0.32px;
  white-space: nowrap;
}
.tableauCompetence .tree-table .first-column .icon, .tableauCompetence .tree-table .second-column .icon {
  height: 16px;
  width: 16px;
}
.tableauCompetence .tree-table .first-column .ui-icon-triangle-1-e, .tableauCompetence .tree-table .second-column .ui-icon-triangle-1-e {
  background-image: url(images/plus-sign-navy.svg?ln=primefaces-olympos);
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
  padding-top: 4px;
}
.tableauCompetence .tree-table .first-column .ui-icon-triangle-1-s, .tableauCompetence .tree-table .second-column .ui-icon-triangle-1-s {
  background-image: url(images/minus-sign-navy.svg?ln=primefaces-olympos);
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: 110%;
  padding-top: 4px;
}
.tableauCompetence .tree-table .not-display-icon .ui-icon-triangle-1-s {
  display: none;
}
.tableauCompetence .tree-table .noterSelectOneMenu {
  width: -moz-calc(100% - 60px) !important;
  width: -webkit-calc(100% - 60px) !important;
  width: calc(100% - 60px) !important;
  min-width: 90px !important;
}
.tableauCompetence .tree-table .noteSaisie label.ui-selectonemenu-label {
  color: #00aeef;
}
.tableauCompetence .tree-table .noteSaisie .ui-selectonemenu-label {
  background: none;
  text-align: center;
}
.tableauCompetence .tree-table .noteSaisie {
  min-width: 57px;
  border: none !important;
  background: transparent !important;
}
.tableauCompetence .tree-table .noteSaisie .ui-selectonemenu-trigger {
  background: none;
}
.tableauCompetence .tree-table .all {
  width: 150px;
}
.tableauCompetence .tree-table .column--content {
  padding-top: 4px;
}
.tableauCompetence .tree-table .ui-sortable-column-icon {
  vertical-align: top;
  margin: -2px 0px -3px 2px;
}
.tableauCompetence .tree-table .ui-column-title {
  display: inline-block;
  max-width: 80%;
}
.tableauCompetence .tree-table .colDetail {
  width: 100px !important;
  background: green !important;
}
.tableauCompetence .tree-table .type-competence {
  background-color: #E8F6FF !important;
}
.tableauCompetence .tree-table .type-critere {
  background-color: #E3EED7 !important;
}
.tableauCompetence .tree-table .type-notation-critere {
  background-color: white;
}

/* FIN PAGES TABLEAU COMPETENCE (TableauCompetence.xhtml) */