/* CSS dela page aPropos1 & Recherches */

/* Définit l'image de fond du container Body */
.block-body
{
    background-color : white;
    background : url('../../img/topTestsLabos.png') no-repeat;
    background-size: 1493px;
    margin-top : -15px;
    background-position-x: center;
    color : black;
}
/* Police de la page s'informer */
.policeaPropos
{
    font-family : 'Quicksand', sans-serif;
}

/* Définit le style du titre des Formations */
.policeaPropos .titreaPropos
{
    text-align : center;
    height : 150px;
    color : white;
}

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

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

/* Définit les marges du chemin de la page */
.policeaPropos .marginPath
{
    margin-top : 95px;
    margin-bottom : 20px;
}

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

/* Définit le style du nom de Page où on est */
.page
{
    color : #36636e;
    font-weight : bold;
    position : relative;
    border-bottom : 2px solid #386873;
}

/* Positionne la ligne sous le chemin du nom Information ERP de la page */
.ligneaPropos
{
    position : absolute;
    bottom : 0;
    left : 0;
    margin-bottom : -2px;
    width : 138px;
    height : 2px;
}

/* Permet d'ajouter du style au titre agenda des evenements */
.titreProjets
{
    font-weight : bold;
    margin-bottom : 20px;
    position : relative;
}
.titreProjet {
    text-align: center;
    margin: -10px auto 20px auto;
}
/* Définit l'espace entre la ligne du titre et le titre */
.ligneProjets
{
    width : 45px;
    text-align : center;
    position : absolute;
    border-bottom : 3px solid #386873;
    left : 0;
    margin-top : -15px;
    margin-left : 15px;
    margin-bottom: 35px;
}

/* Enlève le padding */
.noToPadding
{
    padding-left : 10px;
    padding-right : 10px;
}

.noToPadding img
{
    margin-top : 20px;
    max-width : 300px;
}
.adaptedInfo img
{
    white-space : normal;
    margin-top : 0px;
}
/***** 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;
}
.ligneProjet {
    border-bottom: 1px solid #eee;
    position: relative;
    margin: -5px auto 10px auto;
}

/*
  body {
    margin: 0;
    padding: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
  }*/

.container-adresse {
    display: flex;
    width: 100%;
    max-width: 1200px;
    min-height : 450px;
    position: relative;
}

.box-adresse {
    height: 160px;
    border-color: white;
    border-width: 5px;
    border-radius: 10px;
    border-style: solid;
    position: relative;
    color : white;
    text-align: center;
    margin : 5px;

}

.box-adresse:first-child,
.box-adresse:last-child {
    width: 50%;
    position: absolute;
    z-index: 2;
}

.box-adresse:nth-child(2) {
    width: calc(90% - 40px);
    margin: 0 5%;
    position: absolute;
    z-index: 1;
    top: 130px; /* Position the second box 140px from the top */

}

.box-adresse:nth-child(3) {
    width: 50%;
    position: absolute;
    margin-right: 20px;
    z-index: 2;
    top: 260px; /* Position the third box 280px from the top */
    right : 20px;
}

.box-adresse:nth-child(1) {
    background-color: #117a9d;
}

.box-adresse:nth-child(2) {
    background-color: #98FB98;
}

.box-adresse:nth-child(3) {
    background-color: #0f809d;
}
.une{
    background-color: #0f809d;
    color: white;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 5px solid white;
}
.une-add-bas,une-add-haut {
    text-align: center;
    z-index: 2
}

.une-add-image {
    z-index: 1;
    top : -50px;
}
.une-add-bas {
    top : -100px;
}

/* Déclaration sur les liens des Menus au hover en dessous de 992px*/
@media (max-width : 767px)
{
    /* Enlève le padding */
    .noToPadding
    {
        padding-left : 0px;
        padding-right : 0px;
    }
    .une-add-image {
        top : 0px;
    }
    .une-add-bas {
        top : 0px;
    }

}