.section-grille {padding: 40px 20px 50px;}
.section-grille .grille-container {flex-wrap: wrap; border: 14px solid #fff;}
.section-grille .container-top {width: 100%; row-gap: 30px; padding: 20px; border-bottom: 14px solid #fff; align-items: center; background-color: var(--bleu-fonce); flex-direction: column;}
.section-grille .container-top .container-top-logo {width: 100%;}
.section-grille .container-top .container-top-logo img {max-width: 300px; display: block; margin: auto;}
.section-grille .container-top .container-top-text {flex: 1;}
.section-grille .container-top .container-top-text h2 {font-weight: 500; max-width: 80%;}
.section-grille .container-top .container-top-text h2 strong {font-weight: 800; display: block;}
.section-grille .container-bottom-left, .section-grille .container-bottom-right {padding: 20px; flex-direction: column; width: 100%; justify-content: flex-end; background-size: cover; background-repeat: no-repeat;}
.section-grille .container-bottom-left h2, .section-grille .container-bottom-right h2 {text-transform: none; font-weight: 600; margin-bottom: auto;}
.section-grille .container-bottom-left p:first-of-type, .section-grille .container-bottom-right p:first-of-type {margin-top: 20px;} 
.section-grille .container-bottom-left .btn-light, .section-grille .container-bottom-right .btn-light {border-color: #fff;}
.section-grille .container-bottom-left {border-bottom: 7px solid #fff; background-image: linear-gradient(0deg, rgba(13, 37, 106, 0.85), rgba(13, 37, 106, 0.85)), url("https://www.futurall.fr/wp-content/uploads/2024/04/concessionnaires-futurall.jpg");}
.section-grille .container-bottom-right {border-top: 7px solid #fff; background-image: linear-gradient(0deg, rgba(13, 37, 106, 0.85), rgba(13, 37, 106, 0.85)), url("https://www.futurall.fr/wp-content/uploads/2024/04/ecf-moto-ecole.jpg");  }



@media (min-width: 768px) {


}

@media (min-width: 1025px) {
    .section-grille {padding: 60px 20px 80px;}
    .section-grille .container-top .container-top-logo {width: 40%;}
    .section-grille .container-top {column-gap: 80px; padding: 60px; flex-direction: row;}
    .section-grille .container-bottom-left, .section-grille .container-bottom-right {flex: 1; width: 50%; padding: 80px 30px 20px;}
    .section-grille .container-bottom-left {border-right: 7px solid #fff; border-bottom: none;}
    .section-grille .container-bottom-right {border-left: 7px solid #fff; border-top: none;}
}

@media (min-width: 1400px) {
    .section-grille {padding: 60px 0 80px;}
    .section-grille .container-bottom-left h2, .section-grille .container-bottom-right h2 {font-size: 25px;}
}