/* Styles pour l'editeur TinyMCE */
        .accordeon-editeur {
            /* border: 2px dashed #4CAF50; */
            /* padding: 15px; */
            /* margin: 10px 0; */
            /* background-color: #f0f9f0; */
        }
        
        .accordeon-editeur-titre {
            font-weight: bold;
            color: #fff;
            margin-bottom: 10px;
        }
        
        .section-accordeon-editeur {
            /* border: 1px solid #81c784; */
            padding: 5px 0px;
            margin: 5px 0;
            /* background-color: white; */
        }
        
        .section-accordeon-editeur-titre {
            font-weight: bold;
            color: #fff;
            /* border-bottom: 1px solid #c8e6c9; */
            padding-bottom: 5px;
            /* margin-bottom: 5px; */
        }

        /* Styles pour l'accordeon sur le site final */
        .accordeon-conteneur {
            /* border: 1px solid #ddd;
            border-radius: 4px; */
            /* margin: 10px 0; */
        }
        
        .accordeon-section {
            /* border-bottom: 1px solid #ddd; */
        }
        
        .accordeon-section:last-child {
            border-bottom: none;
        }
        
        .accordeon-titre {
            padding: 7px;
            background-color: #2ab7ae;
            cursor: pointer;
            user-select: none;
            position: relative;
            transition: background-color 0.3s;
        }
        
        .accordeon-titre:hover {
            background-color: #239d95;
        }
        
        .accordeon-titre::after {
            content: '+';
            position: absolute;
            right: 15px;
            font-size: 20px;
            font-weight: bold;
            transition: transform 0.3s;
        }
        
        .accordeon-titre.actif::after {
            content: '-';
        }
        
        .accordeon-contenu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        
        .accordeon-contenu.ouvert {
            max-height: 2000px;
            transition: max-height 0.5s ease-in;
        }
        
        .accordeon-contenu-inner {
            padding: 5px 0px;
        }

        /* Demo page styles */
        body {
            font-family: Arial, sans-serif;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .demo-section {
            margin: 30px 0;
            padding: 20px;
            background-color: #f9f9f9;
            border-radius: 8px;
        }
        
        h2 {
            color: #333;
            border-bottom: 2px solid #4CAF50;
            padding-bottom: 10px;
        }