*, * 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}


/**/
.footer-content{float: left; width: 100%; background: #FFF; 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: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 }
}
*/