/* CSS de toutes les pages informations des formations */

/* Définit l'image de fond du container Body */
.block-body
{
  background-color : white;
  background : url('../../img/topInformer.png') no-repeat;
  background-size: 1493px;
  margin-top : -15px;
  background-position-x: center;
}

/* Définit la police des formations */
.fontFormations
{
  font-family : 'Quicksand', sans-serif;
}

/* Permet de centrer et de gérer la couleur du titre */
.fontFormations .styleTitreFormation
{
  text-align : center;
  height : 150px;
  color : white;
}

/* Permet de changer le style de la police du titre Formations Details */
.titreMainFormationsDetails
{
  position : relative;
}

/* Permet d'ajouter une ligne blanche en dessous du titre Formations Details */
.ligneMainFormationsDetails
{
  width : 50px;
  text-align : center;
  position : absolute;
  border-bottom : 3px solid white;
  right : 50%;
  margin : 15px -25px 5px 0px;
}

/* Ajoute une marge entre le titre et le chemin de la page */
.fontFormations .marginPath
{
  margin-top : 95px;
  font-size : 13px;
}

/* Met la couleur de la police du lien du chemin en noir */
.fontFormations .lienAccueil, .fontFormations .lienFormations
{
  color : black;
}

/* Gère la position et la police de la page du chemin */
.marginPath .page
{
  color : #36636e;
  font-weight : bold;
  position : relative;
  border-bottom : 2px solid #386873;
}

/* Met une marge entre l'image et le chemin de la formation */
.marginImgFormation
{
  margin-top : 20px;
}

/* Gère la taille de l'image de la Formation */
.marginImgFormation .styleImgFormation
{
  width : 100%;
  height : 100%;
}

/* Met le texte en justifié ainsi qu'une marge entre le chemin et le texte */
.textFormation
{
  margin-top : 20px;
  text-align : left;
}

/***** CSS du Block Collapse Big Screen *****/

/* Met une marge entre le block image + description et les collapses */
.blockCollapseBigScreen, .blockCollapseSmallScreen
{
  margin-top : 20px;
}

/* Détermine la bordure des panels */
.blockCollapse .borderPanel
{
  border-bottom : 1px solid #aaaaaa;
}

/* Permet de cacher les débordements de texte */
.borderPanel .hideOverflow
{
  overflow : hidden;
}

/* Taille de police du titre du collapse */
.sizePolice
{
  font-size : 16px;
}

/* Taille de police du titre du collapse sur moyen écran */
.sizePolice115px
{
  font-size : 16px;
}

/* Apporte du style au titre du collapse */
.styleCollapse, .styleCollapse:hover, .styleCollapse:focus
{
  font-weight : bold;
  text-decoration : none;
  color : black;
  text-align : left;
}

/* Apporte du style au chevron du collapse */
.blockCollapseBigScreen .borderPanel .styleChevron, .blockCollapseSmallScreen .borderPanel .styleChevron
{
  margin-top : 15px;
  margin-right : 1px;
  color : #36636e;
  width : 18px;
  height : 9px;
}

/***** CSS du Block Agenda *****/

/* Ajoute une marge entre les collpses et l'agenda */
.blockAgenda
{
  margin-top : 20px;
}

/* Met le texte en gras */
.textBold
{
  font-weight : bold;
}

/* Permet de définir une marge entre le trait et le titre */
.marginLigne
{
  margin-top : -25px;
}

/* Définit le style du tableau des formations */
.blockAgenda .tableauFormations
{
  border : 1px solid lightgrey;
  border-radius : 5px;
  box-shadow: 1px 1px lightgrey;
  padding-bottom : 10px;
}

/* Permet de gérer la position de l'image du tableau des Formations */
.blockAgenda .tableauFormations .marginImgTableauFormations
{
  margin-top : 10px;
  text-align : center;
}

/* Style de la ligne de la formation finie */
.formationFinie
{
  width : 100%;
  font-size : 25px;
  background-color : #cccccc;
  opacity : 0.6;
  padding : 2px 0px 2px 0px;
  margin-top : 5px;
  border : 1px solid lightgrey;
  border-radius : 0px;
}

/* Style de la ligne de la formation disponible */
.formationDispo
{
  width : 100%;
  font-size : 25px;
  background-color : white;
  padding : 2px 0px 2px 0px;
  margin-top : 5px;
  border : 1px solid lightgrey;
  border-radius : 0px;
}

/* Définit la couleur de la formation VPH */
.vph
{
  border : 1px solid lightgrey;
  border-left : 5px solid green;
}

/* Définit la couleur de la formation PSDM */
.psdm
{
  border : 1px solid lightgrey;
  border-left : 5px solid orange;
}

/* Définit la couleur de la formation Lits */
.lits
{
  border : 1px solid lightgrey;
  border-left : 5px solid #6A5ACD;
}

/* Définit la couleur de la formation e-PSDM */
.tms
{
  border : 1px solid lightgrey;
  border-left : 5px solid rgb(181, 255, 255);
}

/* Définit la couleur de la formation FRM */
.frm
{
  border : 1px solid lightgrey;
  border-left : 5px solid #538ed5;
}

/* Définit la couleur de la formation FRE */
.fre
{
  border : 1px solid lightgrey;
  border-left : 5px solid #f7c5f7;
}

/* Définit la couleur de la formation SPORT */
.sport
{
  border : 1px solid lightgrey;
  border-left : 5px solid #A9F5A9;
}
/* Définit la couleur de la formation ATT */
.att
{
  border : 1px solid lightgrey;
  border-left : 5px solid #FED900;
}
/* Définit la couleur de la formation Nomenclature */
.nomen
{
  border : 1px solid lightgrey;
  border-left : 5px solid #E81123;
}
/* Définit la couleur de la formation Nomenclature pour les prescripteurs */
.presc
{
  border : 1px solid lightgrey;
  border-left : 5px solid #E84F10;
}

/* Style de la div qui contient la date */
.divCalendrier
{
  font-weight : bold;
  color : grey;
  margin-top : -8px;
}

/* Gere la taille et la police du jour de l'agenda */
.jourCalendrier
{
  font-size : 35px;
  width : 100%;
}

/* Gere la taille et la police du mois de l'agenda */
.moisCalendrier
{
  font-size : 19px;
  margin-top : -10px;
}

/* Gere la taille et la police du année de l'agenda */
.anneeCalendrier
{
  font-size : 17px;
  margin-top : -8px;
}

/* Met une marge au titre de la formation */
.marginLieu
{
  margin-top : 0px;
}

/* Met une marge au titre de la formation finie */
.marginLieuFinie
{
  margin-top : 0px;
  text-decoration: line-through;
}
.eventLieu {
  font-size: 17px;
  margin-top: -3px;
}
.eventBadge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
  margin-top: 3px;
  margin-left: 10px;
}
#collapsepresentation span
{
  color : #23527c !important;
  text-decoration: underline !important;
}

#collapseSmallpresentation span
{
  color : #23527c !important;
  text-decoration: underline !important;
}

/* Taille de l'image download */
.imgDownload
{
  width: 17px;
  margin-right : 5px;
}
a.btnElearning:hover, img.styleImgFormation:hover {
  opacity: 0.7;
}
div.bg-danger {
  padding: 10px;
}
@media (max-width: 767px) {
  .formationDispo, .formationFinie {
    font-size: 17px;
  }
}