.elementor-kit-7{--e-global-color-primary:#7A0026;--e-global-color-secondary:#C5A46D;--e-global-color-text:#1C2A39;--e-global-color-accent:#F5F2EC;--e-global-color-a58995b:#FFFFFF;--e-global-typography-primary-font-family:"tt-commons-pro";--e-global-typography-primary-font-size:6.4rem;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"tt-commons-pro";--e-global-typography-secondary-font-size:5.5rem;--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"tt-commons-pro";--e-global-typography-text-font-size:2.6rem;--e-global-typography-text-font-weight:600;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-family:"tt-commons-pro";--e-global-typography-accent-font-size:2rem;--e-global-typography-accent-font-weight:300;--e-global-typography-accent-line-height:1.5em;--e-global-typography-b46625e-font-family:"Organetto";--e-global-typography-b46625e-font-size:1.75rem;--e-global-typography-b46625e-text-transform:uppercase;--e-global-typography-b46625e-line-height:1.5em;--e-global-typography-b46625e-letter-spacing:0.17em;--e-global-typography-4c588a0-font-family:"tt-commons-pro";--e-global-typography-4c588a0-font-size:2.4rem;--e-global-typography-4c588a0-font-weight:300;--e-global-typography-61d7405-font-family:"tt-commons-pro";--e-global-typography-61d7405-font-size:2rem;--e-global-typography-61d7405-font-weight:300;--e-global-typography-61d7405-line-height:1.5em;font-family:var( --e-global-typography-61d7405-font-family ), Sans-serif;font-size:var( --e-global-typography-61d7405-font-size );font-weight:var( --e-global-typography-61d7405-font-weight );line-height:var( --e-global-typography-61d7405-line-height );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:1rem;}.elementor-kit-7 a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-61d7405-font-family ), Sans-serif;font-size:var( --e-global-typography-61d7405-font-size );font-weight:var( --e-global-typography-61d7405-font-weight );line-height:var( --e-global-typography-61d7405-line-height );}.elementor-kit-7 a:hover{color:var( --e-global-color-primary );}.elementor-kit-7 h1{font-family:"tt-commons-pro", Sans-serif;font-size:6.4rem;font-weight:300;line-height:1.2em;}.elementor-kit-7 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-7 h3{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{font-size:var( --e-global-typography-61d7405-font-size );line-height:var( --e-global-typography-61d7405-line-height );}.elementor-kit-7 a{font-size:var( --e-global-typography-61d7405-font-size );line-height:var( --e-global-typography-61d7405-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:5rem;--e-global-typography-secondary-font-size:4.1rem;--e-global-typography-4c588a0-font-size:2.2rem;--e-global-typography-4c588a0-line-height:1.5em;--e-global-typography-61d7405-font-size:1.8rem;font-size:var( --e-global-typography-61d7405-font-size );line-height:var( --e-global-typography-61d7405-line-height );}.elementor-kit-7 a{font-size:var( --e-global-typography-61d7405-font-size );line-height:var( --e-global-typography-61d7405-line-height );}.elementor-kit-7 h1{font-size:5rem;}.elementor-kit-7 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//*******************************************
 * FRAMEWORK CSS INTUIVE
 * Version : 0.2 (23/01/2026)
/*******************************************/

:root {
    /* --- CONFIGURATION DES MARGES LATÉRALES --- */
    --side-margin-desktop: 80px;
    --side-margin-tablet: 40px;
    --side-margin-mobile: 20px;

    /* --- CONFIGURATION DES PADDINGS VERTICAUX --- */
    --padding-XS: 4rem;
    --padding-S: 10rem;
    --padding-M: 12rem;
    --padding-L: 12.8rem;
    --padding-XL: 16rem;
}

/* 1. BASE TYPO : Force 1rem = 10px (Accessibilité & calcul simplifié) */
html {
    font-size: 62.5%;
}

/* 2. AUTOMATISATION DE LA GRILLE : Applique la respiration latérale aux sections parents */
.elementor .e-con.e-parent {
    padding-left: var(--side-margin-desktop) !important;
    padding-right: var(--side-margin-desktop) !important;
}

/* 3. CLASSES UTILITAIRES : Paddings verticaux de sections (S, M, L) */
.section-XS { 
    padding-top: var(--padding-XS) !important; 
    padding-bottom: var(--padding-XS) !important; 
}
.section-S { 
    padding-top: var(--padding-S) !important; 
    padding-bottom: var(--padding-S) !important; 
}
.section-M { 
    padding-top: var(--padding-M) !important; 
    padding-bottom: var(--padding-M) !important; 
}
.section-L { 
    padding-top: var(--padding-L) !important; 
    padding-bottom: var(--padding-L) !important; 
}
.section-XL { 
    padding-top: var(--padding-XL) !important; 
    padding-bottom: var(--padding-XL) !important; 
}

/* 4. RESPONSIVE : Ajustement automatique des marges et réductions des paddings */
@media (max-width: 1024px) {
    /* Tablette */
    .elementor .e-con.e-parent {
        padding-left: var(--side-margin-tablet) !important;
        padding-right: var(--side-margin-tablet) !important;
    }
}

@media (max-width: 767px) {
    /* Mobile */
    .elementor .e-con.e-parent {
        padding-left: var(--side-margin-mobile) !important;
        padding-right: var(--side-margin-mobile) !important;
    }
    /* Réduction automatique de 50% des paddings de section sur mobile */
    .section-S, .section-M, .section-L {
        padding-top: calc(var(--padding-S) / 1.5) !important;
        padding-bottom: calc(var(--padding-S) / 1.5) !important;
    }
}

/* 5. EXCEPTIONS : Supprime les marges pour le contenu en bord perdu */
.elementor .e-con.e-parent.full-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*******************************************
 * SPECIFIQUE AU PROJET
 * (Ajouter le code sur-mesure ci-dessous)
 /*****************************************/
 
/*
*
SECTION
*
*/

/* Fond décalé */
.background-cut::before {
    content: "";
    position: absolute;
    max-width: 90%;
    left: 0;
    background-color: var(--e-global-color-accent)!important;
    z-index: 0;
}
.background-cut-S::before {
    content: "";
    position: absolute;
    max-width: 75%;
    left: 0;
    background-color: var(--e-global-color-accent)!important;
    z-index: 0;
}

@media (max-width:1280px) {
    .background-cut-S::before {
        max-width: 90vw;
    }
    .background-cut-M::before {
        content: "";
        position: absolute;
        max-width: 85%;
        left: 0;
        background-color: var(--e-global-color-accent)!important;
        z-index: 0;
    }
} /* <-- Il manquait cette accolade ! */

@media (max-width:768px) {
    .background-cut-M::before {
        max-width: 90%;
    }
}

/*
*
TYPOGRAPHIES
*
*/

p {
    margin-block-end: 0rem!important;
}

/* Style automatique de tous les liens dans les textes */
p a {
    text-decoration: underline !important;
    text-decoration-color: color-mix(in srgb, var(--e-global-color-secondary) 40%, transparent) !important; 
    text-underline-offset: 4px; 
    text-decoration-thickness: 1px; /* Affine le trait */
    transition: all 0.3s ease;
}


p a:hover {
    text-decoration: none !important;
}

/* Correction si quelqu'un utilise le bouton "Souligné" <u> par erreur autour d'un lien */
u {
    text-decoration-color: var(--e-global-color-secondary);
}

/*
*
TAILLES
*
*/

/* Block */
.width-S { max-width: 25rem!important;}
.width-M { max-width: 38rem!important;}
.width-L { max-width: 60rem!important;}
.width-XL { max-width: 80rem!important;}

@media (max-width: 1280px) {
    .width-XL { max-width: 80vw!important;}
}

.width-XXL { max-width: 70%!important;}

@media (max-width: 1024px) {
    .width-XXL { max-width: 80%!important;}
}

@media (max-width: 768px) {
    .width-XXL { max-width: 90%!important;}
}

/* Charactère */
.ch-M { max-width: 40ch!important;}
.ch-L { max-width: 80ch!important;}
.ch-XL { max-width: 132ch!important;}
.ch-XXL { max-width: 170ch!important;}

/*
*
BOUTONS GLOBAUX
*
*/

/* BOUTON PRIMARY */
/* Primary BT - Arrow */
.bouton-primary a {
    font-size: 1.5rem!important;
    font-weight: 500!important;
}
.bouton-primary .elementor-button-icon {
    content: url(https://beaunecongres.com/wp-content/uploads/2026/02/bt-arrow.svg);
    width: 6px;
    position: absolute;
    left: 75%;
    bottom: -5px;
    transform: translateX(-3px);
    transition: left 0.4s ease;
}
/* Primary BT - Ligne H */
.bouton-primary::before {
    content: "";
    width: 75%;
    position: absolute;
    left: 0%;
    bottom: 0px;
    height: 1px;
    background-color: var(--e-global-color-secondary);
    transition: width 0.4s ease;
}
/* Primary BT - Ligne V */
.bouton-primary::after {
    content: "";
    width: 1px;
    height: 50%;
    background-color: var(--e-global-color-secondary);
    right: 0px;
    top: 0px;
    position: absolute;
    justify-self: flex-end;
}
/* Primary BT - Hover */
.bouton-primary:hover .elementor-button-icon { left: 90%;}
.bouton-primary:hover::before { width: 90%;}

/* LIEN */
.link-XS {
    align-self: flex-end;
    transform: translateY(-1px);
}
.link-XS:hover::after {
    content: "";
    background-color: var(--e-global-color-secondary);
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%;
    bottom: -2px;
}
 
/* SEPARATEUR */
.separateur-V .e-con-inner {
    width: 1px!important;
    height: 16rem;
    background-color: var(--e-global-color-secondary);
    transform: translateY(-50%);
    z-index: 100;
}

@media (max-width: 767px) {
    .separateur-V .e-con-inner {
        height: 8rem;
    }
    .separateur-V-left {
        min-width: 6rem!important;
        max-width: 6rem!important;
        padding: 0px!important;
    }
    .separateur-V-left .e-con-inner {
        width: 1px!important;
        min-height: 16rem!important;
        height: 100%!important;
        background-color: var(--e-global-color-secondary);
        margin: 0px!important;
        align-self: center!important;
    }
} 

 /*
*
FORMULAIRES
*
*/

.elementor-message-success {
    background-color: #d0eccd;
    padding: 10px;
    border-radius: 30px;
    margin-top: 30px;
    position: absolute;
}

.elementor-message-danger {
    background-color: #f8d7da;
    color: #721c24;
    padding: 10px;
    border-radius: 30px;
    margin-top: 30px;
}
 
 /*********************************
 PERSONNALISATION SHORTCODE MEC (home & actualités)
 **********************************/
 
 /* Cache le titre */
.widget-agenda .mec-month-divider {
    display: none;   
}

/* 1. Conteneur principal */
.widget-agenda .mec-event-article {
    position: relative !important;
    display: flex !important;
    align-items: center;
    background-color: #f6f3ee !important; 
    border-radius: 15px !important;
    border: none !important;
    margin-bottom: 20px !important;
    padding: 0 !important; 
    min-height: 110px;
}

/* 2. Désactiver le "piège" des colonnes Bootstrap */
.widget-agenda .mec-event-article .col-md-9,
.widget-agenda .mec-event-article .col-md-3 {
    position: static !important; 
}

/* 3. Le bloc Date plaqué TOUT à gauche */
.widget-agenda .mec-event-date {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 140px !important;
    background-color: #c5a46d !important;
    color: #ffffff !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 15px 0 0 15px !important; 
    z-index: 10 !important;
}

/* Nettoyage des bordures MEC */
.widget-agenda .mec-event-date span, 
.widget-agenda .mec-event-date::before, 
.widget-agenda .mec-event-date::after {
    border: none !important;
    box-shadow: none !important;
}

.widget-agenda .mec-event-date .mec-multiple-dates {
    font-size: 32px !important;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 5px;
}

.widget-agenda .mec-event-date {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 14px;
}

/* 4. Conteneur du texte au centre */
.widget-agenda .mec-event-article .col-md-9 {
    padding: 20px 20px 20px 160px !important; 
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    flex: 1 !important;
    width: 100% !important;
}

/* Titre */
.widget-agenda .mec-event-title {
    width: 100%; 
    order: 1; 
    margin: 0 0 12px 0 !important;
    font-size: 22px !important;
}

.widget-agenda .mec-event-title a {
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 24px;
    text-transform: none !important; 
}

.widget-agenda .event-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-left: 10px;
    vertical-align: middle;
}

.widget-agenda span.event-color {
    display: none !important;
}

/* L'heure et la Catégorie */
.widget-agenda .mec-time-details {
    order: 2;
    font-size: 13px !important;
    color: #c5a46d !important;
    font-weight: bold !important;
    margin-right: 15px !important;
    text-transform: uppercase !important;
}

.widget-agenda .mec-categories-wrapper {
    order: 3;
    margin-top: 0 !important;
}

.widget-agenda .mec-categories-wrapper ul.mec-categories {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.widget-agenda .mec-categories-wrapper .mec-category a {
    background: #fff !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: bold !important;
    color: #c5a46d !important;
    text-decoration: none;
    letter-spacing: 1px;
}

.widget-agenda .mec-categories-wrapper i, 
.widget-agenda .mec-event-detail { 
    display: none !important; 
}

/* 5. Le Chevron à droite */
.widget-agenda .mec-event-article .col-md-3 {
    width: auto !important;
    padding: 0 30px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

.widget-agenda .btn-wrapper a {
    font-size: 0 !important; 
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}

.widget-agenda .btn-wrapper a::after {
    content: '\203A'; 
    font-size: 40px;
    color: #c5a46d;
    font-weight: 300;
    line-height: 1;
    display: block;
}
.widget-agenda .mec-event-list-minimal .mec-event-date:after {
    background: none;
}
/* Rend tout le bloc catégorie insensible à la souris */
.widget-agenda .mec-categories-wrapper {
    pointer-events: none !important;
}

/* On garde quand même l'apparence par défaut de la souris sur le texte */
.widget-agenda .mec-categories-wrapper .mec-category a {
    cursor: default !important; 
}

/* Responsive mobile */
@media (max-width: 767px) {
    /* 1. Conteneur principal */
    .widget-agenda .mec-event-article {
        flex-direction: column !important;
        padding: 0 !important;
        overflow: hidden !important; 
    }
    
    /* 2. Conteneur du texte */
    .widget-agenda .mec-event-article .col-md-9 {
        padding: 20px !important; 
        justify-content: center !important; 
        text-align: center !important;
    }
    
    /* 3. Titre de l'événement */
    .widget-agenda .mec-event-title {
        text-align: center !important; 
        margin: 0 0 20px 0 !important; 
    }
    
    /* 4. Le bloc Date étiré jusqu'aux bords */
    .widget-agenda .mec-event-date {
        position: relative !important;
        width: calc(100% + 40px) !important; 
        margin: -20px -20px 20px -20px !important; 
        height: auto !important;
        padding: 15px 0 !important;
        border-radius: 15px 15px 0 0 !important; 
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 5. Correction MEC */
    .widget-agenda .mec-event-list-minimal .mec-event-date span,
    .widget-agenda .mec-event-date span, 
    .widget-agenda .mec-event-date .mec-multiple-dates {
        display: block !important;
        font-size: 32px !important; 
        line-height: 1 !important;
        padding: 0 !important; 
        margin: 0 0 5px 0 !important; 
        text-align: center !important;
    }
    
    /* 6. Heure et Catégorie centrées */
    .widget-agenda .mec-time-details {
        margin-right: 15px !important;
        margin-bottom: 10px !important; 
    }
    .widget-agenda .mec-categories-wrapper {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }
    
    /* 7. Cacher le chevron sur mobile */
    .widget-agenda .mec-event-article .col-md-3 {
        display: none !important; 
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Organetto';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://beaunecongres.com/wp-content/uploads/2026/02/Organetto-RegularCnd.woff') format('woff');
}
@font-face {
	font-family: 'Organetto';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://beaunecongres.com/wp-content/uploads/2026/02/Organetto-BoldCnd.woff') format('woff');
}
/* End Custom Fonts CSS */