/*
	Theme Name: Jeca
	Theme URI: etienneetienne.com
	Description: HTML5 WordPress Theme
	Version: 1
	Author: Edouard Corfu
	Author URI: etienneetienne.com
*/
/*------------------------------------*\
	SMOOTH LOADING
\*------------------------------------*/
html body.loading #page {
  opacity: 0;
}

html body.loading::before {
  content: '';
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

html body.loading::after {
  content: '';
  position: fixed;
  z-index: 100000;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  pointer-events: none;
  border-radius: 0%;
  opacity: 0.4;
  background: #000;
  animation: loaderAnim 0.7s linear infinite alternate forwards;
}

@keyframes loaderAnim {
  to {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1);
  }
}

html body #page {
  opacity: 1;
  min-height: 100vh;
  transition: all 0.75s cubic-bezier(.19, 1, .22, 1);
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
html,
body {
  margin: 0;
  overflow-x: hidden;
}

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1.1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

strong {
  font-weight: 600;
}

a img {
  border: 0px;
}

a {
  transition: all 0.5s ease;
  text-decoration: none;
  color: #008b39;
}

.text-vert a{
  color: #008b39!important;

}

a:focus,
a:hover {
  text-decoration: none;
  outline: none;
  color: #92C36B;
}

.img-full {
  width: 100%;
  height: auto;
}

/*------------------------------------*\
    Gravity FORMS
\*------------------------------------ */
.form-control,
.btn {
  border-radius: 0;
}

select:not([multiple=multiple]) {
  height: calc(2.25rem + 2px);
}

.gform_fields,
.gform_fields ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.gform_fields li {
  list-style: none;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.gform_fields li.no-label label.gfield_label {
  display: none;
}

.ginput_complex {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.ginput_complex span {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 1rem;
}

.ginput_complex span label {
  font-size: 80%;
  font-weight: 400;
  opacity: 0.6;
}

.ginput_complex span.ginput_full {
  flex: 0 0 100%;
  max-width: 100%;
}

.ginput_complex span.ginput_left,
.ginput_complex span.ginput_right,
.ginput_complex span[class*=name_] {
  flex: 0 0 50%;
  max-width: 50%;
}

.validation_message {
  color: #cd1728;
  font-size: 80%;
  font-weight: 400;
}

.validation_error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.gform_footer {
  position: relative;
}

.gform_footer img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ui-datepicker-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ui-datepicker-title select {
  height: auto;
  width: auto;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
#header {
  padding: 1rem 0;
}

#logo {
  display: block;
  margin: 1rem auto 0;
  max-width: 220px;
  position: relative;
  z-index: 9;
}

#logo .st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #007E47;
}

.home #logo #logosvg .st0 {
  fill: #007E47 !important;
}

#logo .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #1D1E1C;
}

#logo .st2 {
  fill: #1D1E1C;
  display: none;
}

.page-template-page-contact #logo .st2,
.home #logo .st2 {
  display: block;
}

#mainnav {
  background: #fff;
  transform: rotate(-4.4deg);
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  top: 190px;
}

#mainnav:after {
  content: "";
  display: block;
  position: absolute;
  left: -10%;
  bottom: 0;
  background: #fff;
  width: 120%;
  height: 220px;
  z-index: -1;
}

#mainmenu {
  justify-content: flex-start;
}

#mainmenu li {
  position: relative;
  list-style: none;
}

#mainmenu li a {
  display: block;
  font-weight: 400;
  font-size: 1.2rem;
  padding: 0.5rem 1rem;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
}

#mainmenu li ul li a {
  text-transform: none;
}

#mainmenu ul.sub-menu {
  margin-left: -0.5rem;
  position: absolute;
  left: 0;
  display: none;
  background: #fff;
  padding: 0.5rem;
  width: 250%;
}

#mainmenu li:hover>ul.sub-menu {
  display: block;
}

#mainmenu li a:hover,
#mainmenu li.current-menu-parent>a,
#mainmenu li.current-menu-item>a {
  color: #999;
}

/*------------------------------------*\
    HOMEPAGE
\*------------------------------------*/
.embed-responsive-16by9::before {
  padding-top: 54.95%;
}

.controls {
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(0, -50%);
  background: rgba(0, 0, 0, 0.3);
}

.controls a {
  color: #fff;
  padding: 0.5rem;
  text-align: center;
  font-size: 2rem;
  opacity: 0.9;
  line-height: 1;
  text-decoration: none;
  position: relative;
}

.controls a:hover {
  opacity: 0.9;
}

.replay {
  display: none;
}

.pause.active i:before {
  content: "\e6ad";
}

.mute i:after {
  content: "";
  display: block;
  position: absolute;
  width: 80%;
  height: 2px;
  left: 50%;
  top: 50%;
  background: #fff;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.mute.active i:after {
  display: none;
}

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

.slide:before {
  content: "";
  padding-top: 52.33%;
  display: block;
}

.slide img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s cubic-bezier(.25, .46, .45, .94);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.section {
  position: relative;
  overflow: hidden;
}

#homepage {
  overflow: visible;
}

#slideshow:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.3;
  z-index: 0;
}

#mask1,
#mask2,
#mask3,
#mask4,
#mask5,
#mask6 {
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

#mask3,
#mask4,
#mask6 {
  z-index: 9;
  bottom: inherit;
  top: -1px;
}

.greenlight {
  fill: #97BF0D;
}

.pinklight {
  fill: #994FB1;
}

.green {
  fill: #007E48;
}

.yellow {
  fill: #FFEC00;
}

.white {
  fill: #FFFFFF;
}

.blue {
  fill: #66B8DC;
}

.purple {
  fill: #A10D59;
}

.poudre {
  fill: #F8B391;
}

.poudrebg {
  background: #F8B391;
  color: #fff;
}

.poudrebg a {
  color: #fff;
}

article.content {
  max-width: 700px;
  margin: 0 auto;
}

.maintitle {
  margin-bottom: 0;
}

.bigtitle {
  font-weight: 100;
  font-size: 4rem;
  margin-bottom: 0;
}

.subtitle {
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.4rem;
}

.home #slideshow:after {
  content: "";
  display: block;
  width: 120%;
  height: 20%;
  background: #fff !important;
  opacity: 1;
  position: absolute;
  left: -10%;
  bottom: -10%;
  top: inherit;
  z-index: 2;
  transform: rotate(6deg);
}

.arrow {
  display: block;
  position: absolute;
  top: 50%;
  width: 2.5rem;
  height: 2.5rem;
  background: transparent;
  border-top: 3px solid #05673e;
  border-right: 3px solid #05673e;
  transition: all 200ms ease;
}

.arrow.left {
  left: -2.5rem;
  transform: translate3d(0, -50%, 0) rotate(-135deg);
}

.arrow.right {
  right: -2rem;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}

figure {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
}

figure:before {
  content: "";
  padding-top: 52.33%;
  display: block;
}

figure img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .6s cubic-bezier(.25, .46, .45, .94);
}

figure:hover img {
  transform: translate(-50%, -50%) scale(1.05);
}

figcaption {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  height: 100%;
  top: 0;
  opacity: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 1.2rem !important;
  pointer-events: none;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.5);
  transition: all .6s cubic-bezier(.25, .46, .45, .94);
  margin: 0 !important;
}

figure:hover figcaption {
  opacity: 1;
}

.wp-block-image figure:before,
.wp-block-image:before {
  display: none;
}

.wp-block-image img,
.wp-block-image:hover img {
  width: auto;
  max-width: 100%;
  height: auto;
  position: relative;
  transform: translate(0%, 0%) scale(1);
  left: 0;
  top: 0;
  display: block;
}

.aligncenter img {
  margin: 0 auto;
}

#presse figure {
  background: #000;
  color: #fff;
}

#presse figure:hover img {
  opacity: 0.6;
}

.home #team {
  color: #fff;
  padding-top: 12rem;
  padding-bottom: 12rem;
  background: #333;
}

.home #team {
  margin-top: 5rem;
}

.home #team:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(img/ornament.png) top repeat;
  background-size: 1000px;
  opacity: 0.1;
  z-index: 0;
}

#galerie figure,
#presse figure,
#team figure {
  margin-bottom: 1.5rem;
}

#presse figure:before,
#galerie figure:before,
#team figure::before {
  padding-top: 100%;
}

#presse .content,
#team .content {
  position: relative;
  z-index: 9;
}

#produits .text {
  color: #000;
  padding-top: 0.5rem;
  line-height: 1.4rem;
  display: block;
  margin-bottom: 1.5rem;
}

#produits .figure {
  display: block;
  position: relative;
}

#produits .figure::before {
  content: "";
  display: block;
  padding-top: 100%;
}

#produits a img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#produits a img.hover {
  opacity: 0;
}

#produits a:hover img.hover {
  opacity: 1;
}

#produits a:hover img:not(.hover) {
  opacity: 0;
}

#produits div[class*=col] {
  margin-bottom: 1.5rem;
}

.nav.social a {
  font-size: 2.5rem;
  padding: 0;
  text-align: right;
}

#map {
  margin-top: 2rem;
}

.acf-map {
  width: 100%;
  height: 800px;
  margin: 0px 0;
}

.markercontent {
  font-size: 0.9rem;
  line-height: 1rem;
}

.acf-map .markercontent img {
  max-width: 100px;
  margin-bottom: 1rem;
}

.home #map:after {
  content: "";
  display: block;
  width: 120%;
  height: 32%;
  background: #fff;
  position: absolute;
  left: -15%;
  bottom: -19%;
  z-index: 2;
  transform: rotate(-6deg);
}

#map:after {
  content: "";
  display: block;
  width: 120%;
  height: 20%;
  background: #fff;
  position: absolute;
  left: -10%;
  bottom: -9%;
  z-index: 2;
  transform: rotate(6deg);
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/
#pagecontent {
  padding-bottom: 12rem;
}

.filaire {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 90%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

#news {
  padding-bottom: 8rem;
}

.a_img {
  position: relative;
  margin-bottom: 0.5rem;
}

.a_img:after {
  content: "";
  display: block;
  width: 120%;
  height: 20%;
  background: #fff !important;
  opacity: 1;
  position: absolute;
  left: -10%;
  top: -10%;
  z-index: 2;
  transform: rotate(6deg);
}

.item img {
  max-width: 100%;
  height: auto;
}

.a_date {}

/*------------------------------------*\
    SINGLE POST
\*------------------------------------*/
/*------------------------------------*\
    FOOTER
\*------------------------------------*/
#footer,
#footer a {
  color: #666;
}

#footer {
  padding: 3rem 0;
}

.navfooter a {
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  font-weight: 400;
  font-size: 1.2rem;
  padding: 0.2rem 1rem;
  color: #000;
}

.navfooter li ul li a {
  text-transform: none;
  font-weight: 300;
  padding: 0 1rem;
  font-size: 0.9rem;
}

.navfooter ul {
  margin: 0;
  padding: 0;
}

.navfooter ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*------------------------------------*\
    TOOLS
\*------------------------------------*/
#backtotop {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 1rem 1.5rem;
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  transition: all .6s cubic-bezier(.25, .46, .45, .94);
  z-index: 9999;
  text-decoration: none;
}

.margtop1 {
  margin-top: 1rem;
}

.margtop2 {
  margin-top: 2rem;
}

.margtop3 {
  margin-top: 3rem;
}

.margtop4 {
  margin-top: 4rem;
}

.mobile-only {
  display: none !important;
}

@media only screen and (max-width: 992px) {
  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }

  .tablet-hide {
    display: none !important;
  }
}

.scrollanim {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.scrollanim:not(.showup) {
  opacity: 0;
}

@-webkit-keyframes showdown {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
}

@keyframes showdown {
  from {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
}

.showdown {
  -webkit-animation-name: showdown;
  animation-name: showdown
}

@-webkit-keyframes showup {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes showup {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.showup {
  -webkit-animation-name: showup;
  animation-name: showup
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

.table_cell {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

.delay01 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.delay02 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.delay03 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.delay04 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.delay05 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay06 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.delay07 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.delay08 {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.delay09 {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.delay1,
.delay10 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

/*------------------------------------*\
    WORDPRESS
\*------------------------------------*/
.attachment img,
img.size-auto,
img.size-full,
img.size-large,
img.size-medium {
  max-width: 100%;
  height: auto
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px
}

.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto
}

img.aligncenter,
img.alignleft,
img.alignright {
  margin-bottom: 12px
}

.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 20px;
  max-width: 632px !important;
  padding: 4px;
  text-align: center
}

.wp-caption img {
  margin: 5px 5px 0
}

.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px
}

.wp-smiley {
  margin: 0
}

.gallery {
  margin: 0 auto 18px
}

.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  width: 33%
}

.gallery-columns-2 .gallery-item {
  width: 50%
}

.gallery-columns-4 .gallery-item {
  width: 25%
}

.gallery-columns-2 .attachment-medium {
  max-width: 92%;
  height: auto
}

.gallery-columns-4 .attachment-thumbnail {
  max-width: 84%;
  height: auto
}

.gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 12px
}

.gallery dl {
  margin: 0
}

.gallery img {
  border: 10px solid #f1f1f1
}

.gallery br+br {
  display: none
}

.stampel {
  position: absolute;
  left: 0;
  transform: translate(25%, 0);
  max-width: 140px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width: 1200px) {}

@media only screen and (min-width: 992px) {
  #mainmenu>li:last-child {
    flex: 0 0 33%;
    justify-self: flex-end;
    text-align: right;
  }


}

@media only screen and (max-width: 991px) {
  .stampel {
    position: absolute;
    left: inherit;
    right: 15px;
    top: 15px;
    transform: translate(0, 0);
    max-width: 40px;
  }

  html body .gform_wrapper ul.gform_fields>li.gfield {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .hamburger {
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    overflow: visible;
    padding: 0;
  }

  .hamburger:hover {
    opacity: 0.7;
  }

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

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

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

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

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

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

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

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

  .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 {
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.075s;
  }

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

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

  #page {
    min-height: 100vh;
    transition: transform 0.75s cubic-bezier(.19, 1, .22, 1);
  }

  .overlay {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .35);
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s cubic-bezier(.19, 1, .22, 1), visibility .5s steps(1, end);
    z-index: 999;
  }

  #mainnav {
    position: fixed;
    height: 100vh;
    padding-bottom: 100px;
    top: 0;
    bottom: 0;
    width: 80%;
    background: #fff;
    z-index: 200;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.75s cubic-bezier(.19, 1, .22, 1);
    overflow: auto;
    overflow-x: hidden;
  }

  #mainmenu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0;
    width: 100%;
    list-style: none;
    margin-top: 2rem;
  }

  #mainmenu li a {
    display: block;
    padding: .5rem;
    color: #000;
    font-size: 1.6rem;
    font-weight: 200;
    text-transform: none;
  }

  #mainmenu li a:hover {
    color: #666;
  }

  #mainmenu li.menu-item-has-children>a:after {
    content: "+";
    padding-left: 1rem;
    display: inline-block;
    opacity: 0.6;
  }

  #mainmenu li.open>a:after {
    content: "-";
  }

  #mainmenu ul.sub-menu {
    display: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
    width: 100%;
  }

  #mainmenu ul.sub-menu li {
    list-style: none;
    width: 100%;
  }

  #mainmenu ul.sub-menu li a {
    font-size: 1.2rem;
    padding: 0.4rem 0.5rem;
    line-height: 1.3rem;
  }

  #produits a img {
    display: block;
    margin: 0 auto;
  }

  .slick-dots li button:before {
    width: 10px;
    height: 10px;
  }

  html body.menu-active {
    overflow: hidden !important;
    height: 100vh;
  }

  html body.menu-active #page {
    transform: translate3d(80%, 0, 0);
  }

  html body.menu-active .overlay {
    opacity: 1;
    visibility: visible;
    transition: opacity .6s cubic-bezier(.19, 1, .22, 1), visibility .6s steps(1, start);
  }
}

@media only screen and (max-width: 768px) {

  #presse,
  #contact {
    padding-top: 3rem;
  }

  .bigtitle {
    font-size: 3rem;
  }

  .hamburger {
    position: absolute;
    top: 34px;
  }

  #header {
    padding: 1rem 0 0;
  }

  #logo {
    margin: 0rem auto 0;
    max-width: 150px;
  }

  #logo #baseline {
    display: none;
  }

  #homepage .wp-block-image img,
  #homepage .wp-block-image:hover img {
    max-width: 50%;
  }

  #homepage .maintitle {
    margin-top: 1rem;
  }

  article.content {
    padding: 0 0.5rem;
  }

  #footer .nav {
    justify-content: flex-start !important;
    flex-direction: column !important;
  }

  #footer .nav .sub-menu {
    margin-bottom: 1rem;
  }

  .slick-slide img {
    margin: 0 auto;
  }

  figure>figcaption {
    opacity: 1;
    transform: translate(0, 0);
    top: inherit;
    bottom: 0;
    font-size: 0.8rem !important;
  }

  #produits .text {
    font-size: 0.8rem !important;
    line-height: 1.1rem;
  }
}

@media only screen and (max-width: 479px) {}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {}



.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn, .warning-cacsp-iframe-content .warning-cacsp-iframe-content-button a, .warning-cacsp-iframe-content .warning-cacsp-object-content-button a, .warning-cacsp-object-content .warning-cacsp-iframe-content-button a, .warning-cacsp-object-content .warning-cacsp-object-content-button a,
.modal-cacsp-position .modal-cacsp-box{
     border-radius: 0px!important;
}