@charset "UTF-8";
/* Framework ORION */
/* Sous-ensemble Orion importé par le site (cf. orion_web.less) */
/* Framework Orion */
/* By WEB & Cie */
/* Nécessite jQuery et Less */
/* Imports */
/*!
 * Hamburgers
 * $description Tasty CSS-animated hamburgers
 * $author Jonathan Suh $jonsuh
 * $site https://jonsuh.com/hamburgers
 * $link https://github.com/jonsuh/hamburgers
 */
@import url("https://use.typekit.net/mdy2qxq.css");
.hamburger {
  font: inherit;
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: opacity, filter;
  text-transform: none;
  color: inherit;
  border: 0;
  background-color: transparent;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}

.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
  position: absolute;
  width: 40px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  border-radius: 4px;
  background-color: #000;
}

.hamburger-inner:after, .hamburger-inner:before {
  display: block;
  content: "";
}

.hamburger-inner:before {
  top: -10px;
}

.hamburger-inner:after {
  bottom: -10px;
}

.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dx.is-active .hamburger-inner {
  transform: rotateY(180deg);
  background-color: transparent;
}

.hamburger--3dx.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dx-r.is-active .hamburger-inner {
  transform: rotateY(-180deg);
  background-color: transparent;
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dy.is-active .hamburger-inner {
  transform: rotateX(-180deg);
  background-color: transparent;
}

.hamburger--3dy.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dy-r.is-active .hamburger-inner {
  transform: rotateX(180deg);
  background-color: transparent;
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dxy .hamburger-inner:after, .hamburger--3dxy .hamburger-inner:before {
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dxy.is-active .hamburger-inner {
  transform: rotateX(180deg) rotateY(180deg);
  background-color: transparent;
}

.hamburger--3dxy.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dxy-r .hamburger-inner:after, .hamburger--3dxy-r .hamburger-inner:before {
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
  background-color: transparent;
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--arrow.is-active .hamburger-inner:before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrow.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowalt .hamburger-inner:before {
  transition: top 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner:after {
  transition: bottom 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrowalt-r .hamburger-inner:before {
  transition: top 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner:after {
  transition: bottom 0.1s ease 0.1s, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 0.1s ease, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 0.13s;
}

.hamburger--collapse .hamburger-inner:after {
  top: -20px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner:before {
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--collapse.is-active .hamburger-inner:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;
  opacity: 0;
}

.hamburger--collapse.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transform: rotate(-90deg);
}

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 0.13s;
}

.hamburger--collapse-r .hamburger-inner:after {
  top: -20px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner:before {
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, -10px, 0) rotate(45deg);
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;
  opacity: 0;
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transform: rotate(90deg);
}

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-duration: 0.275s;
}

.hamburger--elastic .hamburger-inner:before {
  top: 10px;
  transition: opacity 0.125s ease 0.275s;
}

.hamburger--elastic .hamburger-inner:after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0) rotate(135deg);
}

.hamburger--elastic.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0) rotate(-270deg);
}

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-duration: 0.275s;
}

.hamburger--elastic-r .hamburger-inner:before {
  top: 10px;
  transition: opacity 0.125s ease 0.275s;
}

.hamburger--elastic-r .hamburger-inner:after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transition-delay: 75ms;
  transform: translate3d(0, 10px, 0) rotate(-135deg);
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
  transition-delay: 75ms;
  transform: translate3d(0, -20px, 0) rotate(270deg);
}

.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s ease-in 0.175s;
}

.hamburger--emphatic .hamburger-inner:before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
}

.hamburger--emphatic .hamburger-inner:after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic.is-active .hamburger-inner:before {
  top: -80px;
  left: -80px;
  transition: left 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
}

.hamburger--emphatic.is-active .hamburger-inner:after {
  top: -80px;
  right: -80px;
  transition: right 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
}

.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s ease-in 0.175s;
}

.hamburger--emphatic-r .hamburger-inner:before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
}

.hamburger--emphatic-r .hamburger-inner:after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
  top: 80px;
  left: -80px;
  transition: left 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
  top: 80px;
  right: -80px;
  transition: right 0.125s ease-out, top 0.05s linear 0.125s, transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
}

.hamburger--minus .hamburger-inner:after, .hamburger--minus .hamburger-inner:before {
  transition: bottom 0.08s ease-out 0s, top 0.08s ease-out 0s, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner:after, .hamburger--minus.is-active .hamburger-inner:before {
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s linear 0.08s;
  opacity: 0;
}

.hamburger--minus.is-active .hamburger-inner:before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner:after {
  bottom: 0;
}

.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner:before {
  top: 10px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform, opacity;
}

.hamburger--slider .hamburger-inner:after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner:before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner:after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner:before {
  top: 10px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform, opacity;
}

.hamburger--slider-r .hamburger-inner:after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner:before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner:after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

.hamburger--spin .hamburger-inner {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 0.22s;
}

.hamburger--spin .hamburger-inner:before {
  transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner:after {
  transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(225deg);
}

.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
  opacity: 0;
}

.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}

.hamburger--spin-r .hamburger-inner {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 0.22s;
}

.hamburger--spin-r .hamburger-inner:before {
  transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner:after {
  transition: bottom 0.1s ease-in 0.25s, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(-225deg);
}

.hamburger--spin-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
  opacity: 0;
}

.hamburger--spin-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(90deg);
}

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s linear 0.13s;
}

.hamburger--spring .hamburger-inner:before {
  top: 10px;
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner:after {
  top: 20px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent;
}

.hamburger--spring.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 0.13s;
}

.hamburger--spring-r .hamburger-inner:after {
  top: -20px;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner:before {
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--spring-r.is-active .hamburger-inner:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s linear 0.22s;
  opacity: 0;
}

.hamburger--spring-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transform: rotate(90deg);
}

.hamburger--stand .hamburger-inner {
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, background-color 0s linear 75ms;
}

.hamburger--stand .hamburger-inner:before {
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand.is-active .hamburger-inner {
  transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear 0.15s;
  transform: rotate(90deg);
  background-color: transparent;
}

.hamburger--stand.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transform: rotate(-45deg);
}

.hamburger--stand.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transform: rotate(45deg);
}

.hamburger--stand-r .hamburger-inner {
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, background-color 0s linear 75ms;
}

.hamburger--stand-r .hamburger-inner:before {
  transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand-r .hamburger-inner:after {
  transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand-r.is-active .hamburger-inner {
  transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear 0.15s;
  transform: rotate(-90deg);
  background-color: transparent;
}

.hamburger--stand-r.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transform: rotate(-45deg);
}

.hamburger--stand-r.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transform: rotate(45deg);
}

.hamburger--squeeze .hamburger-inner {
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 75ms;
}

.hamburger--squeeze .hamburger-inner:before {
  transition: top 75ms ease 0.12s, opacity 75ms ease;
}

.hamburger--squeeze .hamburger-inner:after {
  transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: rotate(45deg);
}

.hamburger--squeeze.is-active .hamburger-inner:before {
  top: 0;
  transition: top 75ms ease, opacity 75ms ease 0.12s;
  opacity: 0;
}

.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(-90deg);
}

.hamburger--vortex .hamburger-inner {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-duration: 0.2s;
}

.hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
  transition-delay: 0.1s;
  transition-timing-function: linear;
  transition-duration: 0s;
}

.hamburger--vortex .hamburger-inner:before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner:after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(765deg);
}

.hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(90deg);
}

.hamburger--vortex-r .hamburger-inner {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-duration: 0.2s;
}

.hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
  transition-delay: 0.1s;
  transition-timing-function: linear;
  transition-duration: 0s;
}

.hamburger--vortex-r .hamburger-inner:before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner:after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(-765deg);
}

.hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
}

/* Barre de chargement de la page WEB & Cie */
/* Développement : Arthur Verneret */
/* Nécessite LESS et jQuery */
body.chargement {
  overflow: hidden;
}
body.chargement .page {
  opacity: 0;
}

.page {
  transition: opacity 1s ease;
}

#chargement {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
}

/* Divers */
.ombre {
  box-shadow: 0 25px 72px 0 rgba(0, 0, 0, 0.05);
}

.ombrelegere {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05);
}

.pointer {
  cursor: pointer;
}

.radius {
  border-radius: 6px;
}

.arrondis {
  border-radius: 10px;
}

.animer {
  transition: all 0.2s ease;
}

/* Général */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
  color: #373E44;
}

html {
  scroll-behavior: smooth;
}

*, *:after, *:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.spip-admin-float {
  display: none !important;
}

a {
  text-decoration: none;
  color: #373E44;
}
a:hover {
  color: rgb(233, 78, 29);
}

section {
  padding: 15px;
  clear: both;
}

/* Citations */
blockquote p {
  font-style: italic;
}

/* Newlsetter */
.formulaire_newsletter label {
  display: none;
}
.formulaire_newsletter p.boutons {
  display: inline-block;
  vertical-align: top;
}
.formulaire_newsletter .editer-groupe {
  width: 250px;
  display: inline-block;
  vertical-align: top;
}

/* En-tête */
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  min-height: 60px;
  padding: 0 15px;
  background-color: white;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}
header + section {
  margin-top: 70px;
}
header .wrapper {
  display: flex;
  padding: 5px 0;
  /* Logo du site */
}
header .wrapper .spip_logo_site {
  margin: auto 0;
  position: relative;
  z-index: 15;
}
header .wrapper .spip_logo_site img.responsive {
  display: none;
}
header .wrapper .spip_logo_site span {
  display: none;
}
header .wrapper .spip_logo_site img {
  display: block;
}
header .wrapper {
  /* Slogan */
}
header .wrapper p#slogan {
  margin: auto 20px;
}
header .wrapper p#slogan a {
  display: block;
}
header .wrapper {
  /* Menu de navigation */
}
header .wrapper nav {
  margin: auto;
}
header .wrapper nav ul li {
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  list-style: none;
  margin: 20px;
  border-bottom: 2px solid white;
  padding: 3px 0;
}
header .wrapper nav ul li a {
  display: block;
}
header .wrapper nav.ouvert {
  right: 0;
}
header .wrapper nav.ouvert ul {
  display: block;
  text-align: center;
  margin-top: 80px;
}
header .wrapper nav.ouvert ul li {
  margin: 0.5em 0 1.5em;
  display: block;
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
}
header .wrapper {
  /* Menu hamburger */
}
header .wrapper .hamburger {
  display: block;
  right: 2%;
  top: 20px;
  position: absolute;
  z-index: 10;
}

/* Cas de figure où le logo est centré : */
.logo-centre .wrapper .spip_logo_site {
  position: absolute;
  top: 0;
  left: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* Version ordinateur */
@media screen and (min-width: 880px) {
  header {
    transition: all 0.2s ease;
  }
  header .wrapper {
    padding: 10px 0;
    /* On cache le menu hamburger */
  }
  header .wrapper .hamburger {
    display: none;
  }
}
/* Version tablette */
@media screen and (max-width: calc(880px - 1px)) {
  header .wrapper {
    /* Logo du site */
  }
  header .wrapper .spip_logo_site {
    /* si on a une version responsive du logo */
  }
  header .wrapper .spip_logo_site.avecsurvol img:first-child {
    display: none;
  }
  header .wrapper .spip_logo_site.avecsurvol img.responsive {
    display: block;
  }
  header .wrapper {
    /* on passe le menu en écran qui défile au clic */
  }
  header .wrapper nav {
    position: fixed;
    top: 0;
    z-index: 5;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: white;
    margin: 0;
    transition: all 0.2s ease;
  }
}
/* Inscription à la newsletter */
.formulaire_newsletter ul li {
  list-style: none;
}

/* Préfooter */
#prefooter {
  position: relative;
  z-index: 9;
}
#prefooter .wrapper {
  text-align: center;
  /* Formulaire de contact */
}
#prefooter .wrapper .formulaire_formidable {
  text-align: left;
  text-align: left;
}
#prefooter .wrapper .formulaire_formidable div.editer, #prefooter .wrapper .formulaire_formidable li.editer {
  text-align: left;
  text-align: left;
}
#prefooter .wrapper .formulaire_formidable div.editer label, #prefooter .wrapper .formulaire_formidable li.editer label {
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
}
#prefooter .wrapper .formulaire_formidable div.editer input, #prefooter .wrapper .formulaire_formidable div.editer textarea, #prefooter .wrapper .formulaire_formidable li.editer input, #prefooter .wrapper .formulaire_formidable li.editer textarea {
  transition: all 0.2s ease;
}
#prefooter .wrapper .formulaire_formidable p input {
  padding: 11px 20px 10px;
}
#prefooter .wrapper .formulaire_formidable p .remplir {
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  float: left;
  /* Version smartphone */
}
@media screen and (max-width: calc(600px - 1px)) {
  #prefooter .wrapper .formulaire_formidable p .remplir {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
}

/* Pied de page */
footer {
  padding: 15px;
  position: relative;
  z-index: 11;
}
footer .wrapper {
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
  /* Titres */
}
footer .wrapper strong.titre {
  font-size: 20px;
  line-height: 24px;
  display: block;
  margin-bottom: 20px;
}
footer .wrapper {
  /* Arborescence */
}
footer .wrapper ul li {
  list-style: none;
  margin-bottom: 6px;
}
footer .wrapper ul li a:hover {
  text-decoration: underline;
}
footer .wrapper {
  /* Liens */
}
footer .wrapper .telephone {
  display: block;
  margin: 10px 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}

/* Points de ruptures */
/* Taille des blocs */
.wrapper {
  width: 98%;
  max-width: 1280px;
  margin: 0 auto;
}

/* Couleurs par défaut */
.couleur {
  color: rgb(233, 78, 29);
}

/* Typos */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

/* Tailles */
.enorme {
  font-size: 50px;
  line-height: 60px;
}

.tresgrand {
  font-size: 50px;
  line-height: 50px;
}

.grand {
  font-size: 32px;
  line-height: 42px;
}

.normal {
  font-size: 16px;
  line-height: 23px;
}

.moyen {
  font-size: 20px;
  line-height: 24px;
}

.petit {
  font-size: 13px;
  line-height: 18px;
}

.pasDePuces {
  list-style: none;
}

.enavant {
  color: rgb(233, 78, 29);
  font-weight: bold;
}

.info {
  color: #aaa;
}

.gras {
  font-weight: bold;
}

.majuscules {
  text-transform: uppercase;
}

.ucfirst {
  text-transform: capitalize;
}

.roboto {
  font-family: "Roboto", sans-serif;
}

.centrer {
  text-align: center;
}

.alignerGauche {
  text-align: left;
}

/* Espacements */
p {
  margin: 10px 0;
}

/* Positionnement */
.block {
  display: block;
}

.inline {
  display: inline-block;
  vertical-align: top;
}

.inlineMiddle {
  display: inline-block;
  vertical-align: middle;
}

.cacher {
  display: none;
}

.absolute {
  position: absolute;
  top: 0;
  left: 0;
}

.relative {
  position: relative;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
}

/* Alignements */
.alignerCentre {
  text-align: center;
}

.alignerDroite {
  text-align: right;
}

.alignerGauche {
  text-align: left;
}

.adroite {
  float: right;
}

.justifie {
  text-align: justify;
}

/* Colonage */
/* Colonage nouvelle version */
@media (min-width: 600px) {
  .quart {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
}
@media (min-width: 880px) {
  .colonne {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
  }
}

@media (min-width: 880px) {
  .quart {
    width: 25%;
  }
}

@media (min-width: 880px) {
  .tiers {
    width: 33%;
  }
}

@media (min-width: 880px) {
  .w40 {
    width: 40%;
  }
}

@media (min-width: 880px) {
  .moitie {
    width: 50%;
  }
}

@media (min-width: 880px) {
  .w60 {
    width: 60%;
  }
}

@media (min-width: 880px) {
  .deuxtiers {
    width: 66%;
  }
}

@media (min-width: 880px) {
  .troisquart {
    width: 75%;
  }
}

/* Masquer certains éléments sur smartphone */
br {
  display: none;
}
@media (min-width: 600px) {
  br {
    display: initial;
  }
}

/* RGPD */
#banniere-cookie {
  box-shadow: none;
  border: 0;
  background-color: rgba(255, 255, 255, 0.95);
  text-align: center;
  padding: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
#banniere-cookie .cicb_texte {
  float: none;
  vertical-align: middle;
  display: inline-block;
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
  color: gray;
  max-width: 450px;
  margin: 0;
}
#banniere-cookie .cicb_boutons {
  float: none;
  vertical-align: middle;
  display: inline-block;
  margin: 0 30px;
}
#banniere-cookie .cicb_boutons a {
  text-transform: uppercase;
  background-color: white;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  border-radius: 0;
  padding: 7px 20px;
  border: 2px solid red;
  color: black;
}
#banniere-cookie .cicb_boutons a:hover, #banniere-cookie .cicb_boutons a.accepte {
  border-color: red;
  background-color: red;
  color: white;
}
#banniere-cookie {
  /* Version tablette */
}
@media screen and (max-width: calc(1130px -1px)) {
  #banniere-cookie .cicb_texte, #banniere-cookie .cicb_boutons {
    display: block;
    margin: 0 auto 10px;
    text-align: center;
    max-width: 100%;
  }
}
#banniere-cookie {
  /* Version smartphone */
}
@media screen and (max-width: calc(600px - 1px)) {
  #banniere-cookie .cicb_boutons a {
    display: block;
    margin: 0 auto 10px;
  }
}

/* Formulaires WEB & Cie */
/* Développement : Arthur Verneret */
/* Nécessite LESS et jQuery */
.deroulant {
  display: inline-block;
  vertical-align: top;
  width: 330px;
  overflow: hidden;
  border-radius: 5px;
  background-color: #f8f8f8;
  margin: 0 20px 20px 0;
}
.deroulant label {
  display: none;
}
.deroulant select {
  background: transparent;
  border: none;
  font-size: 16px;
  font-weight: 300;
  color: #191919;
  padding: 15px 15px 15px 10px;
  width: 350px;
  height: 55px;
}

.formulaire_spip h1 {
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  margin-bottom: 40px;
}
.formulaire_spip p {
  text-align: center;
}
.formulaire_spip form {
  width: 100%;
  border-radius: 6px;
  max-width: 600px;
  margin: 40px auto;
  text-align: left;
  text-align: left;
}
.formulaire_spip form legend {
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 20px;
}
.formulaire_spip form em {
  font-style: normal;
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
  margin: 0 auto 15px;
  display: block;
}
.formulaire_spip form em a {
  color: rgb(233, 78, 29);
}
.formulaire_spip form div.editer, .formulaire_spip form li.editer, .formulaire_spip form fieldset.editer {
  margin: 0 auto 15px;
}
.formulaire_spip form div.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette), .formulaire_spip form div.editer textarea, .formulaire_spip form li.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette), .formulaire_spip form li.editer textarea, .formulaire_spip form fieldset.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette), .formulaire_spip form fieldset.editer textarea {
  border-radius: 6px;
  padding: 12px 16px;
  margin: 0;
  background-color: #fff;
  border: 1px solid #DCDEE0;
  -webkit-appearance: none;
  color: #373E44;
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  transition: all 0.1s ease-in-out 0s;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.formulaire_spip form div.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette):focus, .formulaire_spip form div.editer textarea:focus, .formulaire_spip form li.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette):focus, .formulaire_spip form li.editer textarea:focus, .formulaire_spip form fieldset.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette):focus, .formulaire_spip form fieldset.editer textarea:focus {
  border: 1px solid rgb(233, 78, 29);
  color: rgb(233, 78, 29);
}
.formulaire_spip form div.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette).date_jour, .formulaire_spip form div.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette).date_mois, .formulaire_spip form div.editer textarea.date_jour, .formulaire_spip form div.editer textarea.date_mois, .formulaire_spip form li.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette).date_jour, .formulaire_spip form li.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette).date_mois, .formulaire_spip form li.editer textarea.date_jour, .formulaire_spip form li.editer textarea.date_mois, .formulaire_spip form fieldset.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette).date_jour, .formulaire_spip form fieldset.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette).date_mois, .formulaire_spip form fieldset.editer textarea.date_jour, .formulaire_spip form fieldset.editer textarea.date_mois {
  width: 50px;
}
.formulaire_spip form div.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette).date_annee, .formulaire_spip form div.editer textarea.date_annee, .formulaire_spip form li.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette).date_annee, .formulaire_spip form li.editer textarea.date_annee, .formulaire_spip form fieldset.editer input:not(.radio):not(.checkbox):not(.submit):not(.palette).date_annee, .formulaire_spip form fieldset.editer textarea.date_annee {
  width: 100px;
}
.formulaire_spip form div.editer .palette, .formulaire_spip form li.editer .palette, .formulaire_spip form fieldset.editer .palette {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border: 0;
}
.formulaire_spip form div.editer input.radio + label, .formulaire_spip form li.editer input.radio + label, .formulaire_spip form fieldset.editer input.radio + label {
  font-style: normal;
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  margin: 1px 0 0 5px;
}
.formulaire_spip form div.editer select, .formulaire_spip form li.editer select, .formulaire_spip form fieldset.editer select {
  padding: 10px;
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
  width: 100%;
  font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  border: 1px solid #DCDEE0;
  border-radius: 6px;
}
.formulaire_spip form div.editer textarea, .formulaire_spip form li.editer textarea, .formulaire_spip form fieldset.editer textarea {
  height: 120px;
  padding: 16px;
}
.formulaire_spip form div.editer input:-webkit-autofill, .formulaire_spip form li.editer input:-webkit-autofill, .formulaire_spip form fieldset.editer input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.formulaire_spip form div.editer input:focus, .formulaire_spip form div.editer textarea:focus, .formulaire_spip form div.editer select:focus, .formulaire_spip form li.editer input:focus, .formulaire_spip form li.editer textarea:focus, .formulaire_spip form li.editer select:focus, .formulaire_spip form fieldset.editer input:focus, .formulaire_spip form fieldset.editer textarea:focus, .formulaire_spip form fieldset.editer select:focus {
  outline: 0 !important;
}
.formulaire_spip form div.editer, .formulaire_spip form li.editer, .formulaire_spip form fieldset.editer {
  /* Cas particulier des dates */
}
.formulaire_spip form div.editer.saisie_date_jour_mois_annee label, .formulaire_spip form li.editer.saisie_date_jour_mois_annee label, .formulaire_spip form fieldset.editer.saisie_date_jour_mois_annee label {
  display: block;
}
.formulaire_spip form div.editer.saisie_date_jour_mois_annee .choix, .formulaire_spip form li.editer.saisie_date_jour_mois_annee .choix, .formulaire_spip form fieldset.editer.saisie_date_jour_mois_annee .choix {
  display: inline-block;
  vertical-align: middle;
}
.formulaire_spip form div.editer.saisie_date_jour_mois_annee .choix label, .formulaire_spip form li.editer.saisie_date_jour_mois_annee .choix label, .formulaire_spip form fieldset.editer.saisie_date_jour_mois_annee .choix label {
  display: none;
}
.formulaire_spip form div.editer, .formulaire_spip form li.editer, .formulaire_spip form fieldset.editer {
  /* Cas particulier des radios */
}
.formulaire_spip form div.editer.saisie_radio div.choix input, .formulaire_spip form div.editer.saisie_radio div.choix label, .formulaire_spip form li.editer.saisie_radio div.choix input, .formulaire_spip form li.editer.saisie_radio div.choix label, .formulaire_spip form fieldset.editer.saisie_radio div.choix input, .formulaire_spip form fieldset.editer.saisie_radio div.choix label {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0 !important;
}
.formulaire_spip form div.editer, .formulaire_spip form li.editer, .formulaire_spip form fieldset.editer {
  /* Cas particulier des checkboxes */
}
.formulaire_spip form div.editer.saisie_checkbox label, .formulaire_spip form li.editer.saisie_checkbox label, .formulaire_spip form fieldset.editer.saisie_checkbox label {
  display: block;
}
.formulaire_spip form div.editer.saisie_checkbox div.choix, .formulaire_spip form li.editer.saisie_checkbox div.choix, .formulaire_spip form fieldset.editer.saisie_checkbox div.choix {
  position: relative;
}
.formulaire_spip form div.editer.saisie_checkbox div.choix input[type=checkbox], .formulaire_spip form li.editer.saisie_checkbox div.choix input[type=checkbox], .formulaire_spip form fieldset.editer.saisie_checkbox div.choix input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
}
.formulaire_spip form div.editer.saisie_checkbox div.choix label, .formulaire_spip form li.editer.saisie_checkbox div.choix label, .formulaire_spip form fieldset.editer.saisie_checkbox div.choix label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 5px !important;
}
.formulaire_spip form div.editer, .formulaire_spip form li.editer, .formulaire_spip form fieldset.editer {
  /* Erreurs */
}
.formulaire_spip form div.editer label.erreur, .formulaire_spip form li.editer label.erreur, .formulaire_spip form fieldset.editer label.erreur {
  color: red;
}
.formulaire_spip form div.editer label.erreur + input:not(.radio):not(.checkbox), .formulaire_spip form div.editer label.erreur + textarea, .formulaire_spip form li.editer label.erreur + input:not(.radio):not(.checkbox), .formulaire_spip form li.editer label.erreur + textarea, .formulaire_spip form fieldset.editer label.erreur + input:not(.radio):not(.checkbox), .formulaire_spip form fieldset.editer label.erreur + textarea {
  border-color: red;
}
.formulaire_spip form {
  /* Champs files */
}
.formulaire_spip form div.file {
  margin-bottom: 40px;
}
.formulaire_spip form div.file label {
  cursor: pointer;
}
.formulaire_spip form div.file label:hover {
  color: rgb(233, 78, 29);
}
.formulaire_spip form div.file input[type=file] {
  display: none;
}
.formulaire_spip form img.ui-datepicker-trigger {
  margin: 17px 0 0 -25px;
}
.formulaire_spip form #pass_securise {
  display: none !important;
}
.formulaire_spip form p.details {
  text-align: right;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  margin: 0 auto 15px;
}
.formulaire_spip form div.erreur p {
  color: black;
  margin: 0;
}
.formulaire_spip form div.erreur span:not(.obligatoire) {
  display: block;
  color: rgb(233, 78, 29);
}
.formulaire_spip form div.erreur span:not(.obligatoire) em {
  display: inline;
}
.formulaire_spip form div.erreur + input {
  border-color: rgb(233, 78, 29);
}
.formulaire_spip form span {
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
}
.formulaire_spip form p.explication {
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
}
.formulaire_spip form p.boutons {
  text-align: left;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  margin: 0;
  padding: 0;
}
.formulaire_spip form button[type=submit], .formulaire_spip form input[type=submit], .formulaire_spip form input[type=button], .formulaire_spip form .button, .formulaire_spip form a.button {
  width: auto;
  cursor: pointer;
  margin: 0 auto 15px;
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
  -webkit-appearance: none;
  display: block;
  padding: 10px 24px;
  font-size: 16px;
  background-color: rgb(233, 78, 29);
  border-radius: 6px;
  border: none;
  color: #fff;
  transition: all 0.2s ease;
}
.formulaire_spip form button[type=submit]:hover, .formulaire_spip form button[type=submit]:focus, .formulaire_spip form input[type=submit]:hover, .formulaire_spip form input[type=submit]:focus, .formulaire_spip form input[type=button]:hover, .formulaire_spip form input[type=button]:focus, .formulaire_spip form .button:hover, .formulaire_spip form .button:focus, .formulaire_spip form a.button:hover, .formulaire_spip form a.button:focus {
  background-color: rgb(233, 78, 29);
}
.formulaire_spip .reponse_formulaire {
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 15px;
}
.formulaire_spip .reponse_formulaire.reponse_formulaire_erreur {
  color: rgb(233, 78, 29);
}
.formulaire_spip span.erreur {
  color: rgb(233, 78, 29);
}

/* Styles du projet */
html, body {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
}
html br, body br {
  display: block;
}

li {
  list-style: none;
}

strong {
  font-weight: 400;
}

section {
  clear: none;
}

header {
  position: relative;
  border-top: 4px solid #A61D5E;
  box-shadow: none;
  min-height: 100px;
  /* Le header possède trois traits de couleurs, le premier est la bordure du header, les deux autres sont des before / after */
}
header::before, header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  top: -4px;
  display: block;
  width: 33%;
  height: 4px;
}
header {
  /* Le trait orange */
}
header::before {
  left: 34%;
  background: #EC9E29;
}
header {
  /* Le trait vert */
}
header::after {
  right: 0;
  left: auto;
  background: #C5D301;
}
header .wrapper {
  /* Le logo du header */
}
header .wrapper .spip_logo_site img {
  width: 186px;
  transition: all 0.2s ease;
}
header .wrapper {
  /* Le burger */
}
header .wrapper .hamburger {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 16;
  top: 20px;
  right: 20px;
  left: auto;
}
header .wrapper .hamburger .hamburger-inner {
  background: #C5D301;
}
header .wrapper .hamburger .hamburger-inner::before {
  background: #EC9E29;
}
header .wrapper .hamburger .hamburger-inner::after {
  background: #A61D5E;
}
header .wrapper {
  /* Le menu de navigation */
}
header .wrapper nav {
  margin: auto 0 auto auto;
}
header .wrapper nav > ul > li {
  position: relative;
  padding: 0;
  margin-right: 0;
  border: none;
  text-align: center;
}
header .wrapper nav > ul > li a {
  color: #A61D5E;
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  transition: all 0.2s ease;
}
header .wrapper nav > ul > li a i {
  font-style: normal;
}
header .wrapper nav > ul > li a:hover {
  color: #EC9E29;
}
header .wrapper nav > ul > li {
  /* Pour les li contenant des ul de sous-rubriques */
}
header .wrapper nav > ul > li .sous_rubriques {
  display: none;
  width: max-content;
  margin: 10px auto 0;
  padding: 10px 10px 0;
  background: white;
  border-bottom: 3px solid #EC9E29;
}
header .wrapper nav > ul > li .sous_rubriques li {
  display: block;
  margin: 0;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  color: #A61D5E;
}
header .wrapper nav > ul > li .sous_rubriques li a {
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  padding: 0;
}
header .wrapper nav > ul > li {
  /* Le lien "Vegelink by VS */
}
header .wrapper nav > ul > li.vegelink {
  position: relative;
  width: 124px;
  height: 39px;
  margin: auto;
  background: #A61D5E;
  /* La diagonale violette */
}
header .wrapper nav > ul > li.vegelink::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: inherit; /* Pour que la diagonale soit de la même couleur que le LI même au hover */
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
  transform: skewY(-2deg);
  transform-origin: right;
}
header .wrapper nav > ul > li.vegelink {
  /* Le lien Vegelink By VS */
}
header .wrapper nav > ul > li.vegelink a {
  height: 100%;
  padding: 8px 17px 8px 0px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: white;
  /* By VS */
}
header .wrapper nav > ul > li.vegelink a span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: -22px;
  right: -16px;
  top: auto;
  left: auto;
  padding: 5px 5px 0px;
  font-size: 35px;
  line-height: 20px;
  transform: rotate(-10deg);
  transition: all 0.2s ease;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
  background: white;
  color: #C5D301;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  /* By */
}
header .wrapper nav > ul > li.vegelink a span small {
  margin-right: -5px;
  font-size: 19px;
}
header .wrapper nav > ul > li.vegelink a span {
  /* Le picto des fruits */
}
header .wrapper nav > ul > li.vegelink a span::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  top: -24px;
  left: 15px;
  width: 50px;
  height: 25px;
  background: url("../assets/images/pictos/logo_deco.svg") no-repeat;
  background-size: cover;
  filter: invert(79%) sepia(24%) saturate(320%) hue-rotate(284deg) brightness(103%) contrast(79%);
}
header .wrapper nav > ul > li.vegelink {
  /* Au hover du li */
}
header .wrapper nav > ul > li.vegelink:hover {
  background: #C5D301;
  /* Le lien Vegelink By VS */
}
header .wrapper nav > ul > li.vegelink:hover a {
  /* By VS */
}
header .wrapper nav > ul > li.vegelink:hover a span {
  transform: rotate(10deg);
  /* Le picto des fruits */
}
header .wrapper nav > ul > li.vegelink:hover a span::before {
  filter: invert(94%) sepia(6%) saturate(1188%) hue-rotate(32deg) brightness(110%) contrast(90%);
}
@media screen and (min-width: 880px) {
  header .wrapper nav > ul > li.vegelink {
    margin: 20px 0px 20px 20px;
  }
  header .wrapper nav > ul > li.vegelink a span::before {
    display: inline-block;
    vertical-align: top;
  }
}
header .wrapper nav {
  /* Quand le nav a la class ouvert */
}
header .wrapper nav.ouvert {
  z-index: 15;
}
header {
  /* Quand le header a scrollé suffisamment sur la page */
}
header.scrolled {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}
header.scrolled .spip_logo_site img {
  width: 90px;
}
@media (min-width: 880px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
  }
  header .wrapper nav > ul > li {
    max-width: 170px;
  }
  header .wrapper nav > ul > li .sous_rubriques {
    position: absolute;
    top: 0;
    left: 0;
    top: 20px;
    left: -10px;
  }
  header .wrapper nav > ul > li .sous_rubriques li {
    text-align: left;
    text-align: left;
  }
  header .wrapper nav > ul > li:not(:last-child) a i, header .wrapper nav > ul > li:not(:last-child) a span {
    display: none;
  }
}
@media (min-width: 1130px) {
  header .wrapper nav > ul > li:not(:last-child) a i, header .wrapper nav > ul > li:not(:last-child) a span {
    display: inline-block;
    vertical-align: top;
  }
}

/* Bouton haut de page */
.btn_haut_page {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 65px;
  top: auto;
  right: 30px;
  left: auto;
  width: 80px;
  height: 80px;
  padding: 20px 10px 0;
  background: #ddd;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  text-align: center;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 61px;
  line-height: 25px;
  /* Le texte "haut de page" */
}
.btn_haut_page::after {
  content: "Haut de page";
  display: block;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
}
.btn_haut_page:hover {
  color: initial;
}
@media (min-width: 1280px) {
  .btn_haut_page {
    bottom: 80px;
    right: 80px;
  }
}

.en .btn_haut_page::after {
  content: "Back to the top";
}

.it .btn_haut_page::after {
  content: "Inizio pagina";
}

/* Masquer vegelink sur la VA */
html.en header .wrapper nav > ul > li:last-child {
  display: none;
}

footer {
  margin-top: 100px;
  padding-top: 55px;
  background: #292B2D;
  color: #9f9f9f;
  text-align: center;
}
footer .wrapper {
  /* Les 3 premiers colonnes du footer */
}
footer .wrapper .colonne .titre {
  margin: 0;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 27px;
  line-height: 32px;
  font-weight: 400;
}
footer .wrapper .colonne {
  /* La colonne "envie de rejoindre vs ?" */
}
footer .wrapper .colonne:first-child {
  /* La div avec le post-it de background */
}
footer .wrapper .colonne:first-child .post_it_footer {
  width: 270px;
  height: 320px;
  margin: auto;
  background: url(../assets/images/pictos/post-it.svg) no-repeat;
  background-size: contain;
  background-position: center top -38px;
  text-align: center;
  /* Le texte « Envie de rejoindre la green team VS ? » */
}
footer .wrapper .colonne:first-child .post_it_footer p {
  margin-top: 0;
  padding: 84px 35px 20px 49px;
  transform: rotate(356deg);
  color: #A61D5E;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 24px;
  line-height: 27px;
}
footer .wrapper .colonne:first-child .post_it_footer {
  /* Le bouton "Postulez" */
}
footer .wrapper .colonne:first-child .post_it_footer a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #E4BBCF;
  color: #A61D5E;
}
footer .wrapper .colonne:first-child .post_it_footer a:hover {
  background: #A61D5E;
  color: white;
}
footer .wrapper .colonne:first-child .post_it_footer a {
  margin: 5px 0 0 17px;
}
footer .wrapper .colonne {
  /* La colonne "Nous contacter" */
}
footer .wrapper .colonne:nth-child(2) {
  /* Nous contacter */
}
footer .wrapper .colonne:nth-child(2) .titre {
  color: #C5D301;
}
footer .wrapper .colonne:nth-child(2) {
  /* L'équipe de Végétal solution se tient à votre disposition pour tout complément d'informations ! */
}
footer .wrapper .colonne:nth-child(2) p {
  margin: 5px auto;
}
footer .wrapper .colonne:nth-child(2) {
  /* Le lien "nous écrire" */
}
footer .wrapper .colonne:nth-child(2) > a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  color: white;
  border: 2px solid #C5D301;
}
footer .wrapper .colonne:nth-child(2) > a:hover {
  background: #C5D301;
  color: white;
}
footer .wrapper .colonne:nth-child(2) > a {
  margin: 20px auto 25px;
}
footer .wrapper .colonne:nth-child(2) {
  /* Téléphone et Fax */
}
footer .wrapper .colonne:nth-child(2) ul {
  margin-bottom: 30px;
}
footer .wrapper .colonne:nth-child(2) ul li {
  margin-bottom: 0;
  /* pour safari */
}
footer .wrapper .colonne:nth-child(2) ul li a {
  color: #9f9f9f;
}
footer .wrapper .colonne:nth-child(2) ul li a:hover {
  color: #9f9f9f;
  text-decoration: none;
}
footer .wrapper .colonne:nth-child(2) ul li a strong {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
}
footer .wrapper .colonne:nth-child(2) ul li:nth-child(3) {
  margin-bottom: 20px;
}
footer .wrapper .colonne {
  /* La colonne "Réseaux sociaux" + "Newsletter" */
}
footer .wrapper .colonne:nth-child(3) .reseaux_sociaux {
  /* Suivez-nous sur les  */
  border-bottom: 1px solid #555555;
}
footer .wrapper .colonne:nth-child(3) .reseaux_sociaux p {
  margin-top: 0;
  font-size: 19px;
  line-height: 23px;
  /* "Réseaux sociaux"  */
}
footer .wrapper .colonne:nth-child(3) .reseaux_sociaux p .titre {
  color: #EC9E29;
}
footer .wrapper .colonne:nth-child(3) .reseaux_sociaux {
  /* La liste de liens des réseaux sociaux */
}
footer .wrapper .colonne:nth-child(3) .reseaux_sociaux li {
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
}
footer .wrapper .colonne:nth-child(3) .reseaux_sociaux li a {
  display: block;
  width: 100%;
  height: 100%;
}
footer .wrapper .colonne:nth-child(3) .reseaux_sociaux li a span {
  display: none;
}
footer .wrapper .colonne:nth-child(3) .reseaux_sociaux li:not(:last-child) {
  margin-right: 5px;
}
footer .wrapper .colonne:nth-child(3) .reseaux_sociaux li:first-child {
  background: url("../assets/images/pictos/logo_google.svg") no-repeat;
}
footer .wrapper .colonne:nth-child(3) .reseaux_sociaux li:nth-child(2) {
  background: url("../assets/images/pictos/linkedin.svg") no-repeat;
}
footer .wrapper .colonne:nth-child(3) .reseaux_sociaux li:last-child {
  background: url("../assets/images/pictos/instagram.svg") no-repeat;
}
footer .wrapper .colonne:nth-child(3) .newsletter {
  padding-top: 20px;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
}
footer .wrapper .colonne:nth-child(3) .newsletter .titre {
  max-width: max-content;
  margin: 0 auto;
  padding-left: 40px;
  background: url(../assets/images/pictos/picto_newsletter.png) no-repeat;
  background-size: 30px;
  color: #A61D5E;
}
footer .wrapper .colonne:nth-child(3) .newsletter {
  /* Soyez les premiers informés de nos dernières actualités en vous inscrivant ! */
}
footer .wrapper .colonne:nth-child(3) .newsletter p {
  margin: 5px auto 15px;
}
footer .wrapper .colonne:nth-child(3) .newsletter {
  /* Formulaire d'inscription à la Newsletter */
}
footer .wrapper .colonne:nth-child(3) .newsletter form {
  max-width: 500px;
  margin: auto;
}
footer .wrapper .colonne:nth-child(3) .newsletter form input[type=text], footer .wrapper .colonne:nth-child(3) .newsletter form input[type=email] {
  display: block;
  width: 100%;
  padding: 7px 6px;
  margin-bottom: 15px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-style: normal;
}
footer .wrapper .colonne:nth-child(3) .newsletter form {
  /* Le texte à côté de la checkbox */
}
footer .wrapper .colonne:nth-child(3) .newsletter form p:last-of-type {
  display: inline-block;
  vertical-align: top;
  width: 93%;
  margin-top: 0;
  text-align: left;
}
footer .wrapper .colonne:nth-child(3) .newsletter form input[type=checkbox] {
  margin-right: 3px;
}
footer .wrapper .colonne:nth-child(3) .newsletter form input[type=submit] {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  margin: 15px;
  background: white;
  color: #373E44;
}
footer .wrapper .colonne:nth-child(3) .newsletter form input[type=submit]:hover {
  background: #373E44;
  color: white;
}
footer .wrapper .colonne:nth-child(3) .newsletter form input[type=submit] {
  -webkit-appearance: none;
}
@media (min-width: 880px) {
  footer .wrapper .colonne {
    /* La colonne "Nous contacter" */
  }
  footer .wrapper .colonne:nth-child(2) {
    padding: 0 15px;
    border-left: 1px solid #555555;
    border-right: 1px solid #555555;
  }
  footer .wrapper .colonne:nth-child(2) ul {
    margin-bottom: 10px;
  }
  footer .wrapper .colonne {
    /* La colonne "Réseaux sociaux" + "Newsletter" */
  }
  footer .wrapper .colonne:nth-child(3) {
    padding-left: 30px;
    text-align: left;
  }
  footer .wrapper .colonne:nth-child(3) .newsletter .titre {
    margin: 0;
  }
}
footer .wrapper {
  /* Le menu de choix des langues */
}
footer .wrapper .choix_langue {
  margin: 60px 0 20px;
}
footer .wrapper .choix_langue li {
  display: inline-block;
  vertical-align: top;
  width: 45px;
  height: 45px;
  padding-top: 12px;
  border-radius: 100%;
  background: #404346;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
  text-transform: uppercase;
  cursor: pointer;
}
footer .wrapper .choix_langue li a {
  color: white;
}
footer .wrapper .choix_langue li:not(:last-child) {
  margin-right: 5px;
}
footer .wrapper .choix_langue li:hover, footer .wrapper .choix_langue li.on {
  background: #C5D301;
}
footer .wrapper .choix_langue li:hover a, footer .wrapper .choix_langue li.on a {
  color: #404346;
}
footer .wrapper {
  /* L'ul des mentions légales */
}
footer .wrapper .mentions_legales li {
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
}
footer .wrapper .mentions_legales li a {
  color: white;
}
@media (min-width: 600px) {
  footer .wrapper .mentions_legales {
    /* Les items de l'ul de lentions_legales passent les uns à côté des autres */
  }
  footer .wrapper .mentions_legales li {
    display: inline-block;
    vertical-align: top;
  }
  footer .wrapper .mentions_legales li:not(:last-of-type)::after {
    content: " -";
  }
}
footer .wrapper {
  /* Les trois traits de couleurs */
}
footer .wrapper .trois_couleurs {
  margin-bottom: 10px;
  justify-content: center;
}

@font-face {
  font-family: "besom_2regular";
  src: url("../assets/fonts/besom-handwritten-brush-font-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
.besom {
  font-family: "besom_2regular";
  letter-spacing: 1px;
}

.brandon {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.brandon_bold {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.brandon_black {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.petit {
  font-size: 14px;
  line-height: 18px;
}

.normal {
  font-size: 16px;
  line-height: 23px;
}

.grand {
  font-size: 24px;
  line-height: 28px;
}

/* Classes pour la transformation de couleurs des svg noirs */
.svgBlanc {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(29deg) brightness(106%) contrast(106%);
}

.svgViolet {
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}

.svgVert {
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}

.svgVertPale {
  filter: invert(94%) sepia(6%) saturate(1188%) hue-rotate(32deg) brightness(110%) contrast(90%);
}

.svgOrange {
  filter: invert(64%) sepia(48%) saturate(677%) hue-rotate(355deg) brightness(94%) contrast(97%);
}

.svgRose {
  filter: invert(79%) sepia(24%) saturate(320%) hue-rotate(284deg) brightness(103%) contrast(79%);
}

/* Composants */
.bouton {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
}

/* Pour tous les boutons de couleurs */
.bouton_orange_blanc, .bouton_vert_blanc, .bouton_violet_blanc, .bouton_blanc, .bouton_rose, .bouton_vert, .bouton_vert_orange, .bouton_violet_vert, .bouton_filaire_vert, .bouton_filaire_violet, .bouton_filaire_orange {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
}

.bouton_rose {
  background: #E4BBCF;
  color: #A61D5E;
}
.bouton_rose:hover {
  background: #A61D5E;
  color: white;
}

.bouton_blanc {
  margin: 15px;
  background: white;
  color: #373E44;
}
.bouton_blanc:hover {
  background: #373E44;
  color: white;
}

.bouton_vert {
  background: #C5D301;
  color: white;
}

.bouton_vert_orange {
  background: #C5D301;
  color: white;
}
.bouton_vert_orange:hover {
  background: #EC9E29;
}

.bouton_violet_vert {
  background: #A61D5E;
  color: white;
}
.bouton_violet_vert:hover {
  background: #C5D301;
}

.bouton_violet_blanc {
  background: #A61D5E;
  color: white;
}
.bouton_violet_blanc:hover {
  background: white;
  color: #A61D5E;
}

.bouton_vert_blanc {
  background: #C5D301;
  color: white;
}
.bouton_vert_blanc:hover {
  background: white;
  color: #C5D301;
}

.bouton_orange_blanc {
  background: #EC9E29;
  color: white;
}
.bouton_orange_blanc:hover {
  background: white;
  color: #EC9E29;
}

.bouton_filaire_vert {
  color: white;
  border: 2px solid #C5D301;
}
.bouton_filaire_vert:hover {
  background: #C5D301;
  color: white;
}

.bouton_filaire_violet {
  padding: 6px 15px;
  color: #A61D5E;
  border: 2px solid #A61D5E;
}
.bouton_filaire_violet:hover {
  background: #A61D5E;
  color: white;
}

.bouton_filaire_orange {
  color: #EC9E29;
  border: 2px solid #EC9E29;
}
.bouton_filaire_orange:hover {
  background: #EC9E29;
  color: white;
}

/* Les flèches suivant / précédent des sliders */
.slick-arrow {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  bottom: -80px;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  padding-top: 10px;
  border: 2px solid #A61D5E;
  border-radius: 100%;
  color: #A61D5E;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 38px;
  text-align: center;
  transition: all 0.2s ease;
  cursor: pointer;
  /* Au hover des flèches du carousel */
}
.slick-arrow:hover {
  background: #A61D5E;
  color: white;
}
.slick-arrow.precedent {
  margin-left: -35px;
}
.slick-arrow.precedent::before {
  content: "<";
}
.slick-arrow.suivant {
  margin-left: 35px;
}
.slick-arrow.suivant::before {
  content: ">";
}
@media (min-width: 600px) {
  .slick-arrow {
    width: 35px;
    height: 35px;
    padding-top: 4px;
  }
}
@media (min-width: 880px) {
  .slick-arrow {
    top: 50%;
    bottom: auto;
  }
  .slick-arrow.precedent {
    left: -60px;
  }
  .slick-arrow.suivant {
    right: -60px;
    left: auto;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Trois barres de couleurs sous les titres des pages interieures */
.trois_couleurs {
  display: flex;
  gap: 5px;
  margin: 15px 0 30px;
}
.trois_couleurs li span {
  display: block;
  width: 30px;
  height: 2px;
}
.trois_couleurs li:first-child span {
  background: #A61D5E;
}
.trois_couleurs li:nth-child(2) span {
  background: #EC9E29;
}
.trois_couleurs li:last-child span {
  background: #C5D301;
}

/* Pictos pour les feuilles fruits etc */
.svg_conteneur > * {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.svg_conteneur .bulle {
  width: 20px;
  height: 20px;
  background: url(../assets/images/pictos/bulle_fruit.svg) no-repeat center;
}
.svg_conteneur .feuille {
  width: 30px;
  height: 30px;
  background: url(../assets/images/pictos/feuille.svg) no-repeat center;
}
.svg_conteneur .feuille_chene {
  width: 50px;
  height: 50px;
  background: url(../assets/images/pictos/feuille_chene.svg) no-repeat center;
}
.svg_conteneur .pomme {
  width: 70px;
  height: 70px;
  background: url(../assets/images/pictos/pomme.svg) no-repeat center;
}
.svg_conteneur .framboise {
  width: 50px;
  height: 50px;
  background: url(../assets/images/pictos/framboise.svg) no-repeat center;
}
.svg_conteneur .peche {
  width: 65px;
  height: 65px;
  background: url(../assets/images/pictos/peche.svg) no-repeat center;
}
.svg_conteneur .citron {
  width: 60px;
  height: 60px;
  background: url(../assets/images/pictos/citron_quart.svg) no-repeat center;
}
.svg_conteneur .etoile {
  width: 35px;
  height: 35px;
  background: url(../assets/images/pictos/fruit_etoile.svg) no-repeat center;
}
.svg_conteneur .lime {
  width: 60px;
  height: 90px;
  background: url(../assets/images/pictos/lime.svg) no-repeat center;
}
.svg_conteneur .oignon {
  width: 30px;
  height: 30px;
  background: url(../assets/images/pictos/oignon.svg) no-repeat center;
}
.svg_conteneur .figue {
  width: 40px;
  height: 47px;
  background: url(../assets/images/pictos/figue.svg) no-repeat center;
}
.svg_conteneur .bulle, .svg_conteneur .pomme, .svg_conteneur .feuille, .svg_conteneur .feuille_chene, .svg_conteneur .framboise, .svg_conteneur .peche, .svg_conteneur .citron, .svg_conteneur .etoile, .svg_conteneur .lime, .svg_conteneur .oignon, .svg_conteneur .figue {
  background-size: contain;
}

/* Les puces des li en forme d'étoile vert */
.li_avec_puce {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  list-style: none;
}
.li_avec_puce::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: 4px;
  width: 13px;
  height: 13px;
  background: url(../assets/images/pictos/puce.svg) no-repeat;
  background-size: contain;
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}

.offre {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  min-height: 290px;
  margin: 0 20px 20px 0;
  padding: 15px 15px 0 15px;
  text-align: center;
}
.offre .content {
  min-height: 200px;
  padding: 20px;
  background: white;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
  text-align: left;
}
.offre .content .date {
  font-size: 11px;
  line-height: 11px;
  font-style: italic;
}
.offre .content .poste {
  margin-top: 15px;
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
}
.offre .content .contrat {
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  /* Le petit trait qui sépare le contrat de la ville */
}
.offre .content .contrat::after {
  content: "";
  display: block;
  margin: 8px 0 18px;
  width: 15px;
  height: 2px;
  background: #373E44;
}
.offre .content .ville {
  position: relative;
  padding-left: 25px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 15px;
  /* Le pin avant le nom de la ville */
}
.offre .content .ville::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 23px;
  background: url(../assets/images/pictos/pin.svg) no-repeat center;
  background-size: contain;
}
.offre a {
  margin: 20px auto;
}

/* La div contenant tous les éléments relatifs au carousel (carousel + décorations additionnelles) */
.carousel_conteneur {
  position: relative;
  max-width: 600px;
  margin: auto;
  /* Le carnet de notes  */
}
.carousel_conteneur .carnet {
  position: relative;
  z-index: 1;
  width: 408px;
  height: 280px;
  margin: auto;
  transform: rotate(-21deg);
  background: url(../assets/images/pictos/carnet_note3.png) no-repeat;
  background-size: 400px;
  text-align: center;
  text-transform: uppercase;
  /* Le texte du post-it */
}
.carousel_conteneur .carnet strong {
  position: relative;
  top: 90px;
  display: block;
  width: 372px;
  margin-left: -18px;
  transform: rotate(8deg) scale(0.9);
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 35px;
  line-height: 36px;
  color: #A61D5E;
  /* Sublimer le végétal */
}
.carousel_conteneur .carnet strong em {
  color: #B0AF29;
  font-style: normal;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 28px;
  /* Sublimer */
}
.carousel_conteneur .carnet strong em span {
  color: #A61D5E;
}
.carousel_conteneur .carnet strong {
  /* pour vous offrir */
}
.carousel_conteneur .carnet strong i {
  display: block;
  color: #B0AF29;
  font-style: normal;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
}
.carousel_conteneur {
  /* Le carousel du polaroid avec des photos larges (home, notre mission, etc) */
}
.carousel_conteneur .carousel_polaroid_large {
  position: relative;
  margin-top: -50px;
}
.carousel_conteneur .carousel_polaroid_large .slick-list {
  overflow: visible;
  /* Une tuile de polaroid */
}
.carousel_conteneur .carousel_polaroid_large .slick-list .polaroid_large {
  position: relative;
  left: 0 !important;
  display: none;
  /* L'image de la tuile de polaroid */
}
.carousel_conteneur .carousel_polaroid_large .slick-list .polaroid_large img {
  width: 600px;
  height: 332px;
  object-fit: cover;
  border: 5px solid white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.carousel_conteneur .carousel_polaroid_large .slick-list .polaroid_large {
  /* Quand la tuile de polaroid est la tuile qui est affichée actuellement */
}
.carousel_conteneur .carousel_polaroid_large .slick-list .polaroid_large.slick-current {
  display: block;
  /* La tuile possède des habillages additionnels : */
}
.carousel_conteneur .carousel_polaroid_large .slick-list .polaroid_large.slick-current::before, .carousel_conteneur .carousel_polaroid_large .slick-list .polaroid_large.slick-current::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.carousel_conteneur .carousel_polaroid_large .slick-list .polaroid_large.slick-current {
  /* Le bloc blanc derrière la tuile actuellement visible sur le carousel */
}
.carousel_conteneur .carousel_polaroid_large .slick-list .polaroid_large.slick-current::before {
  z-index: -1;
  width: 100%;
  height: 100%;
  transform: rotate(-4deg);
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.carousel_conteneur .carousel_polaroid_large .slick-list .polaroid_large.slick-current {
  /* Le scotch en bas à gauche de l'image */
}
.carousel_conteneur .carousel_polaroid_large .slick-list .polaroid_large.slick-current::after {
  bottom: 0;
  top: auto;
  transform: translate(-50%, 50%);
  width: 130px;
  height: 130px;
  background: url(../assets/images/pictos/scotch.svg) no-repeat center;
  background-size: 130%;
}
.carousel_conteneur .carousel_polaroid_large .slick-list {
  /* En haut à droite du carousel de polaroid, les troits petits traits violets */
}
.carousel_conteneur .carousel_polaroid_large .slick-list::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: -51px;
  right: -28px;
  left: auto;
  width: 50px;
  height: 50px;
  background: url(../assets/images/pictos/exclamation.svg) no-repeat;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.carousel_conteneur {
  /* Le carousel du polaroid avec des photos polaroid (qualite, recrutement, etc) */
}
.carousel_conteneur .carousel_polaroid .slick-list {
  overflow: visible;
  /* Un polaroid */
}
.carousel_conteneur .carousel_polaroid .slick-list .polaroid {
  left: 0 !important;
  border: 5px solid white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  /* Le scotch en haut */
}
.carousel_conteneur .carousel_polaroid .slick-list .polaroid::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  top: -60px;
  width: 130px;
  height: 130px;
  transform: rotate(-20deg);
  background: url(../assets/images/pictos/scotch.svg) no-repeat center;
  background-size: 130%;
}
.carousel_conteneur .carousel_polaroid .slick-list .polaroid {
  /* Pour les impairs */
}
.carousel_conteneur .carousel_polaroid .slick-list .polaroid:nth-child(odd) {
  transform: rotate(10deg);
}
.carousel_conteneur .carousel_polaroid .slick-list .polaroid:nth-child(odd)::after {
  right: -60px;
  left: auto;
}
.carousel_conteneur .carousel_polaroid .slick-list .polaroid {
  /* Pour les pairs */
}
.carousel_conteneur .carousel_polaroid .slick-list .polaroid:nth-child(even) {
  transform: rotate(-10deg);
}
.carousel_conteneur .carousel_polaroid .slick-list .polaroid:nth-child(even)::after {
  left: -60px;
  transform: scaleX(-1) rotate(-20deg);
}
.carousel_conteneur .carousel_polaroid .slick-list .polaroid .legende {
  display: none;
  padding-top: 30px;
  padding-bottom: 30px;
  background: white;
  font-size: 21px;
  line-height: 25px;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  text-align: center;
}
.carousel_conteneur .carousel_polaroid .slick-list .slick-slide:not(.slick-current) {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  opacity: 1 !important;
  display: block !important;
}
.carousel_conteneur .carousel_polaroid .slick-list .slick-active::before, .carousel_conteneur .carousel_polaroid .slick-list .slick-active::after {
  display: none;
}
.carousel_conteneur .carousel_polaroid .slick-list .slick-active .legende {
  display: block;
}
.carousel_conteneur .carousel_polaroid {
  /* Les flèches de navigation */
}
.carousel_conteneur .carousel_polaroid .slick-arrow {
  bottom: -80px;
  top: auto;
}
.carousel_conteneur .carousel_polaroid .slick-arrow.precedent {
  left: 130px;
}
.carousel_conteneur .carousel_polaroid .slick-arrow.suivant {
  left: auto;
  right: 15px;
}
.carousel_conteneur {
  /* Le compteur du carousel */
}
.carousel_conteneur .compteur {
  margin-top: 110px;
  color: #fff;
  text-align: center;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 24px;
}
.carousel_conteneur .compteur .current {
  color: #A61D5E;
  font-size: 34px;
}

@media (min-width: 600px) {
  /* La div contenant tous les éléments relatifs au carousel (carousel + décorations additionnelles) */
  .carousel_conteneur {
    /* Le carnet de notes  */
  }
  .carousel_conteneur .carnet {
    background-size: 440px;
    /* Le texte du post-it */
  }
  .carousel_conteneur .carnet strong {
    transform: rotate(8deg) scale(1);
    margin-left: 0;
  }
  /* Les flèches suivant / précédent */
  .slick-arrow {
    font-size: 32px;
  }
}
@media (min-width: 880px) { /* padding-bottom: 100px; (déclaration nue, sans effet — iso) */
  /* La div contenant tous les éléments relatifs au carousel (carousel + décorations additionnelles) */
  .carousel_conteneur {
    /* Le carousel du polaroid */
  }
  .carousel_conteneur .carousel_polaroid_large {
    /* Les flèches suivant / précédent */
  }
  .carousel_conteneur .carousel_polaroid_large .slick-arrow.precedent, .carousel_conteneur .carousel_polaroid_large .slick-arrow.suivant {
    margin-left: 0;
    transform: initial;
  }
  .carousel_conteneur {
    /* Le compteur du carousel */
  }
  .carousel_conteneur .compteur {
    margin-top: 40px;
  }
}
@media (min-width: 1130px) {
  /* La div contenant tous les éléments relatifs au carousel (carousel + décorations additionnelles) */
  .carousel_conteneur {
    /* Le carnet de notes  */
  }
  .carousel_conteneur .carnet {
    top: 110px;
    margin: -83px 0 0 -160px;
  }
  .carousel_conteneur {
    /* Le carousel du polaroid */
  }
  .carousel_conteneur .carousel_polaroid_large {
    margin-top: -30px;
  }
}
/* Le fond noir des pop-up */
.fondPopup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  background: rgba(47, 47, 47, 0.85);
  display: none;
  /* La tuile violette de la pop-up */
}
.fondPopup .tuilePopup {
  position: absolute;
  top: 0;
  left: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 800px;
  padding: 30px;
  color: #fff;
  /* La croix fermante */
}
.fondPopup .tuilePopup .croixFermante {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  right: 20px;
  top: 20px;
  left: auto;
  cursor: pointer;
}
.fondPopup .tuilePopup {
  /* Le contenu de la tuile */
}
.fondPopup .tuilePopup .contenu {
  position: relative;
  z-index: 1;
  justify-content: center;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.fondPopup .tuilePopup .contenu strong, .fondPopup .tuilePopup .contenu b {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.fondPopup .tuilePopup .contenu b {
  color: #C5D301;
}
.fondPopup .tuilePopup .contenu .titre {
  margin-bottom: 140px;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 2.4375rem;
  background-color: white;
  padding-bottom: 1px;
}
.fondPopup .tuilePopup .contenu .titre img {
  margin: auto auto 30px;
}
.fondPopup .tuilePopup .contenu .titre span {
  position: relative;
  display: block;
  margin-bottom: 15px;
  /* Les trois traits verts */
}
.fondPopup .tuilePopup .contenu .titre span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: -30px;
  left: -20px;
  width: 30px;
  height: 30px;
  background: url(../assets/images/pictos/exclamation2.svg) no-repeat;
  background-size: contain;
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
.fondPopup .tuilePopup .contenu .titre {
  /* Le mot avec un background blanc */
}
.fondPopup .tuilePopup .contenu .titre b {
  position: relative;
  padding: 10px 10px 13px;
  background: #fff;
  color: #A61D5E;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  /* La diagonale du bloc + By VS */
}
.fondPopup .tuilePopup .contenu .titre b::before, .fondPopup .tuilePopup .contenu .titre b::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.fondPopup .tuilePopup .contenu .titre b {
  /* La diagonale du bloc */
}
.fondPopup .tuilePopup .contenu .titre b::before {
  z-index: -1;
  width: 100%;
  height: 100%;
  background: inherit;
  transform: skewY(-2deg);
  transform-origin: top right;
}
.fondPopup .tuilePopup .contenu .titre b {
  /* By VS */
}
.fondPopup .tuilePopup .contenu .titre b::after {
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 130px;
  height: 130px;
  background: url(../assets/images/pictos/by_vs.svg) no-repeat;
  background-size: contain;
}
.fondPopup .tuilePopup .contenu .texte {
  position: relative;
  background: #A61D5E;
}
.fondPopup .tuilePopup .contenu .texte p {
  margin: auto;
  font-size: 16px;
  line-height: 20px;
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
.fondPopup .tuilePopup .contenu .texte p i {
  font-style: normal;
  color: #C5D301;
}
.fondPopup .tuilePopup .contenu .texte a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  color: white;
  border: 2px solid #C5D301;
}
.fondPopup .tuilePopup .contenu .texte a:hover {
  background: #C5D301;
  color: white;
}
.fondPopup .tuilePopup .contenu .texte a {
  display: block;
  width: max-content;
  margin: auto;
  margin: 40px auto;
}
.fondPopup .tuilePopup .contenu .texte h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 30px;
  line-height: 36px;
}
.fondPopup .tuilePopup .contenu {
  /* Les décos */
}
.fondPopup .tuilePopup .contenu::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: 150px;
  z-index: 20;
  left: 70px;
  width: 110px;
  height: 130px;
  background: url(../assets/images/pictos/popup_deco.svg) no-repeat;
  background-size: contain;
}
.fondPopup .tuilePopup .contenu {
  /* La tranche d'orange */
}
.fondPopup .tuilePopup .contenu::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: -20px;
  z-index: 20;
  top: auto;
  right: 70px;
  left: auto;
  width: 70px;
  height: 70px;
  background: url(../assets/images/pictos/citron_quart.svg) no-repeat;
  background-size: contain;
  filter: invert(79%) sepia(24%) saturate(320%) hue-rotate(284deg) brightness(103%) contrast(79%);
}
.fondPopup .tuilePopup {
  /* Les diagonales en haut et bas de tuile */
}
.fondPopup .tuilePopup::before, .fondPopup .tuilePopup::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
}
.fondPopup .tuilePopup {
  /* La diagonale du haut */
}
.fondPopup .tuilePopup::before {
  transform: skewY(4deg);
  transform-origin: bottom right;
  background-color: white;
}
.fondPopup .tuilePopup::after {
  transform: skewY(-4deg);
  transform-origin: top right;
  background: #A61D5E;
}
@media (min-width: 700px) {
  .fondPopup .tuilePopup {
    padding: 0;
  }
  .fondPopup .tuilePopup .contenu .titre {
    margin-bottom: 60px;
    font-size: 36px;
    line-height: 56px;
    /* Le mot avec un background blanc */
  }
  .fondPopup .tuilePopup .contenu .titre b {
    padding: 10px 60px 6px 20px;
    /* By VS */
  }
  .fondPopup .tuilePopup .contenu .titre b::after {
    top: -5px;
    right: -60px;
    left: auto;
    transform: initial;
  }
}

.arbo {
  padding: 0 15px;
  color: #555555;
  font-size: 14px;
}
.arbo strong {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.arbo a {
  color: #555555;
}
.arbo a:hover {
  color: #C5D301;
}

#banniere-cookie {
  position: fixed;
  bottom: 0;
  z-index: 21;
  width: 100%;
  padding: 20px;
  background: #A61D5E;
  text-align: center;
  /* la diagonale violette qui donne sa forme au bandeau */
}
#banniere-cookie::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: inherit;
  transform: skewY(2deg);
  transform-origin: right;
}
#banniere-cookie .cicb_texte {
  position: relative;
  color: #E4BBCF;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  /* La feuille blanche a gauche */
}
#banniere-cookie .cicb_texte::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: -100px;
  width: 30px;
  height: 30px;
  background: url(../assets/images/pictos/feuille.svg) no-repeat;
  background-size: contain;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(29deg) brightness(106%) contrast(106%);
}
#banniere-cookie {
  /* Croix fermante */
}
#banniere-cookie .cicb_fermer {
  display: none;
}
#banniere-cookie .cicb_texte {
  margin: 0 0 30px;
}
#banniere-cookie .cicb_boutons {
  position: relative;
  /* La figue blanche à droite */
}
#banniere-cookie .cicb_boutons::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: -100px;
  left: inherit;
  width: 35px;
  height: 35px;
  background: url(../assets/images/pictos/figue.svg) no-repeat;
  background-size: contain;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(29deg) brightness(106%) contrast(106%);
}
#banniere-cookie .cicb_boutons {
  /* important pour etre sur de surcharger tous les parametres des boutons cibc par defaut */
}
#banniere-cookie .cicb_boutons a {
  background: none !important;
  display: inline-block !important;
  vertical-align: top !important;
  padding: 8px 30px !important;
  border-radius: 50px !important;
  font-family: "brandon-grotesque", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-size: 14px !important;
  line-height: 18px !important;
  line-height: 17px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  color: white !important;
  border: 2px solid #C5D301 !important;
}
#banniere-cookie .cicb_boutons a:hover {
  background: #C5D301 !important;
  color: white !important;
}

body.page_sommaire .page section.intro .wrapper {
  background: none;
}
body.page_sommaire .page section.intro .wrapper .banniere {
  padding: 90px 20px 0 30px;
}
@media (min-width: 880px) {
  body.page_sommaire .page section.intro .wrapper .banniere {
    padding: 230px 20px 0 30px;
  }
}
body.page_sommaire .page section.intro .wrapper .banniere h2 {
  text-align: center;
  font-size: 70px;
  line-height: 50px;
}
body.page_sommaire .page section.intro .wrapper .banniere h2 span {
  margin: 0;
  padding: 0;
  display: inline;
  font-size: 46px;
}
body.page_sommaire .page section.intro .wrapper .banniere h2 span:after {
  top: -120px;
  left: 351px;
  width: 125px;
  height: 72px;
}
body.page_sommaire .page section.intro .wrapper .banniere h2 span:before {
  display: none;
}
body.page_sommaire .page section.intro .wrapper .banniere h2 strong {
  display: inline;
  margin: 0;
  padding: 0;
}
body.page_sommaire .page section.intro .wrapper .banniere h2 strong:first-of-type {
  display: block;
}
body.page_sommaire .page section.intro .wrapper .banniere h2 strong:first-of-type:before {
  left: 50% !important;
  margin-left: -210px;
  top: -50px !important;
}
body.page_sommaire .page section.intro .wrapper .banniere h2 strong:last-of-type {
  font-size: 60px;
}
@media (min-width: 880px) {
  body.page_sommaire .page section.intro .wrapper .banniere h2 strong:last-of-type {
    margin-left: 0;
  }
}
body.page_sommaire .page section.intro .wrapper .banniere h2 strong:first-of-type:before {
  width: 70px;
  height: 70px;
  top: -20px;
  left: -35px;
}
body.page_sommaire .page section.intro .wrapper .banniere p {
  margin: 30px auto 0;
  text-align: center;
  max-width: 550px;
  color: #373E44;
  font-size: 16px;
  line-height: 23px;
}
@media (max-width: calc(880px)) {
  body.page_sommaire .page section.intro .wrapper .banniere h2 {
    max-width: 320px;
    margin: auto;
  }
  body.page_sommaire .page section.intro .wrapper .banniere h2 strong:first-of-type:before {
    margin-left: -110px;
  }
  body.page_sommaire .page section.intro .wrapper .banniere h2 span:after {
    top: -180px;
    left: 132px;
  }
}
@media (max-width: calc(600px)) {
  body.page_sommaire .page section.intro .wrapper .banniere h2 span:after {
    display: none;
  }
}

/* Pages */
.page_sommaire .page {
  overflow: hidden;
  /* Sur la page d'accueil en desktop, on ajuste la position du logo et du menu */
}
@media (min-width: 880px) {
  .page_sommaire .page header {
    padding-top: 20px;
  }
  .page_sommaire .page header .wrapper nav {
    margin-top: 0;
  }
}
.page_sommaire .page header.scrolled {
  box-shadow: none;
}
.page_sommaire .page section.intro {
  position: relative;
  margin-bottom: -20px;
  margin-top: 20px;
  padding-right: 0;
  padding-left: 0;
}
.page_sommaire .page section.intro .wrapper {
  padding-bottom: 130px;
  background: url("../assets/images/backgrounds/header_fruits_legumes.png") no-repeat top right;
  background-size: contain;
  background-position: bottom center;
  /* Texte de section */
}
.page_sommaire .page section.intro .wrapper .presentation {
  padding: 0 30px 180px 30px;
  /* Des fruits, des légumes, des idées */
}
.page_sommaire .page section.intro .wrapper .presentation h2 {
  position: relative;
  color: #A61D5E;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 45px;
  /* Des fruits, des idées */
}
.page_sommaire .page section.intro .wrapper .presentation h2 strong {
  position: relative;
  font-weight: bold;
  font-size: 60px;
  line-height: 60px;
  /* Des fruits */
}
.page_sommaire .page section.intro .wrapper .presentation h2 strong:first-of-type {
  /* Les 3 trois traits violets en haut à gauche du titre */
}
.page_sommaire .page section.intro .wrapper .presentation h2 strong:first-of-type::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 40px;
  top: -9px;
  left: -25px;
  background: url("../assets/images/pictos/exclamation2.svg") no-repeat;
  background-size: contain;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.page_sommaire .page section.intro .wrapper .presentation h2 {
  /* Des légumes */
}
.page_sommaire .page section.intro .wrapper .presentation h2 span {
  position: relative;
  display: block;
  margin-left: 55px;
  padding-left: 75px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.page_sommaire .page section.intro .wrapper .presentation h2 span::before, .page_sommaire .page section.intro .wrapper .presentation h2 span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  filter: invert(79%) sepia(24%) saturate(320%) hue-rotate(284deg) brightness(103%) contrast(79%);
}
.page_sommaire .page section.intro .wrapper .presentation h2 span {
  /* L'orange en tranche */
}
.page_sommaire .page section.intro .wrapper .presentation h2 span::before {
  display: none;
  top: 50px;
  width: 54px;
  height: 54px;
  background: url("../assets/images/pictos/orange_tranche.svg") no-repeat;
  background-size: contain;
}
.page_sommaire .page section.intro .wrapper .presentation h2 span {
  /* Le picto des fruits */
}
.page_sommaire .page section.intro .wrapper .presentation h2 span::after {
  top: -49px;
  left: 277px;
  width: 105px;
  height: 52px;
  background: url("../assets/images/pictos/logo_deco.svg") no-repeat;
  background-size: contain;
}
.page_sommaire .page section.intro .wrapper .presentation h2 {
  /* Des idées */
}
.page_sommaire .page section.intro .wrapper .presentation h2 strong:last-of-type {
  color: #C5D301;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 70px;
  font-weight: 100;
}
.page_sommaire .page section.intro .wrapper .presentation p {
  margin: 20px 0 0 0;
  color: #373E44;
  font-size: 16px;
}
.page_sommaire .page section.intro .wrapper .presentation strong {
  color: #A61D5E;
  font-weight: bold;
}
.page_sommaire .page section.intro::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  inset: auto 0 30px 50%;
  z-index: 2;
  margin-left: 150px;
  width: 60px;
  height: 60px;
  background: url(../assets/images/pictos/oignon_etoile.svg) no-repeat center;
  background-size: contain;
}
@media (max-width: calc(600px - 1px)) {
  .page_sommaire .page section.intro {
    /* Texte de section */
  }
}
@media (min-width: 600px) {
  .page_sommaire .page section.intro {
    /* Texte de section */
  }
}
@media (min-width: 880px) {
  .page_sommaire .page section.intro .wrapper .presentation h2 {
    /* Tous les pictos autour du titre */
  }
  .page_sommaire .page section.intro .wrapper .presentation h2::before, .page_sommaire .page section.intro .wrapper .presentation h2::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    top: -70px;
    z-index: -1;
    width: 370px;
    height: 370px;
  }
  .page_sommaire .page section.intro .wrapper .presentation h2 {
    /* Groupe de picto sur la gauche du titre */
  }
  .page_sommaire .page section.intro .wrapper .presentation h2::before {
    background: url(../assets/images/pictos/pictos_gauche.svg) no-repeat center;
    background-size: contain;
  }
  .page_sommaire .page section.intro .wrapper .presentation h2 {
    /* Groupe de picto sur la droite du titre */
  }
  .page_sommaire .page section.intro .wrapper .presentation h2::after {
    left: auto;
    right: 0;
    background: url(../assets/images/pictos/pictos_droite.svg) no-repeat center;
    background-size: contain;
  }
  .page_sommaire .page section.intro {
    /* Texte de section */
    /* Des idées */
    /* L'orange en tranche */
  }
}
@media (min-width: 1130px) {
  .page_sommaire .page section.intro {
    /* Texte de section */
  }
}
.page_sommaire .page section.mission {
  position: relative;
  min-height: 500px;
  padding-bottom: 130px;
  background: #C5D301;
}
.page_sommaire .page section.mission .wrapper {
  position: relative;
  z-index: 1;
  max-width: 600px;
  /* Notre mission */
}
.page_sommaire .page section.mission .wrapper h2 {
  position: relative;
  max-width: max-content;
  margin: 0 auto 40px;
  color: #A61D5E;
  text-align: center;
  text-transform: uppercase;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 55px;
  /* Notre */
}
.page_sommaire .page section.mission .wrapper h2 strong {
  display: block;
  color: white;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 35px;
  line-height: 57px;
}
.page_sommaire .page section.mission .wrapper h2 {
  /* La flèche violette */
}
.page_sommaire .page section.mission .wrapper h2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: 70px;
  left: -70px;
  width: 80px;
  height: 70px;
  transform: scaleX(-1) rotate(-68deg);
  background: url(../assets/images/pictos/fleche.svg) no-repeat;
  background-size: contain;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.page_sommaire .page section.mission .wrapper {
  /* Le style du carousel se trouve dans css/composants/carousel_polaroid.less */
  /* La div contenant tous les svg de la section */
}
.page_sommaire .page section.mission .wrapper .svg_conteneur > * {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.page_sommaire .page section.mission .wrapper .svg_conteneur .feuille {
  top: 240px;
  right: -90px;
  left: auto;
}
.page_sommaire .page section.mission .wrapper .svg_conteneur .feuille_chene {
  left: 50%;
  transform: translateX(-50%);
  margin-left: -90px;
}
.page_sommaire .page section.mission .wrapper .svg_conteneur .pomme {
  bottom: -110px;
  top: auto;
  left: 50%;
  margin-left: 130px;
  transform: translateX(-50%);
}
.page_sommaire .page section.mission .wrapper .svg_conteneur .pomme, .page_sommaire .page section.mission .wrapper .svg_conteneur .feuille, .page_sommaire .page section.mission .wrapper .svg_conteneur .feuille_chene {
  filter: invert(94%) sepia(6%) saturate(1188%) hue-rotate(32deg) brightness(110%) contrast(90%);
}
.page_sommaire .page section.mission {
  /* Les diagonales en haut et bas de section */
}
.page_sommaire .page section.mission::before, .page_sommaire .page section.mission::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #C5D301;
}
.page_sommaire .page section.mission {
  /* La diagonale du haut */
}
.page_sommaire .page section.mission::before {
  transform: skewY(4deg);
  transform-origin: right;
}
.page_sommaire .page section.mission {
  /* La diagonale du bas */
}
.page_sommaire .page section.mission::after {
  transform: skewY(-4deg);
  transform-origin: right;
}
@media (min-width: 600px) {
  .page_sommaire .page section.mission {
    /* Notre mission */
  }
  .page_sommaire .page section.mission .wrapper h2 {
    /* Notre */
  }
  .page_sommaire .page section.mission .wrapper h2 strong {
    margin-left: -140px;
  }
  .page_sommaire .page section.mission .wrapper {
    /* La div contenant tous les svg de la section */
  }
  .page_sommaire .page section.mission .wrapper .svg_conteneur .feuille_chene {
    margin-left: -160px;
  }
}
@media (min-width: 880px) {
  .page_sommaire .page section.mission {
    padding-bottom: 100px;
  }
  .page_sommaire .page section.mission .wrapper {
    /* La div contenant tous les svg de la section */
  }
  .page_sommaire .page section.mission .wrapper .svg_conteneur .feuille_chene {
    left: -70px;
    margin-left: 0;
  }
  .page_sommaire .page section.mission .wrapper .svg_conteneur .pomme {
    top: 500px;
    right: -220px;
    left: auto;
    transform: initial;
  }
}
@media (min-width: 1130px) {
  .page_sommaire .page section.mission .wrapper {
    /* Notre mission */
  }
  .page_sommaire .page section.mission .wrapper h2 {
    margin: 0 0 0 -29px;
  }
  .page_sommaire .page section.mission .wrapper {
    /* La div contenant tous les svg de la section */
  }
  .page_sommaire .page section.mission .wrapper .svg_conteneur .feuille {
    top: 150px;
  }
  .page_sommaire .page section.mission .wrapper .svg_conteneur .feuille_chene {
    left: -220px;
  }
  .page_sommaire .page section.mission .wrapper .svg_conteneur .pomme {
    top: 400px;
  }
}
.page_sommaire .page section.vegelink {
  padding-bottom: 250px;
}
.page_sommaire .page section.vegelink .wrapper {
  position: relative;
}
.page_sommaire .page section.vegelink .wrapper .logo_vegelink img {
  margin: 100px auto;
  padding-top: 50px;
}
.page_sommaire .page section.vegelink .wrapper {
  /* Paragraphe d'intro + Titre */
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink {
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  max-width: 460px;
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink h2 {
  text-transform: uppercase;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  color: #A61D5E;
  font-size: 34px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 25px;
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink h2 strong, .page_sommaire .page section.vegelink .wrapper .presentation_vegelink h2 span {
  font-size: 30px;
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink h2 strong {
  display: block;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #C5D301;
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink h2 span {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink p {
  max-width: 460px;
  margin: auto;
  margin-bottom: 15px;
  color: #A61D5E;
  text-align: center;
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink p strong {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink p span {
  color: #C5D301;
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #A61D5E;
  color: white;
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink a:hover {
  background: #C5D301;
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink a {
  margin-top: 25px;
  position: relative;
  /* Les 3 trois traits violets en haut à gauche du titre */
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 32px;
  top: -20px;
  left: -20px;
  background: url("../assets/images/pictos/exclamation2.svg") no-repeat;
  background-size: contain;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink a {
  /* fusee */
}
.page_sommaire .page section.vegelink .wrapper .presentation_vegelink a::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  top: -20px;
  left: 70px;
  z-index: -1;
  background: url(../assets/images/pictos/fusee_trajet.svg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 120px;
}
@media (max-width: 600px) {
  .page_sommaire .page section.vegelink .wrapper .presentation_vegelink a::after {
    top: 10px;
    left: 0;
  }
}
@media screen and (min-width: 880px) {
  .page_sommaire .page section.vegelink {
    position: relative;
  }
  .page_sommaire .page section.vegelink::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    top: 170px;
    bottom: 100px;
    left: 50%;
    z-index: -1;
    background: url(../assets/images/backgrounds/bg_legumes_gauche.svg) no-repeat;
    background-size: contain;
    width: 350px;
    height: 750px;
    transform: translateX(-175%);
  }
  .page_sommaire .page section.vegelink::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    top: 170px;
    bottom: 100px;
    right: 50%;
    left: unset;
    z-index: -1;
    background: url(../assets/images/backgrounds/bg_legumes_droite.svg) no-repeat;
    background-size: contain;
    width: 350px;
    height: 750px;
    transform: translateX(175%);
  }
}
.page_sommaire .page section.photoshoot {
  padding: 75px 0 0;
  background: #373E44;
  color: white;
  position: relative;
}
.page_sommaire .page section.photoshoot .wrapper {
  position: relative;
}
.page_sommaire .page section.photoshoot .wrapper h2 {
  margin-top: 40px;
  font-size: 55px;
  line-height: 55px;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  text-align: center;
  color: #C5D301;
  /* Notre equipe */
}
.page_sommaire .page section.photoshoot .wrapper h2 strong {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 38px;
  line-height: 45px;
  color: white;
}
.page_sommaire .page section.photoshoot .wrapper .citation {
  position: relative;
  display: block;
  margin: 50px auto 100px;
  max-width: 530px;
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  font-style: italic;
  /* Henry Ford */
}
.page_sommaire .page section.photoshoot .wrapper .citation cite {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: 20px;
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
  /* Trait vert au dessus de Henry Ford */
}
.page_sommaire .page section.photoshoot .wrapper .citation cite::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  left: 50%;
  top: -10px;
  width: 30px;
  height: 1px;
  background: #C5D301;
  transform: translateX(-50%);
}
.page_sommaire .page section.photoshoot .wrapper .citation {
  /* Guillemets en arrière plan */
}
.page_sommaire .page section.photoshoot .wrapper .citation::before, .page_sommaire .page section.photoshoot .wrapper .citation::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  top: -40px;
  width: 150px;
  height: 130px;
  background: url(../assets/images/pictos/guillemet.svg) no-repeat center;
  background-size: cover;
  opacity: 0.1;
}
.page_sommaire .page section.photoshoot .wrapper .citation::before {
  left: -150px;
  transform: scaleX(-1) rotate(180deg);
}
.page_sommaire .page section.photoshoot .wrapper .citation::after {
  left: auto;
  right: -150px;
  transform: rotate(180deg);
}
.page_sommaire .page section.photoshoot {
  /* Carousel photomontage */
}
.page_sommaire .page section.photoshoot .slider_equipe {
  /* Les flèches */
}
.page_sommaire .page section.photoshoot .slider_equipe .slick-arrow {
  top: -50px;
  margin: -25px;
  border: 2px solid #C5D301;
  color: #C5D301;
}
.page_sommaire .page section.photoshoot .slider_equipe .slick-arrow:hover {
  background: #C5D301;
  color: white;
}
.page_sommaire .page section.photoshoot .slider_equipe .slick-arrow.precedent {
  left: 50%;
  transform: translateX(-50%);
}
.page_sommaire .page section.photoshoot .slider_equipe .slick-arrow.suivant {
  right: 50%;
  transform: translateX(50%);
}
.page_sommaire .page section.photoshoot {
  /* Les diagonales en haut et bas de section */
}
.page_sommaire .page section.photoshoot::before, .page_sommaire .page section.photoshoot::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #373E44;
  z-index: -1;
}
.page_sommaire .page section.photoshoot {
  /* La diagonale du haut */
}
.page_sommaire .page section.photoshoot::before {
  transform: skewY(2deg);
  transform-origin: right;
}
.page_sommaire .page section.photoshoot {
  /* La diagonale du bas */
}
.page_sommaire .page section.photoshoot::after {
  transform: skewY(0deg);
  transform-origin: right;
}
@media (min-width: 600px) {
  .page_sommaire .page section.photoshoot .wrapper h2 {
    font-size: 65px;
    line-height: 65px;
  }
  .page_sommaire .page section.photoshoot .wrapper h2 strong {
    font-size: 48px;
    line-height: 65px;
  }
}
@media (min-width: 1130px) {
  .page_sommaire .page section.photoshoot .wrapper h2 {
    margin-top: 0;
    /* Notre equipe */
  }
  .page_sommaire .page section.photoshoot .wrapper h2 strong {
    margin-left: -60px;
  }
}
.page_sommaire .page section.produits_stars {
  padding: 150px 20px 120px;
  text-align: center;
}
.page_sommaire .page section.produits_stars .wrapper {
  position: relative;
}
.page_sommaire .page section.produits_stars .wrapper h2 {
  font-family: "besom_2regular";
  letter-spacing: 1px;
  color: #C5D301;
  font-size: 50px;
  line-height: 50px;
}
.page_sommaire .page section.produits_stars .wrapper h2 strong {
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #A61D5E;
  font-size: 47px;
}
.page_sommaire .page section.produits_stars .wrapper h2 {
  /* déco dans le coin haut gauche du titre */
}
.page_sommaire .page section.produits_stars .wrapper h2::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 30px;
  margin: -15px -5px 0 0;
  background: url(../assets/images/pictos/exclamation2.svg) no-repeat center;
  background-size: cover;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.page_sommaire .page section.produits_stars .wrapper .produits {
  margin: 30px auto 60px;
}
.page_sommaire .page section.produits_stars .wrapper .produits li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  max-width: 290px;
  margin: 0 25px;
}
.page_sommaire .page section.produits_stars .wrapper .produits li .nom_produit {
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
  font-size: 34px;
  line-height: 34px;
}
.page_sommaire .page section.produits_stars .wrapper .produits li p {
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  max-width: 80%;
  margin: 10px auto;
}
@media (min-width: 1130px) {
  .page_sommaire .page section.produits_stars .wrapper .produits li {
    cursor: pointer;
    transition: all 0.2s ease;
  }
  .page_sommaire .page section.produits_stars .wrapper .produits li:hover {
    transform: scale(1.1);
  }
}
.page_sommaire .page section.produits_stars .wrapper a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #A61D5E;
  color: white;
}
.page_sommaire .page section.produits_stars .wrapper a:hover {
  background: #C5D301;
}
.page_sommaire .page section.produits_stars .wrapper {
  /* pictos volants */
}
.page_sommaire .page section.produits_stars .wrapper .svg_conteneur .framboise, .page_sommaire .page section.produits_stars .wrapper .svg_conteneur .peche {
  filter: invert(79%) sepia(24%) saturate(320%) hue-rotate(284deg) brightness(103%) contrast(79%);
}
.page_sommaire .page section.produits_stars .wrapper .svg_conteneur .etoile, .page_sommaire .page section.produits_stars .wrapper .svg_conteneur .citron {
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
.page_sommaire .page section.produits_stars .wrapper .svg_conteneur .framboise {
  top: -90px;
  left: 120px;
}
@media (min-width: 880px) {
  .page_sommaire .page section.produits_stars .wrapper .svg_conteneur .framboise {
    top: -50px;
    left: 120px;
  }
}
.page_sommaire .page section.produits_stars .wrapper .svg_conteneur .peche {
  left: 0;
  top: -70px;
}
@media (min-width: 880px) {
  .page_sommaire .page section.produits_stars .wrapper .svg_conteneur .peche {
    left: 40px;
    top: 50px;
  }
}
.page_sommaire .page section.produits_stars .wrapper .svg_conteneur .peche {
  z-index: -1;
}
.page_sommaire .page section.produits_stars .wrapper .svg_conteneur .etoile {
  left: 50%;
  margin: -40px auto auto 300px;
}
.page_sommaire .page section.produits_stars .wrapper .svg_conteneur .citron {
  bottom: 20px;
  left: 50%;
  top: auto;
  margin-left: 500px;
}
.page_sommaire .page section.millesaveurs {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 200px 20px;
  background: url(../assets/images/backgrounds/1001saveurs.png) no-repeat center;
  background-size: cover;
}
.page_sommaire .page section.millesaveurs h2 {
  font-size: 85px;
  line-height: 77px;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  color: #A61D5E;
  text-align: center;
}
.page_sommaire .page section.millesaveurs h2 strong {
  display: block;
  color: #373E44;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 67px;
}
.page_sommaire .page section.millesaveurs h2 strong span {
  font-family: "besom_2regular";
  letter-spacing: 1px;
}
.page_sommaire .page section.concept {
  padding: 50px;
  text-align: center;
}
.page_sommaire .page section.concept h2 {
  font-size: 55px;
  line-height: 60px;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  color: #C5D301;
}
.page_sommaire .page section.concept .container {
  width: 540px;
  max-width: 100%;
  margin: 0 auto;
  /* slider des courgettes */
}
.page_sommaire .page section.concept .container .slider_comparaison {
  position: relative;
  padding-bottom: 90.68%;
  margin: 24px auto;
  height: 0;
  /* Courgettes entières, image du dessus */
}
.page_sommaire .page section.concept .container .slider_comparaison .courgette_avant {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 50%;
  height: 100%;
  background-image: url(../assets/images/photos/courgettes_entieres.jpeg);
  background-size: cover;
  pointer-events: none;
  overflow: hidden;
}
.page_sommaire .page section.concept .container .slider_comparaison {
  /* La barre noire qui révele les images */
}
.page_sommaire .page section.concept .container .slider_comparaison .separateur {
  position: absolute;
  top: 0;
  left: 0;
  left: 50%;
  bottom: 0px;
  z-index: 3;
  width: 2px;
  background: black;
  box-shadow: 0 5px 10px 0px rgba(170, 170, 170, 0.5);
  cursor: ew-resize;
  transform: translateX(-50%);
  /* Le cercle noir sur le séparateur */
}
.page_sommaire .page section.concept .container .slider_comparaison .separateur::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  top: auto;
  bottom: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: solid 2px black;
  transform: translate(-47%, -50%);
}
.page_sommaire .page section.concept .container .slider_comparaison {
  /* courgettes découpées, image du dessous */
}
.page_sommaire .page section.concept .container .slider_comparaison .courgette_apres {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url(../assets/images/photos/courgettes_coupees.jpeg);
  background-size: cover;
  pointer-events: none;
}
.page_sommaire .page section.concept .container .slider_comparaison .slider_range {
  display: none;
  appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  top: auto;
  bottom: 0px;
  z-index: 3;
  width: 100%;
  margin: 0px;
  background: black;
  outline: none;
}
.page_sommaire .page section.concept .container .slider_comparaison.slider_comparaison_en .courgette_avant {
  background-image: url(../assets/images/photos/courgettes_entieres_en.jpg);
  background-size: cover;
}
.page_sommaire .page section.concept .container .slider_comparaison.slider_comparaison_en .courgette_apres {
  background-image: url(../assets/images/photos/courgettes_coupees_en.jpg);
  background-size: cover;
}
.page_sommaire .page section.concept .slogan h3 {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
}
.page_sommaire .page section.concept .slogan {
  /* parties en couleurs sous le slider */
}
.page_sommaire .page section.concept .slogan h3 span:first-child, .page_sommaire .page section.concept .slogan p span:first-child {
  color: #C5D301;
}
.page_sommaire .page section.concept .slogan h3 span:nth-child(2), .page_sommaire .page section.concept .slogan p span:nth-child(2) {
  color: #EC9E29;
}
.page_sommaire .page section.concept .slogan h3 span:last-child, .page_sommaire .page section.concept .slogan p span:last-child {
  color: #A61D5E;
}
.page_sommaire .page section.concept a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #C5D301;
  color: white;
}
.page_sommaire .page section.concept a:hover {
  background: #EC9E29;
}
.page_sommaire .page section.concept a {
  margin-top: 30px;
}
.page_sommaire .page section.concept {
  /* Le couteau en background, 945px correspond au breakpoint ou il commence à chevaucher les images du slider */
}
@media (min-width: 945px) {
  .page_sommaire .page section.concept {
    background: url(../assets/images/backgrounds/background_couteau.png) no-repeat right 0 top 50%;
    background-size: 400px 500px;
  }
}
.page_sommaire .page section.atelier {
  position: relative;
  margin-top: 200px;
  padding-bottom: 170px;
}
@media (min-width: 1300px) {
  .page_sommaire .page section.atelier {
    padding-bottom: 330px;
  }
}
.page_sommaire .page section.atelier {
  background: #59314E;
  color: white;
  /* La diagonale du haut */
}
.page_sommaire .page section.atelier::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #59314E;
  transform: skewY(-7deg);
  transform-origin: left;
}
.page_sommaire .page section.atelier .wrapper {
  position: relative;
  max-width: 575px;
  margin-top: -30px;
  text-align: center;
}
.page_sommaire .page section.atelier .wrapper h2 {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 88px;
  line-height: 74px;
}
.page_sommaire .page section.atelier .wrapper h2 strong {
  display: block;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  text-align: right;
  font-size: 43px;
  line-height: 43px;
  color: #C5D301;
}
.page_sommaire .page section.atelier .wrapper h2 {
  /* picto ampoule */
}
.page_sommaire .page section.atelier .wrapper h2::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  left: -120px;
  top: 40px;
  width: 80px;
  height: 80px;
  background: url(../assets/images/pictos/ampoule2.svg) no-repeat center;
  background-size: contain;
}
.page_sommaire .page section.atelier .wrapper .img {
  position: relative;
}
.page_sommaire .page section.atelier .wrapper .img img {
  margin: 30px auto;
}
.page_sommaire .page section.atelier .wrapper .img {
  /* figues roties */
}
.page_sommaire .page section.atelier .wrapper .img:first-of-type {
  z-index: 2;
  /* triples bulles */
}
.page_sommaire .page section.atelier .wrapper .img:first-of-type::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  left: auto;
  top: 50%;
  right: 60px;
  z-index: -1;
  width: 90px;
  height: 70px;
  background: url(../assets/images/pictos/triple_bulles.svg) no-repeat center;
  background-size: contain;
}
.page_sommaire .page section.atelier .wrapper .img {
  /* figues fraiches */
}
.page_sommaire .page section.atelier .wrapper .img:nth-of-type(2) {
  z-index: 1;
  margin-top: 15px;
  /* diagramme */
}
.page_sommaire .page section.atelier .wrapper .img:nth-of-type(2)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  left: -70px;
  top: auto;
  bottom: -80px;
  z-index: -1;
  width: 220px;
  height: 110px;
  background: url(../assets/images/pictos/diagramme.svg) no-repeat center;
  background-size: contain;
}
.page_sommaire .page section.atelier .wrapper p {
  position: relative;
  z-index: 1;
  max-width: 345px;
  margin: 50px auto 0;
  text-align: left;
}
.page_sommaire .page section.atelier .wrapper p strong {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #C5D301;
}
.page_sommaire .page section.atelier .wrapper p a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #C5D301;
  color: white;
}
.page_sommaire .page section.atelier .wrapper p a:hover {
  background: #EC9E29;
}
.page_sommaire .page section.atelier .wrapper p a {
  margin-top: 30px;
}
.page_sommaire .page section.atelier .wrapper p {
  /* Graphique à cote du bouton */
}
.page_sommaire .page section.atelier .wrapper p::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  left: 100px;
  top: auto;
  bottom: -90px;
  z-index: -1;
  width: 150px;
  height: 135px;
  background: url(../assets/images/pictos/graphique.svg) no-repeat center;
  background-size: contain;
}
.page_sommaire .page section.atelier .wrapper {
  /* pictos flottants */
}
.page_sommaire .page section.atelier .wrapper .svg_conteneur > * {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-size: contain;
}
.page_sommaire .page section.atelier .wrapper .svg_conteneur .graphique_fleche {
  left: auto;
  right: 20px;
  top: -140px;
  width: 120px;
  height: 120px;
  background: url(../assets/images/pictos/graphique_fleche.svg) no-repeat center;
}
.page_sommaire .page section.atelier .wrapper .svg_conteneur .double_etoiles {
  width: 40px;
  height: 40px;
  background: url(../assets/images/pictos/double_etoiles.svg) no-repeat center;
  top: 120px;
  left: 10%;
  transform: scaleY(-1) rotate(20deg);
}
.page_sommaire .page section.atelier .wrapper .svg_conteneur .double_etoiles:last-of-type {
  inset: auto 10% 0 auto;
  transform: scaleX(-1) rotate(20deg);
}
@media (min-width: 880px) {
  .page_sommaire .page section.atelier .wrapper {
    max-width: 1280px;
  }
  .page_sommaire .page section.atelier .wrapper h2 {
    margin-left: -300px;
  }
  .page_sommaire .page section.atelier .wrapper .img {
    /* figues roties */
  }
  .page_sommaire .page section.atelier .wrapper .img:first-of-type {
    position: absolute;
    top: 0;
    left: 0;
    left: 50%;
    margin: -200px 0 0 20px;
    z-index: 2;
    /* triples bulles */
  }
  .page_sommaire .page section.atelier .wrapper .img:first-of-type::after {
    left: auto;
    top: 50%;
    right: -80px;
  }
  .page_sommaire .page section.atelier .wrapper .img {
    /* figues fraiches */
  }
  .page_sommaire .page section.atelier .wrapper .img:nth-of-type(2) img {
    margin: 0 230px;
  }
  .page_sommaire .page section.atelier .wrapper .img:nth-of-type(2) {
    /* diagramme */
  }
  .page_sommaire .page section.atelier .wrapper .img:nth-of-type(2)::before {
    left: 60px;
  }
}
@media (min-width: 1300px) {
  .page_sommaire .page section.atelier .wrapper .img:nth-of-type(2) img {
    margin: 0 320px;
  }
  .page_sommaire .page section.atelier .wrapper .img:nth-of-type(2) {
    /* diagramme */
  }
  .page_sommaire .page section.atelier .wrapper .img:nth-of-type(2)::before {
    left: 145px;
  }
  .page_sommaire .page section.atelier .wrapper p {
    position: absolute;
    top: 0;
    left: 0;
    left: 50%;
    top: 400px;
    margin: -180px 0 0 20px;
  }
}
.page_sommaire .page section.qualite_usines {
  padding: 170px 0px;
  background: url(../assets/images/backgrounds/tomates.jpg) no-repeat center;
  background-size: cover;
}
.page_sommaire .page section.qualite_usines .wrapper {
  text-align: center;
  color: white;
  text-transform: uppercase;
}
.page_sommaire .page section.qualite_usines .wrapper h2 {
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 68px;
  line-height: 68px;
}
@media (min-width: 880px) {
  .page_sommaire .page section.qualite_usines .wrapper h2 {
    font-size: 88px;
    line-height: 88px;
  }
}
.page_sommaire .page section.qualite_usines .wrapper p {
  font-size: 22px;
  line-height: 31px;
}
.page_sommaire .page section.qualite_usines .wrapper p strong {
  display: block;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.page_sommaire .page section.qualite_usines .wrapper a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  margin: 15px;
  background: white;
  color: #373E44;
}
.page_sommaire .page section.qualite_usines .wrapper a:hover {
  background: #373E44;
  color: white;
}
.page_sommaire .page section.miamzine {
  padding: 0;
  /* La bannière de la section */
}
.page_sommaire .page section.miamzine .miamzine_banniere {
  margin-bottom: 15%;
  background: #3a3a3a;
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper {
  /* Titre "Le miamzine" */
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper .miamzine_titre {
  /* Le picto des ustensiles */
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper .miamzine_titre span::before {
  bottom: -70px;
  right: 0;
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper .miamzine_titre {
  /* Le picto du cuisto */
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper .miamzine_titre::before {
  bottom: -150px;
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper {
  /* Le magazine gourmand de nos meilleures recettes ! */
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper > em {
  margin-bottom: 40px;
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper {
  /* Jeter un coup d'oeil aux recettes pour y trouver votre bonheur */
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper > span {
  position: relative;
  display: block;
  max-width: 540px;
  margin: auto;
  color: #EC9E29;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 30px;
  line-height: 31px;
  /* vous pourriez y trouver votre bonheur ! */
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper > span > em {
  display: block;
}
@media (min-width: 880px) {
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper > span > em {
    max-width: 230px;
  }
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper > span > em {
  margin: 4px auto 0;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 25px;
  line-height: 25px;
  font-style: normal;
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper > span {
  /* La flèche orange qui pointe vers les recettes dessous */
}
.page_sommaire .page section.miamzine .miamzine_banniere .wrapper > span::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: auto;
  right: 0;
  left: auto;
  width: 80px;
  height: 55px;
  transform: rotate(-85deg);
  background: url(../assets/images/pictos/fleche.svg) no-repeat;
  background-size: contain;
  filter: invert(64%) sepia(48%) saturate(677%) hue-rotate(355deg) brightness(94%) contrast(97%);
}
.page_sommaire .page section.miamzine .miamzine_banniere {
  /* La diagonale grise */
}
.page_sommaire .page section.miamzine .miamzine_banniere::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  transform: skewY(-5deg);
  transform-origin: top right;
}
@media (min-width: 600px) {
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper {
    /* Jeter un coup d'oeil aux recettes pour y trouver votre bonheur */
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper > span {
    /* vous pourriez y trouver votre bonheur ! */
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper > span em {
    line-height: 29px;
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper > span {
    /* La flèche orange qui pointe vers les recettes dessous */
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper > span::before {
    display: block;
  }
}
@media (min-width: 880px) {
  .page_sommaire .page section.miamzine .miamzine_banniere {
    padding: 140px 15px 50px;
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper {
    /* Le conteneur de tous les svg */
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper .svg_conteneur .feuille {
    /* La première feuille */
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper .svg_conteneur .feuille:first-of-type {
    top: -110px;
    left: 37%;
    transform: scale(-1.3, 1.3) rotate(-25deg);
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper .svg_conteneur .feuille {
    /* La 2e feuille */
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper .svg_conteneur .feuille:nth-child(2) {
    top: 5px;
    right: 140px;
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper .svg_conteneur .figue {
    top: -100px;
  }
}
@media (min-width: 1130px) {
  .page_sommaire .page section.miamzine .miamzine_banniere {
    margin-bottom: 10%;
    padding: 140px 15px 110px;
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper {
    /* Titre "Le miamzine" */
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper .miamzine_titre {
    /* Le picto des ustensiles */
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper .miamzine_titre span::before {
    bottom: -125%;
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper .miamzine_titre {
    /* Le picto du cuisto */
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper .miamzine_titre::before {
    bottom: -87px;
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper {
    /* Jeter un coup d'oeil aux recettes pour y trouver votre bonheur */
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper > span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: -205px;
    top: auto;
    left: 60px;
    transform: rotate(-5deg);
    /* La flèche orange qui pointe vers les recettes dessous */
  }
  .page_sommaire .page section.miamzine .miamzine_banniere .wrapper > span::before {
    right: -80px;
  }
}
.page_sommaire .page section.miamzine {
  /* Le contenu de la section avec un aperçu des recettes */
}
.page_sommaire .page section.miamzine .miamzine_content {
  padding: 15px;
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper {
  text-align: center;
  /* La liste des recettes présentes */
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul {
  max-width: 1024px;
  margin: auto;
  /* Tuile d'une recette */
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li {
  position: relative;
  margin-bottom: 40px;
  box-shadow: 0px 0px 20px 3px #e9e3d8;
  overflow: hidden;
  text-align: center;
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a {
  display: block;
  height: 100%;
  /* L'image de la tuile */
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a img {
  width: 100%;
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a {
  /* Le texte de la tuile */
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a .description_recette {
  padding: 20px;
  /* Le titre de la recette */
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a .description_recette .nom_recette {
  margin-bottom: 5px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 22px;
  line-height: 27px;
  text-transform: uppercase;
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a .description_recette {
  /* Les quantités de la recette */
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a .description_recette .quantite {
  color: #EC9E29;
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a::before, .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a {
  /* La tuile violette translucide qui passe au-dessus de la tuile au hover */
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a::before {
  content: "";
  background: #A61D5E;
  opacity: 0.75;
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a {
  /* Voir la recette ! */
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a::after {
  content: "Voir la recette !";
  padding-top: 35%;
  background: url(../assets/images/pictos/picto_oeil.png.2022_01_13_17_51_08.0.svg) no-repeat center 11%;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 35px;
  color: #fff;
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a {
  /* Au hover du lien on replace la même couleur pour ne pas qu'Orion prenne le dessus */
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a:hover {
  color: #373E44;
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li {
  /* La tuile 2 et 3 ont 2 images (une pour le mobile et l'autre pour le desktop), on masque l'image pour le desktop dans un premier temps*/
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:nth-child(2) img:nth-of-type(2), .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:last-child img:nth-of-type(2) {
  display: none;
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:hover a::before, .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:hover a::after {
  top: 0;
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper {
  /* Le lien "Voir toutes les recettes" */
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper > a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  color: #EC9E29;
  border: 2px solid #EC9E29;
}
.page_sommaire .page section.miamzine .miamzine_content .wrapper > a:hover {
  background: #EC9E29;
  color: white;
}
@media (min-width: 600px) {
  .page_sommaire .page section.miamzine .miamzine_content {
    /* La liste des recettes présentes */
  }
  .page_sommaire .page section.miamzine .miamzine_content .wrapper ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    /* Tuile d'une recette */
  }
  .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:first-child {
    width: 100%;
  }
  .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:first-child a::after {
    background-position: center 25%;
  }
  .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:nth-child(2), .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:last-child {
    width: 47%;
  }
}
@media (min-width: 880px) {
  .page_sommaire .page section.miamzine .miamzine_content .wrapper {
    /* La liste des recettes présentes */
  }
  .page_sommaire .page section.miamzine .miamzine_content .wrapper ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    /* Tuile d'une recette */
  }
  .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li {
    margin-bottom: 0;
  }
  .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:first-child {
    grid-column: span 2;
    grid-row: span 2;
  }
  .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:nth-child(2), .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:last-child {
    width: initial;
  }
  .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:nth-child(2) img, .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:last-child img {
    display: none;
  }
  .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:nth-child(2) img:nth-of-type(2), .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li:last-child img:nth-of-type(2) {
    display: block;
  }
  .page_sommaire .page section.miamzine .miamzine_content .wrapper {
    /* Le lien "Voir toutes les recettes" */
  }
  .page_sommaire .page section.miamzine .miamzine_content .wrapper > a {
    margin-top: 50px;
  }
}

.en .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a::after {
  content: "See the receipe!";
}

.it .page_sommaire .page section.miamzine .miamzine_content .wrapper ul li a::after {
  content: "Vedere la ricetta";
}

.page_rubrique {
  /* Petit header par défaut sur les pages interieure */
}
.page_rubrique header {
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}
.page_rubrique header .spip_logo_site img {
  width: 114px;
}
.page_rubrique .page {
  position: relative;
}
.page_rubrique .page .banniere {
  padding: 65px 15px 50px;
  margin: 0 auto 10px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 45px;
  color: white;
}
.page_rubrique .page .banniere span {
  position: relative;
  /* le logo blanc au dessus de l'intitulé */
}
.page_rubrique .page .banniere span::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 70px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  left: 66%;
  top: -33px;
  background: url(../assets/images/pictos/logo_deco.svg) no-repeat center;
  background-size: contain;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(29deg) brightness(106%) contrast(106%);
}
@media (min-width: 600px) {
  .page_rubrique .page .banniere {
    font-size: 60px;
    line-height: 65px;
  }
  .page_rubrique .page .banniere span::after {
    width: 100px;
  }
}
@media (min-width: 880px) {
  .page_rubrique .page .banniere {
    margin-top: 107px;
  }
}
.page_rubrique .page {
  /* on fait flotter le menu */
}
.page_rubrique .page .nav_interieure {
  display: none;
  position: relative;
  z-index: 2;
  /* l'arbo est intégrée dans le conteneur */
}
.page_rubrique .page .nav_interieure ul {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}
.page_rubrique .page .nav_interieure ul li {
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 8px;
}
.page_rubrique .page .nav_interieure ul li a {
  color: #373E44;
}
.page_rubrique .page .nav_interieure ul li a:hover {
  color: #C5D301;
}
@media (min-width: 1200px) {
  .page_rubrique .page .nav_interieure {
    display: block;
    float: left;
  }
  .page_rubrique .page .nav_interieure ul li {
    width: max-content;
  }
}
.page_rubrique .page .contenu {
  padding-top: 50px;
  /* Le texte de présentation */
}
.page_rubrique .page .contenu .presentation .descriptif_rubrique {
  position: relative;
  max-width: 560px;
  margin: auto;
  text-align: justify;
}
.page_rubrique .page .contenu .presentation .descriptif_rubrique #titre {
  padding-top: 0;
}
.page_rubrique .page .contenu .presentation .descriptif_rubrique #titre h1, .page_rubrique .page .contenu .presentation .descriptif_rubrique #titre h2 {
  margin: 0;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 52px;
  line-height: 55px;
  text-align: left;
  text-align: left;
  color: #373E44;
}
.page_rubrique .page .contenu .presentation .descriptif_rubrique br {
  display: none;
}
.page_rubrique .page .contenu .presentation .descriptif_rubrique h2 {
  margin: 0 0 40px;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 43px;
  line-height: 47px;
  text-align: left;
  text-align: left;
  color: #C5D301;
}
.page_rubrique .page .contenu .presentation .descriptif_rubrique h2 br {
  display: block;
}
.page_rubrique .page .contenu .presentation .descriptif_rubrique p {
  max-width: 480px;
}
.page_rubrique .page .contenu .presentation .descriptif_rubrique p br {
  display: block;
}
.page_rubrique .page .contenu .presentation .descriptif_rubrique i {
  font-style: normal;
  color: #C5D301;
}
.page_rubrique .page .contenu .presentation .descriptif_rubrique strong {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #A61D5E;
}
.page_rubrique .page .contenu .presentation .descriptif_rubrique.precedent_carousel {
  /* la flèche violette */
}
.page_rubrique .page .contenu .presentation .descriptif_rubrique.precedent_carousel::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  top: auto;
  bottom: -30px;
  left: auto;
  right: 15px;
  width: 70px;
  height: 50px;
  background: url(../assets/images/pictos/fleche.svg) no-repeat center;
  background-size: cover;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
  transform: rotate(-65deg);
}
.page_rubrique .page .contenu .presentation .carousel_conteneur {
  max-width: 300px;
  margin-top: 140px;
  /* Le compteur de slide */
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .compteur {
  margin: 50px -40px 0 0;
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .compteur .total {
  color: #E4BBCF;
}
.page_rubrique .page .contenu .presentation .carousel_conteneur {
  /* Les pictos tout autour */
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .svg_conteneur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* groupe situé à gauche du carousel */
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .svg_conteneur .svg_gauche {
  position: relative;
  margin: 30px 0 0 -100px;
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .svg_conteneur .svg_gauche > * {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  filter: invert(79%) sepia(24%) saturate(320%) hue-rotate(284deg) brightness(103%) contrast(79%);
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .svg_conteneur .svg_gauche .lime {
  top: -50px;
  left: 40px;
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .svg_conteneur .svg_gauche .citron {
  top: -80px;
  z-index: -1;
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .svg_conteneur .svg_gauche .feuille {
  top: 240px;
  left: -20px;
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .svg_conteneur {
  /* groupe situé à droite du carousel */
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .svg_conteneur .svg_droite {
  position: relative;
  margin-left: 390px;
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .svg_conteneur .svg_droite > * {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  filter: invert(79%) sepia(24%) saturate(320%) hue-rotate(284deg) brightness(103%) contrast(79%);
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .svg_conteneur .svg_droite .oignon {
  top: 160px;
  left: -50px;
  transform: rotate(30deg);
}
.page_rubrique .page .contenu .presentation .carousel_conteneur .svg_conteneur .svg_droite .feuille_chene {
  top: 205px;
  left: -60px;
  transform: rotate(15deg);
}
@media (min-width: 1060px) {
  .page_rubrique .page .contenu .presentation .descriptif_rubrique.precedent_carousel {
    display: inline-block;
    vertical-align: top;
    /* la fleche violette */
  }
  .page_rubrique .page .contenu .presentation .descriptif_rubrique.precedent_carousel::after {
    transform: rotate(-15deg) scaleX(-1);
  }
  .page_rubrique .page .contenu .presentation .carousel_conteneur {
    display: inline-block;
    vertical-align: top;
    vertical-align: bottom;
    margin-left: 120px;
  }
}
@media (min-width: 1200px) {
  .page_rubrique .page .contenu .presentation {
    max-width: initial;
    margin-left: 300px;
  }
  .page_rubrique .page .contenu .presentation .descriptif_rubrique {
    padding-top: 0;
    margin: initial;
  }
  .page_rubrique .page .contenu .presentation .descriptif_rubrique.precedent_carousel {
    max-width: 410px;
    margin: 0 120px 0 0;
    /* la pomme en bas a gauche */
  }
  .page_rubrique .page .contenu .presentation .descriptif_rubrique.precedent_carousel::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    top: auto;
    bottom: -80px;
    left: -50px;
    width: 80px;
    height: 65px;
    background: url(../assets/images/pictos/pomme.svg) no-repeat center;
    background-size: contain;
    filter: invert(79%) sepia(24%) saturate(320%) hue-rotate(284deg) brightness(103%) contrast(79%);
  }
  .page_rubrique .page .contenu .presentation .descriptif_rubrique.precedent_carousel {
    /* la fleche violette en bas du texte d'intro */
  }
  .page_rubrique .page .contenu .presentation .descriptif_rubrique.precedent_carousel::after {
    bottom: -10px;
  }
  .page_rubrique .page .contenu .presentation .carousel_conteneur {
    margin-left: 0;
    /* compteur de slide */
  }
  .page_rubrique .page .contenu .presentation .carousel_conteneur .compteur {
    text-align: right;
  }
  .page_rubrique .page .contenu .presentation .carousel_conteneur .slick-arrow.suivant {
    right: 130px;
  }
  .page_rubrique .page .contenu .presentation .carousel_conteneur {
    /* le citron en haut à gauche du carousel */
  }
  .page_rubrique .page .contenu .presentation .carousel_conteneur .svg_conteneur .svg_gauche .citron {
    top: -120px;
    left: 40px;
  }
}
.page_rubrique .page {
  /* Pour la section d'un grand carousel (présent sur la page mission par exemple) */
}
.page_rubrique .page .carousel .oignon {
  transform: rotate(30deg);
}

/* Toutes les pages des sous-rubriques de Entreprise + mentions légales */
.secteur_2 .banniere, .secteur_16 .banniere, .secteur_25 .banniere, .rubrique_17 .banniere,
.rubrique_27 .banniere, .rubrique_28 .banniere, .rubrique_29 .banniere, .rubrique_30 .banniere, .rubrique_31 .banniere, .rubrique_32 .banniere,
.rubrique_46 .banniere, .rubrique_48 .banniere, .rubrique_49 .banniere, .rubrique_50 .banniere, .rubrique_51 .banniere, .rubrique_47 .banniere,
.rubrique_69 .banniere, .rubrique_64 .banniere, .rubrique_68 .banniere, .rubrique_70 .banniere {
  background: url(../assets/images/backgrounds/Banniere-Entreprise.png) no-repeat bottom center;
  background-size: cover;
}
.secteur_2 .page, .secteur_16 .page, .secteur_25 .page, .rubrique_17 .page,
.rubrique_27 .page, .rubrique_28 .page, .rubrique_29 .page, .rubrique_30 .page, .rubrique_31 .page, .rubrique_32 .page,
.rubrique_46 .page, .rubrique_48 .page, .rubrique_49 .page, .rubrique_50 .page, .rubrique_51 .page, .rubrique_47 .page,
.rubrique_69 .page, .rubrique_64 .page, .rubrique_68 .page, .rubrique_70 .page {
  overflow: hidden;
}
.secteur_2 .page > .wrapper, .secteur_16 .page > .wrapper, .secteur_25 .page > .wrapper, .rubrique_17 .page > .wrapper,
.rubrique_27 .page > .wrapper, .rubrique_28 .page > .wrapper, .rubrique_29 .page > .wrapper, .rubrique_30 .page > .wrapper, .rubrique_31 .page > .wrapper, .rubrique_32 .page > .wrapper,
.rubrique_46 .page > .wrapper, .rubrique_48 .page > .wrapper, .rubrique_49 .page > .wrapper, .rubrique_50 .page > .wrapper, .rubrique_51 .page > .wrapper, .rubrique_47 .page > .wrapper,
.rubrique_69 .page > .wrapper, .rubrique_64 .page > .wrapper, .rubrique_68 .page > .wrapper, .rubrique_70 .page > .wrapper {
  padding: 0 15px;
  max-width: 1310px;
}

/* Toutes les pages des sous-rubriques de Innovation */
.secteur_3 .page, .rubrique_41 .page, .rubrique_42 .page, .rubrique_60 .page, .rubrique_61 .page {
  overflow: hidden;
}
.secteur_3 .banniere, .rubrique_41 .banniere, .rubrique_42 .banniere, .rubrique_60 .banniere, .rubrique_61 .banniere {
  background: url(../assets/images/backgrounds/Banniere-Innovation.png) no-repeat bottom center;
  background-size: cover;
  /* Le picto des fruits */
}
.secteur_3 .banniere .wrapper span::after, .rubrique_41 .banniere .wrapper span::after, .rubrique_42 .banniere .wrapper span::after, .rubrique_60 .banniere .wrapper span::after, .rubrique_61 .banniere .wrapper span::after {
  left: 63%;
}

/* Toutes les pages des sous-rubriques de Gammes */
.secteur_4 .banniere, .rubrique_34 .banniere, .parent_34 .banniere, .rubrique_53 .banniere, .parent_53 .banniere {
  background: url(../assets/images/backgrounds/Banniere-Nos_Gammes.png) no-repeat bottom center;
  background-size: cover;
}

/* Page Notre Mission */
.rubrique_7 .page, .rubrique_27 .page, .rubrique_46 .page {
  /* Page actuelle de couleur verte dans le menu de navigation en haut de la page */
}
.rubrique_7 .page .nav_interieure ul li:first-child a, .rubrique_27 .page .nav_interieure ul li:first-child a, .rubrique_46 .page .nav_interieure ul li:first-child a {
  color: #C5D301;
}
.rubrique_7 .page, .rubrique_27 .page, .rubrique_46 .page {
  /* Nos valeurs */
}
.rubrique_7 .page article, .rubrique_27 .page article, .rubrique_46 .page article {
  position: relative;
}
.rubrique_7 .page article h3, .rubrique_27 .page article h3, .rubrique_46 .page article h3 {
  margin: 40px 0 8px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #C5D301;
  text-transform: uppercase;
}
.rubrique_7 .page article ul li, .rubrique_27 .page article ul li, .rubrique_46 .page article ul li {
  padding-left: 5px;
  margin: 0 0 8px 0px;
  color: #A61D5E;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  list-style: none;
}
.rubrique_7 .page article ul li::before, .rubrique_27 .page article ul li::before, .rubrique_46 .page article ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: 4px;
  width: 13px;
  height: 13px;
  background: url(../../images/pictos/puce.svg) no-repeat;
  background-size: contain;
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
.rubrique_7 .page .carousel, .rubrique_27 .page .carousel, .rubrique_46 .page .carousel {
  overflow: hidden;
  position: relative;
  /* Ajustement du style du carousel par rapport à celui de la page sommaire */
}
.rubrique_7 .page .carousel .carousel_conteneur .carnet, .rubrique_27 .page .carousel .carousel_conteneur .carnet, .rubrique_46 .page .carousel .carousel_conteneur .carnet {
  background: url(../assets/images/pictos/post-it_lignes.svg) no-repeat;
  background-size: 440px;
  margin-bottom: -70px;
  transform: rotate(0deg);
}
.rubrique_7 .page .carousel .carousel_conteneur .carnet strong, .rubrique_27 .page .carousel .carousel_conteneur .carnet strong, .rubrique_46 .page .carousel .carousel_conteneur .carnet strong {
  transform: rotate(8deg);
}
.rubrique_7 .page .carousel .carousel_conteneur .carnet, .rubrique_27 .page .carousel .carousel_conteneur .carnet, .rubrique_46 .page .carousel .carousel_conteneur .carnet {
  /* la flèche violette */
}
.rubrique_7 .page .carousel .carousel_conteneur .carnet::before, .rubrique_27 .page .carousel .carousel_conteneur .carnet::before, .rubrique_46 .page .carousel .carousel_conteneur .carnet::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  top: 60%;
  left: -30px;
  width: 70px;
  height: 50px;
  background: url(../assets/images/pictos/fleche.svg) no-repeat center;
  background-size: cover;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
  transform: rotate(-90deg) translateX(-50%) scaleY(-1);
}
.rubrique_7 .page .carousel .carousel_conteneur, .rubrique_27 .page .carousel .carousel_conteneur, .rubrique_46 .page .carousel .carousel_conteneur {
  /* deco violette en bas a droite */
}
.rubrique_7 .page .carousel .carousel_conteneur .slick-list::before, .rubrique_27 .page .carousel .carousel_conteneur .slick-list::before, .rubrique_46 .page .carousel .carousel_conteneur .slick-list::before {
  top: auto;
  bottom: -40px;
  transform: rotate(90deg);
}
.rubrique_7 .page .carousel .carousel_conteneur .compteur .total, .rubrique_27 .page .carousel .carousel_conteneur .compteur .total, .rubrique_46 .page .carousel .carousel_conteneur .compteur .total {
  color: #E4BBCF;
}
@media (min-width: 1130px) {
  .rubrique_7 .page .carousel, .rubrique_27 .page .carousel, .rubrique_46 .page .carousel {
    margin-top: -170px;
  }
  .rubrique_7 .page .carousel .carousel_conteneur .carnet, .rubrique_27 .page .carousel .carousel_conteneur .carnet, .rubrique_46 .page .carousel .carousel_conteneur .carnet {
    margin: -80px 0 50px 350px;
  }
}
.rubrique_7 .page .carousel, .rubrique_27 .page .carousel, .rubrique_46 .page .carousel {
  /* La div contenant tous les svg de la section */
}
.rubrique_7 .page .carousel .svg_conteneur > *, .rubrique_27 .page .carousel .svg_conteneur > *, .rubrique_46 .page .carousel .svg_conteneur > * {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  filter: invert(79%) sepia(24%) saturate(320%) hue-rotate(284deg) brightness(103%) contrast(79%);
}
.rubrique_7 .page .carousel .svg_conteneur .feuille_chene, .rubrique_27 .page .carousel .svg_conteneur .feuille_chene, .rubrique_46 .page .carousel .svg_conteneur .feuille_chene {
  top: 33%;
  left: 50%;
  transform: translateX(-50%);
  margin-left: -470px;
}
.rubrique_7 .page .carousel .svg_conteneur .oignon, .rubrique_27 .page .carousel .svg_conteneur .oignon, .rubrique_46 .page .carousel .svg_conteneur .oignon {
  top: auto;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%) rotate(30deg);
  margin-left: -380px;
}
.rubrique_7 .page .carousel .svg_conteneur .feuille, .rubrique_27 .page .carousel .svg_conteneur .feuille, .rubrique_46 .page .carousel .svg_conteneur .feuille {
  top: 30px;
  right: 25%;
  left: auto;
}
.rubrique_7 .page .carousel .svg_conteneur .pomme, .rubrique_27 .page .carousel .svg_conteneur .pomme, .rubrique_46 .page .carousel .svg_conteneur .pomme {
  top: 65%;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 480px;
}

/* Nos engagements RSE */
.rubrique_8 .page, .rubrique_28 .page, .rubrique_47 .page {
  /* Page actuelle de couleur verte dans le menu de navigation en haut de la page */
}
.rubrique_8 .page .nav_interieure ul li:nth-child(2) a, .rubrique_28 .page .nav_interieure ul li:nth-child(2) a, .rubrique_47 .page .nav_interieure ul li:nth-child(2) a {
  color: #C5D301;
}
.rubrique_8 .page .contenu, .rubrique_28 .page .contenu, .rubrique_47 .page .contenu {
  padding: 0;
}
.rubrique_8 .page .contenu .wrapper, .rubrique_28 .page .contenu .wrapper, .rubrique_47 .page .contenu .wrapper {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 880px) {
  .rubrique_8 .page .contenu .wrapper .nav_interieure, .rubrique_28 .page .contenu .wrapper .nav_interieure, .rubrique_47 .page .contenu .wrapper .nav_interieure {
    float: none;
    position: absolute;
    left: 50%;
    margin-left: -640px;
  }
}
.rubrique_8 .page .contenu figure.aligncenter img, .rubrique_28 .page .contenu figure.aligncenter img, .rubrique_47 .page .contenu figure.aligncenter img {
  margin: auto;
}
.rubrique_8 .page .contenu .wp-block-button, .rubrique_28 .page .contenu .wp-block-button, .rubrique_47 .page .contenu .wp-block-button {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #C5D301;
  color: white;
}
.rubrique_8 .page .contenu .wp-block-button:hover, .rubrique_28 .page .contenu .wp-block-button:hover, .rubrique_47 .page .contenu .wp-block-button:hover {
  background: white;
  color: #C5D301;
}
.rubrique_8 .page .contenu .wp-block-button, .rubrique_28 .page .contenu .wp-block-button, .rubrique_47 .page .contenu .wp-block-button {
  max-width: 240px;
  text-align: center;
  margin: auto;
  display: block;
}
.rubrique_8 .page .contenu .wp-block-button a, .rubrique_28 .page .contenu .wp-block-button a, .rubrique_47 .page .contenu .wp-block-button a {
  color: white;
}
.rubrique_8 .page .contenu, .rubrique_28 .page .contenu, .rubrique_47 .page .contenu {
  /* texte d'intro */
}
.rubrique_8 .page .contenu .presentation, .rubrique_28 .page .contenu .presentation, .rubrique_47 .page .contenu .presentation {
  margin-left: 0;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique, .rubrique_28 .page .contenu .presentation .descriptif_rubrique, .rubrique_47 .page .contenu .presentation .descriptif_rubrique {
  max-width: 100%;
  padding: 0;
}
@media (min-width: 880px) {
  .rubrique_8 .page .contenu .presentation .descriptif_rubrique .margintop, .rubrique_28 .page .contenu .presentation .descriptif_rubrique .margintop, .rubrique_47 .page .contenu .presentation .descriptif_rubrique .margintop {
    margin-top: 125px !important;
  }
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique #titre, .rubrique_28 .page .contenu .presentation .descriptif_rubrique #titre, .rubrique_47 .page .contenu .presentation .descriptif_rubrique #titre {
  margin-top: 100px;
}
@media (min-width: 880px) {
  .rubrique_8 .page .contenu .presentation .descriptif_rubrique #titre, .rubrique_8 .page .contenu .presentation .descriptif_rubrique article:first-of-type, .rubrique_28 .page .contenu .presentation .descriptif_rubrique #titre, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:first-of-type, .rubrique_47 .page .contenu .presentation .descriptif_rubrique #titre, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:first-of-type {
    left: 50%;
    position: relative;
    margin-left: -340px;
  }
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article {
  max-width: 1280px;
  width: 98%;
  margin: 0 auto;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article h3, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article h3, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article h3 {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #A61D5E;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
  margin: 40px auto;
  text-align: center;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article h3 br, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article h3 br, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article h3 br {
  display: initial;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article h4, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article h4, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article h4 {
  text-transform: uppercase;
  font-weight: bold;
  background: url("../assets/images/pictos/puce.png") no-repeat top 5px left;
  padding-left: 15px;
  margin-left: -15px;
  margin-top: 50px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:first-of-type p strong, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:first-of-type p strong, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:first-of-type p strong {
  color: #373E44;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:first-of-type p em, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:first-of-type p em, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:first-of-type p em {
  font-style: normal;
  color: #A61D5E;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:first-of-type p:last-of-type, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:first-of-type p:last-of-type, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:first-of-type p:last-of-type {
  text-transform: uppercase;
  margin-top: 50px;
  font-weight: bold;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 30px;
}
@media (min-width: 880px) {
  .rubrique_8 .page .contenu .presentation .descriptif_rubrique article:first-of-type, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:first-of-type, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:first-of-type {
    display: flex;
    max-width: 840px;
  }
}
@media (min-width: 880px) {
  .rubrique_8 .page .contenu .presentation .descriptif_rubrique article:first-of-type figure, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:first-of-type figure, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:first-of-type figure {
    margin-top: -200px;
  }
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:first-of-type figure, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:first-of-type figure, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:first-of-type figure {
  max-width: 540px;
  position: relative;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:first-of-type figure figcaption, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:first-of-type figure figcaption, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:first-of-type figure figcaption {
  position: absolute;
  bottom: 100px;
  transform: rotate(-7deg);
  padding: 0 80px 0 120px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 880px) {
  .rubrique_8 .page .contenu .presentation .descriptif_rubrique article:first-of-type figure figcaption, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:first-of-type figure figcaption, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:first-of-type figure figcaption {
    font-size: 11px;
    lien-height: 14px;
    bottom: 66px;
  }
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:first-of-type .wp-block-button, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:first-of-type .wp-block-button, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:first-of-type .wp-block-button {
  margin-top: -20px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:first-of-type .wp-block-button:hover, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:first-of-type .wp-block-button:hover, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:first-of-type .wp-block-button:hover {
  background-color: #C5D301;
  transform: scale(1.05);
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(2), .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(2), .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(2) {
  margin-top: 50px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#definition, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#definition, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#definition {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 40px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#definition > div, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#definition > div, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#definition > div {
  position: relative;
  width: 265px;
  height: 290px;
  margin: 0 0 0 -40px;
  background: url("../assets/images/post_it_geste.png") no-repeat;
  background-size: contain;
  padding: 20px 10px 50px 20px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#definition > div img, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#definition > div img, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#definition > div img {
  margin: auto;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#definition > div p, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#definition > div p, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#definition > div p {
  text-align: center;
  padding: 0 20px;
  line-height: 20px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(1), .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(1), .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(1) {
  z-index: 2;
  transform: rotate(-1deg);
  margin-top: 30px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(1):before, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(1):before, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(1):before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url("../assets/images/scotch_1.png") no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -20px;
  left: -20px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(2), .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(2), .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(2) {
  z-index: 1;
  transform: rotate(3deg);
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(3), .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(3), .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(3) {
  z-index: 2;
  margin-top: 40px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(4), .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(4), .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(4) {
  z-index: 1;
  margin-top: 10px;
  transform: rotate(-5deg);
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(5), .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(5), .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(5) {
  z-index: 2;
  margin-top: 30px;
  transform: rotate(1deg);
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(5):before, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(5):before, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#definition > div:nth-of-type(5):before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background: url("../assets/images/scotch_2.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -40px;
  right: -40px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4), .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4), .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4) {
  position: relative;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4) p, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4) p, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4) p {
  text-transform: uppercase;
  text-align: center;
  max-width: 650px;
  margin: 50px auto;
  line-height: 30px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4) p strong, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4) p strong, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4) p strong {
  color: #373E44;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4) p em, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4) p em, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4) p em {
  font-style: normal;
  color: #A61D5E;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4):before, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4):before, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article:nth-of-type(4):before {
  content: "";
  display: block;
  width: 103px;
  height: 120px;
  background: url("../assets/images/pictos/definition_geste.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -450px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement {
  position: relative;
  background-color: #E4BBCF;
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin-top: 100px;
  padding-top: 150px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement h2, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement h2, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement h2 {
  color: black;
  text-align: center;
  padding-top: 40px;
  position: relative;
  width: fit-content;
  margin: auto auto 50px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement h2:before, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement h2:before, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement h2:before {
  content: "";
  display: block;
  background: url("../assets/images/pictos/deco_cadonne.png") no-repeat;
  width: 100px;
  height: 108px;
  background-size: contain;
  position: absolute;
  right: -250px;
  top: -20px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement h2:after, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement h2:after, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement h2:after {
  content: "";
  display: block;
  background: url("../assets/images/traits.png") no-repeat;
  width: 104px;
  height: 2px;
  background-size: contain;
  margin: 20px auto;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement p, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement p, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement p {
  max-width: 700px;
  margin: 20px auto;
  text-align: center;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement p a, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement p a, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement p a {
  color: #A61D5E;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement p a:hover, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement p a:hover, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement p a:hover {
  text-decoration: underline;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement p strong, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement p strong, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement p strong {
  color: black;
  font-weight: normal;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement figure, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement figure, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement figure {
  position: relative;
  z-index: 2;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement figure:first-of-type, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement figure:first-of-type, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement figure:first-of-type {
  margin-bottom: 40px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement figure:last-of-type, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement figure:last-of-type, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement figure:last-of-type {
  position: relative;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement figure:last-of-type:before, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement figure:last-of-type:before, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement figure:last-of-type:before {
  content: "";
  display: block;
  background: url("../assets/images/pictos/pomme.svg") no-repeat;
  width: 76px;
  height: 64px;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 40%;
  margin-left: -500px;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
  opacity: 0.4;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement:before, .rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement:after, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement:before, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement:after, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement:before, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement:before, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement:before, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement:before {
  background-color: white;
  width: 110%;
  height: 100px;
  transform: rotate(-2deg);
  top: -50px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#concretement:after, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#concretement:after, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#concretement:after {
  background-color: white;
  width: 100%;
  height: 140px;
  bottom: 0;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone {
  margin-top: 150px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone > h3, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone > h3, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone > h3 {
  width: fit-content;
  position: relative;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone > h3:before, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone > h3:before, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone > h3:before {
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  background: url("../assets/images/pictos/bilan_carbonne.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -25px;
  left: -90px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p {
  text-align: center;
  max-width: 100%;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p a, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p a, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p a {
  color: #A61D5E;
  text-decoration: underline;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p strong, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p strong, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p strong {
  color: #373E44;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone .wp-block-columns, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone .wp-block-columns, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone .wp-block-columns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 100px;
  margin-bottom: 60px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone .wp-block-columns .wp-block-column, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone .wp-block-columns .wp-block-column, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone .wp-block-columns .wp-block-column {
  position: relative;
  z-index: 2;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone .wp-block-columns .wp-block-column:last-of-type, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone .wp-block-columns .wp-block-column:last-of-type, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone .wp-block-columns .wp-block-column:last-of-type {
  z-index: 1;
  transform: rotate(-3deg);
  width: 265px;
  height: 290px;
  margin: -40px 0 0 -40px;
  background: url("../assets/images/post_it_geste.png") no-repeat;
  background-size: contain;
  padding: 20px 20px 50px 30px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone .wp-block-columns .wp-block-column:last-of-type h3, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone .wp-block-columns .wp-block-column:last-of-type h3, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone .wp-block-columns .wp-block-column:last-of-type h3 {
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
  margin: 0;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p.exercice, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p.exercice, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p.exercice {
  text-transform: uppercase;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p.exercice em, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p.exercice em, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p.exercice em {
  font-style: normal;
  color: #A61D5E;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p:last-of-type em, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p:last-of-type em, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#bilan_carbone p:last-of-type em {
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#colonnes, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#colonnes, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#colonnes {
  margin-top: 100px;
  padding-bottom: 100px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 100px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#colonnes h4, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#colonnes h4, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#colonnes h4 {
  margin-bottom: 20px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#colonnes > div, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#colonnes > div, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#colonnes > div {
  max-width: 380px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#colonnes > div p, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#colonnes > div p, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#colonnes > div p {
  margin: 5px 0 15px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#colonnes > div p strong, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#colonnes > div p strong, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#colonnes > div p strong {
  color: #373E44;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#colonnes > div p em, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#colonnes > div p em, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#colonnes > div p em {
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#colonnes > div .wp-block-button, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#colonnes > div .wp-block-button, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#colonnes > div .wp-block-button {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #C5D301;
  color: white;
  margin: 20px 0;
}
.rubrique_8 .page .contenu .presentation .descriptif_rubrique article#colonnes .colonnes, .rubrique_28 .page .contenu .presentation .descriptif_rubrique article#colonnes .colonnes, .rubrique_47 .page .contenu .presentation .descriptif_rubrique article#colonnes .colonnes {
  display: flex;
  gap: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.rubrique_8 .page, .rubrique_28 .page, .rubrique_47 .page {
  /* section rose avec les engagements qui défilent */
}
.rubrique_8 .page .engagements, .rubrique_28 .page .engagements, .rubrique_47 .page .engagements {
  z-index: 1;
  position: relative;
}
@media (max-width: 880px) {
  .rubrique_8 .page .engagements, .rubrique_28 .page .engagements, .rubrique_47 .page .engagements {
    display: none;
  }
}
.rubrique_8 .page .engagements, .rubrique_28 .page .engagements, .rubrique_47 .page .engagements {
  position: relative;
  margin-top: 80px;
  padding: 90px 10px 200px;
  background: #E4BBCF;
}
.rubrique_8 .page .engagements .wrapper > img, .rubrique_28 .page .engagements .wrapper > img, .rubrique_47 .page .engagements .wrapper > img {
  margin: auto;
  margin-bottom: 100px;
}
.rubrique_8 .page .engagements, .rubrique_28 .page .engagements, .rubrique_47 .page .engagements {
  /* diagonale rose au dessus de la section */
}
.rubrique_8 .page .engagements::before, .rubrique_28 .page .engagements::before, .rubrique_47 .page .engagements::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #E4BBCF;
  transform: skewY(2deg);
  transform-origin: right;
}
.rubrique_8 .page .engagements .carousel_engagements, .rubrique_28 .page .engagements .carousel_engagements, .rubrique_47 .page .engagements .carousel_engagements {
  text-align: center;
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #A61D5E;
  /* phrases individuelles */
}
.rubrique_8 .page .engagements .carousel_engagements .slide_engagement, .rubrique_28 .page .engagements .carousel_engagements .slide_engagement, .rubrique_47 .page .engagements .carousel_engagements .slide_engagement {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-flow: row wrap;
  min-height: 45px;
  margin: 60px auto;
  font-size: 18px;
  line-height: 40px;
  opacity: 0.2;
  transition: all 0.2s ease;
  /* Petits traits violets entre chaque phrase */
}
.rubrique_8 .page .engagements .carousel_engagements .slide_engagement img, .rubrique_28 .page .engagements .carousel_engagements .slide_engagement img, .rubrique_47 .page .engagements .carousel_engagements .slide_engagement img {
  display: none;
}
@media (min-width: 880px) {
  .rubrique_8 .page .engagements .carousel_engagements .slide_engagement, .rubrique_28 .page .engagements .carousel_engagements .slide_engagement, .rubrique_47 .page .engagements .carousel_engagements .slide_engagement {
    margin: 10px auto;
  }
}
.rubrique_8 .page .engagements .carousel_engagements, .rubrique_28 .page .engagements .carousel_engagements, .rubrique_47 .page .engagements .carousel_engagements {
  /* phrase principale */
}
.rubrique_8 .page .engagements .carousel_engagements .slick-current, .rubrique_28 .page .engagements .carousel_engagements .slick-current, .rubrique_47 .page .engagements .carousel_engagements .slick-current {
  position: relative;
  margin: 60px 0;
}
.rubrique_8 .page .engagements .carousel_engagements .slick-current img, .rubrique_28 .page .engagements .carousel_engagements .slick-current img, .rubrique_47 .page .engagements .carousel_engagements .slick-current img {
  display: block;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.rubrique_8 .page .engagements .carousel_engagements .slick-current img:first-of-type, .rubrique_28 .page .engagements .carousel_engagements .slick-current img:first-of-type, .rubrique_47 .page .engagements .carousel_engagements .slick-current img:first-of-type {
  transform: rotate(230deg);
}
.rubrique_8 .page .engagements .carousel_engagements .slick-current img:last-of-type, .rubrique_28 .page .engagements .carousel_engagements .slick-current img:last-of-type, .rubrique_47 .page .engagements .carousel_engagements .slick-current img:last-of-type {
  transform: rotate(50deg);
}
.rubrique_8 .page .engagements .carousel_engagements .slick-current, .rubrique_28 .page .engagements .carousel_engagements .slick-current, .rubrique_47 .page .engagements .carousel_engagements .slick-current {
  font-size: 25px;
  line-height: 31px;
  color: white;
  opacity: 1;
  /* On ne veut pas du trait violet sur cette slide */
}
.rubrique_8 .page .engagements .carousel_engagements .slick-current span, .rubrique_28 .page .engagements .carousel_engagements .slick-current span, .rubrique_47 .page .engagements .carousel_engagements .slick-current span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A61D5E;
}
.rubrique_8 .page .engagements .carousel_engagements .slick-current span strong, .rubrique_28 .page .engagements .carousel_engagements .slick-current span strong, .rubrique_47 .page .engagements .carousel_engagements .slick-current span strong {
  font-size: 66px;
}
@media (min-width: 880px) {
  .rubrique_8 .page .engagements .carousel_engagements .slick-current, .rubrique_28 .page .engagements .carousel_engagements .slick-current, .rubrique_47 .page .engagements .carousel_engagements .slick-current {
    margin: 10px auto;
  }
}
.rubrique_8 .page .engagements .carousel_engagements, .rubrique_28 .page .engagements .carousel_engagements, .rubrique_47 .page .engagements .carousel_engagements {
  /* les boutons de navigation */
}
.rubrique_8 .page .engagements .carousel_engagements .slick-arrow, .rubrique_28 .page .engagements .carousel_engagements .slick-arrow, .rubrique_47 .page .engagements .carousel_engagements .slick-arrow {
  left: 50%;
  margin: 0;
}
.rubrique_8 .page .engagements .carousel_engagements .slick-arrow.precedent, .rubrique_28 .page .engagements .carousel_engagements .slick-arrow.precedent, .rubrique_47 .page .engagements .carousel_engagements .slick-arrow.precedent {
  top: -60px;
  transform: rotate(90deg) translateY(50%);
}
.rubrique_8 .page .engagements .carousel_engagements .slick-arrow.precedent::after, .rubrique_28 .page .engagements .carousel_engagements .slick-arrow.precedent::after, .rubrique_47 .page .engagements .carousel_engagements .slick-arrow.precedent::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  left: auto;
  top: auto;
  bottom: 50%;
  right: -30px;
  width: 20px;
  height: 1px;
  background: #A61D5E;
  opacity: 0.2;
}
.rubrique_8 .page .engagements .carousel_engagements .slick-arrow.suivant, .rubrique_28 .page .engagements .carousel_engagements .slick-arrow.suivant, .rubrique_47 .page .engagements .carousel_engagements .slick-arrow.suivant {
  top: auto;
  bottom: -60px;
  transform: rotate(90deg) translateY(50%);
}
.rubrique_8 .page .engagements .carousel_engagements .slick-arrow.suivant::after, .rubrique_28 .page .engagements .carousel_engagements .slick-arrow.suivant::after, .rubrique_47 .page .engagements .carousel_engagements .slick-arrow.suivant::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  left: -30px;
  top: 50%;
  width: 20px;
  height: 1px;
  background: #A61D5E;
  opacity: 0.2;
}
.rubrique_8 .page .engagements, .rubrique_28 .page .engagements, .rubrique_47 .page .engagements {
  /* La div contenant tous les svg de la section */
}
.rubrique_8 .page .engagements .svg_conteneur > *, .rubrique_28 .page .engagements .svg_conteneur > *, .rubrique_47 .page .engagements .svg_conteneur > * {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.rubrique_8 .page .engagements .svg_conteneur .feuille, .rubrique_28 .page .engagements .svg_conteneur .feuille, .rubrique_47 .page .engagements .svg_conteneur .feuille {
  top: 60px;
  left: 120px;
  background: url(../assets/images/pictos/feuille_violet.svg) no-repeat;
  background-size: contain;
  transform: rotate(-25deg);
}
.rubrique_8 .page .engagements .svg_conteneur .feuille_chene, .rubrique_28 .page .engagements .svg_conteneur .feuille_chene, .rubrique_47 .page .engagements .svg_conteneur .feuille_chene {
  left: auto;
  right: 25%;
  top: 20px;
  opacity: 0.5;
  transform: scaleY(-1) rotate(-75deg);
}
.rubrique_8 .page .engagements .svg_conteneur .champ, .rubrique_28 .page .engagements .svg_conteneur .champ, .rubrique_47 .page .engagements .svg_conteneur .champ {
  bottom: -5px;
  top: auto;
  left: auto;
  right: 3%;
  width: 185px;
  height: 106px;
  background: url(../assets/images/pictos/champ.svg) no-repeat center;
  opacity: 0.5;
}
@media (min-width: 880px) {
  .rubrique_8 .page .engagements .svg_conteneur .champ, .rubrique_28 .page .engagements .svg_conteneur .champ, .rubrique_47 .page .engagements .svg_conteneur .champ {
    right: 3%;
  }
}
.rubrique_8 .page .engagements .svg_conteneur .champ, .rubrique_8 .page .engagements .svg_conteneur .feuille, .rubrique_8 .page .engagements .svg_conteneur .feuille_chene, .rubrique_28 .page .engagements .svg_conteneur .champ, .rubrique_28 .page .engagements .svg_conteneur .feuille, .rubrique_28 .page .engagements .svg_conteneur .feuille_chene, .rubrique_47 .page .engagements .svg_conteneur .champ, .rubrique_47 .page .engagements .svg_conteneur .feuille, .rubrique_47 .page .engagements .svg_conteneur .feuille_chene {
  background-size: contain;
}
.rubrique_8 .page .engagements .svg_conteneur .feuille_chene, .rubrique_28 .page .engagements .svg_conteneur .feuille_chene, .rubrique_47 .page .engagements .svg_conteneur .feuille_chene {
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.rubrique_8 .page #contacts_geste, .rubrique_28 .page #contacts_geste, .rubrique_47 .page #contacts_geste {
  background-color: #A61D5E;
  padding-top: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  flex-wrap: wrap;
}
@media (min-width: 880px) {
  .rubrique_8 .page #contacts_geste a, .rubrique_28 .page #contacts_geste a, .rubrique_47 .page #contacts_geste a {
    margin: -100px -50px 100px;
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 880px) {
  .rubrique_8 .page #contacts_geste a:last-child, .rubrique_28 .page #contacts_geste a:last-child, .rubrique_47 .page #contacts_geste a:last-child {
    margin-left: -90px;
    margin-top: -80px;
  }
}
.rubrique_8 .page, .rubrique_28 .page, .rubrique_47 .page {
  /* Pour recoller le footer à la dernière section de la page */
}
.rubrique_8 .page #prefooter, .rubrique_28 .page #prefooter, .rubrique_47 .page #prefooter {
  display: none;
}
.rubrique_8 .page footer, .rubrique_28 .page footer, .rubrique_47 .page footer {
  margin-top: 0;
}

.rubrique_9 .page .nav_interieure ul li:nth-child(3) a, .rubrique_29 .page .nav_interieure ul li:nth-child(3) a, .rubrique_48 .page .nav_interieure ul li:nth-child(3) a {
  color: #C5D301;
}
.rubrique_9 .page .contenu .presentation h2:after, .rubrique_29 .page .contenu .presentation h2:after, .rubrique_48 .page .contenu .presentation h2:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  background: url("../assets/images/pictos/note.svg") no-repeat;
  background-size: contain;
}
.rubrique_9 .page .contenu .presentation .descriptif_rubrique, .rubrique_29 .page .contenu .presentation .descriptif_rubrique, .rubrique_48 .page .contenu .presentation .descriptif_rubrique {
  max-width: initial;
}
.rubrique_9 .page .contenu .presentation .descriptif_rubrique p, .rubrique_29 .page .contenu .presentation .descriptif_rubrique p, .rubrique_48 .page .contenu .presentation .descriptif_rubrique p {
  max-width: 340px;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur, .rubrique_29 .page .contenu .presentation .carousel_conteneur, .rubrique_48 .page .contenu .presentation .carousel_conteneur {
  margin-top: 0;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur .carousel_histoires, .rubrique_29 .page .contenu .presentation .carousel_conteneur .carousel_histoires, .rubrique_48 .page .contenu .presentation .carousel_conteneur .carousel_histoires {
  max-width: 500px;
  margin-top: 50px;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur .carousel_histoires .picto_histoire, .rubrique_29 .page .contenu .presentation .carousel_conteneur .carousel_histoires .picto_histoire, .rubrique_48 .page .contenu .presentation .carousel_conteneur .carousel_histoires .picto_histoire {
  margin: 20px auto;
  width: 80px;
  height: 80px;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur .carousel_histoires .date_histoire, .rubrique_29 .page .contenu .presentation .carousel_conteneur .carousel_histoires .date_histoire, .rubrique_48 .page .contenu .presentation .carousel_conteneur .carousel_histoires .date_histoire {
  position: relative;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  color: #A61D5E;
  font-size: 35px;
  line-height: 35px;
  margin-bottom: 30px;
  /* point violet sous la date */
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur .carousel_histoires .date_histoire::after, .rubrique_29 .page .contenu .presentation .carousel_conteneur .carousel_histoires .date_histoire::after, .rubrique_48 .page .contenu .presentation .carousel_conteneur .carousel_histoires .date_histoire::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  top: auto;
  bottom: -15px;
  left: 50%;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: #A61D5E;
  transform: translateX(-50%);
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur .carousel_histoires .definition, .rubrique_29 .page .contenu .presentation .carousel_conteneur .carousel_histoires .definition, .rubrique_48 .page .contenu .presentation .carousel_conteneur .carousel_histoires .definition {
  overflow: auto;
  text-align: center;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur .carousel_histoires h3, .rubrique_29 .page .contenu .presentation .carousel_conteneur .carousel_histoires h3, .rubrique_48 .page .contenu .presentation .carousel_conteneur .carousel_histoires h3 {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur .carousel_histoires p, .rubrique_29 .page .contenu .presentation .carousel_conteneur .carousel_histoires p, .rubrique_48 .page .contenu .presentation .carousel_conteneur .carousel_histoires p {
  font-size: 16px;
  line-height: 23px;
  font-size: 16px;
  line-height: 23px;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur, .rubrique_29 .page .contenu .presentation .carousel_conteneur, .rubrique_48 .page .contenu .presentation .carousel_conteneur {
  /* dates clés */
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type {
  margin: auto;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates {
  position: relative;
  margin: 80px auto;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  text-align: center;
  font-size: 90px;
  line-height: 120px;
  /* deco violette après la date en cours */
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates::after, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates::after, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  inset: 50% 0 auto auto;
  margin-top: 20px;
  background: url(../assets/images/pictos/exclamation.svg) no-repeat center;
  background-size: cover;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
  transform: scaleX(-1) rotate(180deg);
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates {
  /* dates non selectionnees */
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-slide, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-slide, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-slide {
  color: rgba(170, 170, 170, 0.5);
  transition: all 0.2s ease;
  opacity: 0.4;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates {
  /* date selectionnée */
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current {
  position: relative;
  font-size: 135px;
  color: #A61D5E;
  opacity: 1;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current::before, .rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current::after, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current::before, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current::after, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current::before, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  left: 50%;
  background: #A61D5E;
  border-radius: 50%;
  transform: translateX(-50%);
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current::before, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current::before, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current::before {
  top: -10px;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current::after, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current::after, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-current::after {
  top: auto;
  bottom: -15px;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates {
  /* on reajuste les boutons */
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-arrow, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-arrow, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-arrow {
  inset: auto auto auto 50%;
  margin: 0;
  transform: translateX(-50%) rotate(90deg);
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-arrow::before, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-arrow::before, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-arrow::before {
  display: block;
  margin-top: -48px;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-arrow.precedent, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-arrow.precedent, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-arrow.precedent {
  top: -60px;
}
.rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-arrow.suivant, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-arrow.suivant, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates .slick-arrow.suivant {
  bottom: -60px;
}
@media (min-width: 880px) {
  .rubrique_9 .page .contenu .presentation .carousel_conteneur, .rubrique_29 .page .contenu .presentation .carousel_conteneur, .rubrique_48 .page .contenu .presentation .carousel_conteneur {
    display: inline-block;
    vertical-align: top;
    max-width: initial;
  }
  .rubrique_9 .page .contenu .presentation .carousel_conteneur .carousel_histoires .picto_histoire, .rubrique_29 .page .contenu .presentation .carousel_conteneur .carousel_histoires .picto_histoire, .rubrique_48 .page .contenu .presentation .carousel_conteneur .carousel_histoires .picto_histoire {
    float: left;
    margin: 20px;
  }
  .rubrique_9 .page .contenu .presentation .carousel_conteneur .carousel_histoires .date_histoire::after, .rubrique_29 .page .contenu .presentation .carousel_conteneur .carousel_histoires .date_histoire::after, .rubrique_48 .page .contenu .presentation .carousel_conteneur .carousel_histoires .date_histoire::after {
    left: 2px;
    transform: none;
  }
  .rubrique_9 .page .contenu .presentation .carousel_conteneur .carousel_histoires .definition, .rubrique_29 .page .contenu .presentation .carousel_conteneur .carousel_histoires .definition, .rubrique_48 .page .contenu .presentation .carousel_conteneur .carousel_histoires .definition {
    text-align: left;
  }
  .rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type {
    max-width: 220px;
    margin: -90px 0 0 70px;
    /* deco violette */
  }
  .rubrique_9 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates::after, .rubrique_29 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates::after, .rubrique_48 .page .contenu .presentation .carousel_conteneur:last-of-type .carousel_dates::after {
    right: -30px;
  }
}
.rubrique_9 .page, .rubrique_29 .page, .rubrique_48 .page {
  /* carte de france */
}
.rubrique_9 .page .carte, .rubrique_29 .page .carte, .rubrique_48 .page .carte {
  position: relative;
  height: 410px;
  background: url(../assets/images/backgrounds/map.png) no-repeat top;
  background-size: 700px;
  /* Top départ */
}
.rubrique_9 .page .carte .top_depart, .rubrique_29 .page .carte .top_depart, .rubrique_48 .page .carte .top_depart {
  position: absolute;
  top: 0;
  left: 0;
  top: 50%;
  left: 50%;
  max-width: 300px;
  margin-top: -50px;
  color: #A61D5E;
  font-size: 28px;
  line-height: 36px;
}
.rubrique_9 .page .carte .top_depart span, .rubrique_29 .page .carte .top_depart span, .rubrique_48 .page .carte .top_depart span {
  font-family: "besom_2regular";
  letter-spacing: 1px;
  color: #C5D301;
  font-size: 35px;
}
.rubrique_9 .page .carte .top_depart strong, .rubrique_29 .page .carte .top_depart strong, .rubrique_48 .page .carte .top_depart strong {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.rubrique_9 .page .carte .top_depart b, .rubrique_29 .page .carte .top_depart b, .rubrique_48 .page .carte .top_depart b {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #C5D301;
  font-size: 35px;
}
.rubrique_9 .page .carte .top_depart::after, .rubrique_29 .page .carte .top_depart::after, .rubrique_48 .page .carte .top_depart::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  inset: auto auto -70px -60px;
  width: 100px;
  height: 70px;
  background: url(../assets/images/pictos/fleche.svg) no-repeat center;
  background-size: contain;
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
@media (min-width: 880px) {
  .rubrique_9 .page .carte, .rubrique_29 .page .carte, .rubrique_48 .page .carte {
    margin-top: -150px;
  }
}
.rubrique_9 .page footer, .rubrique_29 .page footer, .rubrique_48 .page footer {
  margin-top: 0;
}

.rubrique_10 .nav_interieure ul li:nth-child(4) a, .rubrique_30 .nav_interieure ul li:nth-child(4) a, .rubrique_49 .nav_interieure ul li:nth-child(4) a {
  color: #C5D301;
}
.rubrique_10 section.photoshoot, .rubrique_30 section.photoshoot, .rubrique_49 section.photoshoot {
  padding: 50px 0 0;
  margin-top: 100px;
  /* Carousel photomontage */
}
.rubrique_10 section.photoshoot .slider_equipe, .rubrique_30 section.photoshoot .slider_equipe, .rubrique_49 section.photoshoot .slider_equipe {
  /* Les flèches */
}
.rubrique_10 section.photoshoot .slider_equipe .slick-arrow, .rubrique_30 section.photoshoot .slider_equipe .slick-arrow, .rubrique_49 section.photoshoot .slider_equipe .slick-arrow {
  top: -50px;
  margin: -25px;
}
.rubrique_10 section.photoshoot .slider_equipe .slick-arrow.precedent, .rubrique_30 section.photoshoot .slider_equipe .slick-arrow.precedent, .rubrique_49 section.photoshoot .slider_equipe .slick-arrow.precedent {
  left: 50%;
  transform: translateX(-50%);
}
.rubrique_10 section.photoshoot .slider_equipe .slick-arrow.suivant, .rubrique_30 section.photoshoot .slider_equipe .slick-arrow.suivant, .rubrique_49 section.photoshoot .slider_equipe .slick-arrow.suivant {
  right: 50%;
  transform: translateX(50%);
}
.rubrique_10 section.photoshoot .citation, .rubrique_30 section.photoshoot .citation, .rubrique_49 section.photoshoot .citation {
  position: relative;
  width: max-content;
  margin: auto;
  padding-top: 100px;
  color: #A61D5E;
  text-align: center;
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
}
.rubrique_10 section.photoshoot .citation blockquote, .rubrique_30 section.photoshoot .citation blockquote, .rubrique_49 section.photoshoot .citation blockquote {
  margin-bottom: 40px;
}
.rubrique_10 section.photoshoot .citation, .rubrique_30 section.photoshoot .citation, .rubrique_49 section.photoshoot .citation {
  /* Guillemets en arrière plan */
}
.rubrique_10 section.photoshoot .citation::before, .rubrique_10 section.photoshoot .citation::after, .rubrique_30 section.photoshoot .citation::before, .rubrique_30 section.photoshoot .citation::after, .rubrique_49 section.photoshoot .citation::before, .rubrique_49 section.photoshoot .citation::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  top: 70px;
  width: 150px;
  height: 130px;
  background: url(../assets/images/pictos/guillemet_violet.svg) no-repeat center;
  background-size: cover;
}
.rubrique_10 section.photoshoot .citation::before, .rubrique_30 section.photoshoot .citation::before, .rubrique_49 section.photoshoot .citation::before {
  left: -150px;
}
.rubrique_10 section.photoshoot .citation::after, .rubrique_30 section.photoshoot .citation::after, .rubrique_49 section.photoshoot .citation::after {
  left: auto;
  right: -150px;
  transform: scaleX(-1);
}

/* Qualité */
.rubrique_11 .page, .rubrique_21 .page, .rubrique_50 .page {
  /* Page actuelle de couleur verte dans le menu de navigation en haut de la page */
}
.rubrique_11 .page .nav_interieure ul li:nth-child(5) a, .rubrique_21 .page .nav_interieure ul li:nth-child(5) a, .rubrique_50 .page .nav_interieure ul li:nth-child(5) a {
  color: #C5D301;
}

/* Nos usines partenaires */
.rubrique_12 .page, .rubrique_32 .page, .rubrique_51 .page {
  /* Page actuelle de couleur verte dans le menu de navigation en haut de la page */
}
.rubrique_12 .page .nav_interieure ul li:nth-child(6) a, .rubrique_32 .page .nav_interieure ul li:nth-child(6) a, .rubrique_51 .page .nav_interieure ul li:nth-child(6) a {
  color: #C5D301;
}
.rubrique_12 .page .wrapper, .rubrique_32 .page .wrapper, .rubrique_51 .page .wrapper {
  position: relative;
}
.rubrique_12 .page .wrapper h2, .rubrique_32 .page .wrapper h2, .rubrique_51 .page .wrapper h2 {
  max-width: 500px;
}
.rubrique_12 .page .wrapper, .rubrique_32 .page .wrapper, .rubrique_51 .page .wrapper {
  /* Les pictos tout autour */
}
.rubrique_12 .page .wrapper .svg_conteneur, .rubrique_32 .page .wrapper .svg_conteneur, .rubrique_51 .page .wrapper .svg_conteneur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rubrique_12 .page .wrapper .svg_conteneur .feuille_chene_gauche, .rubrique_32 .page .wrapper .svg_conteneur .feuille_chene_gauche, .rubrique_51 .page .wrapper .svg_conteneur .feuille_chene_gauche {
  position: absolute;
  top: 0;
  left: 0;
  top: auto;
  bottom: -50px;
  left: 60px;
  width: 50px;
  height: 50px;
  background: url(../assets/images/pictos/feuille_chene.svg) no-repeat center;
  filter: invert(79%) sepia(24%) saturate(320%) hue-rotate(284deg) brightness(103%) contrast(79%);
}
.rubrique_12 .page .wrapper .svg_conteneur .bulle, .rubrique_32 .page .wrapper .svg_conteneur .bulle, .rubrique_51 .page .wrapper .svg_conteneur .bulle {
  position: absolute;
  top: 0;
  left: 0;
  top: 50%;
  left: 50%;
  margin: 140px 0 0 -370px;
}
.rubrique_12 .page .wrapper .svg_conteneur, .rubrique_32 .page .wrapper .svg_conteneur, .rubrique_51 .page .wrapper .svg_conteneur {
  /* groupe situé à droite du carousel */
}
.rubrique_12 .page .wrapper .svg_conteneur .svg_droite, .rubrique_32 .page .wrapper .svg_conteneur .svg_droite, .rubrique_51 .page .wrapper .svg_conteneur .svg_droite {
  position: relative;
  margin: 160px 0 0 940px;
}
.rubrique_12 .page .wrapper .svg_conteneur .svg_droite > *, .rubrique_32 .page .wrapper .svg_conteneur .svg_droite > *, .rubrique_51 .page .wrapper .svg_conteneur .svg_droite > * {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  filter: invert(79%) sepia(24%) saturate(320%) hue-rotate(284deg) brightness(103%) contrast(79%);
}
.rubrique_12 .page .wrapper .svg_conteneur .svg_droite .lime, .rubrique_32 .page .wrapper .svg_conteneur .svg_droite .lime, .rubrique_51 .page .wrapper .svg_conteneur .svg_droite .lime {
  top: -80px;
}
.rubrique_12 .page .wrapper .svg_conteneur .svg_droite .oignon, .rubrique_32 .page .wrapper .svg_conteneur .svg_droite .oignon, .rubrique_51 .page .wrapper .svg_conteneur .svg_droite .oignon {
  top: 255px;
  left: 40px;
}
.rubrique_12 .page .wrapper .svg_conteneur .svg_droite .feuille_chene, .rubrique_32 .page .wrapper .svg_conteneur .svg_droite .feuille_chene, .rubrique_51 .page .wrapper .svg_conteneur .svg_droite .feuille_chene {
  top: 310px;
}

/* Recrutement */
.rubrique_13 .page {
  /* Page actuelle de couleur verte dans le menu de navigation en haut de la page */
}
.rubrique_13 .page .nav_interieure ul li:last-child a {
  color: #C5D301;
}
.rubrique_13 .page .contenu .presentation {
  /* Le premier bloc de page */
}
.rubrique_13 .page .contenu .presentation .descriptif_rubrique h2 {
  max-width: 375px;
}
.rubrique_13 .page .contenu .presentation .descriptif_rubrique article ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  list-style: none;
}
.rubrique_13 .page .contenu .presentation .descriptif_rubrique article ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: 4px;
  width: 13px;
  height: 13px;
  background: url(../../images/pictos/puce.svg) no-repeat;
  background-size: contain;
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
.rubrique_13 .page .contenu .presentation .descriptif_rubrique {
  /* La flèche violette */
}
.rubrique_13 .page .contenu .presentation .descriptif_rubrique::after {
  display: none !important;
}
.rubrique_13 .page .contenu .presentation {
  /* La moitié carousel, le scotch n'apparaît pas pour une raison inconnue, je le remets manuellement ici */
}
.rubrique_13 .page .contenu .presentation .carousel_conteneur .polaroid:nth-child(odd)::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  top: -60px;
  left: 220px;
  width: 130px;
  height: 130px;
  transform: rotate(-20deg);
  background: url(../assets/images/pictos/scotch.svg) no-repeat center;
  background-size: 130%;
}
.rubrique_13 .page .contenu .presentation {
  /* Le bloc des offres d'emploi */
}
.rubrique_13 .page .contenu .presentation .offres {
  margin-top: 120px;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper {
  /* Toutes les offres */
}
.rubrique_13 .page .contenu .presentation .offres .wrapper h2 {
  margin-bottom: 50px;
  color: #373E44;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 52px;
  line-height: 55px;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper {
  /* Le style des cartes d'offre est dans css/composants/cartes.less */
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  min-height: 290px;
  margin: 0 20px 20px 0;
  padding: 15px 15px 0 15px;
  text-align: center;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li .content {
  min-height: 200px;
  padding: 20px;
  background: white;
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
  text-align: left;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li .content .date {
  font-size: 11px;
  line-height: 11px;
  font-style: italic;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li .content .poste {
  margin-top: 15px;
  text-transform: uppercase;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li .content .contrat {
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  /* Le petit trait qui sépare le contrat de la ville */
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li .content .contrat::after {
  content: "";
  display: block;
  margin: 8px 0 18px;
  width: 15px;
  height: 2px;
  background: #373E44;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li .content .ville {
  position: relative;
  padding-left: 25px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 15px;
  /* Le pin avant le nom de la ville */
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li .content .ville::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 23px;
  background: url(../../images/pictos/pin.svg) no-repeat center;
  background-size: contain;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li a {
  margin: 20px auto;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_rose {
  background: #E4BBCF;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_rose .poste, .rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_rose .ville {
  color: #A61D5E;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_rose .content .contrat::after {
  background: #A61D5E;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_rose .ville::before {
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_rose a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #A61D5E;
  color: white;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_rose a:hover {
  background: white;
  color: #A61D5E;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_verte {
  background: #f0f2cf;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_verte .poste, .rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_verte .ville {
  color: #C5D301;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_verte .contrat::after {
  background: #C5D301;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_verte .ville::before {
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_verte a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #C5D301;
  color: white;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_verte a:hover {
  background: white;
  color: #C5D301;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_orange {
  background: #EDCE9E;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_orange .poste, .rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_orange .ville {
  color: #EC9E29;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_orange .contrat::after {
  background: #EC9E29;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_orange .ville::before {
  filter: invert(64%) sepia(48%) saturate(677%) hue-rotate(355deg) brightness(94%) contrast(97%);
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_orange a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #EC9E29;
  color: white;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li.offre_orange a:hover {
  background: white;
  color: #EC9E29;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li {
  background: #E4BBCF;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li .poste, .rubrique_13 .page .contenu .presentation .offres .wrapper ul li .ville {
  color: #A61D5E;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li .content .contrat::after {
  background: #A61D5E;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li .ville::before {
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #A61D5E;
  color: white;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li a:hover {
  background: white;
  color: #A61D5E;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n-1) {
  background: #f0f2cf;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n-1) .poste, .rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n-1) .ville {
  color: #C5D301;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n-1) .contrat::after {
  background: #C5D301;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n-1) .ville::before {
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n-1) a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #C5D301;
  color: white;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n-1) a:hover {
  background: white;
  color: #C5D301;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n) {
  background: #EDCE9E;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n) .poste, .rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n) .ville {
  color: #EC9E29;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n) .contrat::after {
  background: #EC9E29;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n) .ville::before {
  filter: invert(64%) sepia(48%) saturate(677%) hue-rotate(355deg) brightness(94%) contrast(97%);
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n) a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #EC9E29;
  color: white;
}
.rubrique_13 .page .contenu .presentation .offres .wrapper ul li:nth-child(3n) a:hover {
  background: white;
  color: #EC9E29;
}
.rubrique_13 .page {
  /* Section contact */
}
.rubrique_13 .page .contact {
  padding: 0;
}
.rubrique_13 .page .contact strong {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.rubrique_13 .page .contact {
  /* La colonne Aucune offre ne correspond à votre recherche ? */
}
.rubrique_13 .page .contact .candidature {
  position: relative;
  margin-top: 50px;
  padding: 70px 0 100px;
  background: #E4BBCF;
  color: #A61D5E;
  text-align: center;
}
.rubrique_13 .page .contact .candidature .wrapper {
  position: relative;
  z-index: 1;
  width: 90%;
  max-width: 570px;
  /* Aucune offre ne correspond à votre recherche ? */
}
.rubrique_13 .page .contact .candidature .wrapper h2 {
  max-width: 550px;
  margin: 0 auto 30px;
  color: #fff;
}
.rubrique_13 .page .contact .candidature .wrapper h2 strong {
  font-size: 30px;
  line-height: 42px;
  text-transform: uppercase;
}
.rubrique_13 .page .contact .candidature .wrapper p {
  position: relative;
  font-size: 1.3rem;
  line-height: 1.3;
  /* Faîtes nous parvenir votre candidature spontanée ! */
}
.rubrique_13 .page .contact .candidature .wrapper p strong {
  display: block;
  margin-bottom: 30px;
}
.rubrique_13 .page .contact .candidature .wrapper p {
  /* Les pictos de la colonne */
}
.rubrique_13 .page .contact .candidature .wrapper p::before, .rubrique_13 .page .contact .candidature .wrapper p::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 100px;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(29deg) brightness(106%) contrast(106%);
}
.rubrique_13 .page .contact .candidature .wrapper p {
  /* L'avion en papier */
}
.rubrique_13 .page .contact .candidature .wrapper p::before {
  background: url(../assets/images/pictos/plane.svg) no-repeat;
  left: -20px;
  top: 90px;
}
.rubrique_13 .page .contact .candidature .wrapper p {
  /* L'ampoule */
}
.rubrique_13 .page .contact .candidature .wrapper p::after {
  background: url(../assets/images/pictos/ampoule.svg) no-repeat;
  left: 300px;
  top: -180px;
  transform: scaleX(-1);
}
.rubrique_13 .page .contact .candidature {
  /* La diagonale violette */
}
.rubrique_13 .page .contact .candidature::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background: inherit;
  transform: skewY(-4deg);
  transform-origin: left;
}
@media (min-width: 1130px) {
  .rubrique_13 .page .contact .candidature {
    display: flex;
    margin-top: 3.5%;
  }
  .rubrique_13 .page .contact .candidature .wrapper {
    margin: auto;
    justify-content: center;
  }
}
.rubrique_13 .page .contact {
  /* Section formulaire de contact */
}
.rubrique_13 .page .contact .form_contact {
  padding-top: 30px;
  position: relative;
  z-index: 1;
  margin: -15px 0 0;
  background: #A61D5E;
  color: #fff;
  text-align: center;
}
.rubrique_13 .page .contact .form_contact .wrapper {
  position: relative;
  width: 90%;
  max-width: 520px;
  /* Soit en nous ecrivant... */
}
.rubrique_13 .page .contact .form_contact .wrapper p {
  position: relative;
  margin-bottom: 50px;
  font-size: 25px;
  line-height: 32px;
  /* La flèche */
}
.rubrique_13 .page .contact .form_contact .wrapper p::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  top: 54px;
  right: 22px;
  left: auto;
  width: 90px;
  height: 90px;
  transform: rotate(-65deg);
  background: url(../assets/images/pictos/fleche.svg) no-repeat;
  background-size: contain;
  filter: brightness(100%);
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(29deg) brightness(106%) contrast(106%);
}
.rubrique_13 .page .contact .form_contact .wrapper {
  /* Écrivez-nous ! */
}
.rubrique_13 .page .contact .form_contact .wrapper h2 {
  position: relative;
  margin: 0 auto 25px;
  color: #fff;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 55px;
  line-height: 69px;
}
.rubrique_13 .page .contact .form_contact .wrapper h2::before, .rubrique_13 .page .contact .form_contact .wrapper h2::after {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.rubrique_13 .page .contact .form_contact .wrapper h2 {
  /* Texte "la parole est à vous" */
}
.rubrique_13 .page .contact .form_contact .wrapper h2::before {
  content: "";
  top: -50px;
  left: -200px;
  width: 240px;
  height: 170px;
  background: url(../assets/images/pictos/dites_nous_tout.svg) no-repeat;
}
.rubrique_13 .page .contact .form_contact .wrapper h2 {
  /* Bulle blanche */
}
.rubrique_13 .page .contact .form_contact .wrapper {
  /* Le formulaire de contact */
}
.rubrique_13 .page .contact .form_contact .wrapper .form {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  color: #373E44;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
  /* Le formulaire de contact */
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form {
  height: initial;
  margin-top: 10px;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form legend, .rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form label {
  display: none;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe {
  /* Les champs de formulaire */
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe .editer {
  height: 41px;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe .editer input {
  height: 100%;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe .editer input, .rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe .editer textarea {
  display: block;
  border-radius: 0;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe .editer input:focus, .rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe .editer textarea:focus {
  border: 1px solid #A61D5E;
  color: #373E44;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe .editer.saisie_textarea, .rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe .editer.saisie_case {
  height: initial;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe {
  /* La checkbox + le champ pour le fichier */
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer {
  width: 100%;
  color: #fff;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-style: normal;
  /* La checkbox */
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer.editer_case_1 {
  margin-top: 4px;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer.editer_case_1 .choix {
  display: flex;
  align-items: flex-start;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer.editer_case_1 .choix .checkbox {
  height: 13px;
  margin: 4px 8px 0 0;
  cursor: pointer;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer.editer_case_1 .choix {
  /* J’autorise VEGETAL SOLUTIONS à utiliser mes données dans le but de recevoir des informations en relation avec ma demande et en accord avec notre Politique de Confidentialité. */
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer.editer_case_1 .choix span {
  line-height: 18px;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe {
  /* L'ajout de la pièce jointe */
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer_fichiers_1 {
  margin-bottom: 15px;
  background: #fff;
  color: #373E44;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer_fichiers_1 .choix {
  position: relative;
  height: 100%;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer_fichiers_1 .choix input[type=file] {
  opacity: 0;
  display: block;
  width: 100%;
  cursor: pointer;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer_fichiers_1 .choix {
  /* Undefined (je ne sais pas ce que c'est pour l'instant) */
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer_fichiers_1 .choix span {
  display: none;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer_fichiers_1 .choix {
  /* Insérer une ou plusieurs jointes */
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer_fichiers_1 .choix::before {
  content: "Insérer une ou plusieurs jointes";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  padding: 11px 15px 0;
  font-size: 16px;
  line-height: 23px;
  color: #aeb0b3;
  top: 0px;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer_fichiers_1 .choix {
  /* Le picto du dossier */
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .editer-groupe fieldset.editer_fichiers_1 .choix::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 10px;
  top: 10px;
  left: auto;
  width: 20px;
  height: 20px;
  background: url(../assets/images/pictos/folder.svg) no-repeat;
  background-size: contain;
  background-position: center;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .boutons {
  margin-top: 15px;
  /* Le bouton envoyer */
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .boutons .submit {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  margin: 15px;
  background: white;
  color: #373E44;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .boutons .submit:hover {
  background: #373E44;
  color: white;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .boutons .submit {
  border: 1px solid #fff;
  color: #A61D5E;
  line-height: 1.7;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .boutons .submit:hover {
  background: #A61D5E;
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .boutons {
  /* ? */
}
.rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .boutons::before {
  display: none;
}
.rubrique_13 .page .contact .form_contact {
  /* La diagonal violette au-dessus de la section */
}
.rubrique_13 .page .contact .form_contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  transform: skewY(4deg);
  transform-origin: right;
  background: inherit;
}
@media (min-width: 600px) {
  .rubrique_13 .page .contact .form_contact .wrapper {
    /* La flèche */
  }
  .rubrique_13 .page .contact .form_contact .wrapper p::before {
    display: block;
  }
  .rubrique_13 .page .contact .form_contact .wrapper h2 {
    /* On affiche la bulle blanche + le texte dîtes-nous tout... */
  }
  .rubrique_13 .page .contact .form_contact .wrapper h2::before, .rubrique_13 .page .contact .form_contact .wrapper h2::after {
    display: block;
  }
  .rubrique_13 .page .contact .form_contact .wrapper .editer-groupe {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .rubrique_13 .page .contact .form_contact .wrapper .editer-groupe .editer {
    width: 100%;
  }
  .rubrique_13 .page .contact .form_contact .wrapper .editer-groupe .editer.editer_input_1 {
    width: 48%;
  }
  .rubrique_13 .page .contact .form_contact .wrapper .editer-groupe .editer.editer_input_2 {
    width: 47%;
  }
  .rubrique_13 .page .contact .form_contact .wrapper .editer-groupe .editer.editer_input_1, .rubrique_13 .page .contact .form_contact .wrapper .editer-groupe .editer.editer_input_3 {
    margin-left: 0;
  }
  .rubrique_13 .page .contact .form_contact .wrapper .editer-groupe .editer.editer_input_2, .rubrique_13 .page .contact .form_contact .wrapper .editer-groupe .editer.editer_email_1 {
    margin-right: 0;
  }
  .rubrique_13 .page .contact .form_contact .wrapper .editer-groupe .editer.editer_input_3 {
    width: 30%;
  }
  .rubrique_13 .page .contact .form_contact .wrapper .editer-groupe .editer.editer_email_1 {
    width: 65%;
  }
  .rubrique_13 .page .contact .form_contact .wrapper .editer-groupe .editer.saisie_textarea {
    height: initial;
  }
}
@media (min-width: 1130px) {
  .rubrique_13 .page .contact .form_contact {
    margin-top: 0;
  }
  .rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .boutons {
    text-align: right;
  }
  .rubrique_13 .page .contact .form_contact .wrapper .form .formulaire_spip form .boutons .submit {
    margin-right: 0;
  }
  .rubrique_13 .page .contact .form_contact::before {
    transform: skewY(-4deg);
    transform-origin: left;
  }
}
@media (min-width: 1300px) {
  .rubrique_13 .page .contact .form_contact .wrapper {
    width: 80%;
    justify-content: center;
  }
  .rubrique_13 .page .contact .form_contact .wrapper h1 {
    margin-top: 75px;
  }
}
@media (min-width: 1130px) {
  .rubrique_13 .page .contact {
    display: flex;
    margin-top: 170px;
  }
  .rubrique_13 .page .contact .candidature, .rubrique_13 .page .contact .form_contact {
    width: 50%;
  }
}
.rubrique_13 .page footer {
  margin-top: 0;
}

/* Page de recrutement individuelle */
.rubrique_13.page_article .page {
  /* Le post-it infos supplémentaires situés à droite de l'écran (commun aux sections contenu et profil) */
}
.rubrique_13.page_article .page .infos {
  position: relative;
  max-width: 285px;
  min-height: 330px;
  margin-top: 30px;
  padding: 30px 10px 40px 55px;
  background: url(../assets/images/pictos/infos.svg) no-repeat;
  background-size: 305px;
  color: #A61D5E;
}
.rubrique_13.page_article .page .infos h3 {
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 30px;
  line-height: 36px;
}
.rubrique_13.page_article .page .infos br {
  display: block !important;
}
.rubrique_13.page_article .page .infos p {
  margin: 3px 0;
}
.rubrique_13.page_article .page .infos strong {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.rubrique_13.page_article .page .infos {
  /* Le picto du scotch */
}
.rubrique_13.page_article .page .infos::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: -45px;
  left: 100px;
  width: 135px;
  height: 112px;
  background: url(../assets/images/pictos/scotch_rose.svg) no-repeat;
}
@media (min-width: 1130px) {
  .rubrique_13.page_article .page .infos {
    position: absolute;
    top: 40px;
    right: -300px;
  }
}
.rubrique_13.page_article .page {
  /* Le bloc descriptif du poste et des missions */
}
.rubrique_13.page_article .page .contenu {
  margin-bottom: 50px;
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique {
  max-width: 700px;
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique .infos p, .rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique .infos li {
  line-height: 18px;
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique article {
  /* La date de l'annonce */
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique article .date {
  display: block;
  margin-bottom: 5px;
  font-style: italic;
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique article {
  /* Les gros titres de l'annocne */
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique article h1, .rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique article h2 {
  margin-bottom: 20px;
  color: #A61D5E;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 35px;
  line-height: 41px;
  text-transform: uppercase;
  text-align: left;
  text-align: left;
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique article h2 {
  font-size: 25px;
  line-height: 31px;
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique article h2 {
  margin-top: 30px;
  max-width: 700px;
  cursor: pointer;
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique article h2:hover {
  color: #C5D301;
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique article p {
  max-width: 700px;
  font-size: 17px;
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique article ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  list-style: none;
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique article ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: 4px;
  width: 13px;
  height: 13px;
  background: url(../../images/pictos/puce.svg) no-repeat;
  background-size: contain;
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique {
  /* La flèche violette */
}
.rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique::before {
  display: none;
}
@media (min-width: 600px) {
  .rubrique_13.page_article .page .contenu .wrapper .presentation .descriptif_rubrique #titre .trois_couleurs {
    margin-bottom: 50px;
  }
}
.rubrique_13.page_article .page {
  /* Le bloc rose décrivant le profil idéal du candidat */
}
.rubrique_13.page_article .page .profil {
  position: relative;
  padding: 5px 15px 50px;
  background: #E4BBCF;
  color: #A61D5E;
}
.rubrique_13.page_article .page .profil .wrapper {
  position: relative;
  z-index: 1;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique .profil {
  padding: 0;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique {
  position: relative;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique h2 {
  margin-bottom: 20px;
  color: #A61D5E;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 35px;
  line-height: 41px;
  text-transform: uppercase;
  text-align: left;
  text-align: left;
  font-size: 25px;
  line-height: 31px;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique h2 {
  margin-top: 30px;
  max-width: 700px;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique h3 {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 25px;
  line-height: 31px;
  margin-top: 30px;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique h3 a {
  color: white;
  border-bottom: 2px solid #A61D5E;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique h3 a:hover {
  color: #A61D5E;
}
@media (max-width: 1130px) {
  .rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique h3 br {
    display: none;
  }
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique {
  max-width: 700px;
  margin: auto;
  padding-top: 100px;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique p {
  font-size: 17px;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique div {
  position: relative;
  z-index: 10;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique {
  /* Le picto profil */
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique::before {
  content: "Profil";
  position: absolute;
  top: 0;
  left: 0;
  left: 50%;
  display: block;
  width: 59px;
  padding-top: 60px;
  padding-left: 5px;
  transform: translateX(-50%);
  background: url(../assets/images/pictos/resume.svg) no-repeat center 0;
  background-size: contain;
  color: #fff;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 19px;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique .infos ul li {
  margin: 0;
  padding: 0;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique .infos ul li strong {
  margin: 10px 0 0 0;
}
.rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique .infos ul li:before {
  display: none;
}
.rubrique_13.page_article .page .profil {
  /* Les diagonales roses en haut et en bas de la section */
}
.rubrique_13.page_article .page .profil::before, .rubrique_13.page_article .page .profil::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
}
.rubrique_13.page_article .page .profil {
  /* La diagonale du haut */
}
.rubrique_13.page_article .page .profil::before {
  transform: skewY(-2deg);
  transform-origin: left;
}
.rubrique_13.page_article .page .profil {
  /* La diagonale du bas */
}
.rubrique_13.page_article .page .profil::after {
  transform: skewY(2deg);
  transform-origin: left;
}
@media (min-width: 1130px) {
  .rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique {
    padding-top: 0;
    /* Le picto profil */
  }
  .rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique::before {
    top: 4px;
    left: -80px;
    transform: initial;
  }
  .rubrique_13.page_article .page .profil .wrapper {
    /* Le post-it infos supplémentaires situés à droite de l'écran (commun aux sections contenu et profil) */
  }
  .rubrique_13.page_article .page .profil .wrapper .infos {
    top: -190px;
  }
}
@media (min-width: 1200px) {
  .rubrique_13.page_article .page .profil .wrapper .presentation {
    margin-left: 300px;
  }
  .rubrique_13.page_article .page .profil .wrapper .presentation .descriptif_rubrique {
    margin-left: 0;
  }
}
.rubrique_13.page_article .page {
  /* Section contact */
}
.rubrique_13.page_article .page .contact {
  /* La colonne du formulaire + la colonne "intéressé par cette offre ?" */
}
.rubrique_13.page_article .page .contact .form_contact::before, .rubrique_13.page_article .page .contact .candidature::before {
  transform: skewY(2deg);
  transform-origin: right;
}
.rubrique_13.page_article .page .contact {
  /* La colonne du formulaire */
}
.rubrique_13.page_article .page .contact .form_contact h2::before {
  display: none;
}
.rubrique_13.page_article .page .contact .form_contact p.obligatoire {
  display: none;
}
.rubrique_13.page_article .page .contact {
  /* La colonne "intéressé par cette offre ?" */
}
.rubrique_13.page_article .page .contact .candidature {
  background: white;
}
.rubrique_13.page_article .page .contact .candidature h2 {
  color: #A61D5E;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 27px;
  text-transform: uppercase;
}
.rubrique_13.page_article .page .contact .candidature p {
  color: #555555;
  /* La flèche violette */
}
.rubrique_13.page_article .page .contact .candidature p:last-child::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  top: 50px;
  left: 50%;
  width: 100px;
  height: 80px;
  margin-left: -160px;
  transform: translateX(-50%) rotate(20deg);
  background: url(../assets/images/pictos/fleche.svg) no-repeat;
  background-size: contain;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
@media (min-width: 600px) {
  .rubrique_13.page_article .page .contact {
    /* La colonne "intéressé par cette offre ?" */
  }
  .rubrique_13.page_article .page .contact .candidature {
    /* La flèche violette */
  }
  .rubrique_13.page_article .page .contact .candidature p:last-child::before {
    display: block;
  }
}
@media (min-width: 1130px) {
  .rubrique_13.page_article .page .contact {
    margin-top: 1.7%;
  }
}

.secteur_4:not(.produits) h1,
.rubrique_34:not(.produits) h1,
.rubrique_35:not(.produits) h1,
.rubrique_36:not(.produits) h1,
.rubrique_37:not(.produits) h1,
.rubrique_38:not(.produits) h1,
.rubrique_39:not(.produits) h1,
.rubrique_53:not(.produits) h1,
.rubrique_54:not(.produits) h1,
.rubrique_55:not(.produits) h1,
.rubrique_56:not(.produits) h1,
.rubrique_57:not(.produits) h1,
.rubrique_58:not(.produits) h1 {
  display: none;
}

.secteur_4 .page,
.rubrique_34 .page,
.rubrique_35 .page,
.rubrique_36 .page,
.rubrique_37 .page,
.rubrique_38 .page,
.rubrique_39 .page,
.rubrique_53 .page,
.rubrique_54 .page,
.rubrique_55 .page,
.rubrique_56 .page,
.rubrique_57 .page,
.rubrique_58 .page {
  overflow: hidden;
  /* La bannière orange */
}
.secteur_4 .page .banniere,
.rubrique_34 .page .banniere,
.rubrique_35 .page .banniere,
.rubrique_36 .page .banniere,
.rubrique_37 .page .banniere,
.rubrique_38 .page .banniere,
.rubrique_39 .page .banniere,
.rubrique_53 .page .banniere,
.rubrique_54 .page .banniere,
.rubrique_55 .page .banniere,
.rubrique_56 .page .banniere,
.rubrique_57 .page .banniere,
.rubrique_58 .page .banniere {
  /* Le picto des fruits */
}
.secteur_4 .page .banniere .wrapper span::after,
.rubrique_34 .page .banniere .wrapper span::after,
.rubrique_35 .page .banniere .wrapper span::after,
.rubrique_36 .page .banniere .wrapper span::after,
.rubrique_37 .page .banniere .wrapper span::after,
.rubrique_38 .page .banniere .wrapper span::after,
.rubrique_39 .page .banniere .wrapper span::after,
.rubrique_53 .page .banniere .wrapper span::after,
.rubrique_54 .page .banniere .wrapper span::after,
.rubrique_55 .page .banniere .wrapper span::after,
.rubrique_56 .page .banniere .wrapper span::after,
.rubrique_57 .page .banniere .wrapper span::after,
.rubrique_58 .page .banniere .wrapper span::after {
  left: 215px;
}
@media (min-width: 600px) {
  .secteur_4 .page .banniere,
  .rubrique_34 .page .banniere,
  .rubrique_35 .page .banniere,
  .rubrique_36 .page .banniere,
  .rubrique_37 .page .banniere,
  .rubrique_38 .page .banniere,
  .rubrique_39 .page .banniere,
  .rubrique_53 .page .banniere,
  .rubrique_54 .page .banniere,
  .rubrique_55 .page .banniere,
  .rubrique_56 .page .banniere,
  .rubrique_57 .page .banniere,
  .rubrique_58 .page .banniere {
    /* Le picto des fruits */
  }
  .secteur_4 .page .banniere .wrapper span::after,
  .rubrique_34 .page .banniere .wrapper span::after,
  .rubrique_35 .page .banniere .wrapper span::after,
  .rubrique_36 .page .banniere .wrapper span::after,
  .rubrique_37 .page .banniere .wrapper span::after,
  .rubrique_38 .page .banniere .wrapper span::after,
  .rubrique_39 .page .banniere .wrapper span::after,
  .rubrique_53 .page .banniere .wrapper span::after,
  .rubrique_54 .page .banniere .wrapper span::after,
  .rubrique_55 .page .banniere .wrapper span::after,
  .rubrique_56 .page .banniere .wrapper span::after,
  .rubrique_57 .page .banniere .wrapper span::after,
  .rubrique_58 .page .banniere .wrapper span::after {
    left: 322px;
  }
}
.secteur_4 .page .nav_interieure,
.rubrique_34 .page .nav_interieure,
.rubrique_35 .page .nav_interieure,
.rubrique_36 .page .nav_interieure,
.rubrique_37 .page .nav_interieure,
.rubrique_38 .page .nav_interieure,
.rubrique_39 .page .nav_interieure,
.rubrique_53 .page .nav_interieure,
.rubrique_54 .page .nav_interieure,
.rubrique_55 .page .nav_interieure,
.rubrique_56 .page .nav_interieure,
.rubrique_57 .page .nav_interieure,
.rubrique_58 .page .nav_interieure {
  float: none;
  margin-bottom: 40px;
}
.secteur_4 .page .nav_interieure .arbo,
.rubrique_34 .page .nav_interieure .arbo,
.rubrique_35 .page .nav_interieure .arbo,
.rubrique_36 .page .nav_interieure .arbo,
.rubrique_37 .page .nav_interieure .arbo,
.rubrique_38 .page .nav_interieure .arbo,
.rubrique_39 .page .nav_interieure .arbo,
.rubrique_53 .page .nav_interieure .arbo,
.rubrique_54 .page .nav_interieure .arbo,
.rubrique_55 .page .nav_interieure .arbo,
.rubrique_56 .page .nav_interieure .arbo,
.rubrique_57 .page .nav_interieure .arbo,
.rubrique_58 .page .nav_interieure .arbo {
  padding-left: 20px;
}
.secteur_4 .page .sections,
.rubrique_34 .page .sections,
.rubrique_35 .page .sections,
.rubrique_36 .page .sections,
.rubrique_37 .page .sections,
.rubrique_38 .page .sections,
.rubrique_39 .page .sections,
.rubrique_53 .page .sections,
.rubrique_54 .page .sections,
.rubrique_55 .page .sections,
.rubrique_56 .page .sections,
.rubrique_57 .page .sections,
.rubrique_58 .page .sections {
  padding: 15px;
  /* La section du titre */
}
.secteur_4 .page .sections .presentation,
.rubrique_34 .page .sections .presentation,
.rubrique_35 .page .sections .presentation,
.rubrique_36 .page .sections .presentation,
.rubrique_37 .page .sections .presentation,
.rubrique_38 .page .sections .presentation,
.rubrique_39 .page .sections .presentation,
.rubrique_53 .page .sections .presentation,
.rubrique_54 .page .sections .presentation,
.rubrique_55 .page .sections .presentation,
.rubrique_56 .page .sections .presentation,
.rubrique_57 .page .sections .presentation,
.rubrique_58 .page .sections .presentation {
  margin-left: 0;
}
.secteur_4 .page .sections .presentation #titre,
.rubrique_34 .page .sections .presentation #titre,
.rubrique_35 .page .sections .presentation #titre,
.rubrique_36 .page .sections .presentation #titre,
.rubrique_37 .page .sections .presentation #titre,
.rubrique_38 .page .sections .presentation #titre,
.rubrique_39 .page .sections .presentation #titre,
.rubrique_53 .page .sections .presentation #titre,
.rubrique_54 .page .sections .presentation #titre,
.rubrique_55 .page .sections .presentation #titre,
.rubrique_56 .page .sections .presentation #titre,
.rubrique_57 .page .sections .presentation #titre,
.rubrique_58 .page .sections .presentation #titre {
  position: relative;
  padding: 0;
  /* Découvrez un avant-goût...  */
}
.secteur_4 .page .sections .presentation #titre h2,
.rubrique_34 .page .sections .presentation #titre h2,
.rubrique_35 .page .sections .presentation #titre h2,
.rubrique_36 .page .sections .presentation #titre h2,
.rubrique_37 .page .sections .presentation #titre h2,
.rubrique_38 .page .sections .presentation #titre h2,
.rubrique_39 .page .sections .presentation #titre h2,
.rubrique_53 .page .sections .presentation #titre h2,
.rubrique_54 .page .sections .presentation #titre h2,
.rubrique_55 .page .sections .presentation #titre h2,
.rubrique_56 .page .sections .presentation #titre h2,
.rubrique_57 .page .sections .presentation #titre h2,
.rubrique_58 .page .sections .presentation #titre h2 {
  position: relative;
  max-width: max-content;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 52px;
  line-height: 55px;
}
.secteur_4 .page .sections .presentation #titre h2::before, .secteur_4 .page .sections .presentation #titre h2::after,
.rubrique_34 .page .sections .presentation #titre h2::before,
.rubrique_34 .page .sections .presentation #titre h2::after,
.rubrique_35 .page .sections .presentation #titre h2::before,
.rubrique_35 .page .sections .presentation #titre h2::after,
.rubrique_36 .page .sections .presentation #titre h2::before,
.rubrique_36 .page .sections .presentation #titre h2::after,
.rubrique_37 .page .sections .presentation #titre h2::before,
.rubrique_37 .page .sections .presentation #titre h2::after,
.rubrique_38 .page .sections .presentation #titre h2::before,
.rubrique_38 .page .sections .presentation #titre h2::after,
.rubrique_39 .page .sections .presentation #titre h2::before,
.rubrique_39 .page .sections .presentation #titre h2::after,
.rubrique_53 .page .sections .presentation #titre h2::before,
.rubrique_53 .page .sections .presentation #titre h2::after,
.rubrique_54 .page .sections .presentation #titre h2::before,
.rubrique_54 .page .sections .presentation #titre h2::after,
.rubrique_55 .page .sections .presentation #titre h2::before,
.rubrique_55 .page .sections .presentation #titre h2::after,
.rubrique_56 .page .sections .presentation #titre h2::before,
.rubrique_56 .page .sections .presentation #titre h2::after,
.rubrique_57 .page .sections .presentation #titre h2::before,
.rubrique_57 .page .sections .presentation #titre h2::after,
.rubrique_58 .page .sections .presentation #titre h2::before,
.rubrique_58 .page .sections .presentation #titre h2::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.secteur_4 .page .sections .presentation #titre h2,
.rubrique_34 .page .sections .presentation #titre h2,
.rubrique_35 .page .sections .presentation #titre h2,
.rubrique_36 .page .sections .presentation #titre h2,
.rubrique_37 .page .sections .presentation #titre h2,
.rubrique_38 .page .sections .presentation #titre h2,
.rubrique_39 .page .sections .presentation #titre h2,
.rubrique_53 .page .sections .presentation #titre h2,
.rubrique_54 .page .sections .presentation #titre h2,
.rubrique_55 .page .sections .presentation #titre h2,
.rubrique_56 .page .sections .presentation #titre h2,
.rubrique_57 .page .sections .presentation #titre h2,
.rubrique_58 .page .sections .presentation #titre h2 {
  /* Les trois traits au-dessus du titre */
}
.secteur_4 .page .sections .presentation #titre h2::before,
.rubrique_34 .page .sections .presentation #titre h2::before,
.rubrique_35 .page .sections .presentation #titre h2::before,
.rubrique_36 .page .sections .presentation #titre h2::before,
.rubrique_37 .page .sections .presentation #titre h2::before,
.rubrique_38 .page .sections .presentation #titre h2::before,
.rubrique_39 .page .sections .presentation #titre h2::before,
.rubrique_53 .page .sections .presentation #titre h2::before,
.rubrique_54 .page .sections .presentation #titre h2::before,
.rubrique_55 .page .sections .presentation #titre h2::before,
.rubrique_56 .page .sections .presentation #titre h2::before,
.rubrique_57 .page .sections .presentation #titre h2::before,
.rubrique_58 .page .sections .presentation #titre h2::before {
  top: -20px;
  left: -20px;
  width: 40px;
  height: 40px;
  transform: scaleX(-1);
  background: url(../assets/images/pictos/exclamation.svg) no-repeat;
  background-size: contain;
}
.secteur_4 .page .sections .presentation #titre h2,
.rubrique_34 .page .sections .presentation #titre h2,
.rubrique_35 .page .sections .presentation #titre h2,
.rubrique_36 .page .sections .presentation #titre h2,
.rubrique_37 .page .sections .presentation #titre h2,
.rubrique_38 .page .sections .presentation #titre h2,
.rubrique_39 .page .sections .presentation #titre h2,
.rubrique_53 .page .sections .presentation #titre h2,
.rubrique_54 .page .sections .presentation #titre h2,
.rubrique_55 .page .sections .presentation #titre h2,
.rubrique_56 .page .sections .presentation #titre h2,
.rubrique_57 .page .sections .presentation #titre h2,
.rubrique_58 .page .sections .presentation #titre h2 {
  /* La flèche pointant vers les gammes */
}
.secteur_4 .page .sections .presentation #titre h2::after,
.rubrique_34 .page .sections .presentation #titre h2::after,
.rubrique_35 .page .sections .presentation #titre h2::after,
.rubrique_36 .page .sections .presentation #titre h2::after,
.rubrique_37 .page .sections .presentation #titre h2::after,
.rubrique_38 .page .sections .presentation #titre h2::after,
.rubrique_39 .page .sections .presentation #titre h2::after,
.rubrique_53 .page .sections .presentation #titre h2::after,
.rubrique_54 .page .sections .presentation #titre h2::after,
.rubrique_55 .page .sections .presentation #titre h2::after,
.rubrique_56 .page .sections .presentation #titre h2::after,
.rubrique_57 .page .sections .presentation #titre h2::after,
.rubrique_58 .page .sections .presentation #titre h2::after {
  bottom: -20px;
  top: auto;
  right: -70px;
  left: auto;
  width: 70px;
  height: 50px;
  transform: rotate(-75deg);
  background: url(../assets/images/pictos/fleche.svg) no-repeat;
  background-size: contain;
}
.secteur_4 .page .sections,
.rubrique_34 .page .sections,
.rubrique_35 .page .sections,
.rubrique_36 .page .sections,
.rubrique_37 .page .sections,
.rubrique_38 .page .sections,
.rubrique_39 .page .sections,
.rubrique_53 .page .sections,
.rubrique_54 .page .sections,
.rubrique_55 .page .sections,
.rubrique_56 .page .sections,
.rubrique_57 .page .sections,
.rubrique_58 .page .sections {
  /* La section du choix des gammes (les 5 images en-dessous les unes des autres) */
}
.secteur_4 .page .sections .nos_gammes .wrapper,
.rubrique_34 .page .sections .nos_gammes .wrapper,
.rubrique_35 .page .sections .nos_gammes .wrapper,
.rubrique_36 .page .sections .nos_gammes .wrapper,
.rubrique_37 .page .sections .nos_gammes .wrapper,
.rubrique_38 .page .sections .nos_gammes .wrapper,
.rubrique_39 .page .sections .nos_gammes .wrapper,
.rubrique_53 .page .sections .nos_gammes .wrapper,
.rubrique_54 .page .sections .nos_gammes .wrapper,
.rubrique_55 .page .sections .nos_gammes .wrapper,
.rubrique_56 .page .sections .nos_gammes .wrapper,
.rubrique_57 .page .sections .nos_gammes .wrapper,
.rubrique_58 .page .sections .nos_gammes .wrapper {
  position: relative;
  padding-bottom: 120px;
  /* La liste des gammes */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li {
  /* La photo de vignette + le titre de la vignette */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme {
  position: relative;
  z-index: 5;
  width: 337px;
  max-width: 800px;
  margin: auto;
  transition: 0.3s;
  cursor: pointer;
  /* Le titre "Nos élaborés, Nos légumes etc." */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  top: auto;
  left: 30px;
  max-width: 210px;
  color: #C5D301;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 60px;
  line-height: 84px;
  /* Le mot en violet (suivant le préfixe "nos" */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 strong {
  display: block;
  margin: -20px 0 0 0;
  color: #A61D5E;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 22px;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 {
  /* Les deux pictos entourant les h2 des tuiles */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before, .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 {
  /* Les pictos individuels à chaque tuile */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::before {
  top: 15px;
  width: 60px;
  height: 60px;
  left: -50px;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 {
  /* Les trois traits violets */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2::after {
  top: -5px;
  left: -16px;
  width: 30px;
  height: 30px;
  background: url(../assets/images/pictos/exclamation) no-repeat;
  background-size: contain;
  transform: scaleX(-1) rotate(-35deg);
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme {
  /* Les images de la vignette : on masque la version desktop initialement */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme img:last-of-type {
  display: none;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme {
  /* Au hover de la tuile de gamme */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme:hover {
  transform: scale(1.1);
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li {
  /* La pop-up qui apparait au click de la vignette */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme {
  position: relative;
  z-index: 1;
  height: 0;
  background: linear-gradient(to bottom, #E4BBCF 50%, #fff 0%);
  transform: scale(0);
  transform-origin: top;
  transition: 0.3s;
  text-align: center;
  /* Des produits stars */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 {
  position: relative;
  max-width: 947px;
  margin: 30px auto;
  padding-left: 50px;
  color: #A61D5E;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 43px;
  text-align: left;
  text-transform: uppercase;
  /* Des produits */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 strong {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 36px;
  color: #fff;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2 {
  /* Les 3 traits violets au-dessus du titre */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  left: 20px;
  top: -20px;
  width: 40px;
  height: 40px;
  background: url(../assets/images/pictos/exclamation2.svg) no-repeat;
  background-size: contain;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme {
  /* Liste des produits stars */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits {
  list-style: none;
  margin-bottom: 30px;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li {
  width: 290px;
  height: 290px;
  margin: 0 auto 10px;
  padding: 10px 10px 25px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  transition: all 0.2s ease;
  cursor: pointer;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li div {
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 23px;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li span {
  font-size: 14px;
  color: #707070;
  display: block;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img {
  margin: auto;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li img + img {
  display: none;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover {
  transform: scale(1.05);
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img {
  display: none;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits li:hover img + img {
  display: block;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme .produits:hover li {
  color: #373e44;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs {
  display: inline-block;
  vertical-align: top;
  margin: 0 auto 50px;
  font-size: 20px;
  line-height: 34px;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme a.bouton_vs:hover {
  color: #fff;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme {
  /* La diagonale rose */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li .content_gamme::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: #E4BBCF;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li {
  /* Quand le li a la class "show-gamme" */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme {
  /* La photo de vignette + le titre de la vignette */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .head_gamme {
  transform: scale(1.1);
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme {
  /* La pop-up qui apparait au click de la vignette */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li.show_gamme .content_gamme {
  margin-bottom: 35px;
  padding: 20px;
  transform: scale(1);
  height: auto;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li {
  /* Pour les vignettes paires, on place entre autre le titre de la vignette à droite */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2 {
  right: 30px;
  left: auto;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even),
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even),
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even),
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even),
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even),
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even),
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even),
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even),
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even),
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even),
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even),
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even),
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) {
  /* La diagonale rose de la popup */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .content_gamme::before {
  transform: skewY(3deg);
  transform-origin: right;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li {
  /* Pour les vignettes impaires */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd),
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd),
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd),
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd),
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd),
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd),
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd),
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd),
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd),
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd),
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd),
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd),
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) {
  /* La diagonale rose de la popup */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(odd) .content_gamme::before {
  transform: skewY(-3deg);
  transform-origin: left;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li {
  /* Picto spécifique à chaque vignette */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before {
  background: url(../assets/images/pictos/toque.svg) no-repeat;
  transform: rotate(25deg);
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before {
  background: url(../assets/images/pictos/tomate_banniere.svg) no-repeat;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before {
  background: url(../assets/images/pictos/orange.svg) no-repeat;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before {
  background: url(../assets/images/pictos/herbe.svg) no-repeat;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2 {
  /* Le picto des céréales (ce picto ici n'est pas initialement en noir, il possède déjà la bonne couleur */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before {
  background: url(../assets/images/pictos/cereales.svg) no-repeat;
  filter: initial;
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2 {
  /* Les traits traits violets */
}
.secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
.rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
.rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
.rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
.rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
.rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
.rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
.rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
.rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
.rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
.rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
.rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
.rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after {
  top: 14px;
  left: -63px;
  transform: scaleX(-1) rotate(15deg);
}
.secteur_4 .page .sections .nos_gammes .wrapper,
.rubrique_34 .page .sections .nos_gammes .wrapper,
.rubrique_35 .page .sections .nos_gammes .wrapper,
.rubrique_36 .page .sections .nos_gammes .wrapper,
.rubrique_37 .page .sections .nos_gammes .wrapper,
.rubrique_38 .page .sections .nos_gammes .wrapper,
.rubrique_39 .page .sections .nos_gammes .wrapper,
.rubrique_53 .page .sections .nos_gammes .wrapper,
.rubrique_54 .page .sections .nos_gammes .wrapper,
.rubrique_55 .page .sections .nos_gammes .wrapper,
.rubrique_56 .page .sections .nos_gammes .wrapper,
.rubrique_57 .page .sections .nos_gammes .wrapper,
.rubrique_58 .page .sections .nos_gammes .wrapper {
  /* Le conteneur des svg */
}
.secteur_4 .page .sections .nos_gammes .wrapper .svg_conteneur > *,
.rubrique_34 .page .sections .nos_gammes .wrapper .svg_conteneur > *,
.rubrique_35 .page .sections .nos_gammes .wrapper .svg_conteneur > *,
.rubrique_36 .page .sections .nos_gammes .wrapper .svg_conteneur > *,
.rubrique_37 .page .sections .nos_gammes .wrapper .svg_conteneur > *,
.rubrique_38 .page .sections .nos_gammes .wrapper .svg_conteneur > *,
.rubrique_39 .page .sections .nos_gammes .wrapper .svg_conteneur > *,
.rubrique_53 .page .sections .nos_gammes .wrapper .svg_conteneur > *,
.rubrique_54 .page .sections .nos_gammes .wrapper .svg_conteneur > *,
.rubrique_55 .page .sections .nos_gammes .wrapper .svg_conteneur > *,
.rubrique_56 .page .sections .nos_gammes .wrapper .svg_conteneur > *,
.rubrique_57 .page .sections .nos_gammes .wrapper .svg_conteneur > *,
.rubrique_58 .page .sections .nos_gammes .wrapper .svg_conteneur > * {
  filter: invert(79%) sepia(24%) saturate(320%) hue-rotate(284deg) brightness(103%) contrast(79%);
}
.secteur_4 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
.rubrique_34 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
.rubrique_35 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
.rubrique_36 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
.rubrique_37 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
.rubrique_38 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
.rubrique_39 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
.rubrique_53 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
.rubrique_54 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
.rubrique_55 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
.rubrique_56 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
.rubrique_57 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
.rubrique_58 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille {
  display: none;
  top: -150px;
  left: 60%;
  transform: rotate(-25deg);
}
.secteur_4 .page .sections .nos_gammes .wrapper .svg_conteneur .lime,
.rubrique_34 .page .sections .nos_gammes .wrapper .svg_conteneur .lime,
.rubrique_35 .page .sections .nos_gammes .wrapper .svg_conteneur .lime,
.rubrique_36 .page .sections .nos_gammes .wrapper .svg_conteneur .lime,
.rubrique_37 .page .sections .nos_gammes .wrapper .svg_conteneur .lime,
.rubrique_38 .page .sections .nos_gammes .wrapper .svg_conteneur .lime,
.rubrique_39 .page .sections .nos_gammes .wrapper .svg_conteneur .lime,
.rubrique_53 .page .sections .nos_gammes .wrapper .svg_conteneur .lime,
.rubrique_54 .page .sections .nos_gammes .wrapper .svg_conteneur .lime,
.rubrique_55 .page .sections .nos_gammes .wrapper .svg_conteneur .lime,
.rubrique_56 .page .sections .nos_gammes .wrapper .svg_conteneur .lime,
.rubrique_57 .page .sections .nos_gammes .wrapper .svg_conteneur .lime,
.rubrique_58 .page .sections .nos_gammes .wrapper .svg_conteneur .lime {
  top: -30px;
  right: 196px;
  left: auto;
  width: 45px;
  height: 77px;
}
.secteur_4 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene,
.rubrique_34 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene,
.rubrique_35 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene,
.rubrique_36 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene,
.rubrique_37 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene,
.rubrique_38 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene,
.rubrique_39 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene,
.rubrique_53 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene,
.rubrique_54 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene,
.rubrique_55 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene,
.rubrique_56 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene,
.rubrique_57 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene,
.rubrique_58 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille_chene {
  top: 490px;
  left: 70px;
}
.secteur_4 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme,
.rubrique_34 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme,
.rubrique_35 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme,
.rubrique_36 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme,
.rubrique_37 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme,
.rubrique_38 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme,
.rubrique_39 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme,
.rubrique_53 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme,
.rubrique_54 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme,
.rubrique_55 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme,
.rubrique_56 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme,
.rubrique_57 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme,
.rubrique_58 .page .sections .nos_gammes .wrapper .svg_conteneur .pomme {
  top: 550px;
  left: 120px;
}
.secteur_4 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise,
.rubrique_34 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise,
.rubrique_35 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise,
.rubrique_36 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise,
.rubrique_37 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise,
.rubrique_38 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise,
.rubrique_39 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise,
.rubrique_53 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise,
.rubrique_54 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise,
.rubrique_55 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise,
.rubrique_56 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise,
.rubrique_57 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise,
.rubrique_58 .page .sections .nos_gammes .wrapper .svg_conteneur .framboise {
  top: 580px;
  right: 140px;
  left: auto;
}
.secteur_4 .page .sections .nos_gammes .wrapper .svg_conteneur .citron,
.rubrique_34 .page .sections .nos_gammes .wrapper .svg_conteneur .citron,
.rubrique_35 .page .sections .nos_gammes .wrapper .svg_conteneur .citron,
.rubrique_36 .page .sections .nos_gammes .wrapper .svg_conteneur .citron,
.rubrique_37 .page .sections .nos_gammes .wrapper .svg_conteneur .citron,
.rubrique_38 .page .sections .nos_gammes .wrapper .svg_conteneur .citron,
.rubrique_39 .page .sections .nos_gammes .wrapper .svg_conteneur .citron,
.rubrique_53 .page .sections .nos_gammes .wrapper .svg_conteneur .citron,
.rubrique_54 .page .sections .nos_gammes .wrapper .svg_conteneur .citron,
.rubrique_55 .page .sections .nos_gammes .wrapper .svg_conteneur .citron,
.rubrique_56 .page .sections .nos_gammes .wrapper .svg_conteneur .citron,
.rubrique_57 .page .sections .nos_gammes .wrapper .svg_conteneur .citron,
.rubrique_58 .page .sections .nos_gammes .wrapper .svg_conteneur .citron {
  bottom: 0;
  top: auto;
  right: 0;
  left: auto;
}
.secteur_4 .page .sections .nos_gammes,
.rubrique_34 .page .sections .nos_gammes,
.rubrique_35 .page .sections .nos_gammes,
.rubrique_36 .page .sections .nos_gammes,
.rubrique_37 .page .sections .nos_gammes,
.rubrique_38 .page .sections .nos_gammes,
.rubrique_39 .page .sections .nos_gammes,
.rubrique_53 .page .sections .nos_gammes,
.rubrique_54 .page .sections .nos_gammes,
.rubrique_55 .page .sections .nos_gammes,
.rubrique_56 .page .sections .nos_gammes,
.rubrique_57 .page .sections .nos_gammes,
.rubrique_58 .page .sections .nos_gammes {
  /* On ouvre une media en max-width car sur desktop les icônes sont placées de la même manière, on peut donc mettre de manière générale le placement et ne ciblant ici que le mobile alors qu'il faudrait modifier manuellement sur la version desktop chaque élément pour corrgier les valeurs apporter par le mobile */
}
@media (max-width: calc(600px - 1px)) {
  .secteur_4 .page .sections .nos_gammes .wrapper,
  .rubrique_34 .page .sections .nos_gammes .wrapper,
  .rubrique_35 .page .sections .nos_gammes .wrapper,
  .rubrique_36 .page .sections .nos_gammes .wrapper,
  .rubrique_37 .page .sections .nos_gammes .wrapper,
  .rubrique_38 .page .sections .nos_gammes .wrapper,
  .rubrique_39 .page .sections .nos_gammes .wrapper,
  .rubrique_53 .page .sections .nos_gammes .wrapper,
  .rubrique_54 .page .sections .nos_gammes .wrapper,
  .rubrique_55 .page .sections .nos_gammes .wrapper,
  .rubrique_56 .page .sections .nos_gammes .wrapper,
  .rubrique_57 .page .sections .nos_gammes .wrapper,
  .rubrique_58 .page .sections .nos_gammes .wrapper {
    /* La liste des gammes */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li {
    /* Les paires */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(even) .head_gamme h2 {
    text-align: right;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li {
    /* Modifs des placements de pictos pour les titres de vignettes */
    /* La première vignette */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2 {
    /* Le picto */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::before {
    top: 0px;
    left: 70px;
    transform: rotate(55deg);
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2 {
    /* Les traits traits dorés */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:first-child .head_gamme h2::after {
    top: -12px;
    left: 67px;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li {
    /* La 2e vignette */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2 {
    /* Le picto */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::before {
    top: 10px;
    left: -10px;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2 {
    /* Les traits traits dorés */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(2) .head_gamme h2::after {
    top: -4px;
    left: 37px;
    transform: scaleX(-1) rotate(-49deg);
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li {
    /* La 3e vignette */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2 {
    /* Le picto */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::before {
    top: 8px;
    left: 75px;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2 {
    /* Les traits traits dorés */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(3) .head_gamme h2::after {
    top: -15px;
    left: 94px;
    transform: rotate(-35deg);
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li {
    /* La 4e vignette */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2 {
    /* Le picto */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::before {
    top: 3px;
    left: 85px;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2 {
    /* Les traits traits dorés */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:nth-child(4) .head_gamme h2::after {
    left: 127px;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li {
    /* La dernière vignette */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2 {
    /* Le picto */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::before {
    top: 0px;
    left: 70px;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2 {
    /* Les traits traits dorés */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes > li:last-child .head_gamme h2::after {
    top: -8px;
    left: 57px;
    transform: rotate(-75deg);
  }
}
@media (min-width: 600px) {
  .secteur_4 .page .sections .nos_gammes .wrapper,
  .rubrique_34 .page .sections .nos_gammes .wrapper,
  .rubrique_35 .page .sections .nos_gammes .wrapper,
  .rubrique_36 .page .sections .nos_gammes .wrapper,
  .rubrique_37 .page .sections .nos_gammes .wrapper,
  .rubrique_38 .page .sections .nos_gammes .wrapper,
  .rubrique_39 .page .sections .nos_gammes .wrapper,
  .rubrique_53 .page .sections .nos_gammes .wrapper,
  .rubrique_54 .page .sections .nos_gammes .wrapper,
  .rubrique_55 .page .sections .nos_gammes .wrapper,
  .rubrique_56 .page .sections .nos_gammes .wrapper,
  .rubrique_57 .page .sections .nos_gammes .wrapper,
  .rubrique_58 .page .sections .nos_gammes .wrapper {
    /* La liste des gammes */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li {
    /* La photo de vignette + le titre de la vignette */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme {
    width: initial;
    /* Le titre "Nos élaborés, Nos légumes etc." */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 {
    top: 0;
    bottom: auto;
    left: 90px;
    margin-top: 15px;
    /* Le mot en violet (suivant le préfixe "nos" */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 strong {
    margin: -30px 0 0 20px;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 {
    /* Les pictos individuels à chaque tuile */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::before {
    top: 15px;
    width: 60px;
    height: 60px;
    left: -50px;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2 {
    /* Les trois traits violets */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme h2::after {
    top: -5px;
    left: -16px;
    width: 30px;
    height: 30px;
    background: url(../assets/images/pictos/exclamation) no-repeat;
    background-size: contain;
    transform: scaleX(-1) rotate(-35deg);
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme {
    /* Les images de la vignette : on masque la version smartphone et on réaffiche la version desktop */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img {
    display: none;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .head_gamme img:last-of-type {
    display: block;
    min-height: 126px;
    object-fit: cover;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li {
    /* La pop-up qui apparait au click de la vignette */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme {
    /* Liste des produits stars */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits {
    display: flex;
    justify-content: center;
    gap: 15px;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li .content_gamme .produits li {
    margin: 0 0 10px;
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li {
    /* Pour les vignettes paires, on place entre autre le titre de la vignette à droite */
  }
  .secteur_4 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2,
  .rubrique_34 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2,
  .rubrique_35 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2,
  .rubrique_36 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2,
  .rubrique_37 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2,
  .rubrique_38 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2,
  .rubrique_39 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2,
  .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2,
  .rubrique_54 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2,
  .rubrique_55 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2,
  .rubrique_56 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2,
  .rubrique_57 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2,
  .rubrique_58 .page .sections .nos_gammes .wrapper ul.gammes li:nth-child(even) .head_gamme h2 {
    right: 30px;
    left: auto;
  }
}
@media (min-width: 880px) {
  .secteur_4 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
  .rubrique_34 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
  .rubrique_35 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
  .rubrique_36 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
  .rubrique_37 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
  .rubrique_38 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
  .rubrique_39 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
  .rubrique_53 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
  .rubrique_54 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
  .rubrique_55 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
  .rubrique_56 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
  .rubrique_57 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille,
  .rubrique_58 .page .sections .nos_gammes .wrapper .svg_conteneur .feuille {
    display: block;
  }
}

.it .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 {
  font-size: 50px !important;
  line-height: 104px !important;
}
.it .rubrique_53 .page .sections .nos_gammes .wrapper ul.gammes > li .head_gamme h2 {
  max-width: 270px;
}

.parent_4 .page .sections .presentation #titre h1, .parent_34 .page .sections .presentation #titre h1, .parent_53 .page .sections .presentation #titre h1 {
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 52px;
  line-height: 69px;
}
.parent_4 .page .sections .presentation #titre, .parent_34 .page .sections .presentation #titre, .parent_53 .page .sections .presentation #titre {
  /* La flèche violette de la section présentation */
}
.parent_4 .page .sections .presentation #titre::before, .parent_4 .page .sections .presentation #titre::after, .parent_34 .page .sections .presentation #titre::before, .parent_34 .page .sections .presentation #titre::after, .parent_53 .page .sections .presentation #titre::before, .parent_53 .page .sections .presentation #titre::after {
  display: none;
}
.parent_4 .page .sections .nos_produits .wrapper, .parent_34 .page .sections .nos_produits .wrapper, .parent_53 .page .sections .nos_produits .wrapper {
  width: 100%;
}
.parent_4 .page .sections .nos_produits .wrapper > ul, .parent_34 .page .sections .nos_produits .wrapper > ul, .parent_53 .page .sections .nos_produits .wrapper > ul {
  display: flex;
  flex-wrap: wrap;
}
.parent_4 .page .sections .nos_produits .wrapper > ul > li:not(.details), .parent_34 .page .sections .nos_produits .wrapper > ul > li:not(.details), .parent_53 .page .sections .nos_produits .wrapper > ul > li:not(.details) {
  width: 120px;
  height: 130px;
  margin: 0 5px 20px;
  padding: 10px 7px;
  position: relative;
  z-index: 2;
  background-color: white;
  border-radius: 20%;
  box-shadow: -1px 3px 2px rgba(0, 0, 0, 0.16);
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 22px;
  transition: 0.1s;
  cursor: pointer;
  /* Le logo de la tuile */
}
.parent_4 .page .sections .nos_produits .wrapper > ul > li:not(.details) img, .parent_34 .page .sections .nos_produits .wrapper > ul > li:not(.details) img, .parent_53 .page .sections .nos_produits .wrapper > ul > li:not(.details) img {
  margin: auto;
  /* On masque la seconde */
}
.parent_4 .page .sections .nos_produits .wrapper > ul > li:not(.details) img:nth-of-type(2), .parent_4 .page .sections .nos_produits .wrapper > ul > li:not(.details) img:nth-of-type(3), .parent_34 .page .sections .nos_produits .wrapper > ul > li:not(.details) img:nth-of-type(2), .parent_34 .page .sections .nos_produits .wrapper > ul > li:not(.details) img:nth-of-type(3), .parent_53 .page .sections .nos_produits .wrapper > ul > li:not(.details) img:nth-of-type(2), .parent_53 .page .sections .nos_produits .wrapper > ul > li:not(.details) img:nth-of-type(3) {
  display: none;
}
.parent_4 .page .sections .nos_produits .wrapper > ul > li:not(.details) .infos, .parent_34 .page .sections .nos_produits .wrapper > ul > li:not(.details) .infos, .parent_53 .page .sections .nos_produits .wrapper > ul > li:not(.details) .infos {
  display: none;
}
.parent_4 .page .sections .nos_produits .wrapper > ul > li:not(.details), .parent_34 .page .sections .nos_produits .wrapper > ul > li:not(.details), .parent_53 .page .sections .nos_produits .wrapper > ul > li:not(.details) {
  /* Au hover de cette tuile */
}
.parent_4 .page .sections .nos_produits .wrapper > ul > li:not(.details):hover, .parent_4 .page .sections .nos_produits .wrapper > ul > li:not(.details).on, .parent_34 .page .sections .nos_produits .wrapper > ul > li:not(.details):hover, .parent_34 .page .sections .nos_produits .wrapper > ul > li:not(.details).on, .parent_53 .page .sections .nos_produits .wrapper > ul > li:not(.details):hover, .parent_53 .page .sections .nos_produits .wrapper > ul > li:not(.details).on {
  color: #C5D301;
}
.parent_4 .page .sections .nos_produits .wrapper > ul > li:not(.details):hover img, .parent_4 .page .sections .nos_produits .wrapper > ul > li:not(.details).on img, .parent_34 .page .sections .nos_produits .wrapper > ul > li:not(.details):hover img, .parent_34 .page .sections .nos_produits .wrapper > ul > li:not(.details).on img, .parent_53 .page .sections .nos_produits .wrapper > ul > li:not(.details):hover img, .parent_53 .page .sections .nos_produits .wrapper > ul > li:not(.details).on img {
  display: none;
}
.parent_4 .page .sections .nos_produits .wrapper > ul > li:not(.details):hover img:nth-of-type(2), .parent_4 .page .sections .nos_produits .wrapper > ul > li:not(.details).on img:nth-of-type(2), .parent_34 .page .sections .nos_produits .wrapper > ul > li:not(.details):hover img:nth-of-type(2), .parent_34 .page .sections .nos_produits .wrapper > ul > li:not(.details).on img:nth-of-type(2), .parent_53 .page .sections .nos_produits .wrapper > ul > li:not(.details):hover img:nth-of-type(2), .parent_53 .page .sections .nos_produits .wrapper > ul > li:not(.details).on img:nth-of-type(2) {
  display: block;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details, .parent_34 .page .sections .nos_produits .wrapper > ul li.details, .parent_53 .page .sections .nos_produits .wrapper > ul li.details {
  width: 100%;
  min-height: 420px;
  display: none;
  line-height: 28px;
  margin-top: -30px;
  background: #F7F7F7;
  position: relative;
  z-index: 1;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details.visible, .parent_34 .page .sections .nos_produits .wrapper > ul li.details.visible, .parent_53 .page .sections .nos_produits .wrapper > ul li.details.visible {
  display: flex;
  padding: 80px 0 50px;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details h2, .parent_34 .page .sections .nos_produits .wrapper > ul li.details h2, .parent_53 .page .sections .nos_produits .wrapper > ul li.details h2 {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #A61D5E;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
  font-size: 30px;
  padding: 20px 0;
  margin-top: 25px;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details h3, .parent_4 .page .sections .nos_produits .wrapper > ul li.details p, .parent_34 .page .sections .nos_produits .wrapper > ul li.details h3, .parent_34 .page .sections .nos_produits .wrapper > ul li.details p, .parent_53 .page .sections .nos_produits .wrapper > ul li.details h3, .parent_53 .page .sections .nos_produits .wrapper > ul li.details p {
  display: inline;
  padding: 4px 0;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details p, .parent_34 .page .sections .nos_produits .wrapper > ul li.details p, .parent_53 .page .sections .nos_produits .wrapper > ul li.details p {
  color: #555;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details h3, .parent_34 .page .sections .nos_produits .wrapper > ul li.details h3, .parent_53 .page .sections .nos_produits .wrapper > ul li.details h3 {
  color: #C5D301;
  text-transform: uppercase;
  position: relative;
  padding-left: 25px;
  padding-right: 5px;
  font-size: 15px;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details h3:before, .parent_34 .page .sections .nos_produits .wrapper > ul li.details h3:before, .parent_53 .page .sections .nos_produits .wrapper > ul li.details h3:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: 8px;
  width: 20px;
  height: 20px;
  background: url(../assets/images/pictos/puce.svg) no-repeat;
  background-size: contain;
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details > div:not(.visuel), .parent_34 .page .sections .nos_produits .wrapper > ul li.details > div:not(.visuel), .parent_53 .page .sections .nos_produits .wrapper > ul li.details > div:not(.visuel) {
  width: 50%;
  background: url(../assets/images/pictos/pointilles_vert.svg) repeat-x top 15px left;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details > div > div, .parent_34 .page .sections .nos_produits .wrapper > ul li.details > div > div, .parent_53 .page .sections .nos_produits .wrapper > ul li.details > div > div {
  display: flex;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details .visuel, .parent_34 .page .sections .nos_produits .wrapper > ul li.details .visuel, .parent_53 .page .sections .nos_produits .wrapper > ul li.details .visuel {
  position: relative;
  margin: 0 50px;
  z-index: 1;
  min-width: 400px;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details .visuel img, .parent_34 .page .sections .nos_produits .wrapper > ul li.details .visuel img, .parent_53 .page .sections .nos_produits .wrapper > ul li.details .visuel img {
  border: solid 5px #ffffff;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.26);
  transform: rotate(-2deg);
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details .visuel:after, .parent_34 .page .sections .nos_produits .wrapper > ul li.details .visuel:after, .parent_53 .page .sections .nos_produits .wrapper > ul li.details .visuel:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  border: 5px solid white;
  background-color: white;
  transform: rotate(7deg);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details .visuel ul, .parent_34 .page .sections .nos_produits .wrapper > ul li.details .visuel ul, .parent_53 .page .sections .nos_produits .wrapper > ul li.details .visuel ul {
  position: relative;
  width: 100%;
  height: 100%;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details .visuel ul li, .parent_34 .page .sections .nos_produits .wrapper > ul li.details .visuel ul li, .parent_53 .page .sections .nos_produits .wrapper > ul li.details .visuel ul li {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details .visuel ul li.on, .parent_34 .page .sections .nos_produits .wrapper > ul li.details .visuel ul li.on, .parent_53 .page .sections .nos_produits .wrapper > ul li.details .visuel ul li.on {
  display: block;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details .controles, .parent_34 .page .sections .nos_produits .wrapper > ul li.details .controles, .parent_53 .page .sections .nos_produits .wrapper > ul li.details .controles {
  display: flex;
  align-items: flex-start;
  margin-right: 30px;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details .controles img, .parent_34 .page .sections .nos_produits .wrapper > ul li.details .controles img, .parent_53 .page .sections .nos_produits .wrapper > ul li.details .controles img {
  margin-right: 5px;
  cursor: pointer;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details a, .parent_34 .page .sections .nos_produits .wrapper > ul li.details a, .parent_53 .page .sections .nos_produits .wrapper > ul li.details a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #E4BBCF;
  color: #A61D5E;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details a:hover, .parent_34 .page .sections .nos_produits .wrapper > ul li.details a:hover, .parent_53 .page .sections .nos_produits .wrapper > ul li.details a:hover {
  background: #A61D5E;
  color: white;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details a, .parent_34 .page .sections .nos_produits .wrapper > ul li.details a, .parent_53 .page .sections .nos_produits .wrapper > ul li.details a {
  margin-top: 30px;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details:before, .parent_34 .page .sections .nos_produits .wrapper > ul li.details:before, .parent_53 .page .sections .nos_produits .wrapper > ul li.details:before {
  transform: skewY(-4deg);
  transform-origin: bottom right;
  background-color: #F7F7F7;
  display: block;
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  top: -90px;
}
.parent_4 .page .sections .nos_produits .wrapper > ul li.details:after, .parent_34 .page .sections .nos_produits .wrapper > ul li.details:after, .parent_53 .page .sections .nos_produits .wrapper > ul li.details:after {
  background-color: white;
  display: block;
  content: "";
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0;
  z-index: 0;
}
@media (min-width: 880px) {
  .parent_4 .page .sections .nos_produits .wrapper > ul, .parent_34 .page .sections .nos_produits .wrapper > ul, .parent_53 .page .sections .nos_produits .wrapper > ul {
    text-align: left;
    text-align: left;
  }
}

.parent_4.rubrique_20 .page .sections .nos_produits .wrapper > ul > li:not(.details), .parent_4.rubrique_35 .page .sections .nos_produits .wrapper > ul > li:not(.details), .parent_4.rubrique_54 .page .sections .nos_produits .wrapper > ul > li:not(.details), .parent_34.rubrique_20 .page .sections .nos_produits .wrapper > ul > li:not(.details), .parent_34.rubrique_35 .page .sections .nos_produits .wrapper > ul > li:not(.details), .parent_34.rubrique_54 .page .sections .nos_produits .wrapper > ul > li:not(.details), .parent_53.rubrique_20 .page .sections .nos_produits .wrapper > ul > li:not(.details), .parent_53.rubrique_35 .page .sections .nos_produits .wrapper > ul > li:not(.details), .parent_53.rubrique_54 .page .sections .nos_produits .wrapper > ul > li:not(.details) {
  width: 170px;
  height: 150px;
}

.rubrique_14 .page, .rubrique_41 .page, .rubrique_60 .page {
  overflow: hidden;
}
.rubrique_14 .nav_interieure ul li:nth-child(1) a, .rubrique_41 .nav_interieure ul li:nth-child(1) a, .rubrique_60 .nav_interieure ul li:nth-child(1) a {
  color: #C5D301;
}
.rubrique_14 .presentation, .rubrique_41 .presentation, .rubrique_60 .presentation {
  position: relative;
}
.rubrique_14 .presentation p, .rubrique_41 .presentation p, .rubrique_60 .presentation p {
  text-align: justify;
}
.rubrique_14 .presentation .svg_conteneur, .rubrique_41 .presentation .svg_conteneur, .rubrique_60 .presentation .svg_conteneur {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  top: 50%;
  left: 50%;
  margin-left: 200px;
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
.rubrique_14 .presentation .svg_conteneur .framboise, .rubrique_41 .presentation .svg_conteneur .framboise, .rubrique_60 .presentation .svg_conteneur .framboise {
  top: -60px;
  left: 60px;
}
.rubrique_14 .presentation .svg_conteneur .citron, .rubrique_41 .presentation .svg_conteneur .citron, .rubrique_60 .presentation .svg_conteneur .citron {
  top: 90px;
  left: 90px;
}
.rubrique_14 .presentation, .rubrique_41 .presentation, .rubrique_60 .presentation {
  /* fleche violette vers la partie suivant de la page */
}
.rubrique_14 .presentation .descriptif_rubrique::after, .rubrique_41 .presentation .descriptif_rubrique::after, .rubrique_60 .presentation .descriptif_rubrique::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 65px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  inset: auto 40px -20px auto;
  z-index: 2;
  background: url(../assets/images/pictos/fleche.svg) no-repeat;
  background-size: contain;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
  transform: rotate(-90deg);
}
.rubrique_14, .rubrique_41, .rubrique_60 {
  /* deuxième partie de la page, avec le carousel et le fond rose */
}
.rubrique_14 .carousel_atelier, .rubrique_41 .carousel_atelier, .rubrique_60 .carousel_atelier {
  position: relative;
  /* le fond rose */
}
.rubrique_14 .carousel_atelier::before, .rubrique_41 .carousel_atelier::before, .rubrique_60 .carousel_atelier::before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
  inset: 0 0 0 0;
  background: #E4BBCF;
  transform: skewY(-1deg);
  transform-origin: right;
}
.rubrique_14 .carousel_atelier .carousel_conteneur .carnet, .rubrique_41 .carousel_atelier .carousel_conteneur .carnet, .rubrique_60 .carousel_atelier .carousel_conteneur .carnet {
  top: -20px;
  background: url(../assets/images/pictos/post-it_lignes.svg) no-repeat;
  background-size: 80%;
  text-align: center;
  color: #A61D5E;
  text-transform: none;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  transform: rotate(0deg);
}
.rubrique_14 .carousel_atelier .carousel_conteneur .carnet p, .rubrique_41 .carousel_atelier .carousel_conteneur .carnet p, .rubrique_60 .carousel_atelier .carousel_conteneur .carnet p {
  max-width: 280px;
  padding: 65px 0 0 30px;
  margin-left: -10px;
  transform: rotate(8deg);
}
.rubrique_14 .carousel_atelier .carousel_conteneur .carnet, .rubrique_41 .carousel_atelier .carousel_conteneur .carnet, .rubrique_60 .carousel_atelier .carousel_conteneur .carnet {
  /* feuille violette à droite */
}
.rubrique_14 .carousel_atelier .carousel_conteneur .carnet::after, .rubrique_41 .carousel_atelier .carousel_conteneur .carnet::after, .rubrique_60 .carousel_atelier .carousel_conteneur .carnet::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  inset: 20% 0 auto auto;
  background: url(../assets/images/pictos/feuille.svg) no-repeat;
  background-size: contain;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.rubrique_14 .carousel_atelier .carousel_conteneur .carousel_polaroid_large, .rubrique_41 .carousel_atelier .carousel_conteneur .carousel_polaroid_large, .rubrique_60 .carousel_atelier .carousel_conteneur .carousel_polaroid_large {
  margin-top: -100px;
  /* decoration violette dans le coin */
}
.rubrique_14 .carousel_atelier .carousel_conteneur .carousel_polaroid_large .slick-list::before, .rubrique_41 .carousel_atelier .carousel_conteneur .carousel_polaroid_large .slick-list::before, .rubrique_60 .carousel_atelier .carousel_conteneur .carousel_polaroid_large .slick-list::before {
  inset: auto -30px -30px auto;
  transform: rotate(180deg) scaleX(-1);
}
.rubrique_14 .carousel_atelier .carousel_conteneur .carousel_polaroid_large, .rubrique_41 .carousel_atelier .carousel_conteneur .carousel_polaroid_large, .rubrique_60 .carousel_atelier .carousel_conteneur .carousel_polaroid_large {
  /* scotch ddans le coin de la photo */
}
.rubrique_14 .carousel_atelier .carousel_conteneur .carousel_polaroid_large .slick-current::after, .rubrique_41 .carousel_atelier .carousel_conteneur .carousel_polaroid_large .slick-current::after, .rubrique_60 .carousel_atelier .carousel_conteneur .carousel_polaroid_large .slick-current::after {
  top: -60px;
  left: -60px;
  transform: rotate(90deg);
}
.rubrique_14 .carousel_atelier .carousel_conteneur .compteur .total, .rubrique_41 .carousel_atelier .carousel_conteneur .compteur .total, .rubrique_60 .carousel_atelier .carousel_conteneur .compteur .total {
  color: #E4BBCF;
}
@media (min-width: 1130px) {
  .rubrique_14 .carousel_atelier .carousel_conteneur .carnet, .rubrique_41 .carousel_atelier .carousel_conteneur .carnet, .rubrique_60 .carousel_atelier .carousel_conteneur .carnet {
    margin: -83px 0 0 500px;
    top: 70px;
  }
  .rubrique_14 .carousel_atelier .carousel_conteneur .compteur, .rubrique_41 .carousel_atelier .carousel_conteneur .compteur, .rubrique_60 .carousel_atelier .carousel_conteneur .compteur {
    display: inline-block;
    vertical-align: top;
    margin: -250px 0 0 -100px;
  }
  .rubrique_14 .carousel_atelier .carousel_conteneur .compteur .total, .rubrique_41 .carousel_atelier .carousel_conteneur .compteur .total, .rubrique_60 .carousel_atelier .carousel_conteneur .compteur .total {
    color: white;
  }
}
.rubrique_14 .carousel_atelier .svg_conteneur, .rubrique_41 .carousel_atelier .svg_conteneur, .rubrique_60 .carousel_atelier .svg_conteneur {
  position: absolute;
  top: 0;
  left: 0;
  top: 50%;
  left: 50%;
  margin: 130px 0 0 -400px;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
  opacity: 0.5;
}
.rubrique_14 .carousel_atelier .svg_conteneur .oignon, .rubrique_41 .carousel_atelier .svg_conteneur .oignon, .rubrique_60 .carousel_atelier .svg_conteneur .oignon {
  inset: 70px -70px auto auto;
}

.rubrique_15 .page .nav_interieure ul li:nth-child(2) a, .rubrique_42 .page .nav_interieure ul li:nth-child(2) a, .rubrique_61 .page .nav_interieure ul li:nth-child(2) a {
  color: #C5D301;
}

/* Commun à la bannière le miamzine et à la section sur la page d'accueil (à exporter ensuite ailleurs car elle est également utilisé comme section sur la page d'accueil
 */
.page .miamzine_banniere {
  position: relative;
  padding: 50px 15px;
  background: url(../assets/images/backgrounds/banniere_miamzine.jpeg);
  background-size: cover;
  background-position: bottom center;
  color: #fff;
  text-align: center;
}
.page .miamzine_banniere .wrapper {
  position: relative;
  /* Titre "Le miamzine" */
}
.page .miamzine_banniere .wrapper .miamzine_titre {
  display: block;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 50px;
  line-height: 60px;
  text-transform: uppercase;
  /* "Miam" */
}
.page .miamzine_banniere .wrapper .miamzine_titre span {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  position: static;
  /* Le picto des ustensiles */
}
.page .miamzine_banniere .wrapper .miamzine_titre span::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: -120px;
  top: auto;
  right: 0;
  left: auto;
  width: 200px;
  height: 100px;
  background: url(../assets/images/pictos/ustensiles.svg) no-repeat;
  background-size: contain;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(29deg) brightness(106%) contrast(106%);
}
.page .miamzine_banniere .wrapper .miamzine_titre {
  /* Le picto du cuisto */
}
.page .miamzine_banniere .wrapper .miamzine_titre::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: -157px;
  top: auto;
  width: 182px;
  height: 200px;
  background: url(../assets/images/pictos/cuisto.svg) no-repeat;
  background-size: contain;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(29deg) brightness(106%) contrast(106%);
}
.page .miamzine_banniere .wrapper {
  /* Le magazine gourmand de nos meilleures recettes ! */
}
.page .miamzine_banniere .wrapper p {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 23px;
  line-height: 32px;
  text-transform: initial;
}
.page .miamzine_banniere .wrapper {
  /* Le conteneur de tous les svg */
}
.page .miamzine_banniere .wrapper .svg_conteneur {
  display: none;
}
.page .miamzine_banniere .wrapper .svg_conteneur > * {
  position: absolute;
  top: 0;
  left: 0;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(29deg) brightness(106%) contrast(106%);
}
.page .miamzine_banniere .wrapper .svg_conteneur .figue {
  top: -20px;
  right: 40px;
  left: auto;
}
.page .miamzine_banniere .wrapper .svg_conteneur .feuille:first-of-type {
  top: -10px;
  left: 16%;
  transform: scale(-1.3, 1.3) rotate(-5deg);
}
.page .miamzine_banniere .wrapper .svg_conteneur .feuille:nth-child(2) {
  top: 45px;
  right: 70px;
  left: auto;
}
@media (min-width: 600px) {
  .page .miamzine_banniere {
    /* Titre "Le miamzine" */
  }
  .page .miamzine_banniere .wrapper .miamzine_titre {
    font-size: 110px;
    line-height: 100px;
  }
}
@media (min-width: 880px) {
  .page .miamzine_banniere .wrapper {
    /* Titre "Le miamzine" */
  }
  .page .miamzine_banniere .wrapper .miamzine_titre {
    /* Le picto des ustensiles */
  }
  .page .miamzine_banniere .wrapper .miamzine_titre span::before {
    display: block;
  }
  .page .miamzine_banniere .wrapper .miamzine_titre {
    /* Picto du cuisto */
  }
  .page .miamzine_banniere .wrapper .miamzine_titre::before {
    display: block;
  }
  .page .miamzine_banniere .wrapper {
    /* Le conteneur de tous les svg */
  }
  .page .miamzine_banniere .wrapper .svg_conteneur {
    display: block;
  }
}
@media (min-width: 1130px) {
  .page .miamzine_banniere {
    /* Titre "Le miamzine" */
  }
  .page .miamzine_banniere .wrapper .miamzine_titre {
    /* Le picto des ustensiles */
  }
  .page .miamzine_banniere .wrapper .miamzine_titre span::before {
    bottom: -130px;
    width: 300px;
    height: 170px;
  }
  .page .miamzine_banniere .wrapper .miamzine_titre {
    /* Le picto du cuisto */
  }
  .page .miamzine_banniere .wrapper .miamzine_titre::before {
    bottom: -152px;
    width: 252px;
    height: 270px;
  }
}

/* Commun à la page de toutes les recettes du Miamzine + à la page recette individuelle */
.secteur_5 .page, .rubrique_43 .page, .rubrique_62 .page, .rubrique_5.page_article .page {
  /* Spécifique à la bannière sur la page le miamzine */
}
.secteur_5 .page .banniere, .rubrique_43 .page .banniere, .rubrique_62 .page .banniere, .rubrique_5.page_article .page .banniere {
  margin-bottom: 30px;
  padding: 65px 15px 130px;
}
.secteur_5 .page .banniere .wrapper, .rubrique_43 .page .banniere .wrapper, .rubrique_62 .page .banniere .wrapper, .rubrique_5.page_article .page .banniere .wrapper {
  /* Jeter un coup d'oeil aux recettes pour y trouver votre bonheur : présent uniquement sur la page d'accueil */
}
.secteur_5 .page .banniere .wrapper > span, .rubrique_43 .page .banniere .wrapper > span, .rubrique_62 .page .banniere .wrapper > span, .rubrique_5.page_article .page .banniere .wrapper > span {
  display: none;
}
.secteur_5 .page .banniere .wrapper, .rubrique_43 .page .banniere .wrapper, .rubrique_62 .page .banniere .wrapper, .rubrique_5.page_article .page .banniere .wrapper {
  /* Le picto des fruits */
}
.secteur_5 .page .banniere .wrapper span::after, .rubrique_43 .page .banniere .wrapper span::after, .rubrique_62 .page .banniere .wrapper span::after, .rubrique_5.page_article .page .banniere .wrapper span::after {
  display: none;
}
.secteur_5 .page .banniere, .rubrique_43 .page .banniere, .rubrique_62 .page .banniere, .rubrique_5.page_article .page .banniere {
  /* La diagonale grise utilisée sur la page d'accueil, elle est inutile ici alors on la masque */
  /* &::before{ @include cacher;} */
}
.secteur_5 .page, .rubrique_43 .page, .rubrique_62 .page, .rubrique_5.page_article .page {
  /* La liste des recettes */
}
.secteur_5 .page .liste_recettes li, .rubrique_43 .page .liste_recettes li, .rubrique_62 .page .liste_recettes li, .rubrique_5.page_article .page .liste_recettes li {
  position: relative;
  width: 297px;
  margin: 0 auto 30px;
  box-shadow: 0px 0px 20px 3px #e9e3d8;
  overflow: hidden;
  text-align: center;
}
.secteur_5 .page .liste_recettes li a, .rubrique_43 .page .liste_recettes li a, .rubrique_62 .page .liste_recettes li a, .rubrique_5.page_article .page .liste_recettes li a {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  /* La zone de texte de la tuile */
}
.secteur_5 .page .liste_recettes li a .description_recette, .rubrique_43 .page .liste_recettes li a .description_recette, .rubrique_62 .page .liste_recettes li a .description_recette, .rubrique_5.page_article .page .liste_recettes li a .description_recette {
  padding: 20px;
  /* Le titre de la tuile */
}
.secteur_5 .page .liste_recettes li a .description_recette .nom_recette, .rubrique_43 .page .liste_recettes li a .description_recette .nom_recette, .rubrique_62 .page .liste_recettes li a .description_recette .nom_recette, .rubrique_5.page_article .page .liste_recettes li a .description_recette .nom_recette {
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
}
.secteur_5 .page .liste_recettes li a .description_recette, .rubrique_43 .page .liste_recettes li a .description_recette, .rubrique_62 .page .liste_recettes li a .description_recette, .rubrique_5.page_article .page .liste_recettes li a .description_recette {
  /* Le texte pour la quantité */
}
.secteur_5 .page .liste_recettes li a .description_recette .quantite, .rubrique_43 .page .liste_recettes li a .description_recette .quantite, .rubrique_62 .page .liste_recettes li a .description_recette .quantite, .rubrique_5.page_article .page .liste_recettes li a .description_recette .quantite {
  color: #EC9E29;
}
.secteur_5 .page .liste_recettes li a::before, .secteur_5 .page .liste_recettes li a::after, .rubrique_43 .page .liste_recettes li a::before, .rubrique_43 .page .liste_recettes li a::after, .rubrique_62 .page .liste_recettes li a::before, .rubrique_62 .page .liste_recettes li a::after, .rubrique_5.page_article .page .liste_recettes li a::before, .rubrique_5.page_article .page .liste_recettes li a::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
}
.secteur_5 .page .liste_recettes li a, .rubrique_43 .page .liste_recettes li a, .rubrique_62 .page .liste_recettes li a, .rubrique_5.page_article .page .liste_recettes li a {
  /* La tuile violette translucide qui passe au-dessus de la tuile au hover */
}
.secteur_5 .page .liste_recettes li a::before, .rubrique_43 .page .liste_recettes li a::before, .rubrique_62 .page .liste_recettes li a::before, .rubrique_5.page_article .page .liste_recettes li a::before {
  content: "";
  background: #A61D5E;
  opacity: 0.75;
}
.secteur_5 .page .liste_recettes li a, .rubrique_43 .page .liste_recettes li a, .rubrique_62 .page .liste_recettes li a, .rubrique_5.page_article .page .liste_recettes li a {
  /* Voir la recette ! */
}
.secteur_5 .page .liste_recettes li a::after, .rubrique_43 .page .liste_recettes li a::after, .rubrique_62 .page .liste_recettes li a::after, .rubrique_5.page_article .page .liste_recettes li a::after {
  content: "Voir la recette !";
  padding-top: 35%;
  background: url(../assets/images/pictos/picto_oeil.png.2022_01_13_17_51_08.0.svg) no-repeat center 25px;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 35px;
  color: #fff;
}
.secteur_5 .page .liste_recettes li a, .rubrique_43 .page .liste_recettes li a, .rubrique_62 .page .liste_recettes li a, .rubrique_5.page_article .page .liste_recettes li a {
  /* Au hover du lien, on réinitialise la couleur par défaut sur Orion */
}
.secteur_5 .page .liste_recettes li a:hover, .rubrique_43 .page .liste_recettes li a:hover, .rubrique_62 .page .liste_recettes li a:hover, .rubrique_5.page_article .page .liste_recettes li a:hover {
  color: #373E44;
}
.secteur_5 .page .liste_recettes li:hover a::before, .secteur_5 .page .liste_recettes li:hover a::after, .rubrique_43 .page .liste_recettes li:hover a::before, .rubrique_43 .page .liste_recettes li:hover a::after, .rubrique_62 .page .liste_recettes li:hover a::before, .rubrique_62 .page .liste_recettes li:hover a::after, .rubrique_5.page_article .page .liste_recettes li:hover a::before, .rubrique_5.page_article .page .liste_recettes li:hover a::after {
  top: 0;
}
@media (min-width: 600px) {
  .secteur_5 .page .liste_recettes, .rubrique_43 .page .liste_recettes, .rubrique_62 .page .liste_recettes, .rubrique_5.page_article .page .liste_recettes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
  }
  .secteur_5 .page .liste_recettes li, .rubrique_43 .page .liste_recettes li, .rubrique_62 .page .liste_recettes li, .rubrique_5.page_article .page .liste_recettes li {
    margin: 0;
  }
}

html.en .liste_recettes li a:after {
  content: "See the receipe" !important;
}

html.it .liste_recettes li a:after {
  content: "Vedere la ricetta" !important;
}

/* Pour la page de toutes les recettes du Miamzine */
.secteur_5 .page, .rubrique_43 .page, .rubrique_62 .page {
  /* L'arbo */
}
.secteur_5 .page .nav_interieure, .rubrique_43 .page .nav_interieure, .rubrique_62 .page .nav_interieure {
  float: initial;
}
.secteur_5 .page .nav_interieure .arbo, .rubrique_43 .page .nav_interieure .arbo, .rubrique_62 .page .nav_interieure .arbo {
  padding: 15px 0;
}
.secteur_5 .page, .rubrique_43 .page, .rubrique_62 .page {
  /* La partie sous la bannière */
}
.secteur_5 .page .corpsPage section, .rubrique_43 .page .corpsPage section, .rubrique_62 .page .corpsPage section {
  padding: 0;
}
.secteur_5 .page .corpsPage section .wrapper, .rubrique_43 .page .corpsPage section .wrapper, .rubrique_62 .page .corpsPage section .wrapper {
  width: 100%;
  /* Les illustrations présentes sous la bannière */
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes {
  display: none;
  margin-top: 30px;
  margin-bottom: 100px;
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item {
  position: relative;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 49px;
  line-height: 63px;
  /* Les flèches de couleurs */
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item strong::before, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item strong::before, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item strong::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 62px;
  background: url(../assets/images/pictos/fleche.svg) no-repeat;
  background-size: contain;
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes {
  /* La première div comprenant les deux premières images */
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child {
  width: 460px;
  /* Les deux premières images */
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:first-child, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:first-child, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:first-child {
  color: #EC9E29;
  /* Les flèches de couleurs */
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:first-child strong::before, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:first-child strong::before, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:first-child strong::before {
  filter: invert(64%) sepia(48%) saturate(677%) hue-rotate(355deg) brightness(94%) contrast(97%);
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:first-child, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:first-child, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:first-child {
  /* L'image */
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:first-child img, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:first-child img, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:first-child img {
  width: 334px;
  height: 223px;
  background: #EC9E29;
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:last-child, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:last-child, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:last-child {
  color: #C5D301;
  /* Les flèches de couleurs */
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:last-child strong::before, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:last-child strong::before, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:last-child strong::before {
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:last-child, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:last-child, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:last-child {
  /* L'image */
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:last-child img, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:last-child img, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child > .illustration_item:last-child img {
  width: 451px;
  height: 176px;
  background: #C5D301;
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes {
  /* La dernière image */
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item {
  color: #A61D5E;
  /* Les flèches de couleurs */
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item strong::before, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item strong::before, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item strong::before {
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item {
  /* L'image */
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item img, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item img, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item img {
  width: 251px;
  height: 302px;
  background: #A61D5E;
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes {
  /* L'étiquette blanche posée sur les images */
}
.secteur_5 .page .corpsPage section .wrapper .illustrations_recettes .etiquette, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes .etiquette, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes .etiquette {
  display: none;
}
@media (min-width: 880px) {
  .secteur_5 .page .corpsPage section .wrapper, .rubrique_43 .page .corpsPage section .wrapper, .rubrique_62 .page .corpsPage section .wrapper {
    /* Les illustrations présentes sous la bannière */
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes {
    position: relative;
    display: flex;
    max-width: 710px;
    margin: 30px auto 150px;
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item img, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item img, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item img {
    object-fit: cover;
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item {
    /* Les flèches de couleur */
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item strong::before, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item strong::before, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes .illustration_item strong::before {
    display: block;
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes {
    /* La première div contenant les deux premières images */
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-right: 9px;
    /* La 1ere image */
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:first-child, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:first-child, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:first-child {
    position: relative;
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:first-child strong, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:first-child strong, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:first-child strong {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 50px;
    top: auto;
    left: -150px;
    transform: rotate(270deg);
    /* Les flèches de couleur */
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:first-child strong::before, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:first-child strong::before, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:first-child strong::before {
    top: 20px;
    right: -80px;
    left: auto;
    transform: rotate(275deg);
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child {
    /* La 2e image */
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:last-child, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:last-child, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:last-child {
    margin-top: 9px;
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:last-child strong, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:last-child strong, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:last-child strong {
    position: absolute;
    top: 0;
    left: 0;
    bottom: -16px;
    top: auto;
    left: 490px;
    /* Les flèches de couleur */
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:last-child strong::before, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:last-child strong::before, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > div:first-child .illustration_item:last-child strong::before {
    bottom: -45px;
    top: auto;
    left: -55px;
    transform: rotate(22deg);
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes {
    /* La dernière image */
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item {
    text-align: right;
    /* Les flèches de couleur */
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item strong::before, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item strong::before, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes > .illustration_item strong::before {
    top: 40px;
    right: -70px;
    left: auto;
    transform: rotate(-85deg);
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes {
    /* L'étiquette blanche posée sur les images */
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes .etiquette, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes .etiquette, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes .etiquette {
    position: absolute;
    top: 0;
    left: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-10deg);
    display: block;
    width: 239px;
    margin: 20px 0 0 30px;
    padding: 15px 15px 20px;
    background: white;
    font-family: "besom_2regular";
    letter-spacing: 1px;
    font-size: 55px;
    line-height: 71px;
    text-align: center;
    /* "Pleins d’idées à se mettre sous la dent !" */
  }
  .secteur_5 .page .corpsPage section .wrapper .illustrations_recettes .etiquette em, .rubrique_43 .page .corpsPage section .wrapper .illustrations_recettes .etiquette em, .rubrique_62 .page .corpsPage section .wrapper .illustrations_recettes .etiquette em {
    display: block;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 23px;
    font-size: 16px;
    line-height: 23px;
    line-height: 19px;
    font-style: normal;
  }
}

/* Pour la page de recette individuelle du Miamzine */
.rubrique_5.page_article .page .banniere {
  margin-bottom: 5vw;
}
.rubrique_5.page_article .page .banniere .wrapper {
  /* Le titre de la recette */
}
.rubrique_5.page_article .page .banniere .wrapper h1 {
  max-width: 860px;
  margin: auto;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 60px;
  line-height: 65px;
}
.rubrique_5.page_article .page .banniere .wrapper {
  /* "Le miamzine", on ne peut pas lui mettre un display none car les pictos du cuisto et des ustentiles sont lui sont reliés et ils disparaissent avec. On le place en absolute et en transparent pour ne pas que son texte se voit. En attente de la véritable image de fond pour finaliser le placement des pictos */
}
.rubrique_5.page_article .page .banniere .wrapper .miamzine_titre {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: transparent;
}
.rubrique_5.page_article .page .banniere .wrapper {
  /* Le magazine gourmand de nos meilleures recettes ! */
}
.rubrique_5.page_article .page .arbo .wrapper {
  max-width: 860px;
  margin: auto;
}
.rubrique_5.page_article .page section.recette .wrapper {
  max-width: 860px;
  /* L'image de la recette */
}
.rubrique_5.page_article .page section.recette .wrapper .logo_article img {
  position: relative;
  z-index: 1;
  border: 10px solid white;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.rubrique_5.page_article .page section.recette .wrapper {
  /* Le texte de la recette */
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article {
  margin-bottom: 80px;
  /* Commun aux deux premières colonnes */
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .ingredients, .rubrique_5.page_article .page section.recette .wrapper .texte_article .infos {
  padding: 20px 0;
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .ingredients h2, .rubrique_5.page_article .page section.recette .wrapper .texte_article .infos h2 {
  width: max-content;
  margin: auto;
  padding: 10px 20px;
  transform: rotate(-3deg);
  color: white;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 58px;
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .ingredients ul, .rubrique_5.page_article .page section.recette .wrapper .texte_article .infos ul {
  margin: 20px auto;
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .ingredients ul li, .rubrique_5.page_article .page section.recette .wrapper .texte_article .infos ul li {
  font-size: 18px;
  line-height: 26px;
  /* Les puces du li */
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .ingredients ul li::before, .rubrique_5.page_article .page section.recette .wrapper .texte_article .infos ul li::before {
  content: ">";
  margin: 0 5px;
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .ingredients h2 {
  background: #A61D5E;
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .ingredients {
  /* Les puces du li */
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .ingredients ul li::before {
  color: #A61D5E;
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .infos h2 {
  background: #EC9E29;
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .infos {
  /* Les puces du li */
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .infos ul li::before {
  color: #EC9E29;
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article {
  /* Le texte pour les étapes des recettes */
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .etapes {
  font-size: 18px;
  line-height: 26px;
  /* Le titre Etapes */
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .etapes h2:first-child {
  display: none;
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .etapes h2, .rubrique_5.page_article .page section.recette .wrapper .texte_article .etapes h3 {
  margin: 40px 0 0;
  color: #C5D301;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 35px;
  line-height: 43px;
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .etapes p {
  position: relative;
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  list-style: none;
}
.rubrique_5.page_article .page section.recette .wrapper .texte_article .etapes p::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  top: 4px;
  width: 13px;
  height: 13px;
  background: url(../../images/pictos/puce.svg) no-repeat;
  background-size: contain;
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
.rubrique_5.page_article .page section.recette .wrapper {
  /* La liste des recettes */
}
.rubrique_5.page_article .page section.recette .wrapper .liste_recettes li {
  width: 264px;
}
@media (min-width: 880px) {
  .rubrique_5.page_article .page section.recette .wrapper {
    /* Le texte de la recette */
  }
  .rubrique_5.page_article .page section.recette .wrapper .texte_article {
    /* Commun aux deux premières colonnes */
  }
  .rubrique_5.page_article .page section.recette .wrapper .texte_article .ingredients, .rubrique_5.page_article .page section.recette .wrapper .texte_article .infos {
    padding: 20px 30px;
  }
  .rubrique_5.page_article .page section.recette .wrapper .texte_article .ingredients h2, .rubrique_5.page_article .page section.recette .wrapper .texte_article .infos h2 {
    margin-top: -30px;
    margin-left: 0;
  }
  .rubrique_5.page_article .page section.recette .wrapper .texte_article {
    /* Le texte pour les étapes des recettes */
  }
  .rubrique_5.page_article .page section.recette .wrapper .texte_article .etapes {
    padding: 0 30px;
  }
}

.page_contact .banniere {
  background: url(../assets/images/backgrounds/Banniere-Nous_Contacter.png) no-repeat bottom center;
  background-size: cover;
  /* Le picto du fruit */
}
.page_contact .banniere .wrapper span::after {
  left: 279px;
}
@media (min-width: 600px) {
  .page_contact .banniere {
    /* Le picto du fruit */
  }
  .page_contact .banniere .wrapper span::after {
    left: 419px;
  }
}
.page_contact h1 {
  display: none;
}
.page_contact .contenu {
  padding-bottom: 0;
}
.page_contact .contenu .wrapper {
  display: block;
}
.page_contact .contenu .wrapper .presentation {
  max-width: initial;
}
.page_contact .contenu .wrapper .presentation .descriptif_rubrique {
  padding-left: 0;
  /* Le titre de la page */
}
.page_contact .contenu .wrapper .presentation .descriptif_rubrique #titre {
  padding-left: 0;
}
.page_contact .contenu .wrapper .presentation .descriptif_rubrique #titre h2 {
  font-size: 42px;
  line-height: 45px;
}
@media (min-width: 1200px) {
  .page_contact .contenu .wrapper .presentation {
    margin-left: 0;
  }
}
.page_contact .contenu .wrapper {
  /* Le bloc de la carte */
}
.page_contact .contenu .wrapper .carte {
  position: relative;
  margin-top: -50px;
}
.page_contact .contenu .wrapper .carte .post_it {
  position: relative;
  width: 320px;
  padding: 20px 20px 70px 70px;
  background: url(../assets/images/pictos/infos.svg) no-repeat;
  background-size: cover;
  color: #A61D5E;
  /* Horaires / Contact */
}
.page_contact .contenu .wrapper .carte .post_it h2 {
  margin: 20px 0 0;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 35px;
  line-height: 40px;
  color: #A61D5E;
}
.page_contact .contenu .wrapper .carte .post_it {
  /* Nos bureaux sont ouverts... / 6 rue Saintonges */
}
.page_contact .contenu .wrapper .carte .post_it p {
  font-size: 16px;
  line-height: 22px;
}
.page_contact .contenu .wrapper .carte .post_it p strong {
  font-weight: bold;
}
.page_contact .contenu .wrapper .carte .post_it {
  /* Le scotch rose au-dessus du post-it */
}
.page_contact .contenu .wrapper .carte .post_it::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  top: -44px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 17px;
  display: block;
  width: 135px;
  height: 112px;
  background: url(../assets/images/pictos/scotch_rose.svg) no-repeat;
}
@media (min-width: 880px) {
  .page_contact .contenu .wrapper .carte .post_it {
    position: absolute;
    top: 0;
    left: 0;
    top: -20px;
    right: 80px;
    left: auto;
  }
}
.page_contact .contenu .wrapper {
  /* Le bloc du formulaire de contact */
}
.page_contact .contenu .wrapper .contact {
  margin-top: 0;
  display: block;
  /* La colonne du formulaire de contact */
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type {
  padding: 100px 15px 0;
  background-color: #A61D5E;
  color: white;
  /* Écrivez-nous */
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type h2 {
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 55px;
  text-align: center;
  color: white;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type {
  /* Le formulaire de contact */
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip {
  max-width: 410px;
  margin: auto;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip p {
  font-size: 16px;
  line-height: 22px;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip {
  /* Les intitulés des champs */
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip label, .page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip legend {
  display: none;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip {
  /*  */
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip input:focus, .page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip textarea:focus {
  border: 1px solid #A61D5E;
  color: #373E44;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .editer_case_1 > legend {
  display: none;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip form div.editer input:not(.radio):not(.checkbox), .page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip form li.editer input:not(.radio):not(.checkbox), .page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip form div.editer textarea, .page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip form li.editer textarea {
  padding: 8px 16px;
  border-radius: 0;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .choix {
  margin-top: 7px;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .choix input, .page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .choix span {
  display: inline-block;
  vertical-align: top;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .choix input {
  margin: 4px 8px 0 0;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .choix span {
  width: 90%;
  line-height: 18px;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip {
  /* Le bouton de validation */
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .boutons {
  text-align: right;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .boutons .submit {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  margin: 15px;
  background: white;
  color: #373E44;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .boutons .submit:hover {
  background: #373E44;
  color: white;
}
.page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .boutons .submit {
  margin-right: 0;
}
.page_contact .contenu .wrapper .contact {
  /* Les numéros de téléphone */
}
.page_contact .contenu .wrapper .contact .colonne.moitie:last-of-type {
  background: url("../assets/images/backgrounds/contacts.png") no-repeat top 100px center;
  background-size: 460px;
  min-height: 600px;
  /* A votre service (masqué car le texte contient des caractères spéciaux et la typo ne les comporte pas, on met une image de background à la place */
}
.page_contact .contenu .wrapper .contact .colonne.moitie:last-of-type h2 {
  display: none;
}
@media (min-width: 600px) {
  .page_contact .contenu .wrapper .contact {
    /* La colonne du formulaire de contact */
  }
  .page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type {
    /* Le formulaire de contact */
  }
  .page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip {
    /* Les deux premiers champs */
  }
  .page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .editer_input_1, .page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .editer_input_2 {
    width: 49%;
    display: inline-block;
    vertical-align: top;
  }
  .page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip {
    /* Le premier champ */
  }
  .page_contact .contenu .wrapper .contact .colonne.moitie:first-of-type .formulaire_spip .editer_input_1 {
    margin-right: 1.5%;
    width: 48%;
  }
}
@media (min-width: 880px) {
  .page_contact .contenu .wrapper .contact {
    display: flex;
  }
}
.page_contact footer {
  margin-top: 0;
}
.page_contact.secteur_25 .contenu .wrapper .contact .colonne.moitie:last-of-type {
  background: url("../assets/images/backgrounds/contacts_en.png") no-repeat top 100px center;
  background-size: 460px;
  min-height: 600px;
}
.page_contact.secteur_44 .contenu .wrapper .contact .colonne.moitie:last-of-type {
  background: url("../assets/images/backgrounds/contacts_it.png") no-repeat top 100px center;
  background-size: 460px;
  min-height: 600px;
}

.it .page_contact .banniere {
  /* Le picto du fruit */
}
.it .page_contact .banniere .wrapper span::after {
  left: 144px;
}
@media (min-width: 600px) {
  .it .page_contact .banniere {
    /* Le picto du fruit */
  }
  .it .page_contact .banniere .wrapper span::after {
    left: 219px;
  }
}

.page_404 .page .main {
  margin: 60px 0;
}
.page_404 .page .main section {
  position: relative;
  margin-top: 50px;
  padding: 100px 15px;
  background: #C5D301;
  color: white;
  /* Les diagonales en haut et bas de section */
}
.page_404 .page .main section::before, .page_404 .page .main section::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #C5D301;
}
.page_404 .page .main section {
  /* La diagonale du haut */
}
.page_404 .page .main section::before {
  transform: skewY(-3deg);
  transform-origin: left;
}
.page_404 .page .main section {
  /* La diagonale du bas */
}
.page_404 .page .main section::after {
  transform: skewY(3deg);
  transform-origin: left;
}
.page_404 .page .main section .wrapper {
  position: relative;
}
.page_404 .page .main section .wrapper h1 {
  position: relative;
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 50px;
  line-height: 60px;
  /* déco au dessus du titre */
}
.page_404 .page .main section .wrapper h1::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  top: -10px;
  left: -20px;
  width: 30px;
  height: 30px;
  background: url(../assets/images/pictos/exclamation2.svg) no-repeat center;
  background-size: contain;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(29deg) brightness(106%) contrast(106%);
}
.page_404 .page .main section .wrapper .chapo {
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page_404 .page .main section .wrapper .chapo a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #EC9E29;
  color: white;
}
.page_404 .page .main section .wrapper .chapo a:hover {
  background: white;
  color: #EC9E29;
}
.page_404 .page .main section .wrapper .chapo a {
  margin-top: 20px;
}
.page_404 .page .main section .wrapper .svg_conteneur {
  display: none;
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(29deg) brightness(106%) contrast(106%);
}
.page_404 .page .main section .wrapper .svg_conteneur .pomme {
  left: 60%;
  top: -80px;
}
.page_404 .page .main section .wrapper .svg_conteneur .peche {
  left: auto;
  right: 20%;
  top: -150px;
}
.page_404 .page .main section .wrapper .svg_conteneur .framboise {
  left: auto;
  right: 25%;
  top: -200px;
}
.page_404 .page .main section .wrapper .svg_conteneur .feuille_chene {
  top: -50px;
  left: -100px;
}
@media (min-width: 880px) {
  .page_404 .page .main {
    margin: 200px 0;
  }
  .page_404 .page .main section .wrapper .svg_conteneur {
    display: block;
  }
}
.page_404 .page footer {
  margin-top: 0;
}

/* Commun à toutes les pages du secteur 16 */
.secteur_16 .page .banniere .wrapper span::after, .rubrique_64 .page .banniere .wrapper span::after, .rubrique_65 .page .banniere .wrapper span::after, .rubrique_66 .page .banniere .wrapper span::after, .rubrique_69 .page .banniere .wrapper span::after, .rubrique_70 .page .banniere .wrapper span::after {
  left: 243px;
}
@media (min-width: 600px) {
  .secteur_16 .page .banniere .wrapper span::after, .rubrique_64 .page .banniere .wrapper span::after, .rubrique_65 .page .banniere .wrapper span::after, .rubrique_66 .page .banniere .wrapper span::after, .rubrique_69 .page .banniere .wrapper span::after, .rubrique_70 .page .banniere .wrapper span::after {
    left: 366px;
  }
}
.secteur_16 .page .contenu .presentation, .rubrique_64 .page .contenu .presentation, .rubrique_65 .page .contenu .presentation, .rubrique_66 .page .contenu .presentation, .rubrique_69 .page .contenu .presentation, .rubrique_70 .page .contenu .presentation {
  max-width: 960px;
  margin-left: 0;
}
.secteur_16 .page .contenu .presentation .descriptif_rubrique, .rubrique_64 .page .contenu .presentation .descriptif_rubrique, .rubrique_65 .page .contenu .presentation .descriptif_rubrique, .rubrique_66 .page .contenu .presentation .descriptif_rubrique, .rubrique_69 .page .contenu .presentation .descriptif_rubrique, .rubrique_70 .page .contenu .presentation .descriptif_rubrique {
  padding: 0;
  max-width: 960px;
  /* Les titres verts */
}
.secteur_16 .page .contenu .presentation .descriptif_rubrique h2, .rubrique_64 .page .contenu .presentation .descriptif_rubrique h2, .rubrique_65 .page .contenu .presentation .descriptif_rubrique h2, .rubrique_66 .page .contenu .presentation .descriptif_rubrique h2, .rubrique_69 .page .contenu .presentation .descriptif_rubrique h2, .rubrique_70 .page .contenu .presentation .descriptif_rubrique h2 {
  margin: 60px 0 15px;
}
.secteur_16 .page .contenu .presentation .descriptif_rubrique h2 strong, .rubrique_64 .page .contenu .presentation .descriptif_rubrique h2 strong, .rubrique_65 .page .contenu .presentation .descriptif_rubrique h2 strong, .rubrique_66 .page .contenu .presentation .descriptif_rubrique h2 strong, .rubrique_69 .page .contenu .presentation .descriptif_rubrique h2 strong, .rubrique_70 .page .contenu .presentation .descriptif_rubrique h2 strong {
  font-family: "besom_2regular";
  letter-spacing: 1px;
  color: #C5D301;
}
.secteur_16 .page .contenu .presentation .descriptif_rubrique p, .rubrique_64 .page .contenu .presentation .descriptif_rubrique p, .rubrique_65 .page .contenu .presentation .descriptif_rubrique p, .rubrique_66 .page .contenu .presentation .descriptif_rubrique p, .rubrique_69 .page .contenu .presentation .descriptif_rubrique p, .rubrique_70 .page .contenu .presentation .descriptif_rubrique p {
  max-width: 100%;
}
.secteur_16 .page .contenu .presentation .descriptif_rubrique article a, .rubrique_64 .page .contenu .presentation .descriptif_rubrique article a, .rubrique_65 .page .contenu .presentation .descriptif_rubrique article a, .rubrique_66 .page .contenu .presentation .descriptif_rubrique article a, .rubrique_69 .page .contenu .presentation .descriptif_rubrique article a, .rubrique_70 .page .contenu .presentation .descriptif_rubrique article a {
  color: #A61D5E;
}
.secteur_16 .page .contenu .presentation .descriptif_rubrique article a:hover, .rubrique_64 .page .contenu .presentation .descriptif_rubrique article a:hover, .rubrique_65 .page .contenu .presentation .descriptif_rubrique article a:hover, .rubrique_66 .page .contenu .presentation .descriptif_rubrique article a:hover, .rubrique_69 .page .contenu .presentation .descriptif_rubrique article a:hover, .rubrique_70 .page .contenu .presentation .descriptif_rubrique article a:hover {
  color: #C5D301;
}
.secteur_16 .page .contenu .presentation .descriptif_rubrique article li, .rubrique_64 .page .contenu .presentation .descriptif_rubrique article li, .rubrique_65 .page .contenu .presentation .descriptif_rubrique article li, .rubrique_66 .page .contenu .presentation .descriptif_rubrique article li, .rubrique_69 .page .contenu .presentation .descriptif_rubrique article li, .rubrique_70 .page .contenu .presentation .descriptif_rubrique article li {
  list-style: initial;
  margin: 0 20px;
}

.page_plan .page .contenu .presentation .descriptif_rubrique {
  max-width: initial;
}
.page_plan .page .contenu .presentation .descriptif_rubrique h1 {
  font-family: "besom_2regular";
  letter-spacing: 1px;
  font-size: 50px;
  line-height: 60px;
}
.page_plan .page .contenu .presentation .descriptif_rubrique .rubriques {
  font-size: 32px;
  line-height: 42px;
  font-size: 24px;
  line-height: 28px;
}
.page_plan .page .contenu .presentation .descriptif_rubrique .rubriques li {
  margin: 10px 0;
}
.page_plan .page .contenu .presentation .descriptif_rubrique .rubriques li a:hover {
  color: #A61D5E;
}
.page_plan .page .contenu .presentation .descriptif_rubrique .rubriques li {
  /* les puces */
}
.page_plan .page .contenu .presentation .descriptif_rubrique .rubriques li::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 15px;
  margin-top: 7px;
  background: url(../assets/images/pictos/puce.svg) no-repeat left center;
  filter: invert(15%) sepia(72%) saturate(3509%) hue-rotate(315deg) brightness(91%) contrast(90%);
}
.page_plan .page .contenu .presentation .descriptif_rubrique .rubriques li > ul > li {
  padding-left: 15px;
}
.page_plan .page .contenu .presentation .descriptif_rubrique .rubriques li > ul > li a:hover {
  color: #C5D301;
}
.page_plan .page .contenu .presentation .descriptif_rubrique .rubriques li > ul > li::before {
  filter: invert(71%) sepia(95%) saturate(1759%) hue-rotate(20deg) brightness(103%) contrast(103%);
}
.page_plan .page .contenu .presentation .descriptif_rubrique .rubriques li > ul > li > ul li {
  padding-left: 30px;
}
.page_plan .page .contenu .presentation .descriptif_rubrique .rubriques li > ul > li > ul li a:hover {
  color: #EC9E29;
}
.page_plan .page .contenu .presentation .descriptif_rubrique .rubriques li > ul > li > ul li::before {
  filter: invert(64%) sepia(48%) saturate(677%) hue-rotate(355deg) brightness(94%) contrast(97%);
}

.page_export h2 {
  color: #C5D301;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 45px;
  text-align: center;
  margin: 70px auto;
}
.page_export article {
  width: fit-content;
  margin: 0 auto;
}
.page_export article a {
  display: inline-block;
  vertical-align: top;
  padding: 8px 30px;
  border-radius: 50px;
  font-family: "brandon-grotesque", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  font-size: 14px;
  line-height: 18px;
  line-height: 17px;
  transition: all 0.2s ease;
  cursor: pointer;
  background: #A61D5E;
  color: white;
}
.page_export article a:hover {
  background: #C5D301;
}