@font-face {
  font-family: "permanent_markerregular";
  src: url("/wp-content/themes/nutrition/assets/src/fonts/permanent-marker.regular-webfont.woff2") format("woff2"), url("/wp-content/themes/nutrition/assets/src/fonts/permanent-marker.regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "averta_cyregular";
  src: url("/wp-content/themes/nutrition/assets/src/fonts/avertacy-regular-webfont.woff2") format("woff2"), url("/wp-content/themes/nutrition/assets/src/fonts/avertacy-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "averta_cybold";
  src: url("/wp-content/themes/nutrition/assets/src/fonts/avertacy-bold-webfont.woff2") format("woff2"), url("/wp-content/themes/nutrition/assets/src/fonts/avertacy-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "averta_cybold_italic";
  src: url("/wp-content/themes/nutrition/assets/src/fonts/avertacy-bolditalic-webfont.woff2") format("woff2"), url("/wp-content/themes/nutrition/assets/src/fonts/avertacy-bolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "averta_cyregular_italic";
  src: url("/wp-content/themes/nutrition/assets/src/fonts/avertacy-regularitalic-webfont.woff2") format("woff2"), url("/wp-content/themes/nutrition/assets/src/fonts/avertacy-regularitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "averta_cysemibold";
  src: url("/wp-content/themes/nutrition/assets/src/fonts/avertacy-semibold-webfont.woff2") format("woff2"), url("/wp-content/themes/nutrition/assets/src/fonts/avertacy-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
html {
  font-size: 62.5%;
  height: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  background-color: #FFF;
  color: #536C19;
  overflow-x: hidden;
  font-family: "averta_cybold", Arial, Helvetica, sans-serif;
}

h1,
.like-h1 {
  font-size: 4rem;
  text-transform: uppercase;
  font-family: "permanent_markerregular", Arial, Helvetica, sans-serif;
}

h2,
.like-h2 {
  font-size: 4rem;
  text-transform: uppercase;
  font-family: "permanent_markerregular", Arial, Helvetica, sans-serif;
}

h3,
.like-h3 {
  font-size: 2rem;
  font-family: "averta_cybold", Arial, Helvetica, sans-serif;
}

p {
  font-size: 1.5rem;
  margin-bottom: 0;
  font-family: "averta_cyregular", Arial, Helvetica, sans-serif;
}
p.italic {
  font-family: "averta_cyregular_italic", Arial, Helvetica, sans-serif;
}

p strong,
li strong {
  font-family: "averta_cybold", Arial, Helvetica, sans-serif;
  font-weight: normal;
}

.text-small {
  font-size: 1.2rem;
}

a {
  color: #536C19;
}
a:hover {
  color: #FFF;
}
a.color-green:hover {
  color: #9BC306;
}
a h3:hover {
  color: #9BC306;
}
a h3.hover-white:hover {
  color: #FFF;
}

.big {
  font-size: 3rem;
}

.fs-2 {
  font-size: 2rem;
}

.f-regular {
  font-family: "averta_cyregular", Arial, Helvetica, sans-serif;
}

.f-bold {
  font-family: "averta_cybold", Arial, Helvetica, sans-serif;
}

.bg-green {
  background: #536C19;
}

.bg-pastel {
  background: #E8FCD6;
}

.bg-green-l {
  background: #9BC306;
}

.bg-lightess {
  background: #B3D532;
}

.bg-yellow {
  background: #FED450;
}

.bg-beige {
  background: #FFF6DB;
}

.bg-beige-d {
  background: #F0E2B7;
}

.color-white {
  color: #FFF;
}

.color-green {
  color: #536C19;
}

.color-green-l {
  color: #9BC306;
}

.color-dark {
  color: #4E3F36;
}

.shadow-green {
  box-shadow: 0px 0px 10px 1px rgba(83, 108, 25, 0.4509803922);
  position: relative;
  z-index: 1;
}

.shadow-green-l {
  box-shadow: 0px 0px 10px 1px rgba(133, 169, 66, 0.7490196078);
  position: relative;
  z-index: 1;
}

.shadow-yellow {
  box-shadow: 0px 0px 10px 1px #D8B547;
  position: relative;
  z-index: 1;
}

.lh-0 {
  line-height: 0;
}

.z-0 {
  position: relative;
  z-index: 0;
}

.list-border {
  list-style: none;
  border-left: solid 0.2rem #536C19;
}
.list-border li a {
  font-size: 1.5rem;
  text-decoration: none;
}
.list-border.white li a {
  color: #FFF;
}

.btn-sort {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.btn-sort:hover, .btn-sort:active, .btn-sort:focus {
  color: #FFF;
  background-color: #9BC306;
}

.breadcrumbs {
  padding-top: 2rem;
}

.offcanvas.offcanvas-end {
  width: 100%;
}
.offcanvas .offcanvas-header {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}
.offcanvas .offcanvas-header .btn-close {
  background-color: #536C19;
  opacity: 1;
}

.one-img .text-one-img {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 8%;
  transform: translateY(-50%);
  width: 46%;
}
.one-img .text-one-img p {
  font-size: 2rem;
}

.separation {
  position: absolute;
  bottom: -0.5rem;
  width: 110%;
  left: -5%;
  z-index: 1;
  overflow-x: hidden;
}
.separation.top {
  top: -0.6rem;
}

.discover {
  position: relative;
  z-index: 0;
}
.discover a:hover .description-link h3,
.discover a:hover .description-link p {
  color: #536C19;
}
.discover::after {
  position: absolute;
  content: "";
  width: 50%;
  height: 35rem;
  background-image: url("/wp-content/themes/nutrition/assets/src/img/hover-2.png");
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.discover .container {
  position: relative;
  z-index: 1;
}
.discover .img-bg {
  height: 20rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.innovation,
.brand-slider-container {
  position: relative;
}
.innovation .card-produit,
.brand-slider-container .card-produit {
  width: 26rem;
}
.innovation .card-produit .bg-white,
.brand-slider-container .card-produit .bg-white {
  max-height: 26rem;
}
.innovation .card-produit .bg-white img,
.brand-slider-container .card-produit .bg-white img {
  max-height: 26rem;
}

.benefaction {
  position: relative;
}
.benefaction .bg-white {
  max-width: 35rem;
}

.recettes {
  position: relative;
}

.select-container {
  position: relative;
  /*
    &::after {
        content: '';
        display: block;
        width: 20px;
        height: 10px;
        background: url($path-img + 'dropdown-icon.svg') no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 1rem;
        transform: translateY(-50%);
    }

    &:hover::after {
        background-image: url($path-img + 'dropdown-icon-green.svg');
    }
    */
}
.select-container select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 4rem;
  background-image: url("/wp-content/themes/nutrition/assets/src/img/dropdown-icon.svg");
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 20px 10px;
  text-align: left;
}
.select-container select:hover, .select-container select:focus {
  background-image: url("/wp-content/themes/nutrition/assets/src/img/dropdown-icon-green.svg");
}

.partner {
  position: relative;
}
.partner .separation.top {
  top: -1.2rem;
}

.swiper-partner img {
  width: 10rem;
  height: auto;
}
.swiper-partner .btn {
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.swiper-partner .btn.swiper-prev {
  left: 0;
}
.swiper-partner .btn.swiper-next {
  right: 0;
}
.swiper-partner .btn img {
  width: 2rem;
}

.engagement {
  position: relative;
}
.engagement .icon-card {
  height: 200px;
  display: flex;
}
.engagement .mention {
  font-style: inherit;
  font-size: 1.1rem;
}
.engagement .separation.top {
  top: -0.2rem;
}

.locate {
  position: relative;
}
.locate .bg-yellow p {
  font-size: 2rem;
}
.locate .swiper-locate .btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.locate .swiper-locate .btn.swiper-prev {
  left: 0;
}
.locate .swiper-locate .btn.swiper-next {
  right: 0;
}
.locate .separation {
  width: 167%;
  left: -33%;
}

.logo-dist {
  max-width: 16rem;
  height: auto;
}

.content {
  position: relative;
}
.content ul {
  font-size: 1.5rem;
  font-family: "averta_cyregular_italic", Arial, Helvetica, sans-serif;
}

.atout {
  position: relative;
}

.listen,
.tab-description-product {
  position: relative;
}
.listen .accordion-header,
.tab-description-product .accordion-header {
  text-align: center;
  display: block;
}
.listen .accordion-button,
.tab-description-product .accordion-button {
  border-left: solid 0.5rem #536C19;
  text-align: center;
  color: #536C19;
  text-transform: uppercase;
  font-size: 2rem;
}
.listen .accordion-button.collapsed,
.tab-description-product .accordion-button.collapsed {
  border-left: solid 0.5rem rgba(83, 108, 25, 0.4509803922);
}
.listen .accordion-collapse,
.tab-description-product .accordion-collapse {
  border-left: solid 0.5rem #536C19;
}

.egalim #accordionEgalim .accordion-item {
  border: solid 0.1rem #CBCBCB;
}
.egalim #accordionEgalim .accordion-item .accordion-button {
  position: unset;
}
.egalim #accordionEgalim .accordion-item .accordion-button::after {
  transition: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij48cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA2LjUpIiBmaWxsPSIjNGUzZjM2Ii8+PHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguNSkgcm90YXRlKDkwKSIgZmlsbD0iIzRlM2YzNiIvPjwvc3ZnPg==");
  margin-top: 0;
}
.egalim #accordionEgalim .accordion-item .accordion-button:not(.collapsed) {
  background-color: #FFF;
}
.egalim #accordionEgalim .accordion-item .accordion-button:not(.collapsed)::after {
  margin-bottom: 1rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgMTUgMiI+PHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjIiIGZpbGw9IiM0ZTNmMzYiLz48cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMiIgZmlsbD0iIzRlM2YzNiIvPjwvc3ZnPg==");
}

.groupe {
  position: relative;
}

.discover-brand {
  position: relative;
}
.discover-brand .separation.top {
  top: -1.4rem;
}

.page-produits .card-category {
  border-radius: 1rem;
  border: solid 0.1rem #CBCBCB;
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-produits .card-product {
  width: 96%;
  max-width: 26rem;
}

.page-catalogue .menu-side a:hover {
  color: #9BC306;
}
.page-catalogue .products-show {
  display: flex;
  justify-content: center;
}

.card-product {
  width: 20rem;
  height: 38rem;
  display: flex;
  flex-direction: column;
}
.card-product p {
  font-size: 1.3rem;
}
.card-product .pres-product {
  height: 100%;
  padding: 1rem;
}
.card-product .pres-product .img-container {
  height: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-product .pres-product .img-container img {
  max-height: 20rem;
}
.card-product .pres-product .description {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 15rem;
}

.card-recette {
  width: 20rem;
  display: flex;
  flex-direction: column;
}
.card-recette .description {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 18rem;
}
.card-recette .description h3 {
  font-size: 1.9rem;
}
.card-recette .card-picture {
  height: 14rem;
  overflow: hidden;
  position: relative;
}
.card-recette .card-picture img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.sort-products li {
  list-style: none;
  border-bottom: solid 0.2rem #CBCBCB;
  border-left: solid 0.2rem #CBCBCB;
  border-right: solid 0.2rem #CBCBCB;
}
.sort-products li:last-child {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.sort-products li a {
  text-decoration: none;
  font-weight: bold;
}
.sort-products li a:hover {
  color: #536C19;
}

.one-product .first-img,
.one-product .other-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.one-product .first-img {
  width: 26rem;
  height: 22rem;
}
.one-product .first-img img {
  max-height: 22rem;
  border-radius: 0.5rem;
}
.one-product .other-img {
  width: 8rem;
  height: 7rem;
}
.one-product .other-img img {
  max-height: 6.8rem;
  border-radius: 0.5rem;
}
.one-product .img-modal {
  max-height: 90vh;
}
.one-product .img-logo {
  min-width: 100%;
}
.one-product .source p {
  border: 0.1rem solid #536C19;
  display: inline;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
}
.one-product .contact {
  background-color: #FFF6DB;
  text-align: center;
  border-radius: 0.5rem;
  padding: 2rem 0;
}
.one-product .tab-description-product ul {
  padding-left: 4.5rem;
}
.one-product .tab-description-product ul li {
  list-style: none;
}
.one-product .tab-description-product .table {
  font-size: 1.5rem;
  font-family: "averta_cyregular", Arial, Helvetica, sans-serif;
}
.one-product .tab-description-product .re-style {
  color: #536C19 !important;
  font-family: "averta_cyregular", Arial, Helvetica, sans-serif !important;
  font-size: 1.5rem !important;
  margin: 0 !important;
}
.one-product .tab-description-product .re-style p {
  margin: 0 !important;
}
.one-product .tab-description-product .re-style p span {
  color: #536C19 !important;
  font-family: "averta_cyregular", Arial, Helvetica, sans-serif !important;
  font-size: 1.5rem !important;
  margin: 0 !important;
}
.one-product .tab-description-product .re-style p span b {
  color: #35460F;
}
.one-product .gemrcn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}

.single-recette .pictos-recette {
  max-width: 600px;
}
.single-recette .ingredient,
.single-recette .en-cuisine {
  font-size: 1.5rem;
  font-family: "averta_cyregular", Arial, Helvetica, sans-serif;
}
.single-recette .ingredient h3,
.single-recette .en-cuisine h3 {
  font-family: "averta_cybold", Arial, Helvetica, sans-serif;
  margin-top: 3rem;
}
.single-recette .ingredient h3:first-child,
.single-recette .en-cuisine h3:first-child {
  margin-top: 0;
}
.single-recette .en-cuisine {
  background-color: #FFF6DB;
  border-radius: 0.5rem;
  margin: 1rem;
  padding: 2rem;
}
.single-recette .en-cuisine .like-h3,
.single-recette .en-cuisine h3 {
  margin-top: 2rem;
  display: block;
}
.single-recette .en-cuisine .like-h3:first-child,
.single-recette .en-cuisine h3:first-child {
  margin-top: 0;
}
.single-recette .main-product {
  font-size: 1.5rem;
}
.single-recette .etapes {
  list-style: none;
  position: relative;
  z-index: 0;
}
.single-recette .etapes .number {
  position: relative;
  color: #FFF;
  margin: 0 2rem;
}
.single-recette .etapes .number.number-1 {
  margin-right: 2.2rem;
}
.single-recette .etapes .number::after {
  content: "";
  z-index: -1;
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  background-color: #9BC306;
  left: -0.6rem;
  top: 0.2rem;
}
.single-recette hr {
  background: #9BC306;
  height: 0.3rem;
  opacity: 1;
  border: none;
  margin: 5rem 0;
}

.banner {
  position: relative;
  background-color: #536C19;
  border-bottom-left-radius: 50% 10%;
  border-bottom-right-radius: 50% 10%;
}
.banner .image {
  height: 17rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 10%;
  border-bottom-left-radius: 50% 10%;
  border-bottom-right-radius: 50% 10%;
  position: relative;
}
.banner .image.overlay::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  transform: translateX(-50%);
  background-image: url("/wp-content/themes/nutrition/assets/src/img/hover-img.png");
  background-size: cover;
  border-bottom-left-radius: 50% 10%;
  border-bottom-right-radius: 50% 10%;
}
.banner .content {
  border-bottom-left-radius: 50% 10%;
  border-bottom-right-radius: 50% 10%;
}

.filters .choice {
  background: #FFF6DB;
  font-size: 1.5rem;
  text-transform: uppercase;
  padding: 0 1rem;
  border-bottom: #CBCBCB 0.1rem solid;
  border-left: #CBCBCB 0.1rem solid;
  border-right: #CBCBCB 0.1rem solid;
}
.filters .choice:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.filters .choice label {
  padding: 0.5rem;
}
.filters .choice input:checked + label {
  color: red;
}

#FilterContainer {
  position: relative;
  z-index: 0;
}

.form-container {
  border-radius: 20px;
  padding: 5%;
}
.form-container input,
.form-container select,
.form-container textarea {
  width: 80%;
}
.form-container .sib-OPT_IN_TERMS-area,
.form-container .sib-OPT_IN_NEWS-area {
  color: #FFF;
  text-align: left;
  padding-left: 10%;
}
.form-container .sib-OPT_IN_TERMS-area a,
.form-container .sib-OPT_IN_NEWS-area a {
  color: #FFF;
}
.form-container .sib-OPT_IN_TERMS-area input,
.form-container .sib-OPT_IN_NEWS-area input {
  width: auto;
  margin-right: 1rem;
}
.form-container p {
  text-align: center;
  margin-bottom: 1rem;
}
.form-container p label {
  text-align: start;
  color: #FFF;
  width: 80%;
  font-weight: bold;
}
.form-container p label input,
.form-container p label textarea {
  width: 100%;
}
.form-container p.mentions {
  color: #fff;
  text-align: right;
  font-style: italic;
}
.form-container p.submit {
  padding-top: 1rem;
}
.form-container .sib-default-btn {
  width: 10rem;
}

.logos-nutrition .col-xl {
  flex-basis: fit-content;
  flex-grow: 0;
  margin-right: 2rem;
}
.logos-nutrition .col-xl:last-child {
  margin-right: 0;
}

.tease a {
  max-height: 10rem;
}
.tease a:hover {
  color: #9BC306;
}
.tease a img {
  max-height: 10rem;
}

.align-img-portions {
  display: flex;
  flex-direction: column;
  height: 80px;
  justify-content: center;
  align-items: center;
}

.form-newsletter .mentions-check {
  line-height: 1.1;
}
.form-newsletter label {
  font-size: 1.3rem;
}

.page-wp-block a:hover {
  color: #FED450;
}

.content-engagement p {
  margin-bottom: 1rem;
}
.content-engagement a:hover {
  color: #9BC306;
}
.content-engagement ul li {
  font-size: 1.5rem;
  font-family: "averta_cyregular", Arial, Helvetica, sans-serif;
  margin-bottom: 1rem;
}

.images-product .border-preview {
  height: 100%;
  border: solid 0.1rem #CBCBCB;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.images-product .border-preview:hover {
  filter: opacity(0.8);
}

.modal {
  background-color: rgba(179, 213, 50, 0.3411764706);
}
.modal .modal-header {
  border: none;
}
.modal .modal-header .btn-close {
  color: #536C19;
  font-size: 2rem;
  background-color: #FED450;
}
.modal .modal-footer button {
  text-transform: uppercase;
  border-radius: 1rem;
}

.concept ol {
  font-size: 1.5rem;
  font-family: "averta_cyregular", Arial, Helvetica, sans-serif;
}

.img-chef-container {
  border-radius: 50%;
  border: 4px solid #fff;
  width: 120px;
  height: 120px;
  display: flex;
  overflow: hidden;
  align-items: center;
  position: absolute;
  top: 5%;
  right: 0;
}
.img-chef-container img {
  max-width: 100%;
}

.swiper-masterclass .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-masterclass .swiper-slide .info {
  min-height: 32rem;
  background-color: #9BC306;
  width: 26rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.5rem 1rem 0.5rem;
}
.swiper-masterclass .swiper-slide .info .img-container {
  height: 20rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-masterclass .swiper-slide .info .text {
  color: #FFF;
  font-weight: bold;
  height: 16rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
.swiper-masterclass .swiper-slide .info .text .information {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.swiper-masterclass .swiper-slide .info .text .btn {
  width: 22rem;
}

.single-master .descriptif ul,
.single-master .intervenant ul,
.single-master .ingredient ul,
.single-master .prerequis ul {
  font-size: 1.5rem;
  font-family: "averta_cyregular", Arial, Helvetica, sans-serif;
}
.single-master .btn {
  width: 30rem;
}
.single-master .banner .link-video {
  position: absolute;
  top: 4%;
  left: 5%;
  width: 10rem;
}
.single-master .banner .link-video .icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  transform: translate(-50%, -50%);
}

.carousel-masterclass .swiper-slide {
  min-height: 40rem;
}
.carousel-masterclass .swiper-slide .row {
  min-height: 40rem;
}
.carousel-masterclass .swiper-slide .row .content {
  height: 100%;
}
.carousel-masterclass .btn.btn-green:hover {
  color: #FFF;
  border-color: #FFF;
}

.overlaypop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  /* Couleur noire semi-transparente */
  z-index: 2;
  /* Assurez-vous que l'overlay est au-dessus de la page */
}

/* Style pour la popup */
.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color: #FED450;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 3;
  border-radius: 1rem;
}

/* Style pour le bouton de fermeture */
.close-button {
  cursor: pointer;
  background-color: #007bff;
  color: #fff;
  border: none;
  position: absolute;
  top: -9rem;
  right: -3rem;
  border-radius: 2rem;
  padding: 1rem 1.6rem;
  background: #536C19;
  font-size: 1.5rem;
}

.content__container {
  max-width: 1024px;
  border-radius: 10px;
  padding: 2.5rem;
  z-index: 10;
  position: relative;
  margin-bottom: 6rem;
}

.content__container p {
  padding: 0.5rem 0;
}

@media (min-width: 768px) {
  .separation {
    bottom: -0.8rem;
  }
  .separation.top {
    top: -0.9rem;
  }
  .banner .image {
    height: 35rem;
  }
  .container-form p {
    width: 100%;
  }
  .container-form p label {
    display: flex;
    justify-content: space-between;
  }
  #FilterContainer::after {
    left: 15%;
  }
  .card-product,
.card-recette {
    width: 26rem;
  }
  .card-recette {
    height: 38rem;
  }
  .card-recette .card-picture {
    height: 18rem;
  }
  .card-recette .description {
    height: 18rem;
  }
  .one-product .table {
    width: 70%;
  }
  .one-product .table td {
    width: 33.3333333333%;
  }
  .single-master .banner .link-video {
    width: 20rem;
  }
  .single-master .banner .link-video .icon-play {
    width: 10rem;
  }
}
@media (min-width: 992px) {
  .title-align-2-lines {
    min-height: 48px;
  }
  .separation {
    bottom: -1.1rem;
  }
  .separation.top {
    top: -1.6rem;
  }
  .discover .img-bg {
    width: 33.3333333333%;
  }
  .fade-block {
    opacity: 0;
    transition: opacity 1.5s ease-in;
  }
  .fade-block.animate {
    opacity: 1;
  }
  .post-type-marque-single .paysage {
    position: relative;
  }
  .post-type-marque-single .paysage .info-link {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 3rem;
  }
  .listen,
.tab-description-product {
    position: relative;
  }
  .listen .content-anim,
.tab-description-product .content-anim {
    -webkit-animation: 0.4s ease-in forwards height;
            animation: 0.4s ease-in forwards height;
  }
  .listen.portion-height .tabs, .listen.description-height .tabs,
.tab-description-product.portion-height .tabs,
.tab-description-product.description-height .tabs {
    min-height: 40rem;
  }
  .listen.portion-height .tabs .content, .listen.description-height .tabs .content,
.tab-description-product.portion-height .tabs .content,
.tab-description-product.description-height .tabs .content {
    transform: scaleX(0);
    transform-origin: left;
  }
  .listen.ingredient-height .tabs,
.tab-description-product.ingredient-height .tabs {
    min-height: 105rem;
  }
  .listen.ingredient-height .tabs .content,
.tab-description-product.ingredient-height .tabs .content {
    transform: scaleY(0);
    transform-origin: top;
  }
  @-webkit-keyframes height {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  @keyframes height {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  .listen .tabs,
.tab-description-product .tabs {
    position: relative;
    max-width: 100rem;
    min-height: 40rem;
    clear: both;
  }
  .listen .tabs [type=radio]:checked ~ label,
.tab-description-product .tabs [type=radio]:checked ~ label {
    border-bottom: solid #536C19 0.5rem;
  }
  .listen .tabs [type=radio]:checked ~ label ~ .content,
.tab-description-product .tabs [type=radio]:checked ~ label ~ .content {
    z-index: 1;
  }
  .listen .tabs [type=radio]:checked ~ label ~ .content > *,
.tab-description-product .tabs [type=radio]:checked ~ label ~ .content > * {
    opacity: 1;
  }
  .listen .tabs .tab,
.tab-description-product .tabs .tab {
    float: left;
    width: 33.3333333333%;
  }
  .listen .tabs .tab label,
.tab-description-product .tabs .tab label {
    border-bottom: solid 0.5rem rgba(83, 108, 25, 0.4509803922);
    padding: 1rem;
    position: relative;
    width: 100%;
    color: #536C19;
    text-transform: uppercase;
    font-size: 2rem;
  }
  .listen .tabs .tab label:hover,
.tab-description-product .tabs .tab label:hover {
    cursor: pointer;
  }
  .listen .tabs .tab [type=radio],
.tab-description-product .tabs .tab [type=radio] {
    display: none;
  }
  .listen .tabs .tab .content,
.tab-description-product .tabs .tab .content {
    position: absolute;
    top: 6rem;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: start;
  }
  .listen .tabs .tab .content > *,
.tab-description-product .tabs .tab .content > * {
    opacity: 0;
  }
  .tab-description-product .tabs .tab li {
    list-style: none;
  }
  .tab-description-product .tabs .tab label {
    padding: 0;
  }
  .page-catalogue .swiper-slide {
    display: flex;
    justify-content: center;
  }
  .banner .image {
    height: 60rem;
  }
  .banner .content {
    position: absolute;
    max-width: 70%;
    background-color: transparent;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
  }
  .one-product .first-img {
    width: 100%;
    height: 30rem;
  }
  .one-product .first-img img {
    max-height: 30rem;
  }
  .card-category h2 {
    font-size: 3rem;
  }
  .single-master .banner .link-video {
    width: 30rem;
    left: auto;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
  }
  .content__container {
    margin-top: -12rem;
  }
}
.programme-master .bullet {
  position: relative;
}
.programme-master .bullet::after {
  position: absolute;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSIxMSIgZmlsbD0iIzliYzMyZSIvPjx0ZXh0IHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwIDE3KSIgZmlsbD0iI2ZmZiIgZm9udC1zaXplPSIxNSIgZm9udC1mYW1pbHk9Ikx1Y2lkYUdyYW5kZSwgTHVjaWRhIEdyYW5kZSI+PHRzcGFuIHg9Ii01LjczMSIgeT0iMCI+4pyTPC90c3Bhbj48L3RleHQ+PC9zdmc+");
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 1200px) {
  .separation {
    bottom: -1.5rem;
  }
  .separation.top {
    top: -1.9rem;
  }
  .container-form .wpcf7-form-control {
    width: 68rem;
  }
  #FilterContainer::after {
    left: 10%;
  }
  .card-category h2 {
    font-size: 4rem;
  }
}
@media (max-width: 768px) {
  .picto-engagement {
    width: 150px;
  }
}
@-webkit-keyframes anim-none {
  from {
    max-width: 100%;
  }
  to {
    max-width: 0;
  }
}
@keyframes anim-none {
  from {
    max-width: 100%;
  }
  to {
    max-width: 0;
  }
}
@-webkit-keyframes anim-block {
  from {
    max-width: 0;
  }
  to {
    max-width: 100%;
  }
}
@keyframes anim-block {
  from {
    max-width: 0;
  }
  to {
    max-width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .col-lg-25 {
    flex: 0 0 auto;
    width: 20%;
  }
}
.btn {
  text-decoration: none;
  padding: 1rem;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  text-transform: uppercase;
}
.btn.btn-green {
  color: #FFF;
  background: #536C19;
}
.btn.btn-green:hover, .btn.btn-green:focus {
  color: #536C19;
  background: #9BC306;
}
.btn.btn-dark-red {
  color: #FFF;
  background: #692F1C;
}
.btn.btn-dark-red:hover, .btn.btn-dark-red:focus {
  color: #FFF;
  background: #536C19;
}
.btn.btn-white {
  color: #9BC306;
  background: #FFF;
}
.btn.btn-white:hover, .btn.btn-white:focus {
  color: #FFF;
  background: #536C19;
}
.btn.btn-green-l {
  color: #FFF;
  background: #9BC306;
}
.btn.btn-green-l:hover, .btn.btn-green-l:focus {
  color: #FFF;
  background: #536C19;
}

.wpcf7-submit {
  color: #FFF;
  background: #9BC306;
  border: none;
  font-weight: bold;
}
.wpcf7-submit:hover, .wpcf7-submit:focus {
  color: #FFF;
  background: #536C19;
}

.header .dropdown-toggle::after {
  border: none;
  width: 0.8rem;
  height: 0.4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.header .dropdown-search {
  display: inline-block;
}
.header .dropdown-search .dropdown-menu {
  background-color: #FED450;
}
.header .dropdown-search .dropdown-menu input {
  border: none;
  width: 250px;
  padding: 5px;
}
.header .dropdown-search .dropdown-menu button {
  background: none;
  border: none;
}
.header .dropdown-choice {
  display: inline-block;
}
.header .dropdown-choice .dropdown-toggle {
  width: 20rem;
}
.header .dropdown-choice .show {
  width: 20rem;
  background: #536C19;
  font-size: 1.3rem;
  text-transform: uppercase;
}
.header .dropdown-choice .show:hover {
  border: #FFF 0.1rem solid;
}
.header .dropdown-choice .show li a {
  color: #FFF;
}
.header .dropdown-choice .show li a:hover {
  background-color: transparent;
}
.header .dropdown-choice button {
  color: #FFF;
  font-size: 1.3rem;
}
.header .dropdown-choice .dropdown-toggle::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC40MjIiIGhlaWdodD0iNi44NDEiIHZpZXdCb3g9IjAgMCAxMC40MjIgNi44NDEiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDE0IDEuNDE0KSI+PHBhdGggZD0iTTI4NzguNSwyODQuODMzbDMuOTc4LDMuOTc4LDMuNjE3LTMuOTc4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjg3OC41IC0yODQuODMzKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2Utd2lkdGg9IjIiLz48L2c+PC9zdmc+");
}
.header .navbar {
  background: #FFF;
  padding: 0;
  width: 100%;
}
.header .navbar .burger-menu {
  border: none;
  width: 2.7rem;
  height: 1.8rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDMwIDIxIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjUgLTE3MC40NDIpIj4KPHBhdGggZD0iTTQuNSwxOGgyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuNSAxNjIuOTQyKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTM2YzEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIvPgo8cGF0aCBkPSJNNC41LDloMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjUgMTYyLjk0MikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzUzNmMxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiLz4KPHBhdGggZD0iTTQuNSwyN2gyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuNSAxNjIuOTQyKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTM2YzEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIvPgo8L2c+Cjwvc3ZnPg==");
}
.header .navbar .burger-menu[aria-expanded=true] {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC42NTMiIGhlaWdodD0iMjMuOTg3IiB2aWV3Qm94PSIwIDAgMjQuNjUzIDIzLjk4NyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1Ljg0IC0xNjguMDc1KSI+PHBhdGggZD0iTTQuNSwyN2gyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMuMDgzIDE0OC4wNDYpIHJvdGF0ZSg0MykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzUzNmMxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiLz48cGF0aCBkPSJNNC41LDloMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguOTc2IDE4Ny4wOTUpIHJvdGF0ZSgtNDcpIiBmaWxsPSJub25lIiBzdHJva2U9IiM1MzZjMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIi8+PHBhdGggZD0iTTQuNSwyN2gyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMuNzUgMTQ4LjcxMikgcm90YXRlKDQzKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTM2YzEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIvPjwvZz48L3N2Zz4=");
}
.header .navbar .btn {
  white-space: nowrap;
}
.header .navbar .container {
  position: relative;
}
.header .navbar .navbar-collapse {
  background: #9BC306;
}
.header .navbar .navbar-collapse .navbar-nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .navbar .navbar-collapse .navbar-nav .nav-item {
  height: 5.5rem;
}
.header .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
  border: none;
  border-radius: 0;
  background: #9BC306;
}
.header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  height: 100%;
  display: flex;
  align-items: center;
}
.header .navbar .navbar-collapse .navbar-nav-mobile {
  list-style: none;
}
.header .navbar .navbar-collapse .navbar-nav-mobile .button-accordion:not(.collapsed) img {
  transform: rotate(0) !important;
}
.header .navbar .navbar-collapse .navbar-nav-mobile .link-cat {
  padding: 1rem 0;
}
.header .navbar .navbar-collapse .navbar-nav-mobile .link-cat a {
  color: #FFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: normal;
}
.header .nav-link {
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #536C19;
}
.header .container-account {
  position: absolute;
  top: 0;
  right: 0;
}
.header .container-account a {
  display: block;
  width: 6rem;
  height: 6rem;
  line-height: 6rem;
  text-align: center;
}
.header .navbar-brand img {
  width: 5rem;
}
.header .dropdown {
  position: static;
}
.header .dropdown .arrow::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  background-image: url("/wp-content/themes/nutrition/assets/src/img/dropdown-icon-green.svg");
  background-repeat: no-repeat;
  top: 46%;
  right: 6%;
  transition: transform 0.3s ease-in-out;
  transform-origin: 46% 26%;
}
.header .dropdown .arrow:hover::after {
  transform: rotate(180deg);
}

.breadcrumbs {
  padding-left: 8%;
  background: #FFF;
  color: #B3D532;
  font-size: 1.5rem;
}
.breadcrumbs .post,
.breadcrumbs .home {
  text-decoration: none;
  color: #B3D532;
}
.breadcrumbs .post.post-page.current-item,
.breadcrumbs .home.post-page.current-item {
  color: #536C19;
}

.is-search-label {
  font-size: 1.5rem;
}

#banner {
  background-color: #FED450;
  padding: 1.5rem 0;
}
#banner .container {
  display: flex;
  justify-content: space-between;
  font-size: 1.7rem;
  font-style: italic;
}
#banner .container #close-banner {
  background: none;
  border: none;
  color: #536C19;
}

@media (min-width: 992px) {
  .header h3 {
    color: #536C19;
  }
  .nav-bar .dropdown {
    font-size: 1.3rem;
    text-transform: uppercase;
    list-style: none;
  }
  .nav-bar .dropdown a {
    text-decoration: none;
  }
  .nav-bar .dropdown a:hover {
    color: #536C19;
  }
  .nav-bar .dropdown:hover .item-menu {
    min-height: 365px;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
  }
  .nav-bar .dropdown:hover .item-menu-2 {
    min-height: 304px;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
  }
  .nav-bar .dropdown .item-menu {
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 6rem;
    transform: translateY(1.8rem);
    width: 100vw;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 5px 5px 0px rgba(83, 108, 25, 0.4509803922);
  }
  .nav-bar .dropdown .item-menu .drop-item h3 a:hover {
    color: #FFF;
  }
  .nav-bar .dropdown .item-menu .picture-container {
    text-align: center;
    background-color: #FFF;
  }
  .nav-bar .dropdown .item-menu .picture-container img {
    max-height: 180px;
  }
}
.sticky {
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  background: #FFF;
}
.sticky .dropdown .item-menu {
  top: 4.2rem;
}

.prefooter {
  position: relative;
}
.prefooter .separation.top {
  top: -0.2rem;
}
.prefooter a {
  text-decoration: none;
}
.prefooter a span {
  vertical-align: middle;
  margin-left: 1rem;
}

.footer .bg-green-l a {
  text-decoration: none;
}
.footer .social-footer {
  position: absolute;
  top: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.footer .social-footer a {
  width: 4rem;
  height: 3.5rem;
  display: inline-block;
}
.footer .social-footer a img {
  margin-top: 1rem;
}
.footer #button-subscription {
  position: relative;
  z-index: 0;
}

.post-footer a {
  font-size: 1.3rem;
  color: #FFF;
  text-decoration: none;
  margin-right: 1.8rem;
}
.post-footer span {
  font-size: 1.3rem;
}
.post-footer .bg-green {
  color: #FFF;
}
.post-footer .legal a {
  margin-right: 0;
}

:root {
  --swiper-theme-color: #9BC306;
}

.swiper {
  z-index: 0;
}
.swiper .swiper-next.btn:hover, .swiper .swiper-next.btn:focus,
.swiper .swiper-prev.btn:hover,
.swiper .swiper-prev.btn:focus {
  border: none;
}

.swiper-hero {
  position: relative;
}
.swiper-hero .swiper-slide .banner .image {
  position: relative;
}
.swiper-hero .swiper-slide .banner .image.overlay::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  transform: translateX(-50%);
  background-image: url("/wp-content/themes/nutrition/assets/src/img/hover-img.png");
  background-size: cover;
  border-bottom-left-radius: 50% 10%;
  border-bottom-right-radius: 50% 10%;
}
.swiper-hero .swiper-prev,
.swiper-hero .swiper-next {
  top: 20%;
  color: #B3D532;
}

#zoomProduct .swiper-slide-active {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}
#zoomProduct .swiper-button-next {
  right: 0;
}
#zoomProduct .swiper-button-next::after {
  right: 0;
}
#zoomProduct .swiper-button-prev {
  left: 0;
}
#zoomProduct .swiper-button-prev::after {
  left: 0;
}
#zoomProduct .swiper-button-prev,
#zoomProduct .swiper-button-next {
  height: 100%;
  width: 50%;
  top: 0;
}
#zoomProduct .swiper-button-prev::after,
#zoomProduct .swiper-button-next::after {
  position: absolute;
  color: #536C19;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 992px) {
  .swiper-bg-gl {
    background: #9BC306;
  }
  .swiper-bg-wh {
    background: #FFF;
  }
  .swiper-hero .swiper-prev,
.swiper-hero .swiper-next {
    top: 50%;
  }
}