@import url('https://fonts.cdnfonts.com/css/open-sans');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Oswald:wght@200..700&family=Roboto+Slab:wght@100..900&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

:root{
    /* --mb-primary-color: #04AF41;
    --mb-menuitem-color: #7A8B80;
    --mb-sec-color: #FFCC18;
    --mb-submenu-color: #04612b;
    --mb-green-color: #0B8236; */
    
    --mb-primary-color: #004226;
    --mb-menuitem-color: var(--color-green-800);
    --mb-sec-color: #FFCC18;
    --mb-submenu-color: #004226;
    --mb-green-color: var(--color-green-800);
    --mb-red-color: #e76e50;
    --mb-danger-color: #f4a462;

    --mb-ft-title: 'Oswald';
    --mb-ff-light: 'Open Sans Light';
    --mb-ftw-title: 700;
    --mb-mt: 50px;
    --mb-mt-negative: -65px;
    --mb-box-shadow: 2px 3px 10px #0000002a;
}



html{
    /* width: 100vw; */
}

body {
    padding: 0;
    margin: 0;

    background-color: #F0F0F0;
    background-size: 50%;
    /* background-image: url(../images/anif_bg.svg); */
    background-blend-mode: darken;
}

.layout-container {
    overflow: hidden;
}

a {
    text-decoration: none;
}

/* 
    font-family: 'Open Sans', sans-serif;
    font-family: 'Open Sans Light', sans-serif;
    font-family: 'Open Sans Condensed', sans-serif; 
*/

* {
    font-family: 'Open Sans', sans-serif;
    /* font-weight: 100; */
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.oswald,  .oswald *{
    font-family: 'Oswald', sans-serif !important;
}


div {
    box-sizing: border-box;
}

.header-top {
    height: var(--mb-mt);
    /* background-color: var(--mb-primary-color); */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}


.header-top>div {
    width: 33.33%;
    height: 100%;
}

/* .header-top .search-zone {
    width: 35%;
} */

nav.socials-medias-nav ul li img {
    /* width: 100%; */
    height: 75%;
    /* aspect-ratio: 1; */
    /* object-fit: contain; */
    /* object-position: center; */
}


.search-zone input.form-search {
    background: transparent;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    height: 38px;
}

#search-block-form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
}

#block-anif-formulairederecherche .form-type-search{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

#block-anif-formulairederecherche .form-type-search input{
    width: 100%; 
    background: transparent;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
}

#block-anif-formulairederecherche .form-actions .form-submit {
    position: absolute;
    right: 0;
    font-size: 0px;
    top: 30%;
    background: url(../images/Search.png) no-repeat center;
    width: 30px;
    height: 30px;
}

.search-zone i.better_search {
    color: #ffffff;
    filter: brightness(10);
}

.search-zone input.form-search:focus-visible {
    border: none;
    border-bottom: 1px solid #ffffff;
    outline: none;
}

nav.socials-medias-nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-start;
    list-style: none;
}

nav.socials-medias-nav ul li {
    width: 25px;
    height: 20px;
    margin-right: 15px;
    /* overflow: hidden; */
}

.links-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    text-transform: uppercase;
}

.adherent-block {
    margin: 0 15px;
}

.links-top .adherent-block a {
    color: #000000;
    background: var(--mb-sec-color);
    padding: 8px 15px;
    font-weight: var(--mb-ftw-title);
    font-family: var(--mb-ft-title);
}

.links-top .adherent-block a:hover {
    background: #ffffff;
}

.language-zone {
    min-width: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    width: 45px;
    position: relative;
}

.language-zone ul.dropdown-language-item.dropbutton * {
    font-family: var(--mb-ft-title);
    color: #ffffff;
    font-weight: var(--mb-ftw-title);
}

.language-zone .dropbutton-widget {
    position: absolute !important;
    top: -10px;
}

.language-zone li.dropbutton-action.secondary-action>a:hover {
    color: var(--mb-sec-color);
}

.language-zone>div {
    width: 100%;
}

div#block-anif-dropdownlanguage {
    width: 100%;
}

.header-nav {
    height: 75px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    align-content: flex-end;
    position: relative;
}

.header-nav .menu-principal {
    width: 50%;
}

.header-nav .menu-principal nav#block-anif-main-menu>ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-evenly;
    list-style: none;
    padding: 0;
}

nav#block-anif-main-menu>ul>li {
    padding: 15px;
    color: var(--mb-menuitem-color);
    text-transform: uppercase;
}

nav#block-anif-main-menu>ul>li>* {
    font-weight: var(--mb-ftw-title);
    font-family: var(--mb-ft-title);
    font-size: .9rem;
    color: var(--mb-menuitem-color);
}

.link-btn, .slides .read-more a{
    padding: 15px;
    background: #EF4444;
    color: #EFEFEF;
    text-transform: uppercase;
    font-family: var(--mb-ft-title);
    font-weight: var(--mb-ftw-title);
    font-size: var(--text-sm);
}

.link-btn:hover, .slides .read-more a:hover{
    background: #ffffff;
    color: var(--mb-submenu-color);

}

nav#block-anif-main-menu>ul>li:hover
/*,
nav#block-anif-main-menu>ul>li:has(.is-active) */
{
    background: var(--mb-submenu-color);
    color: var(--mb-sec-color);
}

nav#block-anif-main-menu>ul>li:hover>*:is(span, a),
nav#block-anif-main-menu>ul>li:has(.is-active)>span,
nav#block-anif-main-menu>ul>li>*.is-active
{
    color: var(--mb-sec-color);
}

nav#block-anif-main-menu>ul>li>ul {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    min-height: 0;
    top: 84px;
    right: 0;
    width: 100%;
    display: flex;
    background: var(--mb-submenu-color);
    color: #ffffff;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    z-index: 10;
    opacity: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

nav#block-anif-main-menu.contextual-region>ul>li>ul {
    width: 100vw;
    margin-top: -35px;
}

nav#block-anif-main-menu>ul>li>ul>li>ul {
    list-style: none;
    padding: 0;
}

nav#block-anif-main-menu>ul>li>ul>li {
    margin-left: 5%;
    padding: 15px;
    line-height: 2.5;
}

nav#block-anif-main-menu>ul>li>ul>li>span {
    margin-bottom: 15px;
    display: inline-block;
    font-family: var(--mb-ft-title);
    font-weight: var(--mb-ftw-title);
}

nav#block-anif-main-menu>ul>li>ul>li li {
    border-bottom: 0.5px solid #ffffff8c;
    font-size: .9rem;
}

nav#block-anif-main-menu>ul>li>ul>li li a{
    color: #ffffff;
}

nav#block-anif-main-menu>ul>li>ul>li li:hover *
/* nav#block-anif-main-menu>ul>li>ul>li li a.is-active */
{
    color: var(--mb-sec-color) !important;
}

header nav{
    height: 100%;
    width: 100%;
    position: initial !important;
}

header nav[role='navigation']>ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0;
    height: 100%;
    align-items: center;
    text-align: left;
}

header nav[role='navigation']>ul>li{
    flex-grow: 1;
    width: 33.33%;
    background-color: rgba(255, 255, 255, 0.1);
    text-align: center;
    height: 100%;
}

header nav[role='navigation']>ul>li>a{
    width: 100%;
    padding: 1rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    text-transform: uppercase;
}


header nav[role='navigation']>ul>li a:hover{
    color: var(--color-green-800);
}
header nav[role='navigation']>ul>li>ul {
    max-height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    flex-direction: row;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    background: color-mix(in oklab, var(--color-white) 100%, transparent);
    padding-inline: calc(var(--spacing) * 8);
    z-index: 100;
    text-align: left;
    opacity: 0;
    overflow: hidden;
}

header nav[role='navigation']>ul>li:hover>ul {
    max-height: 100vh;
    opacity: 1;
    z-index: 101;
    min-height: 35vh;
    border-top: 2px solid var(--color-green-800);
    padding-block: calc(var(--spacing) * 8);
}

header nav[role='navigation']>ul>li>ul>li{
    width: auto;
    flex-grow: 1;
    text-align: left;
    padding: 0;
    margin: 0 1rem;
    list-style: none;
}


header nav[role='navigation']>ul>li>ul>li>a{
    font-weight: 400;
    text-transform: uppercase;
    padding: .5rem 0;
    display: block;
    color: var(--color-primary);
    text-decoration: none;
    font-size: var(--text-base);
    position: relative;
}

header nav[role='navigation']>ul>li>ul>li>a::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    background: var(--color-green-800);
}

header nav[role='navigation']>ul>li>ul>li>ul{
    margin-top: calc(var(--spacing) * 4);
    line-height: 2.4;
}

header nav[role='navigation']>ul>li>ul>li>ul>li>ul{
    overflow: hidden;
    max-height: 0;
    padding-left: 1rem;
}

header nav[role='navigation']>ul>li>ul>li>ul>li:hover>a{
    text-decoration: underline;
}

header nav[role='navigation']>ul>li>ul>li>ul>li:hover>ul{
    max-height: 100vh;

}


.section-1 {
    width: 100%;
    margin: 0;
}
.slides {
    height: 100% !important;
    position: relative;
}

.slide {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.splide__list {
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}


.splide.is-initialized, .splide.is-rendered {
    visibility: visible;
    position: relative;
    height: 100%;
    min-height: 100vh;
}

.splide__arrow--next {
    right: 1rem;
}

.splide__arrow--prev {
    left: 1rem;
}


.splide__arrow{
    background: #00000000;
    border: 0;
    color: #e5eeee;
    cursor: pointer;
    position: absolute;
    /* top: 50%; */
    display: block;
    opacity: .4;
    z-index: 1;
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    -ms-border-radius: 25%;
    -o-border-radius: 25%;
    border-radius: 25%;
}

.splide__arrow:hover{
    background-color: #fdfdfd50;
    opacity: .8;
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    z-index: 0;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    gap: calc(var(--spacing) * 8);
    -webkit-transition: opacity 3ms cubic-bezier(0.25, 1, 0.5, 1);
    -moz-transition: opacity 3ms cubic-bezier(0.25, 1, 0.5, 1);
    -ms-transition: opacity 3ms cubic-bezier(0.25, 1, 0.5, 1);
    -o-transition: opacity 3ms cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 3ms cubic-bezier(0.25, 1, 0.5, 1);
}

.splide__arrow--next {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.splide__arrow--prev {
    -webkit-transform: scaleX(-1) translateY(-50%);
    -moz-transform: scaleX(-1) translateY(-50%);
    -ms-transform: scaleX(-1) translateY(-50%);
    -o-transform: scaleX(-1) translateY(-50%);
    transform: scaleX(-1) translateY(-50%);
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
    height: 100%;
}

.slide-cover {
    height: 100%;
    z-index: -1;
    position: absolute;
    width: 100%;
}

.slide-cover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: rgb(4, 103, 39); */
    background: linear-gradient(45deg,rgba(0,66,38,1) 25%,rgba(0,66,38,0) 70%);
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
}

.splide__pagination__page {
    background: #D9D9D9;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin: 0 .1rem;
    padding: 0;
    position: relative;
    transition: background-color .2s ease, color .2s ease;
    width: 10px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -ms-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
}

.section-1 .splide__pagination__page.is-active {
    background: #ffffff;
}

.splide__arrows.splide__arrows--ltr {
    position: absolute;
    top: 50%;
    width: 100%;
}

.slide-cover img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 100%;
}

.slide>div:not(.slide-cover, .carousel-inner) {
    padding-inline: 15px 5%;
    max-width: var(--container-5xl);
    padding-inline: calc(var(--spacing) * 36);
}

.slide-title * {
    font-size: 3rem;
    font-weight: 800;
    font-family: var(--mb-ft-title);
    text-transform: uppercase;
    width: 80%;
    color: #ffffff;
    margin-bottom: 0;
}

/* .slide-title *::first-line {
    font-size: 1rem;
} */

.slide-title {
    /* margin-top: 45px; */
    /* min-height: 285px; */
    display: flex;
    align-items: flex-end;
}

#slider{
    overflow: hidden;
}


.slide>div.slide-resume {
    width: 45%;
    color: #ffffff;
    font-size: 1rem;
    line-height: 2;
}

.slide>div.slide-resume *{
    /* font-family: var(--mb-ft-title); */
    font-weight: 100;
}

.slides-btns, ul.splide__pagination.splide__pagination--ltr {
    position: absolute;
    bottom: var(--mb-mt);
    right: 5%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
    padding: 0;

}

.section-1 .splide__pagination__page {
    background: transparent;
    border: 1px solid #ffffff;
    width: 10px;
    height:10px;
}

/* .slides-btns>li {
    width: 8px;
    height: 8px;
    border: 1px solid;
    color: #ffffff;
    margin-left: 8px;
    border-radius: 30px;
} */

/* .slides-btns>li.is-active {
    background: #ffffff;
} */

.section-2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 35px;
    margin-top: var( --mb-mt-negative);
    /* background-color: #F0F0F0;
    background-image: url(../images/anif_bg.svg);
    background-size: 50%; */
}

.layout-content>div.stats, .header-nav{
    background-color: #ffffff;
}
.layout-content>div[class^='section-']:not(.section-1):not(.stats), .layout-content>div[class^='scetion-'] {
    /* background-size: 50%;
    background-image: url(../images/anif_bg.svg);
    background-blend-mode: darken; */
}

.part-1 {
    width: 65%;

}

.parteners-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.partener {
    width: calc(1 / 6 * 100%);
}

.bref-list, .stat-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
}

.stat {
    width: 24%;
    background: var(--color-gray-50);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    gap: calc(var(--spacing) * 6);
    padding: calc(var(--spacing) * 8);
    aspect-ratio: 1;
}

.stat-title{
    min-height: 40px
}
.bref {
    width: 49%;
    background: var(--color-gray-100);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    gap: calc(var(--spacing) * 6);
    padding: calc(var(--spacing) * 8);
}

.part-container {
    padding: 35px;
    box-shadow: var(--mb-box-shadow);
    height: 430px;
    margin-top: var(--mb-mt);
    position: relative;
    background: #ffffff;
}

.contextual-links {
    position: relative;
    top: -1px;
    right: 6px;
    float: right;
    clear: both;
    margin: 0;
    padding: 0.25em 0;
    text-align: left;
    white-space: nowrap;
    border: 1px solid #ccc;
    border-radius: 4px 0 4px 4px;
    background-color: #fff;
}

.contextual-links a, .contextual-links a:hover {
    text-decoration: none;
}

.contextual-links a {
    display: block;
    margin: 0.25em 0;
    padding: 0.4em 0.6em;
    color: #333;
    background-color: #fff;
    font-family: sans-serif;
    font-size: small;
    line-height: 0.8em;
}

.contextual-links li {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    border: none;
    background-color: #fff;
    line-height: 100%;
}

.mot-title {
    font-size: 1.5rem;
    border-left: 5px solid var(--mb-sec-color);
    padding-left: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 0;
}

.mot-title * {
    margin: 0;
    font-weight: 500;
    font-family: var(--mb-ft-title);
}

.mot-cover {
    float: right;
    width: 35%;
    overflow: hidden;
    aspect-ratio: 1 / 1.2;
    max-height: 100%;
    position: relative;
    clear: right;
    margin-top: 10px;
    margin-left: 55px;
}

.mot-cover div {
    height: 100%;
    width: 100%;
}

.mot-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.mot-content {
    text-align: justify;
    font-size: .9rem;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.mot-read-more.read-more {
    margin: 45px 0 15px;
}

.mot-read-more.read-more a {
    padding: 15px;
    background: var(--mb-submenu-color);
    color: #ffffff;
    text-transform: uppercase;
}

.mot-read-more.read-more a:hover {
    background: var(--mb-sec-color);
    color: var(--mb-submenu-color);
}

.part-2.acces-rapide {
    width: 30%;
    box-shadow: var(--mb-box-shadow);
    height: 200%;
    background: #FDFDFD;
    position: sticky;
    top: 25px;
}

.acces-rapide-title h4 {
    margin: 0;
    color: #ffffff;
    text-align: center;
    font-weight: var(--mb-ftw-title);
    font-family: var(--mb-ft-title);
    font-size: 1.6rem;
}


.innerPageHeader {
    height: 400px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.layout-content.innerPage {
    padding: 0 55px;
}


h2#block-anif-accesrapide-menu, .innerpage-title h4 {
    background: var(--mb-primary-color);
    padding: 15px;
    text-transform: uppercase;
    margin: 0;
    color: #ffffff;
    text-align: center;
    font-weight: var(--mb-ftw-title);
    font-family: var(--mb-ft-title);
    font-size: 1.3rem;
}


.acces-rapide-title {
    background: var(--mb-primary-color);
    padding: 15px;
    text-transform: uppercase;
}


.acces-rapide-items, nav#block-anif-accesrapide>ul {
    height: 323px;
    margin: 0;
    padding: 25px 55px;
    list-style: none;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
}


.acces-rapide-items li, nav#block-anif-accesrapide>ul>li {
    border-bottom: 0.5px solid var(--mb-submenu-color);
    padding: 25px 0;
    text-transform: uppercase;
    width: 100%;
}

nav#block-anif-accesrapide>ul>li {
    border-bottom: 0.5px solid var(--mb-submenu-color);
    padding: 15px 0;
    text-transform: uppercase;
    width: 100%;
}

.acces-rapide-items li:last-child, nav#block-anif-accesrapide>ul>li:last-child {
    border: unset;
}

.acces-rapide-items li>*:is(a,span), nav#block-anif-accesrapide>ul>li>*:is(a,span) {
    color: var(--mb-submenu-color);
    font-family: var(--mb-ft-title);
    font-weight: var(--mb-ftw-title);
}

.section-3.stats {
    padding: 55px 55px;
}

.sec-after.parallax{
    position: relative;
    perspective: 1px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.sec-after.parallax>div{
    position: relative;
    z-index: 1;
    /* transform: translateZ(0); */
}

.sec-after.parallax::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 130%;
    top: -10%;
    left: 0;
    background-image: url(../images/bg.png);
    pointer-events: none;
    z-index: 0;
    opacity: 0.1;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* -webkit-transform: translateZ(-1px) scale(2); */
    /* -moz-transform: translateZ(-1px) scale(2);
    -ms-transform: translateZ(-1px) scale(2);
    -o-transform: translateZ(-1px) scale(2); */
    /* transform: translateZ(-1px) scale(2);
}

.section-title {
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.section-title h4{
    font-size: 1.2rem;
    font-family: var(--mb-ft-title);
    font-weight: var(--mb-ftw-title);
    color: var(--mb-menuitem-color);
    width: 30%;
    margin: 0;
}

.section-title h4 * {
    font-size: 1.2rem;
    font-family: var(--mb-ft-title);
    font-weight: var(--mb-ftw-title);
    color: var(--mb-menuitem-color);
}

.documentation-form h6 {
    font-size: .9rem;
    text-transform: uppercase;
}

#galerie .section-title h4 {
    width: 100%;
}

.section-title .large-bar{
    width: 80%;
    height: 2px;
    margin-top: 8px;
    background-color: var(--mb-menuitem-color);
}

.stats-container>ul, div:has(>.offre-item.views-row), .stats-items {
    padding: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    list-style: none;
}

.stats-container>ul>li, .stats-item {
    width: 15%;
    text-align: center;
    padding: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.stat-icon {
    width: 90%;
    aspect-ratio: 1;
    padding: 30px;
    margin: 0 auto -15px;
}

.stat-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    filter: saturate(0.3);
}

.stat-coun {
    width: 100%;
    font-size: 3.5rem;
    font-weight: 800;
}

.stat-coun *{
    font-weight: 800;
    font-family: var(--mb-ft-title);
}

.stat-coun-unit {
    /* display: flex;
    align-items: center;
    margin-left: -30px; */
    width: 100%;
    text-align: center;
}

.stat-title {
    width: 60%;
    font-size: .8rem;
}

.stat-title *{
    font-weight: 600;
    font-family: var(--mb-ft-title);
}

.stats-container.offres-container>ul>li, .offre-item {
    width: 28%;
    overflow: hidden;
    aspect-ratio: 2 / 1;
    position: relative;
    display: flex;
    align-content: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 25px;
}

.stats-container.offres-container .offre-item {
    width: 31%;
    aspect-ratio: 2 / 1.2;
}

.stats-container.offres-container>ul>li .offre-cover, .offre-item .offre-cover {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0;
}

.offre-item .offre-cover::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    /*max-width: 0;
    */top: 0;
    left: 0;
    background: #04612b92;
    -webkit-transition: all .6s ease-in-out ;
    -moz-transition: all .6s ease-in-out ;
    -ms-transition: all .6s ease-in-out ;
    -o-transition: all .6s ease-in-out ;
    transition: all .6s ease-in-out ;
}

.offre-item .read-more span:not(.file) {
    display: none;
}

.offre-item:hover .offre-cover::after {
    background: #04612bee;
    /* max-width: 1000px; */
}

.stats-container.offres-container>ul>li .read-more, .offre-item .read-more {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 10px;
    text-align: left;
}

.offre-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.stats-container.offres-container>ul> li .read-more a, .offre-item .read-more a{
    color: var(--mb-sec-color);    
    background: url(../images/link-icon-w.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 25px;
    background-size: 15px;
}

.stats-container.offres-container>ul>li .read-more a:hover, .offre-item .read-more a:hover{
    color: #ffffff;
    background-size: 13px;

}

.doc-resume span:not(.file) {
    display: none;
}

.offre-title {
    position: relative;
    z-index: 2;
}

.offre-title h3 {
    font-size: 1.5rem;
    margin: 0;
    color: #ffffff;
    font-family: var(--mb-ft-title);
    font-weight: var(--mb-ftw-title);
    text-transform: uppercase;
    width: 80%;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}



.section-3 .read-more {
    text-transform: uppercase;
    font-size: .9rem;
}

.section-3.stats.offres {
    background: #F0F0F0;
    padding: 35px;
}

.offres-read-more, .posts .more-link, div:has(>.offre-item.views-row) .more-link, .documentations .more-link, .more-link, .part-2.acces-rapide .more-link  {
width: 100%;
    text-align: right;
    font-size: .9rem;
    text-transform: uppercase;
    padding: 10px 15px;
    background: var(--color-gray-50);
}
.offres-read-more a, .posts .more-link a,  div:has(>.offre-item.views-row) .more-link a, .documentations .more-link, .more-link a, .part-2.acces-rapide .more-link a{
    text-transform: uppercase;
    color: var(--color-green-800);
    font-size: var(--text-sm);
    padding-block: calc(var(--spacing) * 1) !important;
    align-items: center;
    position: relative;
    font-size: var(--text-xs);
}

.offres-read-more a::after, .posts .more-link a::after,  div:has(>.offre-item.views-row) .more-link a::after, .documentations .more-link, .more-link a::after, .part-2.acces-rapide .more-link a::after {
    --tw-content: '→';
    content: var(--tw-content);
}

.offres-read-more a::before, .posts .more-link a::before,  div:has(>.offre-item.views-row) .more-link a::before, .documentations .more-link, .more-link a::before, .part-2.acces-rapide .more-link a::before {
    content: var(--tw-content);
    background-color: var(--color-green-800);
    width: calc(var(--spacing) * 0);
    height: 2px;
    display: block;
    left: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    position: absolute;
    -webkit-transition: width .6s ease-in-out;
    -moz-transition: width .6s ease-in-out;
    -ms-transition: width .6s ease-in-out;
    -o-transition: width .6s ease-in-out;
    transition: width .6s ease-in-out;
}

.offres-read-more a:hover::before, .posts .more-link a:hover::before,  div:has(>.offre-item.views-row) .more-link a:hover::before, .documentations .more-link, .more-link a:hover::before, .part-2.acces-rapide .more-link a:hover::before {
    width: 100%;
}

.stats-container.offres-container>ul>li:hover .offre-cover::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #04612b74;
    position: absolute;
    top: 0;
    right: 0;
}

.offres h2{
    font-size: 1rem;
    color: var(--mb-submenu-color);

}

.footer-copy {
    padding: 15px;
    font-size: .7rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
}

.footer-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    /* padding: 55px; */
    background-size: 50%;
    background-blend-mode: multiply;
}

.footer-links nav>ul>li {
    width: 33.3%;
}

.footer-neswletter {
    width: 25%;
    padding: 0 15px;
}

.footer-links nav>ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
    flex-flow: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
    list-style: none;
}


.footer-links {
    width: 65%;
    line-height: 2;
    font-weight: 100;
}
/* 
.footer-links li.menu-item span:has(+ ul) {
    color: var(--color-gray-700);
} */

.footer-links nav>ul ul {
    list-style: none;
    padding: 0;
    margin-top: 25px;
    /* font-size: .9rem; */
    line-height: 2;
}

.footer-links nav>ul>li>span {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: var(--mb-ft-title);
    font-weight: 600;
    color: color-mix(in oklab, var(--color-white) 40%, transparent);
}

.footer-container *{
    color: #ffffff;
}

.newsletter-field-input input, input#edit-subject-0-value, textarea#edit-message-0-value, form>div[id^='edit-']:not(#edit-subject-wrapper):not(#edit-message-wrapper):not(.form-actions):not(.field--type-string), input#edit-name, input#edit-mail , input#edit-name, input#edit-mail,  .contact-form input[type="text"],  form#user-login-form input[id^='edit-']:not([type='submit'])  {
    border: none;
    border-bottom: 1px solid;
    background: transparent;
    width: 90%;
    padding: 10px;
    margin-bottom: 15px;
}

form#user-login-form {
    margin: 25px auto;
    width: 45%;
}

input#edit-subject-0-value, textarea#edit-message-0-value, form>div[clidass^='edit-'], input#edit-name, input#edit-mail,  .contact-form input[type="text"], input#edit-name, input#edit-mail,  .contact-form input[type="text"],  form#user-login-form input[id^='edit-']:not([type='submit'])   {
    border-bottom: 1px solid var(--mb-primary-color) !important;
}

.newsletter-field-input input::placeholder, input#edit-subject-0-value::placeholder, textarea#edit-message-0-value::placeholder, input#edit-name::placeholder, input#edit-mail::placeholder  {
    /* color: #ffffff; */
}

.form-actions input, input#edit-subject-0-value, textarea#edit-message-0-value, form>div[id^='edit-']:not(#edit-subject-wrapper):not(#edit-message-wrapper):not(.form-actions):not(.field--type-string), input#edit-name, input#edit-mail,  .contact-form input[type="text"], form#user-login-form input[id^='edit-']:not([type='submit'])  {
    padding: 8px 15px;
    border-radius: 0;
    color: var(--mb-submenu-color);
    border: none;
    outline: unset;
    background: var(--color-gray-100);
}

.contact-form label.js-form-required.form-required {
    width: 100%;
    display: block;
}

.form-actions input:hover{
    cursor: pointer;
    background-color: var(--mb-sec-color);
}

.footer-neswletter h4 {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: var(--mb-ft-title);
    font-weight: 600;
    margin: 0px 0 15px;
    color: color-mix(in oklab, var(--color-white) 40%, transparent);
}

.scetion-4.publications {
    padding: 55px;
    /* background-color: #F0F0F0;
    background-image: url(../images/anif_bg.svg);
    background-size: 50%; */
}

.derniers-posts {
    padding: 55px 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    align-content: space-around;
}

.derniers-posts>div:nth-child(1) {
    width: 64%;
}

.posts {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.post-cover {
    width: 100%;
    aspect-ratio: 1.6;
}

.post-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.field-content.post-title {
    min-height: 85px;
    display: flex;
    align-items: flex-end;
}

.post .post-title {
    line-height: 1.5;
    margin: 0 35px;
    padding: 10px 0 0px;
}

.post-title * {
    font-weight: 600;
    padding-top: 15px;
    font-family: var(--mb-ft-title);
}

.mobile-only{
    display: none;
}


.post-desc *, .post-desc {
    line-height: 2;
}



.post-read-more a {
    text-transform: uppercase;
    font-size: .8rem;
    color: var(--mb-green-color);
    font-family: var(--mb-ft-title);
    font-weight: 400;
}

.post-title a:hover {
    color: var(--mb-sec-color);
}

.sup-btns button:hover {
    filter: sepia(1) brightness(1);
    height: 32px;
    width: 32px;
}

.post-read-more a:hover {
    color: var(--mb-sec-color);
}

.post {
    width: 48%;
    /* box-shadow: var(--mb-box-shadow); */
    /* padding-bottom: 35px; */
    /* aspect-ratio: .75; */
    overflow: hidden;
    height: 550px;
    background-color: #ffffff;
}



.post-title, .post-desc, .post-read-more{
    padding: calc(var(--spacing) * 4) 35px;
}

.documentations {
    width: 32%;
}

.documentation-title, div#block-anif-views-block-documents-block-3 h2 {
    height: 60px;
    background: var(--mb-primary-color);
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.2rem;
}

.documentation-form .section-title {
    margin-bottom: 35px;
}

.documentation-title *, div#block-anif-views-block-documents-block-3 h2{
    font-family: var(--mb-ft-title);
    font-weight: var(--mb-ftw-title);
}

.doc {
    /* margin-top: 24px; */
    background: #FDFDFD;
    box-shadow: var(--mb-box-shadow);
    padding: 25px;
    /* height: 139px; */
}

.doc .doc-categorie {
    /* font-size: .8rem; */
    color: var(--mb-menuitem-color);
}

.documentations .offres-read-more {
    width: auto;
}

.documentations>div {
    margin-top: -15px;
}

/* .doc:hover {
    border: 1px solid var(--mb-menuitem-color);
} */

.doc-title * {
    margin-top: 0;
}

.doc-date {
    float: right;
    font-size: .65rem;
    margin-top: -25px;
}

.doc-date *{
    font-family: var(--mb-ft-title);
    font-weight: 400;
    color: var(--mb-menuitem-color);
}

.doc-title * {
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: 600;
    font-family: var(--mb-ft-title);
    /* padding-bottom: 15px; */
    border-bottom: 2px solid var(--mb-green-color);
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.doc-resume * {
    font-size: .9rem;
    color: var(--mb-green-color);
}


.form-actions {
    margin-top: 25px;
}

.footer-neswletter p {
    font-size: .8rem;
}

.contactPage {
    width: 70%;
    margin: -35px auto 0;
}

.contact-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    padding: 35px 45px;
    /* box-shadow: var(--mb-box-shadow); */
    margin-bottom: 35px;
    background-color: #ffffff;
}

textarea#edit-message-0-value::placeholder{
    color: unset;
}

.contact-container>div {
    width: 45%;
}


.innerpage-content:has(.contact-newsletter) .contact-map {
    display: none;
}


ul.contacts-info-elts {
    list-style: none;
    padding: 0;
    color: var(--mb-menuitem-color);
    line-height: 2;
}

ul.contacts-info-elts li{
    font-family: var(--mb-ft-title);
    font-weight: 400;
}

.contacts-info-title h4 {
    padding-bottom: 15px;
    border-bottom: 2px solid var(--mb-primary-color);
    font-size: 2rem;
    margin-bottom: 165px;
    text-transform: uppercase;
    font-family: var(--mb-ft-title);
    font-weight: 500;
}

div#actualites {
    flex-direction: row-reverse;
}

div#actualites .part-1 {
    margin-top: 65px;
    position: relative;
}


.filariane *{
    font-size: .8rem;
    font-family: 'open sans';
    font-weight: 500;
    display: inline;
}

.filariane a{
    color: #B5B5B5;
}

.article-sup {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
}

.article-sup button,  .sup-btns a{
    border: 0;
    height: 20px;
    width: 20px;
    padding: 5px;
    background: transparent;
    vertical-align: middle;
    margin-left: 5px;
    display: inline-block;
}

.article-sup button svg, .article-sup a svg {
    width: 100%;
    height: 100%;
}

.node-cover>div, .content-regions>div>div div:has(img) {
    width: 100%;
    height: 380px;
    overflow: hidden;
}

.node-cover img, .content-regions>div>div img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.node-title {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    padding: 35px;
    
}


.article-title {
    width: 65%;    
    padding-bottom: 15px;
    position: relative;
    margin-left: 35px;
    color: #063d21;
}

.article-title * {
    font-size: 1.8rem;
    font-family: 'open sans';
    font-weight: 600;
}

.article-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%;
    background: #FFCC18;
    height: 5px;
}

.content-regions>div>div div:has(>span.file) {
    padding: 35px;
    margin-bottom: 35px;
}

.content-regions>div>div div>span.file a {
    color: var(--mb-submenu-color);
    font-weight: 600;
}

#block-anif-programmeomegablock {
    display: none;
}

.spb-popup-main-wrapper {
    margin-top: 5%;
    border: 1px solid;
}

.spb_overlay {
    background-color: rgba(0, 0, 0, 0.7);
}

a.popup-link {
    background: var(--mb-sec-color);
    padding: 8px 15px;
    font-weight: var(--mb-ftw-title);
    font-family: var(--mb-ft-title);
    margin: 15px auto;
    display: block;
    width: max-content;
    animation: mb-animation-wt 2s ease-in-out 0s infinite normal none;
}

@keyframes mb-animation-wt {
    0%,
    100% {
    transform: translateX(0%);
    transform-origin: 50% 50%;
    }

    15% {
        transform: translateX(-30px) rotate(6deg);
    }

    30% {
        transform: translateX(15px) rotate(-6deg);
    }

    45% {
        transform: translateX(-15px) rotate(3.6deg);
    }

    60% {
        transform: translateX(9px) rotate(-2.4deg);
    }

    75% {
        transform: translateX(-6px) rotate(1.2deg);
    }
}

.content-regions>div>div div>span.file a::before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    margin-right: 5px;
    border-top: 5px transparent solid;
    border-left: 8px solid;
    border-bottom: 5px solid transparent;
}


.node-content  div>span.file a{
    color: var(--mb-submenu-color);
    font-weight: 600;
}

.node-content span.file--application-pdf a::before {
    font-size: 0;
    content: "";
    width: 16px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    background-image: url(../images/pdf-icon.svg);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
}


.article-date * {
    color: #7A8B80;
    font-family: 'open sans';
    font-size: 1rem;
    font-weight: 400;
}

.article-body, .content-regions>div>div div:has(p,li) {
    padding: 35px 15px;
    font-size: .9rem;
    line-height: 2;
    font-weight: 400;
}

.article-body,  .content-regions>div>div div:has(p,li) {
    padding: 35px;
    text-align: justify;
    font-size: .9rem;
    line-height: 2;
    font-weight: 400;
}

.article-body a,  .content-regions>div>div div:has(p,li) a{
    color: var(--mb-green-color);
    font-weight: 500;
}

.article-body strong,  .content-regions>div>div div:has(p,li) strong{
    font-weight: bold;
}

.content-regions>div>div div:has(p,li) table {
    border-spacing: 5px;
    border-collapse: separate;
}

.content-regions>div>div div:has(p,li) table th
{
    background: #FFCC18;
    padding: 15px;
    color: #156834;
}

.content-regions>div>div div:has(p,li) table th *{
    font-weight: 600;
}


.content-regions>div>div div:has(p,li) table td {
    background: #D9D9D9;
    padding: 15px;
}

td.views-field.views-field-field-structure {
    width: 40%;
}

td.views-field.views-field-field-adresse.views-field-field-ville {
    width: 30%;
}

td.views-field.views-field-field-categorie.is-active {
    width: 10%;
}

td.views-field.views-field-field-email.views-field-field-site-web.views-field-field-telephone {
    width: 20%;
}

.adherentsPage table th, .adherentsPage table td, .documentation-resultats table th, .documentation-resultats table td  {
    padding: 15px;
    text-align: left;
    vertical-align: top;
    line-height: 1.5;
}

.adherentsPage table th, .adherentsPage table th * , .documentation-resultats table th, .documentation-resultats table th *
{
    /* text-transform: uppercase; */
    font-weight: 400;
    color: var(--mb-menuitem-color);
}
.adherentsPage table tr {
    border-bottom: 2px solid var(--mb-menuitem-color);
}

.adherentsPage table th a, .documentation-resultats table th a {
    text-decoration: dotted;
    position: relative;
    display: inline-block;
    width: 100%;
}

.adherentsPage table, .documentation-resultats table {
    border-collapse: collapse;
    width: 100%;
}

.adherentsPage table tr
{
    border-bottom: 2px solid var(--mb-menuitem-color);
}

.adherentsPage table tr td.views-field.views-field-field-categorie.views-align-left {
    width: 17%;
}

.adherentsPage table tr td.priority-low.views-field.views-field-field-email.views-align-left.views-field-field-telephone {
    word-break: break-all;
}

div#articles-photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div#actualites footer, 
/* div#actualites article h2,  */
div#actualites footer, div#actualites article div:has(>time), div#actualites article div:not(:has(img)) {
    display: none;
}

div#actualites article h2 {    
    color: #7A8B80;
    font-family: 'open sans';
    font-size: 1rem;
    font-weight: 400;
}


div#articles-photos .documentation .article-sup{
    display: none;
}

div#articles-photos .documentation-resultats{
    margin: 0; padding: 0;
}


div#articles-photos .documentation-form {
    margin: 55px auto 0;
}

div#articles-photos .documentation-form .section-title {
    margin-bottom: 15px;
}

div#articles-photos .galerie-resultats>div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

#articles-photos div#galerie .section-title h4{
    display: none;
}

#articles-photos div#galerie a.only-in-article {
    display: block !important;
    text-transform: capitalize;

    color: var(--mb-submenu-color);
    font-weight: 600;
    font-family: var(--mb-ft-title);
    /* background: url(../images/link-icon.svg);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 25px;
    background-size: 15px; */
}

#articles-photos div#galerie a.only-in-article:hover{
    color: var(--mb-sec-color);
}

/* #articles-photos div#galerie */

div#articles-photos .galerie-resultats>div>div {
    width: 48%;
    aspect-ratio: 1.5;
    margin: 2% 0;
}

div#block-anif-views-block-actualites-block-2 {
    padding: 15px 25px;
}

#articles-photos div#galerie {
    width: 100%;
    padding: 0;
    box-shadow: unset;
}

div#block-anif-views-block-actualites-block-2 .views-row {
    padding: 15px;
    border-bottom: 1px solid #7A8B80;
}

div#block-anif-views-block-actualites-block-2 .views-field.views-field-field-date {
    color: #7A8B80;
    font-family: 'open sans';
    font-size: 1rem;
    font-weight: 400;
}

div#block-anif-views-block-actualites-block-2 .views-field.views-field-title * {
    color: var(--mb-green-color);
    text-transform: uppercase;
    font-family: 'open sans';
    font-weight: 600;
}

div#block-anif-views-block-actualites-block-2 .views-field.views-field-title:hover *{
    color: var(--mb-sec-color);
}

div#articles-photos {
    padding: 35px 25px 35px;
}

div#contentMenu ul {
    padding: 0;
    list-style: none;
}

div#contentMenu ul>li a {
    display: block;
    padding: 15px;
    border-bottom: 1px solid #7A8B80;
    font-family: var(--mb-ft-title);
    font-weight: 500;
    color: #7A8B80;
}

div#contentMenu ul>li a:hover, div#contentMenu ul>li a.is-active{
    background: var(--mb-submenu-color);
    border: none;
    color: var(--mb-sec-color);
}

/* div#contentMenu ul>li:not(:has(ul)) {
} */

div#contentMenu ul>li a.is_active {
    background: var(--mb-green-color);
    border: none;
}

div#contentMenu ul>li>ul {
    padding-left: 25px;
    max-height: 0;
    overflow: hidden;
}
div#articles-photos .documentation-form div:has(time) {
    display: none;
}

div#contentMenu ul>li:hover>ul {
    max-height: 300px;
}

div#contentMenu {
    padding: 15px 25px;
    min-height: 60vh;
}

/* .content_content .article-body ul {
    padding: 0;
} */

.article-body>ul {
    list-style: none;
}

.article-body ul>li>dl {
    font-size: 1.2rem;
    font-weight: 500;
}

.article-body>ul>li>ul {
    background: #F5F5F5;
    padding: 35px;
}

.article-body>ul>li>ul>li {
    font-weight: 500;
    font-size: .9rem;
    line-height: 2;
}

.article-body>ul>li {
    margin-bottom: 35px;
}


.content_content, .content-regions>div>div {
    /* opacity: 0;
    visibility: hidden;
    display: none; */
}

.content_content:target,.content-regions>div>div:has(:target), .content-regions:has(:target), .content-regions>div>div:target {
    display: block;
    opacity: 1;
    visibility: visible;
}

.content-regions>div>div {
    /* box-shadow: var(--mb-box-shadow); */
    margin: 35px 0;
}

/* .content-regions>div>div div:not(:has(img)):not(:has(p,li,ol,ul, .file)):not(.contextual){
    position: relative;
    padding: 25px 0;
    font-size: 1.8rem;
    font-family: 'open sans';
    font-weight: 600;
    margin-left: 35px;
} */

/* .views-field.views-field-title:has(+div:has(.file--application-pdf)) */

.documentation {
    /* box-shadow: var(--mb-box-shadow); */
    width: 100%;
    margin: -65px auto 0;
    background: #ffffff;
    padding: 55px;
    position: relative;
}

div[id^="block-anif-formulaireexposedoc"] form, div#block-anif-formulaireexposerecherchepage-1 form,
form#views-exposed-form-actualites-page-1,
form#views-exposed-form-adherents-page-1,
.documentation-form form
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-size: var(--text-xs);
}

form#views-exposed-form-adherents-page-1 .form-item-combine,
form#views-exposed-form-annuaires-page-1 .form-item-combine{
    width: 72%;
}

form#views-exposed-form-reportage-video-page-1 .form-item-combine{
    width: 52%;
}


.reportage .post-cover figure {
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100%;
}

.reportage .post {
    height: auto;
}

.reportage .post-title {
    border: unset;
}

form#views-exposed-form-conventions-page-1 .form-item-combine {
    width: 52%;
}

.adherentsPage .section-title h4 {
    width: 35%;
}

form#views-exposed-form-adherents-page-1 div#edit-actions--3 {
    width: 6%;
}

div[id^="block-anif-formulaireexposedoc"] form>div,
div#block-anif-formulaireexposerecherchepage-1 form>div,
.documentation-form form>div
{
    height: 45px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: var(--mb-green-color);
}

div[id^="block-anif-formulaireexposedoc"] form input, div[id^="block-anif-formulaireexposedoc"] form select,
.documentation-form form input:not([type='submit']),
.documentation-form form select,
form#views-exposed-form-recherche-page-1 input#edit-keys--3, form#views-exposed-form-recherche-page-1 input[type="text"],
.documentation-form input#edit-combine--2
{
    background: var(--mb-green-color);
    color: #ffffff;
    border: none;
    padding: 5px 15px;
    width: 100%;
    /* height: 100%; */
    border-radius: 0;
}

div[id^="block-anif-formulaireexposedoc"] form input::placeholder, form#views-exposed-form-recherche-page-1 input#edit-keys--3::placeholder, form#views-exposed-form-recherche-page-1 input[type="text"]::placeholder,
.documentation-form form input[type="text"]::placeholder
{
    color: #ffffff;
}

div#block-anif-formulaireexposepressepage-1 .form-item-field-titre-value {
    width: 64%;
}

div[role="contentinfo"] {
    padding: 15px;
    background: #F7F7F7;
    position: fixed;
    z-index: 1000;
    bottom: 5%;
    right: 1%;
}

.actualitesPage .post{
    margin-bottom: 35px;
}

.post .views-field.views-field-field-date {
    padding: 8px 35px 0;
}

.post .views-field.views-field-field-date * {

}

div[id^="block-anif-formulaireexposedoc"] .form-item-field-titre-value,
form#views-exposed-form-actualites-page-1 .form-item-combine
{
    width: 30%;
}

div#block-anif-formulaireexposerecherchepage-1 form .form-item {
    width: 92%;
}

/* div#block-anif-formulaireexposerecherchepage-1 form>div{
    height: 40px;
} */

div#block-anif-formulaireexposerecherchepage-1 form .form-actions {
    width: 6%;
    margin-top: 0;
}

div[id^="block-anif-formulaireexposedoc"] .form-item-field-document-categorie-target-id,
div[id^="block-anif-formulaireexposedoc"] .form-item-field__date-value,
.documentation-form form div[class*='form-item-field-date-value'],
div[id^="block-anif-formulaireexposedoc"] .form-item-field__date-value-1,
.documentation-form form .form-item-field-categorie-target-id

{
    width: 20%;
}

div[id^="block-anif-formulaireexposedoc"] #edit-actions--3,
.documentation-form form div[id*='edit-actions']
{
    width: 5%;
    margin-top: unset;
}

div[id^="block-anif-formulaireexposedoc"] #edit-actions--3 input,
.documentation-form form div[id*='edit-actions'] input,
div#block-anif-formulaireexposerecherchepage-1 form .form-actions input {
    font-size: 0;
    background: oklch(44.4% 0.177 26.899) url(../images/search-icon.svg);
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

div#block-anif-formulaireexposerecherchepage-1 form .form-actions input,
.documentation-form form div[id*='edit-actions'] input
{
    width: 100%;
    height: 100%;
}

div[id^="block-anif-formulaireexposedoc"] #edit-actions--3:hover input,
.documentation-form form div[id*='edit-actions']:hover input,
div#block-anif-formulaireexposerecherchepage-1 form .form-actions:hover input {
    background-size: 70%;
}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

div[id^="block-anif-formulaireexposedoc"] form select,
.documentation-form form select
{
    background: var(--mb-green-color) url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    color: #ffffff;
    background-position: calc(100% - 0.75rem) center !important;
    border: none;
    padding: 5px 15px;
    width: 100%;
    /* height: 100%; */
    border-radius: 0;
    color-scheme: red;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    /* background-image: none; */
}

.documentation-form {
    margin: 25px 0;
}

.documentation-resultats {
    margin: 25px 0;
    padding: 25px 0;
}

table.cols-0 {
    border-collapse: collapse;
    width: 100%;
}

/* tr.doc-line {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
} */

tr.doc-line td, tr.doc-line th {
    padding: 15px;
}

/* tr.doc-line td.views-field.views-field-title.views-align-left {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 35px;
} */

td.size-only span.file {
    display: none;
}

td.icon-only span:not(.file) {
    display: none;
}

.icon-only span.file {
    display: flex;
}

.doc-icon {
    font-size: 0;
    background: #ffffff;
    width: 4%;
}

.doc-icon:has(.file--application-pdf) {
    font-size: 0;
    background: url(../images/pdf-icon.svg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

tr.presse-line .presse-format{
    background: url(../images/website.svg);
    font-size: 0;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

tr.presse-line td.icon-only a, .offre-table span.file a {
    font-size: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/eye-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
}


p.empty {
    color: var(--mb-menuitem-color);
    font-weight: 600;
}

#articles-photos div#galerie .empty {
    display: none;
}


th#view-field-lien-1-table-column.views-align-center {
    text-align: center;
}

/* td.views-field.views-field-field-fichier-1 {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 30%;
} */



.search-date {
    width: 15%;
}

/* td.views-field.views-field-title {
    width: 50%;
} */

/* td.views-field.views-field-field-fichier-1 {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
} */

/* td.views-field.views-field-field-fichier-1>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 15px;
} */
/* td.views-field.views-field-field-fichier-1 span {
    height: 100%;
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    align-items: center;
} */

td.views-field.views-field-field-fichier-2 span.file.file--mime-application-pdf span {
    display: inline-block;
}
td.views-field.views-field-field-fichier-2 span.file.file--mime-application-pdf a {
    font-size: 0;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/eye-icon.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}

td.force-download span.file a{
    background-image: url(../images/download-icon.svg) !important;
}

/* tr.doc-line td.views-field.views-field-field__date,  */
.search-date {
    width: 15%;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--mb-menuitem-color);
}

tr.doc-line td.views-field.views-field-field__date, td.views-field.views-field-created *, td.album-date *, .views-field-field__date{
    font-weight: 600;
    text-transform: uppercase;
    color: var(--mb-menuitem-color);
}

.search-date{
    width: 10%;
}

td.search-titre {
    padding: 15px 0;
    width: 88%;
}

td.search-titre a {
    font-weight: 600;
    color: var(--mb-submenu-color);
}

td.search-titre a:hover {
    color: #FFCC18;
}



.documentation nav>ul.js-pager__items {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin: 15px;
    list-style: none;
}

.documentation nav>ul.js-pager__items>li {
    margin-left: 15px;
}
.documentation nav>ul.js-pager__items>li *{
    color: var(--mb-green-color);
}
.documentation nav>ul.js-pager__items>li.pager__item.is-active * {
    font-weight: 600;
}

.documentation nav>ul.js-pager__items>li {
    color: var(--mb-green-color);
    text-transform: uppercase;
}

.documentation nav>ul.js-pager__items>li:not(:has(a)) {
    font-weight: 700;
}

.documentation nav {
    margin-top: 100px;
    margin-left: auto;
}

.anif-content h3 {
    /* text-align: center; */
    padding-left: 15px;
    font-weight: 700;
}

.anif-content h3 * {
    font-weight: 700;
}

.anif-content ol {
    /* list-style: none; */
    padding: 15px;
}

.anif-content ul{
    list-style: none;
}

.anif-content ol>li, .anif-content ul>li {
    background: #F7F7F7;
    padding: 25px;
    margin: 25px 0;
}



.anif-content ol>li h3, .anif-content ul>li h3 {
    text-align: center;
    font-weight: 600;
}



#actualites .node-cover img {
    object-position: center;
}

/* .part-2.acces-rapide .more-link {
    text-align: right;
    padding: 0 15px;
    width: 90%;
    margin-top: 5px;
    position: relative;
    z-index: 10;
} */

.sup-btns button:hover {
    cursor: pointer;
}

.documentation-resultats table th:not(:has(.tablesort)) > a::after {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 0.875rem;
    height: 1rem;
    margin-top: -0.5rem;
    content: "";
    opacity: 0.5;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3e%3cpath d='M1.75.25v1.5h10.5V.25zm0 3v1.5h7.5v-1.5zm0 3v1.5h4.5v-1.5z' fill='%23000f33'/%3e%3c/svg%3e") no-repeat 50% 50%;
    background-size: contain;
}

.galeriebox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
}

.galeriebox>a {
    width: 30%;
    aspect-ratio: 1;
    overflow: hidden;
    display: block;
    margin: 1.5%;
}

.galeriebox>a img {
    object-position: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.offre-table table td.views-field.views-field-field-fichier-1 {
    font-size: 0;
    background: url(../images/pdf-icon.svg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

form#views-exposed-form-offres-page-1 .form-item-combine {
    width: 73%;
}

/* MDEIAS QUERIES */
@media screen and (min-width: 1600px) {
    .part-container>div {
        height: 100%;
    }

    .mot-cover {
        width: 35%;
        aspect-ratio: unset;
        height: 95%;
    }
}

@media all and (min-width: 962px) {

    nav#block-anif-main-menu>ul>li:hover>ul{
        max-height: 600px;
        opacity: 1;
        z-index: 11;
        padding: 15px 0;
        min-height: 345px;
    }

    .documentation {
        max-width: var(--container-5xl);
    }
}

@media all and (min-width: 1700px) {

    body::after{
        content: "";
        position: absolute;
        top: 0;
    }

    nav#block-anif-main-menu>ul>li>* {
        font-size: 1.1rem;
    }

    .layout-content>div[class^='section-']:not(.section-1) {
        padding-left: 85px;
        padding-right: 65px;
    }
    
    .splide.is-initialized, .splide.is-rendered {
        height: 780px;
    }

    .slide>div:not(.slide-cover) {
        width: 70%;
    }
    
    .slide-title{
        min-height: 50%;
    }

    .slide-title * {
        font-size: 4rem;
    }

    .slide>div.slide-resume {
        width: 50%;
        font-size: 1.5rem;
    }

    .splide .slides {
        height: 100% !important;
    }


    .slide-cover {
        height: 100%;
    }

    .slide-cover::after {
        height: 100%;
    }

    a.link-btn {
        font-size: 1.2rem;
    }

    .acces-rapide-title {
        background: var(--mb-primary-color);
        padding: 25px;
        text-transform: uppercase;
    }

    .mot-content {
        font-size: 1.3rem;
    }

    .mot-title {
        font-size: 3rem;
        border-left: 10px solid var(--mb-sec-color);
    }

    .part-container {
        height: 100%;
        padding: 45px;
    }

    ul.acces-rapide-items {
        height: 430px;
    }

    .section-title h4 {
        font-size: 2rem;
        width: 25%;
    }

    .stat-coun {
        font-size: 6rem;
    }
    .posts .post.views-row {
        height: auto;
        padding-bottom: 35px;
    }

    .post-title * {
        font-size: 1.8rem;
    }

    .post-desc * {
        font-size: 1.2rem;
    }

    .post-read-more a {
        font-size: 1.2rem;
    }

    .post {
        height: 770px;
    }

    .documentation-title {
        height: 80px;
    }

    .doc-title * {
        font-size: 1.5rem;
    }

    .doc-resume * {
        font-size: 1.2rem;
    }

    .doc {
        height: 205px;
    }

    .offres-read-more a {
        font-size: 1.2rem;
    }

    .offre-title h3 {
        font-size: 2.5rem;
    }
    .read-more a {
        font-size: 1.4rem;
    }

    .footer-links nav>ul>li>span, .footer-neswletter h4 {
        font-size: 1.8rem;
    }

    .footer-links nav>ul ul>li {
        font-size: 1.2rem;
    }

    .footer-neswletter p {
        font-size: 1.2rem;
    }

    .form-actions input {
        padding: 15px;
        font-size: 1.2rem;
    }

    .newsletter-field-input input {
        font-size: 1.2rem;
    }

    .footer-copy {
        font-size: 1rem;
    }
}


@media all and (max-width: 960px) {
    .laptop-only{
        display: none;
    }
    .mobile-only{
        display: block;
    }
    
    /* .header-top {
        height: unset;
        display: flex;
        flex-direction: column;
        flex-direction: column-reverse;
        padding: 25px;
    } */

    .header-top {
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 15px 15px;
    }
    

    .header-top>div {
        width: 100%;
    }

    .header-top .search-zone {
        width: 10%;
    }

    .header-top .links-top {
        width: 75%;
        opacity: 1;
        visibility: visible;
        /* overflow: hidden; */
    }

    .adherent-block {
        margin: 0px 10px;
    }

    .header-top.open .search-zone {
        width: 90vw;
    }

    .header-top.open .links-top {
        width: 0;
        opacity: 0;
        visibility: hidden;
    }

    nav.socials-medias-nav ul li {
        margin-right: 5px;
    }

    button.nav-menu-btn {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        background: transparent;
        border: unset;
        width: 45px;
        /* height: 28px; */
    }

    

    button.nav-menu-btn span.bar {
        width: 100%;
        height: 5px;
        background: #04612b;
        margin-bottom: 8px;
    }

    button.nav-menu-btn span.bar:nth-child(2) {
        width: 75%;
    }

    .header-nav {
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        align-content: center;
        position: relative;
        flex-wrap: wrap;
        height: auto;
        padding: 45px;
        max-height: 90px;
        overflow: hidden;
        min-height: 0;
    }

    .logo {
            width: 80px;
        }

    .header-nav.open {
        max-height: 1000vh;
        min-height: 90vh;
        align-content: flex-start;
        padding-top: 100px;
        font-size: .9rem;
    }

    .logo{
        position: absolute;
        top: 8px;
        left: 15px;
        height: auto;
    }

    .header-nav.open>div{
        display: flex;
    }

    .header-nav.open nav[role='navigation']>ul {
        display: flex; ;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        height: 100%;
        align-items: flex-start;
        text-align: left;
    }

    .header-nav.open nav[role='navigation']>ul>li {
        flex-grow: 1;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.1);
        text-align: left;
        height: 100%;
    }

    .header-nav.open nav[role='navigation']>ul>li>a {
        width: 100%;
        padding: 1rem;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: start;
        text-transform: uppercase;
    }

    .header-nav.open nav[role='navigation']>ul>li>ul {
        max-height: unset;
        position: relative;
        top: unset;
        left: unset;
        flex-direction: column;
        display: flex;
        flex-wrap: unset;
        justify-content: space-between;
        width: 100%;
        background: 
    color-mix(in oklab, var(--color-white) 100%, transparent);
        padding-inline: calc(var(--spacing) * 8);
        text-align: left;
        opacity: 1;
        overflow: visible;
        padding-block: calc(var(--spacing) * 8);
    }

    .header-nav.open nav[role='navigation']>ul>li:hover>ul {
        max-height: unset;
        opacity: 1;
        z-index: 100;
        min-height: unset;
        border-top: 2px solid var(--color-green-800);
    }

    .header-menu-btn-section {
        height: auto;
        top: 30px;
    }

    #block-anif-formulairederecherche .form-actions .form-submit
    {
        top: -5px;
        
    }
    .header-menu-btn-section.mobile-only {
        width: 50%;
        display: flex;
        justify-content: flex-end;
    }

    nav#block-anif-main-menu>ul>li>ul {
        max-height: 0;
        /* overflow: unset; */
        position: relative;
        min-height: unset;
        top: 84px;
        right: 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        background: #ffffff;
    }

    nav#block-anif-main-menu>ul>li.open>ul {
        display: block;
        margin-top: -80px;
        max-height: unset;
        min-height: unset;
        opacity: 1;
    }

    .header-nav .menu-principal {
        width: 100%;
        opacity: 0;
    }

    .header-nav.open .menu-principal {
        opacity: 1;
    }

    .header-nav .menu-principal nav#block-anif-main-menu>ul {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        list-style: none;
        padding: 0;
        width: 100%;
    }

    nav#block-anif-main-menu>ul>li:hover {
        background: #ffffff;
    }

    nav#block-anif-main-menu>ul>li>ul>li li a {
        color: var(--mb-submenu-color);
    }

    nav#block-anif-main-menu>ul>li>ul{
        color: var(--mb-submenu-color);
    }

    nav#block-anif-main-menu.contextual-region>ul>li>ul {
        width: 100%;
        margin-top: 0;
        max-height: 0;
        opacity: 1;
        overflow: hidden;
        position: relative;
        top: 0;
        right: 0;
    }

    nav#block-anif-main-menu.contextual-region>ul>li.open>ul {
        max-height: 500vh;
        padding: 0;
    }
    

    .header-nav.open button.nav-menu-btn span.bar:nth-child(1) {
        width: 75%;
    }
    
    .header-nav.open button.nav-menu-btn span.bar:nth-child(2) {
        width: 100%;
    }
    
    .header-nav.open button.nav-menu-btn span.bar:nth-child(3) {
        width: 75%;
    }

    .layout-content.innerPage {
        padding: 0 15px;
        width: 100%;
    }

    .innerPageHeader {
        height: 150px;
    }

    .contact-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 25px;
        margin-bottom: 35px;
    }
    

    .contact-container>div {
        width: 100%;
    }
    
    .contacts-info-title h4 {
        margin-bottom: 15px;
    }

    .footer-links {
        width: 100%;
    }

    .footer-links nav>ul {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between;
        padding: 0;
        list-style: none;
    }

    .footer-links nav>ul>li {
        width: 100%;
        margin-bottom: 35px;
    }

    .footer-neswletter {
        width: 100%;
        padding: 0 15px;
    }

    .slide-cover {
        height: 50%;
    }

    .slide>div:not(.slide-cover, .carousel-inner) {
        padding: 15px 5%;
        width: 90%;
    }

    .splide__slide {
        background: var(--mb-submenu-color);
    }

    .slide-title {
        margin-top: 50%;
        min-height: unset;
        display: flex;
        align-items: flex-start;
    }

    .slide-title * {
        font-size: 1.6rem;
        width: 100%;
    }

    .slide>div.slide-resume {
        width: 100%;
    }

    .section-2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 35px 15px;
    }

    .part-1 {
        width: 100%;
    }

    .part-container {
        height: unset;
        margin: 25px auto;
        width: 100%;
    }

    .mot-cover {
        float: unset;
        width: 100%;
        margin: auto;
    }

    .mot-title {
        font-size: 1.1rem;
        margin-top: 25px;
    }

    .part-2.acces-rapide {
        width: 100%;
        height: unset;
        position: relative;
        top: 0;
    }

    .acces-rapide-items, nav#block-anif-accesrapide>ul {
        height: unset;
    }

    .section-title {
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .section-title h4 {
        width: 100%;
    }

    .stats-items {
        padding: 15px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        list-style: none;
        flex-wrap: wrap;
    }

    .stats-item {
        width: 50%;
    }

    .stat-icon {
        width: 90%;
        aspect-ratio: 1;
        padding: 10px;
        margin: 0 auto -15px;
    }

    .stat-coun {
        width: 100%;
        font-size: 2rem;
        font-weight: 800;
    }

    .derniers-posts {
        padding: unset;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: unset;
        align-content: unset;
    }

    .derniers-posts>div:nth-child(1) {
        width: 100%;
        margin-top: 25px;
    }

    .posts {
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: unset;
    }

    .post {
        width: 100%;
        height: unset;
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .post .post-title {
        height: unset;
    }

    .documentations {
        width: 100%;
    }

    .doc.views-row {
        height: unset;
    }

    div:has(>.offre-item.views-row) {
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        list-style: none;
        flex-wrap: nowrap;
    }

    .stats-container.offres-container .offre-item {
        width: 100%;
        margin: 15px auto;
    }

    .offre-title h3 {
        font-size: 1.1rem;
        width: 90%;
    }

    .mot-content {
        font-size: 1rem;
    }

    div#actualites {
        flex-direction: column-reverse;
    }

    div#contentMenu {
        min-height: unset;
    }

    .content-regions>div>div div:not(:has(img)):not(:has(p,li,ol,ul, .file)):not(.contextual) {
        width: 100%;
    }

    .node-title {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 35px;
    }

    .article-title{
        width: 100%;
        margin-left: 0;
    }

    .article-body{
        padding: 15px 35px;
    }

    .documentation {
        width: 100%;
        padding: 35px 15px;
        margin: -25px auto 0;
    }

    .documentation-resultats {
        overflow-x: auto;
    }

    .actualites-article {
        flex-direction: column !important;
    }

    .sec-after.parallax, .sec-2 {
        padding-inline: calc(var(--spacing) * 8);
    }

    .stat {
        width: 49%;
    }

    .footer-links li.menu-item span + ul {
        font-size: 1rem;
    }

    .bref-resume {
        font-size: 1rem;
    }
}

@media all and (max-width: 560px) {
    .bref{
        width: 100%;
    }

    .partener {
        width: 48%;
    }

    .slide-cover {
        height: unset;
        top: 0;
    }
}

@media all and (max-width: 480px){
    .spb-popup-main-wrapper {
        width: 88% !important;
    }


    .stat {
        width: 100%;
    }

    .stat-title {
        width: 70%;
        font-size: 1.4rem;
    }

    span.views-field-field-valeur.count {
        font-size: 5rem;
    }
}


@media all and (min-width: 560px) and (max-width: 960px) {
    .slide-title {
        margin-top: 30%;
    }

    .stat-icon {
        width: 50%;
    }

    .stats-container.offres-container .offre-item {
        margin-bottom: 25px;
    }

    .offre-title h3 {
        font-size: 2rem;
        width: 90%;
    }

    .footer-links nav>ul ul {
        font-size: 1rem;
    }

    .post-desc * {
        font-size: 1rem;
    }

    .slide>div.slide-resume {
        width: 70%;
    }
}

@media all and (min-width: 760px) {
    .header-top {
        flex-direction: row;
        flex-wrap: nowrap;
    }
}


@media all and (min-width: 960px) and (max-width: 1026px) {
    .header-nav .menu-principal {
        width: 70%;
    }

    nav.socials-medias-nav ul li {
        margin-right: 5px;
    }

    nav.socials-medias-nav ul li {
        margin-right: 10px;
    }

    .slide-title * {
        font-size: 2.5rem;
        width: 90%;
    }

    nav#block-anif-accesrapide>ul>li {
        font-size: 0.9rem;
    }

    .stat-icon {
        width: 90%;
        aspect-ratio: 1;
        padding: 60px;
        margin: 0px auto -55px;
    }

    .stat-icon {
        margin: 0px auto -55px;
    }

    .stats-container.offres-container .offre-item {
        width: 33%;
    }

    .doc-date {
        float: unset;
    }

    .doc-title * {
        font-size: .7rem;
    }

    .stats-items {
        width: 80%;
        margin: auto;
    }

}

@media all and (max-width: 396px){


    .content-regions>div>div div:not(:has(img)):not(:has(p,li,ol,ul,.file)):not(.contextual) {
        width: 90%;
    }

    .article-body, .content-regions>div>div div:has(p,li) {
        padding: 35px 15px;
    }

    .node-content:has(span.file--application-pdf a) {
        padding: unset;
    }

    .anif-content ul {
        list-style: none;
        padding-left: unset;
    }
}


@media all and (max-width: 320px) {

    body{
        background-size: 150% !important;
        background-image: url(../images/bg.png) !important;
        background-blend-mode: multiply !important;
    }
    nav.socials-medias-nav {
        display: none;
    }

    .header-menu-btn-section.mobile-only {
        width: 20%;
    }

    .splide.is-initialized, .splide.is-rendered {
        height: 670px;
    }
    .stats-item {
        width: 80%;
    }

    .part-container {
        padding: 15px;
    }

    .stats-items {
        justify-content: center;
    }

    .section-3.stats {
        padding: 55px 25px;
    }


    nav#block-anif-main-menu>ul>li>ul>li>span {
        margin-bottom: unset;
    }

    nav#block-anif-main-menu>ul>li>ul>li {
        margin-left: unset;
        padding: 5px 15px;
    }

    button.nav-menu-btn span.bar {
        margin-bottom: 5px;
    }

    .header-nav.open button.nav-menu-btn span.bar:nth-child(1) {
        width: 70%;
    }

    
    .layout-content>div[class^='section-']:not(.section-1):not(.stats), .layout-content>div[class^='scetion-'] {
        /* background-size: 150% !important;
        background-image: url(../images/anif_bg.svg) !important;
        background-blend-mode: multiply !important; */
        padding: 35px 25px;
    }

    .acces-rapide-items, nav#block-anif-accesrapide>ul {
        padding: 15px;
    }
    .post .post-title {
        margin: 0px 25px;
    }

    .post-title * {
        font-size: 1rem;
        padding-top: 20px;
    }

    .post-desc *, .post-desc {
        font-size: .8rem;
    }

    .mot-content {
        font-size: 1rem;
        text-align: left;
    }

    .mot-title {
        font-size: 1rem;
        margin-top: 25px;
    }

    .mot-read-more.read-more a {
        font-size: .8rem;
    }

    div[id^="block-anif-formulaireexposedoc"] form, div#block-anif-formulaireexposerecherchepage-1 form, form#views-exposed-form-actualites-page-1, form#views-exposed-form-adherents-page-1, .documentation-form form {
        flex-direction: row;
        flex-wrap: wrap;
    }

    form#views-exposed-form-adherents-page-1 .form-item-combine, form#views-exposed-form-annuaires-page-1 .form-item-combine, form#views-exposed-form-conventions-page-1 .form-item-combine {
        width: 100%;
    }

    .documentation-form form div {
        margin-top: 3px;
    }

    div[id^="block-anif-formulaireexposedoc"] #edit-actions--3, .documentation-form form div[id*='edit-actions'] {
        width: 20%;
        margin-top: 3px;
        /* margin-left: auto; */
    }

    div[id^="block-anif-formulaireexposedoc"] .form-item-field-document-categorie-target-id, div[id^="block-anif-formulaireexposedoc"] .form-item-field__date-value, .documentation-form form div[class*='form-item-field-date-value'], div[id^="block-anif-formulaireexposedoc"] .form-item-field__date-value-1, .documentation-form form .form-item-field-categorie-target-id {
        width: 100%;
    }

    .anif-content ul {
        list-style: none;
        padding-left: 0;
    }


}

@media all and (max-width: 280px){
    .content-regions>div>div div:not(:has(img)):not(:has(p,li,ol,ul,.file)):not(.contextual) {
        font-size: 1.2rem;
    }
}