/*
Theme Name:  Stinakri
Template: 	 hestia
Theme URI:	 https://wordpress.org/themes/hestia/
Author:		 ChildThemeWP
Author URI:	 https://childthemewp.com
Version:	 1.0.1
License:	 GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:    	 opensource     
Text Domain: stinakri
*/

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'); */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&family=Raleway:ital,wght@0,100..900;1,100..900&family=Solway:wght@300;400;500;700;800&display=swap');
/* @import url('style_espace_admin.css'); */
@import url('editor-style.css');

/*
font-family: "DM Serif Text", serif;
*/

:root {
    --couleur-1: #014587; /* Bleu nuit */
    --couleur-2: #6bb0bb; /* Bleu cyan */
    --couleur-3: #bee0f3; /* Gris clair */
    --couleur-4: #178fd5; /* Bleu foncé clair */
    --couleur-5: #6bb0bb; /* Bleu vert */
    --couleur-6: #ffcb5a; /* Jaune */
    --couleur-7: #edebeb; /* Gris beige */
    --couleur-8: #26201d; /* Noir texte */
    
    --size-1: 18px; /* 25px */
    --size-2: 30px; /* 40px */
    --size-3: 20px; /* 30px */
    --size-4: 35px; /* 50px */
    --size-5: 14px; /* 20px */
    --size-6: 23px; /* 35px */
    --size-7: 28px;
    
    --line-height-1: 35px; /* 40px */
    
    --wd3-ibx-position: 50;
    --wd3-ibx-size: 30px;

    --cornerRad: 4px;
    
    --font1: "Rethink Sans", sans-serif;
    --font2: "Raleway", sans-serif;
    --font3: "Solway", serif;
    --font4: "DM Serif Text", serif;
}
/*
body {
  background-color: var(--couleur-principale);
}
*/


/* 
font-family: "Rethink Sans", sans-serif;
font-family: "Raleway", sans-serif;
font-optical-sizing: auto;
font-family: "Solway", serif; 
font-family: "DM Serif Text", serif;
*/


/* ==========================================================================
Généralité
========================================================================== */

body {
    color: var(--couleur-8);
}
@media (min-width: 992px) {
	.responsive_992 {
		display: none !important;
	}
}
@media (max-width: 991px) {
	.desktop_992,
    .page-template-page-classique .responsive_actus_992 {
		display: none !important;
	}
}
@media (min-width: 769px) {
	.responsive_769 {
		display: none !important;
	}
}
@media (max-width: 768px) {
	.desktop_769 {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.responsive_1200 {
		display: none !important;
	}
}
@media (max-width: 1199px) {
	.desktop_1199,
	.menu_recherche_destop.desktop_1199 {
		display: none !important;
	}
}
@media (max-width: 1199px) {
    .container.container_100 {
        width: 100% !important;
        padding: 0 !important;
    }
}
        ul, ol, .blog-post .section-text p, output {
            line-height: 1.5;
        }
        .page-content-wrap, .page-content-wrap dl, .page-content-wrap ol, .page-content-wrap table, .page-content-wrap ul, .page-template-template-fullwidth article, .page-template-template-fullwidth article dl, .page-template-template-fullwidth article ol, .page-template-template-fullwidth article table, .page-template-template-fullwidth article ul, .single-post-wrap, .single-post-wrap dl, .single-post-wrap ol, .single-post-wrap table, .single-post-wrap ul,
        .page-template p, .bloc_donnees {
            font-size: 16px;
        }
        a:not(.btn):not(.button):not(.added_to_cart):hover {
            opacity: 1;
            text-decoration: none;
        }

        .blog-post {
            background: #ecedf1;
        }
.escamoter {
	display: none;
}
.align_left {
	text-align: left;
}
.align_right {
	text-align: right;
}
.align_center {
	text-align: center;
}

.container {
    margin-right: auto !important;
    margin-left: auto !important;
    padding-left: 15px;
    padding-right: 15px;
    display: block !important;
}

@media (min-width: 768px) {
    .container {
        width:750px !important;
    }
}

@media (min-width: 992px) {
    .container {
        width:970px !important;
    }
}

@media (min-width: 1200px) {
    .container {
        width:1270px !important;
    }
}
@media (min-width: 1380px) {
    .container {
        width: 95% !important;
    }
}
@media (min-width: 1800px) {
    .container {
        width: 1720px !important;
    }
}
.section.section_0 {
    padding-top: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Rethink Sans", sans-serif;
}

.blog-post {
    background: #fff;
}

.bouton_plus {
    margin-top: 60px;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .alignleft,
    .alignright {
        float: none;
        text-align: center;
        margin: 0 auto !important;
        display: block;
    }
    .page:not(.home) .wrapper {
        overflow: hidden;
    }
    .navbar .title-logo-wrapper {
        padding-left: 10px;
    }
}

.wp-caption-text {
    padding-top: 5px;
    text-align: left;
    line-height: 1.3 !important;
    font-size: 13px !important;
}




/* ==========================================================================
Header
========================================================================== */

body, html {
    font-family: "Rethink Sans", sans-serif;
    color: var(--couleur-1);
    font-weight: 400;
}
body {
    background-color: #fff;
}
.page-header {
    padding-bottom: 0px !important;
    margin: 0 !important;
    border-bottom: 0px solid #eee !important;
}

.navbar.hestia_left .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 3px;
    float: right;
    /* background: #fff; */
}
.navbar-default {
    background-color: #fff !important;
    border-color: transparent !important;
    transition: all .5s !important;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 !important;
}
.navbar-fixed-top.navbar-scroll-point {
    background: #fff !important;
}

.navbar {
    /* background-color: #fff; */
    color: #fff;
    position: fixed;
    padding: 0;
    transition: none;
    -webkit-box-shadow: 0 1px 10px -6px rgba(0, 0, 0, 0), 0 1px 10px 0 rgba(0, 0, 0, 0), 0 4px 5px -2px rgba(0, 0, 0, 0) !important;
    box-shadow: 0 1px 10px -6px rgba(0, 0, 0, 0), 0 1px 10px 0 rgba(0, 0, 0, 0), 0 4px 5px -2px rgba(0, 0, 0, 0) !important;
    min-height: 50px;
    padding-bottom: 0;
    margin-bottom: 10px !important;
    border: 0px solid transparent !important;
    border-radius: 0 0 20px 20px;
    box-shadow: 0px 3px 6px #00000029 !important;
}
.navbar > .container {
    display: flex;
    transition: padding 0.1s ease;
    padding: 10px 35px 16px;
}
@media screen and (max-width: 1200px) {
    .navbar > .container {
        padding: 19px 15px 20px;
    }
}
@media (min-width: 992px) {
    .navbar:after {
        content: " ";
        display: table;
        border-bottom: 1px solid #fff !important;
        width: 100%;
        opacity: .2;
    }
    .navbar {
        width: 1710px;
        margin: 0 auto;
        max-width: 95%;
        position: fixed !important;
    }
    .navbar-default {
        background-color: #fff !important;
        border-color: transparent !important;
        transition: all .5s !important;
    }
}
.navbar .navbar-header .navbar-brand img {
    width: auto;
    max-height: 97px;
    transition: height 0.4s ease;
}
@media (max-width: 768px) {
    .navbar .navbar-header .navbar-brand img {
        max-width: 130px;
        max-height: 60px;
    }
}
.navbar .navbar-nav > li:not(.btn):hover a:before, 
.navbar .navbar-nav > li:not(.btn):hover .hestia-toggle-search:before {
    color: inherit;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

.navbar-default #menu-menu-principal.navbar-nav>li>a,
.navbar .dropdown-menu li > a {
    color: var(--couleur-8) !important;
    font-family: var(--font2);
    font-size: var(--size-5);
    font-weight: 600;
    transition: color .3s;
}
.navbar-default #menu-menu-principal.navbar-nav>li {
    margin-right: 50px;
    position: relative;
}
.navbar-nav > li.menu-item:hover > a:after {
    content: "";
    display: none;
    width: calc(100% - 30px);
    height: 8px;
    background: var(--couleur-6);
    position: absolute;
    left: 50%;
    bottom: -13px;
    transform: translateX(-50%);
    transition: all 0.3s ease;
}
.navbar-nav > li.menu-item.li_souligne:hover > a:after {
    content: "";
    display: block;
    width: calc(100% - 30px);
    height: 7px;
    background: var(--couleur-6);
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    transition: all 0.3s ease;
}

/* Désactive l'effet sur les sous-menus */
.navbar-nav > li.dropdown:hover > .dropdown-menu > li > a:after {
    display: none;
}

.navbar-default #menu-menu-principal.navbar-nav>li:hover > a,
.navbar-default #menu-menu-principal.navbar-nav>li.current-menu-parent > a,
.navbar-default #menu-menu-principal.navbar-nav>li.current-menu-item > a {
    color: var(--couleur-1) !important;
}
/*
.navbar-default #menu-menu-principal.navbar-nav>li.current-menu-parent > a,
.navbar-default #menu-menu-principal.navbar-nav>li.current-menu-item > a {
    font-weight: bold;
}
*/


/*
.navbar .navbar-nav > li:hover a {
	border-bottom: solid 6px var(--couleur-2);
}
.navbar .navbar-nav > li:has(ul.dropdown-menu):hover a {
	border-bottom: solid 0px var(--couleur-2);
}
*/
.navbar .navbar-nav > li > a {
    text-transform: none;
}
.navbar .navbar-nav > li a::after {
    content: "";
    display: none;
    width: 0; /* Commence avec une largeur de 0 */
    height: 8px;
    background-color: var(--couleur-1);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    transition: width 0.3s ease; /* Durée et type de transition */
}

.navbar .navbar-nav > li:hover a::after,
.navbar .navbar-nav > li:has(ul.dropdown-menu):hover a::after,
.navbar .navbar-nav > li.current-menu-item a::after {
    width: 105px; /* La largeur souhaitée lorsque l'élément est actif */
}


.dropdown-chevron {
    width: 19px;
    height: 12px;
    transition: transform 0.3s ease;
    margin-left: 10px;
}
.navbar-nav > li.menu-item-has-children:hover > a .dropdown-chevron {
    transform: rotate(180deg);
}
.navbar .navbar-nav > li .dropdown-menu {
    margin-top: -2px;
    border-top: solid 9px var(--couleur-6) !important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transform: translateX(-50%);
    margin-left: 50%;
    text-align: center;
}

.navbar, .navbar a, .label, 
.footer .footer-menu a, 
.media-footer a, 
.hestia-top-bar {
    font-size: 15px;
    font-weight: 500;
}

.astm-search-menu {
    padding-top: 8px;
    display: none !important;
}
.is-form-style input.is-search-submit, .is-search-icon {
    display: inline-block !important;
    color: #fff;
    background: var(--couleur-1);
    box-shadow: none !important;
    outline: 0;
    margin: 0;
    font-size: 14px !important;
    border: 1px solid var(--couleur-1);
    border-radius: 0;
    line-height: 1;
    height: 36px;
    text-transform: capitalize;
    vertical-align: middle;
    -webkit-transition: background-color .1s ease-in-out;
    -moz-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.is-search-form {
   margin-top: 8px; 
}
.is-form-id-271 .is-search-icon {
    color: #ffffff !important;
    background-color: var(--couleur-1) !important;
    border-color: var(--couleur-1) !important;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.is-form-id-271 .is-search-submit {
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    overflow: hidden;
}
.is-form-style input.is-search-input {
    background: #fff;
    background-image: none !important;
    color: #333;
    padding: 0 12px;
    margin: 0;
    outline: 0 !important;
    font-size: 14px !important;
    height: 36px;
    min-height: 0;
    line-height: 1;
    border-radius: 0;
    border: 1px solid var(--couleur-1) !important;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    font-family: var(--font2);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
.lien_suite {
    color: var(--couleur-1) !important;
    text-decoration: underline;
    font-style: italic;
}
.lien_suite:hover {
    color: var(--couleur-1) !important;
    text-decoration: none;
}

.navbar .navbar-nav > li.menu_recherche_destop a {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: var(--couleur-1);
    background-image: url('imgs/ico_search.svg');
    background-size: 55%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    text-indent: -9999px;
    overflow: hidden;
    vertical-align: middle;
    padding: 0 4px;
}
.navbar .navbar-nav > li.menu_recherche_destop a:hover {
    border-bottom: 0px solid #fff;
}
.menu_recherche_destop {
    display: flex !important;
    align-items: center;
    padding-left: 30px;
}
.hestia-top-bar ul li a.lien_icone,
.bloc_footer_menu_reseau ul li a.lien_icone,
.rmp-menu-additional-content ul li a.lien_icone {
    display: inline-block;
    width: 21px; /* Largeur de l'icône */
    height: 16px; /* Hauteur de l'icône */
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px; /* Masque le texte */
    overflow: hidden;
    vertical-align: middle; /* Aligne verticalement si nécessaire */
    padding: 0 4px;
}
.bloc_footer_menu_reseau {
    padding-top: 2px;
}
.bloc_footer_menu_reseau ul {
    padding-left: 0;
}
.bloc_footer_menu_reseau ul li {
    display: inline-block;
    margin: 0 15px 0 0;
}

.rmp-menu-additional-content ul li {
    cursor: auto;
    display: inline-block;
    margin: 0 5px;
}

.main-raised {
    margin: 0px 0px 0;
    border-radius: 0;
    -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0), 0 6px 30px 5px rgba(0, 0, 0, 0), 0 8px 10px -5px rgba(0, 0, 0, 0);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0), 0 6px 30px 5px rgba(0, 0, 0, 0), 0 8px 10px -5px rgba(0, 0, 0, 0);
}

@media (max-width: 768px) {
    .home:not(.blog) .main-raised {
        margin-top: 0;
        overflow: hidden;
    }
}

@media screen and (max-width: 1200px) {
    .hestia-top-bar,
    .navbar-toggle-wrapper button {
        display: none !important;
    }
    #rmp-container-536 {
        top: 90px;
    }
    .admin-bar #rmp-container-536 {
        top: 0px;
    }
    #rmp_menu_trigger-536 .responsive-menu-pro-inner::after {
        content: url('imgs/ico_open_menu.png');
        display: inline-block;
        width: 21px !important;
        height: 21px !important;
        background-size: contain;
        vertical-align: middle;
    }
    #rmp_menu_trigger-536.is-active .responsive-menu-pro-inner::after {
        /* content: url('imgs/ico_close_menu.png'); */
        content: 'X';
        display: inline-block;
        width: 21px !important;
        height: 21px !important;
        background-size: contain;
        vertical-align: middle;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        line-height: 1;
    }
    #rmp_menu_trigger-536 {
        position: fixed;
        top: 85px;
        margin: 0;
        transition: transform 0.5s;
        overflow: auto;
        display: block;
        /*
        width: 100%;
        max-width: 100%;
        min-width: 300px;
        */
        /* background-color: var(--couleur-2); */
        background-color: #fff;
        background-image: url(rmp-menu.css);
        height: 100%;
        right: 0;
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
    }
    #rmp_menu_trigger-536.navbar-mobile-scroll-point {
        top: 85px;
    }
    #rmp-menu-wrap-536 ul.rmp-menu {
        /* border-top: solid 10px #000; */
    }
    #rmp-menu-wrap-536 .rmp-menu-item-link {
        height: 42px;
        line-height: 42px;
        font-size: 15px;
        /* border-bottom: solid 1px var(--couleur-2); */
        border-bottom: solid 4px #fff;
        font-family: var(--font2);
        color: #000;
        text-align: left;
        text-transform: none;
        background-color: inherit;
        font-weight: 500;
        letter-spacing: 0px;
        display: block;
        box-sizing: border-box;
        width: 100%;
        text-decoration: none;
        position: relative;
        overflow: hidden;
        transition: background-color 0.5s, border-color 0.5s, 0.5s;
        padding: 0 5%;
        padding-right: 50px;
        /* background: var(--couleur-1); */
    }
    #rmp-menu-wrap-536 .rmp-menu-item-link:hover, 
    #rmp-menu-wrap-536 .rmp-menu-item-link:focus {
        color: var(--couleur-1);
        border-color: var(--couleur-6);
        background-color: #fff;
    }
    #rmp-menu-wrap-536 .rmp-menu-subarrow {
        position: absolute;
        top: 0;
        bottom: 0;
        text-align: center;
        overflow: hidden;
        background-size: cover;
        right: 0;
        border-left-style: solid;
        border-left-color: #1d4354;
        border-left-width: 0px;
        height: 39px;
        width: 40px;
        color: var(--couleur-6);
        background-color: inherit;
    }
    #rmp-menu-wrap-536 .rmp-menu-subarrow:hover {
        color: var(--couleur-6);
        border-color: #3f3f3f;
        background-color: inherit;
    }
    #rmp-menu-wrap-536 .rmp-submenu {
        /* background: var(--couleur-2);  */
    }
    #rmp-menu-wrap-536 .rmp-submenu .rmp-menu-item-link {
        height: 40px;
        line-height: 40px;
        letter-spacing: 0px;
        font-size: 16px;
        border-bottom: 0px solid #1d4354;
        font-family: var(--font2);
        font-weight: normal;
        color: var(--couleur-1);
        text-align: left;
        text-transform: none;
        background-color: inherit;
    }
    #rmp-menu-wrap-536 .rmp-submenu .rmp-menu-item-link:hover, 
    #rmp-menu-wrap-536 .rmp-submenu .rmp-menu-item-link:focus {
        color: var(--couleur-1);
        border-color: #1d4354;
        background-color: inherit;
    }
    #rmp-menu-wrap-536 .rmp-menu-item-link .rmp-font-icon {
        line-height: 40px;
        font-size: var(--size-1);
    }
    #rmp_menu_trigger-536 {
        width: 42px;
        height: 42px;
        position: relative;
        top: 15px;
        box-shadow: none !important;
    }
    #rmp_menu_trigger-536 .responsive-menu-pro-inner::after,
    #rmp_menu_trigger-536.is-active .responsive-menu-pro-inner::after {
        bottom: 9px !important;
        left: 0px !important;
    }
    #rmp_menu_trigger-536,
    #rmp_menu_trigger-536:hover, 
    #rmp_menu_trigger-536:focus,
    #rmp_menu_trigger-536.is-active {
        background: var(--couleur-1);
        border-radius: 50%;
        overflow: hidden;
    }
    #rmp_menu_trigger-536 .rmp-trigger-box {
        width: 20px;
        color: var(--couleur-1);
    }
    #rmp_menu_trigger-536 .responsive-menu-pro-inner, 
    #rmp_menu_trigger-536 .responsive-menu-pro-inner::before, 
    #rmp_menu_trigger-536 .responsive-menu-pro-inner::after {
        width: 21px !important;
        height: 21px !important;
        background-color: var(--couleur-1) !important;
        border-radius: 0px;
        position: absolute;
    }
    .rmp-menu-trigger-boring.is-active .responsive-menu-pro-inner:after {
        bottom: 0;
        transform: rotate(0deg) !important;
    }
    .rmp-menu-trigger-boring.is-active .responsive-menu-pro-inner {
        transform: rotate(0) !important;
    }
    #rmp_menu_trigger-536:hover .responsive-menu-pro-inner, 
    #rmp_menu_trigger-536:hover .responsive-menu-pro-inner::before, 
    #rmp_menu_trigger-536:hover .responsive-menu-pro-inner::after,
    #rmp_menu_trigger-536.is-active .responsive-menu-pro-inner, 
    #rmp_menu_trigger-536.is-active .responsive-menu-pro-inner::before, 
    #rmp_menu_trigger-536.is-active .responsive-menu-pro-inner::after {
        background-color: var(--couleur-1);
    }
    .dashicons-arrow-up:before {
        content: "\f142";
        color: var(--couleur-2);
    }
    #rmp-menu-additional-content-135 {
        padding: 20px 20px;
        color: #fff;
        text-align: center;
        font-size: 14px;
    }
    .bloc_menu_compte a.lien_compte {
        color: #fff !important;
    }
    .rmp-search-box {
        background: var(--couleur-1);
    }
    #rmp-menu-wrap-536 .rmp-submenu .rmp-menu-item-link {
        height: 40px;
        line-height: 40px;
        letter-spacing: 0px;
        font-size: 15px;
        border-bottom: 0px solid #fff;
        font-family: var(--font2);
        font-weight: 500;
        color: #000 !important;
        text-align: left;
        background-color: inherit;
    }
    #rmp-search-box-536 .rmp-search-box {
        font-family: var(--font2);
        font-weight: 500;
    }
    
}

@media screen and (max-width: 782px) {
    .admin-bar .rmp-container, .admin-bar .rmp_menu_trigger {
        margin-top: 90px !important;
    }
}

@media (min-width: 1200px) {
    .caret-wrap,
    .hestia-search-in-menu {
        display: none !important;
    }
}

/* menu principal */
.collapse {
    display: none;
}

.navbar.new-navbar-scroll-point {
    position: fixed;
    top: 0;
}
@media (max-width: 768px) {
    body.admin-bar .navbar.header-with-topbar {
        margin-top: 0;
        top: 35px;
    }
    .navbar.header-with-topbar {
        position: absolute;
        top: 0;
    }
    .navbar.header-with-topbar.new-navbar-scroll-point {
        position: fixed;
        top: 0;
    }
}

.header.header-with-topbar {
    height: 30px;
    margin-bottom: 0 !important;
}
@media (max-width: 768px) {
    .header.header-with-topbar {
        height: 99px;
        margin-bottom: 0 !important;
    }
}



/* ==========================================================================
Footer
========================================================================== */


.footer.footer-big {
    position: relative;
    background:  var(--couleur-1);
    color: #fff !important;
    text-align: left;
    padding-bottom: 0;
    z-index: 2;
    overflow: hidden;
}
.footer-big ul li a {
    font-family: var(--font2);
    font-weight: 400;
    font-size: var(--size-5);
    line-height: 20px;
    color: #fff !important;
    text-transform: none !important;
}

@media (min-width: 1200px) {
	.main_footer_wrapper {
		display: grid;
		grid-template-columns: 295px 1fr;
		align-items: start;  
		grid-column-gap: 60px;
		overflow-wrap: anywhere;
		grid-template-areas:  "logo_footer menu_footer_1"
                                "logo_footer menu_footer_2";
        padding: 0 50px 0 0;
	}
    .footer_logo {
        grid-area: logo_footer;
        margin-bottom: -73px;
        margin-left: 20px;
    }
    .footer_menu_1 {
        grid-area: menu_footer_1;
    }
    .footer_menu_2 {
        grid-area: menu_footer_2;
    }
}

.footer_menu_list {
    display: flex;
}
.footer_menu_list li {
    display: inline-block;
    font-size: var(--size-5);
    margin-right: 50px;
    margin-bottom: 5px;
    text-transform: none !important;
}
.footer_menu_list li a {
    font-size: var(--size-5);
}
.footer_menu_1 {
    padding-bottom: 20px;
    border-bottom: solid 1px #fff;
}
.footer_menu_2 {
    padding-top: 20px;
}
/* Style de base pour les icônes du menu */
.footer_menu_list li.menu_icones {
    margin-right: 10px;
}
.menu_icones a {
    display: inline-block;
    padding-left: 40px !important; /* Espace pour l'icône */
    position: relative;
    color: transparent !important; /* Cache le texte */
    font-size: 0 !important;
    width: 25px;
    height: 29px;
    overflow: hidden;
    text-indent: -9999px;
}

/* Icône LinkedIn spécifique */
.menu_linkedin a::before,
.menu_youtube a::before,
.menu_insta a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67 67'%3E%3Cpath d='M49.837 48.137V36.425c0-6.275-3.35-9.195-7.816-9.195-3.604 0-5.219 1.983-6.119 3.374V27.71h-6.79c.09 1.917 0 20.427 0 20.427h6.79V36.729c0-.609.044-1.219.224-1.655.49-1.22 1.607-2.483 3.482-2.483 2.458 0 3.44 1.873 3.44 4.618v10.929h6.789zM21.959 24.922c2.367 0 3.842-1.57 3.842-3.531-.044-2.003-1.475-3.528-3.797-3.528s-3.841 1.524-3.841 3.528c0 1.961 1.474 3.531 3.753 3.531h.044zM33 64C16.432 64 3 50.568 3 34S16.432 4 33 4s30 13.431 30 30-13.432 30-30 30zM25.354 48.137V27.71h-6.789v20.427h6.789z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
}
.menu_vimeo a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67 67'%3E%3Cpath d='M17.557,29.106c0,0,2.816-2.22,3.755-1.11  c0.938,1.11,4.521,14.509,5.718,16.98c1.044,2.168,3.924,5.033,7.081,2.986c3.156-2.046,13.652-11.007,15.53-21.588  c1.878-10.579-12.63-8.363-14.166,0.854c3.841-2.306,5.891,0.936,3.926,4.608c-1.962,3.668-3.755,6.06-4.693,6.06  c-0.937,0-1.658-2.455-2.731-6.745c-1.109-4.435-1.103-12.424-5.716-11.518c-4.351,0.854-10.068,7.681-10.068,7.681L17.557,29.106z   M33,64C16.432,64,3,50.568,3,34C3,17.431,16.432,4,33,4s30,13.431,30,30C63,50.568,49.568,64,33,64z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.menu_youtube a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='white' d='M256 0c141.29 0 256 114.71 256 256c0 141.29-114.71 256-256 256c-141.29 0-256-114.71-256-256c0-141.29 114.71-256 256-256Z'/%3E%3Cpath fill='%23014587' d='M409.315 178.978c-3.68-13.769-14.522-24.61-28.29-28.29c-24.958-6.688-125.025-6.688-125.025-6.688c0 0-100.067 0-125.025 6.688c-13.765 3.68-24.61 14.521-28.29 28.29c-6.685 24.955-6.685 77.024-6.685 77.024c0 0 0 52.067 6.685 77.02c3.68 13.769 14.525 24.614 28.29 28.293c24.958 6.685 125.025 6.685 125.025 6.685c0 0 100.067 0 125.025-6.685c13.768-3.679 24.61-14.524 28.29-28.293c6.685-24.953 6.685-77.02 6.685-77.02c0 0 0-52.069-6.685-77.024Zm-185.316 125.025l0-96.002l83.137 48.001l-83.137 48.001Z'/%3E%3C/svg%3E");
}
.menu_insta a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67 67'%3E%3Cdefs%3E%3Cmask id='cutout'%3E%3Crect width='67' height='67' fill='white'/%3E%3Cg transform='translate(33.5 33.5) scale(0.16) translate(-256 -256)' fill='black'%3E%3Cpath d='M256.05,309.18A54.92,54.92,0,1,1,311,254.26,55,55,0,0,1,256.05,309.18Zm0-94.9a40,40,0,1,0,40,40A40,40,0,0,0,256.05,214.28Z'/%3E%3Cpath d='M308,366.1H204.89a59.75,59.75,0,0,1-59.68-59.68V203.27a59.74,59.74,0,0,1,59.68-59.68H308a59.75,59.75,0,0,1,59.69,59.68V306.42A59.76,59.76,0,0,1,308,366.1Zm-100-207a47.42,47.42,0,0,0-47.36,47.37v96.74a47.42,47.42,0,0,0,47.36,47.37h96.75a47.42,47.42,0,0,0,47.37-47.37V206.47a47.42,47.42,0,0,0-47.37-47.37Z'/%3E%3Ccircle cx='317.49' cy='193.86' r='13.12'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='33.5' cy='33.5' r='30' fill='white' mask='url(%23cutout)'/%3E%3C/svg%3E");
}

.bloc_copyright,
.bloc_copyright2 {
    font-family: var(--font2);
    font-size: 12px;
}
.bloc_copyright {
    display: inline-block;
    float: right;
}
.bloc_copyright2 {
    display: none;
}


@media (max-width: 991px) {
    .footer-big ul li a {
        font-size: var(--size-5);
        line-height: 14px;
    }
    .footer_menu_list {
        display: block;
        text-align: center;
        margin-top: 30px;
    }
    #menu-menu-footer-2.footer_menu_list {
        margin-top: 0;
    }
    .footer_menu_list li {
        display: block;
        font-size: var(--size-5);
        margin-right: 0px;
        margin-bottom: 5px;
        text-transform: none !important;
    }
    .footer_menu_list li.menu_icones {
        margin-top: 10px;
        margin-left: 5px;
        margin-right: 0;
        display: inline-block;
        transform: translateX(2px);
    }
    .footer_menu_list li.menu_icones:not(:last-child) {
        margin-right: 5px;
    }
    .menu_icones a {
        display: inline-block;
        padding-left: 20px !important;
        width: 25px;
        height: 29px;
    }
    .bloc_copyright {
        display: none;
    }
    .bloc_copyright2 {
        display: block;
        padding-top: 20px;
        margin: 10px 0 20px;
        text-align: center;
    }
    .footer_logo {
        text-align: center;
    }
}



/* ==========================================================================
Styles éditeur
========================================================================== */


.text_bleu {
    color: var(--couleur-1);
}
.text_bleu_cyan {
    color: var(--couleur-2);
}
.text_jaune {
    color: var(--couleur-6);
}

.chapo {
    color: var(--couleur-1);
    font-family: var(--font2);
	font-weight: 700;
	font-size: var(--size-3);
	line-height: 1.6;
	margin-bottom: 20px;
}
.chapo p {
    color: var(--couleur-1) !important;
    font-family: var(--font2) !important;
	font-weight: 700 !important;
	font-size: var(--size-3) !important;
	line-height: 1.6 !important;
}

.bouton_jaune {
    position: relative;
    display: inline-block;
    background: var(--couleur-6);
    color: var(--couleur-1) !important;
    text-align: center;
    -webkit-transition: .2s ease-in;
    transition: .2s ease-in;
    margin: 40px 0 15px;
    padding: 5px 48px;
    font-size: var(--size-1);
    font-weight: 700;
    line-height: 30px;
    font-family: var(--font2);
    border-radius: 46px;
    z-index: 25;
    border: solid 2px var(--couleur-6);
}
.bouton_jaune a {
    color: var(--couleur-1) !important;
    font-size: var(--size-1);
    font-weight: 700;
    line-height: 30px;
    font-family: var(--font2);
    text-decoration: none !important;
}
.bouton_jaune:hover {
    background: transparent;
    border: solid 2px var(--couleur-1);
}
.div_header.bg_accueil .bouton_jaune:hover {
    border: solid 2px var(--couleur-2);
}
#bloc_ac_troublearts .bouton_jaune:hover {
    border: solid 2px #fff;
}
.div_header.bg_accueil .bouton_jaune:hover a,
#bloc_ac_troublearts .bouton_jaune:hover a {
    color: #fff !important;
}

strong .text_bleu,
.text_bleu strong {
    font-size: var(--size-3);
    font-weight: 500;
    font-family: var(--font3);
}

@media (max-width: 991px) {
    .bouton_jaune {
        margin: 20px 0 15px;
        padding: 3px 40px;
        font-size: var(--size-5);
        font-weight: 700;
        line-height: 25px;
        border-radius: 40px;
    }
    .bouton_jaune a {
        font-size: var(--size-5);
        font-weight: 700;
        line-height: 25px;
    }  
}


/* ==========================================================================
Page accueil
========================================================================== */


.bg_accueil {
    position: relative;
    background-color: var(--couleur-1);
}
.bg_accueil:before {
    content: url("imgs/bg_ac_1.svg");
    width: 442px;
    height: 443px;
    position: absolute;
    top: 140px;
    left: 50%;
    transform: translateX(calc(-50% - 600px)); /* Décalage de 600px vers la gauche */
}
.bg_accueil:after {
    content: url("imgs/bg_ac_2.svg");
    width: 424px;
    height: 530px;
    position: absolute;
    bottom: -150px;
    right: -220px;
    z-index: 10;
}
.bg_accueil .header_ac_contenu h1 {
    color: #fff;
}
.header_ac_contenu h1 {
    font-family: var(--font4) !important;
    font-size: var(--size-4);
    line-height: 69px;
    margin-bottom: 30px !important;
}
.header_ac_contenu .header_texte {
    font-family: var(--font4) !important;
    font-size: var(--size-1);
    line-height: var(--line-height-1);
    color: #fff;
    margin-bottom: 100px;
}
.header_ac_contenu .header_texte p {
    font-family: var(--font4) !important;
    font-size: var(--size-1) !important;
    line-height: 27px !important;
    color: #fff;
}
.header_ac_contenu .header_texte a {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: var(--couleur-6);
}
article .container.centre_1265,
article .container.centre_1350 {
    position: relative;
    padding-top: 80px;
    padding-bottom: 90px;
    margin: 0 auto;
    width: 1265px !important;
    max-width: 98%;
    font-family: var(--font2) !important;
    font-size: var(--size-1);
    font-weight: 500;
    line-height: var(--line-height-1);
    color: var(--couleur-8);
    z-index: 30;
}
article .container.centre_1350 {
    padding-bottom: 0;
    width: 1350px !important;
    max-width: 98%!important;
}
article .container.centre_1265 p,
article .container.centre_1350 p {
    font-size: var(--size-1) !important;
    font-weight: 500;
    line-height: var(--line-height-1);
    color: var(--couleur-8);
}

#bloc_ac_troublearts {
    position: relative;
    background: var(--couleur-2);
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;
    z-index: 1;
}
#bloc_ac_troublearts h2.titre_intermediaire {
    margin-top: 0px !important;
    margin-bottom: 33px !important;
}
#bloc_ac_troublearts h3 {
    color: var(--couleur-1);
    font-size: var(--size-3) !important;
    font-weight: 700;
    line-height: var(--line-height-1);
    font-family: var(--font3) !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}


#bloc_ac_actions {
    position: relative;
    background: #bee0f3;
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;
    z-index: 5;
}
#bloc_ac_actions:before {
    content: url("imgs/bg_ac_actions_1.svg");
    width: 601px;
    height: 464px;
    position: absolute;
    top: -120px;
    left: -94px;
    /* transform: rotate(20deg); */
    opacity: .7;
    z-index: 5;
}
#bloc_ac_actions:after {
    content: url("imgs/bg_ac_actions_2.svg");
    width: 777px;
    height: 777px;
    position: absolute;
    top: -140px;
    right: -205px;
    opacity: 1;
    z-index: 5;
}
#bloc_ac_actions h2.titre_intermediaire {
    margin-top: 0px !important;
    margin-bottom: 85px !important;
}
.sbloc_ac_actions {
    display: flex;
    background: var(--couleur-7);
    border-radius: 30px;
    height: 340px;
    width: 340px;
    margin: 0px auto 30px;
}
.sbloc_ac_actions a {
    text-align: center;
    color: var(--couleur-1);
    display: block;
    padding-top: 60px;
    font-family: var(--font3);
    font-size: var(--size-3);
    font-weight: 500;
    width: 100%;
}
.sbloc_ac_actions.bg_ac_action_touble {
    background-image: url(imgs/trouble_arts.svg);
    background-repeat: no-repeat;
    background-position: bottom 0 left 50%;
    background-size: 85%;
}
.sbloc_ac_actions.bg_ac_action_vulnerabilite {
    background-image: url(imgs/arts_vulnerabilites_2b.svg);
    background-repeat: no-repeat;
    background-position: bottom 0 left 50%;
    background-size: 85%;
}
.sbloc_ac_actions.bg_ac_action_environnement {
    background-image: url(imgs/arts_environnement_0b1.svg);
    background-repeat: no-repeat;
    background-position: bottom 0 left 50%;
    background-size: 85%;
}


#bloc_ac_temoignages {
    position: relative;
    background: var(--couleur-7);
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 70px;
    text-align: center;
    z-index: 5;
}
#bloc_ac_temoignages:before {
    content: url("imgs/bg_ac_temoignages_1.svg");
    width: 614px;
    height: 717px;
    position: absolute;
    top: -160px;
    left: -224px;
    transform: rotate(20deg);
    opacity: 0.75;
}
#bloc_ac_temoignages:after {
    content: url("imgs/bg_ac_temoignages_2.svg");
    width: 514px;
    height: 586px;
    position: absolute;
    bottom: -450px;
    right: -180px;
    opacity: 0.75;
}
#bloc_ac_temoignages h2.titre_intermediaire {
    margin-top: 0px !important;
    margin-bottom: 80px !important;
}

#bloc_ac_temoignages .centre_1350 {
    padding-left: 100px;
    padding-right: 100px;
}


#bloc_ac_equipe {
    position: relative;
    margin-top: 0px;
    padding-top: 0px;
    z-index: 2;
}
#bloc_ac_equipe h2 {
    text-align: center;
    margin-bottom: 80px !important;
}
#bloc_ac_equipe:before {
    content: url("imgs/bg_ac_equipe_1.svg");
    width: 1128px;
    height: 1133px;
    position: absolute;
    top: 290px;
    left: 17%;
    transform: rotate(20deg);
    opacity: 0.75;
    z-index: 0;
}
#bloc_ac_equipe:after {
    content: url("imgs/bg_ac_equipe_2.svg");
    width: 676px;
    height: 733px;
    position: absolute;
    bottom: -160px;
    left: -394px;
    overflow: hidden;
    opacity: 0.75;
    z-index: 0;
}
.bloc_flex_txt_image {
    display: flex;
    align-items: flex-end;
    gap: 80px;
}
.txt_gauche_flex {
    flex: 1;
    min-width: 0;
    padding-bottom: 30px;
}
.image_droite_flex {
    width: 620px;
    max-width: 95%;
    flex-shrink: 0;
    margin-right: -50px;
}
#bloc_ac_equipe .image_droite_flex img {
    border-radius: 20px;
}

h2.titre_intermediaire.titre_impact {
    margin-top: 0 !important;
}
.ligne_boutons {
    margin: 50px auto 20px;
    width: 1100px;
    max-width: 98%;
}
.bouton_ac_1,
.bouton_ac_2 {
    width: 456px;
    margin: 0 auto 50px;
    height: 200px;
    display: flex;
    background: var(--couleur-6);
    align-items: center;
    text-align: center;
    justify-content: space-evenly;
    border-radius: 20px;
    font-size: var(--size-1);
    font-weight: 500;
    line-height: 1.3;
}
.bouton_ac_2 {
    background: var(--couleur-2);
}
.bouton_ac_1 p,
.bouton_ac_2 p {
    font-size: var(--size-1) !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    margin-bottom: 3px !important;
}
.bouton_ac_1 strong,
.bouton_ac_2 strong {
    color: var(--couleur-1);
    display: inline-block;
    font-size: var(--size-2);
    font-weight: 700;
    line-height: 1.7 !important;
}


.temoignage-thumbnail {
    float: left;
    margin: 0 60px 30px 0;
    width: 400px;
}
.temoignage-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.temoignage_contenu,
.temoignage_contenu p {
    text-align: left;
    font-size: var(--size-1);
    font-family: var(--font2);
    margin-bottom: 2px;
}
article .container .temoignage_contenu h3 {
    color: var(--couleur-1);
    font-size: var(--size-6);
    line-height: var(--line-height-1);
    font-family: var(--font4);
    margin-bottom: 30px !important;
}
article .container .temoignage_contenu h3 a {
    color: var(--couleur-1) !important;
    text-decoration: underline;
}
article .container .temoignage_contenu h3 a:hover {
    color: var(--couleur-1) !important;
    text-decoration: none;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 37px !important;
    height: 63px !important;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background: url('imgs/arrow_left.png') no-repeat center center !important;
    box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0), 0 3px 1px -2px rgba(233, 30, 99, 0), 0 1px 5px 0 rgba(233, 30, 99, 0) !important;
}
.slick-prev {
    left: -60px !important;
}
.slick-next {
    right: -60px !important;
    transform: translateY(-50%) scaleX(-1) !important;
}
@media (min-width: 1700px) {
    #bloc_ac_temoignages .centre_1350 {
        padding-left: 0;
        padding-right: 0;
    }
    .slick-prev {
        left: -100px !important;
    }
    .slick-next {
        right: -100px !important;
        transform: translateY(-50%) scaleX(-1) !important;
    }
}

.slick-prev:before, .slick-next:before,
.slick-dots li button:before {
    display: none;
}
.slick-dots li button {
    width: 18px !important;
    height: 18px !important;
    background: var(--couleur-1) !important;
    text-indent: -9999px !important;
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0), 0 3px 1px -2px rgba(233, 30, 99, 0), 0 1px 5px 0 rgba(233, 30, 99, 0) !important;
}
.slick-dots li.slick-active button {
    background: var(--couleur-6) !important;
}

@media (max-width: 991px) { 
    #bloc_ac_actions h2.titre_intermediaire {
        margin-top: 0px !important;
        margin-bottom: 40px !important;
    }
    #bloc_ac_troublearts h2.titre_intermediaire {
        margin-bottom: 23px !important;
    } 
    article .container.centre_1265 p,
    article .container.centre_1350 p {
        font-size: var(--size-5) !important;
        line-height: 24px;
    }
    #bloc_ac_temoignages .centre_1350 {
        padding-left: 20px;
        padding-right: 20px;
    }
    article .container.centre_1265,
    article .container.centre_1350 {
        position: relative;
        padding-top: 60px;
        padding-bottom: 50px;
        max-width: 98% !important;
        font-size: var(--size-1);
        line-height: var(--line-height-1);
    }
    #bloc_ac_actions:before {
        content: " ";
        width: 0px;
        height: 0px;
        position: absolute;
        top: 0px;
        left: 0px;
        opacity: 0;
        z-index: 0;
    }
    #bloc_ac_actions:after {
        content: url("imgs/bg_ac_actions_2.svg");
        width: 577px;
        height: 577px;
        position: absolute;
        top: -20px;
        right: -205px;
        opacity: .7;
        z-index: 5;
    }
    .sbloc_ac_actions {
        display: flex;
        background: var(--couleur-7);
        border-radius: 30px;
        height: 300px;
        width: 340px;
        margin: 0px auto 30px;
    }
    .sbloc_ac_actions a {
        padding-top: 30px;
        font-size: var(--size-3);
    }
    
    #bloc_ac_temoignages {
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 40px;
    }
    
    #bloc_ac_temoignages:before {
        width: 614px;
        height: 717px;
        top: -160px;
        left: -124px;
        opacity: 0.75;
        transform: scale(0.5);
        transform-origin: left top;
    }
    #bloc_ac_temoignages:after {
        width: 514px;
        height: 586px;
        bottom: -450px;
        right: -80px;
        opacity: 0.45;
        transform: scale(0.5);
        transform-origin: right bottom;
    }
    .temoignage-thumbnail {
        float: none;
        margin: 0 auto 30px auto;
        width: 350px;
        max-width: 95%;
    }
    article .container .temoignage_contenu h3 {
        color: var(--couleur-1);
        font-size: var(--size-1) !important;
        line-height: 23px;
        font-family: var(--font4);
        margin-bottom: 20px !important;
    }
    #bloc_ac_equipe h2 {
        margin-bottom: 40px !important;
    }
    .bloc_flex_txt_image {
        display: block;
        align-items: flex-end;
        gap: 80px;
    }
    .image_droite_flex {
        width: 620px;
        max-width: 95%;
        flex-shrink: 0;
        margin-right: 0px;
        margin: 0 auto;
    }
    .bouton_ac_1,
    .bouton_ac_2 {
        width: 90%;
        margin: 0 auto 50px;
        height: 200px;
        display: flex;
        border-radius: 15px;
        font-size: var(--size-1);
        line-height: 1.3;
    }
    #bloc_ac_equipe:before {
        content: url("imgs/bg_ac_equipe_1.svg");
        width: 1128px;
        height: 1133px;
        position: absolute;
        top: 290px;
        left: 17%;
        transform: rotate(20deg);
        opacity: 0;
        z-index: 0;
        display: none;
    }
}


/* ==========================================================================
Page générale
========================================================================== */


#primary {
    display: none;
}
.single-projet #primary {
    display: block;
}
.section {
    padding: 0;
}
.header_contenu,
.header_ac_contenu {
    position: relative;
    padding-top: 180px;
    z-index: 20;
}
.header_contenu.pad_left_1_3,
.header_ac_contenu.pad_left_1_3 {
    padding-left: 34%;
    padding-right: 8%;
}


.bg_header_sans_image .header_contenu {
    width: 1010px;
    max-width: 98%;
    margin: 0 auto;
}
.div_contenu_central {
    width: 1168px;
    max-width: 96%;
    margin: 40px auto;
}

@media (min-width: 768px) {
    .header_image_gauche:before {
        transform: translateX(calc(-50% - 400px)); /* Décalage de 600px vers la gauche */
    }
}
@media (min-width: 992px) {
    .header_image_gauche:before {
        transform: translateX(calc(-50% - 450px)); /* Décalage de 600px vers la gauche */
    }
}
@media (min-width: 1200px) {
    .header_image_gauche:before {
        transform: translateX(calc(-50% - 500px)); /* Décalage de 600px vers la gauche */
    }
}
@media (min-width: 1380px) {
    .header_image_gauche:before {
        transform: translateX(calc(-50% - 550px)); /* Décalage de 600px vers la gauche */
    }
}
@media (min-width: 1800px) {
    .header_image_gauche:before {
        transform: translateX(calc(-50% - 600px)); /* Décalage de 600px vers la gauche */
    }
}

.header_contenu h1 {
    font-family: var(--font4) !important;
    font-size: var(--size-4);
    line-height: 1.4;
    margin-bottom: 30px !important;
}
.header_contenu .header_texte {
    font-family: var(--font4) !important;
    font-size: var(--size-3);
    line-height: 50px;
    color: #fff;
    margin-bottom: 100px;
}
.header_contenu .header_texte p {
    font-family: var(--font4) !important;
    font-size: var(--size-3) !important;
    line-height: 50px !important;
    color: #fff;
}
.header_contenu .header_texte {
    font-family: var(--font4) !important;
    font-size: var(--size-3);
    line-height: 50px;
    color: #fff;
    margin-bottom: 100px;
}
.header_contenu .header_texte a {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: var(--couleur-6);
}

.bg_header_sans_image .header_contenu h1 {
    color: var(--couleur-6);
    margin-bottom: 50px !important;
}


article .container.padl_475 {
    position: relative;
    padding-left: 475px;
    padding-right: 70px;
    padding-top: 80px;
    padding-bottom: 70px;
    font-family: var(--font2) !important;
    font-size: var(--size-1);
    font-weight: 500;
    line-height: var(--line-height-1);
    color: var(--couleur-8);
    z-index: 30;
}
article .container.centre_1168 {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    margin: 0 auto;
    width: 1168px !important;
    max-width: 98%;
    font-family: var(--font2) !important;
    font-size: var(--size-1);
    font-weight: 500;
    line-height: var(--line-height-1);
    color: var(--couleur-8);
    z-index: 30;
}
article .container.padl_475 p,
article .container.centre_1168 p {
    font-size: var(--size-1) !important;
    font-weight: 500;
    line-height: var(--line-height-1);
    color: var(--couleur-8);
}
article .container.centre_1168 a {
    color: var(--couleur-1);
}

article .container h2 {
    font-size: var(--size-4) !important;
    font-weight: 700;
    line-height: 45px;
    font-family: var(--font3) !important;
    margin-bottom: 60px !important;
}
/* 3WD
article .container h3 {
    font-size: var(--size-6) !important;
    font-weight: 800;
    line-height: var(--line-height-1);
    font-family: var(--font2) !important;
    margin-bottom: 50px !important;
}
*/

article .container h3,
#bloc_bas_lien_sociaux h3 {
    color: var(--couleur-1);
    font-size: var(--size-3) !important;
    font-weight: 700;
    line-height: var(--line-height-1);
    font-family: var(--font3) !important;
    margin-top: 30px !important;
    margin-bottom: 50px !important;
}


.image_gauche {
    position: relative;
    float: left;
    /* transform: translateX(-50%); */
    margin: 0 50px 30px 0;
    max-width: 100%;
    height: auto;
}
.image_droite {
    position: relative;
    float: right;
    /* transform: translateX(-50%); */
    margin: 0 0 30px 50px;
    max-width: 100%;
    height: auto;
}
.image_gauche img,
.image_droite img {
   border-radius: 20px; 
}
.pods-image-caption {
    margin-top: 0.5em;
    font-size: 0.7em;
    font-style: italic;
    text-align: center;
    color: #666;
}
.pods-image-title {
    margin-top: 0.5em;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
}
@media (min-width: 1600px) {
    .image_gauche {
        margin: 0 70px 30px -185px;
    }
    .image_droite {
        margin: 0 -185px 30px 70px;
    }
}

@media (max-width: 991px) {
    
    .header_contenu h1 {
        font-family: var(--font4) !important;
        font-size: var(--size-4);
        line-height: 1.3;
        margin-bottom: 25px !important;
    }
    article .container.padl_475 {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 50px;
        padding-bottom: 50px;
        font-size: var(--size-1);
        line-height: 22px;
        z-index: 30;
    }
    article .container.padl_475 p,
    article .container.centre_1168 p {
        font-size: var(--size-5) !important;
        font-weight: 500;
        line-height: 1.6;
    }
    article .container.centre_1168 {
        padding-top: 50px;
        padding-bottom: 50px;
        max-width: 98% !important;
        font-size: var(--size-1);
        line-height: 1.6;
        z-index: 30;
    }
    
    .image_gauche,
    .image_droite {
        float: none;
        transform: none;
        margin: 0 0 30px 0;
        width: 100%;
    }
    .header_contenu,
    .header_ac_contenu {
        position: relative;
        padding-top: 120px;
        z-index: 20;
    }
    .header_contenu.pad_left_1_3,
    .header_ac_contenu.pad_left_1_3 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .header_ac_contenu h1 {
        font-size: var(--size-6);
        line-height: 40px;
        margin-bottom: 30px !important;
    }
    .header_ac_contenu .header_texte {
        font-size: var(--size-5);
        line-height: 20px;
        color: #fff;
        margin-bottom: 60px;
    }
    article .container h2 {
        font-size: var(--size-6) !important;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 40px !important;
    }
    .bg_header_sans_image .header_contenu h1 {
        color: var(--couleur-6);
        margin-bottom: 30px !important;
    }
    .header_contenu .header_texte p {
        font-size: var(--size-1) !important;
        line-height: 1.4 !important;
    }
    .header_contenu .header_texte {
        font-family: var(--font4) !important;
        font-size: var(--size-3);
        line-height: 50px;
        color: #fff;
        margin-bottom: 30px;
    }
    article .container h3,
    #bloc_bas_lien_sociaux h3 {
        font-size: var(--size-3) !important;
        line-height: 1.3;
        font-family: var(--font3) !important;
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
}

.wrapper_flex {
    display: flex;
}
.wrapper_bleu {
    width: 365px;
    margin-left: 100px;
    flex-shrink: 0;
}
.bloc_bleu {
    background: var(--couleur-4);
    color: #fff;
    padding: 30px 20px 30px 50px;
    border-radius: 20px;
}
article .container .bloc_bleu h3 {
    font-family: var(--font3);
    font-size: var(--size-3);
    line-height: 36px;
    color: #fff;
    margin: 0 0 20px -10px !important;
    padding: 0 70px;
    background: url("imgs/Plus.svg") no-repeat 0 10px;
}
.bloc_bleu p,
.bloc_bleu a {
    color: #fff !important;
}
.bloc_bleu a {
    text-decoration: underline;
}

.bloc_align_droite {
}


/* ------------------------------ Actions trouble arts -----------------------------*/


.bg_page_trouble-arts,
.bg_arts-et-vulnerabilites,
.bg_arts-et-environnement {
    position: relative;
}

.bg_trouble-arts {
    position: relative;
    background-color: var(--couleur-5);
}
.bg_trouble-arts:before {
    content: url("imgs/trouble_arts.svg");
    width: 496px;
    height: 356px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(calc(-50% - 600px)); /* Décalage de 600px vers la gauche */
}
.bg_trouble-arts::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
    background-image: url("imgs/StinAkri_Logo_Blanc_RVB_Picto.svg");
    background-position: top -270px right 70px;
    opacity: 0.5;
}
.bg_trouble-arts .header_contenu h1 {
    color: var(--couleur-1);
}

.page-template-page-actions .bg_page_trouble-arts::before,
.page-template-page-actions .bg_page_trouble-arts::after,
.page-template-page-actions .bg_page_arts-et-vulnerabilites::before,
.page-template-page-actions .bg_page_arts-et-vulnerabilites::after,
.page-template-page-actions .bg_page_arts-et-environnement::before,
.page-template-page-actions .bg_page_arts-et-environnement::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
}

.page-template-page-actions .bg_page_trouble-arts::before {
    background-image: url(imgs/bg_trouble_1.svg);
    background-position: top 590px right -460px;
    opacity: 0.5;
}

.page-template-page-actions .bg_page_trouble-arts::after {
    background-image: url(imgs/bg_trouble_2.svg);
    background-position: top 1700px left -65px;
    background-size: 70%;
    opacity: 0.8;
}

.bg_page_trouble-arts .container.centre_1168,
.bg_arts-et-vulnerabilites .container.centre_1168,
.bg_arts-et-environnement .container.centre_1168 {
    padding-bottom: 0px;
}


@media (max-width: 991px) {
    
    .bg_trouble-arts {
        padding-bottom: 170px;
    }
    .bg_trouble-arts:before {
        content: url("imgs/trouble_arts.svg");
        width: 496px;
        height: 356px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(calc(-50%)) scale(0.5);
        transform-origin: center bottom;
    }
    .bg_trouble-arts::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
        pointer-events: none;
        z-index: 1;
        background-image: url("imgs/StinAkri_Logo_Blanc_RVB_Picto.svg");
        background-position: top -270px right 70px;
        opacity: 0;
        display: none;
    }
}


/* ------------------------------ Actions arts et vulnérabilité -----------------------------*/



.bg_arts-et-vulnerabilites {
    position: relative;
    background-color: #1884C3;
}
/*
.bg_arts-et-vulnerabilites:before {
    content: url("imgs/arts_vulnerabilites_2.svg");
    width: 546px;
    height: 370px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(calc(-50% - 600px));
}
*/
.bg_arts-et-vulnerabilites:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 546px; /* Largeur de base */
    height: 370px; /* Hauteur de base */
    transform: translateX(calc(-50% - 600px));
    background-image: url(imgs/arts_vulnerabilites_2.svg);
    background-size: contain; /* Adapte l'image au conteneur */
    background-repeat: no-repeat;
    background-position: center bottom;
}
.bg_arts-et-vulnerabilites::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
    background-image: url("imgs/bg_vulnerabilite_1.svg");
    background-position: top -270px right 70px;
    opacity: 0.5;
}
.bg_arts-et-vulnerabilites .header_contenu h1 {
    color: var(--couleur-6);
}

.page-template-page-actions .bg_page_arts-et-vulnerabilites::before {
    background-image: url(imgs/bg_vulnerabilite_2.svg);
    background-position: top 790px right -420px;
    opacity: 0.7;
}

.page-template-page-actions .bg_page_arts-et-vulnerabilites::after {
    background-image: url(imgs/bg_trouble_2.svg);
    background-position: top 1700px left -65px;
    background-size: 70%;
    opacity: 0.8;
}

@media (max-width: 991px) {
    
    .bg_arts-et-vulnerabilites {
        padding-bottom: 170px;
    }
    .bg_arts-et-vulnerabilites:before {
        content: url("imgs/arts_vulnerabilites_2b.svg");
        width: 546px;
        height: 370px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(calc(-50%)) scale(0.5);
        transform-origin: center bottom;
    }
    .bg_arts-et-vulnerabilites::after,
    .page-template-page-actions .bg_page_arts-et-vulnerabilites::after {
        display: none;
    }
}



/* ------------------------------ Actions arts et environnement -----------------------------*/



.bg_arts-et-environnement {
    position: relative;
    background-color: var(--couleur-6);
}
.bg_arts-et-environnement:before {
    content: url("imgs/arts_environnement_0b1.svg");
    width: 613px;
    height: 333px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(calc(-50% - 600px)); /* Décalage de 600px vers la gauche */
}
.bg_arts-et-environnement::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1;
    background-image: url("imgs/bg_environnement_1.svg");
    background-position: top -270px right 20px;
    background-size: 39%;
    opacity: 0.7;
}
.bg_arts-et-environnement .header_contenu h1 {
    color: var(--couleur-1);
}

.page-template-page-actions .bg_page_arts-et-environnement::before {
    background-image: url(imgs/bg_environnement_2.svg);
    background-position: top 740px left -460px;
    opacity: 0.6;
    background-size: 67%;
}
.bg_page_arts-et-environnement .header_contenu .header_texte p {
    color: var(--couleur-1);
}


@media (max-width: 991px) {
    
    .bg_arts-et-environnement {
        padding-bottom: 170px;
    }
    .bg_arts-et-environnement:before {
        content: url("imgs/arts_environnement_0b1.svg");
        width: 613px;
        height: 333px;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(calc(-50%)) scale(0.5);
        transform-origin: center bottom;
    }
    .bg_arts-et-environnement::after {
        display: block;
    }
}


h2.titre_intermediaire {
    color: var(--couleur-1);
    margin-top: 80px !important;
    margin-bottom: 33px;
}


.mosaique_3_col {
    width: 90%;
    max-width: 1440px;
    margin: 0 auto 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 80px;
}
.mosaique_item {
    position: relative;
    background: #fff;
    width: 100%;
    margin-bottom: 75px;
    border-radius: 20px;
    border: solid 1px #208fd5;
    overflow: hidden;
    z-index: 2;
}
.mosaique_item .mosaique_image {
    width: 100%;
    height: 320px;
}
.mosaique_item .mosaique_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mosaique_item .sbloc_mosaique_titre h3 {
    font-family: var(--font2) !important;
    font-size: var(--size-1) !important;
    line-height: 29px !important;
    font-weight: 600 !important;
    margin: 12px 0 10px !important;
    text-align: center;
    padding: 0 15px;
}
.mosaique_item .sbloc_mosaique_titre h3 a {
    color: var(--couleur-8);
}

@media (max-width: 991px) {
    h2.titre_intermediaire {
        margin-top: 30px !important;
        margin-bottom: 33px;
    }
    .mosaique_3_col {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 60px;
    }
    .mosaique_item .sbloc_mosaique_titre h3 {
        font-size: 18px !important;
        line-height: 29px !important;
        font-weight: 500 !important;
    }
}



/* ------------------------------ Nous connaître -----------------------------*/

.bg_connaitre {
    position: relative;
    background-color: var(--couleur-1);
    /*
    background-image: url("imgs/StinAkri_Logo_Blanc_RVB_Picto.svg");
    background-repeat: no-repeat;
    background-position: right -203px top 120px; 
    */
}
.bg_connaitre:after {
    content: url(imgs/StinAkri_Logo_Blanc_RVB_Picto.svg);
    width: 720px;
    height: 723px;
    position: absolute;
    top: 120px;
    right: -394px;
    opacity: 0.5;
}


.sidebar_container {
    position: absolute;
    width: 310px;
    left: 30px;
    top: 50px;
    z-index: 35;
}

.sidebar_smenu {
    width: 310px;
    padding: 20px;
    background: #fff;
    transition: all 0.3s ease;
    border-radius: 20px;
    box-shadow: 0px 3px 6px #00000029 !important;
}

/* Style quand le menu devient fixe */
.sidebar_smenu.fixed {
    position: fixed;
    top: 140px;
    left: 100px;
    overflow-y: auto;
    z-index: 35;
}
#menu-menu-lateral {
    list-style: none;
    margin-bottom: 0;
}
#menu-menu-lateral a {
    position: relative;
    display: block;
    color: var(--couleur-8);
    font-size: 20px;
    font-weight: 500;
    font-family: var(--font2);
    padding: 25px 0;
}
#menu-menu-lateral li:not(.smenu_troublearts) a::after {
    content: "";
    display: block;
    width: 105px;
    height: 1px;
    background-color: #707070;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.smenu_troublearts a {
    font-style: normal;
}
#menu-menu-lateral li.smenu_on a {
    font-weight: bold;
    color: var(--couleur-1);
    text-decoration: none;
}



.page-id-28 #histoire,
.page-template-page-connaitre #histoire {
    position: relative;
    z-index: 6;
    margin-top: 0px;
    padding-top: 0px;
}
.page-id-28 #histoire:before,
.page-template-page-connaitre #histoire:before {
    content: url(imgs/Violet_clair.svg);
    width: 833px;
    height: 825px;
    position: absolute;
    top: -160px;
    left: -394px;
    transform: rotate(20deg);
    opacity: 0.75;
}


.page-id-28 #raison,
.page-template-page-connaitre #raison {
    position: relative;
    z-index: 1;
    background-image: linear-gradient(to bottom, transparent 0px, #d7e9ec 0px, #d7e9ec calc(100% - 10px), transparent calc(100% - 10px));
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 0px;
    padding-top: 0px;
}
.page-id-28 #raison:after,
.page-template-page-connaitre #raison:after {
    content: url(imgs/Groupe44.svg);
    width: 585px;
    height: 614px;
    position: absolute;
    top: -220px;
    right: -264px;
    transform: rotate(-20deg);
    opacity: 0.55;
    z-index: 20
}


.page-id-28 #modes,
.page-template-page-connaitre #modes {
    position: relative;
    z-index: 5;
    margin-top: 0px;
    padding-top: 0px;
}
.page-id-28 #modes:after,
.page-template-page-connaitre #modes:after {
    content: url(imgs/StinAkri_Logo_Blanc_RVB_Picto.svg);
    width: 720px;
    height: 723px;
    position: absolute;
    top: -350px;
    left: -200px;
    opacity: 1;
    z-index: 5;
}


.page-id-28 #troublearts,
.page-template-page-connaitre #troublearts {
    position: relative;
    z-index: 2;
    background-image: linear-gradient(to bottom, transparent 0px, #f9f9f9 0px, #f9f9f9 calc(100% - 10px), transparent calc(100% - 10px));
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 0px;
    padding-top: 0px;
}
.page-id-28 #troublearts:before,
.page-template-page-connaitre #troublearts:before {
    content: url(imgs/Groupe38.svg);
    width: 829px;
    height: 774px;
    position: absolute;
    top: -155px;
    left: -224px;
    transform: rotate(-1deg);
    opacity: 1;
    z-index: 20
}
.page-id-28 #troublearts:after,
.page-template-page-connaitre #troublearts:after {
    content: url(imgs/Groupe55.svg);
    width: 420px;
    height: 437px;
    position: absolute;
    bottom: 20px;
    right: -120px;
    transform: rotate(-5deg);
    opacity: 1;
    z-index: 20
}

@media (max-width: 991px) {
    .page-id-28 #histoire:before,
    .page-template-page-connaitre #histoire:before {
        content: url(imgs/Violet_clair.svg);
        width: 0px;
        height: 0px;
        position: absolute;
        top: 0px;
        left: 0px;
        transform: rotate(20deg);
        opacity: 0;
    }
    .bg_connaitre:after {
        content: url(imgs/StinAkri_Logo_Blanc_RVB_Picto.svg);
        width: 720px;
        height: 723px;
        position: absolute;
        top: 120px;
        right: -354px;
        opacity: 0.2;
        transform: scale(0.7);
        transform-origin: right top;
    }
    .sidebar_smenu {
        display: none;
    }
    .page-id-28 #raison:after,
    .page-template-page-connaitre #raison:after {
        content: url(imgs/Groupe44.svg);
        width: 0px;
        height: 0px;
        top: 0px;
        right: 0px;
        opacity: 0;
        z-index: 0;
        display: none;
    }
    .page-id-28 #modes:after,
    .page-template-page-connaitre #modes:after {
        content: url(imgs/StinAkri_Logo_Blanc_RVB_Picto.svg);
        width: 720px;
        height: 723px;
        position: absolute;
        top: -350px;
        left: -300px;
        opacity: .2;
        z-index: 5;
    }
    .page-id-28 #troublearts:before,
    .page-template-page-connaitre #troublearts:before {
        content: url(imgs/Groupe38.svg);
        width: 829px;
        height: 774px;
        position: absolute;
        top: -155px;
        left: -224px;
        transform: rotate(-1deg);
        opacity: .3;
        z-index: 20;
        display: none;
    }
}


/* ------------------------------ Notre organisation -----------------------------*/


.bg_organisation {
    background-color: var(--couleur-1);
    background-image: url("imgs/StinAkri_Logo_Blanc_RVB_Picto0.svg");
    background-repeat: no-repeat;
    background-position: left -23px bottom -445px; 
}

.page-template-page-organisation #fondation {
    position: relative;
    /* z-index: 8; */
    margin-bottom: -110px;
}
.page-template-page-organisation #fondation:before {
    content: url(imgs/virgule_gauche_jaune.svg);
    width: 385px;
    height: 381px;
    position: absolute;
    bottom: -55px;
    left: -105px;
    opacity: 1;
}
.page-template-page-organisation #fondation:after {
    content: url(imgs/virgule_droite_bleu.svg);
    width: 585px;
    height: 614px;
    position: absolute;
    bottom: -100px;
    right: -300px;
    opacity: 1;
}


.page-template-page-organisation #gouvernance {
    position: relative;
    z-index: 6;
    background-image: linear-gradient(to bottom, transparent 160px, #d6e9ec 160px, #d6e9ec calc(100% - 1px), transparent calc(100% - 1px));
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: -160px;
    padding-top: 160px;
}
.page-template-page-organisation #gouvernance:before {
    content: url("imgs/bg_gouvernance_l.svg");
    width: 585px;
    height: 614px;
    position: absolute;
    top: 40%;
    left: -64px;
    transform: rotate(150deg) scaleX(-1) scale(0.5);
    opacity: 1;
    z-index: 20;
    transform-origin: left center;
}
.page-template-page-organisation #gouvernance:after {
    content: url("imgs/StinAkri_Logo_Blanc_RVB_Picto0.svg");
    width: 420px;
    height: 437px;
    position: absolute;
    top: -200px;
    right: 38%;
    transform: rotate(-5deg);
    opacity: 1;
    z-index: 20
}


.page-template-page-organisation #documentation {
    position: relative;
    /* z-index: 8; */
    margin-bottom: 0;
    display: none;
}
.page-template-page-organisation #documentation:before {
    content: url(imgs/StinAkri_Logo_Jaune_RVB_Picto.svg);
    width: 650px;
    height: 653px;
    position: absolute;
    top: -385px;
    right: -345px;
    opacity: 1;
}


@media (max-width: 991px) {
    .bg_organisation {
        background-color: var(--couleur-1);
        background-image: none;
        background-repeat: no-repeat;
        background-position: left -23px bottom -445px; 
        position: relative;
    }
    .bg_organisation:after {
        position: absolute;
        content: "";
        width: 360px;
        height: 361.5px;
        bottom: -112.5px;
        right: -172.5px;
        opacity: 0.3;
        background-image: url(imgs/StinAkri_Logo_Blanc_RVB_Picto0.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .page-template-page-organisation #fondation:after {
        content: url(imgs/virgule_droite_bleu.svg);
        width: 585px;
        height: 614px;
        position: absolute;
        bottom: -100px;
        right: -300px;
        opacity: 0;
        display: none;
    }
    .page-template-page-organisation #fondation:before {
        content: url(imgs/virgule_gauche_jaune.svg);
        width: 385px;
        height: 381px;
        position: absolute;
        bottom: 5px;
        left: -105px;
        opacity: .3;
    }
    
    .page-template-page-organisation #gouvernance:before {
        content: url("imgs/bg_gouvernance_l.svg");
        width: 585px;
        height: 614px;
        position: absolute;
        top: 40%;
        left: -64px;
        transform: rotate(150deg) scaleX(-1) scale(0.7);
        opacity: .3;
        z-index: 20;
        transform-origin: left center;
    }
    .page-template-page-organisation #gouvernance:after {
        content: url("imgs/StinAkri_Logo_Blanc_RVB_Picto0.svg");
        width: 420px;
        height: 437px;
        position: absolute;
        top: -200px;
        right: 38%;
        transform: rotate(-5deg);
        opacity: 0;
        z-index: 20;
        display: none;
    }
    article #gouvernance .container.centre_1168 {
        font-size: var(--size-5) !important;
        font-weight: 500;
    }
    
}



/* ==========================================================================
Nous soutenir
========================================================================== */


.bg_soutenir {
    position: relative;
    background-color: var(--couleur-1);
}

.bg_soutenir:before {
    content: url(imgs/bg_soutenir_1.svg);
    width: 720px;
    height: 723px;
    position: absolute;
    bottom: -145px;
    left: -360px;
    opacity: 1;
    z-index: 2;
}

#mecene {
    position: relative;
}
#mecene:after {
    content: url(imgs/bg_soutenir_2.svg);
    width: 585px;
    height: 614px;
    position: absolute;
    bottom: -65px;
    right: -300px;
    opacity: 1;
    z-index: 2;
}

#don {
    position: relative;
    background: #fff9eb;
}
#don:before {
    content: url(imgs/bg_soutenir_3.svg);
    width: 585px;
    height: 614px;
    position: absolute;
    top: 212px;
    left: -240px;
    opacity: .6;
    z-index: 2;
}
#don:after {
    content: url(imgs/bg_soutenir_4.svg);
    width: 720px;
    height: 723px;
    position: absolute;
    bottom: -212px;
    right: -340px;
    opacity: 1;
    z-index: 2;
}
article #don h3 {
    margin-top: 50px !important;
}

.bloc_don_fondation {
    display: flex;
    padding: 30px 0 40px;
    align-items: center;
    font-size: var(--size-1);
    font-weight: 500;
    line-height: var(--line-height-1);
    font-family: var(--font3);
}
.sbloc_logo_fondation {
    flex-shrink: 0;
}
.bloc_don_fondation img {
    margin-bottom: 0 !important;
    padding-right: 45px;
}

#bloc_bas_lien_sociaux {
    position: relative;
    background-color: var(--couleur-7);
    padding: 50px;
    text-align: center;
}
#bloc_bas_lien_sociaux ul {
    list-style: none;
}
#bloc_bas_lien_sociaux ul li {
    display: inline-block;
    margin: 0 15px 0 15px;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}
#bloc_bas_lien_sociaux ul li a {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    vertical-align: middle;
}
.lien_linkedin {
    background-image: url('imgs/ico_linkedin_2.svg');
}
.lien_youtube {
    /* background-image: url('imgs/ico_vimeo_2.svg'); */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23208fd5' d='M256 0c141.29 0 256 114.71 256 256c0 141.29-114.71 256-256 256c-141.29 0-256-114.71-256-256c0-141.29 114.71-256 256-256Z'/%3E%3Cpath fill='%23ffffff' d='M409.315 178.978c-3.68-13.769-14.522-24.61-28.29-28.29c-24.958-6.688-125.025-6.688-125.025-6.688c0 0-100.067 0-125.025 6.688c-13.765 3.68-24.61 14.521-28.29 28.29c-6.685 24.955-6.685 77.024-6.685 77.024c0 0 0 52.067 6.685 77.02c3.68 13.769 14.525 24.614 28.29 28.293c24.958 6.685 125.025 6.685 125.025 6.685c0 0 100.067 0 125.025-6.685c13.768-3.679 24.61-14.524 28.29-28.293c6.685-24.953 6.685-77.02 6.685-77.02c0 0 0-52.069-6.685-77.024Zm-185.316 125.025l0-96.002l83.137 48.001l-83.137 48.001Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.lien_insta {
    background-image: url('imgs/ico_insta_2.svg');
}


@media (max-width: 991px) {
    .bg_soutenir:before {
        content: url(imgs/bg_soutenir_1.svg);
        width: 720px;
        height: 723px;
        position: absolute;
        bottom: -145px;
        left: -360px;
        opacity: 1;
        z-index: 2;
        display: none;
    }
    #mecene:after {
        content: url(imgs/bg_soutenir_2.svg);
        width: 585px;
        height: 614px;
        position: absolute;
        bottom: -65px;
        right: -280px;
        opacity: .2;
        z-index: 2;
        transform: scale(0.7);
        transform-origin: right top;
    }
    #don:before {
        content: url(imgs/bg_soutenir_3.svg);
        width: 585px;
        height: 614px;
        top: 32px;
        left: -240px;
        opacity: .3;
        transform: scale(0.7);
        transform-origin: center center;
    }
    #don:after {
        content: url(imgs/bg_soutenir_4.svg);
        width: 720px;
        height: 723px;
        position: absolute;
        bottom: -212px;
        right: -340px;
        opacity: 1;
        z-index: 2;
        transform: scale(0.5);
        transform-origin: center center;
    }
    .bloc_don_fondation {
        display: block;
        padding: 30px 0 40px;
        align-items: center;
        font-size: var(--size-1);
        font-weight: 500;
        line-height: 1.4;
        font-family: var(--font3);
    }
    .sbloc_logo_fondation {
        padding-bottom: 10px;
    }
    #bloc_bas_lien_sociaux {
        padding: 20px;
    }
    #bloc_bas_lien_sociaux ul {
        padding-left: 0;
    }
    #bloc_bas_lien_sociaux ul li a {
        width: 39px;
        height: 39px;
    }
    .lien_linkedin,
    .lien_youtube,
    .lien_insta {
        background-size: 100%;
    }
    #bloc_bas_lien_sociaux ul li {
        width: 35px;
        height: 35px;
    }
    #bloc_bas_lien_sociaux ul li a {
        width: 35px;
        height: 35px;
    }
}



/* ==========================================================================
Projets
========================================================================== */


.bg_projets {
    position: relative;
    background-color: var(--couleur-7);
    z-index: 3;
}

.bg_projets:before {
    content: url(imgs/bg_projets_1.svg);
    width: 720px;
    height: 723px;
    position: absolute;
    top: -305px;
    right: 30px;
    opacity: .7;
    z-index: 2;
}
.bg_projets.bg_header_sans_image .header_contenu {
    width: 1225px;
}
.bg_projets.bg_header_sans_image .header_contenu h1,
.bg_projets .header_contenu .header_texte p {
    color: var(--couleur-1);
}

#wrapper_projets {
    position: relative;
    padding: 110px 0;
    overflow: hidden;
}
#wrapper_projets:before {
    content: url(imgs/bg_projets_2.svg);
    width: 1403px;
    height: 1408px;
    position: absolute;
    top: -485px;
    right: -600px;
    opacity: .7;
    z-index: 1;
}
#wrapper_projets:after {
    content: url(imgs/bg_projets_3.svg);
    width: 1403px;
    height: 1408px;
    position: absolute;
    top: 622px;
    left: -60px;
    opacity: .7;
    z-index: 1;
}



/* ==========================================================================
Projet
========================================================================== */


/*
.single-projet .wrapper.projet {
	background-image: url(imgs/bg_projet_1.svg), url(imgs/bg_projet_1.svg), url(imgs/bg_projet_2.svg);
	background-position: top 290px right -460px, top 1620px left -110px, top 3020px right -150px;
	background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 60%, 75%, 75%;
}
*/
.single .main-raised {
    margin-top: 50px;
    margin-bottom: 0px;
}
.single-projet .wrapper.projet {
    position: relative;
}
.single-projet h1.hestia-title.entry-title,
.single-projet h4.author {
    display: none;
}
.single-projet #primary[data-parallax] {
    transform: none !important;
    will-change: auto !important;
}

.single-projet .wrapper.projet::before,
.single-projet .wrapper.projet::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: -1;
}

.single-projet .wrapper.projet::before {
    background-image: url(imgs/bg_projet_1.svg), url(imgs/bg_projet_1.svg);
    background-position: top 290px right -460px, top 1620px left -240px;
    background-size: 60%, 65%;
    opacity: 0.5;
}

.single-projet .wrapper.projet::after {
    background-image: url(imgs/bg_projet_2.svg);
    background-position: top 3020px right -240px;
    background-size: 55%;
    opacity: 0.8; /* Opacité différente pour cette image */
}

.single-projet .blog-post,
.single-projet .main {
    background: none;
}


.single .main-raised.main_projets {
    margin-top: -150px;
}
.header_projet {
    background: #fff;
    width: 1345px;
    max-width: 92%;
    margin: -430px auto 50px;
    padding: 35px 60px 50px;
    border-radius: 20px;
}
.div_projet_contenu_central {
    width: 1310px;
    max-width: 96%;
    margin: 40px auto 65px;
}

.projet_etiquettes {
    margin-bottom: 45px;
}
.etiquettes_liste {
    text-align: center;
}
.etiquettes {
    margin: 0 10px 10px;
}
.etiquettes {
    background-color: var(--couleur-5);
    display: inline-block;
    padding: 3px 45px;
    font-size: 16px;
    line-height: 20px;
    font-family: var(--font2);
    font-weight: 500;
    color: #fff !important;
    border-radius: 10px;
}

.projet_categories {
    text-align: center;
    margin-bottom: 35px;
}
.categorie_titre {
    font-size: var(--size-6);
    line-height: 36px;
    font-family: var(--font3);
    color: var(--couleur-1);
}
.categorie_titre a {
    font-size: var(--size-6);
    color: var(--couleur-1) !important;
}
.projet_categories span.categorie_titre:not(:first-child):before {
        content: " - ";
}

.header_projet h1 {
    font-size: var(--size-4);
    line-height: 60px;
    font-family: var(--font4);
    color: var(--couleur-1);
    text-align: center;
    font-style: italic;
    margin-bottom: 5px;
}
.projet_sous_titre {
    font-size: var(--size-4);
    line-height: 60px;
    font-family: var(--font4);
    color: var(--couleur-1);
    text-align: center;
    margin-bottom: 30px;
}
.projet_description_intro {
    font-size: var(--size-3);
    line-height: 50px;
    font-family: var(--font4);
    color: var(--couleur-1);
    text-align: center;
}

.single-projet .hestia-title.main_titre_bandeau {
    display: none;
}

@media (min-width: 992px) {
    .single-projet .page-header.header-small {
        min-height: 750px;
    }
}

.div_projet_contenu_central h2,
#projet_footer h2 {
    font-size: var(--size-2);
    font-family: var(--font3);
    font-weight: 700;
    line-height: 40px;
    color: var(--couleur-1);
    margin-bottom: 33px;
}
.div_projet_contenu_central .projet_description,
.div_projet_contenu_central .projet_description p {
    font-size: var(--size-1);
    font-family: var(--font2);
    font-weight: 500;
    line-height: 35px;
    color: var(--couleur-8);
    margin-bottom: 10px;
}
.div_projet_contenu_central .projet_description a,
.div_projet_contenu_central .projet_description p a {
    color: var(--couleur-1);
    text-decoration: underline;
}

.bloc_aller_plus_loin {
    background: var(--couleur-4) url("imgs/Plus.svg") no-repeat 27px 23px;
    color: #fff;
    font-size: var(--size-1);
    margin-top: 80px;
    padding: 23px 93px 35px;
    border-radius: 20px;
}
#bloc_projet_artiste .bloc_aller_plus_loin {
    clear: both;
}
.bloc_aller_plus_loin p,
article .container.padl_475 .bloc_aller_plus_loin p {
    color: #fff !important;
    font-size: var(--size-1);
    line-height: 35px;
}
.bloc_aller_plus_loin p.titre_savoir_plus,
article .container.padl_475 .bloc_aller_plus_loin p.titre_savoir_plus {
    color: #fff !important;
    font-size: var(--size-3) !important;
    font-family: var(--font3);
    font-weight: bold;
    line-height: 30px;
    padding-top: 10px;
}
.bloc_aller_plus_loin a {
    color: #fff !important;
    text-decoration: underline;
}
.bloc_aller_plus_loin a:hover {
    color: #fff !important;
    text-decoration: none;
}

.marg_top_description {
    margin-top: 120px;
}
#bloc_projet_cofinanceurs a {
    color: var(--font8);
}

#projet_footer {
    background: var(--couleur-7);
    text-align: center;
    padding: 100px 10px;
}
#projet_footer h2 {
    margin-bottom: 0;
}


#projet_diaporama,
#bloc_video_projet {
    display: block;
    clear: both;
    padding-top: 50px;
    padding-bottom: 20px;
}
.carousel-cell {
    width: 100%;
    height: 500px;
    margin-right: 10px;
    /* center images in cells with flexbox */
    display: flex;
    align-items: center;
    justify-content: center;
}
.carousel-cell img {
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
}
.carousel.is-fullscreen .carousel-cell {
    height: 100%;
}
.carousel-cell-image {
    display: block;
    max-height: 100%;
}
.carousel.is-fullscreen .carousel-cell-image {
    max-width: 100%;
}
.carousel-cell {
    position: relative;
    text-align: center;
}
.carousel-cell .image-title {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    /* background: var(--couleur-1); */
    background-color: rgba(1, 69, 135, 0.4);
    color: #fff;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    border-radius: 7px;
}
.flickity-enabled.is-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsl(0 0% 0% / 90%);
    padding-bottom: 35px;
    z-index: 1100;
}
.flickity-button.previous {
    background-size: contain;
    width: 54px;
    height: 70px;
    border: none;
}
.flickity-button.previous {
    background: url('imgs/arrow_left.png') no-repeat center center;
}

.flickity-button.next {
    background: url('imgs/arrow_left.png') no-repeat center center;
    transform: translateY(-50%) scaleX(-1);
}
.flickity-prev-next-button {
    width: 54px;
    height: 70px;
    border-radius: 0;
    box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0), 0 3px 1px -2px rgba(233, 30, 99, 0), 0 1px 5px 0 rgba(233, 30, 99, 0) !important;
}

/* Masquer les icônes Flickity par défaut */
.flickity-button-icon {
    display: none;
}
.flickity-fullscreen-button .flickity-button-icon {
    display: block;
}
.flickity-button.flickity-fullscreen-button {
    background: #fff;
    border: solid 2px #fff;
    box-shadow: 0 2px 2px 0 rgba(233, 233, 233, 0.82), 0 3px 1px -2px rgba(233, 233, 233, 0.82), 0 1px 5px 0 rgba(233, 233, 233, 0.82) !important;
}
.flickity-fullscreen-button {
    right: 36px;
    top: 50px;
    width: 34px;
    height: 34px;
    border-radius: 0px;
    padding: 0 15px;
}
.flickity-fullscreen-button .flickity-button-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    top: 4px;
}
.flickity-button-icon {
    fill: var(--couleur-1);
}
.flickity-button.flickity-fullscreen-button:hover {
    background: var(--couleur-1);
    cursor: pointer;
}
.flickity-button:hover .flickity-button-icon {
    fill: #fff;
}
.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: var(--couleur-1);
    border-radius: 50%;
    opacity: .25;
    cursor: pointer;
}

@media (max-width: 991px) {
    .single-projet .wrapper,
    .search-results .wrapper {
        overflow: hidden;
    }
    .header_projet {
        max-width: 92%;
        margin: -130px auto 20px;
        padding: 20px 15px 10px;
        border-radius: 15px;
    }
    .projet_etiquettes {
        margin-bottom: 17px;
    }
    .etiquettes {
        padding: 3px 25px;
        font-size: 13px;
        line-height: 1.3;
        border-radius: 10px;
    }
    .categorie_titre {
        font-size: var(--size-1);
        line-height: 1.3;
        letter-spacing: -.4px;
    }
    .projet_categories {
        margin-bottom: 20px;
    }
    
    .header_projet h1 {
        font-size: var(--size-2);
        line-height: 1.3;
        margin-bottom: 10px;
    }
    .projet_sous_titre {
        font-size: var(--size-6);
        line-height: 1.2;
        margin-bottom: 20px;
    }
    .projet_description_intro {
        font-size: 18px;
        line-height: 50px;
    }
    
    .div_projet_contenu_central {
        max-width: 96%;
        margin: 30px auto 35px;
        padding: 0 10px;
    }
    .div_projet_contenu_central h2,
    #projet_footer h2 {
        font-size: var(--size-3);
        line-height: 1.3;
        margin-bottom: 20px;
    }
    .div_projet_contenu_central .projet_description,
    .div_projet_contenu_central .projet_description p {
        font-size: var(--size-5);
        line-height: 1.6;
        margin-bottom: 10px;
    }
    
    .pods-orientation-image {
        text-align: center;
    }
    .pods-orientation-image.vertical-image img {
        max-height: 300px;
        width: auto;
    }
    
    .bloc_aller_plus_loin {
        font-size: var(--size-1);
        margin-top: 40px;
        padding: 23px 23px 23px 93px;
        border-radius: 15px;
    }
    .bloc_aller_plus_loin p,
    article .container.padl_475 .bloc_aller_plus_loin p {
        font-size: var(--size-1);
        line-height: 1.3;
    }
    .bloc_aller_plus_loin ul,
    .projet_description ul {
        padding-left: 15px;
    }
     
    #projet_diaporama,
    #bloc_video_projet {
        display: block;
        clear: both;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .carousel-cell {
        width: 98%;
        height: 300px;
        margin-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .carousel-cell .image-title {
        bottom: 2px;
        border-radius: 5px;
    }
    .flickity-button {
        display: none;
    }
    
    .marg_top_description {
        margin-top: 60px;
    }

    #projet_footer {
        padding: 30px 10px;
    }
    
}
@media (max-width: 768px) {
    .page .section.section-text {
        padding: 0;
    }
}


/* ==========================================================================
Contact
========================================================================== */


.bg_contact {
    position: relative;
    background-color: var(--couleur-1);
}

.bg_contact:before {
    content: url(imgs/bg_contact_1.svg);
    width: 720px;
    height: 723px;
    position: absolute;
    top: -425px;
    right: 0px;
    opacity: 1;
    z-index: 2;
}
#contact_email {
    position: relative;
}
#contact_email a {
    color: var(--couleur-4) !important;
    text-decoration: underline;
}
#contact_email:before {
    content: url(imgs/bg_contact_2.svg);
    width: 585px;
    height: 614px;
    position: absolute;
    top: -40px;
    right: -300px;
    opacity: 1;
    z-index: 2;
}
#contact_poste {
    background-color: #e3f1fa;
    position: relative;
}
#contact_poste:before {
    content: url(imgs/bg_contact_3.svg);
    width: 788px;
    height: 791px;
    position: absolute;
    top: 155px;
    left: -260px;
    opacity: .7;
    z-index: 2;
}

@media (max-width: 991px) {
    .bg_contact:before,
    #contact_poste:before {
        display: none;
    }
    #contact_email:before {
        content: url(imgs/bg_contact_2.svg);
        width: 585px;
        height: 614px;
        position: absolute;
        top: -40px;
        right: -300px;
        opacity: .2;
        z-index: 2;
    }
}



/* ==========================================================================
Mentions légales
========================================================================== */


.bg_mentions {
    position: relative;
    background-color: var(--couleur-1);
}

.bg_mentions:before {
    content: url(imgs/bg_mentions_1.svg);
    width: 422px;
    height: 424px;
    position: absolute;
    bottom: -215px;
    right: -200px;
    opacity: 1;
    z-index: 2;
}
#section_mentions {
    position: relative;
}
#section_mentions:before {
    content: url(imgs/bg_mentions_2.svg);
    width: 622px;
    height: 625px;
    position: absolute;
    top: 85px;
    left: -280px;
    opacity: 1;
    z-index: 2;
}
article #section_mentions .container h2 {
    font-size: var(--size-2) !important;
    font-weight: 700;
    line-height: 45px;
    font-family: var(--font3) !important;
    margin-bottom: 20px !important;
    margin-top: 50px !important;
    color: var(--couleur-1);
}

@media (max-width: 991px) {
    .bg_mentions:before {
        content: url(imgs/bg_mentions_1.svg);
        width: 422px;
        height: 424px;
        position: absolute;
        bottom: -215px;
        right: -200px;
        opacity: 0;
        z-index: 2;
        display: none;
    }
    #section_mentions:before {
        content: url(imgs/bg_mentions_2.svg);
        width: 622px;
        height: 625px;
        position: absolute;
        top: 85px;
        left: -280px;
        opacity: .4;
        z-index: 2;
        transform: scale(0.7);
        transform-origin: center center;
    }
    article #section_mentions .container h2 {
        font-size: var(--size-1) !important;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 15px !important;
        margin-top: 30px !important;
    }
}


/* ==========================================================================
Kit communication
========================================================================== */


.bg_communication {
    position: relative;
    background-color: var(--couleur-2);
}

.bg_communication:before {
    content: url(imgs/bg_communication_1.svg);
    width: 454px;
    height: 455px;
    position: absolute;
    top: 125px;
    left: -220px;
    opacity: 1;
    z-index: 2;
}

.bg_header_sans_image.bg_communication .header_contenu h1 {
    color: var(--couleur-1);
}



/* ==========================================================================
Presse
========================================================================== */


.bg_presse {
    position: relative;
    background-color: var(--couleur-2);
}

.bg_presse:before {
    content: url(imgs/bg_presse_1.svg);
    width: 720px;
    height: 723px;
    position: absolute;
    top: -305px;
    right: -130px;
    opacity: 1;
    z-index: 2;
}
.bg_header_sans_image.bg_presse .header_contenu h1 {
    color: var(--couleur-1);
}
#contact_presse {
    position: relative;
}
#contact_presse:before {
    content: url(imgs/bg_presse_2.svg);
    width: 622px;
    height: 625px;
    position: absolute;
    top: -135px;
    left: -280px;
    opacity: 1;
    z-index: 2;
}
#contact_presse a {
    color: var(--couleur-4) !important;
    text-decoration: underline;
}

@media (max-width: 991px) {
    .bg_presse:before {
        content: url(imgs/bg_presse_1.svg);
        width: 720px;
        height: 723px;
        position: absolute;
        top: -305px;
        right: -130px;
        opacity: 0;
        z-index: 2;
        display: none;
    }
    #contact_presse:before {
        content: url(imgs/bg_presse_2.svg);
        width: 622px;
        height: 625px;
        position: absolute;
        top: -135px;
        left: -280px;
        opacity: .4;
        z-index: 2;
        transform: scale(0.5);
        transform-origin: center center;
    }
}


/* ------------------------------ crack Elementor -----------------------------*/

article.section.pagebuilder-section {
    padding-top: 0 !important;
}

/* ==========================================================================
Page Accueil
========================================================================== */





/* ------------------------------ Actualités -----------------------------*/




/* ------------------------------ Timeline -----------------------------*/



/* ------------------------------ Frise partenaires -----------------------------*/


/* ==========================================================================
Page Classique
========================================================================== */
/*
.section.section_classique {
    padding: 0 0 70px !important;
}
.section_couleur_1 {
    background-color: var(--couleur-4);
}
.header-filter::before,
.header-filter.header-filter-gradient:before {
    background-color: rgba(0, 0, 0, 0.5);
}
.header-filter.header-filter-gradient {
    background-position: center center !important;
    background-size: cover !important;
}
.sur_titre,
.sous_titre,
.single-actualites .hestia_title_actu {
    font-family: "Rethink Sans", sans-serif;
    font-size: 45px;
    font-weight: 600;
    margin: 5px 0 10px;
    line-height: 1.15;
    width: 850px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.page-header.header-small .container .hestia-title, 
.page-header.header-small .container .title,
.single-actualites .sur_titre_actu {
    font-family: "Rethink Sans", sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 5px 0 5px;
    line-height: 1.2;
}

@media (max-width: 991px) {
    .sur_titre,
    .sous_titre,
    .single-actualites .hestia_title_actu {
        font-size: 24px;
    }
    .page-header.header-small .container .hestia-title, 
    .page-header.header-small .container .title,
    .single-actualites .sur_titre_actu {
        font-size: 21px;
    }
}

body.search .hestia-blogs .section {
    padding: 50px 0;
}

#bloc_contenu_page {
    padding-top: 0px !important;
}
@media (max-width: 991px) {
    body.search .hestia-blogs .section {
        padding: 30px 0;
    }
    #bloc_contenu_page {
        padding-top: 30px !important;
    }
}
*/


/* ==========================================================================
CONTACT
========================================================================== */

.ligne_form {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 0px;
    margin-bottom: 10px;
    grid-template-areas: "label" 
                        "champ"; 
}

.form_label {
    grid-area: label;
}
.form_champ {
    grid-area: champ;
}

@media (max-width: 768px) {
    .form_label p {
        margin-bottom: 0 !important;
    }
}
@media (min-width: 769px) {
    .ligne_form {
        display: grid;
        grid-template-columns: 120px auto;
        column-gap: 20px;
        margin-bottom: 10px;
        grid-template-areas: "label champ"; 
    }
    .form_label {
        width: 120px;
    }
    .form_champ {
        width: calc(100% - 140px)
    }
    .champ_mini input:not([type="submit"]) {
        width: 500px;
        max-width: 95%;
    }
}

.form_label {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--couleur-2);
    text-transform: uppercase;
}
.form-control, .form-group .form-control, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);
    float: none;
    border-radius: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-size: 0 2px, 100% 1px;
    font-weight: 400;
    -webkit-transition: background 0s ease-out;
    transition: background 0s ease-out;
    background:  var(--couleur-3);
    border: solid 1px var(--couleur-2);
}

.form-group.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#01bfbf), to(#01bfbf)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#01bfbf), to(#01bfbf)), -webkit-linear-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
    background-image: linear-gradient(linear, left top, left bottom, from(#01bfbf), to(#01bfbf)), linear-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2));
    background: #fff !important;
}




/* ==========================================================================
RECHERCHE
========================================================================== */


#search_content {
    position: relative;
    overflow: hidden;
}
#search_content:before {
    content: url(imgs/bg_projet_2.svg);
    width: 1403px;
    height: 1408px;
    position: absolute;
    top: 55px;
    right: -650px;
    opacity: .75;
    z-index: 2;
}
.search-result-title {
    font-size: 25px !important;
    line-height: 30px !important;
    font-weight: 600 !important;
    margin: 10px 0 12px !important;
    color: var(--couleur-2);
}
.search-result-title a {
    color: var(--couleur-2) !important;
    font-family: var(--font3);
}
.search-result-title a:hover {
    text-decoration: underline !important;
}
.search-result-excerpt {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-family: var(--font2);
}
.search-result-content {
    position: relative; /* Nécessaire pour le pseudo-élément */
    padding-bottom: 30px; /* Espace avant le tiret */
    margin-bottom: 20px; /* Espace après le tiret */
}

.search-result-content::after {
    content: "";
    display: block;
    width: 250px;
    height: 1px; /* Épaisseur du tiret */
    background-color: var(--couleur-1);
    margin: 0 auto; /* Centrage horizontal */
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); /* Centrage précis */
}
.pagination span.current {
    background: var(--couleur-1) !important;
    box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0), 0 4px 23px 0 rgba(0, 0, 0, 0), 0 8px 10px -5px rgba(233, 30, 99, 0);
}

@media (max-width: 991px) {
    .bg_organisation:after,
    #search_content:before {
        display: none;
    }
    .search-results .header_contenu h1 {
        font-size: var(--size-6);
    }
    .search-result-excerpt {
        font-size: 15px;
        line-height: 1.6;
        color: #000;
        font-family: var(--font2);
    }
}