body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

        .faq-container {
            max-width: 800px;
            margin: 50px auto;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 5px;
        }

        h2 {
            text-align: center;
        }

        .accordion-item {
            border-bottom: 1px solid #ccc;
        }

        .accordion-title {
            display: block;
            padding: 2px 20px;
            cursor: pointer;
            background-color: red; /* Bouton orange */
            color: #fff; /* Texte blanc */
            border-radius: 5px; /* Coins arrondis */
            transition: background-color 0.3s ease; /* Transition de couleur */
        }



.accordion-title2 {
            display: block;
            padding: 2px 20px;
            cursor: pointer;
            background-color: orange; /* Bouton orange */
            color: #fff; /* Texte blanc */
            border-radius: 5px; /* Coins arrondis */
            transition: background-color 0.3s ease; /* Transition de couleur */
        }


.accordion-title3 {
            display: block;
            padding: 2px 20px;
            cursor: pointer;
            background-color: green; /* Bouton orange */
            color: #fff; /* Texte blanc */
            border-radius: 5px; /* Coins arrondis */
            transition: background-color 0.3s ease; /* Transition de couleur */
        }




        .accordion-title:hover {
            background-color: #red; /* Couleur de survol */
        }


  .accordion-title2:hover {
            background-color: #orange; /* Couleur de survol */
        }


  .accordion-title3:hover {
            background-color: #green; /* Couleur de survol */
        }



        .accordion-content {
            padding: 0 20px;
            display: none;
        }

        .accordion-item.active .accordion-content {
            display: block;
        }