/*   
Theme Name: Laura Gonzalez
Theme URI: http://www.wakemeup.fr/
Author: Wake Me Up
Author URI: http://www.wakemeup.fr/
Description: Specific theme for Laura Gonzalez
Version: 0.3
License: private 
Tags:  
Text Domain: lauragonzalez-theme 
*/
/*-------------------------------------------------------------- 
>>> TABLE OF CONTENTS:  
----------------------------------------------------------------   
# Reset   
# Main  
# Common          
# Fonts     
# Animations          
# Icons      
# Navigation        
# Header     
# Footer      
# Form      
# Page Template 
--------------------------------------------------------------*/
/*--------------------------------------------------------------   
# Reset
*/
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

html {
  font-size: 100%;
}
body {
  margin: 0;
  padding: 0;

}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
p {
  margin: 0;
}
a {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
a img {
  border: none;
  outline: none;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
form,
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input,
button,
select {
  vertical-align: middle;
}
/*-------------------------------------------------------------- 
# Main
*/
/*---------------------------------
COLORS
-----------------------------------*/
/*---------------------------------
GRID
-----------------------------------*/
.col-1 {
  width: 8.33333333%;
}
.offset-left-1 {
  margin-left: 8.33333333%;
}
.offset-right-1 {
  margin-right: 8.33333333%;
}
.col-2 {
  width: 16.66666667%;
}
.offset-left-2 {
  margin-left: 16.66666667%;
}
.offset-right-2 {
  margin-right: 16.66666667%;
}
.col-3 {
  width: 25%;
}
.offset-left-3 {
  margin-left: 25%;
}
.offset-right-3 {
  margin-right: 25%;
}
.col-4 {
  width: 33.33333333%;
}
.col-5 {
  width: 41.66666667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33333333%;
}
.col-8 {
  width: 66.66666667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333333%;
}
.col-11 {
  width: 91.66666667%;
}
/*---------------------------------
BASIC
-----------------------------------*/
.fullWidth {
  width: 100%;
}
.fullHeight {
  height: 100%;
}
.autoWidth {
  width: auto;
}
.autoHeight {
  height: auto;
}
.inheritWidth {
  width: inherit;
}
.inheritMinWidth {
  min-width: inherit;
}
.inheritMaxWidth {
  max-width: inherit;
}
.inheritHeight {
  height: inherit;
}
.inheritMinHeight {
  min-height: inherit;
}
.inheritMaxHeight {
  max-height: inherit;
}
.txtCenter {
  text-align: center;
}
.txtLeft {
  text-align: left;
}
.txtRight {
  text-align: right;
}
.valignTop {
  vertical-align: top;
}
.valignMiddle {
  vertical-align: middle;
}
.valignBottom {
  vertical-align: bottom;
}
.normalWeight {
  font-weight: normal;
}
.upper {
  text-transform: uppercase;
}
.noCaps {
  text-transform: none;
}
.linkNoHover {
  text-decoration: none;
}
.linkHover {
  text-decoration: underline;
}
.none {
  display: none;
}
.inline {
  display: inline;
}
.inlineBlock {
  display: inline-block;
  vertical-align: top;
}
.block {
  display: block;
}
.table {
  display: table;
}
.tableCell {
  display: table-cell;
}
.visibleFlow {
  overflow: visible;
}
.hiddenFlow {
  overflow: hidden;
}
.staticPos {
  position: static;
}
.fixedPos {
  position: fixed;
}
.absolutePos {
  position: absolute;
}
.relativePos {
  position: relative;
}
.floatNone {
  float: none;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.marginAuto {
  margin: 0 auto;
}
.marginNull {
  margin: 0;
}
.flex {
  display: flex;
}
.flexR {
  flex-direction: row;
}
.flexC {
  flex-direction: column;
}
.reverseR {
  flex-direction: row-reverse;
}
.reverseC {
  flex-direction: column-reverse;
}
.noBgColor {
  background-color: transparent;
}
.noBgImg {
  background-image: none;
}
.noBorder {
  border: none;
}
.noBorderTop {
  border-top: none;
}
.noBorderRight {
  border-right: none;
}
.noBorderBottom {
  border-bottom: none;
}
.noBorderLeft {
  border-left: none;
}
.noPadding {
  padding: 0;
}
.noRadius {
  border-radius: 0;
}
.boxSizing {
  box-sizing: border-box;
}
.clear {
  display: block;
  content: '';
  clear: both;
}
/*--------------------------------------------------------------
# Common
*/
body .ccc-favorite-post-toggle {
  display: flex; 
  justify-content: center;
  align-content: center;
}
body .ccc-favorite-post-toggle > a:not(#ccc-my_favorite-list .ccc-favorite-post-toggle-button)::before {
	content: "";
	background-image: url(../images/structure/enregistrement.svg);
	width: 15px;
	height: 14px;
	position: absolute;
	left: 0px;
	right: 0;
	bottom: 0px;
	background-repeat: no-repeat;
	background-size: contain;
}
body #products-wrapper .ccc-favorite-post-toggle > a::before {
  bottom: -4px;
}
body .ccc-favorite-post-toggle > a.save:not(#ccc-my_favorite-list .ccc-favorite-post-toggle-button.save )::before {
  content: "";
	background-image: url(../images/structure/enregistrement_plein.svg);
}
body .ccc-favorite-post-count > a {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}
body  .ccc-favorite-post-count > a::before {
  display: block;
  content: "";
	background: url(../images/structure/enregistrement_plein.svg) center / contain no-repeat;
  height: 14px;
  width: 15px;
}
body  .ccc-favorite-post-count.empty > a::before {
	background: url(../images/structure/enregistrement.svg) center / contain no-repeat;
}
body #header-wrap .ccc-favorite-post-count > a::before {
  height: 18px;
  width: 19px;
}
body #mobile-wrap .ccc-favorite-post-count > a::before {
  height: 17px;
  width: 18px;
}

body .catatier .lovetag {
    position: absolute;
    right: 10px;
    bottom: 8px;
}
html {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  width: 100%;
  height: 100%;
}
body {
  background-color: var(--e-global-color-6f29201);
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.1em;
  color: #000;
  width: 100%;
  height: 100%;
}
.site-header,
.site-content,
.site-footer {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.site-main,
.site-footer nav {
  padding: 0 20px;
}
.site-main {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .site-main,
  .site-footer nav {
    padding: 0 40px;
  }
  .site-main {
    margin-top: 100px;
  }
}
@media screen and (min-width: 954px) {
  .site-header,
  .site-content,
  .site-footer {
    max-width: calc(954px + (15px * 2) + (40px * 2));
  }
  .site-main {
    margin: 0;
  }
}
/*---------------------------------
TITLE AND TEXTS
-----------------------------------*/
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h1,
h2.bigger {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 3rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
h2 {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 3.4rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.smaller {
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.1em;
}
strong {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
}
a {
  color: #000;
}
.uploadLink {
  display: block;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.1em;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  color: #a49287;
  margin-top: 2px;
}
.uploadLink:hover,
.uploadLink:focus {
  opacity: 0.7;
}
.uploadLink:first-of-type {
  margin: 0;
}
@media screen and (min-width: 954px) {
  h1,
  h2.bigger {
    font-size: 3rem;
    line-height: 4rem;
  }
}
/*---------------------------------
VIDEO RESPONSIVE
-----------------------------------*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  margin: 0 auto;
  overflow: hidden;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*---------------------------------
CAPTCHA
-----------------------------------*/
.grecaptcha-badge {
  display: none !important;
}
/*--------------------------------------------------------------
# Fonts
*/
/*---------------------------------
FONTS
-----------------------------------*/
.WorkSansLight {
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
}
.WorkSansRegular {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
}
.WorkSansSemiBold {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
}
.WorkSansBold {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
}
.fontSizeDefault {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.1em;
}
/*---------------------------------
ICONS FONT
-----------------------------------*/
@font-face {
  font-family: 'Icons';
  src: url('../fonts/Icons/.eot');
  src: url('../fonts/Icons/.eot?#iefix') format('embedded-opentype'), url("../fonts/Icons/.woff") format("woff"), url("../fonts/Icons/.ttf") format("truetype"), url("../fonts/Icons/.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*--------------------------------------------------------------
# Animations
*/
/*---------------------------------
HEADER AND NAV
-----------------------------------*/
@keyframes disappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mask {
  0% {
    background-color: transparent;
  }
  100% {
    background-color: #fff;
  }
}
@media screen and (min-width: 954px) {
  .home .site-header .site-branding {
    display: block;
    animation: disappear 2s ease-in-out 2s forwards;
  }
  .home #site-navigation {
    opacity: 0;
    animation: appear 2s ease-in-out 2s forwards, mask 2.2s ease-in-out 2.2s forwards;
  }
}
/*---------------------------------
NAVIGATION
-----------------------------------*/
#site-navigation .menu .menu-item a:hover,
#site-navigation .menu .menu-item a:focus {
  opacity: 1;
}
@media screen and (min-width: 954px) {
  #site-navigation .menu .menu-item a:before,
  #site-navigation .menu .menu-item a:after {
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    transition: transform 0.3s, opacity 0.2s;
    margin-top: -1px;
  }
  #site-navigation .menu .menu-item a:before {
    margin-right: 10px;
    content: '|';
    transform: translateX(20px);
  }
  #site-navigation .menu .menu-item a:after {
    margin-left: 10px;
    content: '|';
    transform: translateX(-20px);
  }
  #site-navigation .menu .menu-item a:hover:before,
  #site-navigation .menu .menu-item a:hover:after {
    opacity: 1;
    transform: translateX(0px);
  }
  #site-navigation .menu .menu-item.current_page_item a:before,
  #site-navigation .menu .menu-item.current_page_item a:after {
    opacity: 1;
    transform: translateX(0px);
  }
  #site-navigation .menu .lang-item ~ .menu-item a:before,
  #site-navigation .menu .lang-item ~ .menu-item a:after {
    margin: 0;
    content: '';
  }
}
/*---------------------------------
BUTTONS AND LINKS
-----------------------------------*/
.buttonContainer {
  position: relative;
  text-align: center;
  width: 134px;
  height: 29px;
  margin-bottom: 2px;
}
.buttonContainer .buttonContent {
  display: block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 31px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  width: 100%;
  height: 100%;
  color: #000;
  border: none;
  background-color: transparent;
}
.buttonContainer .buttonContent:hover,
.buttonContainer .buttonContent:focus {
  opacity: 1;
}
.buttonContainer .buttonContent:before,
.buttonContainer .buttonContent:after {
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  height: 13px;
  content: '';
  margin-top: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  transition: height 0.15s linear 0.15s, top 0.15s linear 0.15s, margin 0.15s linear 0.15s, width 0.15s linear;
}
.buttonContainer .buttonContent:before {
  left: -1px;
  border-right: none;
}
.buttonContainer .buttonContent:after {
  left: auto;
  right: -1px;
  border-left: none;
  transition: height 0.15s linear 0.15s, bottom 0.15s linear 0.15s, margin 0.15s linear 0.15s, width 0.15s linear;
}
.buttonContainer:hover .buttonContent,
.buttonContainer:focus .buttonContent {
  opacity: 1;
}
.buttonContainer:hover .buttonContent:before,
.buttonContainer:focus .buttonContent:before,
.buttonContainer:hover .buttonContent:after,
.buttonContainer:focus .buttonContent:after {
  left: -1px;
  width: 67px;
  height: 100%;
  margin: 0;
  transition: height 0.15s linear, top 0.15s linear, margin 0.15s linear, width 0.15s linear 0.15s;
}
.buttonContainer:hover .buttonContent:after,
.buttonContainer:focus .buttonContent:after {
  left: auto;
  right: -1px;
  transition: height 0.15s linear, bottom 0.15s linear, margin 0.15s linear, width 0.15s linear 0.15s;
}
.buttonContainer.reverse {
  width: 270px;
}
.buttonContainer.reverse .buttonContent {
  border: none;
  background-color: transparent;
}
.buttonContainer.reverse .buttonContent:before,
.buttonContainer.reverse .buttonContent:after {
  display: block;
  position: absolute;
  top: 0;
  width: 135px;
  height: 100%;
  margin: 0;
  content: '';
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  transition: height 0.15s linear, top 0.15s linear 0.15s, margin 0.15s linear, width 0.15s linear 0.15s;
}
.buttonContainer.reverse .buttonContent:before {
  left: -1px;
  border-right: none;
}
.buttonContainer.reverse .buttonContent:after {
  left: auto;
  right: -1px;
  border-left: none;
  transition: height 0.15s linear, bottom 0.15s linear 0.15s, margin 0.15s linear, width 0.15s linear 0.15s;
}
.buttonContainer.reverse:hover .buttonContent:before,
.buttonContainer.reverse:hover .buttonContent:after {
  left: -1px;
  width: 0;
  height: 13px;
  margin-top: 8px;
  transition: height 0.15s linear 0.15s, top 0.15s linear, margin 0.15s linear 0.15s, width 0.15s linear;
}
.buttonContainer.reverse:hover .buttonContent:after {
  left: auto;
  right: -1px;
  transition: height 0.15s linear 0.15s, bottom 0.15s linear, margin 0.15s linear 0.15s, width 0.15s linear;
}
a {
  opacity: 1;
  transition: opacity 0.3s ease-in;
}
a:hover,
a:focus {
  opacity: 0.5;
  transition: opacity 0.3s ease-out;
}
/*---------------------------------
NIVO SLIDER
-----------------------------------*/
.nivoSlider {
  margin-bottom: 58px;
}
.nivo-controlNav {
  margin: -58px auto 0 auto;
}
.nivo-controlNav .nivo-control {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 63px;
  height: 66px;
  margin-right: 5px;
  opacity: 0.5;
}
.nivo-controlNav .nivo-control.active {
  opacity: 1;
}
.nivo-controlNav .nivo-control:hover {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .nivo-controlNav {
    text-align: left;
  }
  .nivo-controlNav .nivo-control {
    width: 84px;
    height: 88px;
    margin-right: 7px;
  }
}
/*--------------------------------------------------------------
# Icons
*/
.stamp {
  display: block;
  position: absolute;
  content: '';
  background-image: url(../images/structure/icon-brand.png);
  background-size: 33px 20px;
  width: 33px;
  height: 20px;
}
/*------------------------------------------------------ -------
# Navigation
*/
/*---------------------------------
MENU MOBILE
-----------------------------------*/
.flexnav {
  position: relative;
  background-color: transparent;
}
.flexnav.flexnav-show {
  z-index: 1000;
  background-color: #fff;
  height: 150vh;
  padding-top: 87px;
  transition: none;
}
.flexnav.flexnav-show#site-navigation {
  margin-top: -57px;
}
.flexnav ul li,
.flexnav ul li a,
.flexnav ul li ul li,
.flexnav ul li ul li a {
  background-color: transparent;
}
.flexnav ul li a {
  border: none;
  padding: 0;
  color: #000;
}
.menu-button {
  position: absolute;
  z-index: 1001;
  top: 20px;
  right: 20px;
  background-color: transparent;
  border: none;
  padding: 0;
}
.menu-button .touch-button {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 20px;
  height: 18px;
}
.menu-button .touch-button span {
  display: block;
  background-color: #000;
  height: 1px;
  margin: 0 0 5px 0;
  transform: translate3d(0px, 0px, 0px);
  transition: all 0.4s ease 0s;
  width: 20px;
}
.menu-button .touch-button + .touch-button {
  display: none;
}
.menu-button .touch-button.active span {
  background-color: #000;
  width: 33px;
}
.menu-button .touch-button.active span:nth-of-type(1) {
  transform: rotate(45deg) translate3d(3px, 10px, 0px);
}
.menu-button .touch-button.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-button .touch-button.active span:nth-of-type(3) {
  transform: rotate(-45deg) translate3d(-1px, -6px, 0px);
}
/*-- FOR MEDIUM DEVICES --*/
/*-- FOR LARGE DEVICES --*/
@media screen and (min-width: 954px) {
  .flexnav.flexnav-show {
    height: 0;
    max-height: inherit;
  }
  .flexnav.flexnav-show#site-navigation {
    margin-top: 0;
  }
}
/*---------------------------------
MENU
-----------------------------------*/
#site-navigation {
  margin: 0 auto;
  text-align: center;
}
#site-navigation .custom-logo-link {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
}
#site-navigation .menu .menu-item {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-top: 36px;
}
#site-navigation .menu .menu-item a {
  background-color: transparent;
}
#site-navigation .menu .lang-item,
#site-navigation .menu .lang-item ~ .menu-item {
  display: inline-block;
  vertical-align: top;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  width: 19px;
  margin-top: 58px;
}
#site-navigation .menu .lang-item.current-lang,
#site-navigation .menu .lang-item ~ .menu-item.current-lang {
  opacity: 0.5;
}
#site-navigation .menu .lang-item ~ .menu-item {
  width: auto;
}
#site-navigation .menu > li:first-of-type {
  margin-top: 20px;
}
#site-navigation .menu > li > ul {
  display: block !important;
  position: static;
}
#site-navigation .menu .touch-button {
  display: none;
}
@media screen and (min-width: 954px) {
  #site-navigation {
    position: fixed;
    z-index: 10;
    top: 0;
    right: auto;
    left: auto;
    padding: 25px 0 62px 0;
    background-color: #fff;
    width: 100%;
    max-width: calc(954px + (15px * 2) + (40px * 2));
    min-height: inherit;
  }
  #site-navigation .menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: -25px;
  }
  #site-navigation .menu .menu-item {
    width: auto;
    margin: 0 8px;
  }
  #site-navigation .menu .lang-item,
  #site-navigation .menu .lang-item ~ .menu-item {
    position: absolute;
    top: 29px;
    text-transform: uppercase;
    width: auto;
    margin: 0;
  }
  #site-navigation .menu .lang-item {
    right: 135px;
  }
  #site-navigation .menu .lang-item:nth-last-of-type(2) {
    right: 73px;
  }
  #site-navigation .menu .lang-item ~ .lang-item {
    right: 155px;
  }
  #site-navigation .menu .lang-item ~ .lang-item:last-of-type {
    right: 53px;
  }
  #site-navigation .menu .lang-item ~ .menu-item {
    right: 53px;
  }
  #site-navigation .menu > li {
    width: 100%;
  }
  #site-navigation .menu > li:first-of-type {
    margin-top: 0;
  }
  #site-navigation .menu > li > ul > li {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  #site-navigation .menu > li.menuLeft {
    padding-right: 45px;
  }
  #site-navigation .menu > li.menuLeft ul {
    text-align: right;
  }
  #site-navigation .menu > li.menuRight {
    padding-left: 45px;
  }
  #site-navigation .menu > li.menuRight ul {
    text-align: left;
  }
}
/*--------------------------------------------------------------
# Header
*/
/*---------------------------------
BRAND
-----------------------------------*/
.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  right: auto;
  left: auto;
  margin: 0 auto;
}
.site-header .site-branding {
  flex-direction: column;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e8e8e8;
  padding: 15px 20px;
}
.site-header .site-branding > .custom-logo-link img {
  width: 35px;
  height: 21px;
}
.site-header .site-branding .site-titre {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: calc(100% - 70px);
  margin: 0;
  padding-top: 4.5px;
}
.site-header .site-branding .site-titre .custom-logo-link img {
  width: 205px;
  height: 13px;
}
@media screen and (min-width: 768px) {
  .site-header .site-branding {
    padding: 15px 55px;
  }
}
@media screen and (min-width: 954px) {
  .site-header {
    position: static;
    height: 141px;
  }
  .site-header .site-branding {
    display: none;
    flex-direction: row;
    background-color: transparent;
    border: none;
    padding: 25px 0 42px 0;
  }
  .site-header .site-branding a {
    display: block;
  }
  .site-header .site-branding > * {
    text-align: center;
  }
  .site-header .site-branding > .custom-logo-link img {
    width: 40px;
    height: 24px;
  }
  .site-header .site-branding .site-titre {
    display: block;
    width: 100%;
    padding-top: 23px;
    margin: 0;
  }
  .site-header .site-branding .site-titre .custom-logo-link img {
    width: 300px;
    height: 18px;
  }
}
/*--------------------------------------------------------------
# Footer
*/
.site-footer {
  padding-top: 10px;
  margin-top: 50px;
}
.site-footer nav {
  display: flex;
  flex-direction: column;
  margin-bottom: 60px;
}
.site-footer nav div {
  flex-grow: 1;
  text-align: center;
}
.site-footer nav ul {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 -7px;
}
.site-footer nav ul li {
  font-size: 1rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin: 12px 7px 0 7px;
}
.site-footer nav ul li.current_page_item a {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .site-footer {
    margin-top: 90px;
  }
  .site-footer nav {
    flex-direction: row;
    margin: 0 15px 80px 15px;
  }
  .site-footer nav div {
    text-align: left;
  }
  .site-footer nav div img {
    width: 175px;
    height: 11px;
  }
  .site-footer nav ul {
    justify-content: flex-end;
    margin: 0;
  }
  .site-footer nav ul li {
    margin: 0 0 0 20px;
  }
}
/*--------------------------------------------------------------
# Form
*/
.tpl-form ul li {
  padding-top: 27px;
}
.tpl-form ul li .has-float-label {
  position: relative;
}
.tpl-form ul li .has-float-label input,
.tpl-form ul li .has-float-label textarea {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 30px;
  border: none;
  border-radius: 0;
  /* -webkit-appearance: none; */
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000;
  width: 100%;
  height: 30px;
  padding: 0;
}
.tpl-form ul li .has-float-label input:focus + label,
.tpl-form ul li .has-float-label textarea:focus + label {
  font-size: 1rem;
  top: -20px;
}
.tpl-form ul li .has-float-label input:not(:placeholder-shown) + label,
.tpl-form ul li .has-float-label textarea:not(:placeholder-shown) + label {
  font-size: 1rem;
  top: -20px;
}
.tpl-form ul li .has-float-label textarea {
  overflow: hidden;
}
.tpl-form ul li .has-float-label label {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.1em;
  position: absolute;
  z-index: 3;
  top: -10px;
  left: 0;
  width: 100%;
  transition: all 0.2s;
  cursor: text;
}
.tpl-form ul li .has-float-label.has-error input {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ff0000;
}
.tpl-form ul li .has-float-label.has-error label {
  color: #ff0000;
}
.tpl-form ul li ul {
  float: left;
  width: 100%;
}
.tpl-form ul li ul li {
  float: left;
  width: 100%;
  padding-top: 14px;
}
.tpl-form ul li .smaller {
  margin: 7px 0 3px 0;
}
.tpl-form ul ~ .buttonContainer {
  margin-top: 50px;
}
.tpl-form ul ~ .buttonContainer button.buttonContent {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
}
.tpl-form ul ~ .buttonContainer .buttonContent input {
  background-color: transparent;
  border: none;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.1em;
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.tpl-form ul ~ .buttonContainer .ajax-loader {
  position: absolute;
  top: 7px;
  right: -35px;
}
.tpl-form .wpcf7-validation-errors {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
  color: #ff0000;
  border: none;
  padding: 0;
  margin-right: 0;
  margin-left: 0;
}
/*---------------------------------
CUSTOM SELECT
-----------------------------------*/
.customSelect {
  position: relative;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  width: 100%;
  height: 44px;
}
.customSelect select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 44px;
  cursor: pointer;
  border-radius: 0;
  border: none;
  outline: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: none;
  padding: 0 40px 0 6px;
}
.customSelect select:focus {
  box-shadow: none;
}
.customSelect select,
.customSelect select option {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  color: #000;
  opacity: 1;
  transition: opacity 0.3s ease-in;
  border: none;
}
.customSelect select::-ms-expand {
  display: none;
}
.customSelect .arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 44px;
}
.customSelect .arrow:before {
  position: absolute;
  top: 13px;
  left: 13px;
  content: url(../images/structure/icon-arrow.png);
  background-size: 10px 6px;
}
/*--------------------------------------------------------------
# Page Template
*/
/*---------------------------------
TEMPLATES HOME / PROJETS / CREATIONS
-----------------------------------*/
.tpl {
  display: flex;
  flex-direction: column;
  margin-bottom: 60px;
}
.tpl:after {
  display: block;
  content: '';
  clear: both;
}
.tpl .tpl-picture {
  position: relative;
  height: 100%;
}
.tpl .tpl-picture > a {
  display: block;
}
.tpl .tpl-picture img {
  width: 100%;
  height: auto;
}
.tpl .tpl-txt {
  position: relative;
  margin-left: 16.66666667%;
  margin-top: 40px;
}
.tpl .tpl-txt .tpl-summary {
  margin-bottom: 20px;
}
.tpl.pattern {
  padding-top: 14.5%;
}
.tpl.pattern .tpl-picture {
  margin-right: -20px;
  margin-bottom: 14.5%;
}
.tpl.pattern .tpl-picture .tpl-pattern {
  position: absolute;
  z-index: -1;
  top: -9%;
  left: calc(-16.66666667% + 15px);
  width: 91%;
  height: 118%;
  background-position: left top;
  background-repeat: repeat;
}
.tpl.pattern .tpl-txt {
  margin-top: 40px;
}
.tpl.pattern.reverse .tpl-picture {
  margin-right: 0;
  margin-left: -20px;
}
.tpl.pattern.reverse .tpl-picture .tpl-pattern {
  right: calc(-16.66666667% + 15px);
  left: auto;
}
.tpl.pattern-xl {
  position: relative;
  padding-top: 90px;
  padding-bottom: 50px;
}
.tpl.pattern-xl .tpl-picture {
  position: static;
}
.tpl.pattern-xl .tpl-picture .tpl-pattern {
  position: absolute;
  z-index: -1;
  top: 0;
  left: -20px;
  width: calc(100% + (20px * 2));
  height: 100%;
}
.tpl.pattern-xl .tpl-picture .tpl-pattern:before {
  display: block;
  position: absolute;
  content: '';
  background-image: url(../images/structure/icon-brand.png);
  background-size: 33px 20px;
  width: 33px;
  height: 20px;
  top: 36px;
  right: 74px;
}
.tpl.pattern-xl .tpl-txt {
  margin-top: 46px;
}
.tpl.pattern-xs {
  display: block;
  margin-right: -20px;
  margin-left: -20px;
}
.tpl.pattern-xs .tpl-picture {
  width: 91.66666667%;
  margin-left: 8.33333333%;
  margin-right: 0;
}
.tpl.pattern-xs .tpl-picture .tpl-pattern {
  position: absolute;
  z-index: -1;
  top: 13%;
  left: -9.5%;
  width: 25%;
  height: 107%;
}
.tpl.pattern-xs .tpl-txt {
  display: flex;
  flex-direction: column;
  width: 66.66666667%;
  padding: 0 15px;
  margin-top: 40px;
  margin-bottom: 0;
}
.tpl.pattern-xs.reverse .tpl-picture {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.tpl.pattern-xs.reverse .tpl-picture .tpl-pattern {
  left: auto;
  right: -9.5%;
}
.tpl.pattern-xs.reverse .tpl-picture .tpl-pattern[style=" "] + img {
  margin: 0 -8.3333333% 0 0;
  padding: 0 15px 0 0;
}
.tpl.pattern-xs.reverse .tpl-txt {
  margin-left: 0;
}
.tpl.pattern-xs.patternEmpty .tpl-picture {
  width: 100%;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .tpl {
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 100px;
    padding: 0;
  }
  .tpl .tpl-picture {
    width: 50%;
    margin-left: 8.33333333%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .tpl .tpl-txt {
    width: 33.33333333%;
    margin-left: 8.33333333%;
    padding: 0 15px;
    margin-top: 0;
    margin-bottom: 80px;
    box-sizing: border-box;
  }
  .tpl.reverse {
    flex-direction: row-reverse;
  }
  .tpl.reverse .tpl-picture {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tpl.reverse .tpl-picture .tpl-pattern {
    left: auto;
    right: -16.66666667%;
  }
  .tpl.pattern {
    padding-top: 7.5%;
    padding-bottom: 8.5%;
  }
  .tpl.pattern .tpl-picture {
    margin-right: 0;
    margin-bottom: 0;
  }
  .tpl.pattern .tpl-picture .tpl-pattern {
    top: -11%;
    left: calc(-16.66666667% + 15px);
    width: 100%;
    height: 122%;
  }
  .tpl.pattern.reverse .tpl-picture {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tpl.pattern-xl {
    position: static;
    padding: 0;
  }
  .tpl.pattern-xl .tpl-picture {
    position: relative;
    margin-left: 8.33333333%;
  }
  .tpl.pattern-xl .tpl-picture .tpl-pattern {
    position: absolute;
    z-index: -1;
    top: 10%;
    left: 0;
    left: calc(-16.66666667% + 15px);
    width: calc(200% - 30px);
    height: 80%;
  }
  .tpl.pattern-xl .tpl-picture .tpl-pattern:before {
    top: 10%;
    right: 8.5%;
  }
  .tpl.pattern-xl .tpl-txt {
    margin-bottom: calc(80px + 6%);
    margin-left: calc(8.33333333% - 15px);
  }
  .tpl.pattern-xl.reverse .tpl-picture {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .tpl.pattern-xl.reverse .tpl-picture .tpl-pattern {
    right: calc(-16.66666667% + 15px);
    left: auto;
  }
  .tpl.pattern-xl.reverse .tpl-picture .tpl-pattern:before {
    top: 10%;
    left: 30.5%;
  }
  .tpl.pattern-xs {
    margin-right: 0;
    margin-left: 0;
  }
  .tpl.pattern-xs .tpl-picture {
    margin-left: 8.33333333%;
    margin-right: 0;
  }
  .tpl.pattern-xs .tpl-picture .tpl-pattern {
    top: 27%;
    left: -7.5%;
    height: 90%;
  }
  .tpl.pattern-xs .tpl-txt {
    flex-direction: row;
    margin-left: 25%;
    padding: 0;
  }
  .tpl.pattern-xs .tpl-txt .tpl-header h2 {
    margin: -6px 0 0 0;
  }
  .tpl.pattern-xs .tpl-txt > * {
    padding-left: 15px;
    box-sizing: border-box;
  }
  .tpl.pattern-xs .tpl-txt > *.tpl-header {
    flex-grow: 2;
    max-width: 50%;
  }
  .tpl.pattern-xs .tpl-txt > *.tpl-summary,
  .tpl.pattern-xs .tpl-txt > *.tpl-links {
    flex-grow: 1;
  }
  .tpl.pattern-xs .tpl-txt > *.tpl-links .buttonContainer {
    float: right;
    margin-top: -6px;
  }
  .tpl.pattern-xs.reverse .tpl-picture .tpl-pattern {
    right: -7.5%;
  }
  .tpl.pattern-xs.reverse .tpl-txt {
    margin-left: 8.33333333%;
  }
  .tpl.pattern-xs.reverse .tpl-txt > * {
    padding-right: 15px;
    padding-left: 0;
  }
  .tpl.pattern-xs.patternEmpty .tpl-picture {
    width: 83.33333333%;
    margin-left: 8.33333333%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .tpl.pattern-xs.patternEmpty .tpl-txt {
    width: 75%;
    margin-left: 16.66666667%;
    justify-content: flex-end;
    padding: 0 15px;
  }
  .tpl.pattern-xs.patternEmpty .tpl-txt > * {
    flex-grow: inherit;
    padding: 0 15px;
  }
  .tpl.pattern-xs.patternEmpty .tpl-txt .tpl-links {
    padding-right: 0;
  }
  .tpl.pattern-xs.patternEmpty.reverse .tpl-txt {
    margin-right: 0;
    margin-left: 8.33333333%;
    justify-content: flex-start;
  }
  .tpl.pattern-xs.patternEmpty.reverse .tpl-txt .tpl-header {
    padding-left: 0;
  }
  .tpl.pattern-xs.patternEmpty.reverse .tpl-txt .tpl-links {
    padding-right: 15px;
  }
  .tpl:last-of-type {
    margin: 0;
  }
}
@media screen and (min-width: 954px) {
  .tpl.pattern-xs .tpl-txt {
    width: 66.66666667%;
    margin-left: 25%;
  }
  .tpl.pattern-xs.reverse .tpl-txt {
    margin-right: 25%;
  }
}
/*---------------------------------
TEMPLATES DETAIL PROJETS // TITRE
-----------------------------------*/
.prj-title {
  margin-bottom: 40px;
}
.prj-title .prj-header h1 {
  margin-bottom: 32px;
}
.prj-title .prj-summary p {
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.1em;
  margin-top: 32px;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .prj-title {
    flex-direction: row;
    margin-bottom: 60px;
  }
  .prj-title .prj-header {
    width: 83.33333333%;
    padding: 0 15px;
  }
  .prj-title .prj-header h1 {
    margin: 0;
  }
  .prj-title .prj-summary {
    width: 50%;
    padding: 6px 15px 0 15px;
    margin-left: 0;
  }
  .prj-title .prj-summary p {
    margin-left: 0;
  }
}

/*---------------------------------
TEMPLATES DETAIL PROJETS
-----------------------------------*/
/* .project-header-image {
  position: ;
} */
.tpl-prj {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 -15px 50px -15px;
}
.tpl-prj .tpl-prj-picture {
  padding: 0 15px;
  box-sizing: border-box;
}
.tpl-prj .tpl-prj-picture img {
  width: 100%;
  height: auto;
}
.tpl-prj .tpl-prj-picture:not(:first-of-type) {
  text-align: right;
}
.tpl-prj.tpl-prj-01 .tpl-prj-picture {
  width: 50%;
}
.tpl-prj.tpl-prj-02 .tpl-prj-picture {
  width: 58.33333333%;
  align-self: center;
}
.tpl-prj.tpl-prj-02 .tpl-prj-picture:first-of-type {
  width: 41.66666667%;
}
.tpl-prj.tpl-prj-02.reverse .tpl-prj-picture {
  width: 41.66666667%;
}
.tpl-prj.tpl-prj-02.reverse .tpl-prj-picture:first-of-type {
  width: 58.33333333%;
}
.tpl-prj.tpl-prj-03 .tpl-prj-picture {
  width: 75%;
  margin-left: 8.33333333%;
}
.tpl-prj.tpl-prj-03.reverse .tpl-prj-picture {
  margin-left: 0;
  margin-right: 8.33333333%;
}
.tpl-prj.tpl-prj-04 .tpl-prj-picture {
  width: 50%;
}
.tpl-prj.tpl-prj-05 .tpl-prj-picture {
  width: 100%;
}
.tpl-prj.tpl-prj-06 .tpl-prj-picture {
  width: 50%;
}
.tpl-prj.tpl-prj-06 .tpl-prj-picture:only-of-type {
  width: 58.33333333%;
  margin-right: 41.66666667%;
}
.tpl-prj.tpl-prj-06 .tpl-prj-txt {
  width: 50%;
  padding: 0 15px;
  box-sizing: border-box;
}
.tpl-prj.tpl-prj-06 .tpl-prj-txt .tpl-prj-header h2 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.tpl-prj.tpl-prj-06 .tpl-prj-txt .tpl-prj-summary p {
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 2rem;
}
.tpl-prj.tpl-prj-06.reverse {
  flex-direction: row-reverse;
}
.tpl-prj.tpl-prj-06.reverse .tpl-prj-picture:only-of-type {
  margin-right: 0;
  margin-left: 41.66666667%;
}
.tpl-prj.tpl-prj-06.reverse .tpl-prj-txt {
  margin-left: 0;
  margin-right: 8.33333333%;
}
@media screen and (min-width: 768px) {
  .tpl-prj {
    margin-right: 0;
    margin-left: 0;
  }
  .tpl-prj .tpl-prj-picture:not(:first-of-type) {
    margin: 0;
  }
  .tpl-prj.tpl-prj-01 .tpl-prj-picture img,
  .tpl-prj.tpl-prj-04 .tpl-prj-picture img {
    width: calc(100% - 15px);
  }
  .tpl-prj.tpl-prj-02 .tpl-prj-picture:first-of-type img {
    width: calc(100% - 30px);
  }
  .tpl-prj.tpl-prj-02.reverse .tpl-prj-picture:first-of-type img {
    width: calc(100% - 30px);
  }
  .tpl-prj.tpl-prj-02.reverse .tpl-prj-picture:last-of-type img {
    width: 100%;
  }
  .tpl-prj.tpl-prj-06 {
    align-items: flex-end;
  }
  .tpl-prj.tpl-prj-06 .tpl-prj-picture:only-of-type {
    width: 50%;
    margin-right: 50%;
  }
  .tpl-prj.tpl-prj-06 .tpl-prj-txt {
    width: 41.66666667%;
    margin-left: 8.33333333%;
  }
  .tpl-prj.tpl-prj-06 .tpl-prj-txt .tpl-prj-header h2 {
    font-size: 2.4rem;
    line-height: 3rem;
    word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
  .tpl-prj.tpl-prj-06.reverse .tpl-prj-picture:only-of-type {
    margin-right: 0;
    margin-left: 50%;
  }
}
@media screen and (min-width: 954px) {
  .tpl-prj {
    margin-bottom: 100px;
  }
  .tpl-prj.tpl-prj-06 .tpl-prj-txt .tpl-prj-header h2 {
    font-size: 3rem;
    line-height: 3.6rem;
  }
}
@media screen and (max-width: 767px) {
  .tpl-prj .tpl-picture{
    width: 100%;
}
}
/*---------------------------------
TEMPLATES LISTE PRODUITS
-----------------------------------*/
.products-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 40px -15px 60px -15px;
}
.products-list .tpl-prd-item {
  width: 50%;
  padding: 0 15px;
  margin-top: 30px;
  box-sizing: border-box;
}
.products-list .tpl-prd-item .tpl-prd-picture {
  display: block;
}
.products-list .tpl-prd-item .tpl-prd-picture img {
  width: 100%;
  height: auto;
}
.products-list .tpl-prd-item .tpl-prd-summary {
  display: block;
  margin-top: 15px;
}
.products-list .tpl-prd-item .tpl-prd-summary span {
  display: block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) {
  .products-list {
    margin-bottom: 100px;
  }
  .products-list .tpl-prd-item {
    width: 33.33333333%;
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 954px) {
  .products-list {
    margin: 100px 0 60px 0;
  }
}
/*---------------------------------
TEMPLATES LISTE PRESSE
-----------------------------------*/
.press-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.press-list .tpl-prs-item {
  width: 50%;
  padding: 0 15px;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.press-list .tpl-prs-item.active {
  opacity: 1;
}
.press-list .tpl-prs-item.inactive {
  opacity: 0.4;
}
.press-list .tpl-prs-item.has-galerie {
  cursor: pointer;
}
.press-list .tpl-prs-item .tpl-prs-picture img {
  width: 100%;
  height: auto;
}
.press-list .tpl-prs-item .tpl-prs-txt {
  margin-top: 14px;
}
.press-list .tpl-prs-item .tpl-prs-txt .tpl-prs-header h2 {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.1em;
  text-transform: none;
  margin-bottom: 2px;
}
.press-list .tpl-prs-item .tpl-prs-txt .tpl-prs-summary {
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .press-list {
    justify-content: flex-start;
    margin: 0;
  }
  .press-list .tpl-prs-item {
    width: 33.33333333%;
  }
}
@media screen and (min-width: 954px) {
  .press-list .tpl-prs-item {
    width: 25%;
  }
}
/*---------------------------------
TEMPLATES ZOOM PRESSE
-----------------------------------*/
.tpl-prs-zoom {
  position: relative;
  width: 100%;
  flex-direction: column;
  margin-bottom: 50px;
}
.tpl-prs-zoom > * {
  padding: 0 15px;
  box-sizing: border-box;
}
.tpl-prs-zoom .tpl-prs-txt {
  position: relative;
  margin-top: 52px;
}
.tpl-prs-zoom .tpl-prs-txt .tpl-prs-header h2 {
  font-size: 2.4rem;
  line-height: 3rem;
  max-height: 60px;
  overflow: hidden;
  padding-top: 27px;
  margin-bottom: 7px;
}
.tpl-prs-zoom .tpl-prs-txt .tpl-prs-summary {
  position: absolute;
  top: 0;
  left: 15px;
  width: 100%;
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.tpl-prs-zoom .tpl-prs-picture {
  position: relative;
  padding-top: 85px;
}
.tpl-prs-zoom .tpl-prs-picture img {
  width: 100%;
  height: auto;
}
.tpl-prs-zoom .tpl-prs-picture .nivo-controlNav {
  position: absolute;
  display: block;
  top: 29px;
  left: 15px;
  margin: 0 auto;
}
.tpl-prs-zoom .tpl-prs-picture .nivo-controlNav .nivo-control {
  text-indent: -9999px;
  width: 42px;
  height: 18px;
  margin-right: 3px;
}
.tpl-prs-zoom .tpl-prs-picture .nivo-controlNav .nivo-control:before {
  position: absolute;
  top: 8px;
  left: 0;
  content: '';
  background: #d9d9d9;
  width: 100%;
  height: 2px;
}
.tpl-prs-zoom .tpl-prs-picture .nivo-controlNav .nivo-control.active:before {
  background-color: #000;
}
.tpl-prs-zoom .tpl-prs-close {
  position: absolute;
  top: 4px;
  right: 16px;
  background-color: transparent;
  border: none;
  padding: 0;
}
.tpl-prs-zoom .tpl-prs-close .touch-close {
  display: block;
  width: 30px;
  height: 30px;
}
.tpl-prs-zoom .tpl-prs-close .touch-close span {
  display: block;
  background-color: #000;
  width: 43px;
  height: 2px;
}
.tpl-prs-zoom .tpl-prs-close .touch-close span:nth-of-type(1) {
  transform: rotate(45deg) translate3d(6px, 15px, 0px);
}
.tpl-prs-zoom .tpl-prs-close .touch-close span:nth-of-type(2) {
  opacity: 0;
}
.tpl-prs-zoom .tpl-prs-close .touch-close span:nth-of-type(3) {
  transform: rotate(-45deg) translate3d(-12px, 3px, 0px);
}
@media screen and (min-width: 768px) {
  .tpl-prs-zoom {
    flex-direction: row;
    margin-top: 30px;
  }
  .tpl-prs-zoom > * {
    float: left;
  }
  .tpl-prs-zoom .tpl-prs-txt {
    width: 41.66666667%;
  }
  .tpl-prs-zoom .tpl-prs-picture {
    position: static;
    width: 50%;
    padding-top: 0;
  }
  .tpl-prs-zoom .tpl-prs-picture .nivo-controlNav {
    top: 267px;
    width: 40%;
  }
  .tpl-prs-zoom .tpl-prs-close {
    float: right;
    margin-right: -3px;
  }
}
@media screen and (min-width: 954px) {
  .tpl-prs-zoom {
    margin-bottom: 100px;
  }
  .tpl-prs-zoom .tpl-prs-txt {
    margin-top: 116px;
  }
  .tpl-prs-zoom .tpl-prs-txt .tpl-prs-header h2 {
    font-size: 3rem;
    line-height: 4rem;
    max-height: 80px;
  }
}
/*---------------------------------
TEMPLATES BUTTONS
-----------------------------------*/
.tpl-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  margin: 60px auto 2px auto;
}
.tpl-buttons .buttonContainer {
  width: 290px;
}
.tpl-buttons .buttonContainer:hover .buttonContent:before,
.tpl-buttons .buttonContainer:hover .buttonContent:after {
  width: 145px;
}
.tpl-buttons .buttonContainer:first-of-type:not(:only-of-type) {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .tpl-buttons {
    flex-direction: row;
  }
  .tpl-buttons .buttonContainer:first-of-type:not(:only-of-type) {
    margin: 0;
  }
}
/*--------------------------------------------------------------
# Page
*/
/*---------------------------------
HOME
-----------------------------------*/
.home .tpl .tpl-txt .tpl-summary,
.projectPage .tpl .tpl-txt .tpl-summary,
.designPage .tpl .tpl-txt .tpl-summary {
  font-size: 1rem;
  line-height: 1.3rem;
  letter-spacing: normal;
  
}
.home .tpl:nth-child(even).pattern .tpl-picture,
.projectPage .tpl:nth-child(even).pattern .tpl-picture,
.designPage .tpl:nth-child(even).pattern .tpl-picture {
  margin-right: 0;
  margin-left: -20px;
}
.home .tpl:nth-child(even).pattern .tpl-picture .tpl-pattern,
.projectPage .tpl:nth-child(even).pattern .tpl-picture .tpl-pattern,
.designPage .tpl:nth-child(even).pattern .tpl-picture .tpl-pattern {
  right: calc(-16.66666667% + 15px);
  left: auto;
}
.home .tpl:nth-child(even).pattern-xs .tpl-picture,
.projectPage .tpl:nth-child(even).pattern-xs .tpl-picture,
.designPage .tpl:nth-child(even).pattern-xs .tpl-picture {
  margin-right: 8.33333333%;
  margin-left: 0;
}
.home .tpl:nth-child(even).pattern-xs .tpl-picture .tpl-pattern,
.projectPage .tpl:nth-child(even).pattern-xs .tpl-picture .tpl-pattern,
.designPage .tpl:nth-child(even).pattern-xs .tpl-picture .tpl-pattern {
  left: auto;
  right: -9.5%;
}
@media screen and (min-width: 768px) {
  .home .tpl:nth-child(even),
  .projectPage .tpl:nth-child(even),
  .designPage .tpl:nth-child(even) {
    flex-direction: row-reverse;
  }
  .home .tpl:nth-child(even) .tpl-picture,
  .projectPage .tpl:nth-child(even) .tpl-picture,
  .designPage .tpl:nth-child(even) .tpl-picture {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .home .tpl:nth-child(even) .tpl-picture .tpl-pattern,
  .projectPage .tpl:nth-child(even) .tpl-picture .tpl-pattern,
  .designPage .tpl:nth-child(even) .tpl-picture .tpl-pattern {
    left: auto;
    right: -16.66666667%;
  }
  .home .tpl:nth-child(even).pattern .tpl-picture,
  .projectPage .tpl:nth-child(even).pattern .tpl-picture,
  .designPage .tpl:nth-child(even).pattern .tpl-picture {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .home .tpl:nth-child(even).pattern-xl .tpl-picture,
  .projectPage .tpl:nth-child(even).pattern-xl .tpl-picture,
  .designPage .tpl:nth-child(even).pattern-xl .tpl-picture {
    margin-right: 8.33333333%;
    margin-left: 0;
  }
  .home .tpl:nth-child(even).pattern-xl .tpl-picture .tpl-pattern,
  .projectPage .tpl:nth-child(even).pattern-xl .tpl-picture .tpl-pattern,
  .designPage .tpl:nth-child(even).pattern-xl .tpl-picture .tpl-pattern {
    right: calc(-16.66666667% + 15px);
    left: auto;
  }
  .home .tpl:nth-child(even).pattern-xl .tpl-picture .tpl-pattern:before,
  .projectPage .tpl:nth-child(even).pattern-xl .tpl-picture .tpl-pattern:before,
  .designPage .tpl:nth-child(even).pattern-xl .tpl-picture .tpl-pattern:before {
    top: 10%;
    left: 8.5%;
  }
  .home .tpl:nth-child(even).pattern-xs .tpl-picture .tpl-pattern,
  .projectPage .tpl:nth-child(even).pattern-xs .tpl-picture .tpl-pattern,
  .designPage .tpl:nth-child(even).pattern-xs .tpl-picture .tpl-pattern {
    right: -7.5%;
  }
  .home .tpl:nth-child(even).pattern-xs .tpl-txt,
  .projectPage .tpl:nth-child(even).pattern-xs .tpl-txt,
  .designPage .tpl:nth-child(even).pattern-xs .tpl-txt {
    margin-left: 8.33333333%;
  }
  .home .tpl:nth-child(even).pattern-xs .tpl-txt > *,
  .projectPage .tpl:nth-child(even).pattern-xs .tpl-txt > *,
  .designPage .tpl:nth-child(even).pattern-xs .tpl-txt > * {
    padding-right: 15px;
    padding-left: 0;
  }
  .home .tpl:nth-child(even).pattern-xs.patternEmpty .tpl-picture,
  .projectPage .tpl:nth-child(even).pattern-xs.patternEmpty .tpl-picture,
  .designPage .tpl:nth-child(even).pattern-xs.patternEmpty .tpl-picture {
    margin-right: 0;
    margin-left: 8.33333333%;
  }
  .home .tpl:nth-child(even).pattern-xs.patternEmpty .tpl-txt,
  .projectPage .tpl:nth-child(even).pattern-xs.patternEmpty .tpl-txt,
  .designPage .tpl:nth-child(even).pattern-xs.patternEmpty .tpl-txt {
    margin-left: 8.33333333%;
    justify-content: flex-start;
  }
  .home .tpl:nth-child(even).pattern-xs.patternEmpty .tpl-txt > *,
  .projectPage .tpl:nth-child(even).pattern-xs.patternEmpty .tpl-txt > *,
  .designPage .tpl:nth-child(even).pattern-xs.patternEmpty .tpl-txt > * {
    padding: 0 15px;
  }
  .home .tpl:nth-child(even).pattern-xs.patternEmpty .tpl-txt .tpl-header,
  .projectPage .tpl:nth-child(even).pattern-xs.patternEmpty .tpl-txt .tpl-header,
  .designPage .tpl:nth-child(even).pattern-xs.patternEmpty .tpl-txt .tpl-header {
    padding-left: 0;
  }
}
@media screen and (min-width: 954px) {
  .home .tpl:nth-child(even).pattern-xs .tpl-txt,
  .projectPage .tpl:nth-child(even).pattern-xs .tpl-txt,
  .designPage .tpl:nth-child(even).pattern-xs .tpl-txt {
    margin-left: 8.33333333%;
  }
  .home {
    overflow-y: scroll;
  }
}
/*---------------------------------
PAGE DETAIL PROJET
-----------------------------------*/
[class*="Page"] .site-main > .buttonContainer {
  margin: 0 0 30px 0;
}
@media screen and (min-width: 768px) {
  [class*="Page"] .site-main > .buttonContainer {
    margin: 8px 15px 30px 15px;
  }
}
/*---------------------------------
PAGE PROJET / CREATION
-----------------------------------*/
.designPage .design-breadcrumb {
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
  padding: 26px 20px;
}
@media screen and (max-width: 767px) {
  .designPage .tpl.pattern-xl {
    position: static;
    padding-bottom: 0;
  }
  .designPage .tpl.pattern-xl .tpl-picture {
    position: relative;
  }
  .designPage .tpl.pattern-xl .tpl-picture .tpl-pattern {
    top: -90px;
    right: -20px;
    left: auto;
    width: 89.4%;
    height: 127%;
  }
  .designPage .tpl.pattern-xl .tpl-txt {
    margin-top: 78px;
  }
  .designPage .tpl.pattern-xl.reverse .tpl-picture .tpl-pattern {
    right: auto;
    left: -20px;
  }
  .designPage .tpl.pattern-xl.reverse .tpl-picture .tpl-pattern:before {
    right: auto;
    left: 74px;
  }
}
@media screen and (min-width: 954px) {
  .designPage .design-breadcrumb {
    display: none;
  }
}
/*---------------------------------
PAGE DETAIL COLLECTION
-----------------------------------*/
.collectionPage .tpl {
  margin: 0;
}
.collectionPage .tpl .tpl-picture {
  margin-left: 0;
}
.collectionPage .tpl .tpl-txt {
  margin-left: 0;
}
.collectionPage .tpl .tpl-txt .tpl-header {
  margin-bottom: 22px;
}
@media screen and (min-width: 768px) {
  .collectionPage .tpl {
    position: relative;
  }
  .collectionPage .tpl .tpl-txt {
    width: 100%;
    margin: 0;
  }
  .collectionPage .tpl .tpl-txt .tpl-summary {
    width: 80%;
  }
}
/*---------------------------------
PAGE PRODUITS
-----------------------------------*/
.productPage.collectionPage .tpl {
  align-items: flex-start;
}
.productPage.collectionPage .tpl .tpl-txt .tpl-summary + .shopify-buy-frame {
  margin-top: -20px;
  margin-bottom: 40px;
}
.productPage.collectionPage .buttonContainer {
  width: 204px;
}
.productPage.collectionPage .buttonContainer:hover .buttonContent:before,
.productPage.collectionPage .buttonContainer:focus .buttonContent:before,
.productPage.collectionPage .buttonContainer:hover .buttonContent:after,
.productPage.collectionPage .buttonContainer:focus .buttonContent:after {
  width: 102px;
}
@media screen and (min-width: 768px) {
  .productPage .tpl .tpl-txt {
    margin-left: 3%;
    width: 47%;
  }
  .productPage.collectionPage .tpl .tpl-txt {
    margin-top: 80px;
  }
  .productPage.collectionPage .tpl .tpl-txt .tpl-summary {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.8rem;
    letter-spacing: 0.1em;
    width: 100%;
  }
}
/*---------------------------------
PAGE AGENCE
-----------------------------------*/
.agencyPage .tpl {
  display: flex;
  flex-direction: column;
}
.agencyPage .tpl .tpl-txt {
  margin: 0;
}
.agencyPage .tpl .tpl-txt .tpl-header {
  margin-bottom: 20px;
}
.agencyPage .tpl .tpl-txt .tpl-header > * {
  margin-bottom: 0;
}
.agencyPage .tpl .tpl-txt .tpl-header h1 br {
  display: none;
}
.agencyPage .tpl .tpl-txt .tpl-summary p {
  margin-bottom: 20px;
}
.agencyPage .tpl .tpl-txt .tpl-address {
  margin-top: 43px;
}
.agencyPage .tpl .tpl-txt .tpl-address .tpl-header {
  margin-bottom: 20px;
}
.agencyPage .tpl .tpl-txt .tpl-address .tpl-header h2 {
  text-transform: none;
}
.agencyPage .tpl .tpl-txt .tpl-address .tpl-summary {
  margin: 0;
}
.agencyPage .tpl.tpl-forms .tpl-txt {
  padding-top: 0;
}
.agencyPage .tpl.tpl-forms .tpl-txt .tpl-header {
  margin-bottom: 22px;
}
.agencyPage .grecaptcha-badge {
  display: block !important;
}
@media screen and (min-width: 768px) {
  .affix {
    position: fixed;
    top: 141px;
    left: 0;
    width: 100%;
    z-index: 9999;
    display: none;
    padding-left: calc(50% - 60px);
  }
  .agencyPage .tpl {
    flex-direction: row;
    align-items: flex-start;
  }
  .agencyPage .tpl .tpl-picture {
    width: 50%;
    margin: 0;
  }
  .agencyPage .tpl .tpl-txt {
    width: 50%;
  }
  .agencyPage .tpl .tpl-txt .tpl-header h1 br {
    display: block;
  }
  .agencyPage .tpl .tpl-txt .tpl-address {
    margin-left: 16.66666667%;
  }
  .agencyPage .tpl .tpl-txt .tpl-address:first-of-type {
    margin-top: 0;
  }
  .agencyPage .tpl.reverse {
    flex-direction: row-reverse;
  }
  .agencyPage .tpl .sticky {
    position: fixed;
    top: 100px;
    width: 306px;
  }
}
@media screen and (min-width: 954px) {
  .agencyPage .tpl .sticky {
    top: 141px;
    width: 462px;
  }
}
/*---------------------------------
PAGE MENTIONS LEGALES
-----------------------------------*/
.legalPage .tpl {
  width: 100%;
}
.legalPage .tpl .tpl-txt {
  width: 100%;
  margin-left: 0;
}
.legalPage .tpl .tpl-txt .tpl-header {
  margin-bottom: 20px;
}
.legalPage .tpl .tpl-txt h2 {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.1em;
  text-transform: none;
  margin-bottom: 10px;
}
.legalPage .tpl .tpl-txt .smaller {
  margin-bottom: 20px;
}
.legalPage .tpl .tpl-txt img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .legalPage .tpl {
    width: 66.66666667%;
  }
  .legalPage .tpl .tpl-txt img {
    width: auto;
    max-width: 684px;
  }
}
@media screen and (min-width: 954px) {
  .legalPage .tpl .tpl-txt img {
    max-width: 984px;
  }
}
/*---------------------------------
PAGE CREDITS
-----------------------------------*/
.creditsPage .site-main .tpl:first-of-type {
  margin-bottom: 50px;
}
.creditsPage .tpl {
  display: block;
  width: 100%;
}
.creditsPage .tpl .tpl-txt {
  width: 100%;
  margin: 0;
}
.creditsPage .tpl .tpl-txt .tpl-header {
  margin-bottom: 20px;
}
.creditsPage .tpl .tpl-txt .tpl-summary {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
}
.creditsPage .tpl .tpl-txt .tpl-summary .tpl-txt {
  padding: 0;
  margin-bottom: 50px;
}
.creditsPage .tpl .tpl-txt .tpl-summary .tpl-txt header {
  margin: 0;
}
.creditsPage .tpl .tpl-txt .tpl-summary .tpl-txt header h3 {
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.8rem;
  letter-spacing: 0.1em;
  font-family: 'Work Sans', sans-serif;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.creditsPage .tpl .tpl-txt .tpl-summary .tpl-txt .tpl-summary {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .creditsPage .tpl .tpl-txt .tpl-summary .tpl-txt {
    width: 41.66666667%;
  }
  .creditsPage .tpl .tpl-txt .tpl-summary .tpl-txt > * {
    width: 95%;
  }
}
@media screen and (min-width: 954px) {
  .creditsPage .tpl .tpl-txt .tpl-summary .tpl-txt {
    width: 33.33333333%;
  }
}
/*---------------------------------
PAGE CONTACT COMMANDE ET CONFIRMATION
-----------------------------------*/
.contactPage .tpl .tpl-txt {
  width: 50%;
}
.contactPage .tpl:only-of-type {
  margin: 0;
  width: 100%;
}
.contactPage .tpl:only-of-type .tpl-txt {
  width: 100%;
}
.contactPage .tpl:only-of-type .buttonContainer:last-of-type {
  width: 330px;
  margin: 60px auto 2px auto;
}
.contactPage .tpl:only-of-type .buttonContainer:last-of-type:hover .buttonContent:before,
.contactPage .tpl:only-of-type .buttonContainer:last-of-type:hover .buttonContent:after {
  width: 165px;
}
.contactPage .buttonContainer ~ .tpl .tpl-txt {
  width: 100%;
  margin: 0;
}
.contactPage .buttonContainer ~ .tpl:not(.tpl-forms) {
  margin: 0;
}
.contactPage .wpcf7 .wpcf7-form .wpcf7-mail-sent-ok {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .contactPage .buttonContainer ~ .tpl .tpl-txt {
    width: 50%;
    margin-left: 8.33333333%;
  }
  .contactPage .buttonContainer ~ .tpl:not(.tpl-forms) .tpl-txt {
    width: 100%;
  }
}

/*--------------------------------------------------------------
## Okyaka / Arthur Guionnet edits
--------------------------------------------------------------*/


html {
	overflow-x: unset !important;
  overflow-y: hidden !important;
}
.collection-menu .menu {
	display: flex;
	align-content: center;
	flex-wrap: wrap;
	justify-content: center;
}
.collection-menu .menu .menu-item {
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
	font-size: 1.2rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin-top: 14px;
}
 .collection-menu .menu .menu-item a:hover,
 .collection-menu .menu .menu-item a:focus {
  opacity: 1;
}
#cookie-notice {
  font-family: "Work Sans", sans-serif;
}
#cookie-notice .cookie-notice-container {
	font-family: "Work Sans", Roboto, sans-serif;
}
.cookie-btn {
	color: #fff;
	background: #000;
  font-family: "Work Sans", Roboto, sans-serif;
	padding: 8px 10px;
}
@media screen and (min-width: 954px) {
   .collection-menu .menu .menu-item a:before,
   .collection-menu .menu .menu-item a:after {
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    transition: transform 0.3s, opacity 0.2s;
    margin-top: -1px;
  }
   .collection-menu .menu .menu-item a:before {
    margin-right: 10px;
    content: '|';
    transform: translateX(12px);
  }
   .collection-menu .menu .menu-item a:after {
    margin-left: 10px;
    content: '|';
    transform: translateX(-12px);
  }
   .collection-menu .menu .menu-item a:hover:before,
   .collection-menu .menu .menu-item a:hover:after {
    opacity: 1;
    transform: translateX(0px);
  }
   .collection-menu .menu .menu-item.current_page_item a:before,
   .collection-menu .menu .menu-item.current_page_item a:after {
    opacity: 1;
    transform: translateX(0px);
  }
   .collection-menu .menu .lang-item ~ .menu-item a:before,
   .collection-menu .menu .lang-item ~ .menu-item a:after {
    margin: 0;
    content: '';
  }
}
@media screen and (max-width: 1280px) {
  .collection-menu .menu .menu-item {
    font-weight: 00;
    font-size: 1;
    letter-spacing: 0.2em;
    margin: 4px 10px;
  }
  .products-list .tpl-prd-item {
    padding: 0 5px;
    margin-top: 15px;
  }
}
.collectionPage .tpl .tpl-txt .tpl-header {
  display: none;
}
.collectionPage.productPage .tpl .tpl-txt .tpl-header {
  display: block ;
}

/* Pages Produits */
#product-content .lovetag.elementor-widget__width-auto.elementor-absolute.elementor-widget.elementor-widget-shortcode {
  right: 25px
}
/* Page Projets */

.projectPage #main.site-main,.home #main.site-main  {
  /* padding: 67px 0 0; */
  padding-top: 67px;
}
.projectPage #main.site-main,.home #main.site-main  {
  /* padding: 67px 0 0; */
  padding-top: 67px;
}
/* page presse */

.tpl-prs-zoom .tpl-prs-txt .tpl-prs-header h2 {
  color: #000;
}
/* Selections */
#main.site-main.page-selection .buttonContainer {
	margin: 8px 15px 30px 15px;
}



/* header scrolling */
/* .elementor-element-2e0aa4e {
  z-index: 10000;
}
body .elementor-location-header {
  z-index: 9000;
  position: relative;
  transition: opacity 300ms;
}
body.scroll-down .elementor-location-header {
  opacity: 0.33;
}
body.scroll-up .elementor-location-header {
  opacity: 1;
} */

/* body.scroll-down .elementor-location-header #mobile-header, body.scroll-down .elementor-location-header #site-header{
  transition-delay: height 0.2s;
  height:0;
}
body.scroll-up .elementor-location-header #mobile-header, body.scroll-up .elementor-location-header #site-header{
  transition-delay: height 0s;
  height:auto;
} */

body #cookie-notice {
  max-width: 100vw;
}
/* MEDIA QUERIES */
@media screen and (min-width: 954px) {

	.collectionPage .site-header {
		position: static;
		height: 80px;
	}
	.collectionPage .products-list {
		margin: 50px 0 60px 0;
	}
  .collectionPage.productPage .tpl .tpl-txt .handcrafted {
    font-style: italic;
  }
}
@media screen and (min-width: 768px) {
	.products-list {
	  margin-bottom: 100px;
	}
	.products-list .tpl-prd-item {
	  width: 33.33333333%;
	  margin-bottom: 10px;
	  margin-top: 10px;
	}

  .tpl-prs-zoom{
    display: flex;
    flex-wrap: wrap;
  }
  .tpl-prs-zoom .tpl-prs-txt {
    width: 100%;
  }
  .tpl-prs-zoom .tpl-prs-picture {
    position: static;
    width: 100%;
    padding-top: 030px;
  }
}
@media screen and (max-width: 768px) {
  #product-content .elementor-container .elementor-column .elementor-widget-wrap .elementor-swiper .elementor-main-swiper {
  height: unset;
  width: 100%;
  padding-top: 100%;
  position: relative;
  }
  #product-content .elementor-container .elementor-column .elementor-widget-wrap .elementor-swiper .elementor-main-swiper .swiper-wrapper{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  }
}




/* body .elementor-section.overlay-categories {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
} */
body.elementor-template-full-width  #product-content .elementor-column-gap-default > .elementor-column:nth-of-type(1) > .elementor-element-populated {
  padding: 0 15px;
}
body.elementor-template-full-width #product-content {
  margin-top: 5px;
}
.overlay-categories .elementor-container {
  height: 100%;
}
.overlay-categories h2.elementor-heading-title {
  font-size: 18px;
}
.overlay-categories .elementor-button-link span.elementor-button-text {
	font-size: 16px;
}

/* COLLECTION / GALERIES DE PRODUIT  */
#products-wrapper .elementor[data-elementor-type="wp-post"] {
	min-height: unset;
}

  #products-wrapper .ae-post-item .e-widget-swiper .elementor-widget-container,
  #products-wrapper .ae-post-item .e-widget-swiper .ae-acf-gallery-widget-wrapper,
  #products-wrapper .ae-post-item .e-widget-swiper .ae-swiper-outer-wrapper,
  #products-wrapper .ae-post-item .e-widget-swiper .ae-swiper-container {
    height: 100%;
  }
  /* #products-wrapper .ae-post-item .e-widget-swiper .swiper-slide {
    width: 100% !important;
  } */
  #products-wrapper .ae-pagination-wrapper a {
    border: 1px solid #000;
    border-radius: 0px;
    transition: 300ms;
    font-family: "Work Sans", Sans-serif;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 3px;
    fill: var( --e-global-color-6f29201 );
    color: #000;
    background-color: #FFFFFF00;
    padding: 10px 24px 10px 24px;
  }
  #products-wrapper .ae-pagination-wrapper .current, #products-wrapper .ae-pagination-wrapper a:hover {
    color: #fff;
    background: #000;
    border: 1px solid #000;
    border-radius: 0px;
  }
  #products-wrapper a:hover {
      opacity: 1;
  }




@media(min-width: 768px){
  #products-wrapper .ae-post-item:nth-of-type(5), #products-wrapper .ae-post-item:nth-of-type(10), #products-wrapper .ae-post-item:nth-of-type(17), #products-wrapper .ae-post-item:nth-of-type(22), #products-wrapper .ae-post-item:nth-of-type(29), #products-wrapper .ae-post-item:nth-of-type(34), #products-wrapper .ae-post-item:nth-of-type(41), #products-wrapper .ae-post-item:nth-of-type(46), #products-wrapper .ae-post-item:nth-of-type(53), #products-wrapper .ae-post-item:nth-of-type(58), #products-wrapper .ae-post-item:nth-of-type(65), #products-wrapper .ae-post-item:nth-of-type(70), #products-wrapper .ae-post-item:nth-of-type(77), #products-wrapper .ae-post-item:nth-of-type(82), #products-wrapper .ae-post-item:nth-of-type(89), #products-wrapper .ae-post-item:nth-of-type(94), #products-wrapper .ae-post-item:nth-of-type(101), #products-wrapper .ae-post-item:nth-of-type(106), #products-wrapper .ae-post-item:nth-of-type(113), #products-wrapper .ae-post-item:nth-of-type(118), #products-wrapper .ae-post-item:nth-of-type(125), #products-wrapper .ae-post-item:nth-of-type(130)  {
    grid-column-end: span 2;
    grid-row-end: span 2;
  }
 #products-wrapper .ae-post-item:nth-of-type(5) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(10) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(17) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(22) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(29) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(34) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(41) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(46) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(53) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(58) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(65) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(70) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(77) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(82) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(89) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(94) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(101) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(106) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(113) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(118) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(125) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(130) .e-widget-swiper .ae-acf-image  {
    padding-bottom: calc(100% + 12px);
  }
}

@media (max-width: 767px) {
  body .elementor-section.overlay-categories .elementor-heading-title {
    font-size: 16px;
  }
  body .elementor-section.overlay-categories .elementor-button-link span.elementor-button-text {
    font-size: 14px;
  }
  #products-wrapper .ae-post-collection {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    grid-column-gap: 10px;
  }
  #products-wrapper .ae-post-item .e-widget-swiper  .ae-acf-image{
    padding-bottom: calc(100%);
  }
  #products-wrapper .ae-post-item h2.elementor-heading-title {
    font-size: 10px;
    letter-spacing: 1px;
    padding-right: 22px;
  }
  /* #products-wrapper .ae-post-item .elementor-widget-shortcode.variation-lovetag  {
    top: calc(47vw - 16px);
  }
  .margin-10 #products-wrapper .ae-post-item .elementor-widget-shortcode.variation-lovetag  {
    top: calc(47vw - 26px);
  } */
  #products-wrapper .ae-post-item:nth-of-type(3n){
    grid-column-end: span 2;
    grid-row-end: span 2;
  }
  /* #products-wrapper .ae-post-item:nth-of-type(3n) .elementor-widget-shortcode.variation-lovetag {
    top: calc(95.5vw - 14px);
  }
  .margin-10 #products-wrapper .ae-post-item:nth-of-type(3n) .elementor-widget-shortcode.variation-lovetag {
    top: calc(95.5vw - 35px);
  } */
  #products-wrapper .ae-post-item .elementor-widget-shortcode.variation-lovetag a:before{
    width: 13px;
    height: 14px;
  }
  #products-wrapper .ae-post-item .stock-state.elementor-widget-heading .elementor-heading-title{
    font-size: 10px;
  }
  #products-wrapper .ae-post-item .stock-state.elementor-widget-heading {
    top: 5px;
  }
  #products-wrapper .ae-post-item .ae-swiper-outer-wrapper .ae-swiper-pagination {
    margin: 0 3px;
    height: 3px;
    width: 3px;
  }
}

/* tests */
@media(min-width: 1024px) {
  .marged-section {
    margin: 25px calc(5% - 10px);
  }
  

}
#products-wrapper  .product-title {
  position: absolute;
  bottom: 0;
  z-index: 1;
  text-align: left;
  padding-left: 10px;
}
/* #products-wrapper .ae-post-item-inner .ccc-favorite-post-toggle > a.save::before {
	background-image: none; 
  content: "\f004";
}
#products-wrapper .ae-post-item-inner .ccc-favorite-post-toggle > a::before {
	background-image: none; 
  content: "\f08a";
  position: relative;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
} */
/* #products-wrapper .ae-post-item-inner .ccc-favorite-post-toggle > a {
  padding: 0;
} */
#products-wrapper .ae-post-collection{
  row-gap: 10px;
  column-gap: 10px;
}
#products-wrapper .variation-lovetag {
  bottom: 12px;
  right: 10px;
  z-index: 2;
}
#products-wrapper .ae-pagination-wrapper {
  margin-top: 15px;
}
#products-wrapper .ae-pagination-wrapper .page-numbers:not(.next, .prev) {
  display: none;
}

@media(min-width: 768px){
  #products-wrapper .ae-post-item:nth-of-type(5), #products-wrapper .ae-post-item:nth-of-type(10), #products-wrapper .ae-post-item:nth-of-type(17), #products-wrapper .ae-post-item:nth-of-type(22), #products-wrapper .ae-post-item:nth-of-type(29), #products-wrapper .ae-post-item:nth-of-type(34), #products-wrapper .ae-post-item:nth-of-type(41), #products-wrapper .ae-post-item:nth-of-type(46), #products-wrapper .ae-post-item:nth-of-type(53), #products-wrapper .ae-post-item:nth-of-type(58), #products-wrapper .ae-post-item:nth-of-type(65), #products-wrapper .ae-post-item:nth-of-type(70), #products-wrapper .ae-post-item:nth-of-type(77), #products-wrapper .ae-post-item:nth-of-type(82), #products-wrapper .ae-post-item:nth-of-type(89), #products-wrapper .ae-post-item:nth-of-type(94), #products-wrapper .ae-post-item:nth-of-type(101), #products-wrapper .ae-post-item:nth-of-type(106), #products-wrapper .ae-post-item:nth-of-type(113), #products-wrapper .ae-post-item:nth-of-type(118), #products-wrapper .ae-post-item:nth-of-type(125), #products-wrapper .ae-post-item:nth-of-type(130)  {
    grid-column-end: span 2;
    grid-row-end: span 2;
  }
 #products-wrapper .ae-post-item:nth-of-type(5) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(10) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(17) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(22) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(29) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(34) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(41) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(46) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(53) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(58) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(65) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(70) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(77) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(82) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(89) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(94) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(101) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(106) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(113) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(118) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(125) .e-widget-swiper  .ae-acf-image, #products-wrapper .ae-post-item:nth-of-type(130) .e-widget-swiper .ae-acf-image  {
    padding-bottom: 100%;
  }
  
 /* #products-wrapper .ae-post-item .elementor-widget-shortcode.variation-lovetag  {
    bottom: 10px;
  }
  .margin-10 #products-wrapper .ae-post-item .elementor-widget-shortcode.variation-lovetag  {
    bottom: 10px;
  }
 #products-wrapper .ae-post-item:nth-of-type(3n) .elementor-widget-shortcode.variation-lovetag {
  bottom: 10px;
  }
  .margin-10 #products-wrapper .ae-post-item:nth-of-type(3n) .elementor-widget-shortcode.variation-lovetag {
    bottom: 10px;
  } */

}
/* SINGLE PROJET */

.projectPage .project-header-image {
  display: block;
  height: 80vh;
}

.projectPage .buttonContainer a.buttonContent:after,
.projectPage .buttonContainer a.buttonContent:before{
  display: none !important;
}
/* .projectPage .prj-title {
  text-align: center;
} */
.projectPage .buttonContainer.back-button {
	width: auto;
	text-align: left;
	margin-top: -35px;
	margin-bottom: 80px;
	display: flex;
	justify-content: center;
	/* align-content: center; */
	align-items: center;
}
.projectPage .buttonContainer.back-button::before {
  display: block;
  content: "<";
  color: #fff;
  font-size: 20px;
  font-weight: 200;
  margin-right: 5px;
}
.projectPage .tpl-buttons .buttonContainer a {
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
	font-style: italic;
	border: 1px solid #000;
	letter-spacing: 4px;
	font-size: 14px;
	padding: 4px 8px 5px;
}
.projectPage .tpl-buttons .buttonContainer a:hover {
  background: #000;
  color: #FFF;
}
.projectPage .buttonContainer.back-button a {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0;
	text-transform: none;
}
.projectPage .buttonContainer.back-button a:hover {
  text-decoration: underline;
}
body.projectPage #main.site-main {
	max-width: 100%;
	margin: auto;
	padding-top: 67px;
	padding: 0 calc(5% - 10px);
}
@media(max-width: 767px){
  .projectPage .tpl-buttons .buttonContainer a {
    letter-spacing: 2px;
    font-size: 10px;
    padding: 3px 5px 4px;
  }
  .projectPage .buttonContainer.back-button a {
    font-weight: 400;
    font-size: 14px;
  }
  .projectPage .tpl-prj .tpl-prj-picture {
    padding: 0 5px;
    box-sizing: border-box;
  }
  .projectPage .tpl-prj {
    margin: 5px -5px;
  }
  /* Option 2 */
  .projectPage .tpl-prj .tpl-prj-picture {
    padding: 2.5px 0;
    box-sizing: border-box;
    width: 100%;
  }
  .projectPage .tpl-prj {
    margin: 0;
    flex-wrap: wrap;
  }
}


/* SLIDER HOME */
#home-slideshow .elementor-widget-wrap:not(#home-slideshow .elementor-widget-wrap .elementor-widget-wrap){
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      overflow: hidden;
      list-style: none;
      padding: 0;
      z-index: 1;
  }
  #home-slideshow .elementor-widget-wrap:not(#home-slideshow .elementor-widget-wrap .elementor-widget-wrap){
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: flex;
      transition-property: transform;
      box-sizing: content-box;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  }
  #home-slideshow .home-carousel-slide {
      flex-shrink: 0;
      width: 100%;
      height: 100%;
      position: relative;
      transition-property: transform;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
  }