@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Questrial", sans-serif !important;
  scroll-behavior: smooth;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

html,
body {
  height: 100%;
}

body {
  max-width: 1920px;
  margin: 0 auto;
  overflow-x: hidden;
}
body main {
  max-width: 1200px;
}
body #mainPages {
  margin: 0 auto;
  padding: 0 1em;
}
body span {
  font-weight: 1000;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-stroke: 1px transparent;
}

button {
  cursor: pointer;
}

.flex-center, .header-transparent, .header-color-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.absolute-center, #fullPageHome .logo-CTA .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.text-center {
  text-align: center;
  margin-bottom: 0.3em;
}

.filter-white {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.italic-grey {
  color: #525252;
  font-style: italic;
}

.scrollable-content {
  max-height: 250px;
  overflow-y: scroll;
  padding: 7px;
  margin-bottom: 1em;
}
.scrollable-content span {
  font-weight: 1000;
  text-decoration: underline;
}

#pagesH1 {
  position: relative;
  padding: 3em 0 1em;
  text-transform: uppercase;
  text-align: center;
  color: #000000;
  font-weight: 100;
}
#pagesH1::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 28%;
  background-color: #000000;
  top: 68.5%;
  right: 0;
}
@media (max-width: 950px) {
  #pagesH1::after {
    width: 20%;
  }
}
@media (max-width: 720px) {
  #pagesH1::after {
    width: 17%;
  }
}
@media (max-width: 570px) {
  #pagesH1::after {
    width: 12%;
  }
}
@media (max-width: 470px) {
  #pagesH1::after {
    width: 5%;
  }
}
#pagesH1::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 28%;
  background-color: #000000;
  top: 68.5%;
  left: 0;
}
@media (max-width: 950px) {
  #pagesH1::before {
    width: 20%;
  }
}
@media (max-width: 720px) {
  #pagesH1::before {
    width: 17%;
  }
}
@media (max-width: 570px) {
  #pagesH1::before {
    width: 12%;
  }
}
@media (max-width: 470px) {
  #pagesH1::before {
    width: 5%;
  }
}

.button {
  padding: 1em 2.5em;
  border: none;
  font-size: 1em;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: 200ms;
  transition: 200ms;
}
.button:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.transparent {
  background-color: rgba(255, 255, 255, 0.7);
  color: #214b41;
  border: solid 1px #214b41;
  cursor: pointer;
}

.disclaimer-btn {
  background-color: #214b41;
  color: white;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.41);
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.41);
}

.partners-btn {
  color: #ffffff;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.41);
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.41);
}
.partners-btn a {
  color: #ffffff;
  text-decoration: none;
}

.hr-btn {
  width: 190px;
  display: block;
  padding: 0.7em 3.5em;
  background-color: #ffffff;
  color: #000000;
  text-decoration: none;
  -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.41);
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.41);
  -webkit-transition: 200ms;
  transition: 200ms;
}
.hr-btn:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.pepi-btn {
  margin: 2em auto 0;
}

.blog-return-btn {
  text-decoration: none;
  margin: 30px 50%;
}
.blog-return-btn button {
  padding: 1em 2.5em;
  margin-bottom: 30px;
  transform: translateX(-50%);
  border: none;
  font-size: 1em;
  font-weight: 500;
  background-color: #214b41;
  color: white;
  cursor: pointer;
  -webkit-transition: 200ms;
  transition: 200ms;
}

.blog-button {
  padding: 1em 2.5em;
  margin: 30px 50% 0;
  transform: translateX(-50%);
  border: none;
  font-size: 1em;
  font-weight: 500;
  background-color: #214b41;
  color: white;
  cursor: pointer;
  -webkit-transition: 200ms;
  transition: 200ms;
}
.blog-button:hover {
  -webkit-transform: scale(1.02) translateX(-50%);
  transform: scale(1.02) translateX(-50%);
}

.separator {
  width: 100%;
  height: 1px;
  margin: 1.2em 0 1.5em;
}

.black {
  background-color: #000000;
}

.white {
  background-color: #ffffff;
}

.cama-blue {
  background-color: #1ba39b;
}

.cama-green {
  background-color: #1bbc9b;
}

.captcha-branding {
  color: grey;
}
.captcha-branding a {
  text-decoration: none;
  color: #6fb6f3;
}

.grecaptcha-badge {
  visibility: hidden;
  opacity: 0;
}

.legal-disclaimer {
  position: fixed;
  z-index: 10;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
}
.legal-disclaimer__container {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.legal-disclaimer__container img {
  width: 100%;
  max-width: 300px;
  margin-bottom: 2em;
}
.legal-disclaimer__container select {
  font-family: "gotham-black", sans-serif;
  background-color: #ffffff;
  color: #214b41;
  border: none;
  padding: 0.2em;
  text-transform: uppercase;
  margin-bottom: 1em;
}
.legal-disclaimer__container #flag {
  width: 40px;
  height: 30px;
  margin-bottom: 1em;
}
.legal-disclaimer__container--choices {
  margin-top: 1em;
}
.legal-disclaimer__container--choices button {
  text-transform: uppercase;
  margin: 1em;
}

#cookiesApproval .cookies-container {
  position: fixed;
  width: 100%;
  z-index: 11;
  bottom: 0;
  background-color: white;
  padding: 12px;
  -webkit-box-shadow: 0px -3px 15px 5px rgba(0, 0, 0, 0.28);
  box-shadow: 0px -3px 15px 5px rgba(0, 0, 0, 0.28);
}
#cookiesApproval .cookies-container h4 {
  font-size: 17px;
  padding-bottom: 10px;
}
#cookiesApproval .cookies-container p {
  margin-bottom: 15px;
}
#cookiesApproval .cookies-container a {
  color: black;
}
#cookiesApproval .cookies-container button {
  margin-right: 7px;
  color: white;
  background-color: #214b41;
}

header .link {
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  -webkit-transition: 200ms;
  transition: 200ms;
}

.links-after, #responsiveHeaderDom .responsive-header-transparent a::after, #responsiveHeaderDom .responsive-header-primary a::after, .header-transparent .nav-container .link::after, .header-color-primary .nav-container .link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  bottom: -0.3em;
  left: 0;
  opacity: 0;
  -webkit-transition: 200ms;
  transition: 200ms;
  -webkit-transform: translateY(7px);
  transform: translateY(7px);
}

.header-color-primary {
  width: 100%;
  position: fixed;
  -webkit-transition: 500ms;
  transition: 500ms;
  background-color: #214b41;
  z-index: 9;
  min-height: 70px;
  -webkit-box-shadow: 1px 3px 10px 3px rgba(0, 0, 0, 0.59);
  box-shadow: 1px 3px 10px 3px rgba(0, 0, 0, 0.59);
}
.header-color-primary #logoHeaderNav {
  position: absolute;
  left: 2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 500ms;
  transition: 500ms;
}
.header-color-primary .nav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1220px;
  width: 80%;
  padding: 1.6em 0;
  -webkit-transform: translateX(110px);
  transform: translateX(110px);
  -webkit-transition: 500ms;
  transition: 500ms;
}
.header-color-primary .nav-container .link {
  color: #ffffff;
}
.header-color-primary .nav-container .link::after {
  background-color: #ffffff;
}
.header-color-primary .nav-container .link:hover::after {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.header-color-primary .nav-container .link__actif {
  font-weight: 600;
}
.header-color-primary .nav-container .link__actif::after {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media (max-width: 1250px) {
  .header-color-primary .nav-container {
    display: none;
  }
}

.header-transparent {
  position: fixed;
  width: 100%;
  -webkit-transition: 500ms;
  transition: 500ms;
  z-index: 9;
}
.header-transparent #logoHeaderNav {
  display: none;
}
.header-transparent .nav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1220px;
  padding: 1.6em 0;
  -webkit-transition: 500ms;
  transition: 500ms;
}
.header-transparent .nav-container .link {
  position: relative;
  color: #214b41;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-transition: 200ms;
  transition: 200ms;
  letter-spacing: 1px;
}
.header-transparent .nav-container .link::after {
  background-color: #214b41;
}
.header-transparent .nav-container .link:hover::after {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@media (max-width: 1250px) {
  .header-transparent .nav-container {
    display: none;
  }
}

.responsive-base, #responsiveHeaderDom .responsive-header-transparent, #responsiveHeaderDom .responsive-header-primary {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 0;
  width: 100%;
  text-align: center;
}

.link-display, #responsiveHeaderDom .responsive-header-transparent a, #responsiveHeaderDom .responsive-header-primary a {
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  -webkit-transition: 200ms;
  transition: 200ms;
}

#headerHamburger {
  position: absolute;
  display: none;
  right: 1em;
  top: 1.5em;
  width: 30px;
  height: 30px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  overflow: visible;
  z-index: 9;
}
#headerHamburger:active {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
@media (max-width: 1250px) {
  #headerHamburger {
    display: block;
  }
}
#headerHamburger img {
  width: 30px;
  height: 30px;
}

#responsiveHeaderDom {
  display: none;
  z-index: 8;
}
#responsiveHeaderDom .responsive-header-primary {
  padding-top: 80px;
  background-color: #214b41;
}
#responsiveHeaderDom .responsive-header-primary a {
  color: #ffffff;
  margin: 1em 0;
}
#responsiveHeaderDom .responsive-header-primary a::after {
  background-color: #ffffff;
  width: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#responsiveHeaderDom .responsive-header-primary a:hover::after {
  opacity: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (min-width: 1250px) {
  #responsiveHeaderDom .responsive-header-primary {
    display: none;
  }
}
#responsiveHeaderDom .responsive-header-transparent {
  padding-top: 60px;
  background-color: rgba(255, 255, 255, 0.95);
}
#responsiveHeaderDom .responsive-header-transparent a {
  color: #214b41;
  margin: 1em 0;
}
#responsiveHeaderDom .responsive-header-transparent a::after {
  background-color: #214b41;
  width: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#responsiveHeaderDom .responsive-header-transparent a:hover::after {
  opacity: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (min-width: 1250px) {
  #responsiveHeaderDom .responsive-header-transparent {
    display: none;
  }
}

footer {
  width: 100%;
  padding: 1.5em;
  background-color: #ffffff;
  border-top: solid 1px black;
}
@media (max-width: 850px) {
  footer {
    padding: 1.5em 1.5em 0.5em;
  }
}
footer .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
}
footer .links .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 850px) {
  footer .links .social {
    margin-bottom: 10px;
  }
}
footer .links .social p {
  opacity: 0.8;
}
footer .links .social input {
  border: none;
  background-color: #dfdfdf;
  padding: 0.3em 0.5em 0.3em 0.3em;
}
footer .links .social .newsletter-btn {
  border: none;
  padding: 0.3em 0.4em 0.3em 0.5em;
  background-color: #214b41;
  color: #ffffff;
  font-weight: 500;
  margin-right: 6px;
  height: 23px !important;
}
footer .links .social .newsletter-btn a {
  color: #ffffff;
  text-decoration: none;
}
footer .links .social .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .links .social .icons img {
  width: 22px;
  height: 22px;
  margin: 0.2em 0.5em 0 0;
}
footer .links p span {
  display: block;
  font-size: 0.8em;
  text-transform: uppercase;
}
@media (max-width: 850px) {
  footer .links p span {
    margin-bottom: 10px;
  }
}
footer .links .disclaimer {
  text-transform: uppercase;
  color: #525252;
}
footer .links .legal-press {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 200px;
}
@media (max-width: 850px) {
  footer .links .legal-press {
    margin-bottom: 10px;
  }
}
footer .links .legal-press #pressLink {
  position: relative;
}
footer .links .legal-press a {
  text-decoration: none;
  color: #525252;
}
footer .links .legal-press a:hover {
  -webkit-text-decoration: underline #525252;
  text-decoration: underline #525252;
}
footer .links .legal-press .press {
  color: #525252;
  cursor: pointer;
}
footer .links .legal-press .press:hover {
  -webkit-text-decoration: underline grey;
  text-decoration: underline grey;
}
footer .links .legal-press .press a {
  position: relative;
}
footer .links .legal-press .press-content {
  position: absolute;
  bottom: 50px;
  padding: 7px;
  background-color: white;
  border: 1px solid black;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: 300ms;
  transition: 300ms;
  pointer-events: none;
  line-height: 1.2em;
}

._form-content {
  height: 22px;
  display: flex;
  align-items: center;
}
._form-content input {
  height: 23px;
}

.recutement-pop-up {
  position: fixed;
  text-align: center;
  right: 40px;
  bottom: 40px;
  background-color: white;
  color: black;
  border-radius: 6px;
  padding: 12px;
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.56);
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.56);
}
.recutement-pop-up .close-pop-up {
  position: absolute;
  right: 8px;
  top: 4px;
  cursor: pointer;
}
.recutement-pop-up .title {
  font-weight: 600;
  margin-bottom: 6px;
}
.recutement-pop-up a {
  color: #214b41;
}

.popup-background {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
}
.popup-background #popupContent {
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-background #popupContent #popupContentWrapper {
  position: relative;
  width: 60%;
  max-height: 75vh;
  max-width: 1024px;
  top: 70px;
}
.popup-background #popupContent #popupContentWrapper img {
  width: 100%;
  object-fit: cover;
}
.popup-background #popupContent #popupClose {
  position: absolute;
  top: 0;
  right: 5px;
  cursor: pointer;
}
.popup-background .popup-click {
  position: absolute;
  width: 100%;
  height: 100%;
}

#fullPageHome {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow-y: hidden;
}
#fullPageHome .carousel .full-screen {
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-animation: fading 5000ms infinite;
  animation: fading 5000ms infinite;
}
#fullPageHome .logo-CTA {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  bottom: 0;
}
#fullPageHome .logo-CTA .logo {
  max-width: 90%;
  min-width: 330px;
  max-height: 50%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-height: 420px) {
  #fullPageHome .logo-CTA .logo {
    top: 36%;
  }
}
#fullPageHome .logo-CTA button {
  margin-top: 3em;
}
#fullPageHome .logo-CTA .arrow {
  margin: 2em 0;
  width: 60px;
  -webkit-animation: arrow-up-and-down infinite 7s;
  animation: arrow-up-and-down infinite 7s;
  cursor: pointer;
}
@media (orientation: landscape) {
  #fullPageHome .logo-CTA .arrow {
    margin: 1em 0;
  }
}

@-webkit-keyframes fading {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fading {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes arrow-up-and-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes arrow-up-and-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
#aboutUs {
  width: 100vw;
}
#aboutUs .article-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 850px) {
  #aboutUs .article-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
#aboutUs .article-container h4 {
  font-size: 1.1em;
}
#aboutUs .article-container .img-xl {
  width: 58vw;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 850px) {
  #aboutUs .article-container .img-xl {
    width: 100%;
    height: 30vh;
  }
}
#aboutUs .article-container .article {
  width: 42vw;
  padding: 5em 4em 0;
}
@media (max-width: 850px) {
  #aboutUs .article-container .article {
    padding: 5em 2em 0;
    width: 100%;
  }
}
#aboutUs .article-container .article h1 {
  font-weight: 600;
  font-size: 1.5em;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#aboutUs .article-container .article h3 {
  font-weight: 500;
  text-transform: uppercase;
}
#aboutUs .article-container .article .content {
  text-align: justify;
  line-height: 1.3em;
  margin: 2em 0;
}
#aboutUs .article-container .article #aboutUsTextData p {
  margin-bottom: 24px;
  line-height: 24px;
  text-align: justify;
}
#aboutUs .article-container .article #aboutUsTextData span {
  font-weight: 400;
}
#aboutUs .article-container .article .pictos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 2em 0 2em;
}
#aboutUs .article-container .article .pictos .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
}
#aboutUs .article-container .article .pictos .row .picto {
  width: 16%;
  min-width: 110px;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0.1em;
}
#aboutUs .article-container .article .pictos .row .picto img {
  -o-object-fit: cover;
  object-fit: cover;
  margin: 1em 0;
  border-radius: 50%;
  -webkit-box-shadow: 1px 8px 12px 0px rgba(0, 0, 0, 0.31);
  box-shadow: 1px 8px 12px 0px rgba(0, 0, 0, 0.31);
}
#aboutUs .images-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 300px;
  min-height: 210px;
}
@media (max-width: 850px) {
  #aboutUs .images-container {
    display: none;
  }
}
#aboutUs .images-container img {
  width: 20%;
  -o-object-fit: cover;
  object-fit: cover;
}

#localisationContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 18vh;
}
@media (max-width: 850px) {
  #localisationContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
#localisationContainer .localisation-list {
  width: 35%;
  min-width: 375px;
  height: 600px;
  background-color: #214b41;
  padding: 2em;
  z-index: 1;
  -webkit-box-shadow: 20px 0px 19px -5px rgba(0, 0, 0, 0.27);
  box-shadow: 20px 0px 19px -5px rgba(0, 0, 0, 0.27);
}
@media (max-width: 1250px) {
  #localisationContainer .localisation-list {
    padding: 2em 1em;
  }
}
@media (max-width: 850px) {
  #localisationContainer .localisation-list {
    width: 100%;
    min-width: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
#localisationContainer .localisation-list__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.5em;
  width: 100%;
  max-width: 400px;
}
#localisationContainer .localisation-list__search input {
  width: 87%;
  border: none;
  background-color: #dfdfdf;
  padding: 0.4em 0 0.4em 0.4em;
}
#localisationContainer .localisation-list__stores {
  color: #ffffff;
  width: 100%;
  height: 90%;
  overflow-y: scroll;
}
#localisationContainer .localisation-list__stores a {
  color: #ffffff;
  text-decoration: none;
}
#localisationContainer .localisation-list__stores a:hover {
  text-decoration: underline;
}
#localisationContainer .localisation-list__stores .store-closed {
  text-align: center;
}
#localisationContainer .localisation-list__stores .store-closed span {
  text-decoration: underline;
}
#localisationContainer .localisation-map {
  width: 65%;
  height: 600px;
  background-color: #f0f9f7;
}
@media (max-width: 850px) {
  #localisationContainer .localisation-map {
    width: 100%;
    margin-bottom: 1em;
    height: 390px;
  }
}

.localisation-list__stores--store {
  border-top: 1px;
  border-style: dotted none none;
  padding-top: 1em;
  padding: 1.5em 1.5em 1.5em 0.5em;
  -webkit-transition: 200ms;
  transition: 200ms;
  cursor: pointer;
}
.localisation-list__stores--store h6 {
  font-size: 1em;
  margin-bottom: 1em;
}
.localisation-list__stores--store .store-adresse {
  margin-bottom: 1.2em;
}
.localisation-list__stores--store .store-phone,
.localisation-list__stores--store .store-mail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.7em;
}
.localisation-list__stores--store .store-phone img,
.localisation-list__stores--store .store-mail img {
  height: 20px;
  width: 20px;
  margin-right: 1em;
}
.localisation-list__stores--store:hover {
  background-color: #4f897d;
}

#map {
  height: 100%;
  min-height: 600px;
  width: 100%;
}
@media (max-width: 850px) {
  #map {
    min-height: inherit;
    height: 390px;
  }
}

.maps-store-preview {
  padding-right: 1.5em;
}
.maps-store-preview__name {
  color: #214b41;
}
.maps-store-preview__address {
  margin-bottom: 1em;
}
.maps-store-preview__contact {
  margin-bottom: 1em;
}
.maps-store-preview__contact a {
  color: #214b41;
  text-decoration: none;
}
.maps-store-preview__hours {
  margin-bottom: 1em;
}
.maps-store-preview__hours--close {
  color: #e1e3e8;
}
.maps-store-preview__itinerary {
  color: #214b41;
  text-decoration: none;
}
.maps-store-preview .store-closed {
  color: #214b41;
  text-align: center;
}
.maps-store-preview .store-closed span {
  text-decoration: underline;
}

.fandechenin {
  position: absolute;
  display: flex;
  left: 50%;
  transform: translate(-50%);
  bottom: -130px;
  height: 100px;
  align-items: center;
  min-width: 360px;
}
@media (max-width: 850px) {
  .fandechenin {
    bottom: -540px;
  }
}
.fandechenin img {
  height: 100%;
  object-fit: cover;
  margin-right: 15px;
}

.actualitiesh2, .actualities-container article h2, .actualities-block section article h2 {
  font-size: 1.5em;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.actualities-p, .actualities-container article p, .actualities-block section article p {
  text-align: justify;
  font-size: 16px;
  line-height: 1.3em;
}
@media (max-width: 850px) {
  .actualities-p, .actualities-container article p, .actualities-block section article p {
    margin-bottom: 1em;
  }
}

.actualities-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 4em;
}
@media (max-width: 850px) {
  .actualities-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: inherit;
  }
}
.actualities-block span {
  font-weight: 400;
}
.actualities-block section {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 850px) {
  .actualities-block section {
    width: 100%;
    margin-bottom: 2em;
  }
}
.actualities-block section img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0 auto 1em;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.14);
}
.actualities-block section article h2 {
  text-align: center;
}
.actualities-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 3em;
}
@media (max-width: 850px) {
  .actualities-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }
}
.actualities-container span {
  font-weight: 400;
  text-decoration: none;
}
.actualities-container img {
  width: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 850px) {
  .actualities-container img {
    width: 100%;
    margin-bottom: 1em;
    max-height: 340px;
  }
}
.actualities-container article {
  width: 50%;
  padding: 0 1em;
}
@media (max-width: 850px) {
  .actualities-container article {
    width: 100%;
    padding: inherit;
  }
}
@media (max-width: 850px) {
  .actualities-container article h2 {
    text-align: center;
  }
}
.actualities-container a {
  width: 50%;
}
@media (max-width: 850px) {
  .actualities-container a {
    width: 100%;
  }
}
.actualities-container a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.actualities-container .pictos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 2em auto;
  width: 230px;
}
.actualities-container .pictos a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: black;
  margin: 0.5em 0;
}
.actualities-container .pictos a p {
  margin-left: 0.5em;
}
.actualities-container .pictos img {
  width: 32px;
  height: 32px;
}
.actualities-container .text-center {
  text-align: center;
  margin-bottom: 2em;
}

@media (max-width: 850px) {
  .degustation-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media (max-width: 850px) {
  .partner-container {
    height: 100%;
    margin-bottom: 2em;
  }
}
.partner-container #actualitiesPartnerSlider {
  width: 570px;
  height: 350px;
  position: relative;
  overflow-x: hidden;
}
@media (max-width: 850px) {
  .partner-container #actualitiesPartnerSlider {
    margin: 0 auto;
  }
}
@media (max-width: 620px) {
  .partner-container #actualitiesPartnerSlider {
    width: 350px;
    max-width: 95%;
    height: 220px;
  }
}
.partner-container #actualitiesPartnerSlider .translateX-slider {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.partner-container #actualitiesPartnerSlider .translateX-slider .partner-slider-img {
  -webkit-transition: 1000ms;
  transition: 1000ms;
}
.partner-container #actualitiesPartnerSlider .translateX-slider .partner-slider-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-shadow: 0px 7px 5px -4px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 7px 5px -4px rgba(0, 0, 0, 0.6);
}
.partner-container #actualitiesPartnerSlider .one-pic {
  width: 200%;
}
.partner-container #actualitiesPartnerSlider .two-pics {
  width: 300%;
  animation: fade-two 14000ms infinite;
}
.partner-container #actualitiesPartnerSlider .three-pics {
  width: 400%;
  animation: fade-three 21000ms infinite;
}
.partner-container #actualitiesPartnerSlider .four-pics {
  width: 500%;
  animation: fade-four 25000ms infinite;
}
.partner-container #actualitiesPartnerSlider .five-pics {
  width: 600%;
  animation: fade-five 31000ms infinite;
}

@keyframes fade-two {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  33% {
    -webkit-transform: translateX(-33.3%);
    transform: translateX(-33.3%);
  }
  55% {
    -webkit-transform: translateX(-33.3%);
    transform: translateX(-33.3%);
  }
  75% {
    -webkit-transform: translateX(-66.7%);
    transform: translateX(-66.7%);
  }
  100% {
    -webkit-transform: translateX(-66.7%);
    transform: translateX(-66.7%);
  }
}
@keyframes fade-three {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  30% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }
  45% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  60% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  75% {
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%);
  }
  90% {
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%);
  }
  100% {
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%);
  }
}
@keyframes fade-four {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  12% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
  24% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
  36% {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
  }
  48% {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
  }
  60% {
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
  }
  72% {
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
  }
  84% {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%);
  }
  100% {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%);
  }
}
@keyframes fade-five {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  10% {
    -webkit-transform: translateX(-16.666%);
    transform: translateX(-16.666%);
  }
  20% {
    -webkit-transform: translateX(-16.666%);
    transform: translateX(-16.666%);
  }
  30% {
    -webkit-transform: translateX(-33.332%);
    transform: translateX(-33.332%);
  }
  40% {
    -webkit-transform: translateX(-33.332%);
    transform: translateX(-33.332%);
  }
  50% {
    -webkit-transform: translateX(-49.998%);
    transform: translateX(-49.998%);
  }
  60% {
    -webkit-transform: translateX(-49.998%);
    transform: translateX(-49.998%);
  }
  70% {
    -webkit-transform: translateX(-66.664%);
    transform: translateX(-66.664%);
  }
  80% {
    -webkit-transform: translateX(-66.664%);
    transform: translateX(-66.664%);
  }
  90% {
    -webkit-transform: translateX(-83.33%);
    transform: translateX(-83.33%);
  }
  100% {
    -webkit-transform: translateX(-83.33%);
    transform: translateX(-83.33%);
  }
}
.services-container, .events-container, .eco-responsability, .partners-container, .services-advantages, .services-delivery {
  width: 100%;
  padding: 1.5em;
  margin-bottom: 1.5em;
}
.services-container span, .events-container span, .eco-responsability span, .partners-container span, .services-advantages span, .services-delivery span {
  font-weight: 400;
}

.services-h3, .events-container article h3, .eco-responsability h3, .partners-container h3, .services-advantages h3, .services-delivery .article h3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 600;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (max-width: 850px) {
  .services-h3, .events-container article h3, .eco-responsability h3, .partners-container h3, .services-advantages h3, .services-delivery .article h3 {
    font-size: 1.3em;
  }
}
.services-h3 img, .events-container article h3 img, .eco-responsability h3 img, .partners-container h3 img, .services-advantages h3 img, .services-delivery .article h3 img {
  height: 28px;
  margin-left: 0.5em;
}

.services-delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 380px;
  padding: 1.5em 0;
}
@media (max-width: 850px) {
  .services-delivery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.services-delivery video {
  width: 46%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 850px) {
  .services-delivery video {
    width: 100%;
    height: 100%;
    margin-bottom: 1.5em;
  }
}
.services-delivery .article {
  width: 52%;
}
@media (max-width: 850px) {
  .services-delivery .article {
    width: 100%;
    min-height: 270px;
  }
}
.services-delivery .article h3 {
  color: #1ba39b;
}
.services-delivery .article article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 580px) {
  .services-delivery .article article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.services-delivery .article article .delivery-p {
  position: relative;
  margin-top: 10px;
  min-height: 210px;
}
.services-delivery .article article .delivery-p p {
  padding: 0 15px;
  text-align: justify;
}
.services-delivery .article article .icons {
  position: absolute;
  top: 160px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 925px) {
  .services-delivery .article article .icons {
    top: 180px;
  }
}
@media (max-width: 850px) {
  .services-delivery .article article .icons {
    top: 130px;
  }
}
@media (max-width: 580px) {
  .services-delivery .article article .icons {
    position: relative;
    top: 20px;
  }
}
.services-delivery .article article .icons .delivery-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 49%;
}
.services-delivery .article article .icons .delivery-preview img {
  width: 52px;
  margin-bottom: 0.6em;
  border-radius: 50%;
  -webkit-box-shadow: 0 10px 19px -5px rgba(0, 0, 0, 0.27);
  box-shadow: 0 10px 19px -5px rgba(0, 0, 0, 0.27);
}
.services-delivery .article article .icons .delivery-preview p {
  text-align: center;
}
.services-delivery .article article .icons .delivery-preview p strong {
  font-weight: 600;
  color: #1ba39b;
}
.services-delivery .article article .france-delivery {
  width: 45%;
}
@media (max-width: 580px) {
  .services-delivery .article article .france-delivery {
    width: 100%;
  }
}
.services-delivery .article article .paris-delivery {
  border-left: 1px solid #1ba39b;
  width: 55%;
}
@media (max-width: 580px) {
  .services-delivery .article article .paris-delivery {
    width: 100%;
    border: none;
    border-top: 1px solid #1ba39b;
    padding-top: 1.5em;
  }
}
.services-delivery .article article .paris-delivery .delivery-preview {
  width: 25%;
}

.services-advantages {
  background-color: #f0f9f7;
  color: #1ba39b;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.services-advantages h3 {
  color: #1bbc9b;
}
.services-advantages .desktop-border {
  border-right: 1px solid #1bbc9b;
}
@media (max-width: 850px) {
  .services-advantages .desktop-border {
    border: none;
  }
}
.services-advantages .little-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media (max-width: 850px) {
  .services-advantages .little-more {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.services-advantages .little-more .advantages {
  margin-top: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 25%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 850px) {
  .services-advantages .little-more .advantages {
    width: 50%;
  }
}
.services-advantages .little-more .advantages h5 {
  text-transform: uppercase;
  font-size: 1.1em;
  margin: 1em 0 1.5em;
  color: #1bbc9b;
}
.services-advantages .little-more .advantages .blue {
  color: #1ba39b;
}
.services-advantages .little-more .advantages img {
  border-radius: 50%;
  -webkit-box-shadow: 0 10px 19px -5px rgba(0, 0, 0, 0.27);
  box-shadow: 0 10px 19px -5px rgba(0, 0, 0, 0.27);
}
@media (max-width: 850px) {
  .services-advantages .little-more .advantages img {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 850px) {
  .services-advantages .little-more::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 42%;
    background-color: #1bbc9b;
  }
}
.services-advantages .little-more .fidelity {
  height: 100%;
  width: 100%;
  padding: 1.5em;
  background-color: #1bbc9b;
  color: #ffffff;
  -webkit-box-shadow: 4px 8px 12px 0px rgba(0, 0, 0, 0.61);
  box-shadow: 6px 4px 12px 0px rgba(0, 0, 0, 0.61);
}
@media (max-width: 850px) {
  .services-advantages .little-more .fidelity {
    width: 100%;
  }
}
.services-advantages .little-more .fidelity h3 {
  color: white;
}
.services-advantages .little-more .fidelity p {
  min-height: 60px;
  margin-bottom: 20px;
  line-height: 1.2em;
}
.services-advantages .little-more .fidelity #fidelityPiggies {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  min-width: 496px;
}
@media (max-width: 850px) {
  .card-container {
    width: 100%;
  }
}
@media (max-width: 580px) {
  .card-container {
    min-width: inherit;
  }
}
.card-container .card-wrapper {
  position: relative;
  min-height: 350px;
  width: 100%;
  -webkit-perspective: 2000px;
  perspective: 2000px;
  -webkit-perspective-origin: top;
  perspective-origin: top;
}
.card-container .card-wrapper:hover .card {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.card-container .card-wrapper .card {
  position: relative;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 800ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: -webkit-transform 800ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 800ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 800ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 800ms cubic-bezier(0.86, 0, 0.07, 1);
}
.card-container .card-wrapper .card ::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.card-container .card-wrapper .card ::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.card-container .card-wrapper .card ::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.card-container .card-wrapper .card ::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.card-container .card-wrapper .card ::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.card-container .card-wrapper .card ::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.card-container .card-wrapper .card ::-webkit-scrollbar-track:hover {
  background: #666666;
}
.card-container .card-wrapper .card ::-webkit-scrollbar-track:active {
  background: #333333;
}
.card-container .card-wrapper .card ::-webkit-scrollbar-corner {
  background: transparent;
}
.card-container .card-wrapper .card-front,
.card-container .card-wrapper .card-back {
  position: absolute;
  height: 100%;
  width: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.card-container .card-wrapper .card-back {
  position: relative;
  padding: 1em;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  color: white;
  background-color: #1bbc9b;
  -webkit-box-shadow: 4px 8px 12px 0px rgba(0, 0, 0, 0.61);
  box-shadow: 6px 4px 12px 0px rgba(0, 0, 0, 0.61);
}
@media (max-width: 580px) {
  .card-container .card-wrapper .card-back {
    padding: 7px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.card-container .card-wrapper .card-back h4 {
  font-size: 1.3em;
  text-decoration: underline;
  margin-bottom: 0.5em;
}
@media (max-width: 580px) {
  .card-container .card-wrapper .card-back h4 {
    font-size: 1em;
  }
}
.card-container .card-wrapper .card-back p {
  text-align: justify;
  margin-bottom: 0.7em;
}
@media (max-width: 580px) {
  .card-container .card-wrapper .card-back p {
    font-size: 13px;
  }
}
.card-container .card-wrapper .card-back .table {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  -ms-grid-rows: 1fr 0.9fr;
  grid-template-rows: 1fr 0.9fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.7em;
}
.card-container .card-wrapper .card-back .table div {
  border: 1px solid white;
  padding: 7px;
  height: 100%;
}
@media (max-width: 580px) {
  .card-container .card-wrapper .card-back .table div {
    padding: 2px;
    font-size: 0.7em;
  }
}
.card-container .card-wrapper .card-back .bg-white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.938);
  color: #1bbc9b;
  font-weight: 800;
}
.card-container .card-wrapper .card-back .div1 {
  grid-area: 1/1/2/2;
}
.card-container .card-wrapper .card-back .div2 {
  grid-area: 1/2/2/3;
}
.card-container .card-wrapper .card-back .div3 {
  grid-area: 1/3/2/4;
}
.card-container .card-wrapper .card-back .div4 {
  grid-area: 1/4/2/5;
}
.card-container .card-wrapper .card-back .div5 {
  grid-area: 1/5/2/6;
}
.card-container .card-wrapper .card-back .div6 {
  grid-area: 1/6/2/7;
}
.card-container .card-wrapper .card-back .div7 {
  grid-area: 1/7/2/8;
}
.card-container .card-wrapper .card-back .div8 {
  grid-area: 2/1/3/2;
}
.card-container .card-wrapper .card-back .div9 {
  grid-area: 2/2/3/3;
}
.card-container .card-wrapper .card-back .div10 {
  grid-area: 2/3/3/4;
}
.card-container .card-wrapper .card-back .div11 {
  grid-area: 2/4/3/5;
}
.card-container .card-wrapper .card-back .div12 {
  grid-area: 2/5/3/6;
}
.card-container .card-wrapper .card-back .div13 {
  grid-area: 2/6/3/7;
}
.card-container .card-wrapper .card-back .div14 {
  grid-area: 2/7/3/8;
}
.card-container .card-wrapper .card-back .legal {
  position: absolute;
  font-size: 9px;
  width: 95%;
  bottom: 1px;
}
.card-container .card-wrapper .card-back .legal strong {
  text-decoration: underline;
}

.partners-container {
  margin-bottom: 0;
}
.partners-container h3 {
  color: #1ba39b;
}
.partners-container .partners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  padding: 1em 0 1em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-around;
  min-height: 330px;
}
.partners-container .partners h6 {
  text-transform: uppercase;
  font-size: 1.1em;
  text-align: center;
  margin-bottom: 0.6em;
}
.partners-container .partners .principal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1em;
  width: 40%;
}
@media (max-width: 1250px) {
  .partners-container .partners .principal {
    width: 100%;
    height: 280px;
    margin-bottom: 2em;
  }
}
@media (max-width: 850px) {
  .partners-container .partners .principal {
    margin-bottom: 3em;
  }
}
.partners-container .partners .principal img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 60%;
  margin-bottom: 2em;
}
@media (max-width: 1250px) {
  .partners-container .partners .principal img {
    width: 50%;
    max-width: 350px;
    min-width: 200px;
  }
}
.partners-container .partners .principal button {
  position: absolute;
  bottom: 1em;
}
.partners-container .partners .secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1em;
  position: relative;
  width: 20%;
  min-width: 210px;
}
@media (max-width: 1250px) {
  .partners-container .partners .secondary {
    width: 33%;
    height: 350px;
  }
}
@media (max-width: 850px) {
  .partners-container .partners .secondary {
    width: 100%;
    height: 310px;
    margin-bottom: 4em;
  }
}
.partners-container .partners .secondary img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 65%;
  top: -1em;
}
.partners-container .partners .secondary #toGoodToGoImg {
  width: 50%;
  max-width: 150px;
  top: -2.5em;
}
.partners-container .partners .secondary .informations {
  margin-top: 5em;
}
@media (max-width: 1250px) {
  .partners-container .partners .secondary .informations {
    margin-top: 8em;
  }
}
@media (max-width: 850px) {
  .partners-container .partners .secondary .informations {
    margin-top: 8em;
  }
}
.partners-container .partners .secondary button {
  position: absolute;
  bottom: 1em;
}
.partners-container .partners .background-primary {
  background-color: #f0f9f7;
  border-left: 1px solid #4f897d;
  border-right: 1px solid #4f897d;
}
.partners-container .partners .background-primary img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 50%;
  max-width: 160px;
  top: -2.3em;
}
@media (max-width: 850px) {
  .partners-container .partners .background-secondary {
    height: 375px;
    padding-top: 100px;
  }
}
.partners-container .partners .background-secondary img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 58%;
  max-width: 260px;
  top: -2.6em;
}
@media (max-width: 1250px) {
  .partners-container .partners .background-secondary img {
    max-width: 180px;
  }
}
@media (max-width: 850px) {
  .partners-container .partners .background-secondary img {
    top: -4em;
  }
}
.partners-container .partners .wine-and-co {
  background-color: #a91923;
}
.partners-container .partners .tgtg {
  background-color: #79d0c6;
}
.partners-container .partners .potager-city {
  background-color: #53b4e5;
}
.partners-container .partners .fan-de-chenin {
  background-color: #fccc14;
}
.partners-container .partners .ffl {
  background-color: #a7bb1b;
}

.eco-responsability {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 850px) {
  .eco-responsability {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
}
.eco-responsability h3 img {
  height: 34px;
}
.eco-responsability p {
  margin-top: 2em;
}
@media (max-width: 1250px) {
  .eco-responsability p {
    margin-top: 1em;
  }
}
.eco-responsability .texture {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.eco-responsability .article {
  width: 100%;
  position: relative;
}
.eco-responsability .article .texte {
  padding: 1.5em;
}
.eco-responsability .article .texte strong {
  font-weight: 1000;
  text-transform: uppercase;
}

.events-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media (max-width: 850px) {
  .events-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }
}
.events-container .illustration {
  width: 45%;
}
@media (max-width: 850px) {
  .events-container .illustration {
    width: 100%;
    margin-bottom: 2em;
  }
}
.events-container .illustration img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.events-container article {
  padding-left: 1.5em;
  width: 55%;
}
@media (max-width: 850px) {
  .events-container article {
    width: 100%;
    padding-left: 0;
    margin-bottom: 1.5em;
  }
}
.events-container article h3 {
  color: #1bbc9b;
}
.events-container article p {
  margin-bottom: 1em;
}
@media (max-width: 850px) {
  .events-container article p {
    padding: 0 10px;
  }
}
.events-container article strong {
  font-weight: 1000;
}
.events-container article .underline {
  text-decoration: underline;
}
.events-container article a {
  color: black;
}
.events-container article .justify {
  text-align: justify;
}

.human-resources-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-bottom: 1em;
}
@media (max-width: 850px) {
  .human-resources-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: inherit;
    margin-bottom: 2em;
  }
}
.human-resources-container span {
  font-weight: 400;
}
.human-resources-container h3 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.5em;
}
.human-resources-container .philosophy {
  width: 35%;
  padding-right: 2em;
  margin-right: 1em;
}
@media (max-width: 1250px) {
  .human-resources-container .philosophy {
    width: 45%;
  }
}
@media (max-width: 850px) {
  .human-resources-container .philosophy {
    width: 100%;
    margin-left: inherit;
    margin-bottom: 1em;
  }
}
.human-resources-container .pepi {
  width: 50%;
  padding: 2em;
  margin-left: 1em;
  background-color: #214b41;
  color: #ffffff;
}
@media (max-width: 1250px) {
  .human-resources-container .pepi {
    width: 45%;
  }
}
@media (max-width: 850px) {
  .human-resources-container .pepi {
    width: 100%;
    margin-left: inherit;
    margin-bottom: 1em;
  }
}
.human-resources-container .video {
  width: 50%;
}
@media (max-width: 1250px) {
  .human-resources-container .video {
    width: 55%;
    min-width: 530px;
  }
}
@media (max-width: 850px) {
  .human-resources-container .video {
    min-width: 100%;
    width: 100%;
    height: 100%;
    min-height: 330px;
    right: 0;
  }
}
.human-resources-container p {
  text-align: justify;
}
.human-resources-container img {
  width: 65%;
  max-height: 350px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1250px) {
  .human-resources-container img {
    width: 55%;
    min-width: 400px;
  }
}
@media (max-width: 850px) {
  .human-resources-container img {
    width: 100%;
    min-width: inherit;
    min-height: 200px;
  }
}
@media (max-width: 850px) {
  .human-resources-container + .reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.human-resources-offers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.human-resources-offers h2 {
  text-transform: uppercase;
  margin-top: 1em;
}

.human-resources-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 23%;
  min-width: 330px;
  color: #ffffff;
  padding: 2em 1.5em;
  margin: 0 1em 2em;
  -webkit-box-shadow: 4px 8px 12px 0px rgba(0, 0, 0, 0.61);
  box-shadow: 4px 8px 12px 0px rgba(0, 0, 0, 0.61);
  background-color: #1cb092;
}
@media (max-width: 850px) {
  .human-resources-offer {
    width: 100%;
    max-width: 320px;
    min-width: inherit;
    margin: 0 0 2em;
  }
}
.human-resources-offer h4 {
  text-transform: uppercase;
  text-align: center;
  font-size: 1.5em;
  font-weight: 400;
}
.human-resources-offer .text-container {
  text-align: justify;
  height: 350px;
  overflow-y: scroll;
  border: 1px solid white;
  margin: 1.5em 0 5em;
  padding: 18px;
}
.human-resources-offer .text-container span {
  text-decoration: underline;
}
.human-resources-offer a {
  position: absolute;
  bottom: 2em;
}
.human-resources-offer + .vacataire {
  background-color: #1ba39e;
}
.human-resources-offer + .spontanus {
  background-color: #0c8389;
}

#cguPrimaryTitle {
  padding-top: 4em;
}

.cgu-main {
  max-width: 1000px;
  text-align: justify;
}
.cgu-main span {
  font-weight: 400;
}
.cgu-main ins {
  text-decoration: underline;
  margin: 16px 0 16px;
  font-weight: 900;
}
.cgu-main #cgu {
  margin-bottom: 100px;
}

.principal-blog-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto 6vh;
}
@media (max-width: 850px) {
  .principal-blog-page {
    font-size: 15px;
  }
}
.principal-blog-page .primary-section,
.principal-blog-page .secondary-section {
  display: flex;
  justify-content: space-between;
  height: 36vh;
  margin-bottom: 2vh;
}
@media (max-width: 850px) {
  .principal-blog-page .primary-section,
.principal-blog-page .secondary-section {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.principal-blog-page img {
  height: 100%;
  object-fit: cover;
  transition: 400ms;
}
.principal-blog-page img:hover {
  transform: scale(1.05);
}
.principal-blog-page .sixtypcent {
  width: 54%;
  overflow: hidden;
}
@media (max-width: 850px) {
  .principal-blog-page .sixtypcent {
    width: 100%;
    margin-bottom: 20px;
  }
}
.principal-blog-page .sixtypcent img {
  width: 100%;
}
@media (max-width: 850px) {
  .principal-blog-page .sixtypcent img {
    height: 222px;
  }
}
.principal-blog-page .fourtypcent {
  width: 44%;
  overflow: hidden;
}
@media (max-width: 850px) {
  .principal-blog-page .fourtypcent {
    width: 100%;
    margin-bottom: 20px;
  }
}
.principal-blog-page .fourtypcent img {
  width: 100%;
}
@media (max-width: 850px) {
  .principal-blog-page .fourtypcent img {
    height: 222px;
  }
}
.principal-blog-page .blog-principal-page__link {
  position: relative;
}
.principal-blog-page .blog-principal-page__link .blog-rubric-label {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 10px 50px;
  transform: translate(-50%, -50%);
  background-color: rgba(231, 231, 231, 0.9);
  color: black;
  font-size: 1.3em;
  text-decoration: none;
  text-align: center;
  -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.41);
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.41);
  pointer-events: none;
}

.blog-secondary-section {
  display: flex;
  width: 100%;
  text-decoration: none;
  color: black;
  margin-bottom: 2em;
}
@media (max-width: 850px) {
  .blog-secondary-section {
    flex-direction: column;
  }
}
.blog-secondary-section span {
  font-weight: 400;
}
.blog-secondary-section p {
  margin-bottom: 13px;
}
.blog-secondary-section .img-container {
  width: 50%;
  height: 350px;
  overflow: hidden;
}
@media (max-width: 850px) {
  .blog-secondary-section .img-container {
    width: 100%;
  }
}
.blog-secondary-section .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 400ms;
}
.blog-secondary-section .img-container img:hover {
  transform: scale(1.05);
}
.blog-secondary-section .text-content {
  width: 50%;
  padding: 20px;
}
@media (max-width: 850px) {
  .blog-secondary-section .text-content {
    width: 100%;
  }
}
.blog-secondary-section .text-content h3 {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 25px;
  text-decoration: underline;
}
.blog-secondary-section .text-content p {
  text-align: justify;
}

.blog-article-container {
  margin-bottom: 60px;
  text-align: justify;
}
.blog-article-container .article-img-header {
  width: 100%;
  height: 250px;
}
.blog-article-container .article-img-header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-article-container .blog-final-article {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 850px) {
  .blog-article-container .blog-final-article {
    flex-direction: column;
  }
}
.blog-article-container .blog-final-article .col {
  width: 45%;
}
@media (max-width: 850px) {
  .blog-article-container .blog-final-article .col {
    width: 100%;
  }
}
.blog-article-container .blog-final-article .col span {
  font-weight: 400;
}
.blog-article-container .blog-final-article .col p {
  margin-bottom: 13px;
}
.blog-article-container .blog-final-article .col strong {
  display: inline-block;
}
.blog-article-container .blog-final-article .article-img-p {
  height: 250px;
}
.blog-article-container .blog-final-article .article-img-p img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-article-container .blog-final-article .italic {
  font-style: italic;
}
.blog-article-container .blog-final-article .underline {
  text-decoration: underline;
}

.blog-rubric-reverse {
  flex-direction: row-reverse;
}
@media (max-width: 850px) {
  .blog-rubric-reverse {
    flex-direction: column;
  }
}

/*# sourceMappingURL=styles.css.map */