.suggestionrecherche{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
}

.suggestionrecherche p{
    width: max-content;
    height: min-content;
}

.titlerecherche{
    color: black;
}

.articlerecherche{
    border: 1px groove rgb(192 190 190);
    border-radius:10px;
    margin: 5px;
    display: flex; 
    flex-direction: row;
}


.articlerecherche:hover .titlerecherche{
    color: #6199b2;
}
.articlerecherche:hover .html{
    color:black;
}


.articlerecherche .date{
    display:flex;
    gap: 10px;
    color: #6199b2;
    font-weight:700;
}

.articlerecherche .html{
    font-weight:400;
    color:black;
}

.imagerecherche {
    max-height: 100%;                        
    max-width: 200px;
    min-width: 180px
    
}

.titlerecherche{
    color: black;
    font-weight: 750;
}

.articlerecherche .header1{
    display: flex;
    flex-direction: row;
    align-items:center;
    padding: 10px;
}

.articlerecherche .header2{
    padding: 10px;
}