
<style> 
    * {
        padding: 0px;
        margin: 0px;
    }

    body {
        padding: 0px;
        margin: 0px;
    }

	  .review { 
		width: 550px;
        height: auto;
		font-family: sans-serif; 
		background-color: #fff; /* Couleur de fond noire */
		color: #000; /* Couleur du texte blanc */
		border-radius: 10px; /* Rayon de la bordure arrondie */
		margin-bottom: 20px; /* Marge en bas de chaque boîte */
		font-size: 12px;
		float: left; 
		padding-right: 10px; 
		padding-bottom: 10px;
	  } 

    .review-section {
        height: auto;
        font-family: Montserrat, sans-serif;
    }

    .indi-review {
        padding-top:     5px;
        padding-bottom: 20px;
        padding-right:  20px;
        padding-left:   20px;
        margin-top:      5px;
        margin-bottom:  20px;
        margin-left:    20px;
        margin-right:   50px;
        font-family: Montserrat, sans-serif;
        font-size: 15px;
        width: 400px;
        height: auto;
        background-color: #222; /* Couleur de fond noire */
        color: #bbb; /* Couleur du texte blanc */
        border-radius: 20px;
        box-shadow: 0 14px 28px rgba(0,0,0,0.4), 0 10px 10px rgba(0,0,0,0.4);
    }

    .indi-review p {
        font-size: 15px;
        margin-bottom: 2px;
    }

    .indi-review h1 {
        font-size: 15px;
        margin-top: 12px;
        margin-bottom: 5px;
    }

    .indi-review h2 {
        font-size: 15px;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 1px;
    }

   .indi-review a {
        text-color: #2bb; /* Couleur du texte */ 
    }

    .stars {
        float: left; 
        color: #f2b01e;
        font-size: 20px;
        text-align: left;
        padding-right: 10px;
        padding-top: 2px;
    }
    
    .google-logo {
        align: right;
        width: 15px; 
        padding-right: 10px;
        padding-bottom: 5px;
    }

    .top-box {
        padding-right: 10px;
        padding-bottom: 0px;
    }

    .author-container {
        display: flex;
        align-items: center; /* Aligne le contenu verticalement au centre */
    }

	.avatar { 
		float: left; 
		width: 25px; 
		padding-top: 10px; 
		padding-right: 10px; 
		padding-bottom: 2px;
	}

   .author-name {
        margin-right: 5px; /* Ajustez la marge entre le nom et le badge selon vos besoins */
		font-size: 15px;
    }

    .verified-badge {
        width: 10px;
        height: 10px;
        padding-left: 3px;
        padding-bottom: 15px;
    }

    .author-container:hover .verified-badge {
        opacity: 1;
    }
	
	
/* ################################################################################################# */

        .slider {
            width: 500px;
			height: 300px;
            overflow: hidden;
        }

        .slides {
            display: flex;
            transition: transform 0.1s ease-in-out;
        }

        .slide {
            min-width: 110%;
            box-sizing: border-box;
        }


</style>

