body {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 300;
}
header {
    height: 5rem;
}
.navbar-brand img {
    height: 60px;
    width: 175px;
}
/* Couleurs */
.green-primary {
    color: #85BC23;
}
.bg-green-primary {
    background-color: #85BC23;
    color: #fff;
}
.green-secondary {
    color: #189647;
}
.bg-green-secondary {
    background-color: #189647;
    color: #fff;
}
.orange-neabio {
    color: #EA8C6F;
}
.bg-orange-neabio {
    background-color: #EA8C6F;
    color: #fff;
}
.grey-neabio {
    color: #F1F1EF;
}
.bg-grey-neabio {
    background-color: #F1F1EF;
}
.green-link {
    color: #85BC23;
    text-decoration: none;
}
.btn {
    text-decoration: none;
    text-transform: uppercase;
}
.btn-green-neabio {
    background-color: #7FC242;
    border-radius: 26px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 18px;
    text-decoration: none;
    text-transform: uppercase;
}
.btn-green-neabio:hover {
    background-color: #008D3A;
    color: #fff;
}
.btn-secondary-neabio {
    background-color: #008D3A;
    border-radius: 26px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 18px;
}
.btn-secondary-neabio:hover {
    background-color: #7FC242;
    color: #fff;
}
.btn-grey-neabio {
    background-color: #E0EBD6;
    border-radius: 26px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 18px;
}
.btn-grey-neabio:hover {
    background-color: #008D3A;
    color: #fff;
}
.btn-submit-neabio {
    background-color: #85BC23;
    border-radius: 26px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 18px;
    text-decoration: none;
    text-transform: uppercase;
}
.btn-submit-neabio:hover {
    background-color: #189647;
    color: #fff;
}
.language-link, .language-link:hover {
    color: #EA8C6F;
    font-weight: 700;
    text-decoration: none;
}
.bottom-spacer {
    background-color: #85BC23;
    height:  1px;
    max-width: 950px;
    padding: 0;
}
.bottom-spacer {
    background-color: #85BC23;
    height:  1px;
    max-width: 950px;
    padding: 0;
}


/* Typographie */

h1 {
    font-size: clamp(2rem, 5vw, 5rem);
    font-weight: 700;
}

h1.back-title, h1.legal-notice  {
    color: #0D8E3A;
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 600;
    padding-bottom: 1rem;
}
h1.legal-notice span {
    color: #85BC23;
}

h2, .h2 {
    color: #0D8E3A;
    font-size: clamp(1.8rem, 4vw, 3.4rem);
    font-weight: 600;
    padding-bottom: 1rem;
}
h2.title {
    color: #0D8E3A;
    font-size: clamp(1.8rem, 4vw, 2rem);
    font-weight: 600;
    padding-bottom: 1rem;
}
h1.back-title span, h2 span {
    color: #85BC23;
}

.title-with-image::after {
    content: url("../images/illustration-titre-feuille-ca8ea44c25d8455e16f597d03edb9690.webp");
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
}
.image-feuille-for-title {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url("../images/feuille-cercle-c0b5a5b1a8e54bdc7e38a0213d1b445f.webp");
    background-size: cover;  /* Ajuste l'image pour remplir l'élément */
    background-position: center;  /* Centrer l'image dans l'élément */
}
@media (max-width: 575.98px) {
    .feuille-cercle {
        width: 64px;
        height: 64px;
    }
}
.text-page {
    font-size: 1.15rem;
    font-weight: 300;
    text-align: justify;
}
.text-page strong {
    font-weight: 600;
}

span.guillemets {
    display: inline-block;
    background-image: url("../images/guillemets-152b26bca6d79570a37088a30cd1a6a0.webp");
    background-repeat: no-repeat;
    background-position: left center;
    height: 1rem;
    width: 1.125rem;
    vertical-align: middle;
}

/* Templating */
.logo-box {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 7.5rem;
    width: 7.5rem;
}
.logo-box.demeter {
    background-image: url("../images/logo/logo-box-demeter-8deedce5f91031229f367fd2529ef62a.webp");
}
.logo-box.biosuisse {
    background-image: url("../images/logo/logo-box-biosuisse-6d9932ef922043506697cc5286790e0d.webp");
}
.logo-box.globalgap {
    background-image: url("../images/logo/logo-box-globalgap-2-ab18bbf2071032675110997a086d553e.webp");
}
.logo-box.bioeu {
    background-image: url("../images/logo/logo-box-bioeu-cc2c1f7017929f71f01f1db8c3b7c381.webp");
}
.logo-box.bundesverband {
    background-image: url("../images/logo/logo-box-bundesverband-c2ef210d122bca0ff2e40432333acdf1.webp");
}
.logo-box.demarche-qualite {
    background-image: url("../images/logo/logo-box-demarche-qualite-f9171ed9668edb949314e1d5fe8d160c.webp");
}
.logo-box.ifs {
    background-image: url("../images/logo/logo-box-ifs-64f356c2632d1c97febe7c3408f85817.webp");
}
/**/
.form-check-label {
    font-size: 0.75rem;
}
.page-container {
    max-width: 800px;
    padding: 0;
}
.card-container {
    max-width: 950px;
    padding: 0;
}
@media (max-width: 767.98px) {
    .page-container {
        padding: 0 1.5rem;
    }
}
.news-heading {
    margin: 0;
    padding: 1rem 0;
    text-align: center;
    width: 100%;
}
.news-title {
    margin: 0;
    padding: 0;
}
.news-date {
    border-bottom: solid 1px #85BC23;
    color: #7FC242;
    margin: 0 auto;
    max-width: 720px;
}
.news-date p {
    font-weight: 200;
    margin: 0;
    padding: 0;
    text-align: center;
}
.news-content {
    margin: 0 auto;
    max-width: 720px;
}
.news-content {
    margin: 0 auto;
    max-width: 720px;
}
.news-navigation {
    margin: 0 auto;
    max-width: 720px;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}


.img-rs img {
    height: 5rem;
    width: 5rem;
    margin: 0.75rem;
}
@media (max-width: 575.98px) {
    footer .img-rs img {
        height: 2.5rem;
        width: 2.5rem;
        margin: 0.5rem;
    }
}
.card-summary .person {
    font-size: 1.4rem;
	font-weight: 500;
    margin: 0;
    padding: 0;
}
.card-summary .position {
    font-size: 1rem;
	font-weight: 500;
	line-height: 1.15;
	margin: 0 0 1rem;
	padding: 0;
}
.card-summary .person-summary {
    font-weight: 400;
}



/* MAIN  */
main {
    margin: 0;
    padding: 0;
}

/* SECTION */
section {
    margin: 0;
}
.top-section img {
    border-bottom-right-radius: 20rem;
}
/* FOOTER */
footer {
    border-top-right-radius: 10rem;
    color: #008D3A;
}
.footer-col-center {
    margin-top: -4rem;
}
footer a {
    color: #189647;
    text-decoration: none;
}
#nav-footer .nav-link {
    color: #BFC0C2;
    font-size: 0.9rem;
    font-weight: 500;
    text-transform: uppercase;
}


.bg-toggler-neabio {
    background-color: #EA8C6F;
    height: 80px;
    width: 80px;
}
.navbar-toggler {
    border: none; /* Enlève la bordure */
    box-shadow: none; /* Enlève l'ombre */
    outline: none; /* Enlève le focus */
}
.navbar-toggler:focus {
    outline: none; /* Empêche l'effet de focus visible */
    box-shadow: none; /* Empêche l'ombre au focus */
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); /* Change l'icône du toggler en blanc */
}
#offcanvas {
    border: none;
}
#offcanvas .offcanvas-header {
    height: 80px;
}
#offcanvasLabel {
    font-size: 1.3rem;
    font-weight: 500;
    text-transform: uppercase;
}

.btn-close {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.btn-close:hover {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(110%) contrast(100%);
}

.btn-close:focus {
    box-shadow: none;
}

#offcanvas > div.offcanvas-body > ul > li {
    padding-top: 8px;
    padding-bottom: 8px;
}
#offcanvas > div.offcanvas-body > ul > li > a {
    color: #189647;
    font-weight: 500;
    text-transform: uppercase;
}
#offcanvas > div.offcanvas-body > ul > li > a > span {
    color: #7FC242;
}

/* HOMEPAGE */
@media (max-width: 575.98px) {
    #top-carousel, #top-section {
        margin-top: 0;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #top-carousel, #top-section {
        margin-top: 0;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #top-carousel, #top-section {
        margin-top: 0;
    }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
    #top-carousel, #top-section {
        margin-top: 0;
    }
}
@media (min-width: 1400px) {
    #top-carousel, #top-section {
        margin-top: -10px;
    }
}
#top-carousel .carousel-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: transparent;
    z-index: 2; /* Placer le titre au-dessus des slides */
    font-size: 1rem; /* Ajuster la taille selon votre besoin */
    text-align: center;
}
#top-carousel .carousel-logo {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: transparent;
    z-index: 3; /* Placer l'image' au-dessus des slides */
    text-align: center;
}
@media (max-width: 575.98px) {
    #top-carousel .carousel-item img {
        border-bottom-right-radius: 3rem;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #top-carousel .carousel-item img {
        border-bottom-right-radius: 6rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #top-carousel .carousel-item img {
        border-bottom-right-radius: 9rem;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #top-carousel .carousel-item img {
        border-bottom-right-radius: 12rem;
    }
}
@media (min-width: 1200px) {
    #top-carousel .carousel-item img {
        border-bottom-right-radius: 15rem;
    }
}
#top-carousel .carousel-indicators {
    padding-bottom: 16px;
}
#top-carousel .carousel-indicators button {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff; /* Couleur par défaut */
    border: none; /* Enlever la bordure si besoin */
    margin: 0 8px;
}

#top-carousel .carousel-indicators .active {
    width: 28px; /* Largeur d'un rectangle */
    height: 14px; /* Hauteur fixe à 16px */
    border-radius: 7px; /* Arrondir les extrémités du rectangle */
    background-color: #fff; /* Couleur lorsqu'il est actif */
    margin: 0 8px;
}

#top-carousel::after {
    content: '';
    background-image: url("../images/logo/logo-homepage-slide-neabio-81273813dbce794b705ee307f364b9b0.webp");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 25vw; /* 15% de la largeur de l'écran */
    height: 25vw; /* Garde les proportions en fonction de la largeur */
    pointer-events: none;
}

.container-text-intro {
    max-width: 660px;
}
.text-intro {
    font-size: 1.15rem;
    font-weight: 200;
    text-align: center;
}
.text-intro strong {
    font-weight: 400;
}

.home-section h2 {
    color: #189647;
}
.home-section h2 > span {
    color: #7FC242;
}

/*** HOMEPAGE ***/
#nea-vision .card-citron {
    background-image: url("../images/svg/citron-2415c84315dbff00bb6451e0914321c4.svg");
    background-size: 110px 110px;
    background-repeat: no-repeat;
    background-position: right 0 top 0;
    padding: 3rem 0;
}

@media (max-width: 575.98px) {
    #nea-vision .card-citron {
        background-size: 80px 80px;
        background-repeat: no-repeat;
        background-position: right 0 top 0;
        padding: 4rem 0 0;
    }
}

#nea-family .deco-fruits {
    background-image: url("../images/svg/fruits-98f985e2ca81535a8c2ee0313195e520.svg");
    background-size: 120px 120px;
    background-repeat: no-repeat;
    background-position: left 30px top 8px;
    padding: 3rem 0;
}
#nea-maitrise .card-brocoli {
    background-image: url("../images/svg/brocoli-e2847981d264459d19466b966f39a995.svg");
    background-size: 110px 110px;
    background-repeat: no-repeat;
    background-position: left 0 top 16px;
    padding-top: 3rem;
}
#nea-news .card-orange {
    background-image: url("../images/svg/orange-dfffa58d09ce7d6d76c8150d6cc70577.svg");
    background-size: 110px 110px;
    background-repeat: no-repeat;
    background-position: left 140px top 0;
    padding: 3rem 0;
}

/*** NEA VISION ***/
#intro-nea-vision {
    position: relative;
    padding: 5rem 0;
    overflow: hidden; /* Empêche le débordement des images */
}

#intro-nea-vision::before,
#intro-nea-vision::after {
    content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Styles par défaut */
#intro-nea-vision::before {
    top: 0;
    right: -100px;
    width: 300px;
    height: 300px;
    background-image: url("../images/svg/brocoli-e2847981d264459d19466b966f39a995.svg");
    transform: rotate(15deg);
    opacity: 0.4;
}

#intro-nea-vision::after {
    bottom: 0;
    left: -120px;
    width: 300px;
    height: 300px;
    background-image: url("../images/svg/fruits-98f985e2ca81535a8c2ee0313195e520.svg");
    transform: rotate(-10deg);
    opacity: 0.4;
}

/* Pour les écrans de taille moyenne */
@media (max-width: 992px) {
    #intro-nea-vision::before {
        width: 250px;
        height: 250px;
        right: -50px;
        opacity: 0.5;
    }

    #intro-nea-vision::after {
        width: 250px;
        height: 250px;
        left: -70px;
        opacity: 0.5;
    }
}

/* Pour les petits écrans */
@media (max-width: 768px) {
    #intro-nea-vision::before {
        width: 200px;
        height: 200px;
        right: 0;
        opacity: 0.6;
    }

    #intro-nea-vision::after {
        width: 200px;
        height: 200px;
        left: 0;
        opacity: 0.6;
    }
}

/* Pour les très petits écrans */

@media (max-width: 575.98px) {
    #intro-nea-vision {
        
    }
    #intro-nea-vision::before {
        width: 150px;
        height: 150px;
        top: 0;
        right: 0;
        opacity: 0.6;
    }

    #intro-nea-vision::after {
        width: 150px;
        height: 150px;
        bottom: 0;
        left: 200px;
        opacity: 0.6;
    }
    #nea-vision .card-citron {
        padding: 0;
    }
    #nea-vision .card-citron img {
        border-radius: 0;
    }
}


@media (max-width: 575.98px) {
    #nea-valeurs .container {
        padding: 0;
    }
}
@media (max-width: 575.98px) {
    #nea-valeurs h2 {
        padding-left: 1rem;
    }
}
.card-antonio img {
	border-top-left-radius: 3rem;
	border-bottom-left-radius: 3rem;
}
.card-antonio .card-summary {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
}
.card-david img {
	border-bottom-left-radius: 3rem;
}
.card-david .card-summary {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
}
@media (max-width: 576px) {
	#nea-valeurs img.portrait {
		border-radius: 0;
	}
	.card-antonio img {
    	border-top-left-radius: 0;
    	border-bottom-left-radius: 0;
    }
    .card-antonio .card-summary {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-david img {
    	border-bottom-left-radius: 0;
    }
    .card-david .card-summary {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

#nea-valeurs h3 {
	color: #7FC242;
}
.picto-passion::before {
    content: url("../images/picto/picto-passion-neabio-h50-cfde969f6a4be9ec4d55b13616e4131b.webp");
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
}
.picto-engagement::before {
    content: url("../images/picto/picto-engagement-neabio-h50-7fabcb19c0a6a99a51b6967ffe47e4fe.webp");
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
}
.picto-confiance::before {
    content: url("../images/picto/picto-confiance-neabio-h50-cd4c0a851baf0cc7c1e6a1e5c708cf48.webp");
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
}
.picto-solidarite::before {
    content: url("../images/picto/picto-solidarite-neabio-h50-6f1b62fb9522e4ee09c25b90eb4bb6d7.webp");
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
}
.picto-respect::before {
    content: url("../images/picto/picto-respect-neabio-h50-2bb7c61c557fa8df58de1fce3c9b7476.webp");
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
}
#nea-valeurs .row.position-relative {
    position: relative;
}

.dotted-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%; /* Centre horizontalement */
    transform: translateX(-50%); /* Correction pour centrer */
    width: 1px;
    height: 100%;
    border-right: 2px dotted #7FC242;
    z-index: 1; /* S'assure que la ligne apparaît au-dessus des autres éléments */
}

.col-12.col-sm-6.c-left {
    position: relative;
}
#nea-valeurs p.valeur {
	text-align: justify;
}
.c-left p.valeur {
	padding-right: 1rem;
}
.c-right p.valeur, .c-right h3 {
	padding-left: 1rem;
}
@media (max-width: 575.98px) {
    .c-left p.valeur {
	    padding-left: 1rem;
    }
    .c-left h3 {
        padding-left: 1rem;
    }
    .c-right p.valeur, .c-right h3 {
	    padding-right: 1rem;
    }
}


.with-bubble {
    position: relative;
    padding-left: 2rem; /* Ajustez cet espace pour que le texte ne chevauche pas la bulle */
}
.with-bubble .year {
	color: #EA8C6F;
	font-size: 1.6rem;
	font-weight: 700;
}

.with-bubble::before {
    content: '';
    position: absolute;
    left: -16px; /* Positionnez la bulle à gauche du paragraphe */
    top: 18px;
    transform: translateY(-50%);
    width: 20px; /* Taille du rond */
    height: 20px; /* Taille du rond */
    background-color: #85BC23; /* Couleur verte */
    border-radius: 50%; /* Crée un cercle parfait */
}

.titre-page-intro {
    color: #4D6331;
    font-size: 1.4rem;
    font-weight: 500;
}
.text-page-intro {
    color: #4D6331;
    text-align: justify;
}
.text-page-today {
    color: #0D8E3A;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: justify;
}

.with-feuille {
    overflow: hidden;
    padding-left: 2rem;
    position: relative;
}


.with-feuille::before {
    content: '';
    position: absolute;
    left: -50px; /* Positionnez l'image à gauche du paragraphe */
    top: 24px;
    transform: translateY(-50%);
    width: 60px; /* Largeur de l'image */
    height: 60px; /* Hauteur de l'image */
    background-image: url("../images/picto/picto-feuille-cercle-a734aa7b761604bce904816d0572fdd4.webp"); /* Chemin de l'image */
    background-size: cover; /* Assure que l'image remplit tout le rond */
    background-repeat: no-repeat;
    border-radius: 50%; /* Si vous voulez que l'image reste dans un cercle parfait */
}


@media (max-width: 575.98px) {
    #nos-engagements .text-page.with-feuille {
        padding-right: 1.5rem;
    }
    #nos-engagements li.text-page {
        padding-right: 1.5rem;
    }
    #nea-vision img {
        border-radius: 2rem;
    }
    #nea-family .deco-fruits {
        background-position: left 120px top 16px;
        background-size: 70px 70px;
        padding: 1.5rem;
    }
}

@media (min-width: 576px) {
    #nea-vision img {
        border-top-left-radius: 2rem;
        border-bottom-left-radius: 2rem;
    }
}



/*** NEA FAMILY ***/
@media (max-width: 575.98px) {
    #nea-family img {
        border-radius: 0;
    }
}
@media (min-width: 576px) {
    #nea-family img {
        border-top-right-radius: 2rem;
        border-bottom-right-radius: 2rem;
    }
    #nea-maitrise img {
        border-top-right-radius: 2rem;
        border-bottom-right-radius: 2rem;
    }
}
/*** HOMEPAGE : PRODUCTEURS & PRODUITS ***/
/*#producteurs-produits {
    background: linear-gradient(to bottom, #F1F1EF 50%, transparent 50%);
}*/

@media (min-width: 576px) {
    #producteurs-produits img {
        border-top-left-radius: 2rem;
        border-bottom-left-radius: 2rem;
    }
    #producteurs-produits .product-summary {
        border-bottom-right-radius: 2rem;
    }
}

/*** HOMEPAGE : NEA NEWS ***/
@media (max-width: 575.98px) {
    #nea-news {
        margin-top: 0;
    }
   
}
#nea-news .card {
    border: none;
}
@media (max-width: 767.98px) {
    #nea-news .card {
        padding-left: 2rem;
        padding-right: 2rem;
    }
   
}
#nea-news .card-img, .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 2rem;
}
#nea-news .card-body {
    padding: 16px 0;
}
#nea-news .card-title {
    color: #7FC242;
}
#nea-news .card-text {
    margin-bottom: 0.5rem;
}
#nea-news .card-link {
    color: #7FC242;
    font-weight: 500;
    text-decoration: none;
}
/* PAGES */

/* PAGE NEA VISION */


/* PAGE NEA MAÎTRISE*/
#page-nea-maitrise .card-alexandra .card-summary {
    border-bottom-left-radius: 3rem;
}
#page-nea-maitrise .card-alexandra img {
    border-top-right-radius: 3rem;
}
#page-nea-maitrise .card-cecile .card-summary {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
}
#page-nea-maitrise .card-cecile img {
    border-top-left-radius: 3rem;
}
/* PAGE NEA FAMILY */
#notre-organisation-commerciale {
    
}
/* cards img */
#page-nea-family .card-alexandra .card-summary {
    border-bottom-left-radius: 3rem;
}
.card-alexandra img {
    border-top-right-radius: 3rem;
}
.card-manon .card-summary {
    border-top-right-radius: 3rem;
}
.card-manon img {
    border-bottom-left-radius: 3rem;
}

@media (max-width: 576px) {
    #page-nea-family .card-alexandra .card-summary, 
    #page-nea-family .card-alexandra img,
    #page-nea-family .card-manon .card-summary, 
    #page-nea-family .card-manon img,
    #page-nea-maitrise .card-alexandra .card-summary,
    #page-nea-maitrise .card-alexandra img,
    #page-nea-maitrise .card-cecile .card-summary,
    #page-nea-maitrise .card-cecile img {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}

/* NEA FAMILY : Portraits */

@media (max-width: 575.98px) {
    #family-carousel {
        margin-top: 0;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #family-carousel {
        margin-top: 76px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #family-carousel {
        margin-top: 60px;
    }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
    #family-carousel {
        margin-top: -40px;
    }
}
@media (min-width: 1400px) {
    #family-carousel {
        margin-top: -10px;
    }
}
#family-carousel .carousel-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 2; /* Placer le titre au-dessus des slides */
    /* font-size: 1rem; Ajuster la taille selon votre besoin */
    text-align: center;
}
#family-carousel .carousel-logo {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: transparent;
    z-index: 3; /* Placer l'image' au-dessus des slides */
    text-align: center;
}
@media (max-width: 575.98px) {
    #family-carousel .carousel-item img {
        border-bottom-right-radius: 3rem;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #family-carousel .carousel-item img {
        border-bottom-right-radius: 6rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #family-carousel .carousel-item img {
        border-bottom-right-radius: 9rem;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #family-carousel .carousel-item img {
        border-bottom-right-radius: 12rem;
    }
}
@media (min-width: 1200px) {
    #family-carousel .carousel-item img {
        border-bottom-right-radius: 15rem;
    }
}
#family-carousel .carousel-indicators {
    padding-bottom: 16px;
}
#family-carousel .carousel-indicators button {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff; /* Couleur par défaut */
    border: none; /* Enlever la bordure si besoin */
    margin: 0 8px;
}

#family-carousel .carousel-indicators .active {
    width: 28px; /* Largeur d'un rectangle */
    height: 14px; /* Hauteur fixe à 16px */
    border-radius: 7px; /* Arrondir les extrémités du rectangle */
    background-color: #fff; /* Couleur lorsqu'il est actif */
    margin: 0 8px;
}

/*#family-carousel::after {
    content: '';
    background-image: url("../images/logo/logo-homepage-slide-neabio-81273813dbce794b705ee307f364b9b0.webp");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 25vw;
    height: 25vw;
    pointer-events: none;
}*/




.portrait-wrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.portrait-wrapper img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
}

.portrait-wrapper:hover img {
    transform: scale(1.1);
}

.person-caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    transform: translateY(20%);
    transition: transform 0.3s ease-in-out;
}

.person-firstname {
    font-size: 1.7rem;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 1px #000;
}
.person-position  {
    font-weight: 400;
    text-shadow: 1px 1px 1px #000;
}

@media (max-width: 575.98px) {
    .person-caption {
        transform: translateY(20%);
    }
    .person-firstname {
        font-size: 1.3rem;
        font-weight: 500;
    }
    .person-position {
        font-size: 0.9rem;
        font-weight: 300;
    }
}

.portrait-wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

#pole-achats {
    position: relative;
    overflow: hidden;
}

#pole-achats .feuille-pole-achats {
    position: absolute;
    top: -150px; /* Ajuster la hauteur en fonction de l'emplacement souhaité */
    right: -200px; /* Toujours 30px du bord gauche du UL */
    width: 380px; /* Taille de l'image */
    height: 380px;
    background-image: url("../images/svg/feuille-333081541256c373a519231b428cca65.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0deg); /* Applique la rotation */
    z-index: -1; /* Pour que l'image soit derrière le texte */
    opacity: 0.4; /* Ajuste l'opacité */
}

#focus-metier {
    position: relative;
    overflow: hidden;
}

#focus-metier .brocoli-metiers {
    position: absolute;
    top: 350px; /* Ajuster la hauteur en fonction de l'emplacement souhaité */
    left: -150px; /* Toujours 30px du bord gauche du UL */
    width: 380px; /* Taille de l'image */
    height: 380px;
    background-image: url("../images/svg/brocoli-e2847981d264459d19466b966f39a995.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(25deg); /* Applique la rotation */
    z-index: -1; /* Pour que l'image soit derrière le texte */
    opacity: 0.4; /* Ajuste l'opacité */
}


#focus-metier h3 {
    font-size: 1.2rem;
    font-weight: 400;
}
/* PAGE PRODUCTEURS-PRODUITS */

#page-producteurs-produits .card-laura img {
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
}
#page-producteurs-produits .card-laura .card-summary {
    border-top-right-radius: 3rem;
}

#page-producteurs-produits .card-safia img {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
}
#page-producteurs-produits .card-safia .card-summary {
    border-top-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
}
#page-producteurs-produits .card-corinne img {
    border-bottom-left-radius: 3rem;
}
#page-producteurs-produits .card-corinne .card-summary {
    border-top-right-radius: 3rem;
}
@media (max-width: 575.98px) {
    #page-producteurs-produits .card-laura img {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    
    #page-producteurs-produits .card-laura .card-summary {
        border-top-right-radius: 0;
    }
    
    #nos-produits .card-safia img {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    #nos-produits .card-safia .card-summary {
        border-top-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    #page-producteurs-produits .card-corinne img {
        border-bottom-left-radius: 0;
    }
    #page-producteurs-produits .card-corinne .card-summary {
        border-top-right-radius: 0;
    }
}


#nos-produits .products {
    color: #0D8E3A;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
}
#nos-origines .person-summary {
}

/* NEA NEWS */
/* Suppression du comportement par défaut de carousel-caption */
#news-carousel .carousel-item {
    display: none; /* Masquer les slides par défaut */
}

#news-carousel .carousel-item.active {
    display: flex; /* Afficher uniquement le slide actif */
    align-items: center; /* Aligner verticalement le texte et l'image */
    flex-direction: row; /* Aligner les colonnes en ligne */
}

#news-carousel.custom-carousel-caption {
    position: relative;
    padding: 20px;
    width: 100%;
    max-width: 100%;
}
#news-carousel .h1  {
    color: #0D8E3A;
}
#news-carousel img  {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
}

#news-carousel .carousel-indicators {
    position: static;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding-bottom: 10px;
}

#news-carousel .carousel-indicators button {
    width: 12px; /* Hauteur et largeur des indicateurs normaux */
    height: 12px;
    border-radius: 50%; /* Pour les rendre complètement circulaires */
    background-color: #CFE4A7; /* Couleur des indicateurs */
    margin: 0 5px; /* Espacement entre les indicateurs */
    border: none; /* Retirer la bordure par défaut */
    opacity: 1; /* Supprimer l'opacité par défaut */
}

#news-carousel .carousel-indicators .active {
    width: 24px; /* Double la largeur pour l'indicateur actif */
    height: 12px; /* Conserve la même hauteur que les autres indicateurs */
    border-radius: 12px; /* Arrondir les extrémités pour l'indicateur actif */
    background-color: #85BC23; /* Couleur de l'indicateur actif */
    opacity: 1; /* Assurer que l'opacité est maximale pour l'indicateur actif */
}

#a-la-une .card-container img {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
#neabio-recrute .container-recrute {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}

/* Utiles */


.text-justify {
    text-align: justify;
}
.scroll-to-top {
    position: fixed;
    bottom: 3rem;
    right: 1.5rem;
    font-size: 2rem;
    text-decoration: none;
    z-index: 1000;
    display: block;
    color: #85BC23;
}
footer img.footer-logo {
    height: 60px;
    width: 175px;
}
#page-login {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-bottom: 5rem;
}
.login-title {
    color: #008F2E;
    font-size: 1.6rem;
    font-weight: 500;
}
.login-title span {
    color: #85BC23;
}
.bt-signin {
    background-color: #EA8C6F;
    border-color: #EA8C6F;
    border-radius: 0;
    color: #fff;
}
.map-marker {
    display: inline-block;
    width: 2rem;  /* Taille du cercle */
    height: 2rem; /* Taille du cercle */
    background-color: #008D3A; /* Couleur de fond */
    border-radius: 50%; /* Crée un cercle parfait */
    background-image: url("../images/svg/location-dot-solid-e8e657d0921f4965d260bea82baa32ea.svg"); /* Chemin de votre icône SVG */
    background-size: 50%; /* Ajuste la taille du SVG */
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle; /* Aligne verticalement l'icône avec le texte */
    margin-right: 8px; /* Espace entre l'icône et le texte */
    fill: #fff;
}
/*  ADMIN */
.cke_notification_warning {
    display: none !important;
}
#employee_summary {
    height: 10rem;
}
.nav-link-backoffice {
    color: #fff;
}
.page-back .card-title {
    color: #0D8E3A;
    font-size: 2rem;
}

.page-back th {
    color: #008D3A;
}
.page-back td {
    font-size: 0.9rem;
}
.btn-admin {
    background-color: #EEEEEE;
    border-radius: 1.75rem;
    color: #fff;
    font-size: 0.8rem;
    padding: 0.5rem 1.25rem;
    opacity: 0.8;
}
.btn-admin:hover {
    color: #fff;
    opacity: 1;
}
.btn-admin.red {
    background-color: #FF3333;
}
.btn-admin.orange {
    background-color: #EA8C6F;
}
.btn-admin.green {
    background-color: #86BC25;
}
.btn-admin.green-2 {
    background-color: #008D3A;
}
.btn-admin-top, .btn-admin-top:hover {
    background-color: #EA8C6F;
    border-radius: 0;
    color: #fff;
    font-size: 1.1rem;
    padding: 12px 16px;
}
.page-back .btn-contact-phone {
    background-color: #008D3A;
    border-radius: 50%;
    color: #fff;
    padding: 0.5rem 0.75rem;
}
.page-back .btn-more-detail {
    background-color: #EA8C6F;
    border-radius: 50%;
    color: #fff;
    padding: 0.5rem 0.75rem;
}
.page-back .card-body ul {
    padding: 0.5rem 1rem;
}
.page-back .card-text,
.page-back .card-body li {
    font-size: 0.9rem;
}
.card-back-news .card-title {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
}
#news_metaDescription {
    height: 8rem;
}
#news_excerpt {
    height: 9rem;
}
#news_content {
    height: 24rem;
}
.vich-image img {
    height: 30%;
    width: 30%;
}
.gallerie {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 1.5rem;
    padding: 0;
}
.gallerie img {
    width: 100%
    height: auto;
}

/* ===============================
   Overlay popup plein écran
================================ */
.video-popup {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* ===============================
   Conteneur central
================================ */
.video-popup-inner {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===============================
   Wrapper vidéo
================================ */
.video-wrapper {
    position: relative;
    display: inline-block;
}

/* ===============================
   Vidéo
================================ */
.video-wrapper video {
    max-width: 100%;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
    background: #000;
    border-radius: 8px;
}

/* ===============================
   Bouton fermer
================================ */
.video-close {
    position: absolute;
    top: -40px;
    right: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    z-index: 3;
}

/* ===============================
   Bouton PLAY central
================================ */
.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: none;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    font-size: 36px;
    cursor: pointer;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
}

.video-play-btn:hover {
    background: rgba(0, 0, 0, 0.85);
    transform: translate(-50%, -50%) scale(1.05);
}

/* ===============================
   Responsive
================================ */
@media (max-width: 768px) {
    .video-close {
        top: -30px;
        font-size: 32px;
    }

    .video-play-btn {
        width: 64px;
        height: 64px;
        font-size: 30px;
    }
}