*, * html, body, html{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline:0; margin: 0; padding: 0}
::selection {color: white; background: black;}
pre{float: left; width: 100%; font-size: 80%}
/*@font-face { font-family: 'InstrumentSans';  font-style: normal; font-weight: 400;src: url('fonts/instrument-sans/InstrumentSans-VariableFont_wdth,wght.woff2') format('woff2'); font-display: swap;}
@font-face { font-family: 'grotesk'; font-style: normal; font-weight: 500; src: url('fonts/neue-haas-grotesk-disp-md.woff') format('woff'); font-display: swap;}
@font-face { font-family: 'Playfair Display'; font-style: normal;  font-weight: 500; src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKd3vXDXbtM.woff2) format('woff2');}
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format('woff2'); font-display: swap;}*/
:root{

}

body{font-family: var(--wp--preset--font-family--body); font-size: var(--main_font-size); line-height: 1.4; color: var(--font-color); cursor: default; background: #FCFCFC}
.container{ position: relative; display: grid; grid-template-areas: "header" "main" "footer" ;  margin: 0 auto;  overflow: hidden}
header, main, footer{ position: relative; margin: 0;  display: block; }
header{grid-area: header} main{grid-area: main} footer{grid-area: footer}
.header-content, .footer-content, .main-content { position: relative; margin: 0 auto;}

a{ position: relative; color: var(--wp--preset--color--couleur-1); text-decoration: none; margin: 0}
a:hover{ color: var(--wp--preset--color--couleur-2); }
h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; margin: var(--wp--preset--spacing--10) 0; font-weight: bold; margin-inline-start: 0px; margin-inline-end: 0px; }
p, ul, ol{margin: var(--wp--preset--spacing--10) 0}

/**/
.header-content{float: left; width: 100%; background: #FFF}
.pre-header { position: relative; background: var(--wp--preset--color--couleur-1); width: 100%; color: white; padding: 10px; text-align: right; font-size: var(--wp--preset--font-size--small)}
.pre-header a {color: white;}
.pre-header img {margin-bottom: -3px}
.header-content-grid{position: relative; max-width: var(--wp--style--global--content-size); margin: 0 auto; padding: var(--wp--preset--spacing--10) 0; display: grid; grid-column: auto; grid-template-columns: 280px 1fr; align-items: center;  grid-gap: var(--wp--style--block-gap);}
.logo{float: left; width: 280px;}
.logo img{ width: 100%}
.menu { position: absolute; display: flex; justify-content: flex-end; float: right; width: 80%; top: 60px; right: 0px; z-index: 888 }
.menu ul{float: right; }
.menu li{ float: left; margin: 0 var(--wp--preset--spacing--20); list-style: none; }
.menu li a { position: relative; padding: 5px 10px; z-index: 30; color: var(--wp--preset--color--couleur-1);}
.menu li a:hover { color: var(--wp--preset--color--couleur-2) }
.menu li a::after { position: absolute; content: ''; float: left;  left:50%; bottom: -2px;  width: 0%; height: 3px;  background: var(--wp--preset--color--couleur-2); transition: all 0.3s; }
.menu li a:hover::after { left: 10px; bottom: -1px; width: calc(100% - 20px); height: 1px;  transition: all 0.3s; }


/*mega menu*/
.mega-menu { left: 0; right: 0; padding: 20px; display:none; min-height: 100%;  }
.mega-menu:hover > a {color:#cfa959}
.mega-menu:hover {display: block}
.mega-drop-down a:hover+.mega-menu{display:block;}
.mega-menu-wrap {display: block;position: absolute;  height: auto; width: 50%; margin-left: -20%;   background: #FFF; border: 1px solid #CCC; padding: 20px 0 0; z-index: 9999; filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));  }
.mega-menu-wrap div {float: left; width: 100%; margin-bottom: 10px; padding: 10px; border-bottom: 1px dashed #CCC; font-weight: bold}
.mega-menu-wrap div a {float: left; width: 100%; text-align: center}

/* MENU BURGER */ 
#menu-burger {display: none; z-index: 9999;}
.btn-nav-container {position:absolute;top:70px;right:40px;width:30px;height:30px; cursor:pointer;background:transparent;border:none;outline:none; z-index: 9999}
.btn-nav {width:100%; height: 2px; position:relative; background:var(--wp--preset--color--couleur-1); top:0; transition:all ease 0.2s;  }
.btn-nav:before, .btn-nav:after {content:'';position:absolute;left:0; background: var(--wp--preset--color--couleur-1); height:100%;transition:all ease 0.3s; z-index: 9999}
.btn-nav:before {top:-6px;width:100%; margin:0 }
.btn-nav:after  {top:6px ;width:100%;margin:0 }
.btn-nav-container:hover .btn-nav:before, .btn-nav-container:hover .btn-nav:after {width:100%; }
.btn-nav-container.close-menu .btn-nav {transform:rotate(-45deg); z-index: 9999; background: white}
.btn-nav-container.close-menu .btn-nav:after {opacity:0;transition:all ease 0.2s;}
.btn-nav-container.close-menu .btn-nav:before {top:0;transform:rotate(90deg);width:100%;transition:all ease 0.2s;background: white}

.float-nav {position:fixed;top:0;display:none;width:100%;height:100vh; z-index: 8888;  }
.float-nav .bg1{position:absolute; width:100%; height:100vh;background: var(--wp--preset--color--couleur-2) ; background-size: 12%; top:0; left:100%;transition:all 0.3s ease 0.2s; opacity: 0; }
.float-nav.active .bg1{left: 0px; transition:all 0.4s ease 0.3s; opacity: 1 }
.float-nav .logo-image {margin: 10px auto; transition: opacity 0.2s ease 0.1s; opacity:0; }
.float-nav.active .logo-image {  opacity:1; transition: opacity 0.6s ease 0.2s;transition-delay: 0.5s; }

.menu-burger-container { float: left; width: 100%; padding: 20px 0; text-align: center}
.logo-image{ width: 280px; margin: auto}
.logo-image img{ width: 100%}
.float-nav ul {float: left; width: 100%; margin: 0; opacity:0; transition: opacity 0.2s ease 0s;  }
.float-nav.active ul {opacity:1;transition-delay: 0.5s;}
.float-nav ul li{list-style:none; float: left; width: 100%; }
.float-nav ul li a { text-decoration:none; text-transform:uppercase; color: white;  display: block;  padding: 10px 0;}
.float-nav ul li ul {float: left; width: 100%;text-align: center;  padding: 8px 0; }
.float-nav ul li ul li{float: left; width: 100%;text-align: center;  padding: 5px 0;}
.float-nav ul li ul li a{font-size: 1em; padding: 0px 0;}
.float-nav ul li ul li ul li a{font-size: 0.8em; padding: 0px 0;}


/**/
.footer-content{float: left; width: 100%;  padding: var(--wp--preset--spacing--20) 0; background: var(--wp--preset--color--couleur-1); color: white}
.footer-content-grid{position: relative; max-width: var(--wp--style--global--content-size); margin: 0 auto; padding: var(--wp--preset--spacing--20) 0; display: grid; grid-column: auto; grid-template-columns: 33% 1fr; align-items: center;  grid-gap: var(--wp--style--block-gap);}
.footer-left{ float: left; width: 100%; text-align: center}
.footer-right{ float: left; width: 100%; border-left: 1px dotted white; padding: 0 var(--wp--preset--spacing--20) 0;}
.footer-content a {color: white}
.footer-grid {position: relative; display: grid; grid-column: auto; grid-template-columns: 1fr 1fr 1fr; align-items: top;  grid-gap: var(--wp--style--block-gap);}
.footer-grid li{float: left; width: 100%; text-align: center; list-style: none}

details {max-width: var(--wp--style--global--content-size);}
.wp-block-details {max-width: var(--wp--style--global--content-size); margin: var(--wp--preset--spacing--10) auto}
.wp-block-buttons {padding: var(--wp--preset--spacing--20)  0}
.wp-block-buttons a:hover {filter: invert()}

.pictos { padding: 30px;background: var(--wp--preset--color--couleur-1);border-radius: 100px;}
.pictos img{ }

.has-blanc-ombre-background-color {background-color: #FFF; box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px -10px; border: 1px solid rgba(0, 0, 0, 0.15)}
.is-style-asterisk:before { 
    content: ''; margin: 0 50%;
    width: 1.5rem;
    height: 3rem;
    background: var(--wp--preset--color--noir, currentColor);
    clip-path: path('M11.93.684v8.039l5.633-5.633 1.216 1.23-5.66 5.66h8.04v1.737H13.2l5.701 5.701-1.23 1.23-5.742-5.742V21h-1.737v-8.094l-5.77 5.77-1.23-1.217 5.743-5.742H.842V9.98h8.162l-5.701-5.7 1.23-1.231 5.66 5.66V.684h1.737Z');
    display: block;
}

@media screen and (max-width: 1410px) {   
  .menu {display: none}
  #menu-burger {display: block }  
}


@media screen and (max-width:782px) { 
.pre-header, .menu {display: none;}
.footer-content-grid{padding: var(--wp--preset--spacing--20) 0; grid-template-columns: 1fr; }

}
/*
@media screen and (max-width:782px) { 
:root{
  --padding : 10px;    
  --main_font-size : 0.8em;
  --gap : 10px;
  --wp--preset--font-size--xx-large : 2em ;
  --wp--preset--font-size--x-large : 1.6em;
  --wp--preset--font-size--large : 1.4em;
  --wp--preset--font-size--medium : 1.2em;
  --wp--preset--font-size--small : 1.2em;  
}

.columns-1 > figure { flex: calc( (100% / 1) - var(--gap)) }
.columns-2 > figure { flex: calc( (100% / 2) - var(--gap)) }
.columns-3 > figure { flex: calc( (100% / 2) - var(--gap)) }
.columns-4 > figure { flex: calc( (100% / 2) - var(--gap)) }
.columns-5 > figure { flex: calc( (100% / 2) - var(--gap)) }

.grid-galerie-post {grid-template-columns: 1fr 1fr;}
.grid-single-product { grid-template-columns: 1fr;}
.grid-produit{ grid-template-columns: 1fr 1fr;}
.grid-single-product-description { padding: calc( 2 * var(--padding)) calc( 2 * var(--padding)); }

.footer-grid .footer-grid-left, .footer-grid-right{ margin: 0px 0; padding: 0 ; }
.footer-grid { grid-template-columns: 1fr ; align-items: center; }
.footer-logo { border-right: 0 }
}
*/