@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);
  --thick-border-4: 2px solid var(--color4);
  --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;
}
/* Dynamic product */

fieldset.dp_group{
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
    border: 0px solid #ddd !important;
    padding: 0px !important;
}
input.ui-spinner-input {
    width: 5vw;
    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;
}
.dp_tooltip_btn {
    display: none;
}
/* Désactiver notification */
#growls {
	display: none;
}
/* Désactiver les tris */

#js-product-list-top{
	display: none;
}

/* BANDEAU COOKIES */
.lgcookieslaw-reject-button-footer {
	border-color: #054250 !important;
	background:  #F6F1EB !important;
	color: #054250 !important;
}

.lgcookieslaw-button-footer {
	width: 49%;
	min-height: 50px;
}

.lgcookieslaw-banner-message-footer {
	width: calc(60% - 0.5rem);
	display: block;
	float: left;
}
.lgcookieslaw-button-container-footer {
    width: 40%;
    display: flex;
    justify-content: space-between;
    align-items: center;
	font-size: 1.143rem;
}

#lgcookieslaw_banner .lgcookieslaw-banner-message p {
    font-size: 1rem;
}
.lgcookieslaw-section-checkbox {
    padding: 10px 25px 20px 0px;
}
.lgcookieslaw-modal-body {
    border-top: 4px solid #f6f1eb;
}


/* BANDEAU COOKIES ANCIEN MODULE */
.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);
	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;
  display: flex;
  justify-content: center;
  align-content: center;
  position: fixed;
  /*top: var(--small-y);*/
  right: var(--big-x);
}
.navbar-toggler:hover {
	border-color: var(--color4)!important;
}
.navbar-toggler:focus {
	outline: none;
}
.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 {
	margin-left: calc(-1*(var(--big-x)))
}
.carousel-control-next i {
	margin-right: calc(-1*(var(--big-x)))
}
.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')
}
.home-slider .carousel .carousel-item .slide5 {
	background-image: url('/img/home-slider/slide5.jpg')
}
.home-slider .carousel .carousel-item .slide6 {
	background-image: url('/img/home-slider/slide6.jpg')
}
.home-slider .carousel .carousel-item .slide7 {
	background-image: url('/img/home-slider/slide7.jpg')
}
.home-slider .carousel .carousel-item .slide8 {
	background-image: url('/img/home-slider/slide8.jpg')
}
.home-slider .carousel .carousel-item .slideFds {
	background-image: url('/img/home-slider/slideFds.jpeg');
}
.home-slider .carousel .carousel-item .slideSoldes {
	background-image: url('/img/home-slider/slide-soldes.png')
}
.home-slider .carousel .carousel-item .slide9 {
	background-image: url('/img/home-slider/slide9.jpeg')
}
.home-slider .carousel .carousel-item .slide10 {
	background-image: url('/img/home-slider/slide10.jpg')
}
.home-slider .carousel .carousel-item .slide11 {
	background-image: url('/img/home-slider/slide11.jpg')
}
.home-slider .carousel .carousel-item .VAslide1 {
	background-image: url('/img/home-slider/image0.jpeg')
}
.home-slider .carousel .carousel-item .VAslide2 {
	background-image: url('/img/home-slider/image1.jpeg')
}
.home-slider .carousel .carousel-item .VAslide3 {
	background-image: url('/img/home-slider/image2.jpeg')
}
/* 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, #csinstagramfeed h3 {
	font-family: var(--font1);
  	color: var(--color4);
  	font-size : var(--medium);
  	font-weight: var(--bold);
  	margin-bottom: var(--medium-y);
}
#csinstagramfeed h3 a {
	color: var(--color4);
	text-decoration: underline;
}
.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#sacs {
	background: url('/img/home-categories/sacs.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 */

#csinstagramfeed {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#csinstagramfeed h3 {
	align-self: flex-start;
}
.instagram-feed {
	display: flex;
	justify-content: center;
	max-width: 80vw;
}
.bx-wrapper .bx-controls-direction a {
	top: 50%;
	width: 30px;
	height: 30px;
}
.bx-wrapper .bx-controls-direction a::before {
	font-size: 30px;
	color: var(--color4);
	line-height: 30px;
}
.bx-wrapper .bx-controls-direction a:hover::before {
	color: var(--color4);
}
.bx-prev {
	left: -5vw;
}
.bx-next { 
	right: -5vw;
}
.bx-prev::before {
	content: "\f053";
}
.bx-next::before {
	content: "\f054";
}

/* 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 .nc-slide1 {
	background-image: url('/img/collection-slider/nc-slide1.jpg')
}
.collection-slider .carousel .carousel-item .nc-slide2 {
	background-image: url('/img/collection-slider/nc-slide2.jpg')
}
.collection-slider .carousel .carousel-item .nc-slide3 {
	background-image: url('/img/collection-slider/nc-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/big-canape-mila.jpg')
}
.product-zoom#produit2 .big-picture {
  background-image: url('/img/zooms-produits/big-tamara.jpg')
}
.product-zoom#produit3 .big-picture {
  background-image: url('/img/zooms-produits/rideau-odeon.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/small-mila.jpg')
}
.product-zoom#produit2 .small-picture {
  background-image: url('/img/zooms-produits/small-tamara.jpg')
}
.product-zoom#produit3 .small-picture {
  background-image: url('/img/zooms-produits/tissu-odeon.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')
}
.presentation-block#confection .presentation-img {
  background-image: url('/img/sur-mesure/confection.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,
.dp_url {
  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');
}

/* Slider multiple */

.centered-section {
	justify-content: center;
}
.slider-3-cards {
	min-height: 40em;
	width: 100%;
	padding: 0;
	margin: 0!important;
	display: flex;
	justify-content: center;
	align-items: center;
}
.col-6.slider-title {
	padding-left: 0;
}
.col-6.slider-title h3 {
	font-family: var(--font2);
	font-size: var(--large2);
	font-weight: var(--regular);
	color: var(--color4);
	margin-bottom: var(--big-y);
}
.slider-3-cards .controls {
	position: absolute;
	width: 110%;
	display: flex;
	justify-content: space-between;
}
.slider-3-cards .controls .fas {
	font-size: 2.5em;
	color: var(--color4);
}
.slider-3-cards .carousel {
	box-shadow: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slider-3-cards .carousel .controls-top {
	position: absolute;
	display: flex;
	justify-content: space-between;
	width: 110%;
}
.slider-3-cards .carousel .controls-top i {
	color: var(--color4);
	font-size: 30px;
}
.slider-3-cards .carousel .carousel-inner {
	width: 100%;
	height: auto;
}
.slider-3-cards .carousel .card {
	box-shadow: none;
	border: none;
	background-color: transparent;
}
.slider-3-cards .carousel .card-img-top {
	height: 20em;
	border-radius: 0;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-position-y: center!important;
}
.slider-3-cards .carousel .card-body {
	margin-top: var(--small-y);
	padding: 0;
	background-color: var(--color1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.slider-3-cards .carousel .card-body .card-title {
	border: var(--thick-border);
	border-color: var(--color4);
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	margin: 0;
}
.slider-3-cards .carousel .card-body .card-title h4 {
	margin: 0;
	color: var(--color4);
	font-size: var(--medium);
	font-weight: var(--semibold);
	text-transform: uppercase;
	line-height: 1em;
}
.slider-3-cards .carousel .card-body .card-text {
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	border: var(--thick-border);
	margin-top: -2px;
	border-color: var(--color4);
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	text-overflow: ellipsis;
}
.slider-3-cards .carousel .card-body .card-text p {
	margin: 0;
	color: var(--color4);
	font-size: var(--small);
}
.slider-3-cards .carousel .card-body .card-button {
	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-color: var(--color4);
	margin-top: -2px;
}
.slider-3-cards .carousel .card-body .card-button a {
	color: var(--color4);
	font-size: var(--medium);
	font-weight: var(--semibold);
	text-transform: uppercase;
	margin: 0;
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }

	.slider-3-cards .carousel {
		flex-direction: column;
	}
	.slider-3-cards .controls {
		position: relative;
		width: 100%;
		justify-content: flex-start;
	}
	.slider-3-cards .controls .mb-3 {
		margin-bottom: var(--small-y)!important;
	}
	.slider-3-cards .controls .fas {
		font-size: 1.5em;
	}
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}




/* 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#canape .presentation-img {
  background-image: url('/img/fabrication-francaise/canape.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#terre .presentation-img {
  background-image: url('/img/fabrication-francaise/france-terre-textile.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');
}

.magasins {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.magasins h1 {
	font-family: var(--font2);
	color: var(--color4);
	font-size: var(--large2);
	font-weight: var(--regular);
	text-align: center;
	margin-bottom: var(--big-y);
}
.magasins .bloc {
	display: flex;
}
.magasins .carte {
	width: 50%;
	padding-right: calc(var(--big-x)/2);
}
#get-carte-width {
	padding:0;
	margin:0;
	border:0;
}
#carte-france{
	width: 100%;
}
#carte-position {
	position: relative;
}
.magasins .carte img {
	width: 100%;
	height: auto;
}
.magasins .carte img.sticky-col {
	position: fixed;
	top: 18vh;
	width: 45%;
}
.magasins .liste {
	width: 50%;
	padding-left: calc(var(--big-x)/2);
}
.magasins .liste h2 {
	font-family: var(--font2);
	font-size: var(--large2);
	font-weight: var(--regular);
	background: var(--color1);
	border-radius: 0;
	margin-top: -2px;
	border: var(--thick-border);
	color: var(--color4);
}
.magasins .liste span {
	background-color: var(--color1);
}
.magasins .liste .infos {
	padding: 0;
	background-color: var(--color1);
	height: auto!important;
}
.magasins .liste .infos a {
	color: var(--color4);
	font-size: var(--small);
	text-decoration: underline;
	font-weight: var(--regular);
}
.magasins .liste .description-image {
	display: flex;
	padding: 0;
	height: auto!important;
}
.magasins .liste .description-image .image {
	width: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('/img/st/1.jpg');
	border: var(--thick-border);
	margin-top: -2px;
	min-height: 200px;
	border-right: none;
}
.magasins .liste .description-image .description {
	width: 50%;
	border: var(--thick-border);
	margin-top: -2px;
	background-color: var(--color1);
	font-size: var(--small) !important;
	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;
}
.magasins .liste .description-image .description p {
	font-size: var(--small);
	font-weight: var(--semibold);
	margin: 0;
}
.magasins .liste .infos .adresse-tel div,
.magasins .liste .infos .horaires {
	background-color: var(--color1);
	padding-top: var(--small-y);
	padding-bottom: var(--small-y);
	padding-left: var(--small-x);
	padding-right: var(--small-x);
	border: var(--thick-border);
	margin-top: -2px;
}
.magasins .liste .infos .adresse-tel address,
.magasins .liste .infos .adresse-tel p,
.magasins .liste .infos .horaires p {
	font-size: var(--small);
	font-weight: var(--semibold);
	margin: 0;
	color: var(--color3);
} 
.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 !important;
  /* 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(--small-y)!important;
  margin-bottom: var(--small-y)!important;
  /* 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);
	 margin-bottom: 3vh;
 }
 .contact-form .group-span-filestyle {
	 width: auto;
	 vertical-align: top;
 }
 .contact-form .group-span-filestyle .btn {
	 background-color: var(--color4);
	 margin-left: 1vw;
	 font-weight: 600;
 }

/* 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,
#csoc-container .product-miniature .product-flag {
	display: none;
}
#csoc-container .product-miniature .highlighted-informations {
	display: none;
}
.products .product-miniature, 
.home-star-products .products .product-miniature,
.news-selection .products .product-miniature,
#csoc-container .pm-csoc-owl-item {
	margin-left: var(--small-x);
	margin-right: var(--small-x);
	margin-bottom: 10vh;
}
#csoc-container .pm-csoc-owl-item:first-child {
	margin-left: 0!important;
}
.cross-selling .products .product-miniature,
.pm-csoc-owl-item .product-miniature {
	margin-bottom: 10vh;
	margin-left: 0!important;
	margin-right: 0!important;
}
.cart-cross-selling {
	/*margin-top: var(--medium-y);*/
}
.products .thumbnail-container, 
.home-star-products .products .thumbnail-container,
.news-selection .products .thumbnail-container,
.pm-csoc-owl-item .thumbnail-container {
	box-shadow: none;
	background-color: inherit;
}
.products .product-description, 
.home-star-products .products .product-description,
.news-selection .products .product-description,
.cross-selling .product-description,
.pm-csoc-owl-item .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,
.cross-selling .price-and-discount,
.pm-csoc-owl-item .price-and-discount,
.pm-csoc-owl-item .product-title,
.pm-csoc-owl-item .buy-button {
	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,
.cross-selling .product-title,
.pm-csoc-owl-item .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,
.cross-selling .product-title a,
.pm-csoc-owl-item .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,
.cross-selling .product-price-and-shipping,
.pm-csoc-owl-item .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,
.pm-csoc-owl-item .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,
.pm-csoc-owl-item .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,
.pm-csoc-owl-item .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,
.pm-csoc-owl-item .buy-button a,
.pm-csoc-owl-item .buy-button button,
.pm-csoc-owl-item .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,
.pm-csoc-owl-item .buy-button a {
	text-transform: uppercase;
}
.products .price-and-discount,
.home-star-products .products .price-and-discount,
.news-selection .products .price-and-discount,
.pm-csoc-owl-item .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,
.pm-csoc-owl-item .price-and-discount .regular-price {
	opacity: 0.5;
}

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

/* Référence épuisée */

.thumbnail-container a.sold-out {
	opacity: 0.5;
}
.product-price-and-shipping .sold-out {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	text-transform: uppercase;
	font-size: var(--small);
	padding-bottom: var(--small-y);
	padding-top: var(--small-y);
	padding-left: var(--small-x);
	background-color: var(--color3);
	margin-bottom: 0;
	color: var(--color1);
}


/* 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-bottom: var(--medium-y);
}
#stores-sur-mesure .presentation-img {
	background: url('/img/stores/store1.jpg');
}
#stores-bateau .presentation-img {
	background: url('/img/stores/store2.jpg');
}
#parois-japonaises .presentation-img {
	background: url('/img/stores/store3.jpg');
}

#stores-sur-mesure h3, #stores-bateau h3, #parois-japonaises h3 {
	margin-top: var(--medium-y);
}

.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 figure.zoom {
	background-position: 50% 50%;
	position: relative;
	overflow: hidden;
	cursor: zoom-in;
	border: var(--thick-border);
}
.product-top figure.zoom img {
	transition: opacity .5s;
	display: block;
	width: 100%;
}
.product-top figure.zoom img:hover {
	opacity: 0;
}
.product-top figure.zoom:hover{
    background-size: 300%;
}
.product-top .images-container {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.product-top .images-container .product-cover {
	display: block;
	max-width: 35vw;
	height: auto;
	width: auto;
}
.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 .echantillon {
	margin-top: var(--medium-y);

}
.product-top .echantillon .bootstrap-touchspin {
	display: none;
}
.product-top .echantillon .fa-cut {
	font-size: 0.8em;
	color: var(--color3);
}
.product-top .echantillon button {
	font-size: var(--small);
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    font-weight: var(--bold);
    color: var(--color3);
    text-decoration: underline;
}
.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);
	display: flex;
	flex-wrap: wrap;
}
.product-top .other-colors a {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.product-top .other-colors .pop-over{
	position: absolute;
	margin-top: 3.75em;
	padding: 0.5em;
	font-size: 12px;
	font-weight: 600;
	background-color: var(--color2);
	color: var(--color3);
	border: var(--thick-border);
	line-height: 1;
}
.product-top .other-colors .my-color-pop-over{
	border: var(--thick-border-4)!important;
	color: var(--color4)!important;

}

.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;
}
.product-top .other-colors .my-color,
.product-variants span {
	border: var(--thick-border-4)!important; 
	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;
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.product-top .dp_container .dp_field_container {
	display: flex;
	align-items: baseline;
	flex-direction: row-reverse;
}
.add-to-cart-line {
	display: flex;
	justify-content: center;
	align-content: center;
}
.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;
}
/* Nico bouger le commander un echantillon */
.product-top .product-alternatives {
	display: flex;
	align-items: center;
	margin-top: var(--medium-y);
	margin-bottom: 0;
}
.product-top .product-alternatives {
	display: flex;
	flex-direction: column;
}
.product-top .product-alternatives p, .product-top .product-alternatives a, .product-top .product-alternatives button {
	font-size: var(--small);
	color: var(--color3);
	margin: 0;
	border: none;
	box-shadow: none;
	background-color: inherit;
}
.product-top .product-alternatives p {
	font-weight: var(--regular);
}
.product-top .product-alternatives a, .product-top .alternatives button {
	padding: 0;
	margin-top: var(--xs-y);
	font-weight: var(--bold);
	text-decoration: underline;
}
/* Fin Nicol */
.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 .quantity-warning {
	margin-top: var(--small-y);
	color: var(--color4);
	font-weight: var(--regular);
}
.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 .product-miniature.js-product-miniature,
.ets_mp_desktop_4 .product-miniature {
	margin-bottom: 0;
}

.same-collection, .cross-selling {
	padding-top: 0!important;
}
.cross-selling {
	padding-bottom: 0!important;
}
.same-collection #js-product-list {
	padding: 0!important;
}
.same-collection .pagination {
	display: none;
}
.same-collection .products, 
#csoc-container {
	justify-content: flex-start;
}
.same-collection h3 {
	color: var(--color4);
}

.cross-selling h3, #csoc-container h3 {
	color: var(--color4)!important;
}

#csoc-container .pm-csoc-owl-item, 
#csoc-container .pm-csoc-owl-wrapper-outer, 
#csoc-container .pm-csoc-owl-wrapper {
	width: auto!important;
}


/* 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);
}

/*  Module Cross-selling */

h4.ets_crosssell_title {
	color: var(--color4);
	font-size: var(--medium);
	font-weight: var(--bold);
	text-transform: none;
	border-bottom: none;
}
.ets_crosssell_block {
	margin-top: 0;
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.ets_crosssell_block ul.ets_cs_sub_categories {
	display: none;
}
#product .ets_mp_desktop_4 .product-miniature {
	padding: 0;
	width: 20%;
}

/* AJOUT AU PANIER */

#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: var(--small-y);
  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: center;
	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;
	display: flex;
	flex-direction: column;
}
#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);
	padding-bottom: var(--small-y);
	border-bottom: var(--thick-border);
}
#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;
}
#blockcart-modal .products .product-miniature {
	margin-right: 0;
	margin-left: 0;
	max-width: 270px;
}
#blockcart-modal .featured-products .products {
	justify-content: space-around;
}
#blockcart-modal .ets_crosssell_block {
	margin-top: var(--medium-y);
}
#blockcart-modal .ets_crosssell_nav_tabs {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
	justify-content: center;
}
#blockcart-modal .ets_crosssell_block .ets_crosssell_nav_tabs li {
	padding: 0;
}
#blockcart-modal .ets_crosssell_tab {
	font-family: var(--font1);
	font-size: var(--medium);
	font-weight: var(--bold);
	color: var(--color4);
}

/* 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);
}

.dp_cart.dp_seven_cart {
	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 .footer-subtitles {
	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);
}
.label-logo img {
	max-height: 13vh;
}
.label-footer-column {
	display: flex;
	flex-direction: row !important;
	max-width: 40vh;
	flex-wrap: wrap;
	gap: 10px;
}

/* 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);
}
.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) {
/* Désactivé par Nicolas car empêche le scroll infini sur petit écran */
	/* body {
		overflow-x: hidden;
	} */

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

  .pre-nav {
    display: none;
  }
  body#checkout #header .header-nav {
  	background-color: var(--color1)!important;
  }
  .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;
	} 

	#csinstagramfeed {
		padding-bottom: 0!important;
	}
	.instagram-feed {
		display: none;
	}
	#csinstagramfeed h3 {
		text-align: center;
	}

  .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%;
  }

  .magasins .bloc {
	  flex-direction: column;
	  align-items: center;
  }
  .magasins .bloc .carte {
	  padding-right: 0;
	  width: 100%;
  }
  .magasins .bloc .liste #accordion {
	  margin-top: var(--medium-y);
  }
  .magasins .bloc .liste {
	  padding-left: 0;
	  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 {
  	max-width: 220px;
  	max-height: 220px;
  }
  .product-top .images-container {
  	margin-bottom: var(--medium-y);
  }
  .product-top .images-container .js-qv-mask .product-images .thumb {
  	width: 10vw;
  }

  .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);
	--thick-border-4: 1px solid var(--color4);
    --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 {
  	padding-top: var(--medium-y);
  }
  footer .column {
  	margin-top: var(--medium-y);
    min-width: 42vw;
  }
  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;
  	justify-content: center;
  	align-content: center;
  }
  .product-top .col-md-6 {
  	max-width: 75vw;
  }
  .product-top .images-container .product-cover {
  	max-height: 62vw;
  	max-width: 62vw;
  }
  .product-details:nth-child(3) {
  	display: flex;
  	flex-direction: column;
  }
  .product-details:nth-child(3) span:first-child {
  	border-right: none;
  }
  .product-details:nth-child(3) span:last-child {
  	width: 100%;
  	border-top: var(--border)
  }
  .french-flag {
  	margin-left: var(--small-x);
  }

  .dp_field_container .dp_input {
  	width: 15vw!important;
   }

  #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);
  }
  #blockcart-modal .products .product-miniature {
	width: inherit;
}
  .product-line-actions {
	margin-top: var(--medium-y);
}

}

@media (max-width: 1200px) {

	.pre-nav {
		display: none;
	}

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

  .navbar-toggler {
  	top: 2vh;
  }

}

@media (min-width: 1400px) {

 	section {
 		padding-left: 10vw!important;
 		padding-right: 10vw!important;
 	}
 	.product-top .images-container .product-cover {
  		max-height: 32vw;
  		max-width: 32vw;
  }
  .blog-posts {
  	padding-left: 0;
  	padding-right: 0;
  	justify-content: center;
  }

  #blockcart-modal .modal-dialog {
	  max-width: 1500px;
  }

}

/* GESTION RESPONSIVE DE M/CM */

@media all and (max-width: 1000px) {
	.add-to-cart-line {
		flex-direction: column;
	}
	.dp_input_container .form-control {
		width: 5em;
	}
	.add-to-cart-line fieldset .dp_type_input:nth-child(2) {
		margin-right: 1em;
	}
	.slider-3-cards {
		max-width: 880px;
		margin-left: auto!important;
		margin-right: auto!important;
	}
}
/* ——— 1) Make sure borders don’t inflate width ——— */
.sub-nav .nav-item,
.sub-nav .nav-item-outlet {
  box-sizing: border-box;
}

/* ——— 2) OUTLET button styling ——— */
.sub-nav .nav-item-outlet {
  background-color: var(--color4);
  border: 1px solid var(--color4);
  border-left: none;      /* collapse the shared border with the previous item */
  border-radius: 0;       /* perfect rectangle */
  box-shadow: none;       /* sit flush with siblings */
  margin-left: 0;         /* undo any negative shift */
}

.sub-nav .nav-item-outlet .outlet-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0.5rem 0;       /* match your other items’ padding */
  color: var(--color5);    /* white text */
  font-weight: var(--bold);
  text-transform: uppercase;
}

/* ——— 3) Ghost‐style hover: transparent BG + blue border/text ——— */
.sub-nav .nav-item-outlet:hover {
  background-color: transparent !important;     /* nav’s off-white shows through */
  border-color: var(--color4) !important;       /* keep deep-blue border */
}

.sub-nav .nav-item-outlet:hover .outlet-link {
  color: var(--color4) !important;              /* deep-blue text */
}
/* ———— 1) Slide-down on load ———— */
@keyframes slideDown {
  from { transform: translateY(-100%); }
  to   { transform: translateY(0);    }
}
.anim-slideDown {
  animation: slideDown 0.6s ease-out forwards;
}

/* ———— 2) Bar Base Styling ———— */
#announcement-bar {
  position: relative;
  width: 100%;
  background: var(--color4);   /* deep-teal bg */
  color:      var(--color5);   /* light text */
  font-family: var(--font1);
  font-weight: var(--regular);
  font-size:   var(--small);
  box-shadow:  0 2px 6px rgba(0,0,0,0.2);
  text-align:  center;
}

/* ———— 3) Container & Link ———— */
#announcement-bar .announcement-content {
  display:        flex;
  align-items:    center;
  justify-content:center;
  padding:        0.6rem var(--big-x);
}
#announcement-bar a {
  display:      block;
  width:        100%;
  overflow:     hidden;     /* prevent wrapping */
  color:        inherit;
  text-decoration: none;
}
#announcement-bar a i {
  margin-left: 0.5rem;
  transition:  transform 0.3s ease;
}
#announcement-bar a:hover i {
  transform: translateX(6px);
}

/* ———— 4) Rotator (one-line clamp + fade) ———— */
#announcement-bar .rotator {
  position: relative;
  height:   1.6em;   /* clamp to one line */
  overflow: hidden;  /* hide off-screen spans */
}
#announcement-bar .rotator span {
  position: absolute;
  top: 0; left: 0; width: 100%;
  opacity: 0;
  line-height: 1.6em;
  animation: rotate 16s ease-in-out infinite;
}
/* stagger each by 4s */
#announcement-bar .rotator span:nth-child(1) { animation-delay:  0s; }
#announcement-bar .rotator span:nth-child(2) { animation-delay:  4s; }
#announcement-bar .rotator span:nth-child(3) { animation-delay:  8s; }
#announcement-bar .rotator span:nth-child(4) { animation-delay: 12s; }

@keyframes rotate {
  0%   { opacity: 0; }
  6%   { opacity: 1; }
  22%  { opacity: 1; }
  28%  { opacity: 0; }
  100% { opacity: 0; }
}

/* ———— 5) Responsive ———— */
@media (max-width: 768px) {
  #announcement-bar {
    font-size: 0.85rem;
  }
  #announcement-bar .announcement-content {
    padding: 0.5rem 1rem;
  }
}