body {
	background-color: #F7FCF7;
}



/* Styles pour la mise en page des avis */
.avis-container {
    display: flex;
    flex-direction: row; /* Alignement horizontal */
    align-items: center; /* Centrer verticalement */
    margin-bottom: 20px; /* Espace en bas du container */
}

.avis-item {
    width: 40%; /* Réduire la largeur des paragraphes */
    text-align: center; /* Centrer le texte à l'intérieur des paragraphes */
    margin-left: 20px; /* Espace à gauche du paragraphe */
}

.logo-google {
    width: 150px; /* Ajustez la largeur du logo */
    height: 150px; /* Ajustez la hauteur du logo */
    margin-right: 20px; /* Espace entre le logo et les avis */
    margin-left: 50px; /* Espace à gauche du logo */
}

.avis-item:last-child {
    margin-right: 50px; /* Espace à droite du dernier paragraphe */
}

/* Ajoutez ici d'autres styles CSS personnalisés si nécessaire */

/* Media queries pour les écrans plus petits */
@media screen and (max-width: 768px) {
    .avis-container {
        flex-direction: column; /* Passer à un alignement vertical */
    }

    .avis-item {
        width: 100%; /* Les paragraphes prennent toute la largeur sur les petits écrans */
        margin-left: 0; /* Aucune marge à gauche sur les petits écrans */
        margin-right: 0; /* Aucune marge à droite sur les petits écrans */
    }

    .logo-google {
        margin-left: 0; /* Aucune marge à gauche sur les petits écrans */
        margin-right: 0; /* Aucune marge à droite sur les petits écrans */
        margin-bottom: 20px; /* Ajout d'un espace en bas du logo sur les petits écrans */
    }

    .avis-item:last-child {
        margin-right: 0; /* Aucune marge à droite du dernier paragraphe sur les petits écrans */
    }
}