/*
Theme Name:     Storefront Child Theme
Theme URI:      https://github.com/stuartduff/storefront-child-theme
Author:         Stuart Duff
Author URI:     http://stuartduff.com
Template:       storefront
Description:    This is a blank child theme for WooThemes StoreFront theme
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    storefront
Tags:           black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/

/*** Add your own custom css below this text. ***/

@import url(assets/css/header/header.css);
@import url(assets/css/medias-acf.css);
@import url(assets/css/footer/footer.css);
@import url(assets/css/woocommercesettings/columns-custom-storefront-shop-page.css);
@import url(assets/css/jeremy.css);
@import url(assets/css/michael.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*** GENERAL SETTINGS ***/

h1.entry-title {
  text-align: center;
  text-transform: capitalize !important;
  margin-bottom: 2rem;
  padding-top: 1rem;
}

h1,h2,h3,h4,h5,h6,a, .wp-block-cover .wp-block-cover__inner-container h1,
 .wp-block-cover .wp-block-cover__inner-container h2,
  .wp-block-cover .wp-block-cover__inner-container h3,
   .wp-block-cover .wp-block-cover__inner-container h4,
    .wp-block-cover .wp-block-cover__inner-container h5,
 .wp-block-cover .wp-block-cover__inner-container h6 {
  font-family: Roboto, Arial, sans-serif !important;
  font-style: normal;
  font-weight: 700!important;
  color: #333;
  position: relative;
}

h1,
h2,
.wp-block-cover .wp-block-cover__inner-container h1,
.wp-block-cover .wp-block-cover__inner-container h2,
.hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2,
.editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2 {
  font-size: 3rem;
}

@media (max-width: 415px) {
  h1,
  h2,
  .wp-block-cover .wp-block-cover__inner-container h1,
  .wp-block-cover .wp-block-cover__inner-container h2,
  .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2,
  .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2 {
    font-size: 2.2rem;
  }
}

h2,
.wp-block-cover .wp-block-cover__inner-container h2,
.hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2,
.editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2 {
  margin-top: 7rem;
}

@media (max-width: 1791px) {
  .home-title {
    margin-top: 3rem!important;
  }
}

h1:before,
h1.has-text-align-center:before,
h1.has-text-align-left:before,
h1.bg-dark.has-text-align-left:before,
h1.bg-dark.has-text-align-center:before,

h2:before,
h2.has-text-align-center:before,
h2.has-text-align-left:before,
h2.bg-dark.has-text-align-left:before,
h2.bg-dark.has-text-align-center:before {
    content: '';
    position: absolute;
    bottom: -0.6rem;
    left: 0px;
    z-index: 1;
    width: 100px;
    height: 4px;
    background-color: #69b2dc;
}

h1:before,
h1.bg-dark.has-text-align-center:before,
h2.has-text-align-center:before,
h2.bg-dark.has-text-align-center:before {
    left: 50%;
    margin-left: -50px;
}

h3,
h3.sf-title, h3.sf-title-2 {
  font-size: 1.2rem !important;
  color: #69b2dc;
}

@media (max-width: 1017px) {
  h3.sf-title, h3.sf-title-2 {
    font-size: 1.1rem!important;
  }
}

@media (max-width: 500px) {
  h3, h3.sf-title, h3.sf-title-2 {
    font-size: 1rem!important;
  }
}

.footer-center a, p, a {
  font-family: Roboto, sans-serif !important;
  font-style: normal;
  font-weight: 300!important;
  font-size: 1.2rem;
}

@media (max-width: 515px) {
  .footer-center a {
    font-size: 1rem;
  }

  h3.sf-title, h3.sf-title-2 {
    font-size: 0.9rem!important;
  }
}

@media (max-width: 500px) {
  .footer-center > div {
    margin-right: 2rem;
  }
}

@media (max-width: 400px) {
  .footer-center > div {
    margin-right: 1rem;
  }
}

p {
  font-size: 1.2rem;
  line-height: 28px;
}

/* Améliorer realisations */

article.actualites.col.col-12.shadow-effect {
  padding-bottom: 4rem;
}

a:link {
  color: #69b2dc;
  padding-bottom: 3px;
}

/* End Améliorer realisations */


/* END GENERAL SETTINGS */


/* Helper classes */

.stop-margin {
  margin: 0 !important;
}

/* End Helper classes */

/* PAGE NOUS CONTACTER */

/* section formulaire top */
.wp-block-columns.sect-form {
  margin-bottom: 100px;
}

@media (max-width: 600px) {
  .wp-block-columns.sect-form {
    margin-bottom: 200px;
  }
}


/* END PAGE NOUS CONTACTER */


/* ------------------- STYLES CUSTOM POUR ELEMENTS ISOLES ------------------- */


/* Custom Hover for Buttons (when bug) */

.custom-hover:hover a {
  color: #FFFFFF!important;
  background-color: #69b2dc!important;
}

.wp-block-cover, .wp-block-cover-image {
    position: relative;
    -moz-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
    background-position: 50%;
    min-height: 430px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    padding: 1em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: -12rem;
}

body.vp-center {
  display: none;
}

/* End of Custom Hover for Buttons (when bug) */

/* Bouton menu fix */
@media (max-width: 1199px) {
  .toggled button.menu-toggle::before {
    -webkit-transform: rotate(45deg)!important;
       -moz-transform: rotate(45deg)!important;
         -o-transform: rotate(45deg)!important;
            transform: rotate(45deg)!important;
  }

  .toggled button.menu-toggle::after {
    -webkit-transform: rotate(-45deg)!important;
       -moz-transform: rotate(-45deg)!important;
         -o-transform: rotate(-45deg)!important;
            transform: rotate(-45deg)!important;
  }
}

/* END Bouton menu fix */

/* Custom bug fix main p */

.custom-home-p {
  max-width: 54rem;
}

.custom-group-width {
  max-width: 56rem;
  margin: 0 auto;
}

/* Custom Image Carnet */

.custom-carnet img {
  height: 178.5px;
  width: 226.8375px;
  float: right;
  margin-bottom: -2rem;
  margin-top: 6rem;
}

@media (max-width: 599px) {
  .custom-carnet img {
    height: 178.5px;
    width: 226.8375px;
    float: left;
    margin-bottom: -6rem;
    margin-top: -2rem;
  }
}

/* End of Custom Image Carnet */

/* Custom padding */

.custom-padding h2 {
  padding-top: 7rem;
}

/* End of Custom Padding */


/* ------------------- END STYLES CUSTOM ------------------- */


/* Archive grid systeme */
@media (min-width: 600px) {
   .wp-block-columns.container-archives {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }

    .container-archives .wp-block-column {
  -webkit-flex-basis: -webkit-calc(100% - 0px)!important;
          flex-basis: -moz-calc(100% - 0px)!important;
          flex-basis: calc(100% - 0px)!important;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
          flex-grow: 0;
  }

    .container-archives .wp-block-column:not(:first-child) {
  margin-left: 0px !important;
  }

   .container-archives .wp-block-column:nth-child(2n) {
  margin-left: 0px !important;
  }
}

.main-navigation ul.menu, .main-navigation ul.nav-menu {
  border-top: 1px solid #333;
  margin-top: 1rem;
}

@media (min-width: 768px){
  /* header navigation layout */
  .site-header .site-branding {
    display: inline-block!important;
    width: 20%!important;
  }

  .wp-block-columns.container-archives {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  }

  .container-archives .wp-block-column {
    -webkit-flex-basis: -webkit-calc(50% - 8px)!important;
            flex-basis: -moz-calc(50% - 8px)!important;
            flex-basis: calc(50% - 8px)!important;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
            flex-grow: 0;
  }

  .container-archives .wp-block-column:not(:first-child) {
    margin-left: 0px!important;
  }

  .container-archives .wp-block-column:nth-child(2n) {
    margin-left: 16px!important;
  }
}

@media (min-width: 1200px) {
  .wp-block-columns.container-archives {
    -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  }

  .container-archives .wp-block-column {
-webkit-flex-basis: -webkit-calc(33.3333% - 11px)!important;
        flex-basis: -moz-calc(33.3333% - 11px)!important;
        flex-basis: calc(33.3333% - 11px)!important;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
   -moz-box-flex: 0;
        flex-grow: 0;
}

 .container-archives .wp-block-column:nth-child(2n) {
   margin-left: 0px!important;
}

 .container-archives .wp-block-column:nth-child(3n+2) {
   margin-left: 16px!important;
}

 .container-archives .wp-block-column:nth-child(3n) {
   margin-left: 16px!important;
}

  .main-navigation ul.menu, .main-navigation ul.nav-menu {
    border-top: 0px solid #333;
    margin-top: 0rem;
  }

  .container-archives .wp-block-column:not(:first-child) {
    margin-left: 0px ;
}

  /* header navigation layout */

  .site-header .site-branding {
    display: inline-block!important;
    width: 20%!important;
  }

  .main-navigation {
    display: inline-block !important;
    width: 80%!important;
  }
}

/* END Archive grid systeme */

/* HELP CSS CLASSES */

.cacher {
  display: none!important;
}

/* END HELP CSS CLASSES */

.storefront-breadcrumb {
  margin-top: 153.5px;
}

/* SINGLE.php */

.resp-container {
  position: relative;
  overflow: hidden;
  padding-top: 46.25%;
}

.resp-container iframe,
.resp-container object,
.resp-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  border: 0;
}

.container-categories-single,
.container-texte-single,
.container-medias-single {
  margin: 0 auto;
  width:100%;
}

.container-texte-single {
  padding: 20px 0px;
}

@media (min-width: 768px) {
  .container-categories-single,
  .container-texte-single,
  .container-medias-single {
    max-width: 70%;
  }
}

@media (min-width: 992px) {
  .container-categories-single,
  .container-texte-single,
  .container-medias-single {
    max-width: 53%;
  }
}

/* END SINGLE.php */

/* archive.php */

.archives-custom {
  width: 100%!important;
}

.archives-custom h1 {
  margin: 20px auto;
  text-align: center;
}

.container-img-archive-post {
  overflow: hidden;
}

.link-archive-post .container-img-archive-post img {
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease;
}

.link-archive-post:hover .container-img-archive-post img {
  -webkit-transform: scale(1.5);
     -moz-transform: scale(1.5);
       -o-transform: scale(1.5);
          transform: scale(1.5);
}


/* end archive.php */

/* MOBILE MENU CONFIGURATION */

span.close-mobile-btn {
    position: fixed;
    z-index: 10000000000;
    right: 0px;
    background: red;
    cursor: pointer;
}

html.mobileOpen,
body.mobileOpen {
    overflow: hidden!important;
}

/* END MOBILE MENU CONFIGURATION */

.hentry {
    margin: 6em 0 4.235801032em;
}

/* GUTENBERG BLOCKS */

.site-header {
    position: fixed;
    width: 100%;
    top:0;
    right: 0;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 99999;
    border-bottom-color: #f0f0f0;
}

/* GUTENBERG BLOCKS */

.entry-content {
    max-width: 102.25rem;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 4rem;
}

/* GUTENBERG BLOCKS BUTTON */

.sf-button a.wp-block-button__link {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sf-button  a.wp-block-button__link:hover {
  border: 2px solid #69b2dc !important;
    background-color: #69b2dc !important;
    color: #fff !important;
}

/* FIN GUTENBERG BLOCKS BUTTON */

@media (min-width: 66.4989378333em) {
  .storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignwide,
  .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide {
      margin-left: initial!important;
      margin-right: initial!important;
  }
}

@media (min-width: 600px) {
  .hentry .entry-content .wp-block-columns .wp-block-column, .editor-styles-wrapper .wp-block-columns .wp-block-column {
       padding-left: 0!important;
       padding-right: 0!important;
       margin-left: 0;
  }

  .hentry .entry-content .wp-block-columns .wp-block-column:not(:last-child), .editor-styles-wrapper .wp-block-columns .wp-block-column:not(:last-child) {
       margin-right: 0!important;
  }

  .wp-block-column:nth-child(2n) {
    margin-left: 32px !important;
  }
}

@media (min-width: 782px) {
  .hentry .entry-content .wp-block-columns .wp-block-column, .editor-styles-wrapper .wp-block-columns .wp-block-column {
       padding-left: 0!important;
       padding-right: 0!important;
       margin-left: 0;
  }

  .hentry .entry-content .wp-block-columns .wp-block-column:not(:last-child), .editor-styles-wrapper .wp-block-columns .wp-block-column:not(:last-child) {
       margin-right: 0!important;
  }

  .wp-block-column:not(:first-child) {
      margin-left: 32px !important;
  }
}

@media (min-width: 756px) and (max-width: 781px) {
  .wp-block-column:not(:only-child) {
    -webkit-flex-basis: -webkit-calc(0% - -20em)!important;
            flex-basis: -moz-calc(0% - -20em)!important;
            flex-basis: calc(0% - -20em)!important;
  }

  .hentry .entry-content div.wp-block-image:not(.block-editor-media-placeholder) .alignright, .editor-styles-wrapper div.wp-block-image:not(.block-editor-media-placeholder) .alignright {
    margin-left: 1rem!important;
    float: left;
  }
}

@media (min-width: 724px) and (max-width: 755px) {
  .hentry .entry-content div.wp-block-image:not(.block-editor-media-placeholder) .alignright, .editor-styles-wrapper div.wp-block-image:not(.block-editor-media-placeholder) .alignright {
    margin-left: 1rem!important;
    float: left;
  }
}

@media (min-width: 724px) and (max-width: 755px) {
  .wp-block-column:not(:only-child) {
    -webkit-flex-basis: -webkit-calc(0% - -19em)!important;
            flex-basis: -moz-calc(0% - -19em)!important;
            flex-basis: calc(0% - -19em)!important;
  }
}

@media (min-width: 705px) and (max-width: 723px) {
  .wp-block-column:not(:only-child) {
    -webkit-flex-basis: -webkit-calc(-1% - -18.5em)!important;
            flex-basis: -moz-calc(-1% - -18.5em)!important;
            flex-basis: calc(-1% - -18.5em)!important;
  }

  .hentry .entry-content div.wp-block-image:not(.block-editor-media-placeholder) .alignright, .editor-styles-wrapper div.wp-block-image:not(.block-editor-media-placeholder) .alignright {
    margin-left: 0.8rem!important;
    float: left;
  }
}

@media (min-width: 657px) and (max-width: 704px) {
  .hentry .entry-content div.wp-block-image:not(.block-editor-media-placeholder) .alignright, .editor-styles-wrapper div.wp-block-image:not(.block-editor-media-placeholder) .alignright {
    margin-left: 0.6rem!important;
    float: left;
  }

  .wp-block-column:not(:only-child) {
    -webkit-flex-basis: -webkit-calc(-5% - -18.5em)!important;
            flex-basis: -moz-calc(-5% - -18.5em)!important;
            flex-basis: calc(-5% - -18.5em)!important;
  }
}

@media (min-width: 600px) and (max-width: 656px) {
  .hentry .entry-content div.wp-block-image:not(.block-editor-media-placeholder) .alignright, .editor-styles-wrapper div.wp-block-image:not(.block-editor-media-placeholder) .alignright {
    margin-left: 0.4rem!important;
    float: left;
  }
}

@media (min-width: 609px) and (max-width: 656px) {
  .wp-block-column:not(:only-child) {
    -webkit-flex-basis: -webkit-calc(-14% - -20em)!important;
            flex-basis: -moz-calc(-14% - -20em)!important;
            flex-basis: calc(-14% - -20em)!important;
  }
}

@media (min-width: 600px) and (max-width: 608px) {
  .wp-block-column:not(:only-child) {
    -webkit-flex-basis: -webkit-calc(-14% - -19em)!important;
            flex-basis: -moz-calc(-14% - -19em)!important;
            flex-basis: calc(-14% - -19em)!important;
  }
}

p.has-text-align-center {
  max-width: 42rem;
  margin: 2rem auto;
}

/* GUTENBERG BLOCKS */

/* HOME PAGE */
body.home {
  margin-top: 134.5px; /* 153.5PX +67.28PX = 220.78px*/
}
/* FIN HOME PAGE */

/* WOOCOMMERCE  PAGE */
body.woocommerce-page {
    margin-top: 153.5px;
}
/* FIN WOOCOMMERCE  PAGE */

/* storefront-primary-navigation */

@media (max-width: 1199px) {
  a:focus,
  input:focus,
  textarea:focus,
  button:focus {
    outline: initial !important;
  }

  /* MENU BUTTON */
  button.menu-toggle,
  button.menu-toggle:hover {
    border: none;
  }

  button.menu-toggle {
      position: fixed;
      z-index: 10000000000;
      top: 0;
      left: inherit;
      right: 0px !important;
      border: none;
      line-height: 76.750px;
      padding-top: 0px;
      padding-bottom: 0px;
      -webkit-transition: .3s ease-in-out !important;
      -o-transition: .3s ease-in-out !important;
      -moz-transition: .3s ease-in-out !important;
      transition: .3s ease-in-out !important;
  }

  button.menu-toggle::before,
  button.menu-toggle::after,
  button.menu-toggle span::before {
      -webkit-transition: .3s ease-in-out;
      -o-transition: .3s ease-in-out;
      -moz-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
  }

  button.menu-toggle:hover {
    color: #69b2dc;
  }

  button.menu-toggle:hover::before,
  button.menu-toggle:hover::after,
  button.menu-toggle:hover span::before {
    background: #69b2dc;
  }

  button.menu-toggle:hover:before {
    -webkit-transform: translateY(-6px);
       -moz-transform: translateY(-6px);
         -o-transform: translateY(-6px);
            transform: translateY(-6px);
  }

  button.menu-toggle:hover:after {
    -webkit-transform: translateY(6px);
       -moz-transform: translateY(6px);
         -o-transform: translateY(6px);
            transform: translateY(6px);
  }

  .main-navigation.toggled button.menu-toggle:before {
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
  }

  .handheld-navigation ul.menu li button {
        padding: 0.875em 1em;
  }

  .handheld-navigation ul.menu li button:after {
    color: #69b2dc;
     -webkit-transition: all, ease, 0.1s;
     -o-transition: all, ease, 0.1s;
     -moz-transition: all, ease, 0.1s;
     transition: all, ease, 0.1s;
  }
}

/* MOBILE HOVER and CURRENT ITEM NAVIGATION*/
.main-navigation ul li a:hover,
.main-navigation ul li:hover > a,
.site-title a:hover,
.site-header ul.menu li.current-menu-item > a,
.main-navigation ul li:hover button span:after,
.site-header .handheld-navigation ul.menu li:hover button:after {
    color: #69b2dc;
}

.main-navigation ul.menu > li > a,
 .main-navigation ul.nav-menu > li > a {
    padding: 1.618em 1em;
}

/* FIN MENU BUTTON */

  .header-widget-region {
      float: left;
      padding: 0px;
      margin: 0px;
  }

  .header-widget-region .col-full {
      padding-left: 0px;
      margin:0px;
  }

  div#icl_lang_sel_widget-2 {
      width: 60px;
      padding: 1.618em 0px;
  }

  .woocommerce-active .site-header .site-branding {
    margin-bottom: 0px;
    padding: 10px 0px;
  }

  .site-header .site-branding img {
      height: -webkit-fit-content !important;
      height: -moz-fit-content !important;
      height: fit-content !important;
      max-width: 99.39px !important;
      width: 100% !important;
      max-height: none !important;
      margin-top: 1.5rem!important;
      margin-bottom: -0.5rem!important;
  }

@media (max-width: 767px) {
  .site-header .site-branding img {
    margin-bottom: 1rem!important;
    margin-top: 1.5rem!important;
  }
}

 .main-navigation ul.menu ul.sub-menu,
  .main-navigation ul.nav-menu ul.children {
      background-color: initial;
  }

  .handheld-navigation ul.menu > li.wpml-ls-current-language a {
    width: 50px;
    padding-right: 0px;
  }

  .handheld-navigation ul.menu > li.wpml-ls-current-language > a {
   background: #69b2dc;
    color: #fff;
  }

/*** Content ***/

/*** Primary Navigation ***/

    .main-navigation ul.menu ul,
    .main-navigation ul.nav-menu ul {
      margin-left: 4em ;
      }

      .main-navigation ul.menu ul li a,
      .main-navigation ul.nav-menu ul li a {
        padding: inherit ;
        font-weight: inherit ;
        font-size: inherit
      }

      .main-navigation ul.menu ul ul,
      .main-navigation ul.nav-menu ul ul {
        margin-left: 4em ;
        -webkit-box-shadow: none;
                -moz-box-shadow: none;
             box-shadow: none;
           }

      .main-navigation ul.menu ul a:hover,
      .main-navigation ul.menu ul li:hover > a,
      .main-navigation ul.menu ul li.focus,
      .main-navigation ul.nav-menu ul a:hover,
      .main-navigation ul.nav-menu ul li:hover > a,
      .main-navigation ul.nav-menu ul li.focus {
        background-color: inherit ;
      }

/*** Navigation desktop  @media (min-width: 768px) ***/
@media (min-width: 768px) {
  .main-navigation ul.menu > li.menu-item-has-children > a::after, .main-navigation ul.menu > li.page_item_has_children > a::after,
  .main-navigation ul.nav-menu > li.menu-item-has-children > a::after, .main-navigation ul.nav-menu > li.page_item_has_children > a::after {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: none;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      line-height: 1;
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      line-height: inherit;
      vertical-align: baseline;
      content: "\f107";
      margin-left: 1em;
  }

.main-navigation ul ul li a, .secondary-navigation ul ul li a {
  width: 275px!important;
  }

.main-navigation ul.menu > li > a,
 .main-navigation ul.nav-menu > li > a {
    padding: 1.618em 2em;
  }

 .handheld-navigation ul.menu > li.wpml-ls-current-language a {
    width: 66px;
    padding-right:0px;
  }
}

.main-navigation div.menu,
.main-navigation .handheld-navigation {
    background-color: #ffffff;
}

/*** Strictly Layout Styles ***/
@media (min-width: 768px) {
  .woocommerce-active .site-header .main-navigation {
    width: 100% ;
    float: initial ;
    margin-right: 4.347826087%;
    clear: initial ;
  }

  .site-header .subscribe-and-connect-connect .icons a {
    font-size: 1em ;
  }

  .site-header .subscribe-and-connect-connect .icons li {
    margin: 0 0 0 0.5407911001em ;
    display: inline-block;
  }

  /*** Content ***/
  .page-template-template-fullwidth-php .content-area,
  .page-template-template-homepage-php .content-area {
  }

  /*** Menus ***/

  /* 1 - We have to use a `left` declaration so that dropdowns are revealed when tabbed. */
  .menu-toggle,
  .handheld-navigation,
  .main-navigation.toggled .handheld-navigation,
  .main-navigation.toggled div.menu {
    display: block ;
  }

  .primary-navigation {
    display: none ;
  }

  .main-navigation ul li,
  .secondary-navigation ul li {
    position: fixed;
    display: block ;
    top: 78px!important;
    left: 0;
    right: 0px;
    text-align: left;
    z-index: 100000;
  }

  .main-navigation ul ul,
  .secondary-navigation ul ul {
    float: inherit ;
    position: inherit ;
    z-index: inherit ;
    left: inherit ;
  }   /* 1 */

/*** Primary Navigation ***/

  .main-navigation ul.menu ul,
  .main-navigation ul.nav-menu ul {
    margin-left: 4em ;
  }

  .main-navigation ul.menu ul li a,
  .main-navigation ul.nav-menu ul li a {
    padding: inherit ;
    font-weight: inherit ;
    font-size: inherit
  }

  .main-navigation ul.menu ul ul,
  .main-navigation ul.nav-menu ul ul {
    margin-left: 4em ;
    -webkit-box-shadow: none;
            -moz-box-shadow: none;
         box-shadow: none;
       }

  .main-navigation ul.menu ul a:hover,
  .main-navigation ul.menu ul li:hover > a,
  .main-navigation ul.menu ul li.focus,
  .main-navigation ul.nav-menu ul a:hover,
  .main-navigation ul.nav-menu ul li:hover > a,
  .main-navigation ul.nav-menu ul li.focus {
    background-color: inherit ;
  }
}

/*** MENU MOBILE AND TABLETTE ***/

/*  ORIGINAL STOREFRONT PLUGIN CSS HAMBURGER MENU MIN-WIDTH( 767PX ) */

.storefront-hamburger-menu-active .shm-close {
  display: none;
}

@media screen and (max-width: 1199px) {
  /*#menu { display:block !important; }*/

  .storefront-hamburger-menu-active .main-navigation {
    z-index: 100000000000;
  }

  .storefront-hamburger-menu-active .main-navigation ul li a {
    padding: .857em 1.387em;
  }

  li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-178 {
    border-top: 1px solid #333;
  }

  li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-187 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
  }

  li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-830 {
    border-bottom: 1px solid #333;
  }

  li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-2730 {
    border-top: 1px solid #333;
  }

  .storefront-hamburger-menu-active .main-navigation.toggled .cache {
    position: fixed;
    cursor: pointer;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
  }

  .storefront-hamburger-menu-active .main-navigation .handheld-navigation,
  .storefront-hamburger-menu-active .main-navigation div.menu {
    position: fixed;
    top: 0;
    left: -80%;
    width: 80%;
    height: 100%;
    transition: left 0.2s;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: left 0.2s;
    -moz-transition: left 0.2s;
    -o-transition: left 0.2s;
    transition: left 0.2s;
    z-index: 9999;
    display: block !important;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
   }

  .storefront-hamburger-menu-active .main-navigation .handheld-navigation > ul,
  .storefront-hamburger-menu-active .main-navigation div.menu > ul {
    margin-top: 0em;
  }

  .storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle:before {
            -webkit-transform: rotate(45deg);
               -moz-transform: rotate(45deg);
                 -o-transform: rotate(45deg);
                    transform: rotate(45deg);
                  }

  .storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle:after {
                    -webkit-transform: rotate(-45deg);
                       -moz-transform: rotate(-45deg);
                         -o-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                          }

  .storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle span:before {
    opacity: 0;
  }

  .storefront-hamburger-menu-active .main-navigation.toggled .handheld-navigation,
  .storefront-hamburger-menu-active .main-navigation.toggled div.menu {
    left: 0;
    -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0.7);
       -moz-box-shadow: 0 0 2em rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 2em rgba(0, 0, 0, 0.7);
          }

  .storefront-hamburger-menu-active .shm-close {
    display: block;
    text-align: right;
    color: #fff;
    background-color: #69b2dc;
    cursor: pointer;
    overflow: hidden;
    font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .storefront-hamburger-menu-active .shm-close:before {
    font-family: "dashicons";
    font-weight: 400;
    content: "\f158";
    font-size: 1.5rem;
    margin-right: 1em;
    display: inline-block;
    padding: .4em 0 .4em 1.387em;
  }

  .storefront-hamburger-menu-active .site-header-cart .cart-contents {
    right: 2.618em;
  }

  .storefront-hamburger-menu-active.admin-bar .main-navigation .handheld-navigation,
  .storefront-hamburger-menu-active.admin-bar .main-navigation div.menu {
    padding-top: 32px;
  }
}

  .storefront-2-3.storefront-hamburger-menu-active .main-navigation .shm-close:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
}

.main-navigation ul li,
.secondary-navigation ul li {
  position: fixed;
  display: block ;
  top: 0px!important;
  left: 0;
  right: 0px;
  text-align: left;
  z-index: 100000;
}

@media screen and (max-width: 782px) {
  .storefront-hamburger-menu-active.admin-bar .main-navigation .handheld-navigation,
  .storefront-hamburger-menu-active.admin-bar .main-navigation div.menu {
    padding-top: 46px;
  }
}

@media (min-width: 768px) {
  .content-area {
    width: 100%!important;
  }
}

@media (max-width: 1199px) {
  .mobileOpen > div > div > nav > button {
    display: none;
  }
}

.hentry .entry-header {
  margin-bottom: 1em!important;
  border-bottom: 0px!important;
}

@media (max-width: 810px) and (min-width: 600px) {
  .frm_form_field.frm6, .frm_submit.frm6, .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half, .frm_form_field.frm_half, .frm_submit.frm_half {
    width: 100%!important;
  }
}

@media (max-width: 810px) and (min-width: 632px) {
  .frm_style_nous-contacter.with_frm_style .form-field {
    margin-bottom: 1px!important;
  }
}

@media (max-width: 631px) and (min-width: 600px) {
  .frm_style_nous-contacter.with_frm_style .form-field {
    margin-bottom: 6px!important;
  }
}

@media (max-width: 1300px) {
  .hentry .entry-content .has-medium-font-size, .editor-styles-wrapper .has-medium-font-size {
    font-size: 1.15em!important;
  }

  .hentry .entry-content div.wp-block-image:not(.block-editor-media-placeholder) .alignright, .editor-styles-wrapper div.wp-block-image:not(.block-editor-media-placeholder) .alignright {
    margin-left: 0rem;
  }
}

@media (max-width: 599px) {
  .wp-block-image .alignright {
    float: none;
  }

  .wp-block-group.\.custom-contact-column {
    margin-top: -13rem!important;
    margin-left: 55%!important;
  }

  div.wp-block-group__inner-container p {
    margin-bottom: 0.3rem;
  }

  .wp-block-spacer.\.custom-contact-spacer {
    height: 10px!important;
  }

  .wp-block-group.\.custom-contact-column.\.custom-contact-first-column {
    margin-top: -14.5rem!important;
    padding-bottom: 2rem;
  }

  .wp-block-image.\.custom-contact-image img {
    margin-left: 29%;
  }

  p.\.custom-contact-padding {
    margin-bottom: -5rem;
    text-align: left;
  }

  .wp-block-spacer.\.custom-contact-spacer-2 {
    height: 20px!important;
  }
}

@media (max-width: 500px) {
  .wp-block-image.\.custom-contact-image img {
    margin-left: 12%;
  }
}

@media (max-width: 475px) {
    .wp-block-group.\.custom-contact-column {
      margin-right: 2%!important;
  }
}

@media (max-width: 430px) {
  .wp-block-image.\.custom-contact-image img {
    margin-left: 2%;
  }
}

@media (max-width: 400px) {
    .wp-block-group.\.custom-contact-column {
      margin-top: -1rem!important;
      margin-left: 4%!important;
      float: none!important;
      text-align: center;
  }

    .hentry .entry-content div.wp-block-image:not(.block-editor-media-placeholder) .alignright, .editor-styles-wrapper div.wp-block-image:not(.block-editor-media-placeholder) .alignright {
      margin-left: 30%!important;
      margin-right: 30%!important;
  }

    .wp-block-group.\.custom-contact-column.\.custom-contact-first-column {
      margin-top: -0.5rem!important;
  }
}

@media (max-width: 795px) {
  p.\.custom-contact-last-link-b.has-medium-font-size a {
    font-size: 1rem!important;
  }
}

@media (min-width: 769px) {
  .wpautoterms-footer a {
    float: left;
    margin-top: -4.1rem; /* Trop bas (?) mais visuellement mieux */
    margin-left: 3.5em;
    font-weight: 400!important;
    font-size: 16px;
  }
}

@media (min-width: 1148px) and (max-width: 1199px) {
  .wpautoterms-footer a {
    margin-left: 5.6%;
  }
}

@media (min-width: 1050px) and (max-width: 1147px) {
  .wpautoterms-footer a {
    margin-left: 3.9%!important;
  }
}

@media (min-width: 890px) and (max-width: 1049px) {
  .wpautoterms-footer a {
    margin-left: 4.4%!important;
  }
}

@media (min-width: 769px) and (max-width: 889px) {
  .wpautoterms-footer a {
    margin-left: 4.9%!important;
  }
}

@media (max-width: 768px) {
  .wpautoterms-footer {
    text-align: left!important;
    margin-left: 0%!important;
    margin-top: -3rem!important;
  }
}

@media (min-width: 740px) and (max-width: 768px) {
  .wpautoterms-footer a {
    margin-left: 3.5rem!important;
  }
}

@media (min-width: 660px) and (max-width: 739px) {
  .wpautoterms-footer a {
    margin-left: 3.5rem!important;
  }
}

@media (min-width: 580px) and (max-width: 659px) {
  .wpautoterms-footer a {
    margin-left: 3.5rem!important;
  }
}

@media (min-width: 540px) and (max-width: 579px) {
  .wpautoterms-footer a {
    margin-left: 3.5rem!important;
  }
}

@media (min-width: 500px) and (max-width: 539px) {
  .wpautoterms-footer a {
    margin-left: 3.5rem!important;
  }
}

@media (max-width: 499px) {
  .wpautoterms-footer a {
    margin-left: 3.5rem!important;
  }
}

/*** Strictly Layout Styles ***/

/* ORIGINAL STOREFRONT LAYOUT MEDIAN MIN-WIDTH( 768PX ) TRANSFORMED TO MIN-WIDTH( 1200px ) */

@media (min-width: 1200px) {
  table.shop_table_responsive tbody tr td,
  table.shop_table_responsive tbody tr th {
    text-align: left;
  }

  .site-header {
    padding-top: 2.617924em;
    padding-bottom: 0;
  }

  .site-header .site-branding {
    display: block;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    clear: both;
  }

  .site-header .site-branding img {
    margin-top: -1rem!important;
    margin-bottom: -2.5rem!important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    max-width: 99.39px !important;
    max-height: none;
    margin-top: 1rem!important;
    margin-bottom: -0.3rem!important;
  }

  .woocommerce-active .site-header .site-branding {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
  }

  .woocommerce-active .site-header .site-search {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
    clear: none;
  }

  .woocommerce-active .site-header .main-navigation {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
    clear: both;
  }

  .woocommerce-active .site-header .site-header-cart {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
  }

  .storefront-secondary-navigation .site-header .site-branding {
    width: 39.1304347826%;
    float: left;
    margin-right: 4.347826087%;
  }

  .storefront-secondary-navigation .site-header .secondary-navigation {
    width: 56.5217391304%;
    float: right;
    margin-right: 0;
  }

  .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%;
  }

  .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }

  .site-branding .site-description {
    margin-bottom: 0;
    display: block;
  }

  .site-branding,
  .site-search,
  .site-header-cart,
  .site-logo-anchor,
  .site-logo-link,
  .custom-logo-link {
  margin-bottom: 0.9em;
}

  .site-header .subscribe-and-connect-connect {
    float: right;
    margin-bottom: 1em;
  }

  .site-header .subscribe-and-connect-connect .icons {
    list-style: none;
    margin: 0;
  }

  .site-header .subscribe-and-connect-connect .icons a {
    font-size: 1em !important;
  }

  .site-header .subscribe-and-connect-connect .icons li {
    margin: 0 0 0 0.5407911001em !important;
    display: inline-block;
  }

  .col-full {
    max-width: 66.4989378333em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2.617924em;
    -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
         box-sizing: content-box;
  }

  .col-full::before, .col-full::after {
    content: '';
    display: table;
  }

  .col-full::after {
    clear: both;
  }

  .col-full:after {
    content: " ";
    display: block;
    clear: both;
  }

  .site-content::before, .site-content::after {
    content: '';
    display: table;
  }

  .site-content::after {
    clear: both;
  }

  .content-area {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%;
  }

  .widget-area {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
  }

  .right-sidebar .content-area {
    width: 100%;
    float: left;
    margin-right: 4.347826087%;
  }

  .right-sidebar .widget-area {
    width: 21.7391304348%;
    float: right;
    margin-right: 0;
  }

  .left-sidebar .content-area {
    width: 100%;
    float: right;
    margin-right: 0;
  }

  .left-sidebar .widget-area {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%;
  }

  .storefront-full-width-content .content-area {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

  .content-area,
  .widget-area {
    margin-bottom: 2.617924em;
  }

/*** Full width & homepage template ***/

  .page-template-template-fullwidth-php .content-area {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2rem;
  }

  .page-template-template-homepage-php .content-area {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }

/* ------ Footer classes ------- */

/* END Footer classes */

/*** Footer widgets ***/

  .footer-widgets {
    padding-top: 4.235801032em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }

  .footer-widgets::before, .footer-widgets::after {
    content: '';
    display: table;
  }

  .footer-widgets::after {
    clear: both;
  }

  .footer-widgets.col-2 .block {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }

  .footer-widgets.col-2 .block.footer-widget-2 {
    float: right;
    margin-right: 0;
  }

  .footer-widgets.col-3 .block {
    width: 30.4347826087%;
    float: left;
    margin-right: 4.347826087%;
  }

  .footer-widgets.col-3 .block.footer-widget-3 {
    float: right;
    margin-right: 0;
  }

  .footer-widgets.col-4 .block {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%;
  }

  .footer-widgets.col-4 .block.footer-widget-4 {
    float: right;
    margin-right: 0;
  }

/*** Comments ***/

  .comment-list::before, .comment-list::after {
    content: '';
    display: table;
  }

  .comment-list::after {
    clear: both;
  }

  .comment-list .comment {
    clear: both;
  }

  .comment-list .comment-meta {
    width: 17.6470588235%;
    float: left;
    margin-right: 5.8823529412%;
    text-align: right;
  }

  .comment-list .comment-meta .avatar {
    float: right;
  }

  .comment-list .comment-content {
    padding-bottom: 3.706325903em;
    margin-bottom: 3.706325903em;
  }

  .comment-list .comment-content,
  .comment-list #respond {
    width: 76.4705882353%;
    float: right;
    margin-right: 0;
  }

  .comment-list #respond {
    float: right;
  }

  .comment-list #respond .comment-form-author,
  .comment-list #respond .comment-form-email,
  .comment-list #respond .comment-form-url {
    width: 100%;
    margin-right: 0;
  }

  .comment-list .comment-body #respond {
    -webkit-box-shadow: 0 6px 2em rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 6px 2em rgba(0, 0, 0, 0.2);
         box-shadow: 0 6px 2em rgba(0, 0, 0, 0.2);
    margin-bottom: 2.617924em;
    margin-top: -1.618em;
  }

  .comment-list .reply {
    clear: both;
    text-align: right;
  }

  .comment-list ol.children {
    width: 88.2352941176%;
    float: right;
    margin-right: 0;
    list-style: none;
  }

  .comment-list ol.children .comment-meta {
    width: 20%;
    float: left;
    margin-right: 6.6666666667%;
  }

  .comment-list ol.children .comment-content,
  .comment-list ol.children #respond {
    width: 73.3333333333%;
    float: right;
    margin-right: 0;
  }

  .comment-list ol.children ol.children {
    width: 86.6666666667%;
    float: right;
    margin-right: 0;
  }

  .comment-list ol.children ol.children .comment-meta {
    width: 23.0769230769%;
    float: left;
    margin-right: 7.6923076923%;
  }

  .comment-list ol.children ol.children .comment-content,
  .comment-list ol.children ol.children #respond {
    width: 69.2307692308%;
    float: right;
    margin-right: 0;
  }

  .comment-list ol.children ol.children ol.children {
    width: 84.6153846154%;
    float: right;
    margin-right: 0;
  }

  .comment-list ol.children ol.children ol.children .comment-meta {
    width: 27.2727272727%;
    float: left;
    margin-right: 9.0909090909%;
  }

  .comment-list ol.children ol.children ol.children .comment-content,
  .comment-list ol.children ol.children ol.children #respond {
    width: 63.6363636364%;
    float: right;
    margin-right: 0;
  }

  .comment-list ol.children ol.children ol.children ol.children {
    width: 81.8181818182%;
    float: right;
    margin-right: 0;
  }

  .comment-list ol.children ol.children ol.children ol.children .comment-meta {
    width: 33.3333333333%;
    float: left;
    margin-right: 11.1111111111%;
  }

  .comment-list ol.children ol.children ol.children ol.children .comment-content,
  .comment-list ol.children ol.children ol.children ol.children #respond {
    width: 55.5555555556%;
    float: right;
    margin-right: 0;
  }

  #respond {
    padding: 2.617924em;
  }

  #respond .comment-form-author,
  #respond .comment-form-email,
  #respond .comment-form-url {
    width: 29.4117647059%;
    float: left;
    margin-right: 5.8823529412%;
  }

  #respond .comment-form-url {
    float: right;
    margin-right: 0;
  }

  #respond .comment-form-comment {
    clear: both;
  }

/*** Content ***/
  .hentry .entry-header {
    margin-bottom: 2.617924em;
  }

/*** Menus ***/

/* 1 - We have to use a `left` declaration so that dropdowns are revealed when tabbed. */
  .menu-toggle,
  .handheld-navigation,
  .main-navigation.toggled .handheld-navigation,
  .main-navigation.toggled div.menu {
    display: none;
  }

  .primary-navigation {
    display: inline-block;
    clear: both;
    float: right;
    margin-top: -6rem;
  }

  .main-navigation,
  .secondary-navigation {
    clear: both;
    display: block;
    width: 100%;
  }

  .main-navigation ul,
  .secondary-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: block;
  }

  .main-navigation ul li,
  .secondary-navigation ul li {
    position: relative;
    display: inline-block;
    text-align: left;
    top: 78px!important;
  }

  .main-navigation ul li a,
  .secondary-navigation ul li a {
    display: block;
  }

  .main-navigation ul li a::before,
  .secondary-navigation ul li a::before {
    display: none;
  }

  .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul,
  .secondary-navigation ul li:hover > ul,
  .secondary-navigation ul li.focus > ul {
    left: 0;
    display: block;
  }

  .main-navigation ul li:hover > ul li > ul, .main-navigation ul li.focus > ul li > ul,
  .secondary-navigation ul li:hover > ul li > ul,
  .secondary-navigation ul li.focus > ul li > ul {
    left: -9999px; /* 1 */
  }

  .main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device, .main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device,
  .secondary-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device,
  .secondary-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device {
    display: none;
    left: 0;
  }

  .main-navigation ul li:hover > ul li:hover > ul, .main-navigation ul li:hover > ul li.focus > ul, .main-navigation ul li.focus > ul li:hover > ul, .main-navigation ul li.focus > ul li.focus > ul,
  .secondary-navigation ul li:hover > ul li:hover > ul,
  .secondary-navigation ul li:hover > ul li.focus > ul,
  .secondary-navigation ul li.focus > ul li:hover > ul,
  .secondary-navigation ul li.focus > ul li.focus > ul {
    left: 100%;
    top: 0;
    display: block;
  }

  .main-navigation ul ul,
  .secondary-navigation ul ul {
    float: left;
    position: absolute;
    z-index: 99999;
    left: -9999px; /* 1 */
  }

  .main-navigation ul ul.sub-menu--is-touch-device,
  .secondary-navigation ul ul.sub-menu--is-touch-device {
    display: none;
    left: 0;
  }

  .main-navigation ul ul li,
  .secondary-navigation ul ul li {
    display: block;
  }

  .main-navigation ul ul li a,
  .secondary-navigation ul ul li a {
    width: 200px;
  }

  ul.menu li.current-menu-item > a {
    color: #43454b;
  }

/*** Primary Navigation ***/

  .storefront-primary-navigation {
    clear: both;
  }

  .storefront-primary-navigation::before, .storefront-primary-navigation::after {
    content: '';
    display: table;
  }

  .storefront-primary-navigation::after {
    clear: both;
  }

  .main-navigation div.menu {
    display: block;
  }

  .main-navigation ul.menu,
  .main-navigation ul.nav-menu {
    max-height: none;
    overflow: visible;
    margin-left: -1em;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none;
  }

  .main-navigation ul.menu > li > a,
  .main-navigation ul.nav-menu > li > a {
    padding: 1.05em 1em;
  }

  .main-navigation ul.menu > li.menu-item-has-children:hover::after, .main-navigation ul.menu > li.page_item_has_children:hover::after,
  .main-navigation ul.nav-menu > li.menu-item-has-children:hover::after,
  .main-navigation ul.nav-menu > li.page_item_has_children:hover::after {
    display: block;
  }

  .main-navigation ul.menu ul,
  .main-navigation ul.nav-menu ul {
    margin-left: 0;
  }

  .main-navigation ul.menu ul li a,
  .main-navigation ul.nav-menu ul li a {
    padding: 0.875em 1.41575em;
    font-weight: 400;
    font-size: 0.875em;
    background-color: #69b2d8;
    color: #ffffff;
  }

  .main-navigation ul.menu ul li:last-child,
  .main-navigation ul.nav-menu ul li:last-child {
    border-bottom: 0;
  }

  .main-navigation ul.menu ul ul,
  .main-navigation ul.nav-menu ul ul {
    margin-left: 0;
    -webkit-box-shadow: none;
            -moz-box-shadow: none;
         box-shadow: none;
       }

  .main-navigation a {
    padding: 0 1em 2.2906835em;
  }

/*** Secondary Navigation ***/

  .secondary-navigation {
    margin: 0 0 1.618em;
    width: auto;
    clear: none;
    line-height: 1;
  }

  .secondary-navigation .menu {
    font-size: 0.875em;
    width: auto;
    float: right;
  }

  .secondary-navigation .menu > li:hover > a {
    text-decoration: none;
  }

  .secondary-navigation .menu ul a {
    padding: 0.326em 0.875em;
    background: rgba(0, 0, 0, 0.05);
  }

  .secondary-navigation .menu ul li:first-child a {
    padding-top: 1em;
  }

  .secondary-navigation .menu ul li:last-child a {
    padding-bottom: 1em;
  }

  .secondary-navigation .menu ul ul {
    margin-top: -0.6180469716em;
  }

  .secondary-navigation .menu a {
    padding: 1em 0.875em;
    color: #737781;
    font-weight: 400;
  }

  .secondary-navigation .menu a:hover {
    text-decoration: none;
  }

/*** 404 Styles ***/

  .error404 .fourohfour-columns-2 .col-1 {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%;
  }

  .error404 .fourohfour-columns-2 .col-1 ul.products {
    margin-bottom: 0;
  }

  .error404 .fourohfour-columns-2 .col-2 {
    width: 47.8260869565%;
    float: right;
    margin-right: 0;
  }
}

/* STOREFRONT CUSTOM  1200px */
@media (min-width: 1200px) {
  .site-header {
      position: fixed;
      width: 100%;
      right: 0;
      left: 0;
      padding: 0;
      margin: 0;
      z-index: 99999;
      border-bottom-color: #f0f0f0;
  }

  .col-full {
    max-width: 152.25em; /* 1636px width main site container */
    margin: 0 auto;
    -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
         box-sizing: content-box;
  }

/* header top navigation */

  /* container site branding */
  .woocommerce-active .site-header .site-branding {
      width: 11.7391304348% !important;
      height: auto !important;
      float: left !important;
      margin-right: 4.347826087% !important;
      margin-bottom: 0px !important;
      clear: initial !important;
  }

  /* logo site branding */
  .site-header .site-branding img {
      height: auto!important;
      max-width: 116.39px !important;
      width: 100% !important;
      max-height: none !important;
      margin-top: 1rem!important;
      margin-bottom: -0.3rem!important;
  }
}

 /* container main navigation */
.woocommerce-active .site-header .main-navigation {
    text-align: right;
    width: 83.9130434783% !important;
    float: right !important;
    margin-right: 0px !important;
    clear: initial !important;
}

.main-navigation ul#menu-menu-principal > li.wpml-ls-current-language > a {
  background: #69b2dc;
  color: #fff;
}

/* Barre sur les éléments du menu principal */
.site-header ul#menu-menu-principal li.current-menu-item:after {
  content: '';
  position: absolute;
  top: 0px;
  left:0px;
  width: 100%;
  height:4px;
  background: #69b2dc;
  z-index: 1;
}

/* Disparition de la barre du sous menu */
li li.current-menu-item:after {
  height: 0px!important;
}

/* Disparition de la barre du sous-sous menu */
li li li.current-menu-item:after {
  height: 0px!important;
}

.site-header ul#menu-menu-principal li > a:after,
.site-header ul#menu-menu-principal li:after {
  content: '';
  position: absolute;
  top: 0px;
  left:50%;
  width: 0%;
  height:4px;
  background: transparent;
  z-index: 1;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.main-navigation ul li a:hover,
.main-navigation ul li:hover > a,
.site-title a:hover,
.site-header ul.menu li.current-menu-item > a {
  color: #69b2dc;
  background-color: #ffffff;
}

@media (max-width: 767px) {
  li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-2208 {
    margin-top: 1rem;
  }

  li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-178 {
    margin-top: -1rem;
  }
}

.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children {
    margin-top: -4.9rem;
    padding-bottom: 5rem;
    font-size: 1.1rem;
    z-index: -1;
}

@media (max-width: 1199px) {
  .main-navigation ul.menu ul.sub-menu,
  .main-navigation ul.nav-menu ul.children {
    margin-top: -0.4rem;
    padding-bottom: 0.4rem;
    font-size: 1.1rem;
    z-index: -1;
  }
}

  /* widget region */

.header-widget-region {
    float: left;
    padding: 0px;
    margin: 0px;
}

.header-widget-region .col-full {
    padding: 0px;
    margin:0px;
}

div#icl_lang_sel_widget-2 {
    width: 60px;
    padding: 1.618em 0px;
}

/* Fin À partir de 1200px */


@media (max-width: 66.4989378333em) {
  .col-full {
    margin-left: 2.617924em;
    margin-right: 2.617924em;
    padding: 0;
  }
}

/* Titre pré-footer */

.last-title-custom {
  font-size: 3rem;
}

@media (max-width: 864px) {
  .last-title-custom {
    font-size: 2.5rem!important;
  }
}

@media (max-width: 739px) {
  .last-title-custom {
    font-size: 1.9rem!important;
  }
}

/* Titre main */

@media (max-width: 991px) {
  .main-title-custom {
    margin-top: -4rem;
  }
}

@media (max-width: 991px) {
  .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container, .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
      width: -webkit-calc(12 * (100vw / 12 ));
      width: -moz-calc(12 * (100vw / 12 ));
      width: calc(12 * (100vw / 12 ));
      max-width: -webkit-calc(19 * (100vw / 12 ));
      max-width: -moz-calc(19 * (100vw / 12 ));
      max-width: calc(19 * (100vw / 12 ));
  }
}

/* ------------ Bouton page d'accueil ------------ */

.main-bouton-style {
  font-size: 1.3rem;
  margin-top: 2rem;
  margin-bottom: 2.5rem!important;
  font-weight: 500!important;
  width: 21.5%!important;
}

@media (max-width: 1030px) {
  .main-bouton-style {
    width: 27.5%!important;
  }
}

@media (max-width: 850px) {
  .main-bouton-style {
    width: 40.5%!important;
  }
}

@media (max-width: 585px) {
  .main-bouton-style {
    width: 65.5%!important;
  }
}

@media (max-width: 475px) {
  .main-bouton-style {
    width: 85.5%!important;
  }
}

@media (max-width: 322px) { /* Triste */
  .main-bouton-style {
    width: 92.5%!important;
  }
}

/* Solve the focus */

a:focus, input:focus, textarea:focus, button:focus {
  outline: 0px!important;
}

@media (max-width: 768px) {
  li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children.menu-item-312 {
    margin-bottom: 1rem;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .custom-group-width {
    margin: 0rem -3rem!important;
  }

  .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h1,
  .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2,
  .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h3,
  .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h4,
  .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h5,
  .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h6,
  .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h1,
  .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2,
  .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h3,
  .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h4,
  .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h5,
  .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h6 {
    margin-left: -5rem;
    margin-right: -5rem;
  }
}

@media (max-width: 340px) {
  p.\.custom-contact-padding {
    font-size: 1.1rem;
  }
}

.schema-faq.wp-block-yoast-faq-block.\.custom-yoast-faq {
  text-align: center;
}

/* Classes pour les pages services */

/* Page principale (niveau 0) ex : NOS SERVICES --> Graphisme --> Illustration */

/* Pages secondaires (niveau -1) ex : Nos services --> GRAPHISME --> Illustration */

.custom-tableau-contact {
  font-size: 1.1rem!important;
}

h2.has-text-align-center.\.custom-service-h2 {
  font-size: 2.5rem!important;
  top: 5px;
}

h2.has-text-align-center.\.custom-service-h2:before {
  display: none!important;
}

/* Tableaux sur la page impression */

/* Tableau */
figure.wp-block-table.\.custom-impression-tableau {
  max-width: 70%;
  margin-left: 15%;
  margin-right: 15%;
}

/* Cellules */
figure.wp-block-table.\.custom-impression-tableau td {
  text-align: center;
  background-color: #69b2dc;
  color: #222;
  opacity: 70%;
  max-width: 4rem!important;
}

/* Lignes pour séparer les colonnes 2-3 et 4-5 (mais pas 6- !) */
figure.wp-block-table.\.custom-impression-tableau.\.separation-paires td:nth-child(2n) {
  border-right: solid 1px #ccc;
}

figure.wp-block-table.\.custom-impression-tableau.\.separation-paires td:nth-child(6n) {
  border-right: none!important;
}

/* Titre tableau */
p.has-text-align-center.\.custom-impression-titre-tableau {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}

/* Fin Tableaux sur la page impression */


/* Formulaire contact alignements */

textarea#field_9jv0r12 {
  max-height: 6.9rem;
}

@media (min-width: 632px) and (max-width: 810px) {
  .frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container {
    grid-row-gap: 1.15rem!important;
  }
}

@media (min-width: 601px) and (max-width: 631px) {
  .frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container {
    grid-row-gap: 0.87rem!important;
  }
}

/* Fin formulaire contact alignements */

p.has-text-align-center.\.custom-num-top-text {
  max-width: 59rem;
}


/* ------- CODE CADRE REALISATIONS ------- */

.section-services .bg-effect {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border: 1.5px solid #ccc;
  z-index: 1;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.section-services .container-images {
    position: relative;
    margin-left: 8px;
    margin-bottom: 8px;
    background-color: #fff;
    border: 1.5px solid #ccc;
    z-index: 2;
}

.section-services a h3 {
	position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 3px 10px;
  margin-bottom: 8px;
	margin-left: 8px;
  background-color: #fff;
  border: 2px solid #000;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.section-services .container-illustration {
	position: relative;
	margin-left: 8px;
	margin-bottom: 8px;
	padding: 30px;
	background-color: #fff;
	border: 2px solid #000;
	z-index: 2;
}

.filtre-publications h3 {
  position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 3px 10px;
    margin-bottom: 8px;
    margin-left: 8px;
    background-color: #fff;
    border: 1.2px solid #ccc;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* Homepage services */

div.custom-real-bug-fix-2 div.bg-effect {
  border: 2px solid #000!important;
}

/* Services */
div.custom-random-real-bug-fix h3 { /* Important d'ajouter cette classe !!! */
  border: 1.2px solid #ccc!important;
}

div.custom-random-real-bug-fix div.container-images {
  border: 1.5px solid #ccc!important;
}

div.custom-random-real-bug-fix div.bg-effect {
  border: 1px solid #ccc!important;
}

/* Portfolio */
.filtre-publications .container-images {
    position: relative;
    margin-left: 8px;
    margin-bottom: 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 2;
}


/* ------- END CODE CADRE REALISATIONS ------- */


/* Center les publications dans affichage réalisation */

@media (min-width: 1401px) {
  .affichage-real-case-2 {
    grid-column-end: 4!important;
  }

  .affichage-real-case-1 {
    grid-column-end: 5!important;
  }
}

@media (min-width: 901px) and (max-width: 1400px) {
  .affichage-real-case-1 {
    grid-column-end: 4!important;
  }
}

/* Pages tertiaires (niveau -2) ex : Nos services --> Graphisme --> ILLUSTRATION */

/* ------- AUTRE ------- */

/* Styles pour tableau page impression format large */

figure.tableau-impression-format-large {
  background-color: #fff!important;
  margin-bottom: -1.3rem!important;
}

figure.tableau-impression-format-large td {
  padding: 0.5rem!important;
  padding: 3px 0!important;
  font-size: 1.1rem!important;
  background-color: #fff!important;
}


/* Formulaire téléversement */
.dz-message.needsclick {
  font-size: 0.8rem!important;
  position: relative!important;
  max-height: 40px!important;
}

.frm_small_text {
  font-size: 0.8rem!important;
  position: relative!important;
  top: -43px!important;
  left: -23px!important;
  color: #6d6d6d!important;
}

.frm_dropzone .frm_upload_icon:before {
  font-size: 18px!important;
  position: relative!important;
  top: -9px!important;
  right: -135px!important;
  color: #6d6d6d!important;
}

.frm_dropzone .dz-message {
  border: 1px solid #707070!important;
}

div#frm_field_15_container {
  position: relative!important;
  top: -25px!important;
}

button.frm_button_submit.frm_final_submit {
    position: relative!important;
    top: -28.5px!important;
}

@media (max-width: 900px) {
  .frm_small_text {
    font-size: 0.7rem!important;
  }

  .frm_dropzone .frm_upload_icon:before {
    right: -118px!important;
  }
}

@media (max-width: 725px) {
  .frm_small_text {
    font-size: 0.6rem!important;
  }

  .frm_dropzone .frm_upload_icon:before {
    font-size: 0.8rem!important;
    right: -95px!important;
    top: -11px!important;
  }
}

@media (max-width: 704px) {
  .frm_small_text {
    left: -12px!important;
  }

  .frm_dropzone .frm_upload_icon:before {
    right: -110px!important;
  }
}

@media (max-width: 656px) {
  .frm_small_text {
    display: none;
  }

  .frm_dropzone .frm_upload_icon:before {
    right: 0px!important;
    font-size: 1rem!important;
  }

  textarea#field_9jv0r12 {
    max-height: 10rem;
    height: 95%!important;
  }

  button.frm_button_submit.frm_final_submit {
    top: -12px!important;
  }
}

@media (max-width: 599px) {
  .frm_small_text {
    display: block;
    left: -20px!important;
    font-size: 0.7rem!important;
  }

  .frm_dropzone .frm_upload_icon:before {
    right: -120px!important;
  }
}

@media (max-width: 435px) {
  .frm_small_text {
    font-size: 0.6rem!important;
  }

  .frm_dropzone .frm_upload_icon:before {
    font-size: 0.8rem!important;
  }
}

@media (max-width: 400px) {
  .frm_small_text {
    left: -18px!important;
  }

  .frm_dropzone .frm_upload_icon:before {
    right: -110px!important;
  }
}

@media (max-width: 350px) {
  .frm_small_text {
    display: none;
  }

  .frm_dropzone .frm_upload_icon:before {
    right: 0px!important;
  }
}

/* FIN formulaire téléversement */


/* ------ Bugs affichage réalisation ------ */

/* --- Quand 3 éléments par colonne --- */
/* (A priori pas besoin de code ici) */

/* --- Quand 2 éléments par colonne --- */
@media (min-width: 901px) and (max-width: 1400px) {
  /* Alignements colonne gauche */
  #articles-block_5f52644964927 .wp-block-column:nth-child(2n-1):nth-of-type(n) {
    margin-left: 0px!important;
  }
  /* nth-of-type(n) sert à prendre la précédence sur un autre !important */

  /* Alignements colonne droite */
  #articles-block_5f52644964927 .wp-block-column:nth-child(2n):nth-of-type(n) {
    margin-left: 16px!important;
  }
  /* nth-of-type(n) sert à prendre la précédence sur un autre !important */
}

/* --- Quand 1 éléments par colonne --- */
@media (max-width: 900px) {
  #articles-block_5f52644964927 .wp-block-column:nth-child(2n):nth-of-type(n) {
    margin-left: 0px!important;
  }
}
  /* nth-of-type(n) sert à prendre la précédence sur un autre !important */

/* ------ END bugs affichage réalisation ------ */


/* Page services --> Photo */
p.has-text-align-center.custom-max-width {
    max-width: 60rem!important;
}

.photo-photo-css img {
  max-width: 375px!important;
  max-height: 290px!important;
}