/*
Theme Name: Biznet Template
Theme URI: http://underscores.me/
Author: Biznet
Author URI: http://www.biznet-emarketing.com
Description: Minimal and unstyled starter template
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Biznet Template is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 General
3.0 Header
4.0 Page
5.0 Footer
6.0 Widget
10.0 Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 General
--------------------------------------------------------------*/

@font-face {
	font-family: "Brusher";
	src: url("fonts/brusher-webfont.ttf") format("ttf"),
	url("fonts/brusher-webfont.woff") format("woff"),
	url("fonts/brusher-webfont.woff2") format("woff2");
}

@font-face {
	font-family: "Lemon";
	src: url("fonts/lemon_tuesday-webfont.ttf") format("ttf"),
	url("fonts/lemon_tuesday-webfont.woff") format("woff"),
	url("fonts/lemon_tuesday-webfont.woff2") format("woff2");
}


	/* HTML */
	
html {
	font-family: 'Dosis', sans-serif;
	color: black;
	font-size: 15px;
	padding: 0;
	margin: 0;
	font-weight: 600;
}

body {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: #33cccc;
	transition: all 0.2s ease-in-out;
}

h1 {
	font-family: "Brusher";
	font-size: 40px;
	font-weight: 500;
}

h2 {
	font-family: "Brusher";
	font-size: 50px;
	margin: 10px 0;
	padding: 0 20px;
	text-align: center;
	font-weight: 500; 
	position: relative;  
}

/*h2:before {
	content: "";
	position: absolute;
	width: 140px;
	height: 140px;
	background-image: url(img/title.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}*/

h2 span.small {
	font-size: 30px;
	display: block;
}

#commentcafonctionne h2, 
#nosavantages h2 {
	line-height: 40px;
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
}

.link_product h2, .wrapper_inspi h2 {
	line-height: 40px;
}

#commentcafonctionne h2:before {
	top: -82px;
	left: -53px;
}

#nosavantages h2:before {
	top: -88px;
	right: -45px;
	transform: rotate(45deg);
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 19px;;
}

h5 {
}

p {
}

ul {
	padding: 0 0 0 23px;
}

ol {
}

li {
	list-style: circle;
}

blockquote {
}

img {
}

em {
	font-size: 13px;
}

b, strong {
	font-weight: bold;
	position: relative;
}

b:after, strong:after, .sub_title:after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 8px;
	background-color: #b7dee8;
	border-radius: 8px;
	z-index: -1;
}

	/* WordPress */
	
.gallery {
	display: flex;
	flex-flow: row wrap;
}

.gallery figure {
	margin: 5px;
}

.gallery a {
	display: block;
}

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone, .wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

::placeholder {
	color:black;
}

/* Class */

.small {
	font-size: 12px;
}

.clear {
	clear: both;
}

.link {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: block;
}

.btn-bandeau {
	color: black;
	font-size: 20px;
	transition: all 0.3s ease-in-out;
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	padding: 0 20px;
	margin: 10px 0;
	box-sizing: border-box;
}

.btn-bandeau span {
	color: #33cccc;
}

.btn-bandeau img {
	display: block;
	margin: 0 auto;
}

.btn-bandeau:hover {
	transform: translateX(-50%) scale(1.03);
}

.btn {
	position: relative;
	border: 2px solid black;
	border-radius: 12px;
	padding: 5px 16px;
	background-color: transparent;
	-webkit-appearance: none;
	font-size: 14px;
	display: block;
	margin: 0 auto;
	font-weight: 700;
	color: black;
}

/* after des boutons + animations */

.current-lang a, .picto_menu img, #social > div {
	position: relative;
	border: 2px solid black;
	border-radius: 12px;
	padding: 3px;
}

.current-lang a {
	border-radius: 10px!important;
}


/*Rectangle bleu des boutons*/
.current-lang a:after, 
.picto_menu:after, 
.search-form:after, 
.navbar a:after, 
#social > div:after, 
.bloc_price:after,
.panier:after,
.product_panier:after,
.filter_btn:after,
.search-tab:after,
#home_filter .submit:after,
.number_choose:after,
.submit_pack:after,
.btn:after,
.choose_add a:after,
.choose_add_recap:after,
.wpcf7-form-control-wrap:after,
.submit_cart:after,
.login-submit:after,
.favori.active:after,
.input_after:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background-color: #b7dee8;
	z-index: -1;
	transition: all 0.3s ease-in-out;
}

.navbar a:after {
	background-color: white;
}


.filter_btn:after, .favori.active:after, .login-submit:after, .input_after:after {
	background-color: rgb(255, 192, 0);
}

.choose_add a:after, .choose_add_recap:after {
	background-color: #eaebff;
}

/*Animation rectangle bleu des boutons*/
#menu_location:hover .picto_menu:after, 
.picto_menu:hover:after,
#lang li:hover a:after, 
.search-form:hover:after, 
.navbar a:hover:after, 
#social > div:hover:after, 
.bloc_price:hover:after,
.panier:hover:after,
.product_panier:hover:after,
.filter_btn:hover:after,
.search-tab:hover:after,
#home_filter .submit:hover:after,
.number_choose:hover:after,
.submit_pack:hover:after,
.choose_add a:hover:after,
.choose_add_recap:hover:after,
.btn:hover:after,
.wpcf7-form-control-wrap:hover:after,
.submit_cart:hover:after,
.login-submit:hover:after,
.favori.active:hover:after, 
.input_after:hover:after {
	top: 0;
	left: 0;
}

.navbar a:hover:after {
	background-color: #b7dee8;
}


#menu_right > a:hover span {
	bottom: -25px;
	opacity: 1;
}

/* Animations */

#primary-menu .sub-menu, #menu_right span, .picto_menu, .picto_menu img, #logo img, #menu a, .navbar a:after, .navbar a, #masthead {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

/*--------------------------------------------------------------
MENU
--------------------------------------------------------------*/
#masthead {
	position: fixed;
	padding: 10px 10px 0;
	width: 100%;
	box-sizing: border-box;
	top: 0;
	height: 97px;
	z-index: 10;
}

#masthead:after {
	content: "";
	background-image: url(img/trait-vert.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 20px;
	width: 100%;
	position: absolute;
	top: 86px;
	left: 0;
	z-index: -1;
	transition: all 0.2s ease-in-out;
}

#masthead:before {
	content: "";
	background-color: white;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: all 0.2s ease-in-out;
}

#menu {
	display: flex;
	justify-content: center;
	position: relative;
	transform: translateY(-53px);
	z-index: -1;
}

#menu:before {
	content: "";
	position: absolute;
	top: 79px;
	left: 0;
	width: 100%;
	height: 20px;
	background-image: url(img/trait-vert.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
}

#masthead #logo {
    position: relative;
    top: -9px;
}

#masthead.scrollPlus #logo {
    top: 0px;
}

#logo img {
	width: 100%;
	max-width: 240px;
}

#menu_left, #menu_right {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	z-index: 101;
	height: 60px;
	position: relative;
}

#menu_right {
	float: right;
}

#menu_left {
	float: left;
}

#lang {
	padding: 0;
	display: flex;
	flex-flow: row nowrap;
	margin: 0;
}

#lang li {
	list-style: none;
	margin: 0 5px;
}

#lang li a {
	text-transform: uppercase;
	padding: 4px;
	color: black;
}

.menusearch {
	margin: 0 20px;
}

.picto_menu {
	text-align: center;
	margin: 0px 15px;
	position: relative;
	display: block;
}

.picto_menu img {
	max-width: 28px;
	display: block;
	
}

#menu_location {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	max-width: 200px;
	width: 100%;
	text-align: left;
	font-size: 12px;
}

#menu_location .time {
	font-weight: 600;
	font-size: 16px;
}

#menu_location > div {
	position: relative;
}

#menu_location, #wishlist, #user, #basket {
	position: relative;
	color: black;
}

#number_basket {
	font-size: 11px;
    padding: 3px 5px 2px;
    position: absolute;
    top: -11px;
    right: 7px;
    background-color: #fcc100;
    display: inline-block;
    margin: 0;
    border-radius: 6px;
    z-index: 1;
    border: 2px solid black;
}

#wishlist span, #user span, #basket span {
	margin: 0;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	bottom: -35px;
	width: 80px;
	text-align: center;
	opacity: 0;
}

/* Search form */

.search-form {
	position: relative;
	margin: 0 20px;
}

.search-form .screen-reader-text {
	display: none;
}

.search-form .search-submit {
	background-color: transparent;
	font-size: 0;
	color: transparent;
	height: 100%;
	width: 38px;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
}

.search-form .search-field {
	padding: 6px 32px 6px 16px;
	background-color: transparent;
	outline: none;
	font-size: 13px;
	color: black;
	width: 130px;
	border: 2px solid black;
	border-radius: 13px;
	background-image: url('img/finder.png');
	background-size: 24px 24px;
	background-position: right 10px center;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
}

.search-form .search-field:focus {
	width: 150px;
}

.search-form .search-field::placeholder {
	color: black;
}

/***********************************/

#mega_menu {
	padding: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: baseline;
	position: fixed;
	top: 0;
	margin: 8px 0 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 864px;
	z-index: 100;
	padding-left: 70px;
}

#mega_menu > div {
	transform: translateY(15px);
}

#mega_menu li {
	list-style: none;
}

#mega_menu > li > a {
	color: black;
	font-size: 18px;
	margin: 0 10px;
	position: relative;
}

#mega_menu li a.active_menu {
	color: #6ed7c1;
}

#mega_menu > li > a:after {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 100%;
	height: 9px;
	background-color:#b7dee8;
	border-radius: 8px;
	z-index: -1;
	transition: all 0.2s ease-in-out;
	opacity: 0;
}

#mega_menu > li:hover > a:after {
	opacity: 1;
}

#mega_menu > li:hover .sub-menu {
	display: block;
}

#mega_menu .sub-menu {
	padding: 0;
	position: absolute;
	top: 100%;
	left: 14px;
	width: 300px;
	border-top: 10px solid transparent;
	display: none;
}


#mega_menu .sub-menu a {
	color: black;
	font-size: 16px;
	display: block;
	padding: 6px 34px 6px 27px;
	background-color: white;
	position: relative;
}



#mega_menu .sub-menu > li > a:after {
	content: "";
	background-position: center;
	background-size: cover;
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	background-image: url(img/arrow-menu.png);
}

#mega_menu .sub-sub-menu a, #mega_menu .sub-sub-sub-menu a {
	position: relative;
}

#mega_menu .sub-sub-menu > li > a:after, #mega_menu .sub-sub-sub-menu > li > a:after {
	background-image: url(img/arrow-menu-white.png);
	content: "";
	background-position: center;
	background-size: cover;
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
}


#mega_menu .sub-menu li > a:hover {
	color: #b7dee8;
}

.sub-sub-menu {
	display: none;
	position: absolute;
	left: 300px;
	padding: 0;
	top: 0;
	width: 267px;
	height: 100%;
	background-color: #73bcc3;
	padding-top: 32px;
	box-sizing: border-box;
}

#mega_menu .sub-sub-menu a {
	background-color: #73bcc3;
	color: white;
}


.sub-sub-sub-menu {
	display: none;
	position: absolute;
	left: 267px;
	padding: 0;
	top: 0;
	width: 268px;
	height: 100%;
	background-color:#209494;
	padding-top: 32px;
	box-sizing: border-box;
	padding-left: 16px;
}

#mega_menu .sub-sub-sub-menu a {
	background-color:#209494;
}

#mega_menu .item {
	padding: 10px;
	margin: 0;
	font-size: 18px;
	background-color: #b7dee8;
	text-align: center;
}

#mega_menu .other {
	position: relative;
}

#mega_menu .other .sub-menu {
	border-right: 0px solid transparent;
	left: 0;
}

#mega_menu .other .sub-menu > li > a:after {
	content: none;
}

#mega_menu .discover {
	color: #006666!important;
	text-align: center;
	font-size: 16px!important;
}

#mega_menu .discover:hover {
	color: #b7dee8!important;
}

#mega_menu .sub-menu > li > a.active {
	background-color: #73bcc3 ;
}

#mega_menu .sub-sub-menu > li > a.active {
	background-color: #209494 ;
}


#masthead.scrollPlus {
	box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.2);
	padding: 0;
	/*height: 97px;*/
}

#masthead.scrollPlus:after {
	content: none;
}

.scrollPlus #logo img {
	width: 100%;
	max-width: 150px;
}

.scrollPlus #mega_menu {
	top: 3px;
}

.scrollPlus #mega_menu > div {
	transform: translateY(3px);
}

.scrollPlus #mega_menu .sub-menu {
	border-top: 9px solid transparent;
}

.scrollPlus #logo {
	top: 0;
}

.scrollPlus .picto_menu img {
	max-width: 22px;
}

.scrollPlus .search-form .search-field {
	padding: 4px 32px 4px 16px;
}

.scrollPlus #lang li a {
	font-size: 13px;
}


/************************************
POP UP MESSAGE
/************************************/

#message {
	position: fixed;
    z-index: 12;
    width: 90%;
    max-width: 500px;
    background-color: white;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 16px;
    box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.1);
    transition: all 0.4s ease-in-out;
    margin: 0 auto;
    box-sizing: border-box;
    color: black;
	padding: 10px;
	font-size: 15px;
	display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

#message #texte {
	padding: 3px 20px;
}

#close_message {
	position: absolute;
    right: 8px;
    top: 8px;
    width: 15px;
    cursor: pointer;
    padding: 7px;
}

#message a {
	display: block;
    max-width: 120px;
    width: 100%;
    border: 2px solid black;
    border-radius: 10px;
    color: black;
    padding: 4px 12px;
    margin-top: 7px;
    font-size: 13px;
    margin-left: auto;
	margin-right: auto;
	position: relative;
	transition: all 0.3s ease-in-out;
}

#message a:after {
	content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-color: #b7dee8;
    z-index: -1;
	transition: all 0.3s ease-in-out;
}

#message a:hover:after {
	top: 0;
    left: 0;
}


#message.open {
	bottom: 10px;
}

.message_picto {
	position: absolute;
    left: -15px;
    top: 50%;
    display: flex;
    width: 35px;
    height: 35px;
    background: #b7dee8;
    border-radius: 10px;
    border: 2px solid black;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    padding: 3px;
    box-sizing: border-box;
}

#message.success {
	background-color:rgb(93, 218, 147);
}


#message.success .message_picto:after {
	content: "";
    background-image: url(img/success.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

#message.error {
	background-color:rgb(255, 124, 124);
}

#message.error .message_picto:after {
	content: "";
    background-image: url(img/error.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

#message.info {
	background-color: rgb(85, 191, 218);
}

#message.info .message_picto:after {
	content: "";
    background-image: url(img/info.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}




/************************************
POP UP LOCATION
/************************************/

/** Close button **/

.close-button {
	display: block;
	width: 40px;
	height: 40px;
	position: relative;
	overflow: hidden;
	position: absolute;
	right: 30px;
	top: 23px;
}
.close-button > div {
	position: relative;
}
.close-button-block {
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
}
.close-button-block:before, .close-button-block:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(55% - 4px);
	display: block;
	width: 4px;
	height: 25px;
	-webkit-transform-origin: bottom center;
			transform-origin: bottom center;
	background: black;
	transition: all ease-out 280ms;
}
.close-button-block:last-of-type {
	-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
}
.close-button .in .close-button-block:before {
	transition-delay: 280ms;
	-webkit-transform: translateX(20px) translateY(-20px) rotate(45deg);
			transform: translateX(20px) translateY(-20px) rotate(45deg);
}
.close-button .in .close-button-block:after {
	transition-delay: 280ms;
	-webkit-transform: translateX(-22px) translateY(-22px) rotate(-45deg);
			transform: translateX(-22px) translateY(-22px) rotate(-45deg);
}
.close-button .out {
	position: absolute;
	top: 0;
	left: 0;
}
.close-button .out .close-button-block:before {
	-webkit-transform: translateX(-5px) translateY(5px) rotate(45deg);
			transform: translateX(-5px) translateY(5px) rotate(45deg);
}
.close-button .out .close-button-block:after {
	-webkit-transform: translateX(5px) translateY(5px) rotate(-45deg);
			transform: translateX(5px) translateY(5px) rotate(-45deg);
}
.close-button:hover .in .close-button-block:before {
	-webkit-transform: translateX(-5px) translateY(5px) rotate(45deg);
			transform: translateX(-5px) translateY(5px) rotate(45deg);
}
.close-button:hover .in .close-button-block:after {
	-webkit-transform: translateX(5px) translateY(5px) rotate(-45deg);
			transform: translateX(5px) translateY(5px) rotate(-45deg);
}
.close-button:hover .out .close-button-block:before {
	-webkit-transform: translateX(-20px) translateY(20px) rotate(45deg);
			transform: translateX(-20px) translateY(20px) rotate(45deg);
}
.close-button:hover .out .close-button-block:after {
	-webkit-transform: translateX(20px) translateY(20px) rotate(-45deg);
			transform: translateX(20px) translateY(20px) rotate(-45deg);
}

/****************/



#mask_pop_up {
	background-color: black;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11;
	position: fixed;
	transition: all 0.2s ease-in-out;
}

#pop_up_loc {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	z-index: 12!important;
	width: 90%;
	max-width: 900px;
	background-color: #b7dee8;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	border-radius: 45px;
	box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.1);
	transition: all 0.4s ease-in-out;
	margin: 0 auto;
	box-sizing: border-box;
}

#pop_up_loc.visible {
	opacity: 1;
	visibility: visible;
	top: 50%;
}

#mask_pop_up.visible {
	opacity: 0.7;
	visibility: visible;
}

#content_pop_up {
	padding: 20px;
}

#content_pop_up h3 {
	text-align: center;
	margin: 15px;
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
}

#content_pop_up h3:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 11px;
	background-color: #76e4c8;
	border-radius: 8px;
	z-index: -1;
}

/****************************************
RANGE
****************************************/

.mois {
	text-align: center;
	font-size: 20px;
	position: relative;
}

.mois input {
	font-size: 50px;
	margin-right: 14px;
	width: 74px;
	display: inline-block;
	text-align: center; 
	border: none;
	border-bottom: 2px solid black;
	background-color: transparent;
}

.mois input::-webkit-outer-spin-button,
.mois input::-webkit-inner-spin-button,
.quantite-input::-webkit-outer-spin-button,
.quantite-input::-webkit-inner-spin-button, 
#quantite::-webkit-outer-spin-button,
#quantite::-webkit-inner-spin-button, 
#value_cart::-webkit-outer-spin-button,
#value_cart::-webkit-inner-spin-button, 
#location #value_pop_up::-webkit-outer-spin-button,
#location #value_pop_up::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.mois input[type=number], #location input[type=number] {
	-moz-appearance: textfield; /* Firefox */
}

.wrapper_range {
	position: relative;
}

#minus, #maxus {
	position: absolute;
	display: block;
	padding: 10px;
	font-size: 50px;
	top: -34px;
	cursor: pointer;
	user-select: none;
}

#minus {
	left: 55px;
}

#maxus {
	right: 55px;
}

.trait_noir {
	display: block;
	width: 68%;
	margin: 0 auto;
	height: 4px;
	background-color: black;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.trait_noir:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 10px;
	width: 10px;
	background-color: black;
}

.trait_noir:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 10px;
	width: 10px;
	background-color: black;
}




input[type=range]{
	-webkit-appearance: none;
	width: 65%;
	padding: 0 50px;
	height: 33px;
	background: white;
	border-radius: 20px;
	margin: 24px auto 0;
	display: block;
	transition: all 0.2s ease-in-out;
}

input[type=range]::-webkit-slider-runnable-track {
	width: 300px;
	margin: 0 auto;
	border: none;
}

input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	background: url(img/cursor.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: none;
	height: 50px;
	width: 50px;
	position: relative;
	z-index: 3;
}

input[type=range]:focus {
	outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: transparent;
}

.wrapper_submit {
	position: relative;
	width: auto;
	height: auto;
	display: inline-block;
	margin: 41px auto 0;
	left: 50%;
	transform: translateX(-50%);
}

.search-tab {
	display: block;
	width: 234px;
	position: relative;
	margin: 10px 0;
}

select {
	border: 2px solid black;
	border-radius: 12px;
	padding: 5px 13px;
	background-color: #b7dee8;
	font-size: 16px;
	display: block;
	margin: 8px 0;
	width: 100%;
}



input[type=submit], #reInit {
	position: relative;
	border: 3px solid black;
	border-radius: 19px;
	padding: 6px 32px;
	background-color: transparent;
	-webkit-appearance: none;
	font-size: 22px;
	display: block;
	margin: 0;
}

.wrapper_submit:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 100%;
	height: 100%;
	border-radius: 19px;
	background-color:#76e4c8/*rgb(255, 192, 0)*/;
	z-index: -1;
	transition: all 0.3s ease-in-out;
}


.wrapper_submit:hover:after {
	top: 0px;
	left: 0px;
}

/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/

.wrapper_header {
	padding-top: 120px;
    padding-bottom: 369px;
    position: relative;
}

.bg_header {
	background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px!important;
    position: relative;
}

.bg_header:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 150px;
	background-image: url(img/brush.png);
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	z-index: 1;
}

.slider_header {
	position: absolute!important;
	width: 100%;
	top: 87px;
	left: 0;
	z-index: 0;
}

.slider_header .slick-slide {
	margin: 0;
}

.content_header {
	z-index: 1;
	position: relative;
	padding: 20px;
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

.content_header h1 {
	font-family: 'Dosis', sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	max-width: 640px;
	margin: 0 auto 20px;
	font-weight: 600;
}

.content_blocs {
	align-items: stretch;
}

.filter_header {
	position: absolute;
    display: flex;
    justify-content: flex-end;
    padding: 41px 94px 20px 20px;
    width: auto;
    right: -24px;
    top: 75px;
}


#home_filter {
	position: absolute;
    z-index: 1;
    right: 0;
    transform: translate(-29%,-50%);
    top: 50%;
}

#home_filter h2 {
	font-size: 34px;
	position: relative;
	margin-bottom: 0;
}

#home_filter h2:after {
	content: "";
	background-image: url(img/bandeau_titre_header.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	top: -48px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	width: 160px;
    height: 48px;
}

#home_filter .sub_title {
	font-size: 18px;
	margin: 7px 0;
}

#home_filter .personnalisation {
	width: 88%;
	position: relative;
}

#home_filter .personnalisation .wrapper_range {
	border-top: 0;
	margin-bottom: 13px;
}

#home_filter .personnalisation .mois {
	position: absolute;
	right: -48px;
	top: 50%;
	transform: translateY(-50%);
}

#home_filter ul {
	display: flex;
	flex-flow: row nowrap;
	margin: 0 0 14px;
}

#home_filter ul li {
	list-style: none;
}

#home_filter ul li a {
	color: black;
	margin: 0 36px 0 0;
	font-size: 16px;
	font-weight: 700;
	position: relative;
}


#home_filter ul li a.active:after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 6px;
	background-color: #b7dee8;
	border-radius: 8px;
	z-index: -1;
}

#home_filter .search-form {
	margin: 10px 0;
}

#home_filter .search-form .search-field {
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
}

#home_filter input[type=submit] {
	position: relative;
	border: 2px solid black;
	border-radius: 15px;
	padding: 6px 32px;
	background-color: transparent;
	-webkit-appearance: none;
	font-size: 16px;
	display: block;
}

#home_filter .submit {
	display: inline-block;
	margin-top: 20px;
	position: absolute;
	right: -40px;
	bottom: 10px;
}


.content_bloc {
	background-color: #b7dee8;
	padding: 20px;
	border-radius: 50px;
	max-width: 300px;
	width: 100%;
	text-align: center;
	margin: 0px 10px;
	box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.1);
	position: relative;
}

.content_bloc:before {
	content: "";
	position: absolute;
	top: -7px;
	left: -18px;
	width: 60px;
	height: 60px;
	background-image: url(img/forme1-top.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.content_bloc:after {
	content: "";
	position: absolute;
	bottom: -7px;
	right: -18px;
	width: 60px;
	height: 60px;
	background-image: url(img/forme1-bottom.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.content_bloc p {
	font-size: 18px;
}

.content_bloc h2 {
	font-size: 34px;
}

.content_bloc h2:before {
	content: none;
}





/******** NAVBAR RIGHT ********/

.navbar {
	position: fixed;
	top: 50%;
	right: -200px;
	padding: 0;
	z-index: 10;
	transition: all 0.3s ease-in-out;
}

.navbar.show {
	right: 50px;
}

.navbar img {
	position: absolute;
	right: -50px;
	top: -103px;
	z-index: -2;
}


.page-template-template-nousconnaitre .navbar img {
	top: -64px;
}

.navbar li {
	text-align: right;
	list-style: none;
	margin: 5px 0;
	position: relative;
}

.navbar a {
	border: 2px solid black;
	border-radius: 12px;
	padding: 5px 10px;
	text-align: center;
	display: inline-block;
	position: relative;
	color: black;
}

.current_ssmenu {
	background-color: #b7dee8
}

/* dots */

.navbar li:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -34px;
	width: 20px;
	height: 20px;
	background-color: #b7dee8;
	border-radius: 50%;
	z-index: -1;
}

.navbar li:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -30px;
	width: 8px;
	height: 8px;
	background-color: #ffc000;
	border: 2px solid black;
	border-radius: 50%;
}

/*--------------------------------------------------------------
HOME SECTION
--------------------------------------------------------------*/

.home .entry-header {
	display: none;
}

section {
	padding: 0 20px;
	margin: 40px auto 10px;
}

#front-page {
	
}

.wrapper_blocs {
	max-width: 1500px;
	width: 90%;
	box-sizing: border-box;
}

.wrapper_blocs h3 {
	color: white;
	font-weight: 500;
	text-align: center;
	margin: 0;
	padding: 20px 0px;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	position: relative;
}

.wrapper_blocs h3 b {
	text-transform: uppercase;
	font-size: 30px;
	display: block;
	font-weight: 500;
}

.wrapper_blocs h3 b:after {
	content: none;
}

.wrapper_blocs h3:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 3px;
	background-color: white;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

.wrapper_blocs h3:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 6px;
	background-color: white;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

.bloc:hover h3:after {
	top: -20px;
}

.bloc:hover h3:before {
	bottom: -20px;
}

.col {
	display: flex;
}

.bloc {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 5vw 0;    
	margin: 0 5px 10px;
	display: flex;
	justify-content: center;
	flex-grow: 1;
	align-items: center;
	transition: all 0.3s ease-in-out;
}


.bloc:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	transition: all 0.3s ease-in-out;
}

.bloc:hover:after {
	background-color: rgba(0,0,0,0);
}

#row_1, #row_2, #row_3 {
	display: flex;
	flex-flow: row nowrap;
	align-content: center;
}

#row_1 .bloc {
	width: 50%;
}

#row_2 > .col:nth-of-type(1) {
	width: 35%;
	display: flex;
}

#row_2 > .col:nth-of-type(2) {
	width: 65%;
	flex-flow: column;
}

#row_3 > .col {
	width: 40%;
}

#row_3 > .col:first-child {
	width: 30%;
	display: flex;
	flex-grow: 1;
}

#row_3 > .col:nth-of-type(2) {
	flex-flow: column;
}

#row_3 > .col:nth-of-type(3) {
	flex-grow: 1;
	flex-flow: column;
}


/********************************************/

#section3 {
	margin-bottom: 0;
}

.etapes {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

.etapes > div {
	max-width: 263px;
    width: 100%;
    text-align: center;
    position: relative;
    margin: 30px 5px;
    transition: all 0.3s ease-in-out;
    cursor: default;
}

.etapes > div:nth-of-type(1):after, .etapes > div:nth-of-type(2):after {
	content: "";
    position: absolute;
    top: -61px;
    right: -66px;
    width: 120px;
    height: 120px;
    background-image: url(img/arrow.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
}

.etapes > div:nth-of-type(3):after {
	content: "";
	position: absolute;
	top: 0;
	right: -66px;
    width: 120px;
    height: 120px;
	background-image: url(img/arrow2.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
}

.etapes > div:hover h3 {
	color: #33cccc;
}

.etapes > div:hover > img {
	transform: translateX(-50%) scale(0.9);
}

.etapes > div h3 {
	text-transform: uppercase;
	z-index: 1;
	position: relative;
	margin-bottom: 55px;
	transition: all 0.2s ease-in-out;
}

.etapes > div > img {
	position: absolute;
	left: 50%;
	bottom: -70px;
	transform: translateX(-50%) scale(0.8);
	transition: all 0.2s ease-in-out;
}

.etapes > div:last-of-type > img {
	bottom: -45px;
}

.etapes > div > div {
	background-color: #b7dee8;
	border-radius: 50px;
	padding: 10px;
	height: 220px;
	display: flex;
	font-size: 18px;
	align-items: center;
	position: relative;
	box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.1);
}

.etapes > div > div p {
	margin-top: 0;
}

.etapes > div > div:after {
	content: "";
	position: absolute;
	height: 106px;
	width: 106px;
	top: -42px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #b7dee8;
	border-radius: 50%;
}

.etapes > div > div:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 50px;
	font-family: "Lemon";
	color: black;
	z-index: 1;
	font-weight: 700;
}

.etapes > div:nth-of-type(1) > div:before {
	content:"1";
}
.etapes > div:nth-of-type(2) > div:before {
	content:"2";
}
.etapes > div:nth-of-type(3) > div:before {
	content:"3";
}
.etapes > div:nth-of-type(4) > div:before {
	content:"4";
}

#mention {
	text-align: center;
	margin: 70px auto 20px;
	padding: 0 20px;
	max-width: 700px;
	width: 100%;
	box-sizing: border-box;
}

#mention h4 {
	margin: 0;
}

/********************************************/

#wrapper_avantages {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	margin: 10px 0;
	text-align: center;
}

.col_avantage {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	text-align: center;
	align-items: center;
}

.col_avantage > div {
	width: 100%;
	max-width: 400px;
	text-align: center;
	margin: 20px;
	box-sizing: border-box;
}

#wrapper_avantages h3 {    
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

#wrapper_avantages > div:nth-child(1) {
	width: 100%;
	max-width: 750px;
	margin: 10px;
	box-sizing: border-box;
	position: relative;
}



#wrapper_avantages img {
	max-width: 150px;
	width: 100%
}


#row_content {
	display: flex;
	flex-flow: row nowrap;
}

#row_content div {
	padding: 0 15px;
}

/*--------------------------------------------------------------
Pages
--------------------------------------------------------------*/

#primary {
	margin-top: 140px;
}

.entry-header {
	text-align: center;
}

.entry-content, .single-blog article, .blog_cat {
	max-width: 1000px;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	box-sizing: border-box;
}

.blog_cat {
	text-align: center;
}

.blog_cat .btn {
	display: inline-block;
	margin: 5px 10px;
}

.blog_cat .btn.current:after {
	background-color: rgb(255, 192, 0);
}

.single-blog article img {
	max-width: 100%;
	height: auto;
}

.post-type-archive-blog .product_image, .tax-thematique .product_image {
	height: 180px;
	background-size: cover;
}

.post-type-archive-blog #articles_presse .product_image {
	background-size: contain;
}

.post-type-archive-blog #dossier_presse .products {
	text-align: center;
}

.post-type-archive-blog #dossier_presse img {
	width: 30%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.post-type-archive-blog #dossier_presse .content_product {
	border: none;
}

.single-blog article h2 {
    font-size: 34px;
	text-align: initial;
	padding: 0;
}

.single-blog .entry-meta {
	background-color: #ebebff;
	border-radius: 20px;
	padding: 10px 20px;
	margin: 15px 0;
}

.post-type-archive-blog .entry-meta, .tax-thematique .entry-meta {
	margin: 8px 0;
	font-size: 13px;
}

.single-blog .entry-post-nav {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin: 0 20px 30px;
}

.page-template-template-nousconnaitre #main {
	max-width: 1300px;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	box-sizing: border-box;
}

/*.page-template-template-nousconnaitre .navbar {
	right: 50px;
	top: 52%;
}*/

.page-template-template-nousconnaitre section {
	margin: 70px auto 10px;
}

#concept > div:first-of-type  {
	max-width: 1000px;
	margin: 0 auto;
}

#petitehistoire, #avisclient  {
	max-width: 1000px;
}

#avisclient .aligncenter  {
	margin: 25px auto -8px auto;
}

#pourqui {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

.pourqui_blocs {
	background-color: #b7dee8;
	border-radius: 20px;
	padding: 20px;
	margin: 10px;
	text-align: center;
	width: 20%;
	box-sizing: border-box;
	align-self: stretch;
	box-shadow: 0px 0px 20px -1px rgba(0,0,0,0.1);
	transition: all 0.2s ease-in-out;
}

.pourqui_blocs:hover {
	transform: scale(1.02);
}

.pourqui_blocs h2 {
	font-family: 'Dosis', sans-serif;
	font-size: 22px;
	font-weight: 700;
	padding: 0;
	position: relative;
}
.page-template-template-nosengagements h2 {
	font-family: 'Dosis', sans-serif;
	font-size: 25px;
}

#nosvaleurs {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

#nosvaleurs {
	margin-top: 0;
}

#nosvaleurs > div {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}


#texte_fontionne {
	text-align: center;
	padding: 50px 100px 0;
}


.wrapper_engagements:first-of-type {
	width: 100%;
	padding: 0 15%;
	margin: 0 auto;
}

.wrapper_engagements {
	width: 25%;
	text-align: center;
	margin: 20px;
}

.wrapper_engagements img {
	max-width: 120px;
}

.wpcf7-form input, .wpcf7-form textarea {
	border: 2px solid black;
	border-radius: 12px;
	padding: 5px 16px;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	background-color: transparent;
}

.wpcf7-form-control-wrap {
	display: block;
}

.wpcf7-form {
	max-width: 600px;
	margin: 30px auto;
	width: 100%;
}

.wpcf7-form input[type=submit] {
	font-size: 16px;
	transition: all 0.2s ease-in-out;
}

.wpcf7-form input[type=submit]:hover {
	background-color: #b7dee8;
}

.wpcf7-form .small {
	font-size: 11px;
	text-align: center;
}

div.wpcf7-mail-sent-ok {
	border: 0;
	text-align: center;
	color: #5ed05e;
	font-size: 16px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border: 0;
	text-align: center;
	color: #f00;
	font-size: 16px;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 13px;
	font-weight: 600;
}

#container_faq {
    display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.wrapper_question {
	width: 48%;
	margin: 5px;
}

.wrapper_question h3 span {
    margin-left: 10px;
    font-size: 27px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-59%);
	display: block;
	transition: all 0.2s ease-in-out;
}

.wrapper_question h3 {
	font-size: 20px;
    background-color: #b7dee8;
    border-radius: 7px;
    padding: 15px 30px 15px 20px;
	margin: 0;
	position: relative;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.wrapper_question h3:hover {
	box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.1);
}

.wrapper_question h3:hover span {
	transform: translateY(-59%) scale(1.1);
}

.reponse {
	display: none;
	padding: 0 29px 36px;
}




/*--------------------------------------------------------------
CATALOGUE PRODUITS --> archive.php
--------------------------------------------------------------*/

.page-header { /* aussi pour taxonomy-inspirations */
	text-align: center;
}

.page-title,  .entry-title { /* aussi pour taxonomy-inspirations */
	margin-bottom: 5px;
	padding: 0 20px;
}

.page-title span { /* Pour taxonomy-inspirations */
	font-family: 'Dosis', sans-serif;
	font-size: 21px;
}

.archive_flex {
	display: flex;
	flex-flow: row nowrap;
	align-items: start;
	max-width: 1600px;
	width: 95%;
	margin: 0 auto 0;
	justify-content: space-between;
}

.archive .product_flex, .blog .product_flex, .search .product_flex {
	width: 83%;
	justify-content: left;
}

#product_orderby {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-end;
	padding: 10px 0 0;
}

#prouct_orderby_select {
	width: auto;
	font-size: 14px;
	margin-left: 8px;
	padding: 2px 6px;
}

.product_flex .products {
	width: 29%;
	margin: 30px 2.1% 20px;
}

.pagination {
	text-align: center;
	margin: 50px 0 15px;
}

.page-numbers {
	position: relative;
	border: 2px solid black;
	border-radius: 9px;
	padding: 3px;
	font-size: 18px;
	width: 23px;
	height: 20px;
	display: inline-block;
	margin: 0 3px;
	color: black;
}

.page-numbers:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background-color: #b7dee8;
	z-index: -1;
	transition: all 0.3s ease-in-out;
}

.page-numbers:hover:after {
	top: 0;
	left: 0;
}

.page-numbers.current:after {
	background-color: rgb(255, 192, 0);
}

.page-numbers.next, .page-numbers.prev {
	display: initial;
	font-size: 16px;
	border: 0;
	transition: all 0.2s ease-in-out;
}

.page-numbers.next:hover, .page-numbers.prev:hover {
	color: #b7dee8;
}

.page-numbers.next:after, .page-numbers.prev:after {
	content: none;
}

/*--------------------------------------------------------------
FILTRE --> archive.php
--------------------------------------------------------------*/

.filtre {
	display: block;
	width: 100%;
	max-width: 250px;
	margin-top: 40px;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
	border-right: 1px solid #e0e0e0;
	margin-right: 38px;
}

.filtre ul {
margin: 0;
}

.filtre .sub_title {
	margin: 0;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: -20px;
}

.sub_filtre {
	font-weight: 700;
	position: relative;
	display: inline-block;
	font-size: 16px;
	margin: 8px 0;
	cursor: pointer;
}

.sub_filtre img {
	width: 14px;
	transform: rotate(-90deg);
	margin: 0 4px;
	transition: all 0.2s ease-in-out;
}

.sub_filtre.opened img {
	transform: rotate(0);
}

#couleurs div img {
	width: 28px;
	transition: all 0.2s ease-in-out;
}

#couleurs div img:hover {
	opacity: 0.7;
}

#couleurs div {
	padding-left: 10px;
}


/**/

.check-label {
	width: 100%;
	box-sizing: border-box;
	font-size: 15px!important;
	margin: 7px 0;
	padding: 2px 0 5px 46px;
	position: relative;
	display: block;
	color: black!important;
	transition: all 0.2s ease-in-out;
}

.check-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 10px;
	height: 21px;
	width: 23px;
	border-radius: 3px;
	border: 2px solid black;
	border-radius: 9px;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
}

.checkmark:after {
	content: '';
	position: absolute;
	display: none;
	left: 6px;
	top: -3px;
	width: 23px;
	height: 23px;
	background-image: url(img/checked.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.checkmark:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 100%;
	height: 100%;
	border-radius: 7px;
	background-color: white;
	z-index: -1;
	transition: all 0.3s ease-in-out;
}

.check-label:hover input ~ .checkmark:before {
	top: 0;
	left: 0;
}

.check-label input:checked ~ .checkmark:before {
	background-color:rgb(255, 192, 0);
}

.check-label input:checked ~ .checkmark:after {
	display: block;
}

/**/

.colors_label {
display: inline-block;
position: relative;
padding: 0;
margin: 0;
cursor: pointer;
font-size: 22px;

}

.colors_label input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

.checkmark_2 {
	position: absolute;
	top: 6px;
	left: 6px;
	height: 0;
	width: 0;
	background-color: #eee;
	border-radius: 50%;
	display: block;
}

.colors_label:hover input ~ .checkmark_2 {
background-color: #ccc;
}

.colors_label input:checked ~ .checkmark_2 {
background-color: #b7dee8;
height: 16px;
width: 16px;
}

.checkmark_2:after {
content: "";
position: absolute;
display: none;
}


.colors_label input:checked ~ .checkmark_2:after {
display: none;
}


/**/

#matieres .check-label {
	padding: 0;
	width: auto;
	margin: 0 12px 42px 12px;
	font-size: 13px!important;
	cursor: pointer;
	display: inline-block;
}

#matieres .checkmark {
	position: relative;
	top: 0;
	left: 0;
	height: 32px;
	width: 32px;
	padding: 3px;
	display: block;
}

#matieres .check-label .name {
	opacity: 1;
	visibility: visible;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.2s ease-in-out;
	text-align: center;
}

#matieres .check-label:hover .name {
	opacity: 1;
	visibility: visible;
}

#matieres .checkmark:after {
	content: none;
}

/**/

#wrapper_filter_btn {
	position: sticky;
	bottom: 0;
	margin: 0 auto;
	width: 90%;
	background-color: white;
    padding: 10px;
}

.sub_filtre_container {
	display: none;
}


.filter_btn {
	position: relative;

}

.filter_btn input {
	font-size: 16px!important;
	border-radius: 14px!important;
	width: 100%;
}

.filter_btn #reInit {
	font-size: 14px;
	border-radius: 14px!important;
	color: black;
	text-align: center;
	margin-top: 10px;
	border: 2px solid black;
	display: none;
}


/*--------------------------------------------------------------
FICHE PRODUIT
--------------------------------------------------------------*/

article {
	transition: all 0.2s ease-in-out;
}

article h2:before {
	content: none;
}

#breadcrumbs {
	max-width: 1500px;
	margin: 0 auto 10px;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}

.wrapper_produit {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.wrapper_gallery, .product_info  {
	width: 47%;
}

.product_info h1 {
	font-family: 'Dosis', sans-serif;
	font-size: 25px;
	font-weight: 600;
}

.container_product_gallery {
	position: relative;
}

/*.product_gallery {
	box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.1);
}*/

.nav_gallery {
	margin-top: 25px;
	padding: 0 80px;
}

.product_gallery .images {
	height: 320px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.images_thumb {
	height: 110px!important;
	width: 100px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid lightgray;
	margin: 0 10px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.images_thumb:hover {
	opacity: 0.5;
}

.slick-prev, .slick-next {
	position: absolute;
	width: 25px;
	height: 25px;
	left: 0;
	top: 50%;
	cursor: pointer;
	background-image: url(img/arrow-menu.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	font-size: 0;
	color: transparent;
	z-index: 1;
	background-color: transparent;
	border: none;
}

/*.slick-prev:after, .slick-next:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0px;
	width: 24px;
	height: 15px;
	border-radius: 7px;
	background-color: #b7dee8;
	z-index: -1;
	transition: all 0.3s ease-in-out;
}*/

.slick-prev {
	transform: translate(50%, -50%) rotate(180deg);
}

.slick-next {
right: 22px;
left: auto;
background-image: url(img/arrow-menu.png);
transform: translateY(-50%);
}

.slick-disabled {
	opacity: 0.5;
}

.product_info h1 {
	margin: 0;
}

.product_info .des {
	margin: 5px 0;
}

.product_info .pack {
	margin-top: 0;
	margin-bottom: 5px;
}

.product_info .pack span {
	color: #00cc99;
}

.ref {
	border: 2px solid black;
	border-radius: 12px;
	padding: 5px 10px;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
}

.sub_title {
	font-size: 21px;
	position: relative;
	display: inline-block;
	margin: 24px 0 11px;
}

.wrapper_personnalisation {
	display: flex;
	flex-flow: row wrap;
}

.personnalisation {
	width: 55%;
    margin-right: 10px;
    box-sizing: border-box;
}

.wrapper_panier {
	width: 40%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}


.promo.content {
	font-size: 15px;
	margin: 0 0 5px;
}

.promo.content:after {
	height: 6px;
}

.promo {
	margin: 10px 0;
	position: relative;
	display: inline-block;
	font-size: 20px;
}

.promo span {
	font-weight: 700;
}

.promo:after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 8px;
	background-color: #6fd8c2;
	border-radius: 8px;
	z-index: -1;
}

.personnalisation li {
	font-size: 18px;
	position: relative;
	padding-left: 12px;
	list-style: none;
}

.personnalisation li:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	border: 2px solid black;
	border-radius: 3px;
	width: 3px;
	height: 5px;
	background-color: #b7dee8;
}

.personnalisation li span {
	font-size: 12px;
}

.personnalisation input[type=range] {
	width: 100%;
	padding: 0 32px;
	height: 26px;
	background: #b7dee8;
	border-radius: 14px;
	margin: 0;
	box-sizing: border-box;
}


.personnalisation input[type=range]::-webkit-slider-runnable-track {
	width: 300px;
	margin: 0 auto;
	border: none;
}

.personnalisation input[type=range]::-webkit-slider-thumb {
	height: 30px;
	width: 30px;
}

.personnalisation .trait_noir {
	width: 89%;
	height: 2px;
	top: calc(50% + 5px);
}

.personnalisation .mois {
	width: 50px;
	margin: 0;
	padding-top: 5px;
	line-height: 8px;
	font-size: 16px;
	display: inline-block;
}

.personnalisation .mois input {
	font-size: 22px;
	border: none;
	margin: 0;
	width: 100%;
}

.personnalisation .mois span {
	font-size: 20px;
}

.personnalisation .mois span:after {
	content: none;
}

.wrapper_submit {
	position: relative;
	width: auto;
	height: auto;
	display: inline-block;
	margin: 41px auto 0;
	left: 50%;
	transform: translateX(-50%);
}

.personnalisation .wrapper_range {
	position: relative;
	padding-top: 10px;
	margin-top: 2px;
	border-top: 2px solid #f7f7f7;
}

.select_couleur {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	border-top: 2px solid #f7f7f7;
	margin: 2px 0 8px;
	padding: 5px 0 0;
}

.personnalisation .select_couleur {
	margin-bottom: 15px;
}

.select_couleur li:after {
	content: none;
}

.select_couleur li {
	padding-left: 0;
}

.select_couleur li a {
	display: block;
	position: relative;
}

.select_couleur a.disable img {
	opacity: 0.4;
}

.select_couleur a:hover .tooltip {
	display: block;
}

.select_couleur li a.active:after {
	content: "";
	background-color: #b7dee8;
	width: 15px;
	height: 15px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 20px;
}

.select_couleur li img {
	width: 22px;
	display: block;
	margin: 2px 3px;
}

.bloc_price {
	text-align: center;
	border-radius: 16px;
	border: 3px solid black;
	padding: 12px;
	margin: 0 auto 10px;
	width: 100%;
	max-width: 186px;
	box-sizing: border-box;
	position: relative;
}

/*.bloc_price p {
	margin: 0;
	font-size: 25px;
}*/

.fromPrice {
	margin: 0;
	font-size: 15px;
}

.price {
	font-weight: 700;
	margin-top: 10px;
}

.price span {
	font-size: 20px;
}

.panier {
	display: inline-block;
	position: relative;
}

.panier input[type=submit] {
	border: 3px solid black;
	border-radius: 11px;
	padding: 5px 28px;
	font-size: 16px;
}

.panier input[type=submit]:disabled, .product_panier input[type=submit]:disabled {
	opacity: 0.5;
}

.wrapper_panier input[type=number], #wrapper_panier input[type=number]{
	box-sizing: border-box;
    border: 2px solid black;
    border-radius: 10px;
    padding: 4px 0;
    background-color: transparent;
    -webkit-appearance: none;
    font-size: 14px;
    display: block;
    width: 40px;
    text-align: center;
}

.tooltip {
	position: absolute;
    width: 150%;
    bottom: 130%;
    left: -25%;
	text-align: center;
	display: none;
	background: white;
	padding: 3px 5px;
	border: 2px solid black;
	font-size: 12px;
	border-radius: 10px;
	box-sizing: border-box;
}

.stockMessage {
	background: white;
	padding: 3px 5px;
	border: 3px solid black;
	font-size: 12px;
	border-radius: 10px;
	box-sizing: border-box;
	width: 172px;
	margin: 10px auto;
	text-align: center;
}

.select_couleur .tooltip {
	position: absolute;
    width: 300%;
    left: -100%;
}

.wrapper_panier .tooltip {
    width: 100%;
	left: 0%;
	top: 130%;
	bottom: auto;
}

.add_to_cart:hover:disabled + .tooltip, .pack_select:hover:disabled + .tooltip, .add_to_cart.showTT:hover + .tooltip, .pack_select.showTT:hover + .tooltip {
	display: block;
}

#location input[type=number] {
	padding: 4px 10px; /* je ne sais pas pourquoi il ne se comporte pas de la même manière que les "quantités"*/
}

.quantite {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	margin-bottom: 9px;
}

span#minusQty, span#maxusQty, span.minusQty, span.maxusQty, span#maxusCart, span#minusCart {
	font-size: 20px;
	border-radius: 9px;
	margin: 0 5px;
	width: 20px;
	box-sizing: border-box;
	display: block;
	display: flex;
	justify-content: center;
	align-self: stretch;
	cursor: pointer;
	user-select: none;
}


.description {
	position: relative;
	margin-top: 60px;
	background-color: #b7dee8;
	z-index: -1;
	padding: 30px 20px;
}

.description > div {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}

.description .content {
	text-align: center;
}

.info_comp {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: baseline;
}

.info_comp ul {
	margin: 0 20px;
	width: 100%;
	max-width: 355px;
}

.info_comp ul li span {
	font-weight: 700;
}

.info_comp ul li div {
display: inline-block;
}

.info_comp .sub_title {
	margin: 20px 0 14px;
}

.info_comp .sub_title:after {
	background-color: #00cc99;
}

.product_images #badge li {
	margin-bottom: 5px;
	font-size: 12px;
	margin-right: 3px;
}

.container_badges {
	display: flex;
	align-items: end;
    position: absolute;
    top: 0;
    z-index: 3;
}

#badge {
	display: flex;
	flex-flow: row wrap;
	justify-content: left;
	align-items: center;
	padding: 0;
	margin: 5px;
}

#badge li {
	border-radius: 12px;
	border: 2px solid black;
	padding: 5px 10px;
	position: relative;
	margin-right: 10px;
	margin-bottom: 5px;
	list-style: none;
}

.favori { /*wishlist*/
	display: inline-block;
	cursor: pointer;
	margin: 5px;
}

.favori img {
	max-width: 22px;
}

.favori:after {
	content: none;
}

.link_product {
	max-width: 1200px;
	margin: 40px auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.link_product .product_flex .products {
	margin: 30px 30px 20px;
	padding: 30px 0; /*sinon slick coupe le field promo*/
}

.color_picked {
	width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 5px;
}

.color_picked img {
	width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
GLOBAL PRODUCTS
--------------------------------------------------------------*/

.product_flex { /*Dans content-single.php archive.php taxonomy-inspirations */
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: start;
}



article.products {  /*Dans content.php, mettre cette class pour la mise en page des produtis*/
	width: 100%;
	margin: 30px;
}

.product_images {
	position: relative;
	/* box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.1); */
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

.product_image {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 25vw;
	max-height: 380px;
	width: 100%;
	transition: all 0.2s ease-in-out;
}

.product_images:hover .product_image {
	opacity: 0.7;
}

.product_title {
	font-size: 18px;
	position: relative;
	display: inline-block;
	margin: 12px 0 0;
}

.product_title a {
	color: black;
}

.product_des {
	margin: 6px 0;
}

.product_des a {
	color: black;
}

.content_product {
	border-bottom: 2px solid #f7f7f7;
	margin-bottom: 10px;
}

.content_product li {
	list-style: none;
}

.wrapper_panier_product {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

.product_panier {
	position: relative;
}

.product_panier input[type=submit], .product_panier a {
	position: relative;
	border: 2px solid black;
	border-radius: 12px;
	padding: 5px 16px;
	background-color: transparent;
	-webkit-appearance: none;
	font-size: 14px;
	display: block;
	margin: 0 auto;
	font-weight: 700;
	color: black;
}

.product_bloc_price p {
	font-size: 17px;
	margin: 0;
}

.product_price {
	font-size: 22px;
	font-weight: 700;
}

.product_price span.month {
	font-size: 14px;
}


/*--------------------------------------------------------------
CONTENT NONE
--------------------------------------------------------------*/

.no-result {
	text-align: center;
	font-size: 22px;
	width: 100%;
}

/*--------------------------------------------------------------
ARCHIVE TAXONOMY PIECES et INSPIRATIONS + ARCHIVE PACK
--------------------------------------------------------------*/

#wrapper_all_taxo {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

#wrapper_all_taxo .center_inspi {
	width: 21%;
	position: relative;
	margin: 15px;
	box-sizing: border-box;
}

/*#wrapper_all_taxo .center_inspi .link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}*/

#wrapper_all_taxo .inspi_image:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	transition: all 0.3s ease-in-out;
}

#wrapper_all_taxo .inspi_description {
	margin-top: 20px;
}

#wrapper_all_taxo .inspi_description .sub_title {
	margin: 0;
}

#wrapper_all_taxo .inspi_description .wrapper_panier_product {
	border-top: 1px solid #f2f2f2;
	padding-top: 10px;
}

.post-type-archive-packs #wrapper_all_taxo .center_inspi:hover .inspi_image:after {
	background-color: rgba(0, 204, 153, 0);
}

#wrapper_all_taxo .center_inspi:hover .inspi_image:after {
	background-color: rgba(0,0,0,0);
}


#wrapper_all_taxo .inspi_image {
	height: 280px;
	transition: all 0.3s ease-in-out;
	position: relative;
	background-size: cover;
}

#wrapper_all_taxo .center_inspi h2 {
	font-family: 'Dosis', sans-serif;
    font-size: 22px;
    color: white;
    font-weight: 500;
    text-align: center;
    margin: 0;
    padding: 20px 0px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#wrapper_all_taxo .center_inspi h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 6px;
	background-color: white;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

#wrapper_all_taxo .center_inspi h2:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 3px;
	background-color: white;
	width: 100%;
	transition: all 0.3s ease-in-out;
}

#wrapper_all_taxo .center_inspi:hover h2:before {
	bottom: -20px;
}

#wrapper_all_taxo .center_inspi:hover h2:after {
	top: -20px;
}

#wrapper_all_taxo .btn {
	margin: 0;
}


/*--------------------------------------------------------------
INSPIRATIONS
--------------------------------------------------------------*/


/***************/

.overflow {
	overflow-X: hidden;
}

.global_inspi h2 {
	font-size: 40px;
}

.wrapper_inspi {
	width: 46%;
	margin: 5px auto 150px;
	position: relative;
}

.post-type-archive-blog .wrapper_inspi {
	width: 75%;
	max-width: 1000px;
}

.previous_inspi {
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	right: 105%;
}

.previous_inspi > div {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 650px;
	height: 400px;
}

.next_inspi {
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	left: 105%;
}

.next_inspi > div {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 650px;
	height: 400px;
}

.previous_inspi > div, .next_inspi > div {
	opacity: 0.5;
	transition: all 0.2s ease-in-out;
}

.previous_inspi > div:hover, .next_inspi > div:hover {
	opacity: 1;
}

.previous_inspi a, .next_inspi a {
	display: inline-block;
    font-size: 20px;
    color: black;
    position: absolute;
    transition: all 0.2s ease-in-out;
    top: -51px;
}

.previous_inspi a {
	right: 0;
}

.previous_inspi a:hover, .next_inspi a:hover {
	color: #b7dee8;
}

.previous_inspi a:hover img {
	left: -60px;
}

.next_inspi a:hover img {
	margin-left: 22px;
}

.previous_inspi a img, .next_inspi a img {
	vertical-align: middle;
	margin-left: 12px;
	width: 20px;
	transition: all 0.2s ease-in-out;
}

.previous_inspi a img {
	position: absolute;
	left: -50px;
	transform: rotate(-180deg) translateY(-7px);
}

.inspirations.product_flex {
	margin: 0 auto;
	width: 95%;
	justify-content: center;
}

.inspirations.product_flex .products {
	width: 19%;
}

.wrapper_inspi .inspi_image{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 540px;
}

.inspi_des {
	background-color: white;
	box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.1);
	padding: 20px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 70%;
	bottom: -92px;
}

.inspi_des a {
	color: black;
}

.inspi_des h2 {
	font-family: 'Dosis', sans-serif;
	font-size: 25px;
	position: relative;
	display: inline-block;
	z-index: 0;
	padding: 0;
	line-height: initial;
}

.inspi_des h2:after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 9px;
	background-color: #b7dee8;
	border-radius: 8px;
	z-index: -1;
}

.slider_inspi {
	position: relative;
}

.slider_inspi  ul.slick-dots {
    position: absolute;
   	bottom: 14%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.slider_inspi  ul.slick-dots li {
	list-style: none;
}

.slick-dots button {
	background: none;
    border: 2px solid white;
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 50%;
    font-size: 0;
    padding: 0;
    color: transparent;
}
 
.slick-dots {
   list-style: none;
   display: flex;
   justify-content: center;
   padding: 0;
}
 
.slick-dots li {
   margin: 5px;
}
 
.slick-active button {
   background: white;
}
/*--------------------------------------------------------------
SINGLE PACK
--------------------------------------------------------------*/

.header_pack {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.header_pack:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	transition: all 0.3s ease-in-out;
}

.wrapper_des {
	max-width: 800px;
	margin: 0 auto;
	padding: 2% 0 1%;
	position: relative;
	z-index: 1;
	color: white;
}

.wrapper_des .entry-title {
	display: none
}

.wrapper_des #badge {
	justify-content: center;
	margin: 0;
}

.wrapper_des #badge li {
	margin: 0 5px 0 0;
	border: 2px solid white;
}

.des_pack {
	background-color: rgba(0,0,0,0.3);
	padding: 10px 0;
	border-radius: 20px;
	font-size: 16px;
	margin: 20px;
}

.des_pack #breadcrumbs {
	display: none;
}

.short_des {
	max-width: 800px;
	width: 100%;
	margin: 20px auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.infos_packs .sub_title:after {
	background-color: #433a31;
	bottom: -1px;
}

.infos_packs .sub_title {
	margin-top: 0;
}

.infos_packs li {
	list-style: none;
}

#single_pack, .wrapper_choose.more {
	margin: 0 auto;
	max-width: 1500px;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}

#content_pack {
	background-color: #ebebff;
	border-radius: 20px;
	padding: 20px 150px 20px 20px;
	max-width: 800px;
	margin: 0 auto 10px;
	width: 95%;
	z-index: 0;
	position: relative;
	/*transition: all 0.2s ease-in-out;*/
	box-sizing: border-box;
}

#content_pack.fixed {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	margin: 0;
	z-index: 10;
	max-width: initial;
	border-radius: 0;
	padding: 20px 219px 20px;
	box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.2);
}

#content_pack.fixed h3 {
	display: none;
}

#content_pack.fixed .wrapper_panier {
	top: 10px;
	right: 45px;
	bottom: auto;
}

#content_pack.fixed .promo {
	margin: 6px 0;
	font-size: 16px;
}

#content_pack.fixed .promo:after {
	height: 6px;
}

#content_pack .check-label {
	cursor: pointer;
}

#content_pack.fixed .check-label {
	margin: 5px;
}

#content_pack h3 {
	text-align: center;
	margin-left: 120px;
}

#content_pack h3 span {
	position: relative;
	z-index: 1;
}

#content_pack h3 span:after, #single_pack #loc_pack:after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 9px;
	background-color: #b7dee8;
	border-radius: 8px;
	z-index: -1;
}

#single_pack .wrapper_panier {
	position: absolute;
	right: -24px;
	width: 100%;
	max-width: 165px;
	bottom: -29px;
}

.submit_pack {
	position: relative;
	border: 3px solid black;
	border-radius: 12px;
	padding: 8px;
	color: black;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	display: none;
}

.btn_center {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: row wrap;
}

.btn_center .submit_pack {
	width: auto;
	border-radius: 12px;
	padding: 8px 16px;
	font-size: 20px;
}

#single_pack {
	margin-top: 25px;
}

#single_pack .bloc_price:after, .submit_pack:after, .submit_cart:after  {
background-color: rgb(255, 192, 0);
}


#single_pack .personnalisation {
	margin: 0 auto;
	width: 100%;
	max-width: 400px;
}

#single_pack .personnalisation .wrapper_range {
	border-top: 0;
}

#single_pack #loc_pack {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 10px;
}

#single_pack #span_loc_pack {
	text-align: center;
	display: block;
}

#content_pack form {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

#content_pack .check-label {
	margin: 10px;
	width: auto;
}

.more {
	background-color: #ebebff;
	padding-top: 34px;
	padding-bottom: 34px;
	z-index: 0;
	position: relative;
}

.more .product_flex {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.more .product_images {
	background-color: white;
}

.wrapper_choose {
	margin-top: 40px;
}

.choose {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	margin: 30px 0;
	justify-content: space-between;
}

.choose .slick-track {
	margin-left: 0;
	margin-right: 0;
}

.choose_title {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 180px;
	position: relative;
	margin-left: 30px;
}

.choose_title p {
	font-size: 22px;
	margin: 2px;
	text-align: center;
}

.number_choose {
	font-family: "Brusher";
	font-size: 30px;
	border-radius: 15px;
	border: 3px solid black;
	position: relative;
	padding: 7px 16px 0;
	display: block;
}

.content_choose {
	background-color: gray;
	width: auto;
	height: 400px!important;
	margin: 20px;
}

.slider_choose {
	width: 80%;
}

.slider_choose .slick-prev, .slider_choose .slick-next {
display: none;
}

.choose_title .slider-arrow {
	position: absolute;
	width: 25px;
	height: 25px;
	left: 0;
	bottom: -35px;
	cursor: pointer;
	background-image: url(img/arrow-menu.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	font-size: 0;
	color: transparent;
	z-index: 1;
	background-color: transparent;
	border: none;
}

.choose_title .prev {
	left: 0;
	transform: rotate(180deg);
}

.choose_title .next {
	right: 0;
	left: initial;
}

.choose .selected .product_panier:after, .choose.selected_line .number_choose:after {
	background-color: rgb(255, 192, 0);
}

.choose article {
	transition: transform 300ms;
}

.choose .selected {
	transform: scale(1.05);
}

.choose_add {
	display: flex;
	flex-flow: row nowrap;
	margin-top: 5px;
}

.choose_add a, .choose_add_recap {
    border: 2px solid black;
    border-radius: 12px;
    padding: 5px 10px;
    font-size: 14px;
    margin-left: 5px;
    font-weight: 700;
	color: black;
	position: relative;
	display: none;
}

.choose_add_recap {
	padding: 10px 16px;
	margin-top: 10px;
	flex-flow: row nowrap;
}

.choose_add_recap .choose_add_qty {
	font-size: 40px;
	margin-right: 10px;
	font-weight: 500;
}

.choose.choose_add_line.selected_line .selected .choose_add a:last-child {
	display: block;
}

.choose.choose_add_line.selected_line .choose_add_recap {
	display: flex;
}


/*--------------------------------------------------------------
404
--------------------------------------------------------------*/

.error-404  {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}

.error-404 .btn_center .btn {
	margin: 5px 10px;
}

.error-404 .page-content {
	text-align: center;
}

.error-404 h1 {
	margin: 16% 0 0;
}

.error-404 img {
	margin-top: 50px;
    max-width: 100%;
    height: auto;
}

/*--------------------------------------------------------------
WISHLIST
--------------------------------------------------------------*/

.page-template-template-wishlist .product_flex {
	max-width: 1400px;
    margin: 0 auto;
    width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}

.page-template-template-wishlist .product_flex .products {
	width: 19%;
}

.page-template-template-wishlist .btn-bandeau {
    color: black;
    font-size: 20px;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: block;
    left: 0;
    transform: translateX(0);
    text-align: center;
    padding: 0 20px;
    margin: 10px 0;
    box-sizing: border-box;
    margin-top: 43px;
}

.page-template-template-wishlist .btn-bandeau:hover {
    transform: translateX(0) scale(1.03);
}


/*--------------------------------------------------------------
PANIER
--------------------------------------------------------------*/

#empty_basket {
	margin-top: 50px;
}

#empty_basket p {
	font-size: 22px;
	text-align: center;
}

#wrapper_panier {
	width: 80%;
    margin: 0 auto 20px;
}

table {
	width: 100%;
}

tbody tr:first-child {
	background-color: #b7dee8;
	padding: 10px;
	border-bottom: 1px solid #b7dee8;
}

tbody tr {
	border-bottom: 1px solid #e8e8e8;
}


tbody tr th {
	padding: 6px;
	border-left: 1px solid white;
}
tbody td {
	text-align: center;
	padding: 17px 0;
}

.container_product {
    display: flex;
    flex-flow: row nowrap;
	align-items: center;
}

.thumbnails {
	height: 130px;
	width: 130px;
	margin-right: 20px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.container_product > div:nth-child(2) {
	display: flex;
	flex-flow: column;
	max-width: 400px;
	width: 100%;
}

.container_product .product_title {
	font-size: 16px;
	text-align: left;
	color: black;
	margin: 0 0 7px;
}

.container_product .ref {
	text-align: left;
    font-size: 11px;
    border: 0;
    padding: 0;
    margin:  0 0 7px;
}


.butn {
	text-align: left;
}

.butn a {
	margin-right: 7px;
}

.butn img {
	width: 18px;
    vertical-align: middle;
    margin-right: 4px;
}

.include_pack {
	padding: 0;
	margin: 0 0 7px;
	text-align: left;
}

.include_pack li {
	text-align: left;
	margin: 0 3px;
	list-style: none;
	display: inline-block;
	text-align: left;
}

.include_pack li a {
	color: black;
}

.include_pack li a:hover, .product_title:hover, .butn > a:hover, #cart_done a:hover {
	opacity: 0.7;
}

#wrapper_panier .product_price, #wrapper_panel .product_price {
    font-size: 16px;
    font-weight: 700;
}

#wrapper_panier .bloc_price, #wrapper_panel .bloc_price {
    border: 2px solid black;
    padding: 9px;
    margin: 0 auto;
    max-width: 135px;
}

#wrapper_panier .promo, #wrapper_panel .promo {
    font-size: 15px;
}

#wrapper_panier .promo:after, #wrapper_panel .promo:after {
	height: 5px;
}

#table_more {
    display: flex;
    flex-flow: column;
	max-width: 500px;
	width: 100%;
	margin-left: auto;
}

#table_more > div {
	width: 100%;
	background-color: #f9f9f9;
	padding: 0 30px;
	box-sizing: border-box;
	z-index: 0;
}

.divtablemore {
    display: flex;
    flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}

.cart_done {
	background-color: transparent!important;
	padding: 0!important;
	display: flex;
    align-items: center;
    justify-content: space-between;
}

#table_more #prix, #table_more #mensualite {
	background-color: #b7dee8;
}

#table_more .title {
	font-weight: 500;
}

#table_more .title_right {
	font-weight: 700;
	font-size: 16px;
}


#table_more .quantite {
	flex-flow: row nowrap;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

#table_more span.minusQty, #table_more span.maxusQty {
	margin: 0 5px;
	align-self: center;
}

#table_more #prix .title span {
	font-size: 11px;
}

.submit_cart {
    position: relative;
    border: 3px solid black;
    border-radius: 12px;
    padding: 8px;
    color: black;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    max-width: 180px;
    align-self: flex-end;
    margin: 8px 0;
}

.cart_done img {
	transform: rotate(180deg);
    vertical-align: middle;
    width: 15px;
    margin-right: 5px;
}

.cart_done a {
	color: black;
}

table .quantite, table .duree {
	display: table-cell; /* Pour que les éléments soit centrés, que dans le table */
	min-width: 120px;
}

td.total {
    width: 120px;
}

table .alixounette {
	min-width: 160px;
}

table span.minusQty, table span.maxusQty, table input[type=number] {
	display: inline-block!important; /* Pour que les éléments soit centrés, que dans le table */
}

.title_right span {
    font-size: 12px;
} 


.check-label.radio {
	display: inline-block;
	width: auto;
}

#location .btn {
	margin: 0;
	font-size: 12px;
	display: none;
}

#location .btn.update_cart {
	display: block;
}

#wrapper_panel .promo {
	margin: 0;
}

#wrapper_panel .paniertxt {
	font-weight: 700;
    display: inline-block;
    margin: 0 10px 0 0;
}

/*--------------------------------------------------------------
MON COMPTE
--------------------------------------------------------------*/

.page-template-template-account article {
	display: none
}

#wrapper_compte {
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    box-sizing: border-box;
	position: relative
}

#account, #no_account {
	background-color: #b7dee8;
	border-radius: 25px;
	margin: 15px;
	padding: 30px;
	width: 100%;
	max-width: 280px;
	opacity: 1;
	visibility: visible;
	transition: all 0.2s ease-in-out;
}

#account.hidebis, #no_account.hidebis {
	opacity: 0;
	visibility: hidden;
}

#lost.show {
	opacity: 1;
	visibility: visible;
}

#lost {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
    background-color: #b7dee8;
    border-radius: 25px;
    padding: 30px;
	width: 90%;
	max-width: 350px;
	box-sizing: border-box;
}

#back {
	position: absolute;
    left: 0;
    top: -26px;
	transition: all 0.2s ease-in-out;
}

#back img {
	transform: rotate(180deg);
    width: 20px;
	vertical-align: middle;
	transition: all 0.2s ease-in-out;
	left: 0;
    position: relative;
}

#back span {
	color: black;
	   margin-left: 5px;
	transition: all 0.2s ease-in-out;
}

#back:hover img {
	left: -6px;
    position: relative;
}


#wrapper_compte h3 {
	text-align: center;
    font-size: 25px;
    margin-top: 0;
}

#loginform label, #signin label, #lost label {
	display: block;
	margin: 0 0 5px;
}

#wrapper_compte input[type="text"], #wrapper_compte input[type="password"], #wrapper_compte input[type="email"], #wrapper_compte input[type="number"], #wrapper_compte textarea, #wrapper_compte input[type="date"] {
	background-color: #b7dee8!important;
    border: 2px solid black;
    border-radius: 12px;
    padding: 5px 20px 5px;
    width: 100%;
    box-sizing: border-box;
	-webkit-appearance: none;
}

#wrapper_compte input:read-only {
	filter: grayscale(0.8);
}

#wrapper_compte input.mandatory.error, #wrapper_compte select.mandatory.error {
	border-color: red;
}

#info_reprise {
	display: none;
}

.login-remember label {
	color: black!important;
	font-size: 15px!important;
}


#wrapper_compte input[type="submit"] {
    border: 3px solid black;
    border-radius: 15px;
    padding: 6px 32px;
    background-color: transparent;
    -webkit-appearance: none;
    font-size: 15px;
    display: block;
    margin: 0;
	width: 100%;
}

.login-submit {
	position: relative;
	z-index: 1;
}

.login-submit:after {
	border-radius: 15px;
}

.lostpassword {
    text-align: center;
    color: black;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    font-size: 17px;
    margin-top: 32px;
    display: block;
}

.lostpassword:hover {
	opacity: 0.7;
}

/**********************************
******************************************/

#wrapper_compte #container {
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
	display: flex;
    flex-flow: column;
}

#wrapper_compte #container h1 {
	text-align: center;
	margin-bottom: 11px;
}

#whislist {
    position: relative;
    background-color: #b7dee8;
    border-radius: 20px;
    max-width: 230px;
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
    margin: 20px auto;
}

.sub_title_account {
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 0;
	font-weight: 800;
	position: relative;
	display: inline-block;
}

.sub_title_account:after {
	content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 7px;
    background-color: #b7dee8;
    border-radius: 8px;
    z-index: -1;
    transition: all 0.2s ease-in-out;
}


#tab_panel {
    /*max-width: 700px;*/
    width: 100%;
    margin: 10px auto 0;
}

.flex_panel {
	display: flex;
	flex-flow: nowrap;
	align-content: center;
	justify-content: space-between;
	border-bottom: 1px solid #f2f2f2;
}

.flex_panel > div {
	width: 46%;
}

.flex_panel input {
	width: 100%;
	box-sizing: border-box;
}

#wrapper_panel {
	height: 7000px; /* Dev */
    position: relative;
    overflow: hidden;
}

#wrapper_panel textarea {
	margin-top: 8px;
}

#wrapper_panel .active {
    opacity: 1;
	visibility: visible;
}

#wrapper_panel > div {
	width: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
	visibility: hidden;
    transition: all 0.1s ease-in-out;
}

#wrapper_panel iframe {
	min-height: 500px !important;
}

#tab_panel ul {
    padding: 0;
    display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

#tab_panel ul li {
    list-style: none;
    margin: 0 5px;
    
}

#tab_panel ul li a {
    text-decoration: none;
    color: black;
    background-color: #ebebff;
    padding: 22px;
    display: flex;
    flex-flow: column;
    align-items: center;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
	text-align: center;
}

#tab_panel ul li a.disable {
	pointer-events: none;
}

#tab_panel ul li a img {
	width: 28px;
}

#tab_panel ul li a.active {
	transform: scale(1.03);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}

#tab_panel ul li a:hover {
  background-color: ghostwhite;
}

.change {
	cursor: pointer;
	align-self: center;
}

.title_input {
	display: block;
    font-size: 16px;
    padding-left: 10px;
	font-weight: 800;
	position: relative;
	margin-top: 20px;
}

.title_input span {
	font-weight: 600;
    font-size: 14px;
}

.title_input:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border: 2px solid black;
    border-radius: 3px;
    width: 3px;
    height: 5px;
    background-color: #b7dee8;
}


/****************************/
/*****************************/

#recap_wrapper.closest .toggleslide > div {
	margin: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

#recap_wrapper.closest .toggleslide > div > div {
	width: 33%;
}


.commande .toggleslide {
	display: none;
	margin: 0!important;
	padding: 20px 0;
	width: 100%!important;
}

.btn_toggleslide {
	display: block;
    text-align: center;
    color: black;
    font-size: 18px;
    font-weight: 800;
    margin: 5px auto;
    transition: all 0.2s ease-in-out;
    background-color: #ebebff;
    max-width: 500px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
	border-radius: 8px;
	position: relative;
}

.btn_toggleslide:after {
	content: "";
    background-image: url(img/next.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	right: 17px;
	transition: all 0.2s ease-in-out;
}

.btn_toggleslide.rotate:after {
	transform: translateY(-50%) rotate(90deg);
} 

.btn_toggleslide:hover {
	color: #7fcbc3;
}

.commande {
    border-bottom: 1px solid #f3f3f3;
	margin-bottom: 55px;
	padding-bottom: 56px;
}

.order_infos {
    background-color: #ebebff;
    border-radius: 12px;
    padding: 20px;
    max-width: 500px;
    width: 100%;
	margin: 30px auto 20px;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}

.order_infos h3 {
	text-align: center;
}

.order_infos h3 span {
	display: block;
	font-size: 13px;
}

.order_infos p {
	margin: 0;
}

.order_infos .btn {
	display: inline-block;
	margin: 0 5px;
}

.commande .title_input {
	padding: 0;
}

.commande .title_input:after {
    content: none;
}

.commande #recap_wrapper {
	flex-flow: row wrap;
	display: block;
}

.order_docs a {
	background-color: #b7dee8;
    padding: 46px 16px 16px;
    border-radius: 15px;
    color: black;
    font-size: 16px;
    max-width: 165px;
    margin: 5px;
    width: 100%;
    text-align: center;
	position: relative;
	transition: all 0.2s ease-in-out;
}

.order_docs a:hover {
	color: white;
}

.order_docs a:hover:after {
	filter: invert(1);
}

.order_docs a:after {
	content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 11px;
    width: 30px;
	height: 30px;
	transition: all 0.2s ease-in-out;
}

.order_docs a#contrat_doc:after {
	background-image: url(img/facture.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.order_docs a#livraison_doc:after {
	background-image: url(img/bondelivraison.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.order_docs a#echeancier_doc:after {
	background-image: url(img/mandat.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.order_docs a.compl_doc:after {
	background-image: url(img/contrat.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.wrapper_docs {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.order_docs .sub_title_account {
	display: block;
	text-align: center;
}

.order_docs .sub_title_account:after {
    content: none;
}


/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/

#colophon {
	position: relative;
	padding: 11vw 20px 10px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

#colophon:after {
	content: "";
	background-position: top;
	background-size: cover;
	background-image: url(img/footer.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	background-repeat: no-repeat;
}

#colophon a:hover {
	opacity: 0.5;
}

#colophon #logo {
	max-width: 200px;
	width: 100%;
}

#footer-menus li, #footer-menus a {
	color: white;
	list-style: none;
	font-weight: 400;
}

#footer-menus li {
	padding: 2px 0;
}

#footer-menus ul {
	padding: 0 40px;
}

#footer-menus {
	display: flex;
	padding: 0;
}

#footer-menus .first {
	font-family: "Brusher";
	font-weight: 500;
	font-size: 25px;
	position: relative;
	display: inline-block;
	color: black;
	margin-bottom: 10px;
}

#footer-menus .first a {
	color: black;
}

#footer-menus .first:after {
	content: "";
	position: absolute;
	bottom: 8px;
	left: 0;
	width: 100%;
	height: 8px;
	background-color: #b7dee8;
	border-radius: 8px;
	z-index: -1;
}

#copyright, #copyright a {
	font-size: 14px;
	color: white;
	margin-top: 20px;
}

#social {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	margin-top: 15px;
}

#social > div {
	margin: 0 5px;
}

#social img {
	width: 21px;
	display: block;
}

#contact_footer {
	font-size: 20px;
	font-weight: 600;
	color: black;
	margin-top: 15px;
	position: relative;
}

#contact_footer:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 7px;
    background-color: #b7dee8;
    border-radius: 8px;
    z-index: -1;
    transition: all 0.2s ease-in-out;
}

/*--------------------------------------------------------------
MAINTENANCE
--------------------------------------------------------------*/
.page-template-template-attente .entry-header, .page-template-template-attente #masthead {
	display: none;
}



/*--------------------------------------------------------------
COMPTE
--------------------------------------------------------------*/

#passProgress {
	display: flex;
	justify-content: space-around;
}

#passTxt {
	text-align: center;
	display: block;
}

#passProgress span {
	width: 22%;
	height: 8px;
	display: block;
	background-color: rgb(180,180,180);
	border-radius: 4px;
}

#passProgress span.low.active { background-color: #ec4c46; }
#passProgress span.medium.active { background-color: #ffa200; }
#passProgress span.high.active { background-color: #91ca31; }
#passProgress span.extra.active { background-color: #21dc12; }



/*--------------------------------------------------------------
COMMANDE
--------------------------------------------------------------*/

.commande_ul {
	justify-content: space-between!important;
}

.commande_ul li a {
	position: relative;
}

.commande_ul li a:after {
	content: "";
    background-color: #f2f2ff;
    width: 200%;
    height: 5px;
    position: absolute;
    left: 100%;
	bottom: 33px;
}

.commande_ul li a.active, .commande_ul li a.active:after {
	background-color: #b7dee8!important;
}

.commande_ul li:last-child a:after {
	content: none;
}


.commande_ul li a {
	font-size: 22px;
	width: 78px;
	display: block;
	margin: 0 auto;
}

.commande_ul li img {
	width: 32px;
    display: block;
	margin: 0 auto 1px;
}

.commande_ul li span {
	display: block;
	text-align: center;
	margin-bottom: 5px;
}

#order_address {
	display: flex;
    justify-content: space-between;
}

#order_address > div {
	width: 49%;
}

.btn_order {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.btn_order .btn:after {
	background-color: rgb(255, 192, 0);
}

.btn_order .btn {
	font-size: 16px;
    display: block;
    margin: 0;
}

.hello-week {
	margin-top: 20px!important;
}

.hello-week .prev, .hello-week .next {
	position: relative;
    border: 2px solid black;
    border-radius: 12px;
    padding: 5px 16px;
    background-color: transparent;
    -webkit-appearance: none;
    font-size: 14px;
    display: block;
    margin: 0 auto;
    font-weight: 700;
    color: black;
}

.hello-week .day {
	border-radius: 12px;
	padding: 10px!important;
	box-sizing: border-box;
}

#calendarOutput {
    background-color: #7fcbc3;
    margin: 10px 0 30px;
    padding: 10px 20px;
	text-align: center;
	border-radius: 12px
}

#calendarOutput p {
	color: white;
	font-size: 16px;
}

#calendarOutput span {
	margin: 0 10px;
	display: block;
	font-size: 18px;
	color: white;
}

#calendarOutput span:last-child {
	margin-bottom: 10px;
}

/**/

/*#wrapper_panel tbody tr:first-child {
	display: none;
}

#wrapper_panel tbody tr {
	display: flex;
	flex-flow: column;
	align-items: end;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

#wrapper_panel .container_product {
	flex-flow: row nowrap;
	align-items: center;
}

#wrapper_panel tbody td {
	text-align: left;
	padding: 0;
}

#wrapper_panel .thumbnails {
	height: 200px;
	width: 200px;
}

#wrapper_panel .quantite {
	margin: 0;
}

#wrapper_panel .quantite span.minusQty, #wrapper_panel .quantite span.maxusQty {
	width: auto;
}

#wrapper_panel .hide.paniertxt {
	font-weight: 700;
	display: inline-block;
	margin: 0 10px 0 0;
}

#wrapper_panel table .duree, #wrapper_panel table .alixounette,
#wrapper_panel table .total {
	display: flex;
	align-items: center;
}

#wrapper_panel #table_more {
    max-width: initial;
}


#wrapper_panel .container_product {
	margin-bottom: 10px;
}

#wrapper_panel table .duree p {
	margin: 0;
}*/

#wrapper_panel #table_more {
	max-width: initial;
}

#wrapper_panel .cart_done .submit_cart {
	padding: 7px;
	font-size: 15px;
	max-width: 150px;
}

#wrapper_panel #wrapper_panier .promo {
	margin: 0;
}

#wrapper_compte .include_pack {
    margin: 0 0 7px;
    display: block;
}


#recap_wrapper {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	margin: 0 auto;
}

#recap_wrapper > div {
    margin: 10px 9px;
    width: 33%;
}

#recapDelivery .output p {
	margin: 5px;
}

#delivery_date {
    display: block;
    background-color: #7fcbc3;
    margin: 10px 0;
    padding: 10px 20px;
    text-align: center;
    border-radius: 9px;
    color: white;
}

.output .title_input {
	padding-left: 0;
}

.output .title_input:after {
	content: none;
}

#cgs {
	padding: 20px;
	background-color: #ebebff;
	border-radius: 10px;
    margin: 10px 0 20px;
}

#cgs p {
	margin: 0;
}

#y_n {
    background-color: #7fcbc3;
    color: white;
    border-radius: 7px;
	padding: 6px 10px;
	display: inline-block;
	font-size: 16px;
}

#wrapper_shipping {
	display: flex;
	flex-flow: row nowrap;
}

#wrapper_shipping > p {
	margin: 5px 30px;
}

#wrapper_shipping > p:first-child {
	margin-left: 0;
}



#paiement_success {
	background-color: #b7dee8;
    border-radius: 12px;
    padding: 19px 40px;
    margin-top: 54px;
}

#paiement_success h3 {
    font-family: 'Dosis', sans-serif;
    text-align: center;
    font-size: 22px;
}

#paiement_success p {
    text-align: center;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 15px;
}






#r_r {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	margin: 0 0 20px;
}

#r_r  span {
	color: #7fcbc3;
}


.wrapper_r_r .wpcf7-form {
	margin: 0 auto;
}

#wrapper_btn_account {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
}

#wrapper_btn_account .btn {
	margin: 5px;
}

.rachat, .restitution {
	width: 50%;
	margin: 0 auto;
	box-sizing: border-box;
	display: none;
}

.input_after {
	position: relative;
}

.rachat div.wpcf7 .ajax-loader {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


.rachat .wpcf7-form-control-wrap:after {
	content: none;
}


/*--------------------------------------------------------------
10.0 Responsive
--------------------------------------------------------------*/

.back_nav {
	display: none!important;
}

.hide, .hideform {
	display: none!important;
}

#close_menu, #burger-btn {
	display: none;
}

#burger-btn, #burger-btn span {
  transition: all 400ms ease-in-out;
}
 
#burger-btn {
	position: absolute;
    top: 23px;
    left: 25px;
    height: 36px;
    width: 35px;
    cursor: pointer;
    transition-delay: 400ms;
    z-index: 100;
}
 
#burger-btn:active {
	transform: rotate(180deg) scale(0.9);
}
 
#burger-btn #burger-lines {
	display: flex;
	flex-flow: column;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	height: 100%;
}
 
#burger-btn .burger-line {
	display: block;
    width: 100%;
    height: 4px;
    border-radius: 6px;
    background-color: black;
    transition-delay: 400ms;
}




@media screen and (max-height: 800px) {

	#masthead, #mega_menu {
		position: absolute;
	}

}


@media screen and (min-width: 1800px) {

	.product_flex .products {
		width: 22%;
		margin: 30px 1.5% 20px;
	}

	.more .product_flex {
		max-width: 1200px;
	}

}






@media screen and (max-width: 1400px) {

	.error-404 h1 {
		margin: 15px 0 0;
	}

	.error-404 img {
		margin-top: 0;
	}

	.slider_inspi ul.slick-dots {
		bottom: 20%;
	}

}


@media screen and (max-width: 1300px) {

	.container_bloc {
		flex-flow: column-reverse wrap;
	}

	.content_header h1 {
		margin: 0 auto 30px;
	}

	.content_blocs {
		margin-top: 30px;
	}

	.wrapper_blocs {
		margin-top: 4%;
	}

	.wp-image-31513, .wp-image-31510  {
		width: 100%;
		height: auto;
	}


}


@media screen and (max-width: 1100px) {
	
	.navbar {
		display: none;
	}
	
	
}


@media screen and (max-width: 1024px) {

	
	#content_pack.fixed {
		padding:  20px 219px 20px 20px;
	}
	
	#content_pack.fixed form {
		justify-content: left;
	}
	
	.choose_title {
		margin-left: 0;
	}
	
	.wrapper_inspi {
		width: 54%;
	}

	.product_flex .products {
		width: 45%;
	}
	
	.inspirations.product_flex .products, .page-template-template-wishlist .product_flex .products {
		width: 29%;
	}

	#concept img {
		width: 100%;
		height: auto;
	}

	#wrapper_all_taxo .center_inspi {
		width: 41%;
	}

	#masthead #logo.hide {
		top: 0;
		margin-left: 10px;
	}

	#logo.hide img {
		max-width: 140px;
	}
		
	#logo.hide {
		display: block!important;
		float: left;
		left: 52px;
	}
	
	.etapes {
		flex-flow: row wrap;
	}
	
	.etapes > div {
		max-width: initial;
    	width: 43%;
	}
	
	.etapes > div:nth-of-type(2):after {
		content: none;
	}
	
	#wrapper_avantages {
		flex-flow: row wrap;
	}

	/*MENU RESPONSIVE*/

	#masthead {
		position: fixed;
	}

	#mega_menu {
		position: fixed;
		left: -100%;
		top: 0;
		display: initial;
		transform: initial;
		margin: 0;
		max-width: initial;
		width: 80%;
		height: 100vh;
		background-color: white;
		z-index: 200;
		transition: all 0.3s ease-in-out;
		box-shadow: 9px 0px 12px -5px rgba(150,150,150,0.2);
		padding-left: 0;
	}

	#mega_menu.active {
		left: 0;
	}

	#mega_menu > div {
		display: none;
	}

	#mega_menu > li > a {
		color: black;
		font-size: 18px;
		margin: 0;
		position: relative;
		background-color: white;
		display: block;
		border-bottom: solid 1px #f3f3f3;
	}

	#mega_menu > li  a {
		padding: 20px 70px 20px 10px!important;
	}

	#mega_menu .sub-menu {
		padding: 0;
		position: absolute;
		top: 0;
		left: auto;
		right: 100%;
		width: 100%;
		display: block;
		z-index: 120;
		background-color: white;
		margin: 0;
		border-top: 0;
		transition: all 0.2s ease-in-out;
	}

	#mega_menu .sub-menu.active, #mega_menu .sub-sub-menu.active, #mega_menu .sub-sub-sub-menu.active {
		right: 0;
	}

	#mega_menu .sub-menu a, #mega_menu .sub-sub-sub-menu a {
		background-color: white;
		display: block;
		padding: 20px 0 20px 10px;
		border-bottom: solid 1px #f3f3f3;
		position: relative;
	}

	#mega_menu .sub-sub-menu {
		padding: 0;
		position: absolute;
		top: 0;
		left: auto;
		right: 100%;
		width: 100%;
		display: block;
		z-index: 130;
		background-color: white;
		margin: 0;
		border-top: 0;
		transition: all 0.2s ease-in-out;
	}

	#mega_menu .sub-sub-menu a, #mega_menu .sub-sub-sub-menu a {
		color: black;
	}

	#mega_menu .sub-sub-sub-menu {
		padding: 0;
		position: absolute;
		top: 0;
		left: auto;
		right: 100%;
		width: 100%;
		display: block;
		z-index: 140;
		background-color: white;
		margin: 0;
		border-top: 0;
		transition: all 0.2s ease-in-out;
	}

	#mega_menu .other .sub-menu {
		left: auto;
	}

	#mega_menu .other {
		position: initial;
	}


	#burger-btn {
		display: block;
	}

	#lang {
		display: none;
	}

	#lang.responsive {
		display: flex!important;
		margin-top: 20px;
		margin-left: 5px;
	}

	#menu_left {
		left: 50px;
	}

	#close_menu {
		position: absolute;
		right: -55px;
		top: 0;
		width: 55px;
		z-index: 200;
		background-color: white;
		padding: 20px 10px 19px 24px;
		box-sizing: border-box;
		border-top-right-radius: 7px;
		border-bottom-right-radius: 7px;
		box-shadow: 9px 10px 12px -5px rgba(150,150,150,0.3);
		cursor: pointer;
		display: block;
	}

	.scrollPlus #mega_menu > div {
		transform: translateY(0);
	}

	/*#masthead.scrollPlus #logo, .scrollPlus #mega_menu {
		top: initial;
	}*/

	#masthead.scrollPlus {
		padding: 10px 10px 0;
		height: 83px;
	}

	#masthead.scrollPlus #logo.hide img {
		max-width: 120px;
	}

	#wishlist span, #user span, #basket span {
		display: none;
	}

	#menu_location {
		max-width: 170px;
	}


	.link_submenu {
		position: absolute;
		right: 0;
		top: 0;
		border-left: 1px solid #f3f3f3;
		width: 63px;
		z-index: 1;
		height: 100%;
	}

	.link_submenu:after {
		content: "";
		background-position: center;
		background-size: cover;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		width: 17px;
		height: 17px;
		background-image: url(img/arrow-menu.png);
	}

	#mega_menu .sub-menu > li > a:after {
		content: none;
		
	}

	.back_nav {
		position: relative!important;
		/*color: #b7dee8!important;*/
		text-align: center;
		padding: 10px!important;
		display: block!important;
	}

	span.back {
		position: absolute;
		left: 0;
		height: 100%;
		width: 44px;
		z-index: 1;
		top: 0;
	}

	span.back:after {
		content: "";
		background-position: center;
		background-size: cover;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%) rotate(180deg);
		width: 17px;
		height: 17px;
		background-image: url(img/arrow-menu.png);
	}



	/*****************/





	.personnalisation {
    	width: 100%;
	}

	.personnalisation ul {
    	padding: 0;
	}

	.wrapper_panier {
		width: auto;
		max-width: 300px;
	}



}


@media screen and (max-width: 900px) {


	.wrapper_question h3 {
		font-size: 17px;
	}

	td.duree {
		display: none;
	}

	tbody tr th:nth-child(2) {
		display: none;
	}
	

	#nosvaleurs > div {
		justify-content: space-between;
	}

	.wrapper_engagements {
		width: 30%;
		text-align: center;
		margin: 10px;
	}

	.pourqui_blocs {
		width: 31%;
		margin: 5px;
	}
	
	.page-template-template-nousconnaitre section {
		padding: 0;
	}

	.wrapper_blocs {
		width: 100%;
	}
	
	
	.wrapper_blocsh3 {
		font-size: 17px;
	}
	
	.wrapper_blocs h3 b {
		font-size: 21px;
	}
	
}


@media screen and (max-width: 800px) {

	#container_faq {
		flex-flow: column;
	}

	.wrapper_question {
		width: 100%;
	}

	#texte_fontionne {
		padding: 0;
	}

	.col_avantage {
		flex-flow: row wrap;
	}

	#recap_wrapper.closest .toggleslide > div, #recap_wrapper {
		flex-flow: row wrap;
		justify-content: flex-start;
	}

	#recap_wrapper.closest .toggleslide > div > div {
		width: 50%;
	}

	#recap_wrapper > div {
		width: 45%;
	}

	#recap_wrapper.closest .toggleslide > div > div#recapDelivery, #recap_wrapper > div#recapDelivery {
		width: 100%;
	}

	.commande_ul li a:after {
		width: 120%;
	}

	
	/*#content_pack form {
		justify-content: left;
	}*/
	
	.overflow {
		overflow-X: visible;
	}
	
	.wrapper_inspi {
		width: 90%;
		margin: 48px auto 150px;
	}
	
	.previous_inspi {
		top: -38px;
		transform: translateX(30%);
		left: 0;
		right: initial;
	}
	
	.next_inspi {
		top: -38px;
		transform: translateX(0);
		right: 0;
		left: initial;
	}
	
	.previous_inspi a, .next_inspi a {
		position: relative;
		top: 0;
	}
	
	.previous_inspi > div, .next_inspi > div {
		display: none;
	}
	
	
	.description {
    	position: relative;
		margin-top: 25px;
	}

	.product_gallery .images {
		height: 240px;
	}

	.wrapper_panier {
		width: 100%;
		max-width: initial;
	}

	.wrapper_produit {
		justify-content: center;
	}

	.wrapper_gallery, .product_info {
		width: 80%;
		margin-top: 15px;
	}

	.archive_flex {
		flex-flow: row wrap;
		justify-content: center;
	}

	.filtre {
		width: 80%;
		max-width: 300px;
		margin-top: 30px;
		margin-right: 0;
		border: 0;
		padding: 0;
	}

	.archive .product_flex, .blog .product_flex, .search .product_flex {
		width: 96%;
	}

	#wrapper_filter_btn {
		width: 100%;
		padding: 0;
	}

	#masthead, #masthead.scrollPlus {
		height: 80px;
	}

	#masthead:after {
		bottom: -11px;
		top: initial;
	}

	#logo.hide img {
		max-width: 126px;
	}

	#menu_left {
		display: none;
	}

	.hideform  {
		display: block!important;
	}

	.hideform .search-form {
		position: relative;
		margin: 0 auto;
		width: 96%;
		display: block;
		box-sizing: border-box;
	}

	.hideform .search-form .search-field {
		width: 100%;
		box-sizing: border-box;
	}




}


@media screen and (max-width: 700px) {

	.wrapper_r_r {
		flex-flow: row wrap;
	}

	#r_r {
		font-size: 18px;
	}

	.rachat, .restitution {
		width: 100%;
	}

	.commande_ul li a {
		padding: 22px!important;
	}

	#order_address {
		flex-flow: column;
	}

	#order_address > div {
		width: 100%;
	}

	#wrapper_shipping {
		flex-flow: column;
	}

	#wrapper_shipping > p {
		margin: 0;
	}

	#recap_wrapper > div {
		margin: 0 auto;
	}



	.border_top {
		border-top: 1px solid #e8e8e8;
		padding-top: 12px;
	}

	#wrapper_panier {
		width: 93%;
	}

	tbody tr:first-child {
		display: none;
	}
	
	tbody tr {
		display: flex;
		flex-flow: column;
		align-items: end;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	
	.container_product {
		flex-flow: row nowrap;
		align-items: center;
	}
	
	tbody td {
		text-align: left;
		padding: 0;
	}
	
	.thumbnails {
    	height: 200px;
		width: 200px;
	}
	
	.quantite {
		margin: 0;
	}
	
	.quantite span.minusQty, .quantite span.maxusQty {
		width: auto;
	}

	.hide.paniertxt {
		font-weight: 700;
		display: inline-block!important;
		margin: 0 10px 0 0;
	}

	table .duree, table .alixounette, table .total {
		display: flex;
		align-items: center;
		width: auto;
	}

	.container_product {
		margin-bottom: 10px;
	}

	table .duree p {
		margin: 0;
	}

	.cart_done .submit_cart {
		padding: 7px;
		font-size: 15px;
		max-width: 150px;
	}

	#wrapper_panier .promo {
		margin: 0;
	}












	#primary {
		margin-top: 100px;
	}

	.btn_center.pack {
		position: fixed;
		z-index: 1;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background-color: white;
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.1);
	}

	.btn_center.packnone {
		display: none;
	}

	#content_pack .submit_pack {
		display: none!important;
	}
	
	#table_more {
		max-width: initial;
		width: 100%;
	}

	
	.choose.choose_add_line.selected_line .choose_add_recap {
		flex-flow: column;
		align-items: center;
	}
	
	.choose_add_recap .choose_add_qty {
		font-size: 28px;
		margin-right: 0;
	}
	
	.choose_add_price {
		text-align: center;
		font-size: 11px;
	}
	
	.close-button-block:before, .close-button-block:after {
		height: 21px;
	}
	
	#content_pop_up h3 {
		margin: 15px 0;
	}
	
	.mois input {
    	font-size: 35px;
	}
	
	.mois {
		margin: 0;
	}
	
	#content_pop_up input[type=range] {
		width: 100%;
		box-sizing: border-box;
		padding: 0 35px;
		height: 28px;
		margin: 13px auto 0;
	}
	
	#content_pop_up #minus, #content_pop_up #maxus {
		font-size: 38px;
		top: -26px;
	}
	
	#content_pop_up #maxus {
		right: 0;
	}
	
	#content_pop_up #minus {
		left: 0;
	}
	
	#content_pop_up .trait_noir {
    	display: block;
		width: 81%;
	}
	
	#content_pop_up input[type=range]::-webkit-slider-thumb {
		height: 30px;
		width: 30px;
	}
	
	#content_pop_up .wrapper_submit {
		margin: 20px auto 0;
	}
	
	#content_pop_up input[type=submit] {
		border: 2px solid black;
		border-radius: 12px;
		font-size: 17px;
		padding: 3px 23px;
	}
	
	#content_pop_up .wrapper_submit:after {
		border-radius: 12px;
	}
	
	.close-button {
		right: 13px;
		top: 7px;
	}
	
	
	
	
	
	
	#tab_panel ul li a {
		padding: 11px;
	}
	
	#tab_panel ul li a img {
		width: 20px;
	}
	
	
	
	
	#wrapper_compte {
		flex-flow: row wrap;
	}
	
	#account, #no_account {
		max-width: 400px;
		padding: 20px;
		margin: 5px 0;
	}
	
	#wrapper_compte h3 {
		font-size: 21px;
	}
	
	#content_pack.fixed .wrapper_panier {
		top: 100%;
		right: initial;
		bottom: -34px;
	}
	
	#content_pack form {
		justify-content: center;
	}
	
	#content_pack.fixed form {
		justify-content: center;
	}
	
	#content_pack h3 {
		margin-left: 0;
	}
	
	#single_pack .personnalisation {
		margin: 50px auto 0;
	}
	
	#content_pack  {
		padding: 20px 20px 60px 20px;
		width: 100%;
	}
	
	#content_pack.fixed  {
		padding: 10px 10px 40px;
	}
	
	#content_pack.fixed .check-label {
		margin: 3px;
		font-size: 13px!important;
	}
	
	#content_pack.fixed .product_price {
		font-size: 18px;
	}
	
	#content_pack.fixed .bloc_price {
		padding: 5px;
	}
	
	#single_pack .wrapper_panier {
		position: absolute;
		left: 50%;
		right: initial;
		transform: translate(-50%,-50%);
		width: 100%;
		max-width: 165px;
		top: 100%;
	}
	
	.inspirations.product_flex .products, .page-template-template-wishlist .product_flex .products {
		width: 45%;
	}


	.wrapper_engagements {
		width: 46%;
	}

	#nosvaleurs > div {
		justify-content: center;
	}

	#wrapper_all_taxo .center_inspi {
		width: 48%;
		margin: 5px;
	}
	
	#row_2 {
		flex-flow: column;
	}
	
	#row_2 > .col:nth-of-type(1), #row_2 > .col:nth-of-type(2) {
		width: 100%;
	}
	
	#row_3 {
		flex-flow: row wrap;
	}

	#row_3 > .col {
		width: 50%!important;
	}
	
	.etapes > div {
		max-width: 400px;
		width: 100%;
	}
	
	.etapes > div:first-child {
		margin-top: 0;
	}
	
	.etapes > div:nth-of-type(1):after, .etapes > div:nth-of-type(2):after, .etapes > div:nth-of-type(3):after {
		content: none;
	}
	
	#row_content {
		display: flex;
		flex-flow: column;
	}
	
	.filter_header {
		right: initial;
		left: 50%;
		top: 200%;
		transform: translateX(-50%);
	}
	
	.bg_header {
		height: 350px!important;
	}
	
	.wrapper_header {
		padding-bottom: 420px;
	}
	

}


@media screen and (max-width: 530px) {

	#paiement_success {
		padding: 15px;
		margin-top: 16px;
	}

	#paiement_success {
		font-size: 18px;
	}

	.order_infos .btn {
		margin: 5px;
	}

	.commande {
		padding-bottom: 46px;
	}

	.order_docs a {
		padding: 10px 20px 10px 40px;
	}

	.order_docs a:after {
		left: 15px;
		transform: translateX(0);
		top: 8px;
		width: 25px;
		height: 25px;
	}

	#recap_wrapper.closest .toggleslide > div > div {
		margin: 0;
		width: 100%;
	}

	#recap_wrapper > div {
		width: 100%;
	}

	.hello-week .prev, .hello-week .next {
		border-radius: 9px;
		font-size: 12px;
		padding: 5px 10px;
	}

	.hello-week .period {
		font-size: 19px!important;
	}

	#calendarOutput span {
		font-size: 16px;
	}

	#calendarOutput p {
		font-size: 16px;
		margin: 0 0 7px;
	}

	.commande_ul {
		flex-flow: nowrap!important;
	}

	.include_pack li {
		margin: 0!important;
	}

	.commande_ul li a {
		padding: 11px!important;
		font-size: 12px;
		width: 50px;
	}

	.commande_ul li span {
		font-size: 11px;
	}

	.commande_ul li img {
		width: 22px;
	}

	.commande_ul li a:after {
		width: 100%;
		height: 4px;
		bottom: 16px;
	}




	
	#badge li {
		border-radius: 9px;
		padding: 3px 8px;
		font-size: 13px;
	}
	
	.promo {
		font-size:17px;
	}
	
	.promo:after {
		height: 6px;
	}

	
	
	.flex_panel {
		flex-flow: wrap;
	}
	
	.flex_panel > div {
		width: 100%;
	}

	
	#tab_panel ul {
		flex-flow: row wrap;
		justify-content: left;
	}
	
	#tab_panel ul li {
		margin: 5px;
		width: 100%;
	}
	
	#tab_panel {
		margin: 0 auto 0;
	}
	
	#wrapper_compte #container h1 {
		margin-top: 0;
	}
	
	
	
	
	
	#single_pack .personnalisation {
		margin: 30px auto 0;
	}

	#content_pack h3 {
		margin-top: 0;
	}
	
	#single_pack .wrapper_panier {
		bottom: -34px;
	}
	
	#content_pack .product_price {
		font-size: 18px;
	}
	
	#content_pack .bloc_price {
		padding: 5px;
	}
	
	#content_pack .check-label {
		font-size: 13px!important;
		margin: 3px;
	}
	
	.wrapper_inspi .inspi_image {
		height: 450px;
	}
	
	.inspi_des {
		width: 85%;
		padding: 0 12px;
	}
	
	.inspirations.product_flex .products, .page-template-template-wishlist .product_flex .products {
		width: 100%;
	}

	.nav_gallery {
		padding: 0 50px;
	}

	.wrapper_gallery, .product_info {
		width: 100%;
	}

	.product_flex .products {
		width: 100%;
	}

	.product_image {
		height: 30vw;
	}

	h2 {
		font-family: "Brusher";
		font-size: 40px;
	}

	.wrapper_engagements h3 {
		margin: 0;
	}

	.wrapper_engagements img {
		max-width: 90px;
	}

	.wrapper_engagements:first-of-type {
		padding: 0;
	}

	.wrapper_engagements {
		width: 100%;
	}

	.pourqui_blocs {
		width: 47%;
	}

	#wrapper_all_taxo .center_inspi {
		width: 100%;
	}

	#mega_menu > li a {
		padding: 10px 70px 10px 10px!important;
	}

	#menu_location .picto_menu, .scrollPlus #menu_location .picto_menu {
		margin-right: 8px;
	}

	.scrollPlus #burger-btn, #burger-btn {
		top: 16px;
	}

	.scrollPlus #menu_location, #menu_location  {
		max-width: 130px;
	}

	#masthead, #masthead.scrollPlus {
		height: 66px;
	}
	

	.scrollPlus #number_basket, #number_basket  {
		top: -16px;
		right: -4px;
	}
	
	#masthead.scrollPlus #menu_left {
    bottom: 8px;
}

	.current-lang a, .picto_menu img, #social > div {
		border-radius: 8px;
	}

	.scrollPlus .picto_menu, .picto_menu {
		margin: 0px 4px;
	}

	.scrollPlus .picto_menu img, .picto_menu img  {
		max-width: 16px;
	}

	.scrollPlus .picto_menu:after, .picto_menu:after  {
		top: 3px;
		left: 3px;
	}

	#masthead.scrollPlus #logo.hide img, #logo.hide img {
		max-width: 100px;
	}

	#copyright, #copyright a {
		text-align: center;
	}

	#mention {
		padding: 0;
	}
	
	.bloc {
		width: 100%!important;
		margin: 5px;
		padding: 13vw 0;
	}
	
	#row_3 > .col {
		width: 100%!important;
	}
	
	#row_2 > .col:nth-of-type(2) {
		flex-flow: row nowrap;
	}
	
	#row_3 > .col:nth-of-type(3) {
		flex-flow: row wrap;
	}
	
	#row_3 > .col:nth-of-type(2) {
		flex-flow: row nowrap;
	}
	
	
	#row_1 {
		flex-flow: row wrap;
	}
	
	#row_2 > .col:nth-of-type(2), #row_3 > .col:nth-of-type(2) {
		flex-flow: row wrap;
	}
	
	#colophon {
		padding: 23vw 20px 10px;
	}

	
}


@media screen and (max-width: 430px) {

	.wrapper_question h3 {
		font-size: 15px;
	}

	#r_r {
		font-size: 16px;
	}

	.sub_title_account {
		font-size: 18px;
	}

	.btn_toggleslide {
		font-size: 16px;
	}

	#lost {
		top: 30%;
	}

	.tooltip {
		left: 0;
	}

	#masthead, #masthead.scrollPlus {
		height: 114px;
	}

	.scrollPlus #burger-btn, #burger-btn {
		top: 65px;
	}

	#masthead #logo.hide {
		float: none;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		margin: 7px 0 0;
	}

	#menu_right {
		float: right;
		margin-top: 40px;
	}

	#primary {
		margin-top: 140px;
	}

	.cart_done .submit_cart {
		max-width: 118px;
		margin-left: 6px;
	}

	
	#table_more > div {
		padding: 0 10px
	}


	#location .btn.update_cart {
		display: none!important;
	}
	
	#content_pop_up h3 {
		font-size: 18px;
	}
	
	#content_pop_up h3:after {
		height: 7px;
	}
	
	.mois input {
		font-size: 26px;
		width: 50px;
	}
	
	#content_pop_up input[type=range] {
		height: 22px;
	}
	
	#content_pop_up .trait_noir {
		width: 75%;
	}
	
	#content_pop_up #minus, #content_pop_up #maxus {
		top: -29px;
	}
	
	.number_choose {
		font-size: 23px;
	}
	
	.choose {
		flex-flow: row wrap;
		justify-content: center;
	}
	
	.slider_choose article.products {
		margin: 50px 10px 20px;
	}
	
	.slider_choose {
		width: 100%;
	}
	
	.inspi_des h2 {
		font-size: 22px;
		margin-bottom: 0;
	}
	
	
	.wp-image-31330 {
		width: 100%;
		height: auto;
	}

	.pourqui_blocs {
		width: 100%;
	}

	#wrapper_all_taxo .center_inspi h2 {
		font-size: 18px; 
	}

	#wrapper_all_taxo .inspi_image {
		height: 216px;
	}

	
	#home_filter .submit {
		position: relative;
		right: 0;
	}
	
	
	.filter_header {
		position: relative;
		display: initial;
		padding: 0;
		width: auto;
		right: initial;
		left: initial;
		transform: none;
	}
	
	.filter_header svg {
		display: none;
	}
	
	#home_filter {
		position: initial;
		transform: none;
		top: initial;
		margin: 200px 0 0;
	}
	
	.bg_header {
		height: 300px!important;
	}
	
	.wrapper_header {
		padding-bottom: 0;
	}
	
	#home_filter ul {
		flex-flow: column;
	}
	
	.content_header h1 {
		font-size: 18px;
	}
	
	#home_filter .submit {
		bottom: 0;
		margin-top: 0;
	}
	
	.btn-bandeau img {
		width: 100%;
	}
	
	#colophon #logo {
		max-width: 160px; 
	}
	
	.col_avantage {
		margin: 0;
	}
	
	.col_avantage > div {
		margin: 5px;
	}
	
	#mention {
		margin: 20px auto 20px;
	}

	.thumbnails.packs {
		display: none;
	}
	
	
}


@media screen and (max-width: 320px) {

	.commande_ul li a {
		padding: 9px!important;
		width: 41px;
	}
	
	.slider_inspi ul.slick-dots {
		bottom: 24%;
	}
	
	#wrapper_compte input[type="submit"] {
		font-size: 12px;
	}

	.container_product {
		flex-flow: row wrap;
	}

	.thumbnails {
		display: none;
	}
	
}

#wplc_chatbox {
	font-size: 9pt;
}