/*
Theme Name: Divi Child
Theme URI: https://diviextended.com/
Version: 1.0
Description: Child Theme of Divi
Author: Solution ifnromatique
Template: Divi
*/

@import url("../Divi/style.css");
@import url("style/special_accueil.css");
@import url("style/special_menu.css");
@import url("style/special_souspage.css");
@import url("style/special_footer.css");
@import url("style/special_contact.css");
@import url("style/special_ma_commune.css");
@import url("style/special_reservation.css");
@import url("style/special_vivrecoeuve.css");
@import url("style/special_societe.css");
@import url("style/special_guichet.css");

/* STYLE GÉNÉRAL SCOPÉ AU CONTENEUR PRINCIPAL 
body:not(.et-fb):not(.lwp_post_carousel_item_inner) #page-container {
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

body:not(.et-fb):not(.lwp_post_carousel_item_inner):not(.lwp_post_carousel_item_inner) #page-container #main-content h1,
body:not(.et-fb):not(.lwp_post_carousel_item_inner) body:not(.et_pb_slide_title) #page-container #main-content h2,
body:not(.et-fb):not(.lwp_post_carousel_item_inner) #page-container #main-content h3,
body:not(.et-fb):not(.lwp_post_carousel_item_inner) #page-container #main-content h4 {
    line-height: 1.2 !important;
}

body:not(.et-fb):not(.lwp_post_carousel_item_inner) #page-container #main-content h1 {
    font-size: clamp(2rem, 5vw, 3rem) !important;
}

body:not(.et-fb):not(.lwp_post_carousel_item_inner) body:not(.et_pb_slide_title) #page-container #main-content h2 {
    font-size: clamp(1.5rem, 4vw, 2.25rem) !important;
}

body:not(.et-fb):not(.lwp_post_carousel_item_inner) #page-container #main-content h3 {
    font-size: clamp(1.25rem, 3vw, 1.75rem) !important;
}

body:not(.et-fb):not(.lwp_post_carousel_item_inner) #page-container #main-content h4 {
    font-size: clamp(1.125rem, 2.5vw, 1.5rem) !important;
}

body:not(.et-fb) body:not(.lwp_post_carousel_item_inner) #page-container #main-content p {
    font-size: 1rem !important;
    max-width: 65ch !important;
}

body:not(.et-fb):not(.lwp_post_carousel_item_inner) body:not(.breadcrumbs) #page-container #main-content a {
    color: #0597f2 !important;
    text-decoration: none !important;
    transition: color 0.2s ease-in-out !important;
}

body:not(.et-fb) body:not(.lwp_post_carousel_item_inner) body:not(.breadcrumbs) #page-container #main-content a:hover,
body:not(.et-fb) body:not(.lwp_post_carousel_item_inner) body:not(.breadcrumbs) #page-container #main-content a:focus {
    color: #0597f2 !important;
    text-decoration: underline !important;
}
 */

body #page-container #main-content p,
body #page-container #main-content p span,
body #page-container #main-content .lwp_post_carousel_excerpt {
    font-size: clamp(0.9rem, 1.5vw, 0.95rem) !important;
    /*text-align: justify;*/
    font-weight: 300;
    letter-spacing: -0.02rem;
    text-align: left;
    color: #698296;
    line-height: 1.2em !important;
    padding-bottom: 1em;
}

body #page-container #main-content .et_pb_text_inner h1 {
    font-size: clamp(1.8rem, 3.8vw, 2rem) !important;
    font-weight: 500;
    letter-spacing: -0.15rem;
    padding: 0px;
    color: #00335e !important;
    margin-bottom: 25px !important;
}

body #page-container #main-content .et_pb_text_inner h1:after {
    background-color: #008CFF;
    border-radius: 0.15rem;
    content: '';
    display: block;
    height: 0.3rem;
    width: 120px;
    margin-top: 0.5rem;
}

body #page-container #main-content .section.bleu .et_pb_text_inner h1:after {
    background-color: #008CFF;
}

body #page-container #main-content .section.jaune .et_pb_text_inner h1:after {
    background-color: #FFDB00;
}

body #page-container #main-content .et_pb_module h2,
body #page-container #main-content .et_pb_module h2 a {
    font-size: clamp(1.5rem, 3vw, 1.5rem) !important;
    font-weight: 500;
    letter-spacing: -0.1rem;
    padding: 0px;
    color: #00335e !important;
    margin-bottom: 25px !important;
    margin-top: 20px;
}

body #page-container #main-content .et_pb_module h3,
body #page-container #main-content .et_pb_module h3 a {
    font-size: clamp(1.2rem, 1.5vw, 1.3rem) !important;
    font-weight: 500;
    letter-spacing: -0.1rem;
    padding: 0px;
    color: #00335e !important;
    margin: 0.5rem 0;
}

body #page-container #main-content .et_pb_button {
    border-radius: 10px !important;
}

body #page-container #main-content .section.bleu {
    background-color: #F2F8FD !important;
}

body #page-container #main-content .section.jaune {
    background-color: #F8F8F4 !important;
}

/*Tableau*/
body #page-container #main-content table {
    border: 0px transparent;
    margin-bottom: 25px;
}

body #page-container #main-content tr td {
    font-size: clamp(0.9rem, 1.5vw, 0.95rem) !important;
    /*text-align: justify;*/
    font-weight: 300;
    letter-spacing: -0.02rem;
    text-align: left;
    color: #698296 !important;
    line-height: 1.2em !important;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-left: 1em;
}

body #page-container #main-content tr:nth-child(odd) td {
    background-color: #f2f8fd;
}

/*liste à puce*/

a.ext-tab-wrap {
    position: relative;
}

a.ext-tab-wrap .ext-tab-icon {
    display: inline-block;
    line-height: 1;
    opacity: 0.6;
    /* discrétion */
}

a.ext-tab-wrap .ext-tab-icon svg {
    width: 0.85em;
    /* plus petit */
    height: 0.85em;
}

body #page-container #main-content ul,
body #page-container #main-content ol {
    font-size: clamp(0.9rem, 1.5vw, 0.95rem) !important;
    font-weight: 300;
    letter-spacing: -0.02rem;
    margin-left: 15px;
}

body #page-container #main-content ol {
    list-style-position: outside;
    /* garde les numéros à gauche */
    padding-left: 1.8em;
    /* espace avant le texte */
    margin-left: 0;
    /* annule un éventuel décalage par défaut */
}

body #page-container #main-content ol li {
    margin-bottom: 0.6em;
    /* espace entre chaque étape */
    text-indent: 0;
    /* empêche le retrait de la 2ème ligne */
}

/*icon lien externe*/
body #page-container #main-content p span.ext-tab-icon {
    padding-bottom: 0px;
}

.bt-reservation span.ext-tab-icon {
    transform: translate(85px, 23px);
}

.bt-reservation.dechet span.ext-tab-icon {
    transform: translate(183px, 23px);
}

.bt-reservation.ecole span.ext-tab-icon {
    transform: translate(157px, 23px);
}

.et-l.et-l--footer #menu-menu-pied-page {
    flex-direction: column !important;
}