/* 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;
}

/* 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 : auto;
}

/* 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;
}

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

/* Met une marge au titre de la formation finie */
.marginLieuFinie
{
    margin-top : 15px;
    text-decoration: line-through;
}

#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;
}