@font-face {
    font-family: Bodoni;
    font-weight: book;
    src: url("../fonts/Bodoni-06-Book.woff") format("woff");
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap&subset=latin-ext');

:root {
	overflow-x: hidden;
  --color1: #F6F1EB;
  --color2: #EEE3D3;
  --color3: #707070;
  --color4: #044250;
  --color5: #fff;
  --text-color-on-img: #fff;
  --font1: 'Montserrat', Helvetica, sans-serif;
  --regular: 500;
  --semibold: 600;
  --bold: 700;
  --small: 0.75rem;
  --medium: 1rem;
  --large1: 2rem;
  --large2: 1.8rem;
  --extralarge: 2.5rem;
  --giant: 4rem;
  --font2: 'Bodoni', Times New Roman, serif;
  --xs-y: 1vh;
  --xs-x: 0.75vw;
  --small-y: 2vh;
  --small-x: 1.5vw;
  --medium-y: 4vh;
  --medium-x: 1.5vw;
  --big-y: 7.5vh;
  --big-x: 4vw;
  --giant-x: 10vw;
  --teaser-height: 80vh;
  --teaser-opacity: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0));
  --border-radius: 0;
  --border: 1px solid var(--color3);
  --thick-border: 2px solid var(--color3);
  --input-bg: #fff;
  --flag-color1: blue;
  --flag-color2: white;
  --flag-color3: red;
  --flag-stroke: 0.75vh;
  --flag-stroke2: 3vh}
body {
	background-color: var(--color1)!important;
	font-family: var(--font1)!important;
}

button:focus {
	background-color: initial!important;
}

/* BANDEAU COOKIES */

.eupopup-container {
 background-color: rgb(246, 241, 235);
 display: block;
 padding-top: var(--medium-y);
 padding-bottom: var(--medium-y);
 border: var(--thick-border);
 border-color: var(--color4);
 box-shadow: 0px 3px 6px rgba(0, 0 ,0, 0.16);
}
.eupopup-closebutton {
 color: var(--color5);
 top: 1vh;
}
.eupopup-button.eupopup-button_1 {
  margin-top: var(--small-y);
  background-color: var(--color4);
  border: var(--thick-border);
  padding-top: var(--xs-y);
  padding-bottom: var(--xs-y);
  padding-left: var(--small-x);
  padding-right: var(--small-x);
  border-color: var(--color1)!important;
  text-transform: uppercase;
  font-family: var(--font1)!important;
}


/* NAVBAR */

.pre-nav {
	position: relative;
	height: 12vh;
	padding-top: 6vh;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	background-color: var(--color1);
}
.full-logo img {
	max-height: 4vh;
}
nav {
	position: sticky!important;
	position: -webkit-sticky!important;
	top: 0;
	padding-top: 2vh!important;
	padding-left: var(--big-x)!important;
	padding-right: var(--big-x)!important;
	padding-bottom: 2vh!important;
	background-color: var(--color1);
	box-shadow: 0px 3px 6px rgba(0, 0 ,0, 0.16);
	z-index: 999!important;
}
.navbar-brand img {
	height: 12vh;
	width: auto
}

/* Gestion du menu déroulant (collapse) */

.navbar-collapse {
	justify-content: space-between;
	margin-left: 2vw;
}
.navbar-collapse.collapse.in,
.navbar-collapse.collapsing {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.navbar-collapse.collapse.in .navbar-nav,
.navbar-collapse.collapsing .navbar-nav {
	align-items: flex-start;
}
.navbar-collapse.collapse.in .navbar-nav,
.navbar-collapse.collapse.in form,
.navbar-collapse.collapse.in .account-and-cart,
.navbar-collapse.collapsing .navbar-nav,
.navbar-collapse.collapsing form,
.navbar-collapse.collapsing .account-and-cart {
	margin-top: 2.5vh;
	margin-bottom: 2.5vh;
}
.navbar-collapse.collapse.in .navbar-nav .nav-item,
.navbar-collapse.collapsing .navbar-nav .nav-item {
	margin-left: 0;
}
.navbar-toggler {
	border-radius: var(--border-radius)!important;
	border: var(--border)!important;
	background-image: none!important;
  border-color: var(--color3)!important;
}
.navbar-toggler {
  position: absolute;
  right: var(--big-x);
}
.navbar-toggler:hover {
	border-color: var(--color4)!important;
}
.navbar-toggler i {
	color: var(--color3);
}
.navbar-toggler:hover i {
}

/**/

.nav-item {
	z-index: 998;
	text-align: center;
}
.nav-item.active a {
	font-weight: var(--bold)!important;
	color: var(--color4)!important;
}
.nav-item a:hover {
	color: var(--color4)!important;
}
.nav-link {
	font-weight: var(--regular)!important;
	font-size: var(--small);
	padding-right: 0!important;
	padding-left: 0!important;
	color: var(--color3);
}
#magic-line {
  position: absolute;
  left: 0;
  width: 100px;
  height: 2px;
  background: var(--color4);
  z-index: 997;
}
.menu-underline {
	position: absolute;
	z-index: 995;
}
.navbar-collapse.collapse.show.in .menu-underline,
.navbar-collapse.collapsing .menu-underline {
  display: none;
}
.menu-underline line {
	stroke-width: 1px;
	stroke: var(--color3);
}
.search-widget {
	min-width: 0;
}
.search-widget form {
	border: var(--border);
	background-color: var(--color1);
	display: flex;
}
.search-widget form input[type="text"] {
	border: none;
	min-width: 0;
	width: 10vw;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	background-color: inherit;
	font-size: var(--small);
	font-weight: var(--regular);
}
.search-widget form input[type="text"]:focus {
	outline: none!important;
	color: var(--color3);
}
.search-widget form button[type="submit"] {
	position: relative;
	bottom: inherit;
	right: inherit;
}
.search-widget form input[type="text"]:focus + button {
	background-color: var(--color5);
}
.search-widget form input[type="text"]:focus + button .search {
	color: var(--color4);
}
.search-widget form input[type="text"]:focus > .search-widget form {
	background-color: var(--color5);
}
.ui-menu.ui-jolisearch {
	position: sticky;
	display: flex!important;
	background: none!important;
	flex-wrap: wrap;
	background-color: var(--color1)!important;
	padding-top: var(--medium-y);
	padding-bottom: var(--medium-y);
	padding-left: var(--big-x);
	padding-right: var(--big-x);
	max-width: none;
	width: 100vw;
	top: 17vh!important;
	left: inherit;
	box-shadow: none;
	justify-content: flex-end;
}
.ui-jolisearch.ui-menu .ui-menu-item {
	width: 30vw;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: var(--color1);
	margin: 0;
}
.ui-menu.ui-jolisearch .ui-menu-item span.jolisearch-title {
	position: relative;
	padding: 0;
	font-size: var(--medium);
	font-weight: var(--semibold);
	color: var(--color3);
	text-shadow: none;
	background: none;
	text-shadow: none;
	margin: 0;
	margin-bottom: var(--small-y);
	box-shadow: none;
}
.ui-menu.ui-jolisearch .ui-menu-item span.jolisearch-title::after {
	display: none;
}
.ui-menu .ui-menu-item a {
	display: flex;
	height: none;
	color: var(--color3);
}
.ui-menu.ui-jolisearch .ui-menu-item div.jolisearch-description.category, .ui-menu.ui-jolisearch .ui-menu-item div.jolisearch-description.product {
	margin-left: var(--small-x);
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: auto;
}
.ui-menu.ui-jolisearch .ui-menu-item .jolisearch-image {
	width: 5vw;
}
.ui-menu.ui-jolisearch .ui-menu-item a.ui-corner-all, .ui-menu.ui-jolisearch .ui-menu-item a.ui-corner-all:hover {
	border: none;
}
.ui-jolisearch.ui-menu .ui-menu-item.more-results {
	margin-top: var(--small-y);
	align-items: flex-end;
}
.ui-menu.ui-jolisearch.ps17 .ui-menu-item span.jolisearch-post {
	color: var(--color4);
	font-weight: var(--medium);
	text-decoration: underline;
	font-size: var(--small);
}
.account-and-cart {
	display: flex;
}
.account-and-cart i {
	font-size: var(--medium);
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	color: var(--color3);
}
.account-and-cart i:hover {
	color: var(--color4);
}
.account-and-cart .inactive i {
	opacity: 0.5;
}
.account-and-cart #_desktop_cart:hover .inactive i {
	color: var(--color3)!important;
}
.cart-products-count {
	margin-left: -0.5vw;
	color: var(--color3);
	font-size: var(--small);
}
#_desktop_cart:hover i, #_desktop_cart:hover .cart-products-count {
	color: var(--color4);
	text-decoration: none!;
}

/* RESULTATS DE LA RECHERCHE */

.jolisearch-results h1 {
	color: var(--color4);
	font-size: var(--medium);
	font-weight: var(--bold);
	margin: 0;
	margin-bottom: var(--medium-y);
}
.jolisearch-results .categories {
	width: 100%;
	display: flex;
}
.jolisearch-results .categories a {
}
.jolisearch-results .categories .block-category {
	min-width: 20vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: inherit;
	padding-top: var(--medium-y);
	padding-bottom: var(--medium-y);
	padding-left: var(--medium-x);
	padding-right: var(--medium-x);
	background-color: var(--color1);
	border: var(--border);
	box-shadow: none;
	margin-right: var(--medium-x);
}
.jolisearch-results .categories .block-category h2 {
	margin: 0;
	color: var(--color3);
	font-size: var(--medium);
	font-weight: var(--medium);
	text-transform: none;
	margin-bottom: var(--small-y);
}
#js-product-list, #js-product-list-top {
	padding-left: var(--big-x);
	padding-right: var(--big-x);
}


/* CHECKOUT */

.checkout .container {
	margin: 0;
	padding: 0;
}
.checkout .container #content {
	width: 90vw;
}

/* HOME */

#index {
	background-color: var(--color1);
}
section {
	width: 100vw!important;
	background-color: var(--color1)!important;
	padding-right: var(--big-x)!important;
	padding-left: var(--big-x)!important;
	padding-top: var(--big-y)!important;
	padding-bottom: var(--big-y)!important;
}
section.teaser {
	/*padding-right: 0!important;
	padding-left: 0!important;*/
}

/* Slider */

.home-slider, .collection-slider {
  padding-top: var(--medium-y)!important;
  padding-left: calc(var(--big-x) + var(--medium-x))!important;
  padding-right: calc(var(--big-x) + var(--medium-x))!important;
}
.home-slider .carousel, .home-slider .carousel-inner {
	height: var(--teaser-height);
}
.home-slider .carousel-img {
	height: 100%;
	width: 100%;
	background-size: cover;
}
.home-slider .carousel-opacity {
	width: 100%;
	height: 100%;
	background: var(--teaser-opacity);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	color: var(--text-color-on-img);
	text-align: left;
	padding-right: var(--big-x);
	padding-left: var(--big-x);
}
.home-slider h1 {
	font-size: var(--large1);
	font-weight: var(--bold);
}
.home-slider a {
	color: var(--text-color-on-img);
	text-decoration: underline;
}
.carousel-control-prev, .carousel-control-next {
	width: auto;
	opacity: 1;
}
.carousel-control-prev i, .carousel-control-next i {
	position: absolute;
	color: var(--color3);
	font-size: 1.5rem;
}
.carousel-control-prev i {
	left: 0;
	margin-left: -3.5vw;
}
.carousel-control-next i {
	right: 0;
	margin-right: -3.5vw;
}
.home-slider .carousel .carousel-item .slide1 {
	background-image: url('/img/home-slider/slide1.jpg')
}
.home-slider .carousel .carousel-item .slide2 {
	background-image: url('/img/home-slider/slide2.jpg')
}
.home-slider .carousel .carousel-item .slide3 {
	background-image: url('/img/home-slider/slide3.jpg')
}
/*.home-slider .carousel .carousel-item .slide4 {
	background-image: url('/img/home-slider/slide4.jpg')
}*/

/* Pitch */

.home-pitch {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.home-pitch h2 {
	text-align: center;
	font-size: var(--large2);
	font-family: var(--font2);
	color: var(--color4);
}
.home-pitch a {
	color: var(--color4);
	font-weight: var(--bold);
	text-decoration: underline;
}
.inline-france {
	margin-top: var(--medium-y);
}
.inline-france svg {
	width: 30px;
	height: var(--flag-stroke);
}
.inline-france line {
	stroke-width: var(--flag-stroke);
}
.inline-france #bleu {
	stroke: var(--flag-color1);
}
.inline-france #blanc {
	stroke: var(--flag-color2);
}
.inline-france #rouge {
	stroke: var(--flag-color3);
}

/* Produits iconiques, couleurs & thèmes de la dernière collection */

.home-star-products, .news-selection {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 0;
}
.home-star-products h3, .news-selection h3, .home-star-products a, .tdm-shops h3, .store-locator h3 {
	font-family: var(--font1);
  	color: var(--color4);
  	font-size : var(--medium);
  	font-weight: var(--bold);
  	margin-bottom: var(--medium-y);
}
.home-star-products h3 {
	align-self: flex-start;
}
.home-star-products a {
	align-self: flex-end;
	text-decoration: underline;
	font-weight: var(--regular);
	margin-bottom: 0;
}
.news-selection .categories {
	display: flex;
	justify-content: center;
	margin-bottom: var(--medium-y);
}
.news-selection .categories button {
	background-color: var(--color1);
	border: none;
	color: var(--color3);
	font-weight: var(--regular);
	font-size: var(--small);
	margin-left: var(--small-x);
	margin-right: var(--small-x);
}
.news-selection .categories button.active {
	color: var(--color4);
	font-weight: var(--bold);
	text-decoration: underline;
}

/* Teasers */

.teaser-img {
	height: 100%;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-position-y: center!important;
	background-attachment: fixed!important;
  height: var(--teaser-height);
}
.teaser#home-histoire .teaser-img {
	background: url('/img/home-teasers/histoire.jpg');
}
.teaser#home-sur-mesure .teaser-img {
	background: url('/img/home-teasers/sur-mesure.jpg');
}
.teaser#home-professionnels .teaser-img {
	background: url('/img/home-teasers/professionnels.jpg');
}
.teaser-opacity {
	width: 100%;
	height: 100%;
	background: var(--teaser-opacity);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	color: var(--text-color-on-img);
	text-align: left;
	padding-right: var(--big-x);
	padding-left: var(--big-x);
}
.teaser-img h3 {
	font-size: var(--large1);
	font-weight: var(--bold);
}
.teaser-img a {
	color: var(--text-color-on-img);
	text-decoration: underline;
}

/* Catégories */

.home-categories {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-family: var(--font2);
	font-size: var(--extralarge);
	padding-right: 30vw!important;
	padding-left: 30vw!important;
}
.home-categories a {
	color: var(--color4);
	margin-right: 1vw;
	margin-left: 1vw;
	z-index: 899;
	line-height: 1;
	margin-bottom: var(--small-y);
}
.home-categories a:hover {
	color: var(--color4);
}
.home-categories span {
	line-height: 1rem;
	font-size: 3rem;
	color: var(--color4);
	align-self: baseline;
	z-index: 899;
}
.home-categories .category-img {
	display: none;
	width: 200px;
	height: 200px;
	position: absolute;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-position-y: center!important;
	opacity: 0.8;
	z-index: 898;
}
.category-img#tissus {
	background: url('/img/home-categories/tissus.jpg');
}
.category-img#rideaux {
	background: url('/img/home-categories/rideaux.jpg');
}
.category-img#coussins {
	background: url('/img/home-categories/coussins.jpg');
}
.category-img#canapes {
	background: url('/img/home-categories/canapes.jpg');
}
.category-img#sieges {
	background: url('/img/home-categories/sieges.jpg');
}
.category-img#stores {
	background: url('/img/home-categories/stores.jpg');
}
.category-img#tentures {
	background: url('/img/home-categories/tentures.jpg');
}
.category-img#housses {
	background: url('/img/home-categories/housses.jpg');
}
.category-img#voilages {
	background: url('/img/home-categories/voilages.jpg');
}

/* Slogan */

.home-slogan {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: var(--color2)!important;
}
.home-slogan h4 {
	margin-top: var(--medium-y);
	font-family: var(--font2);
	font-size: var(--large2);
	width: 25vw;
	text-align: center;
	color: var(--color4);
}

/* Instagram */

.instagram-preview {
  display: flex;
  flex-direction: column;
}
.instagram-preview h3 {
  font-family: var(--font1);
  color: var(--color4);
  font-size : var(--medium);
  font-weight: var(--bold);
}
.instagram-preview .block_content {
  margin-top: var(--medium-y);
}
.instagram-preview .clearfix {
  justify-content: center;
}
.instagram-item {
  width: 30vw!important;
  display: flex;
  flex-direction: column;
  border-bottom: none!important;
  padding: 0!important;
  margin-left: var(--big-x);
  margin-right: var(--big-x);
  flex: none!important;
  max-width: none!important;
}
.instagram-preview a {
  align-self: flex-end;
  font-size: var(--small);
  margin-top: var(--medium-y);
  color: var(--color4);
  text-decoration: underline;
  font-weight: var(--regular);
}

/* Newsletter */

.block-newsletter {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.block-newsletter .newsletter-container {
	width: 100%;
	display: flex;
	justify-content: center;
}
.block-newsletter .newsletter-container p, .block-newsletter form {
	margin: 0;
	padding-top: var(--big-y);
	padding-bottom: var(--big-y);
	border: var(--thick-border);
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 30vh;
}
.block-newsletter .newsletter-container p {
	border-right: none;
	width: 40%;
	color: var(--color4);
	font-weight: var(--bold);
	padding-left: var(--big-x);
	padding-right: var(--big-x);
	text-align: center;
}
.block-newsletter form {
	width: 60%;
	padding-left: var(--big-x);
	padding-right: var(--big-x);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAHUlEQVQYlWNgIAIUFBT8J0bdqEIiFBYUFPwnBgMAo0wr3mohXzMAAAAASUVORK5CYII=)
}
.block-newsletter .mail {
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	/*padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	border: var(--thick-border);
	background-color: var(--color1);*/
}
.block-newsletter .newsletter-btn {
	background-color: inherit;
	border: var(--border);
	color: var(--color4);
	margin: 0;
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	background-color: var(--color5);
	border: var(--thick-border);
}
.block-newsletter input[type='email'] {
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	border: var(--thick-border);
	background-color: var(--color5);
	color: var(--color3);
	border-right: none;
	width: 100%;
}
.block-newsletter .conditions {
	width: 100%;
	margin-top: var(--medium-y);
}
.block-newsletter #gdpr_consent {
 width: 100%;
 padding-top: var(--small-y);
 padding-bottom: var(--small-y);
 padding-left: var(--small-x);
 padding-right: var(--small-x);
 border: var(--thick-border);
 border-top: none;
 display: flex;
 justify-content: flex-end;
}
.block-newsletter .psgdpr_consent_message {
 display: flex;
 flex-direction: row-reverse;
 align-items: center;
 color: var(--color3);
 font-size: var(--small);
 font-weight: var(--regular);
 margin-bottom: 0;
}
.block-newsletter .psgdpr_consent_message > span:nth-child(2) {
 	border-color: var(--color3);
}
.block-newsletter .psgdpr_consent_message span:last-child {
	margin-right: var(--xs-x);
}
.block-newsletter .psgdpr_consent_message strong {
	font-weight: var(--regular);
}



/* DERNIERE COLLECTION */

/* Slider */

.collection-slider {
  padding-top: var(--medium-y)!important;
  padding-bottom: 0!important;
}
.collection-slider .carousel, .collection-slider .carousel-inner {
	height: var(--teaser-height);
}
.collection-slider .carousel-img {
	height: 100%;
	width: 100%;
	background-size: cover;
}
.collection-slider .carousel-opacity {
	width: 100%;
	height: 100%;
	background: var(--teaser-opacity);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: var(--text-color-on-img);
	text-align: left;
	padding-right: var(--big-x);
	padding-left: var(--big-x);
}
.collection-slider h1 {
	font-family: var(--font2);
	font-size: var(--giant);
  text-align: center;
}
.collection-slider h2 {
	font-family: var(--font2);
	font-size: var(--extralarge);
	font-weight: var(--bold);
  text-align: center;
}
.collection-slider .carousel .carousel-item .slide1 {
	background-image: url('/img/collection-slider/slide1.jpg')
}
.collection-slider .carousel .carousel-item .slide2 {
	background-image: url('/img/collection-slider/slide2.jpg')
}
.collection-slider .carousel .carousel-item .slide3 {
	background-image: url('/img/collection-slider/slide3.jpg')
}
.collection-slider .carousel .carousel-item .slide4 {
	background-image: url('/img/collection-slider/slide4.jpg')
}

/* Punchlines */

.punchline {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.punchline h3 {
  font-family: var(--font2);
  font-size: var(--large2);
  color: var(--color4);
  font-weight: var(--regular);
}

/* Zoom produit */

.product-zoom {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.product-zoom#produit2 {
  flex-direction: row-reverse;
}
.product-zoom .big-picture {
  width: 50%;
  padding-top: 50%;
  background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-position-y: center!important;
}
.product-zoom#produit1 .big-picture {
  background-image: url('/img/zooms-produits/produit1.jpg')
}
.product-zoom#produit2 .big-picture {
  background-image: url('/img/zooms-produits/produit2.jpg')
}
.product-zoom#produit3 .big-picture {
  background-image: url('/img/zooms-produits/produit3.jpg')
}
.product-zoom .small-picture {
  width: 100%;
  padding-top: 100%;
  background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-position-y: center!important;
}
.product-zoom#produit1 .small-picture {
  background-image: url('/img/zooms-produits/zoom1.jpg')
}
.product-zoom#produit2 .small-picture {
  background-image: url('/img/zooms-produits/zoom2.jpg')
}
.product-zoom#produit3 .small-picture {
  background-image: url('/img/zooms-produits/zoom3.jpg')
}
.product-zoom .zoom {
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.product-zoom .zoom .product-infos {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: var(--medium-y)
}
.product-zoom .zoom .product-infos a {
  font-family: var(--font1);
  font-weight: var(--semibold);
  color: var(--color3);
  text-decoration: underline;
}
.product-zoom .zoom .description {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.product-zoom .zoom .description p {
  font-family: var(--font2);
  color: var(--color4);
  font-size: var(--large2);
  line-height: 1.2;
}

/* Conclusion */

.punchline.conclusion a {
  font-size: var(--small);
  margin-top: var(--medium-y);
  color: var(--color4);
  text-decoration: underline;
  font-weight: var(--regular);
}

/* SERVICES SUR-MESURE */

.intro {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.intro h1, .tdm-shops .split .shop-infos h1 {
  font-family: var(--font2);
  color: var(--color4);
  font-size: var(--large2);
  font-weight: var(--regular);
  text-align: center;
}
.presentation-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#conseil-boutique {
  padding-top: var(--medium-y)!important;
}
.presentation-block.reverse {
  flex-direction: row-reverse;
}
.presentation-block .presentation-img {
  width: 45%;
  padding-top: 45%;
  background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-position-y: center!important;
}
.presentation-block#conseil-boutique .presentation-img {
  background-image: url('/img/sur-mesure/conseil-boutique.jpg')
}
.presentation-block#conseil-domicile .presentation-img {
  background-image: url('/img/sur-mesure/conseil-domicile.jpg')
}
.presentation-block#mesure-et-pose .presentation-img {
  background-image: url('/img/sur-mesure/mesure-et-pose.jpg')
}
.presentation-block#professionnels .presentation-img {
  background-image: url('/img/sur-mesure/professionnels.jpg')
}
span#a-professionnels {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}
.presentation-block .text-block {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.presentation-block .text-block .main-text {
  display: flex;
  flex-direction: column;
}
.presentation-block .text-block .main-text h2 {
  font-size: var(--medium);
  font-weight: var(--bold);
  color: var(--color4);
}
.presentation-block .text-block .main-text p {
  font-size: var(--small);
  margin-top: var(--small-y);
  font-weight: var(--regular)
}
.presentation-block .text-block .main-text p strong {
	font-weight: var(--bold);
}
.presentation-block .text-block .main-text a {
  color: var(--color4);
  font-size: var(--small);
  text-decoration: underline;
  font-weight: var(--regular);
  /* text-align: right; */
}
.presentation-block .text-block h3 {
  font-family: var(--font2);
  font-size: var(--large2);
  font-weight: var(--regular);
  color: var(--color4)
}
.teaser#sur-mesure-fabrication .teaser-img {
	background: url('/img/sur-mesure/fabrication.jpg');
}

/* FABRICATION FRANCAISE */

.presentation-block#fabrication-tissu .presentation-img {
  background-image: url('/img/fabrication-francaise/fabrication-tissu.jpg')
}
.presentation-block#atelier-confection .presentation-img {
  background-image: url('/img/fabrication-francaise/atelier-confection.jpg')
}
.presentation-block#atelier-tapissier .presentation-img {
  background-image: url('/img/fabrication-francaise/atelier-tapissier.jpg')
}
.presentation-block#fontaine-daniel .presentation-img {
  background-image: url('/img/fabrication-francaise/fontaine-daniel.jpg')
}
.presentation-block#epv .presentation-img {
  background-image: url('/img/fabrication-francaise/epv.jpg')
}
.presentation-block#avesnieres .presentation-img {
  background-image: url('/img/fabrication-francaise/avesnieres.jpg')
}
.teaser#fabrication-contact .teaser-img {
	background: url('/img/fabrication-francaise/fabrication-contact.jpg');
}

/* HISTOIRE */

.special-padding section {
	padding-left: calc(var(--big-x) * 2)!important;
}
.intro p {
	text-align: center;
	margin-top: var(--medium-y);
}
.chronology {
  position: fixed;
  top: 32vh;
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: var(--medium-y);
  padding-top: var(--medium-y);
  /* background-color: var(--color2); */
}
.chronology li {
	margin-bottom: var(--xs-x);
}
.chronology a {
  color: var(--color3);
  font-size: var(--medium);
  font-weight: var(--regular);
  font-family: var(--font2);
}
a.invisible-anchor {
    display: block;
    position: relative;
    top: -28vh;
    visibility: hidden;
}
.chronology a.active {
  font-size: var(--large2);
  color: var(--color4);
  text-decoration: none;
}
.presentation-block#date1 .presentation-img {
  background-image: url('/img/histoire/date1.jpg')
}
.presentation-block#date2 .presentation-img {
  background-image: url('/img/histoire/date2.jpg')
}
.presentation-block#date3 .presentation-img {
  background-image: url('/img/histoire/date3.jpg')
}
.presentation-block#date4 .presentation-img {
  background-image: url('/img/histoire/date4.jpg')
}
.presentation-block#date5 .presentation-img {
  background-image: url('/img/histoire/date5.jpg')
}
.presentation-block#date6 .presentation-img {
  background-image: url('/img/histoire/date6.jpg')
}
.presentation-block#date7 .presentation-img {
  background-image: url('/img/histoire/date7.jpg')
}
.presentation-block#date8 .presentation-img {
  background-image: url('/img/histoire/date8.jpg')
}
.presentation-block#date9 .presentation-img {
  background-image: url('/img/histoire/date9.jpg')
}
.presentation-block#date10 .presentation-img {
  background-image: url('/img/histoire/date10.jpg')
}
.presentation-block#date11 .presentation-img {
  background-image: url('/img/histoire/date11.jpg')
}
.presentation-block#date12 .presentation-img {
  background-image: url('/img/histoire/date12.jpg')
}
.teaser#histoire-produits .teaser-img {
	background: url('/img/histoire/histoire-produits.jpg');
}

/* POINTS DE VENTE */

.intro a {
  margin-top: var(--medium-y);
  color: var(--color4);
  text-decoration: underline;
  font-size: var(--small);
  font-weight: var(--regular);
}
.shops {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shops .map {
  width: 45%;
  display: flex;
  flex-direction: column;
}
.shops .map .map-img {
  padding-top: 45%;
  background: url('/img/points-de-vente/carte.png');
  height: 400px;
}
.shops .shop-block {
  width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.teaser#points-de-vente-produits .teaser-img {
	background: url('/img/points-de-vente/points-de-vente-produits.jpg');
}

.tdm-shops {

}
.tdm-shops h3 {

}
.tdm-shops .split {
	display: flex;
	justify-content: space-between;
  	align-items: center;
}
.tdm-shops .split .shop-img {
	padding-top: 35%;
	width: 35%;
  	display: flex;
  	flex-direction: column;
  	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-position-y: center!important;
}
.tdm-shops .split .shop-img#france {
	background: url('/img/points-de-vente/carte.jpg');
}
.tdm-shops .split .shop-img#img1 {
	background: url('/img/points-de-vente/shop1.jpg');
}
.tdm-shops .split .shop-img#img2 {
	background: url('/img/points-de-vente/shop2.jpg');
}
.tdm-shops .split .shop-img#img3 {
	background: url('/img/points-de-vente/shop3.jpg');
}
.tdm-shops .split .shop-infos {
	width: 55%;
 	display: flex;
 	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
}
.tdm-shops .split .shop-infos p {
	font-size: var(--small);
	font-weight: var(--regular);
	color: var(--color4);
	margin-top: var(--medium-y);
}
.tdm-shops .split .shop-infos a {
	text-decoration: underline;
	color: var(--color4);
}
.tdm-shops .split .shop-infos .infos-top {
	display: none;
	flex-direction: column;
	width: 100%;
}
.tdm-shops .split .shop-infos .infos-top .info-line {
	display: flex;
	margin-top: -2px;
	border-top: var(--thick-border);
	border-bottom: var(--thick-border);
	border-left: var(--thick-border);
	border-right: var(--thick-border);
}
.tdm-shops .split .shop-infos .infos-top .info-line h4 {
	font-family: var(--font2);
	font-size: var(--large2);
	font-weight: var(--regular);
	color: var(--color4);
	margin: 0;
	text-align: left;
	min-width: 20vw!important;
}
.tdm-shops .split .shop-infos .infos-top .info-line p,
.tdm-shops .split .shop-infos .infos-top .info-line h5 {
	font-size: var(--small);
	font-weight: var(--semibold);
	margin: 0;
	color: var(--color3);
	text-align: left;
}
.tdm-shops .split .shop-infos .infos-top .info-line h4,
.tdm-shops .split .shop-infos .infos-top .info-line p,
.tdm-shops .split .shop-infos .infos-top .info-line h5 {
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-right: var(--small-x);
	padding-left: var(--small-x);
}
.tdm-shops .split .shop-infos .infos-top .info-line h4,
.tdm-shops .split .shop-infos .infos-top .info-line h5 {
	border-right: var(--thick-border);
	min-width: 10vw;
}
.tdm-shops .split .shop-infos .infos-top .info-line div {
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
}
.tdm-shops .split .shop-infos .infos-top .info-line div p {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: var(--xs-y);
	display: flex;
}
.tdm-shops .split .shop-infos .infos-top .info-line #description {
	align-self: center;
}
.tdm-shops .split .shop-infos .infos-top .info-line h5 {
	text-transform: uppercase;
	display: flex;
	line-height: 1.5;
}
.tdm-shops .numbers {
	width: 35%;
	display: flex;
	margin-top: var(--medium-y);
	flex-wrap: wrap;
}
.tdm-shops .numbers li {
	margin-left: -2px;
	cursor: pointer;
	display: flex;
}
.tdm-shops .numbers span {
	font-size: var(--small);
	padding-top: var(--xs-y);
	padding-bottom: var(--xs-y);
	padding-left: var(--xs-x);
	padding-right: var(--xs-x);
	color: var(--color3);
	border: var(--thick-border);
	margin-bottom: -2px;
}


/* BLOG */

.blog-posts {
  display: flex;
  flex-wrap: wrap;
  padding-left: var(--giant-x);
  padding-right: var(--giant-x);
}
.blog-post {
  width: 32vw;
  display: flex;
  flex-direction: column;
  border-bottom: none!important;
  padding: 0!important;
  margin-left: var(--medium-x);
  margin-right: var(--medium-x);
}
.blog-post .post-img {
  width: 100%;
  padding-top: 100%;
  background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-position-y: center!important;
}
/*.blog-posts li:first-child {
  width: 100vw;
  margin-left: calc(var(--giant-x) * -1);
  margin-right: calc(var(--giant-x) * -1);
  margin-bottom: var(--big-y);
  background: var(--teaser-opacity);
}
.blog-posts li:first-child .post-img {
  height: 80vh;
  padding-top: 0;
}
.blog-posts li:first-child .post-img .post-infos {
  border: none;
  height: 100%;
  width: 100%;
  background: var(--teaser-opacity);
  display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	color: var(--text-color-on-img);
	text-align: left;
	padding-right: var(--big-x);
	padding-left: var(--big-x);
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
.blog-posts li:first-child .post-img .post-infos h2 a {
  font-size: var(--large1);
	font-weight: var(--bold);
  color: var(--color5);
}
.blog-posts li:first-child .post-img .post-infos h2 a:hover {
  text-decoration: none;
}
.blog-posts li:first-child .post-img .post-infos p {
  font-size: var(--small);
  font-weight: var(--regular);
  color: var(--color5);
}
.blog-posts li:first-child .post-img .post-infos .body-blog p {
  color: var(--color5);
  margin-top: var(--medium-y);
  font-weight: var(--semibold);
  font-size: var(--medium);
}
.blog-posts li:first-child .post-img .post-infos .body-blog a {
  color: var(--text-color-on-img);
	text-decoration: underline;
  font-weight: var(--semibold);
  margin-top: var(--medium-y);
  text-transform: none;
}
.blog-posts li:first-child .post-title, .blog-posts li:first-child .body-blog p, .blog-posts li:first-child .body-blog a {
  padding: 0;
  border: none;
}*/
.blog-post .post-infos {
  margin-top: var(--small-y);
  border: var(--thick-border);
  border-color: var(--color4);
}
.blog-post .post-infos .post-title, .blog-post .body-blog p, .blog-post .body-blog a {
  padding-top: var(--small-y);
  padding-bottom: var(--small-y);
  padding-left: var(--small-x);
  padding-right: var(--small-x);
}
.blog-post .post-infos .post-title {
  border-bottom: var(--thick-border);
  border-color: var(--color4);
}
.post-infos h2 {
  margin: 0;
  line-height: 0.6;
}
.post-infos h2 a {
  font-family: var(--font1);
  font-size: var(--medium);
  font-weight: var(--bold);
  color: var(--color4);
  margin: 0;
  line-height: 1;
}
.post-infos .post-title p {
  font-size: var(--small);
  color: var(--color4);
  font-weight: var(--semibold);
  margin: 0;
  margin-top: 2vh;
}
.post-infos .body-blog {
  color: var(--color4);
  font-weight: var(--semibold);
  display: flex;
  flex-direction: column;
  padding: 0;
}
.blog-post .body-blog p {
  border-bottom: var(--thick-border);
  border-color: var(--color4);
  margin-bottom: 0;
  color: var(--color4);
  font-size: var(--small);
}
.post-infos a {
  color: var(--color4);
  font-size: var(--medium);
  margin-top: var(--medium-y);
  font-weight: var(--semibold);
  text-transform: uppercase;
  margin: 0;
}
.toolbar-paging nav {
  display: flex;
  justify-content: flex-end;
  top: inherit;
  padding-left: var(--giant-x)!important;
  padding-right: var(--giant-x)!important;
  padding-top: var(--medium-y)!important;
  box-shadow: none;
  z-index: 0!important;
}
.toolbar-paging .page-link {
  background-color: var(--color1)!important;
  border: var(--thick-border)!important;
  border-radius: var(--border-radius)!important;
  border-color: var(--color4)!important;
  color: var(--color4)!important;
  margin-left: 0.5vw;
  margin-right: 0.5vw;
  font-size: var(--small);
}
.toolbar-paging .page-item.active .page-link {
  background-color: var(--color4)!important;
  color: var(--color5)!important;
}


/* ARTICLES */

.top-back a {
  display: flex;
  align-items: baseline;
}
.top-back i, .top-back p {
  font-size: var(--medium);
  font-weight: var(--semibold);
  color: var(--color4);
}
.top-back i {
  margin-right: var(--small-x);
}
.top-back p {
  text-decoration: underline;
}
.blog-post-item {
  margin-top: 0;
  border: none;
  padding: 0;
}
.blog-post-item .image {
	display: none;
}
.blog-post-item p {
  color: var(--color4)!important;
  font-family: var(--font2)!important;
  font-size: var(--font-medium)!important;
}
.blog-post-item h1 {
  font-family: var(--font2);
  color: var(--color4)!important;
  font-size: var(--extralarge)!important;
  font-weight: var(--bold)!important;
}
.blog-post-item time {
  font-size: var(--small);
  font-family: var(--font1)!important;
}
.blog-post-item .first-paragraph {
  font-size: var(--large2)!important;
 line-height: 1;
}
.blog-post-item img {
  margin: 0;
  margin-top: var(--big-y)!important;
  margin-bottom: var(--big-y)!important;
}
.blog-post-item .image img {
  width: 100%;
}
.blog-post-item .btn-default {
  font-family: var(--font1);
  padding: 0!important;
  color: var(--color4);
}
.blog-post-item .body-post p {
  font-size: var(--medium)!important;
}
.blog-post-item .body-post p a {
	color: var(--color4)!important;
}
.blog-post-item .body-post address {
	margin-top: calc(var(--big-y) * -1);
	margin-bottom: var(--big-y);
}
.blog-post-item .body-post address a {
	font-size: var(--small);
	color: var(--color4);
	font-weight: var(--regular);
}


/* CONTACT */

.contact-options {
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding-top: var(--medium-y)!important;
}
.contact-options .option {
  border: var(--thick-border);
  border-color: var(--color4);
  padding-left: 3vw;
  padding-right: 3vw;
  padding-top: 5vh;
  padding-bottom: 5vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--color4);
}
.contact-options .option h2 {
  font-size: var(--medium);
  font-weight: var(--bold);
  color: var(--color1);
}
.contact-options .option p {
  margin: 0!important;
  color: var(--color1);
  font-weight: var(--semibold);
  font-size: var(--small);
  margin-top: var(--medium-y)!important;
}
.contact-options .option i {
  margin-right: 0.5vw;
}
.contact-options .option a {
  border: var(--border);
  border-color: var(--color1);
  color: var(--color1);
  text-transform: uppercase;
  padding-top: 1vh;
  padding-bottom: 1vh;
  padding-left: var(--small-x);
  padding-right: var(--small-x);
}

.contact-form h3 {
  font-size: var(--medium);
  color: var(--color4);
  font-weight: var(--bold);
  text-transform: none;
  margin-bottom: var(--medium-y);
 }
 .contact-form textarea {
 	background-color: var(--color5);
 	border: var(--border);
 }

/* BOUTIQUE */

/* NAVBAR */

.sub-nav {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: center;
	background-color: var(--color1);
	padding-top: 4vh;
	padding-bottom: 5vh;
}
.sub-nav .menu-links {
	display: flex;
	justify-content: center;
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
	border: var(--border);
	border-right: none;
	margin-bottom: 0;
}
.sub-nav .menu-links .nav-item {
	padding-top: 0.5vh;
	padding-bottom: 0.5vh;
	padding-left: 1.5vw;
	padding-right: 1.5vw;
	border-right: var(--border);
}

/* Titre */

.category-title {
	background-color: var(--color2)!important;
	padding-top: var(--medium-y)!important;
	padding-bottom: var(--medium-y)!important;
}
.category-title h1 {
	font-family: var(--font2);
	color: var(--color4);
	font-weight: var(--regular);
	font-size: var(--extralarge);
	text-transform: none;
}
.category-title p {
	font-family: var(--font2);
	color: var(--color4);
	font-size: var(--medium);
	margin-top: var(--medium-y);
}
.category-title a {
	font-weight: var(--bold);
	color: var(--color4)!important;
	text-decoration: underline;
}
#category-description p {
	margin: 0;
	margin-top: var(--small-x);
}

/* Filtres */

#left-column {
	padding: 0;
}
.PM_ASBlockOutputVertical, #content-wrapper {
	padding-top: var(--medium-y);
	padding-bottom: var(--medium-y);
}
.PM_ASBlockOutputVertical {
	padding-left: var(--big-x);
	padding-right: var(--medium-x);
}
.PM_ASBlockOutputVertical .card {
	box-shadow: none !important;
	border-radius: 0;
	border: none;
	background-color: var(--color1)
}
.PM_ASBlockOutputVertical .card-header {
	background-color: inherit;
	border: none;
	font-size: var(--medium);
	color: var(--color4);
	padding: 0;
	margin-bottom: var(--medium-y);
}
.active_filters .filter-block {
	box-shadow: none;
	color: var(--color3);
}
.PM_ASBlockOutputVertical .PM_ASResetSearch {
	box-shadow: none;
	color: var(--color3);
}
.PM_ASBlockOutputVertical .card-block {
	padding: 0;
}
.PM_ASBlockOutputVertical .card-block p {
	border: none!important;
}
.PM_ASBlockOutputVertical .card-block .PM_ASCriterionsGroupName {
	font-size: var(--small);
	font-weight: var(--bold);
	color: var(--color3);
	margin-bottom: var(--small-y);
}
.PM_ASBlockOutputVertical .card-block .PM_ASCriterionGroupImage {
	display: flex;
	flex-direction: column;
}
.PM_ASBlockOutputVertical .card-block .PM_ASCriterionGroupImage a, .PM_ASBlockOutputVertical .card-block .PM_ASShow, .PM_ASBlockOutputVertical .card-block .PM_ASCriterionValue {
	font-size: var(--small);
	font-weight: var(--regular);
	color: var(--color3);
}
.PM_ASBlockOutputVertical .card-block .PM_ASShow {
	text-decoration: underline;
}
.PM_ASBlockOutputVertical .card-block .PM_ASShow::before, .PM_ASBlockOutputVertical .card-block .PM_ASCriterionLink::before {
	display: none!important;
} 
.PM_ASBlockOutputVertical .card-block #PM_ASCriterionsGroupTitle_2_9 {
	display: none;
}
.PM_ASBlockOutputVertical .card-block #PM_ASCriterionGroupLink_2_9 .PM_ASCriterionValue {
	font-weight: var(--bold)!important;
}

/* Affichage central */

#content-wrapper {
	padding-left: var(--big-x);
	padding-right: var(--big-x);
}
.sort-by-row {
	justify-content: flex-end;
}
.products-selection {
	justify-content: flex-end;
	font-size: var(--small);
	color: var(--color3);
	margin-bottom: 0;
}
.products-sort-order {
	min-width: 25vw;
}
.products-sort-order .select-title {
	background-color: var(--color5);
  	border-radius: 0;
  	border: var(--border);
  	box-shadow: none;
  	color: var(--color3);
  	padding-top: var(--xs-y);
	padding-bottom: var(--xs-y);
	padding-left: var(--xs-x);
	padding-right: var(--xs-x);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.products-sort-order .dropdown-menu {
	background-color: var(--color5);
	border: var(--border);
	padding: 0;
	margin-top: -1px;
}
.products-sort-order .select-list {
	padding-top: var(--xs-y);
	padding-bottom: var(--xs-y);
	padding-left: var(--xs-x);
	padding-right: var(--xs-x);
	color: var(--color3);
	font-size: var(--small);
	border-bottom: var(--border);
}
.products-sort-order .select-list:last-child {
	border-bottom: none;
} 
.products-sort-order .select-list:hover {
	background-color: var(--color1);
	color: var(--color3);
}
#content-wrapper #js-active-search-filters {
	display: none;
}
#content-wrapper #js-product-list, 
#content-wrapper #js-product-list-top,
.home-star-products #js-product-list, 
.home-star-products #js-product-list-top,
.news-selection #js-product-list, 
.news-selection #js-product-list-top {
	padding-left: 0;
	padding-right: 0;
}
.products {
	margin-top: var(--medium-y);
	justify-content: center;
}
#content-wrapper .products {
	justify-content: flex-start;
}
.products, 
.home-star-products,
.news-selection {
	padding-bottom: 0!important;
}
.home-star-products,
.news-selection {
	justify-content: flex-start;
}
.products .product-flag, 
.home-star-products .products .product-flag,
.news-selection .products .product-flag {
	display: none;
}
.products .product-miniature, 
.home-star-products .products .product-miniature,
.news-selection .products .product-miniature {
	margin-bottom: 10vh;
	margin-left: var(--small-x);
	margin-right: var(--small-x);
}
.products .thumbnail-container, 
.home-star-products .products .thumbnail-container,
.news-selection .products .thumbnail-container {
	box-shadow: none;
	background-color: inherit;
}
.products .product-description, 
.home-star-products .products .product-description,
.news-selection .products .product-description {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	margin-top: var(--small-x);
	height: auto;
	border: var(--thick-border);
	background-color: var(--color1);
}
.products .product-title, 
.products .buy-button, 
.products .price-and-discount,
.home-star-products .products .product-title, 
.home-star-products .products .buy-button, 
.home-star-products .products .price-and-discount,
.news-selection .products .product-title, 
.news-selection .products .buy-button, 
.news-selection .products .price-and-discount {
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
}
.products .product-title, 
.home-star-products .products .product-title,
.news-selection .products .product-title {
	font-size: var(--small);
	margin: 0;
	color: var(--color3);
	font-weight: var(--semibold);
	width: 100%;
	text-align: left;
	border-bottom: var(--thick-border);
}
.products .product-title a, 
.home-star-products .products .product-title a,
.news-selection .products .product-title a {
	text-transform: none!important;
	font-size: var(--small);
}
.products .product-price-and-shipping, 
.home-star-products .products .product-price-and-shipping,
.news-selection .products .product-price-and-shipping {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.products .product-price-and-shipping form, 
.home-star-products .products .product-price-and-shipping form,
.news-selection .products .product-price-and-shipping form {
	line-height: 1;
}
.products .product-price-and-shipping .on-demand, 
.home-star-products .products .product-price-and-shipping .on-demand,
.news-selection .products .product-price-and-shipping .on-demand {
	font-size: var(--small);
	color: var(--color3);
	font-weight: var(--semibold);
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	text-align: center;
	text-transform: uppercase;
}
.products .buy-button,
.home-star-products .products .buy-button,
.news-selection .products .buy-button {
	font-size: var(--small);
}
.products .buy-button a,
.products .buy-button button, 
.products .price-and-discount,
.home-star-products .products .buy-button a, 
.home-star-products .products .price-and-discount,
.news-selection .products .buy-button a, 
.news-selection .products .price-and-discount {
	font-size: var(--small);
	color: var(--color3);
	font-weight: var(--semibold);
	border: none;
	box-shadow: none;
	background-color: inherit;
}
.products .buy-button a,
.products .buy-button button,
.home-star-products .products .buy-button a,
.news-selection .products .buy-button a {
	text-transform: uppercase;
}
.products .price-and-discount,
.home-star-products .products .price-and-discount,
.news-selection .products .price-and-discount {
	border-left: var(--thick-border);
}
.products .product-price-and-shipping .bootstrap-touchspin {
	display: none!important;
}
.products .price-and-discount .regular-price,
.home-star-products .products .price-and-discount .regular-price,
.news-selection .products .price-and-discount .regular-price {
	opacity: 0.5;
}

.products-selection .total-products, .products-selection h1 {
	display: none;
}


/* Pagination */

.pagination, .back-to-top {
	display: flex;
	padding: 0!important;
	justify-content: flex-end;
	box-shadow: none;
	margin: 0;
}
.pagination div:first-child {
	display: none;
}
.pagination .page-list {
	background-color: inherit;
	box-shadow: none;
	padding: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: var(--color3);
}
.pagination a, #content-wrapper .pagination .spacer {
	font-size: var(--medium);
	color: var(--color3);
	margin-left: var(--xs-x);
}
.pagination .current a {
	color: var(--color4);
	font-weight: var(--bold);
}
.pagination a i {
	font-size: var(--large1);
}
.back-to-top {
	margin-top: var(--medium-y);
	display: flex;
	align-items: baseline;
}
.back-to-top p, .back-to-top i {
	font-size: var(--m);
	color: var(--color4);
}
.back-to-top p {
	text-decoration: underline;
	font-weight: var(--regular);
}
.back-to-top i {
	margin-right: var(--xs-x);
}

/* PAGE STORES */

.category-title#stores {
	margin-top: -10vh;
}
.stores {
	padding-right: var(--giant-x)!important;
	padding-left: var(--giant-x)!important;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.store-img {
	width: 35vw;
	height: 35vw;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-position-y: center!important;
	margin-left: 2.5vw;
	margin-right: 2.5vw;
	margin-bottom: var(--medium-y);
}
.store-img#img1 {
	background: url('/img/stores/store1.png');
}
.store-img#img2 {
	background: url('/img/stores/store2.png');
	margin-top: 5vh;
}
.store-img#img3 {
	background: url('/img/stores/store3.png');
}
.store-img#img4 {
	background: url('/img/stores/store4.png');
	margin-top: 5vh;
}

.store-locator .card {
	background-color: inherit!important;
	box-shadow: none!important;
	padding: 0;
	border: none;
}
.store-locator .title_block {
	display: none;
}

/* PAGES PRODUIT */

.back-to-category, .back-to-shop {
	padding-bottom: var(--medium-y)!important;
	padding-top: 0!important;
}
.back-to-category a, .back-to-shop {
	display: flex;
}
.back-to-shop {
	align-items: center;
}
.back-to-category i, .back-to-category a p, .back-to-shop {
	font-weight: var(--regular);
  	color: var(--color3);
}
.back-to-category i, .back-to-shop i {
	font-size: var(--medium);
}
.back-to-category p {
	text-decoration: underline;
	font-size: var(--small);
}

.product-top {
	padding-top: 0!important;
	padding-bottom: var(--medium-y)!important;
}
.product-top .row {
	width: 100%;
}
.product-top .col-md-6 {
	padding: 0;
}
#product #content {
	max-width: none!important;
}
.product-top .images-container {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.product-top .images-container .product-cover {
	width: 35vw;
	display: flex;
	justify-content: flex-end;
	max-height: 60vh;
}
.product-top .images-container .product-cover .layer {
	display: none;
}
.product-top .images-container .js-qv-mask {
	width: auto!important;
	margin: 0!important;	
}
/*.product-top .images-container .js-qv-mask {
	display: flex;
	flex-direction: column;
	width: auto;
	margin: 0;
}*/
/*.product-top .images-container .js-qv-mask .scroll-box-arrows {
	background-color: var(--color5);
	border: var(--thick-border);
	height: 5vw;
	width: 5vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-top .images-container .js-qv-mask .scroll-box-arrows i {
	position: relative;
	bottom: inherit;
	height: auto;
	line-height: 1;
	transform: rotate(270deg);
	color: var(--color3);
}*/
.product-top .images-container .js-qv-mask .product-images {
	display: flex;
	flex-direction: column;
	width: 70%;
}
.product-top .images-container .js-qv-mask .product-images .thumb, .product-top .images-container .product-cover img {
	box-shadow: none;
	border: var(--thick-border);
	width: 5vw;
}

.product-top .product-title {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: flex-end;
	height: auto;
	border-bottom: var(--thick-border);
	padding-bottom: var(--small-y);
}
.product-top .product-title h1 {
	font-size: var(--large1);
	font-weight: var(--bold);
	color: var(--color4);
	margin: 0;
}
.product-top .product-title .ref {
	font-size: var(--medium);
	font-weight: var(--regular);
	color: var(--color3);
	margin-left: var(--small-x);
}
.product-top .on_demand {
	padding-top: var(--medium-y);
}
.product-top .on_demand a {
	color: var(--color3);
	text-decoration: underline;
	font-weight: var(--bold);
}
.product-top .on_demand button {
	background-color: var(--color4);
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	border: none;
	box-shadow: none;
}
.product-top .on_demand button a {
	color: var(--color5);
	text-decoration: none;
	text-transform: uppercase;
}
.product-top .product-details {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: var(--thick-border);
	font-size: var(--medium);
}
.product-top .product-details span {
	font-size: var(--small);
	color: var(--color3);
	font-weight: var(--semibold);
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	display: flex;
	align-items: center;
	border-right: var(--thick-border);
}
.product-top .product-details span:last-child {
	border-right: none;
	min-width: 18vw;
}
.product-top .product-details span p {
	font-size: var(--small);
	font-weight: var(--semibold);
	margin: 0;
}
.product-top .other-colors {
	margin-bottom: 0;
	margin-top: var(--medium-y);
}
.product-variants-item {
 	margin-top: 0!important;
 	margin-bottom: 0!important;
}

.product-variants .control-label {
	display: none;
}
.product-top .other-colors .color,
.product-variants span {
	border: var(--thick-border);
	box-shadow: none;
	height: 2rem;
	width: 2rem;
}

.french-flag {
	margin-left: var(--xs-x);
}
.french-flag svg {
	width: 5px;
	height: 10px
}
.french-flag #bleu {
	background-color: var(--flag-color1);
}
.french-flag #blanc {
	background-color: var(--flag-color2);
}
.french-flag #rouge {
	background-color: var(--flag-color3);
}

.product-top .dp_container {
	display: flex;
	margin-top: var(--medium-y);
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.product-top .dp_container .dp_field_container {
	display: flex;
	align-items: baseline;
	flex-direction: row-reverse;
}
.dp_tooltip {
	display: none;
}
.ui-widget-content {
	border: none;
	border-radius: 0;
}
 .dp_field_container .dp_input {
 	width: 4vw;
 }
 .ui-spinner-button {
 	border: var(--border)!important;
 	background-color: var(--color5)!important;
 	border-radius: 0!important;
 	color: var(--color3)!important;
 }
 .ui-spinner-button:hover {
 	color: var(--color3);
 	cursor: pointer;
 }
 .ui-icon {
 	background-color: var(--color5);
 }
 .dp_field_container label {
 	margin-left: var(--xs-x);
 	margin-right: var(--xs-x);
 	font-size: var(--small);
 	color: var(--color3);
 }
 .dp_loader {
 	position: relative;
	width: 20px;
	height: 20px;
	top: inherit;
	right: inherit;
 }

.product-top .product-prices div {
	margin: 0;
}
.product-top .product-prices {
	display: flex;
	align-items: center;
	margin-top: var(--medium-y);
	margin-bottom: 0;
}
.product-top .current-price span {
	font-size: var(--large1);
	color: var(--color3);
	font-weight: var(--bold);
}
.product-top .product-prices .tax-shipping-delivery-label {
	color: var(--color3);
	font-size: var(--small);
	font-weight: var(--medium);
	margin-left: var(--xs-x);
}
.product-top .product-add-to-cart .bootstrap-touchspin,
.cart-container .bootstrap-touchspin {
	box-shadow: none;
}
.product-top .product-add-to-cart .bootstrap-touchspin input {
	height: auto;
	width: auto;
}
.product-top .product-add-to-cart .bootstrap-touchspin input,
.cart-container .bootstrap-touchspin input,
.dp_field_container .dp_input,
.ui-icon {
	display: flex;
	font-size: var(--small)!important;
	color: var(--color3)!important;
	padding-top: var(--xs-y);
	padding-bottom: var(--xs-y);
	padding-left: var(--xs-x);
	padding-right: var(--xs-x);
	min-width: 0 !important;
	justify-content: center;
	align-items: center;
	border: var(--border)!important;
}
.cart-container .bootstrap-touchspin btn-touchspin {
	border-right: var(--border);
}
/*.product-top .product-quantity {
	margin-top: var(--medium-y);
}*/
.product-top .product-quantity .input-group-btn-vertical .btn {
	border: var(--border);
}
.product-top .product-quantity .input-group-btn-vertical .btn i {
	color: var(--color3);
}
.product-top .product-quantity .no-stock {
	font-size: var(--medium);
	font-weight: var(--medium);
	color: var(--color4);
	margin: 0;
}
.product-top .has-discount .discount, .product-top .social-sharing {
	display: none;
} 
.product-top #add-to-cart-or-refresh {
	display: flex;
	flex-direction: column;
	align-items: baseline;
}
.product-top .product-add-to-cart .add {
	margin: 0;
}
.product-top .product-add-to-cart .add button {
	box-shadow: none;
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	border-radius: 0;
	background-color: var(--color4);
	border: none;
	font-size: var(--medium);
}
.product-top .product-add-to-cart .add button:active {
	background-color: var(--color4);
	border-color: inherit;
}
.product-top .alternatives {
	display: flex;
	flex-direction: column;
}
.product-top .alternatives p, .product-top .alternatives a, .product-top .alternatives button {
	font-size: var(--small);
	color: var(--color3);
	margin: 0;
	border: none;
	box-shadow: none;
	background-color: inherit;
}
.product-top .alternatives p {
	font-weight: var(--regular);
}
.product-top .alternatives a, .product-top .alternatives button {
	padding: 0;
	margin-top: var(--xs-y);
	font-weight: var(--bold);
	text-decoration: underline;
}

.same-collection #js-product-list {
	padding: 0!important;
}
.same-collection .products {
	justify-content: flex-start;
}

.same-collection h3 {
	color: var(--color4);
}

/* Description */

section.product-description {
	padding-top: var(--medium-y)!important;
	padding-bottom: var(--medium-y)!important;
}
section.product-description h2, .product-features h2 {
	margin: 0;
	font-size: var(--medium);
	font-weight: var(--bold);
	color: var(--color4);
}
section.product-description p {
	margin: 0;
	margin-top: var(--small-y);
	font-size: var(--small);
	color: var(--color3);
}

.product-features {
	padding-top: var(--medium-y)!important;
	margin: 0;
}
.product-features .features-tab {
	padding: 0;
	margin-top: var(--small-x);
	display: flex;
	flex-direction: column;
	border: var(--thick-border);
}
.product-features .feature {
	padding: 0;
	display: flex;
	border-bottom: var(--thick-border);
}
.product-features .feature:last-child {
	border-bottom: none;
}
.product-features .feature-name, .product-features .feature-value {
	padding: 0;
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	font-size: var(--small);
	color: var(--color3);
}
.product-features .feature-name {
	border-right: var(--thick-border);
	font-weight: var(--regular);
	text-transform: uppercase;
	min-width: 30vw;
}
.product-features .feature-value {
	font-weight: var(--semibold);
}


/* AJOUT AU PANIER */

#blockcart-modal.fade.in {
	display: flex!important;
	justify-content: center;
	align-items: center;
}
#blockcart-modal.fade.in .modal-dialog {
	width: auto;
}
#blockcart-modal.fade.in .modal-content {
  background-color: var(--color1)!important;
  border: var(--thick-border);
  border-radius: 0!important;
  padding-top: 5vh;
  padding-bottom: 5vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-family: var(--font1);
}
#blockcart-modal .modal-header {
	border-bottom: var(--thick-border);
}
#blockcart-modal .modal-header, #blockcart-modal .modal-body {
	display: flex;
	justify-content: space-between;
	width: 100%;
	background-color: var(--color1);
	align-items: baseline;
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
}
#blockcart-modal .modal-header {
	flex-direction: row-reverse;
}
#blockcart-modal .modal-body {
	padding: 0;
}
#blockcart-modal .modal-body .row {
	width: 100%!important;
	margin: 0!important;
}
#blockcart-modal .modal-body .row .col-md-7, #blockcart-modal .modal-body .row .col-md-5 {
	padding-top: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
}
#blockcart-modal .modal-body .col-md-7 {
	display: flex;
	justify-content: flex-end;
}
#blockcart-modal .divide-right {
	border-right: var(--thick-border);
	padding-top: var(--small-y);
}
#blockcart-modal .cart-content {
	padding-top: var(--small-y);
}
#blockcart-modal .modal-header .close .material-icons {
	font-size: var(--medium);
	color: var(--color3);
}
#blockcart-modal .product-image {
	border: var(--thick-border);
}
#blockcart-modal .modal-title, 
#blockcart-modal .product-name, 
#blockcart-modal .product-price,
#blockcart-modal .modal-body .divide-right span,
#blockcart-modal .cart-content p .label,
#blockcart-modal .cart-content p .value {
	font-size: var(--medium);
	color: var(--color3);
}
#blockcart-modal .cart-content p.cart-products-count {
	font-size: var(--medium);
	font-weight: var(--bold);
	color: var(--color3);
}
#blockcart-modal .modal-title i.material-icons {
	color: var(--color4);
}
#blockcart-modal .product-total {
	background-color: inherit!important;
}
#blockcart-modal .product-total .label, #blockcart-modal .product-total .value {
	color: var(--color4)!important;
	font-weight: var(--bold)!important;
}
#blockcart-modal .cart-content .cart-content-btn {
	display: flex;
	justify-content: flex-end;
}
#blockcart-modal .cart-content .cart-content-btn .btn, #blockcart-modal .cart-content .cart-content-btn button {
	border-radius: 0;
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	box-shadow: none;
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color4);
	border: none;
	color: var(--color5);
	white-space: nowrap;
}


/* PANIER */

section.cart {
	padding-bottom: 0!important;
	padding-top: var(--medium-y)!important;
}
section.cart .cart-grid {
	margin: 0;
}
.card.cart-container, .cart-summary {
	box-shadow: none!important;
	border: var(--thick-border)!important;
	background-color: var(--color1)!important;
	border-radius: 0!important;
}
.card.cart-container .card-block {
	border-bottom: var(--thick-border);
}
.card.cart-container h1 {
	font-size: var(--medium);
	font-weight: var(--bold);
	color: var(--color4);
	text-transform: none;
}
.card.cart-container .product-image img {
	border: var(--thick-border);
}
.card.cart-container .product-line-info a, .card.cart-container .current-price span {
	font-size: var(--small);
	color: var(--color3);
}
.card.cart-container .product-price {
	font-size: var(--medium);
	color: var(--color3);
}
.card.cart-container .remove-from-cart i {
	font-size: var(--large2);
	color: var(--color3);
}
.cart-summary-line .label {
	font-size: var(--small);
	color: var(--color3);
	text-transform: uppercase;
}
.cart-summary-line .value {
	font-size: var(--medium)!important;
	font-weight: var(--medium)!important;
	color: var(--color3)!important;
}
.cart-summary-line {
	padding: 0!important;
	background-color: inherit!important;
}
.cart-total .label {
	color: var(--color4);
}
.cart-total .value {
	font-weight: var(--bold)!important;
	color: var(--color4)!important;
}
.checkout.cart-detailed-actions a {
	background-color: var(--color4);
	border-radius: 0;
	border: none;
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	box-shadow: none;
}
.cart .checkout .disabled {
	display: none;
}
.cart-overview .no-items {
	font-size: var(--small);
	color: var(--color3);
}

/* Métrage */

.dp_input_div {
  padding: 0;
  margin-top: var(--small-y);
}
.dp_input_div a {
	color: var(--color4);
	font-size: var(--small);
	text-decoration: underline;
}


/* COMMANDE REUSSIE */

section.order-confirmation .card-block {
	box-shadow: none;
	background-color: var(--color1);
}
#content-hook_order_confirmation {
	box-shadow: none;
	border: none;
	background-color: var(--color5);
}
#content-hook_order_confirmation h3, #content-hook_order_confirmation i {
	font-size: var(--medium);
	font-weight: var(--bold);
	color: var(--color4);
}
#content-hook_order_confirmation p {
	font-size: var(--small);
	font-color: var(--color3);
}
.page-order-confirmation, .definition-list {
	box-shadow: none;
	border: var(--border);
}
.page-order-confirmation h3, 
.page-order-confirmation span, 
.page-order-confirmation .col-xs-4,
.page-order-confirmation td,
.page-order-confirmation li {
	color: var(--color3)!important;
}
.page-order-confirmation .total-value {
	background-color: var(--color1)!important;
}
.definition-list a {
	color: var(--color4)!important;
}

/* FORMULAIRES CONNEXION / INSCRIPTION / MDP */

.ps-alert-success .item {
	border: none;
	background-color: var(--color4);
}
.ps-alert-success .item i {
	border-color: var(--color4);
}
.ps-alert-success .item i svg {
	background-color: var(--color4);
}
.alert-success {
	float: none;
	margin-bottom: 0;
}

.custom-radio input[type="radio"]:checked + span {
	background-color: var(--color4);
}

input::placeholder, textarea::placeholder {
  font-size: var(--small)!important;
  color: var(--color3)!important;
  opacity: 0.5!important;
}
.login-form, .register-form {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-form form, .password-recover form,
.register-form form,
#customer-form,
.address-form form,
.contact-form form,
.renew-password .container {
  padding-right: var(--big-x);
  padding-left: var(--big-x);
  border: var(--thick-border);
  padding-top: var(--medium-y);
  padding-bottom: var(--medium-y);
  border-color: var(--color4);
}
.login-form .form-group,
.password-recover .form-group,
.register-form .form-group,
#customer-form .form-group,
.address-form .form-group,
.contact-form .form-group,
.renew-password .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.login-form .form-group div,
.register-form .form-group div,
#customer-form div,
.address-form .form-group div,
.contact-form .form-group div {
  padding: 0;
}
.login-form .form-group input,
.password-recover .form-group input,
.register-form .form-group input,
#customer-form .form-group input,
.address-form .form-group input,
.address-form select,
.contact-form .form-group input,
.contact-form .form-group select,
.renew-password .form-group input {
  background-color: var(--color5);
  width: 30vw!important;
  border-radius: 0;
  border: var(--border);
  margin-bottom: 3vh;
  color: var(--color3);
}
.login-form .form-group label,
.password-recover .form-group label,
.register-form label,
#customer-form label,
.address-form label,
.contact-form label,
.renew-password label {
  width: inherit!important;
  max-width: none;
  flex: 0;
  font-weight: var(--semibold);
  color: var(--color3);
  font-size: var(--small);
  padding: 0;
  white-space:nowrap;
}
.login-form .forgot-password a,
.login-form .no-account a,
.account-link  {
  font-weight: var(--regular);
  color: var(--color3);
  font-size: var(--small);
  text-decoration: underline;
}
.login-form .form-footer,
.register-form .form-footer,
#customer-form .form-footer,
.address-form .form-footer,
.contact-form .form-footer {
  display: flex;
  margin-top: var(--medium-y);
}
.login-form .form-footer button,
.password-recover button,
.register-form button,
#customer-form button,
.address-form button,
.contact-form button,
.contact-form input[type="submit"] {
  background-color: var(--color4);
  color: var(--color1);
  border: none;
  box-shadow: none;
  font-size: var(--small);
}
.login-form .input-group-btn button,
.register-form .input-group-btn button,
#customer-form .input-group-btn button,
.address-form .input-group-btn button {
  background-color: inherit!important;
  color: var(--color3)!important;
  font-family: 'FontAwesome';
  font-size: var(--medium)!important;
  line-height: 1!important;
  border: none!important;
}

.forgotten-password button {
	background-color: var(--color4)!important;
	border: none!important;
	color: var(--color5)!important;
}
.password-recover form,
.address-form form {
  margin-top: var(--medium-y)!important;
}
.password-recover form p {
  padding: 0;
}

.renew-password .email {
	padding: 0;
	margin-bottom: var(--medium-y);
	font-size: var(--medium);
	color: var(--color3);
	font-weight: var(--semibold);
}
.renew-password .container-fluid {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0;
}
.renew-password label {
	margin: 0!important;
	margin-bottom: 3vh!important;
}
.renew-password .form-group input {
	margin-bottom: 0!important;
}
.renew-password [type="submit"] {
	margin-left: 0;
	background-color: var(--color4);
  color: var(--color5);
  border-radius: 0;
  border: none;
  box-shadow: none;
  font-size: var(--medium);
}

.register-form .form-control-valign,
#customer-form .form-control-valign {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--small-y)!important;
}
.login-form .js-parent-focus,
.register-form .js-parent-focus,
#customer-form .js-parent-focus {
  width: 30vw!important;
  display: flex;
}
.login-form .js-parent-focus.focus,
.register-form .js-parent-focus.focus,
#customer-form .js-parent-focus.focus {
  outline: none!important;
}
.register-form .form-control-valign label,
#customer-form .form-control-valign label {
  text-align: left;
}

/* FAQ */

.rte h1 {
	font-size: var(--large1);
	color: var(--color4);
	font-weight: var(--bold);
	margin-bottom: var(--medium-y);
}
.rte h2 {
	font-size: var(--large1);
	color: var(--color4);
	font-weight: var(--bold);
	margin-bottom: var(--medium-y);
}
.rte a {
	font-size: var(--small);
	color: var(--color4);
	font-weight: var(--regular);
	text-decoration: underline;
	margin-bottom: var(--xs-y);
}
.rte p {
	font-size: var(--small);
	font-weight: var(--regular);
	color: var(--color3);
	margin-bottom: var(--medium-y);
}

/* COMPTE CLIENT */

.customer-dashboard {
  padding-top: var(--medium-y);
  display: flex;
  justify-content: center;
}
.customer-dashboard .links {
  display: flex;
  flex-wrap: wrap;
}
.customer-dashboard .links a {
  border: var(--border);
  border-color: var(--color3);
  background-color: inherit;
  display: flex!important;
  flex-direction: row!important;
  justify-content: flex-start!important;
  align-items: center!important;
  padding: 0;
  margin: 0;
  padding-top: var(--small-y)!important;
  padding-bottom: var(--small-y)!important;
  padding-left: var(--small-x)!important;
  padding-right: var(--small-x)!important;
  flex: 0;
  max-width: none;
  /* min-width: 30vw; */
  margin-right: var(--small-x);
  margin-bottom: var(--small-y)!important;
}
.customer-dashboard .links a span {
  background-color: inherit!important;
  box-shadow: none!important;
  padding: 0!important;
  height: inherit!important;
  font-size: var(--small);
  text-transform: none;
  font-weight: var(--regular);
  display: flex!important;
  justify-content: center;
  align-items: center;
  white-space: nowrap!important;
}
.customer-dashboard .links a span i {
  color: var(--color3)!important;
  font-size: var(--medium)!important;
  width: auto!important;
  display: inline-block!important;
  padding: 0!important;
  margin-right: var(--small-x)!important;
}

section.logout i, .addresses-footer i {
  color: var(--color4);
}
section.logout a, .addresses-footer a span, .psgdprinfo17 a {
  font-weight: var(--regular)!important;
  color: var(--color4)!important;
  font-size: var(--medium)!important;
  text-decoration: underline;
}

#customer-form {
  margin-top: var(--medium-y);
}

.customer-address article,
.psgdprinfo17 {
  background-color: inherit!important;
  box-shadow: none!important;
  border: var(--border);
  border-color: var(--color3);
  color: var(--color3);
  font-size: var(--small);
  margin-top: var(--medium-y);
}
.customer-address article h4, .psgdprinfo17 h2 {
  color: var(--color3);
  font-size: var(--medium);
  font-weight: var(--semibold);
}
.customer-address article address, .psgdprinfo17 p {
  color: var(--color3);
  font-size: var(--small);
  font-weight: var(--regular);
}

.orders-history {
	margin-top: var(--medium-y);
}
.orders-history h6 {
	margin-bottom: var(--medium-y);
}
.orders-history th, .orders-history td {
	font-size: var(--small);
	color: var(--color3);
}
.orders-history td a {
	color: var(--color4);
}
.table-labeled .label {
	background-color: var(--color3)!important;
}
#order-infos {
	margin-top: var(--medium-y);
}
#order-infos .box, #order-history, .addresses .box, .box.hidden-sm-down, .box {
	background-color: var(--color1)!important;
	box-shadow: none!important;
	border: var(--thick-border)!important;
}
.order-message-form .form-footer {
	display: flex;
}
.order-message-form .form-footer button {
	background-color: var(--color4);
	box-shadow: none;
}

.psgdprinfo17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.psgdprinfo17 a {
	font-weight: var(--bold)!important;
  padding: 0!important;
  font-size: var(--small)!important;
  margin: 0!important;
  margin-top: var(--small-y)!important;
  background-color: inherit!important;
  border: none!important;
  box-shadow: none!important;
  text-transform: none!important;
}

/* FOOTER */

.pre-footer {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.pre-footer .feature {
	display: flex;
	align-items: baseline;
}
.pre-footer .feature i {
	margin-right: 1vw;
  color: var(--color4);
}
.pre-footer .feature p {
  color: var(--color4);
}
footer {
	background-color: var(--color4);
	display: flex!important;
	align-items: flex-start;
	padding-top: var(--big-y);
	padding-bottom: var(--big-y);
	padding-right: var(--big-x);
	padding-left: var(--big-x);
  justify-content: space-between;
  flex-wrap: wrap;
}
footer .column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
footer p {
	text-transform: uppercase;
}
footer p, footer a {
	color: var(--color5);
	font-size: var(--small);
	font-weight: var(--regular);
}

.credits {
	display: flex;
	justify-content: center;
	padding-top: var(--small-y)!important;
	padding-bottom: var(--small-y)!important;
	background-color: var(--color4)!important;
}
.credits p {
	color: var(--color5);
	font-size: var(--small);
	font-weight: var(--regular);
}
.credits p a {
	color: var(--color1);
	text-decoration: underline;
	font-weight: var(--bold);
}

/* ERREUR 404 */

.page-not-found {
	box-shadow: none!important;
	background-color: inherit!important;
	text-align: center;
}
.page-not-found h4 {
	font-size: var(--large1);
	font-weight: var(--bold);
	margin-bottom: var(--medium-y);
d}
.page-not-found p {
	font-size: var(--small);
	font-weight: var(--regular)
}
.page-not-found a {
	color: var(--color4);
	text-decoration: underline;
}

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

	body {
		overflow-x: hidden;
	}

  :root {
    --extralarge: 2.25rem;
    --big-y: 5vh;
  }

  .pre-nav {
    display: none;
  }
  .navbar-brand img {
    height: 4vh;
  }
  .full-logo.hidden-sm-up {
  	margin-left: -15vw;
  }
  .full-logo.hidden-sm-up img {
  	max-width: 35vw;
  }
  .search-widget form input[type="text"] {
  	min-width: 30vw;
  }

 	.carousel-control-prev i {
  	margin-left: -6.5vw;
  }
  .carousel-control-next i {
  	margin-right: -6.5vw;
  }


	.news-selection .products .product-miniature,
	.home-star-products .products .product-miniature {
  		margin-bottom: 0;
  	}
	.news-selection .products .product-description,
	.home-star-products .products .product-description {
		display: none;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		position: relative;
		margin-top: var(--small-x);
		height: auto;
		border: var(--thick-border);
		background-color: var(--color1);
		width: 30vw;
	}
	.news-selection .product-miniature .thumbnail-container .product-thumbnail,
	.home-star-products .product-miniature .thumbnail-container .product-thumbnail {
 		position:relative;
 		height:calc(100% - 70px);
 		width: 30vw;
	}
	.news-selection .product-miniature .thumbnail-container,
	.home-star-products .product-miniature .thumbnail-container {
 		position:relative;
 		height:70px;
 		width:30vw;
 		box-shadow: none;
	}
	.news-selection .product-miniature .thumbnail-container .product-thumbnail img,
	.home-star-products .product-miniature .thumbnail-container .product-thumbnail img {
 		position: relative;
	}
	.home-star-products h3, .home-star-products a {
		align-self: center;
	}
	.home-star-products a {
		font-size: var(--small);
	}

  .home-categories {
    padding-left: var(--big-x)!important;
    padding-right: var(--big-x)!important;
  }
  .home-categories a, .home-categories span {
    font-size: var(--extralarge);
  }
  .home-categories span {
    line-height: 1rem;
  }

  .home-slogan h4 {
    width: 50vw;
  }
  .home-slogan img {
  	max-height: 20vh;
  }

  .newsletter-container {
  	flex-direction: column;
  }
  .block-newsletter .newsletter-container p {
  	width: 100%;
  	border-right: var(--thick-border);
  }
 .block-newsletter form {
 	width: 100%;
 	margin-top: -2px;
 }
 .block-newsletter .newsletter-container p, .block-newsletter form {
	min-height: 20vh;
}
	.block-newsletter .newsletter-btn {
		min-width: 10vw;
	} 

  .presentation-block .text-block {
    height: auto!important;
  }
  .presentation-block .text-block .quote {
    margin-top: var(--small-y);
  }

  .chronology {
  	display: none!important;
  }
  .special-padding section {
  	padding-left: var(--big-x)!important;
  }

  .shops .map {
    width: 100%;
  }
  .shops .map .map-img {
     width: 100%;
     padding-top: 100%;
     height: auto;
     margin-bottom: var(--medium-y);
     background-size: cover;
  }
  .shops .shop-block {
    width: 100%;
  }

  .tdm-shops .split {
  	flex-direction: column;
  }
  .tdm-shops .split .shop-img {
  	padding-top: 50%;
  	width: 50%;
  	margin-bottom: var(--medium-y);
  }
  .tdm-shops .split .shop-infos {
  	width: 100%;
  	min-height: 50vh;
  }
  .tdm-shops .split .shop-infos .infos-top .info-line h4, 
  .tdm-shops .split .shop-infos .infos-top .info-line h5 {
  	min-width: 15vw;
  }
  .tdm-shops .numbers {
  	width: 100%;
  	justify-content: center;
  }

  .blog-posts li:first-child .post-img .post-infos h2 a {
    line-height: 1;
  }
  .punchline.conclusion h3 {
    text-align: center;
  }

  .sub-nav {
  	padding-right: var(--big-x);
  	padding-left: var(--big-x);
  }
  .sub-nav .menu-links {
  	flex-wrap: wrap;
  	justify-content: flex-start;
  	border: none;
  }
  .sub-nav .menu-links .nav-item {
  	border: var(--border);
  	margin-left: -1px;
  	margin-top: -1px;
  }
  .sub-nav .menu-links .nav-item:last-child {
  	border-right: var(--border)!important;
  }

  .category-title h1 {
  	font-size: var(--large2);
  }
  .category-title p {
  	font-size: var(--small);
  }
  #content-wrapper .products {
	justify-content: center;
	}
  .products-selection .sort-by-row {
  	margin-bottom: var(--medium-y);
  }
  .products-sort-order {
  	max-width: 40%!important;
  	padding-right: var(--big-x);
  }
  .products-sort-order .select-title {
  	max-height: 4vh;
  }
  .PM_ASBlockOutputVertical {
  	display: none;
  }
  .PM_ASBlockOutput.PM_ASMobileMode .PM_ASBlockTitle::after {
  	display: none;
  }
  .PM_ASBlockOutput.PM_ASMobileMode .card-block {
  	display: block;
  }
  .PM_ASCriterionsGroupList {
  	display: flex;
  	align-items: flex-start;
  	justify-content: space-between;
  }
  .PM_ASBlockOutputVertical .PM_ASCriterionsGroupTitle {
  	margin-top: 0;
  }
  .products .product-miniature, .home-star-products .products .product-miniature, .news-selection .products .product-miniature {
  	margin-bottom: var(--big-y);
  }
  .pagination a, #content-wrapper .pagination .spacer {
  	font-size: var(--small);
  }
  .back-to-top {
  	margin-right: var(--big-x);
  }
  .back-to-top p, .back-to-top i {
  	font-size: var(--small);
  }

  .product-top .row {
  	margin-left: 0;
  }
  .product-top .images-container .product-cover {
  	width: 65vw;
  }
  .product-top .images-container {
  	margin-bottom: var(--medium-y);
  }
  .product-top .images-container .js-qv-mask .product-images .thumb {
  	width: 15vw;
  }

  .login-form .form-group input,
  .password-recover .form-group input,
  .register-form .form-group input,
  #customer-form .form-group input,
  .address-form .form-group input,
  .address-form select,
  .contact-form .form-group input,
  .contact-form .form-group select {
    width: 100%!important;
  }

  .login-form .js-parent-focus,
  .register-form .js-parent-focus,
  #customer-form .js-parent-focus {
    width: 100%!important;
  }
  .login-form .js-parent-focus,
  .register-form .js-parent-focus,
  #customer-form .js-parent-focus {
    width: 90%!important;
  }

  .contact-options {
    flex-direction: column;
    align-items: center;
  }
  .contact-options .option {
    margin-bottom: var(--medium-y);
    min-width: 50vw;
  }
  .contact-options .modal-dialog {
    width: 100%!important;
  }

}

@media all and (max-width: 576px)
{
  :root {
    --small: 0.75rem;
    --medium: 1rem;
    --large1: 2rem;
    --large2: 1.5rem;
    --giant: 3rem;
    --small-y: 1vh;
    --small-x: 2vw;
    --medium-y: 3vh;
    --medium-x: 2vw;
    --big-y: 5vh;
    --big-x: 7.5vw;
    --giant-x: 10vw;
    --teaser-height: 80vh;
    --border: 1px solid var(--color3);
    --thick-border: 1px solid var(--color3);
    --flag-stroke: 0.75vh;
  }

  .pre-nav {
    height: 8vh;
    padding-top: 2vh;
  }
  .pre-nav img {
    max-height: 3vh;
  }
  .navbar-brand img {
    height: 4vh;
    width: auto;
  }
  .navbar-toggler {
    padding-top: 1vh!important;
    padding-bottom: 1vh!important;
    padding-left: 3vw;
    padding-right: 3vw;
    width: auto;
    height: auto;
  }
  .navbar-toggler i {
    font-size: var(--medium);
  }
  .search-in-menu {
    min-width: 30vw;
  }

  .jolisearch-results .categories {
  	display: none!important;
  }


  .home-slider a, .teaser a {
    margin-top: var(--medium-y);
  }

  .inline-france svg {
    width: 20px;
  }


  .instagram-carousel-container div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .instagram-carousel-container .clearfix {
    width: 100%;
  }
  .instagram-item {
    margin-top: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
    width: 100%!important;
  }
  .instagram-preview a {
    margin-top: 0;
  }

  .punchline h3 {
  	text-align: center;
  }

  .pre-footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .pre-footer p {
    font-size: var(--small);
  }
  .pre-footer i {
    margin-right: var(--small-x)!important;
  }
  footer .column {
    margin-bottom: var(--medium-y);
    margin-left: var(--small-x);
    margin-right: var(--small-x);
    min-width: 35vw;
  }
  footer .column p {
    margin-bottom: var(--small-y);
  }

  .product-zoom {
    flex-direction: column;
  }
  .product-zoom#produit2 {
  flex-direction: column;
}
  .product-zoom .big-picture {
    width: 100%;
    padding-top: 100%;
    margin-bottom: var(--medium-y);
  }
  .product-zoom .zoom {
    width: 100%;
  }

  .presentation-block {
    flex-direction: column;
  }
  .presentation-block.reverse {
    flex-direction: column;
  }
  .presentation-img {
    width: 100%!important;
    padding-top: 100%!important;
    margin-bottom: var(--medium-y);
  }
  .presentation-block .text-block {
    width: 100%;
    height: auto!important;
  }
  .presentation-block .text-block p {
    text-align: justify;
    margin-bottom: 0;
  }
  .presentation-block .text-block h2,
  .presentation-block .text-block h3,
  .presentation-block .text-block a {
    text-align: center;
  }
  .presentation-block .text-block a {
      margin-top: var(--medium-y);
  }
  .presentation-block .text-block h3 {
    margin-top: var(--medium-y);
  }

  .chronology {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    background-color: var(--color1);
    z-index: 1100;
    padding-left: var(--big-x);
    padding-right: var(--big-x);
    position: sticky;
    top: 15vh;
    box-shadow: 0px 3px 3px rgba(0, 0 ,0, 0.16);
    min-height: 11vh;
    padding-top: 0;
  }
  .chronology ul {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 0;
  }

  .intro a {
    text-align: center;
  }
  .shops {
    flex-direction: column;
  }

  .tdm-shops .split .shop-img {
  	width: 100%;
  	padding-top: 100%;
  }
  .tdm-shops .split .shop-infos {
  	min-height: inherit;
  }
  .tdm-shops .split .shop-infos #description {
  	display: none;
  }
  .tdm-shops .split .shop-infos .infos-top .info-line {
  	margin-top: -1px;
  }
  .tdm-shops .split .shop-infos .infos-top .info-line h4, 
  .tdm-shops .split .shop-infos .infos-top .info-line h5 {
  	min-width: 25vw;
  }
  .tdm-shops .numbers {
  	justify-content: flex-start;
  }
  .tdm-shops .numbers span {
  	padding-left: var(--small-x);
  	padding-right: var(--small-x);
  	margin-bottom: -1px;
  }

  .blog-posts li:first-child .post-img .post-infos {
    padding-right: calc(var(--big-x) * 2);
    padding-left: calc(var(--big-x) * 2);
  }
  .blog-posts {
    padding-right: 0;
    padding-left: 0;
    justify-content: center;
    flex-wrap: wrap;
  }
  .blog-post {
    width: 100%;
    margin-top: 0!important;
    margin-bottom: var(--medium-y);
  }
  .toolbar-paging nav {
    padding: 0!important;
  }

  .contact-options .option {
    width: 100%;
  }

  .product-top .row {
  	width: 100%;
  	flex-direction: column;
  }
  .product-top .col-md-6 {
  	max-width: none;
  }
  .product-top .images-container .product-cover {
  	max-height: 35vh!important;
  }
  .product-top .product-details span:last-child {
  	display: none;
  }


  #blockcart-modal.fade.in {
  	width: 90vw;
	margin-left: 5vw;
	margin-right: 5vw;
	margin-top: var(--big-y);
  }
  #blockcart-modal.fade.in .modal-dialog {
  	width: 100%;
  }
  #blockcart-modal.fade.in .modal-content {
  	padding-top: 0;
  }
  #blockcart-modal .modal-header {
  	border: none;
  }
  #blockcart-modal .product-image {
  	width: 50%;
  }
  #blockcart-modal .divide-right {
  	border: none;
  }
  #blockcart-modal .cart-content {
  	width: 100%;
  }
  #blockcart-modal .cart-content .cart-content-btn {
  	flex-wrap: wrap;
  	justify-content: center;
  }
  #blockcart-modal .cart-content .cart-content-btn .btn.btn-secondary {
  	margin-bottom: var(--small-y);
  }

}

@media (max-width: 1200px) {

  .search-in-menu {
  	width: 20vw!important;
    max-width: inherit!important;
  }

}