body {
    font-family: Arial, "Times New Roman", sans-serif;
    width: 100vw;
    background: rgba(31,31,31,1);
    background: linear-gradient(90deg, rgba(85, 153, 63, 1) 0%, rgba(25,45,18,1) 15%, rgba(31,31,31,1) 50%, rgba(25,45,18,1)  85%, rgba(85, 153, 63, 1) 100%); 
    }

    #parent {

        display: grid;
        grid-template-columns: repeat(5, 1fr);
        /*horizontal*/
    
        grid-template-rows: 0.5fr  0,6fr ;
        /*vertical*/
    
        grid-column-gap: 0px;
    
        grid-row-gap: 0px;
        
        }
    
        #banniere {
            grid-area: 2 / 1 / 3 / 6; }
    
        #recherche { grid-area: 2 / 3 / 3 / 4;
                    margin-top: 10vw; }


    .imageRubrique {
        width: auto;
        height: 30vh;
        object-fit: cover;
    }