.elementor-2083 .elementor-element.elementor-element-42e6c53{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-97e4280 *//* Plan du site - Style Smicotom */
.plan-du-site-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    font-family: inherit;
}

/* Supprime les styles par défaut */
.plan-du-site-list,
.plan-du-site-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Items niveau 1 */
.plan-du-site-list > li {
    border-left: 3px solid #8cc63f;
    margin-bottom: 6px;
    transition: border-color 0.2s ease;
}

.plan-du-site-list > li:hover {
    border-left-color: #0f6e56;
}

/* Liens niveau 1 */
.plan-du-site-list > li > a {
    display: block;
    padding: 10px 16px;
    color: #0f6e56;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}

.plan-du-site-list > li > a:hover {
    background: #f0f9ed;
    color: #0f6e56;
    padding-left: 22px;
}

.plan-du-site-list > li > a:active,
.plan-du-site-list > li.current-menu-item > a {
    background: #0f6e56;
    color: #ffffff;
}

/* Sous-menus niveau 2 */
.plan-du-site-list > li > ul {
    margin: 4px 0 8px 16px;
    border-left: 2px solid #e0f0d8;
}

.plan-du-site-list > li > ul > li {
    margin: 2px 0;
}

.plan-du-site-list > li > ul > li > a {
    display: block;
    padding: 7px 16px;
    color: #444;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
    border-radius: 4px;
}

.plan-du-site-list > li > ul > li > a:hover {
    background: #e8f5e2;
    color: #0f6e56;
    padding-left: 22px;
}

.plan-du-site-list > li > ul > li > a:active,
.plan-du-site-list > li > ul > li.current-menu-item > a {
    background: #8cc63f;
    color: #ffffff;
}

/* Niveau 3 si besoin */
.plan-du-site-list > li > ul > li > ul {
    margin: 4px 0 4px 16px;
    border-left: 2px dashed #c8e6b8;
}

.plan-du-site-list > li > ul > li > ul > li > a {
    display: block;
    padding: 6px 14px;
    color: #666;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s ease, padding-left 0.2s ease;
}

.plan-du-site-list > li > ul > li > ul > li > a:hover {
    color: #0f6e56;
    padding-left: 20px;
}/* End custom CSS */