#demarches {
    display:flex;
    gap:32px;
    flex-wrap:wrap;
}

.demarche {
    display:flex;
    text-decoration:none;
    width: calc(50% - 32px);
}

.demarche:hover {

}

.demarche:hover .demarche_content{
    background-color:#f3f3f3;
}

.demarche_photo {
    flex:1;
    height: 100%;
    max-height: 100px;
    background-color:#eee;
    background-image:url('../assets/logos/logo-header.png');
    background-position:center;
    background-size:40%;
    background-repeat:no-repeat;
    overflow:hidden;   
    
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;    
}

.demarche_photo img {
    position: relative;

    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow:hidden;
    object-position:center;    
    scale: 1;
    transition: 0.2s; 
    
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;   
}


.demarche_content {
    flex:2;
    position:relative;
    background-color:#f0f0f0;
    padding:16px;
    display:flex;
    
    flex-direction:column;
    justify-content: center;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;     
}

.demarche_content h2 {
    font-size:20px;
    color:#000;
    margin:0;
    padding:0;
}

@media (max-width: 1100px) {
    #demarches {
        flex-direction:column;
    }
    .demarche {
        width: 100%;
    }
}