#header {
    margin-top : 20px;
}

#header h1 {
    font-family: var(--policeTitre);
    font-style: normal;
    font-weight: var(--font-semi-bold);
    font-size: 32px;
    line-height: 39px;
    color: black;
    margin-bottom: 20px;
}

section#header {
    margin-top: 20px;
    margin-bottom: 20px;
}

.sepTitle {
    height: 0px;
    width: 60%;
    border : 2px solid var(--secondary);
    border-radius: 5px;
    background-color: var(--secondary);
}

.rowLogo > a {
    margin-top: 60px;
}

.rowLogo > div {
    height:300px;
    width: auto;
}

.rowLogo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.rowLogo {
    margin-bottom: 20px;
}

.linkForm {
    position: relative;
    height:300px;
    max-width: 300px;
    width: 100%;
}

.img-responsive {
    width: 100%;
    height: auto;
    object-fit: cover;
}


.hover {
    border: 2px solid white;
    background-color: rgba(29, 27, 27, 0.797);
    position: absolute;
    top:0px;
    left:0px;
    height:300px;
    width: 300px;
    display: none;
    color:white;
    padding: 10%;
}

.contTitreHover {
    position: relative;
    border: 2px solid white;
    height: 100%;
    padding : 5px;
}

.contTitreHover > a {
    position: absolute;
    bottom: 3px;
    left:0;
    width: 236px!important;

    text-decoration: none;
    color:white;
}

.linkForm:hover .hover {
    display: block;
}

.linkForm:hover img{
    object-fit: cover;
}

footer {
    position: relative;
    background-color: white;
    color: black!important;;
    position: static;
    font-size: 13px;
    background-color: transparent;
    width: 100%;
    padding-left: 12px;
}

footer  a:active {
    color: black;
    text-decoration: none;
}

footer  a, footer  span {
    color: black;
    text-decoration: none;
}

.contText {
    height: 100%;
}

.fond {
    position: relative;
    background-size: cover;
    min-height: calc(100% - 76px - 59px);
}

.presentationForm .divText{
    position: absolute;
    bottom: 23px;
    top:229px;
    left:149px;
    height: auto;
    width: 356px;
    background-color: var(--secondary);
    border:transparent;
    padding-left: 10px;
    padding-right: 10px;
    text-align: justify;
    overflow-y: auto;
    overflow-x: hidden;
}

.presentation > .sepTitle {
    border : 1px solid var(--grey)!important;
    background-color: var(--grey)!important;
    width: 60%;
}

.divInfoPresentation {
    margin-bottom:20px ;
    font-family: var(--policeTitre);
    font-style: normal;
    font-weight: var(--font-normal);
    font-size: 12px;
    line-height: 15px;
    color: #137C8B;
}

.divTextePresentation {
    font-family: var(--policeTexte);
    font-style: normal;
    font-weight: var(--font-normal);
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

@media (max-width:576px) {
    .presentationForm .divText {
        width: auto;
        top: 20px!important;
        bottom: 20px!important;
        left: 20px!important;
        right: 40px!important;
        height: auto;
        width: auto;
    }
}