@font-face{
font-family:'brandon_grotesqueregular';
src:url('../fonts/brandon_re-webfont.eot');
src:url('../fonts/brandon_re-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/brandon_re-webfont.woff2') format('woff2'),
url('../fonts/brandon_re-webfont.woff') format('woff'),
url('../fonts/brandon_re-webfont.svg#brandon_grotesqueregular') format('svg');
font-weight:normal;
font-style:normal;
font-display: swap;
}

@font-face{
font-family:'brandon_grotesqueRgIt';
src:url('../fonts/brandon_reg_it-webfont.eot');
src:url('../fonts/brandon_reg_it-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/brandon_reg_it-webfont.woff2') format('woff2'),
url('../fonts/brandon_reg_it-webfont.woff') format('woff'),
url('../fonts/brandon_reg_it-webfont.svg#brandon_grotesqueRgIt') format('svg');
font-weight:normal;
font-style:normal;
font-display: swap;
}

@font-face{
font-family:'brandon_grotesquemedium';
src:url('../fonts/brandon_med-webfont.eot');
src:url('../fonts/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/brandon_med-webfont.woff2') format('woff2'),
url('../fonts/brandon_med-webfont.woff') format('woff'),
url('../fonts/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
font-weight:normal;
font-style:normal;
font-display: swap;
}

@font-face{
font-family:'brandon_grotesquebold';
src:url('../fonts/brandon_bld-webfont.eot');
src:url('../fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/brandon_bld-webfont.woff2') format('woff2'),
url('../fonts/brandon_bld-webfont.woff') format('woff'),
url('../fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
font-weight:normal;
font-style:normal;
font-display: swap;
}

@font-face{
font-family:'brandon_grotesquebolditalic';
src:url('../fonts/BrandonGrotesque-BoldItalic.eot');
src:url('../fonts/BrandonGrotesque-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('../fonts/BrandonGrotesque-BoldItalic.woff2') format('woff2'),
url('../fonts/BrandonGrotesque-BoldItalic.woff') format('woff'),
url('../fonts/BrandonGrotesque-BoldItalic.ttf') format('truetype'),
url('../fonts/BrandonGrotesque-BoldItalic.svg#brandon_grotesquebolditalic') format('svg');
font-weight:bold;
font-style:italic;
font-display: swap;
}

@font-face{
font-family:'brandon_grotesqueblack';
src:url('../fonts/brandon_blk-webfont.eot');
src:url('../fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/brandon_blk-webfont.woff2') format('woff2'),
url('../fonts/brandon_blk-webfont.woff') format('woff'),
url('../fonts/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
font-weight:normal;
font-style:normal;
font-display: swap;
}

@font-face {
font-family:'Colby CdReg';
src: url('../fonts/Colby-CdReg.eot');
src: url('../fonts/Colby-CdReg.eot?#iefix') format('embedded-opentype'),
url('../fonts/Colby-CdReg.woff2') format('woff2'),
url('../fonts/Colby-CdReg.woff') format('woff'),
url('../fonts/Colby-CdReg.ttf') format('truetype'),
url('../fonts/Colby-CdReg.svg#Colby-CdReg') format('svg');
font-weight:normal;
font-style:normal;
font-display: swap;
}

@font-face {
font-family:'Colby CdBld';
src: url('../fonts/Colby-CdBld.eot');
src: url('../fonts/Colby-CdBld.eot?#iefix') format('embedded-opentype'),
url('../fonts/Colby-CdBld.woff2') format('woff2'),
url('../fonts/Colby-CdBld.woff') format('woff'),
url('../fonts/Colby-CdBld.ttf') format('truetype'),
url('../fonts/Colby-CdBld.svg#Colby-CdBld') format('svg');
font-weight:normal;
font-style:normal;
font-display: swap;
}

*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
outline:none;
}

html{
overflow-x:hidden;
}

body{
font-family:'brandon_grotesqueregular', Arial, sans-serif;
font-size:18px;
color:#000;
background-color:#fff;
width:100%;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
overflow:hidden;
}

input[type=text],input[type=file], input[type=password], button, select, textarea{
font-family:'brandon_grotesqueregular', Arial, sans-serif;
font-size:18px;
color:#000;
border:none;
}

textarea{
resize:none;
overflow:auto;
}

::-webkit-input-placeholder{
color:#cfcfcf;
opacity:1;
font-family:'brandon_grotesquebold';
text-transform:uppercase;
font-size:11px;
letter-spacing:2px;
}

:-moz-placeholder{
color:#cfcfcf;
opacity:1;
font-family:'brandon_grotesquebold';
text-transform:uppercase;
font-size:11px;
letter-spacing:2px;
}

::-moz-placeholder{
color:#cfcfcf;
opacity:1;
font-family:'brandon_grotesquebold';
text-transform:uppercase;
font-size:11px;
letter-spacing:2px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder{
color:#cfcfcf;
opacity:1;
font-family:'brandon_grotesquebold';
text-transform:uppercase;
font-size:11px;
letter-spacing:2px;
}

button, a{cursor:pointer;}

button{
background:transparent;
border:none;
}

a, a:hover{
border:0;
text-decoration:none;
color:#000;
}

video{
max-width:100%;
height:auto;
}

table{border-collapse:collapse;}

img{
border:none;
max-width:100%;
}

ul{list-style-type:none;}

ul, ol{list-style-position:inside;}

label{display:block;}

canvas{-ms-touch-action:double-tap-zoom;}

h1, h2, h3, h4, h5{
font-weight:normal;
display:block;
}

header, nav, footer, section, article, aside, figure, figcaption, mark, time{display:block;}

sup, sub{text-transform:none;}

.clrb{clear:both;}

input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;}


/**************************************/
/*************** GÉNÉRAL **************/
/**************************************/

/**** ANIMATE ****/
@-webkit-keyframes bounceIn{
	from, 20%, 40%, 60%, 80%, to{
	-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0%{
	opacity:0;
	-webkit-transform:scale3d(0.3, 0.3, 0.3);
	transform:scale3d(0.3, 0.3, 0.3);
	}
	20%{
	-webkit-transform:scale3d(1.1, 1.1, 1.1);
	transform:scale3d(1.1, 1.1, 1.1);
	}
	40%{
	-webkit-transform:scale3d(0.9, 0.9, 0.9);
	transform:scale3d(0.9, 0.9, 0.9);
	}
	60%{
	opacity:1;
	-webkit-transform:scale3d(1.03, 1.03, 1.03);
	transform:scale3d(1.03, 1.03, 1.03);
	}
	80%{
	-webkit-transform:scale3d(0.97, 0.97, 0.97);
	transform:scale3d(0.97, 0.97, 0.97);
	}
	to{
	opacity:1;
	-webkit-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1);
	}
}

@keyframes bounceIn{
	from, 20%, 40%, 60%, 80%, to{
	-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	0%{
	opacity:0;
	-webkit-transform:scale3d(0.3, 0.3, 0.3);
	transform:scale3d(0.3, 0.3, 0.3);
	}
	20%{
	-webkit-transform:scale3d(1.1, 1.1, 1.1);
	transform:scale3d(1.1, 1.1, 1.1);
	}
	40%{
	-webkit-transform:scale3d(0.9, 0.9, 0.9);
	transform:scale3d(0.9, 0.9, 0.9);
	}
	60%{
	opacity:0.8;
	-webkit-transform:scale3d(1.03, 1.03, 1.03);
	transform:scale3d(1.03, 1.03, 1.03);
	}
	80%{
	-webkit-transform:scale3d(0.97, 0.97, 0.97);
	transform:scale3d(0.97, 0.97, 0.97);
	}
	to{
	opacity:0.8;
	-webkit-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1);
	}
}

.bounceIn{
-webkit-animation-duration:0.75s;
animation-duration:0.75s;
-webkit-animation-name:bounceIn;
animation-name:bounceIn;
}

@-webkit-keyframes fadeInDown{
	from{
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0);
	}
	80%{
	opacity:0.5;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0,0%, 0);
	}
	to{
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0,0%, 0);
	}
}

@keyframes fadeInDown{
	from{
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0);
	}
	80%{
	opacity:0.5;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0,0%, 0);
	}
	to{
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0,0%, 0);
	}
}

.fadeInDown{
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown;
}

/**** CKEDITOR ****/
.ckeditor h2, .ckeditor h3, .ckeditor h4, .ckeditor h5{
font-size:inherit;
line-height:inherit;
display:inline-block;
}

.ckeditor em, .ckeditor i{
font-family:'brandon_grotesqueRgIt';
font-style:normal;
}

.ckeditor b, .ckeditor strong, .ckeditor .hgras{
font-family:'brandon_grotesquebold';
font-weight:normal;
}

.ckeditor em strong, .ckeditor i strong, .ckeditor em b, .ckeditor i b, .ckeditor b i, .ckeditor strong i, .ckeditor b em, .ckeditor strong em{
font-family:'brandon_grotesquebold';
font-style:italic;
font-weight:normal;
}

.ckeditor .color{color:#71b790;}

.ckeditor a{
text-decoration:underline;
color:#71b790;
}

.ckeditor .ti_vert, .ckeditor .ti_vert em, .ckeditor .ti_vert i, .ckeditor .ti_vert strong, .ckeditor .ti_vert b{
font-family:'Colby CdReg';
font-size:30px;
line-height:32px;
color:#71b790;
display:inline-block;
font-style:normal;
font-weight:normal;
}

/********************************************* à revoir *********************************************/
.ckeditor .tivert{
display:block;
text-align:center;
padding:10px 0;
}

.ckeditor .tivert, .ckeditor .tivert em, .ckeditor .tivert i, .ckeditor .tivert strong, .ckeditor .tivert b{
font-family:'Colby CdReg';
font-size:35px;
line-height:37px;
color:#71b790;
font-style:normal;
font-weight:normal;
}
/********************************************* à revoir *********************************************/

.ckeditor .vert_maj_bold{
color:#71b790;
text-transform:uppercase;
font-family:'brandon_grotesquebold';
}

.ckeditor .maj_bold{
text-transform:uppercase;
font-family:'brandon_grotesquebold';
}

.ckeditor .txt_centre{
display:inline-block;
width:100%;
text-align:center;
}

.ckeditor .vert_centre_comp, .ckeditor .vert_centre_comp em, .ckeditor .vert_centre_comp i, .ckeditor .vert_centre_comp strong, .ckeditor .vert_centre_comp b{
font-family:'Colby CdReg';
font-size:39px;
line-height:34px;
color:#71b790;
text-align:center;
width:100%;
font-style:normal;
font-weight:normal;
}

.ckeditor .lipicto{
text-align:left;
position:relative;
padding-left:50px;
}

.ckeditor .lipicto > img{
max-width:30px;
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
display:block;
}

.ckeditor sup, .ckeditor sub{
font-size:70%;
position:relative;
line-height:10px;
}

.ckeditor sup{top:-0.2em;}

.ckeditor sub{top:-0.1em;}

.ckeditor sup a, .ckeditor sub a{text-decoration:none;}

.ckeditor .encadre{
max-width:920px;
margin:0 auto;
padding:20px;
border:1px solid #000;
}

.ckeditor .liste_tiret, .ckeditor .liste_bulle{
position:relative;
padding-left:15px;
display:inline-block;
width:100%;
}

.ckeditor .liste_tiret:before, .ckeditor .liste_bulle:before{
position:absolute;
top:0;
left:0;
}

.ckeditor .liste_tiret:before{content:'-';}

.ckeditor .liste_bulle:before{content:'•';}

.ckeditor iframe{width:100% !important;}

.ckeditor > div,.ckeditor > div > div{
width:100% !important;
max-width:100% !important;
}

.ckeditor img{
display:block;
width:auto !important;
height:auto !important;
margin:0 auto;
}

.ckeditor img.float_left{
max-width:45% !important;
float:left;
margin:0 30px 10px 0;
}

.ckeditor img.float_right{
max-width:45% !important;
float:right;
margin:0 0 10px 30px;
}

/**** BOUTONS VERTS ****/
.bt_vert, .bt_gris, .bt_vert_fonce{
position:relative;
display:inline-block;
vertical-align:middle;
padding:15px 40px;
background-color:#71b790;
font-family:'brandon_grotesquebold';
font-size:13px;
letter-spacing:2px;
color:#fff;
text-transform:uppercase;
overflow:hidden;
cursor:pointer;
}

.bt_vert.pt, .bt_gris.pt, .bt_vert_fonce.pt{padding:10px 20px;}

.bt_vert span, .bt_gris span, .bt_vert_fonce span{
position:relative;
display:block;
z-index:2;
}

.bt_vert:before, .bt_gris:before, .bt_vert_fonce:before{
position:absolute;
content:'';
bottom:-150%;
left:-50%;
width:200%;
height:200%;
transform:rotate(-10deg);
background-color:#205c40;
z-index:1;
transition:bottom 0.5s;
}

.bt_vert.fixed, .bt_gris.fixed, .bt_vert_fonce.fixed{
padding:0;
text-align:center;
}

.bt_gris{
background-color:#fff;
color:#000;
}

.bt_gris:before{background-color:#efefef;}

.bt_vert_fonce{background-color:#205c40;}

.bt_vert_fonce:before{background-color:#0c3e1a;}

.bt_vert.rouge{background-color:#d4261d;}

.bt_vert.rouge:before{background-color:#7d1813;}

.bt_vert2, a.bt_vert2{
display:inline-block;
background-color:#205c40;
color:#fff;
padding:20px 35px;
border-radius:26px;
font-family:'brandon_grotesquebold';
font-size:13px;
letter-spacing:1px;
text-transform:uppercase;
line-height:13px;
cursor:pointer;
}

/**** TITRES ****/
.tibo20{
font-family:'brandon_grotesquebold';
font-size:20px;
line-height:22px;
text-transform:uppercase;
}

.tibo22{
font-family:'brandon_grotesquebold';
font-size:22px;
line-height:24px;
text-transform:uppercase;
letter-spacing:1px;
}

.tibo30{
font-family:'brandon_grotesquebold';
font-size:30px;
line-height:40px;
text-transform:uppercase;
}

.tibo25{
font-family:'brandon_grotesquebold';
font-size:25px;
line-height:30px;
text-transform:uppercase;
}

.tibla69{
font-family:'brandon_grotesqueblack';
font-size:69px;
line-height:62px;
text-transform:uppercase;
letter-spacing:1px;
}

.tibla35{
font-family:'brandon_grotesqueblack';
font-size:35px;
line-height:28px;
text-transform:uppercase;
letter-spacing:1px;
}

.tibla25{
font-family:'brandon_grotesqueblack';
font-size:25px;
line-height:30px;
text-transform:uppercase;
letter-spacing:1px;
}

.ticomplete150{
font-family:'Colby CdReg';
font-size:150px;
line-height:130px;
}

.ticomplete60{
font-family:'Colby CdReg';
font-size:60px;
line-height:60px;
}

.ticomplete55{
font-family:'Colby CdReg';
font-size:55px;
line-height:55px;
}

.ticomplete50{
font-family:'Colby CdReg';
font-size:50px;
line-height:50px;
}

.ticomplete45{
font-family:'Colby CdReg';
font-size:45px;
line-height:45px;
}

.ticomplete39{
font-family:'Colby CdReg';
font-size:30px;
line-height:30px;
}

.ticomplete35{
font-family:'Colby CdReg';
font-size:35px;
line-height:35px;
}

.ticomplete30{
font-family:'Colby CdReg';
font-size:30px;
line-height:30px;
}

/**** FAUX RADIO ET CHECKBOX ****/
label.checkbox, label.radio{
display:inline-block;
padding-left:25px;
font-family:'brandon_grotesquebold';
text-transform:uppercase;
font-size:11px;
letter-spacing:1px;
background:url(../img/checkbox_off.png) no-repeat left center;
background-size:16px auto;
min-height:16px;
cursor:pointer;
}

label.checkbox.active, label.radio.active{background-image:url(../img/checkbox_on.png);}

label.checkbox.border, label.radio.border{background-image:url(../img/checkbox_border_off.png);}

label.checkbox.border.active, label.radio.border.active{background-image:url(../img/checkbox_border_on.png);}

/**** MASQUER LE ECOMMERCE ****/
body.noshop .is_shop{display:none !important;}

/**** COULEURS ****/
.bg_beige{background-color:#f7f7f0;}

.bg_beige_fonce{background-color:#eae9df;}

.vert{color:#205c40;}

/**** HEADER ****/
#header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:6000;
background-color:#fff;
-moz-box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);
-o-box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);
box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);
}

#header .accroche{
position:relative;
top:0;
left:0;
width:100%;
padding:8px 40px;
background-color:#f7f7f0;
text-align:center;
font-family:'brandon_grotesquebold';
font-size:11px;
letter-spacing:2px;
text-transform:uppercase;
}

#header .accroche.hidden{display:none;}

#header .accroche .close{
display:block;
position:absolute;
background:url(../img/close_noir.png) no-repeat center center;
background-size:100% auto;
cursor:pointer;
width:12px;
height:12px;
right:13px;
top:50%;
margin-top:-6px;
}

#header .centre{
padding:30px 60px 0 60px;
display:flex;
flex-flow:row;
justify-content:space-between;
align-items:flex-end;
width:100%;
font-family:'brandon_grotesquemedium';
text-transform:uppercase;
letter-spacing:1px;
transition:padding 0.5s;
position:relative;
}

#header .centre .burger{
display:none;
width:38px;
height:35px;
background:url(../img/menu_burger.png) no-repeat center center;
background-size:100% auto;
cursor:pointer;
margin-right:45px;
}

#header .centre .burger.close{background-image:url(../img/close_noir.png);}

#header .centre .logo{
width:125px;
margin-bottom:35px;
}

#header .centre .logo img{display:block;}

#header .centre nav{
flex-grow:1;
font-size:15px;
line-height:15px;
display:none;
}

#header .centre nav > div{
display:inline-block;
vertical-align:bottom;
padding:0 0 35px 45px;
}

#header .centre nav > div > a, #header .centre nav > div > span{
display:block;
position:relative;
}

#header .centre nav > div > a:after, #header .centre nav > div > span:after{
position:absolute;
bottom:-35px;
left:50%;
width:0;
transition:width 0.5s, left 0.5s;
height:4px;
background-color:#71b790;
content:'';
}

#header .centre nav > div.active > a:after, #header .centre nav > div.active > span:after{
width:100%;
left:0;
}

#header .centre nav > div.cih > a, #header .centre nav > div.cih > span{
font-family:'Colby CdReg';
font-size:25px;
line-height:25px;
text-transform:none;
letter-spacing:0;
}

#header .centre nav > div.market > a{color:#215a41;}

#header .centre nav > div.market a:after{background-color:#215a41;}

#header .centre nav > div .ssmenu{
position:absolute;
top:100%;
left:0;
width:100%;
background-color:#f7f7f0;
-moz-box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);
-o-box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);
box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e5e5e5, Direction=180, Strength=5);
padding:20px 20px 20px 230px;
display:none;
z-index:5600;
}

#header .centre nav > div .ssmenu > div{
display:flex;
align-items:flex-start;
}

#header .centre nav > div .ssmenu > div .liens{
display:inline-block;
vertical-align:top;
font-family:'brandon_grotesquemedium';
text-transform:uppercase;
letter-spacing:1px;
font-size:14px;
line-height:18px;
padding-right:30px;
}

#header .centre nav > div .ssmenu > div .liens strong{
font-family:'brandon_grotesquebold';
font-weight:normal;
}

#header .centre nav > div .ssmenu > div .liens a.active{color:#71b790;}

#header .centre nav > div .ssmenu > div > img{
display:inline-block;
vertical-align:top;
width:400px;
}

#header .centre .pictos{
margin-bottom:35px;
text-align:right;
}

#header .centre .pictos li{
display:inline-block;
vertical-align:bottom;
font-size:11px;
line-height:11px;
position:relative;
cursor:pointer;
}

#header .centre .pictos li > a{display:block;}

#header .centre .pictos li + li{margin-left:20px;}

#header .centre .pictos li .pic{
position:absolute;
display:block;
top:0;
left:0;
width:100%;
}

#header .centre .pictos li .pic img{
display:block;
margin:0 auto;
height:20px;
transition:height 0.2s;
}

#header .centre .pictos li .txt{
visibility:hidden;
padding-top:40px;
display:block;
}

#header .centre .pictos li.open .txt, #header .centre .pictos li.active .txt{color:#71b790;}

#header .centre .pictos li .num{
display:none;
position:absolute;
z-index:1;
top:-12px;
left:55%;
height:25px;
width:25px;
line-height:25px;
background-color:#71b790;
border-radius:25px;
color:#fff;
text-align:center;
font-family:'brandon_grotesquebold';
font-size:14px;
letter-spacing:2px;
opacity:0.8;
}

#header .centre .pictos li .num.bounceIn{display:block;}

#header .centre .pictos li.hidden{display:none;}

#header .centre .pictos li.select_lang, #header .centre .pictos li.select_lang .pic{position:static;}

#header .centre .pictos li.select_lang .pic{text-align:center;}

#header .centre .pictos li.select_lang .txt{padding-top:20px;}

#header .centre .pictos li.select_lang .pic img{
height:15px;
display:inline-block;
vertical-align:middle;
margin-right:10px;
}

#header .centre .pictos li.select_lang .pic::after{
content:'';
display:inline-block;
vertical-align:middle;
background:url(../img/fleche_noir_bottom.png) no-repeat center center;
background-size:12px auto;
width:12px;
height:7px;
}

#header .centre .pictos li.select_lang.open .pic::after{background-image:url(../img/fleche_noir_top.png);}

#header .centre .pictos li.select_lang .list_lang{
position:absolute;
top:100%;
right:0;
background-color:#fff;
padding:0 30px 30px 30px;
display:none;
text-align:left;
z-index:5;
}

#header .centre .pictos li.select_lang .list_lang a{
display:block;
white-space:nowrap;
}

#header .centre .pictos li.select_lang .list_lang a img{
display:inline-block;
vertical-align:middle;
width:20px;
margin-right:15px;
}

#header .centre .pictos li.select_lang .list_lang a span{
display:inline-block;
vertical-align:middle;
font-family:'brandon_grotesquebold';
font-size:10px;
letter-spacing:1px;
text-transform:uppercase;
}

#header .centre .pictos li.select_lang .list_lang a + a{margin-top:15px;}

#header .pop_search{
position:absolute;
top:100%;
right:-500px;
width:500px;
max-width:100%;
transition:right 0.5s;
z-index:5500;
background-color:#fff;
padding:15px 60px 30px 60px;
}

#header .pop_search.open{right:0;}

#header .pop_search input[type=text], #header .pop_search button{
display:inline-block;
vertical-align:middle;
}

#header .pop_search input[type=text]{
width:calc(100% - 37px);
padding-bottom:7px;
border-bottom:1px solid #000;
font-size:16px;
}

#header .pop_search ::-webkit-input-placeholder{
font-family:'brandon_grotesqueRgIt';
text-transform:none;
font-size:16px;
letter-spacing:0;
}

#header .pop_search :-moz-placeholder{
font-family:'brandon_grotesqueRgIt';
text-transform:none;
font-size:16px;
letter-spacing:0;
}

#header .pop_search ::-moz-placeholder{
font-family:'brandon_grotesqueRgIt';
text-transform:none;
font-size:16px;
letter-spacing:0;
}

#header .pop_search input:-ms-input-placeholder{
font-family:'brandon_grotesqueRgIt';
text-transform:none;
font-size:16px;
letter-spacing:0;
}

#header .pop_search button{
width:37px;
height:12px;
background:url(../img/close_noir.png) no-repeat right center;
background-size:auto 100%;
transition:background-image 0.5s, height 0.5s;
}

#header .pop_search button.ok{
background-image:url(../img/search_menu.png);
height:20px;
}

/**** NAV RESPONSIVE ****/
.nav_resp{
position:fixed;
top:0;
background-color:#fff;
width:100%;
padding:123px 0 20px 0;
z-index:5600;
height:100%;
text-transform:uppercase;
letter-spacing:1px;
overflow:auto;
left:-100%;
transition:left 1s;
}

.nav_resp ul li{cursor:pointer;}

.nav_resp.menu > ul > li, .nav_resp.ssmenu > div > ul > li{border-bottom:1px solid #d7d7d7;}

.nav_resp.menu > ul{margin-left:50px;}

.nav_resp.menu > ul > li{
font-size:18px;
line-height:18px;
padding:30px 20px;
}

.nav_resp.menu > ul > li span{font-size:15px;}

.nav_resp.menu > ul > li.cih{
font-family:'Colby CdReg';
font-size:31px;
text-transform:none;
letter-spacing:0;
}

.nav_resp.ssmenu{z-index:5700;}

.nav_resp.open{left:0;}

.nav_resp.ssmenu .back{padding:30px 20px;}

.nav_resp.ssmenu .back span, .nav_resp.ssmenu .back strong{
display:inline-block;
vertical-align:middle;
}

.nav_resp.ssmenu .back span{
background:url(../img/prev_noir.png) no-repeat left center;
background-size:8px auto;
padding:0 35px 0 25px;
font-size:15px;
cursor:pointer;
}

.nav_resp.ssmenu .back strong{
font-family:'brandon_grotesquebold';
font-weight:normal;
}

.nav_resp.ssmenu > div > ul > li{
font-size:14px;
line-height:14px;
padding:20px 40px;
}

.nav_resp.ssmenu > div > ul > li.deroul{padding:0;}

.nav_resp.ssmenu > div > ul > li.deroul > span{
display:block;
padding:20px 40px;
background:url(../img/fleche_noir_bottom.png) no-repeat right 40px center;
background-size:11px auto;
}

.nav_resp.ssmenu > div > ul > li.deroul > span.active{
background-image:url(../img/fleche_noir_top.png);
background-color:#f7f7f0;
}

.nav_resp.ssmenu > div > ul > li.deroul > ul{
margin-left:60px;
display:none;
}

.nav_resp.ssmenu > div > ul > li.deroul > ul > li{padding:15px;}

.nav_resp.ssmenu > div > ul > li.deroul > ul > li + li{border-top:1px solid #d7d7d7;}

/**** FOOTER ****/
#footer .reassur{
display:flex;
flex-flow:wrap;
justify-content:center;
width:1200px;
max-width:100%;
margin:0 auto;
padding:15px 0;
}

#footer .reassur.hidden{display:none;}

#footer .reassur li{
width:25%;
padding:0 40px;
text-align:center;
color:#000;
text-transform:uppercase;
font-weight:normal;
font-size:16px;
line-height:20px;
font-family:'brandon_grotesquebold';
letter-spacing:0;
margin:40px 0;
}

#footer .reassur li a{display:block;}

#footer .reassur li + li{border-left:2px solid #000;}

#footer .reassur li .img{
height:60px;
margin-bottom:20px;
}

#footer .reassur li .img img{
display:block;
max-height:60px;
max-width:60px;
margin:0 auto;
}

#footer .motif{
margin-top:165px;
background:url(../img/motif_footer.jpg) repeat left top;
padding:0 50px;
}

#footer .motif .newsletter, #footer .motif .liens, #footer .bottom{
width:1200px;
max-width:100%;
margin:0 auto;
}

#footer .motif .newsletter{
position:relative;
margin-top:45px;
background-color:#a5d6b9;
top:-125px;
padding:70px 35px 35px 35px;
}

#footer .motif .newsletter .picto{
position:absolute;
display:block;
width:85px;
height:85px;
top:-42px;
left:50%;
margin-left:-42px;
background:url(../img/picto_news.png) no-repeat center center;
background-size:55% auto;
background-color:#a5d6b9;
border:2px solid #fff;
border-radius:85px;
}

#footer .motif .newsletter form{
width:700px;
max-width:100%;
margin:0 auto;
text-align:center;
}

#footer .motif .newsletter form strong{
display:block;
text-transform:uppercase;
font-weight:normal;
font-family:'brandon_grotesquebold';
letter-spacing:3px;
font-size:14px;
line-height:18px;
padding-bottom:20px;
}

#footer .motif .newsletter form input[type=text]{
display:inline-block;
vertical-align:middle;
height:40px;
line-height:40px;
width:calc(100% - 50px);
max-width:425px;
padding:0 30px;
text-align:center;
}

#footer .motif .newsletter form button{
width:50px;
height:40px;
line-height:40px;
}

#footer .motif .newsletter form .err_form{
display:none;
font-family:'brandon_grotesquebold';
font-size:18px;
line-height:24px;
padding-top:20px;
color:#c02b34;
}

#footer .motif .newsletter form .err_form.ok{color:#052c18;}

#footer .motif .newsletter form .legal{
display:block;
font-family:'brandon_grotesqueRgIt';
font-size:16px;
line-height:18px;
padding-top:20px;
opacity:0.4;
}

#footer .motif .liens{
margin-top:-125px;
padding:40px 0 65px 0;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

#footer .motif .liens li > img{display:block;}

#footer .motif .liens li.logo{
width:165px;
padding-right:40px;
}

#footer .motif .liens li.menu{
width:calc((100% - 690px) / 3);
padding-right:20px;
line-height:16px;
}

#footer .motif .liens li.menu a{
display:inline-block;
font-family:'brandon_grotesquemedium';
font-size:12px;
color:#fff;
text-transform:uppercase;
letter-spacing:1px;
margin-top:5px;
}

#footer .motif .liens li.menu a.strong{
font-family:'brandon_grotesqueblack';
font-size:14px;
}

#footer .motif .liens li.menu a:first-child{margin-top:5px;}

#footer .motif .liens li.norme{width:182px;}

#footer .motif .liens li.bio{width:90px;}

#footer .motif .liens li.norme img{
display:inline-block;
max-width:calc(100% - 82px);
vertical-align:middle;
margin:0 auto 0 10px;
}
#footer .motif .liens li.norme img.bcorp{
margin:0;
width:auto;
max-height:120px;
}
#footer .motif .liens li.norme img.toutpetit{
display:block;
margin:15px auto 0;
max-width:100%;
max-height:none;
width:auto;
}

#footer .motif .liens li.bio.hidden{visibility:hidden;}

#footer .motif .liens li.actions{
text-align:center;
width:225px;
}

#footer .motif .liens li.actions > .txt{
font-size:15px;
padding-bottom:20px;
font-family:'brandon_grotesquebold';
color:#fff;
}

#footer .motif .liens li.actions > .txt.maj{
text-transform:uppercase;
letter-spacing:2px;
}

#footer .motif .liens li.actions > .txt.vert, #footer .motif .liens li.actions > .txt.vert a{
/* font-size:24px; */
font-size:17px;
color:#71b790;
text-decoration:none;
}

#footer .motif .liens li.actions .bt_vert{
width:100%;
height:50px;
line-height:50px;
}

#footer .motif .liens li.actions .sociaux a{
display:inline-block;
vertical-align:middle;
margin:30px 15px 0 15px;
max-width:35px;
}

#footer .motif .liens li.actions .sociaux a img{
display:block;
max-height:26px;
}

#footer .motif.nonews, #footer .motif.nonews .liens{margin-top:0;}

#footer .motif.nonews .liens{padding:65px 0;}

#footer .motif.nonews .newsletter{display:none;}

#footer .bottom{
padding:15px 20px;
line-height:14px;
}

#footer .bottom{
display:flex;
flex-flow:wrap;
align-items:center;
}

#footer .bottom .left, #footer .bottom .right{
display:flex;
flex-flow:wrap;
align-items:center;
}

#footer .bottom .right{flex-grow:1;}

#footer .bottom .lang{
position:relative;
cursor:pointer;
}

#footer .bottom .lang.hidden{display:none;}

#footer .bottom .lang img, #footer .bottom .lang span{
display:inline-block;
vertical-align:middle;
}

#footer .bottom .lang img{
max-width:17px;
max-height:11px;
}

#footer .bottom .lang span{
padding-left:10px;
font-family:'brandon_grotesquebold';
font-size:10px;
text-transform:uppercase;
letter-spacing:2px;
}

#footer .bottom .lang > span{
padding-left:25px;
background:url(../img/fleche_noir_bottom.png) no-repeat 10px center;
background-size:10px auto;
}

#footer .bottom .lang.open > span{background-image:url(../img/fleche_noir_top.png);}

#footer .bottom .lang .autres{
display:none;
position:absolute;
bottom:100%;
left:-10px;
background-color:#fff;
padding:10px 0;
}

#footer .bottom .lang .autres a{
display:block;
padding:0 10px;
white-space:nowrap;
}

#footer .bottom .lang .autres a + a{margin-top:5px;}

#footer .bottom .copy, #footer .bottom .secure{padding-left:25px;}

#footer .bottom .lang.hidden + .copy{padding-left:0;}

#footer .bottom .copy{font-size:15px;}

#footer .bottom .secure span, #footer .bottom .secure img{
display:inline-block;
vertical-align:middle;
}

#footer .bottom .secure span{
padding:0 20px;
background:url(../img/picto_secure.png) no-repeat left center;
background-size:10px auto;
font-family:'brandon_grotesquebold';
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
}

#footer .bottom .secure img{max-height:22px;}

#footer .bottom .nash{
display:inline-block;
width:105px;
margin-left:auto;
}

#footer .bottom .nash img{display:block;}

/**** RGPD ****/
#rgpd, #pop_select_lang{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:9000;
background:rgba(255, 255, 255, 0.8);
display:none;
}

#rgpd > div, #pop_select_lang > div{
position:relative;
top:50%;
left:50%;
width:650px;
max-width:90%;
text-align:center;
transform:translate(-50%, -50%);
padding:60px 30px;
}

#rgpd > div{
overflow:hidden;
background-color:#71b790;
}

#pop_select_lang > div{
width:520px;
padding:35px 70px;
font-size:15px;
line-height:20px;
letter-spacing:1px;
text-transform:uppercase;
background-color:#71b790;
}

#pop_select_lang > div .bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
display:block;
}

#rgpd > div:before, #pop_select_lang > div .bg:before{
position:absolute;
content:'';
top:40%;
left:0;
width:150%;
height:150%;
transform:rotate(-10deg);
background-color:#205c40;
z-index:-1;
}

#rgpd > div > span, #pop_select_lang > div > span{
display:block;
width:430px;
max-width:100%;
margin:0 auto;
font-family:'brandon_grotesquemedium';
letter-spacing:1px;
text-transform:uppercase;
}

#rgpd > div > span{
font-size:13px;
line-height:22px;
}

#rgpd > div > span a{text-decoration:underline;}

#rgpd > div > .bt_gris{margin-top:40px;}

#rgpd > div > a{
font-family:'brandon_grotesquemedium';
font-size:13px;
letter-spacing:1px;
text-transform:uppercase;
text-decoration:underline;
display:inline-block;
margin-top:20px;
}

#pop_select_lang > div > span{
display:inline-block;
width:220px;
max-width:100%;
color:#fff;
position:relative;
}

#pop_select_lang > div .selection{
position:relative;
margin:25px 0;
background-color:#fff;
font-family:'brandon_grotesquebold';
}

#pop_select_lang > div .selection .select{
cursor:pointer;
padding:20px 50px 20px 20px;
background:url(../img/fleche_noir_bottom.png) no-repeat right 20px center;
background-size:16px auto;
}

#pop_select_lang > div .selection .select.open{background-image:url(../img/fleche_noir_top.png);}

#pop_select_lang > div .selection .select, #pop_select_lang > div .selection ul li{
display:flex;
align-items:center;
}

#pop_select_lang > div .selection .select img, #pop_select_lang > div .selection ul li img{
width:30px;
margin-right:20px;
display:block;
}

#pop_select_lang > div .selection ul{
display:none;
position:absolute;
top:100%;
left:0;
width:100%;
background-color:#fff;
max-height:200px;
overflow-y:auto;
}

#pop_select_lang > div .selection ul li{
cursor:pointer;
padding:10px 50px 10px 20px;
}

#pop_select_lang > div > a{
color:#fff;
text-transform:uppercase;
text-decoration:underline;
position:relative;
}

/**** RETOUR HAUT DE PAGE ****/
#backtop{
position:fixed;
bottom:80px;
right:40px;
width:60px;
height:60px;
background:url(../img/back_top.png) no-repeat center center;
background-size:23px auto;
background-color:#71b790;
border-radius:60px;
cursor:pointer;
z-index:5300;
display:none;
}

#backtop.none{display:none !important;}

/**** POP in newsletter ****/
#pop_news{
position:fixed;
z-index:5400;
bottom:60px;
right:-100%;
background-color:#a5d6b9;
padding:30px;
width:450px;
max-width:100%;
transition:right 1.5s;
}

#pop_news .close{
position:absolute;
top:20px;
right:20px;
display:block;
cursor:pointer;
width:15px;
height:15px;
background:url(../img/close_blanc.png) no-repeat center center;
background-size:100% auto;
}

#pop_news > .ticomplete30, #pop_news > strong{
padding-bottom:10px;
text-align:center;
}

#pop_news > .ticomplete30{color:#fff;}

#pop_news > strong{
font-family:'brandon_grotesquebold';
letter-spacing:2px;
font-size:11px;
line-height:14px;
display:block;
text-transform:uppercase;
font-weight:normal;
}

#pop_news form input[type=text]{
display:inline-block;
vertical-align:middle;
height:40px;
line-height:40px;
width:calc(100% - 50px);
max-width:425px;
padding:0 10px;
}

#pop_news form button{
width:50px;
height:40px;
line-height:40px;
}

#pop_news form .err_form{
display:none;
font-family:'brandon_grotesquebold';
letter-spacing:1px;
font-size:14px;
line-height:16px;
padding-top:10px;
color:#c02b34;
}

#pop_news form .err_form.ok{color:#052c18;}

#pop_news form .legal{
font-family:'brandon_grotesqueRgIt';
font-size:12px;
line-height:18px;
padding-top:10px;
opacity:0.6;
}

/**** MAIN ****/
main{padding-top:118px;}

/**** FIL D'ARIANE ****/
nav.ariane{
background-color:#fff;
padding:15px 60px 10px 230px;
font-family:'brandon_grotesquebold';
text-transform:uppercase;
color:#a7a7a7;
font-size:11px;
letter-spacing:1px;
}

nav.ariane h1{font-size:11px;}

nav.ariane a.back{
display:inline-block;
vertical-align:middle;
line-height:12px;
padding-left:18px;
background:url(../img/prev_noir.png) no-repeat left top;
background-size:auto 100%;
margin-right:30px;
}

nav.ariane > span{
display:inline-block;
vertical-align:middle;
position:relative;
}

nav.ariane > span + span{margin-left:22px;}

nav.ariane > span + span:before{
position:absolute;
left:-14px;
content:'>';
top:0;
}

nav.ariane > span a{color:#a7a7a7;}

/**** BLOC SEO ****/
.bloc_seo{
position:relative;
width:100%;
background:url(../img/bg_seo.jpg) no-repeat center bottom;
background-color:#966e3f;
background-size:100% auto;
padding:85px 50px;
text-align:center;
}

.bloc_seo .resp{
display:none;
color:#fff;
font-size:16px;
}

.bloc_seo .resp .more, .bloc_seo article .less{
vertical-align:top;
width:25px;
height:25px;
background-repeat:no-repeat;
background-position:center center;
background-size:11px auto;
background-color:#fff;
border-radius:15px;
cursor:pointer;
margin:10px auto 0 auto;
}

.bloc_seo .resp .more{
display:block;
background-image:url(../img/fleche_noir_bottom.png);
}

.bloc_seo article .less{
display:none;
background-image:url(../img/fleche_noir_top.png);
}

.bloc_seo article{
position:relative;
z-index:10;
color:#fff;
width:1280px;
max-width:100%;
margin:0 auto;
}

.bloc_seo article h1{padding-bottom:30px;}

.bloc_seo article .ckeditor{
font-size:20px;
line-height:24px;
}

.bloc_seo > img{
position:absolute;
z-index:5;
max-width:15%;
bottom:0;
right:15%;
display:block;
}

/**** ÉTOILES AVIS ****/
.stars_avis{
width:87px;
height:12px;
background:url(../img/stars_off.png) no-repeat left center;
background-size:auto 100%;
position:relative;
}

.stars_avis .on{
position:absolute;
top:0;
left:0;
height:100%;
background:url(../img/stars_on.png) no-repeat left center;
background-size:auto 100%;
z-index:10;
}

/**** FAUX SELECT ****/
.selectric-faux_select .selectric, select.faux_select{
background-color:#fff;
border:none;
}

.selectric-faux_select.selectric-open{z-index:5000;}

.selectric-faux_select.selectric-open .selectric{background-color:#eae9df;}

.selectric-faux_select.err .selectric{outline:1px solid #d4261d;}

.selectric-faux_select .selectric .label, select.faux_select{
font-size:13px;
text-transform:uppercase;
font-family:'brandon_grotesquebold';
margin:0;
line-height:normal;
height:auto;
padding:10px 40px 10px 15px;
color:#010101;
letter-spacing:1px;
}

.selectric-faux_select .selectric .button{
width:13px;
height:7px;
background:url(../img/fleche_noir_bottom.png) no-repeat center center;
background-size:100% auto;
top:15px;
right:20px;
}

.selectric-faux_select .selectric .button:after{display:none;}

.selectric-faux_select.selectric-open .selectric .button{background-image:url(../img/fleche_noir_top.png);}

.selectric-faux_select .selectric-items{
width:100% !important;
background:#eae9df;
border:none;
box-shadow:none;
}

.selectric-faux_select .selectric-items .selectric-scroll{
height:auto;
max-height:290px;
overflow:auto;
padding-bottom:10px;
}

.selectric-faux_select .selectric-items li, .selectric-faux_select .selectric-items ul{
font-size:13px;
line-height:normal;
min-height:auto;
}

.selectric-faux_select .selectric-items li{
text-transform:uppercase;
color:#010101;
padding:0 15px;
}

.selectric-faux_select .selectric-items li + li{margin-top:5px;}

.selectric-faux_select .selectric-items li.highlighted, .selectric-faux_select .selectric-items li.selected{
color:#205c40;
background:transparent;
}

.selectric-faux_select.selectric-multiple .selectric-items li{
padding-left:45px;
padding-top:4px;
background:url(../img/select_check_off.png) no-repeat 15px top;
background-size:22px auto;
min-height:23px;
}

.selectric-faux_select.selectric-multiple .selectric-items li.selected, .selectric-faux_select.selectric-multiple .selectric-items li.highlighted{
background:url(../img/select_check_on.png) no-repeat 15px top;
background-size:22px auto;
}

/**** AUTOCOMPLETE GOOGLE PLACES ****/
.pac-container{z-index:10000 !important;}

/**** DATE PICKER ****/
#ui-datepicker-div{z-index:8000 !important;}

.ui-widget.ui-widget-content{
border:1px solid #ecebe4 !important;
border-radius:0;
padding:0;
font-family:'brandon_grotesqueregular';
}

.ui-datepicker .ui-datepicker-header{
padding:10px 40px !important;
background-color:#f7f7f0;
border:none;
border-radius:0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev:focus, .ui-datepicker .ui-datepicker-next:focus, .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{
top:50% !important;
width:10px !important;
height:16px !important;
margin-top:-8px;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{
border:none !important;
background:transparent !important;
}

.ui-datepicker .ui-datepicker-prev{left:10px !important;}

.ui-datepicker .ui-datepicker-next{right:10px !important;}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
position:static !important;
background-position:center center;
background-repeat:no-repeat;
background-size:100% auto;
width:100%;
height:100%;
margin:0 !important;
}

.ui-datepicker .ui-datepicker-prev span{background-image:url(../img/prev_noir.png);}

.ui-datepicker .ui-datepicker-next span{background-image:url(../img/next_noir.png);}

.ui-datepicker .ui-datepicker-title{
margin:0 !important;
line-height:15px !important;
font-size:13px;
text-transform:uppercase;
font-family:'brandon_grotesquebold';
font-weight:normal;
}

.ui-datepicker .ui-datepicker-title select{
margin:0 !important;
border:1px solid #000;
}

.ui-datepicker select.ui-datepicker-month{width:calc(100% - 90px) !important;}

.ui-datepicker select.ui-datepicker-year{
width:80px !important;
margin-left:10px !important;
}

.ui-datepicker table{
width:calc(100% - 20px) !important;
font-size:13px !important;
margin:10px !important;
}

.ui-datepicker th{
font-family:'brandon_grotesquebold';
padding:5px !important;
font-weight:normal !important;
}

.ui-datepicker td{
font-family:'brandon_grotesqueregular';
padding:1px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
border:none !important;
background:#ecebe4 !important;
font-weight:normal !important;
color:#000 !important;
padding:5px;
}

.ui-datepicker td span, .ui-datepicker td a{text-align:center;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
background:#71b790 !important;
font-family:'brandon_grotesquebold';
color:#fff !important;
}

/**** LISTES PRODUITS ****/
.liste_produits{
display:flex;
flex-flow:row wrap;
margin:0 -10px;
}

.liste_produits > article{margin:50px 10px 0 10px;}

.liste_produits > article.noresult{
width:100%;
text-align:center;
}

.liste_produits .engagement{width:285px;}

.liste_produits .engagement .img{
display:block;
height:415px;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
padding:20px 10px;
}

.liste_produits .engagement .img .tibla35{
position:relative;
top:50%;
transform:translateY(-50%);
text-align:center;
color:#fff;
line-height:35px;
word-break:break-word;
}

.produits.market_place .liste_produits .engagement .img .tibla35{
font-size:25px;
line-height:25px;
}

.produits.market_place .liste_produits .engagement .img .tibla35 .souligne{
display:block;
padding-top:30px;
font-size:16px;
letter-spacing:1px;
text-decoration:underline;
}

/**** CROSS SELLING PRODUITS ****/
.cross_produits{padding:0 115px;}

main.blog .cross_produits{padding-top:100px;}

main.produits_detail .cross_produits{
padding-top:25px;
padding-bottom:90px;
}

.cross_produits > .tibla35{
padding-bottom:60px;
text-align:center;
}

/**** VIGNETTE PRODUIT DANS LES LISTES ****/
.vignette_produit{width:285px;}

.vignette_produit .img{
display:block;
position:relative;
height:415px;
background-color:#fff;
}

.vignette_produit .img a{
display:block;
position:relative;
width:100%;
height:100%;
}

.vignette_produit .img a > img{
display:block;
position:relative;
top:50%;
transform:translateY(-50%);
max-height:70%;
max-width:85%;
margin:0 auto;
z-index:10;
}

.vignette_produit .img a.hover{
opacity:0;
position:absolute;
top:0;
left:0;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
z-index:30;
padding:15px;
transition:opacity 0.5s;
}

.vignette_produit .img a.hover > div{
position:relative;
top:50%;
transform:translateY(-50%);
text-align:center;
color:#fff;
}

.vignette_produit .img a.hover > div .tibla35{word-wrap:break-word;}

.vignette_produit .img a.hover > div .stars_avis{
width:120px;
height:18px;
margin:15px auto 0 auto;
}

.vignette_produit .img a.hover > div .stars_avis.hidden{display:none;}

.vignette_produit .img .wishlist{
position:absolute;
top:16px;
left:16px;
width:35px;
height:30px;
cursor:pointer;
background:url(../img/picto_wishlist_off.png) no-repeat center center;
background-size:27px auto;
z-index:40;
}

.vignette_produit .img .wishlist.on{background-image:url(../img/picto_wishlist_on.png);}

.vignette_produit .img .flag{
position:absolute;
top:0;
right:0;
width:74px;
height:63px;
z-index:20;
}

.vignette_produit .img .flag > img{display:block;}

.vignette_produit .img .flag span{
position:relative;
top:50%;
transform:translateY(-50%);
display:block;
padding:0 2px;
font-family:'brandon_grotesquebold';
font-size:11px;
line-height:11px;
color:#fff;
text-align:center;
text-transform:uppercase;
}

.vignette_produit .img .bt_panier{
position:absolute;
bottom:20px;
right:20px;
width:49px;
min-height:52px;
z-index:40;
color:#fff;
border-radius:10px;
background-color:#71b790;
overflow:hidden;
outline:1px solid #fff;
}

.vignette_produit .img .bt_panier.no_stock{display:none;}

.vignette_produit .img .bt_panier .off{
background:url(../img/panier_blanc.png) no-repeat center center;
background-size:27px auto;
cursor:pointer;
width:49px;
height:52px;
display:block;
position:absolute;
top:0;
left:0;
}

.vignette_produit .img .bt_panier .qte{
position:relative;
width:100%;
z-index:42;
text-align:center;
display:none;
}

.vignette_produit .img .bt_panier.open .off{display:none;}

.vignette_produit .img .bt_panier.open .qte{display:block;}

.vignette_produit .img .bt_panier .qte span{display:block;}

.vignette_produit .img .bt_panier .qte span.moins, .vignette_produit .img .bt_panier .qte span.plus{
display:block;
width:25px;
height:26px;
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
margin:10px auto;
cursor:pointer;
}

.vignette_produit .img .bt_panier .qte span.moins{background-image:url(../img/moins_blanc.png);}

.vignette_produit .img .bt_panier .qte span.plus{background-image:url(../img/plus_blanc.png);}

.vignette_produit .img .bt_panier .qte span.plus.blocked{
opacity:0.2;
cursor:default;
}

.vignette_produit .img .bt_panier .qte span.num{
font-family:'brandon_grotesquemedium';
font-size:19px;
line-height:17px;
letter-spacing:1px;
color:#fff;
margin:0 auto;
padding:10px 0;
}

.vignette_produit .details{padding:20px 10px 0 10px;}

.vignette_produit .details .ti{
font-family:'brandon_grotesquebold';
text-transform:uppercase;
letter-spacing:1px;
line-height:20px;
display:block;
word-break:break-word;
}

.vignette_produit .details .ssti{
font-family:'brandon_grotesquebold';
color:#71b790;
line-height:20px;
padding-top:5px;
}

.vignette_produit .details .is_shop{
padding-top:15px;
display:flex;
flex-flow:row wrap;
justify-content:space-between;
align-items:end;
}

.vignette_produit .details .is_shop .prix{
font-family:'brandon_grotesquebold';
line-height:16px;
}

.vignette_produit .details .is_shop .prix .barre{
font-size:14px;
text-decoration:line-through;
}

.vignette_produit .details .is_shop .avis{
display:flex;
flex-flow:row;
}

.vignette_produit .details .is_shop .avis.hidden{display:none;}

.vignette_produit .details .is_shop .avis .stars_avis{
width:95px;
height:14px;
}

.vignette_produit .details .is_shop .avis > span{
padding-left:5px;
font-size:12px;
}

.cross_produits .vignette_produit{margin:0 auto;}

/**** SLIDER AVEC CONTRÔLES À DROITE ****/
.slider_right{
position:relative;
padding-right:125px;
}

.slider_right .slick-arrow{
position:absolute;
z-index:100;
top:50%;
right:-69px;
width:12px;
height:19px;
font-size:0;
background-repeat:no-repeat;
background-position:left top;
background-size:100% auto;
}

.slider_right .slick-arrow.slick-prev{
margin-top:20px;
background-image:url(../img/prev_noir.png);
}

.slider_right .slick-arrow.slick-next{
margin-top:-39px;
background-image:url(../img/next_noir.png);
}

.slider_right .slick-arrow.slick-disabled{
cursor:default;
opacity:0.3;
}

/**** FORMULAIRE ****/
.form_gen input[type=text], .form_gen input[type=password], .form_gen textarea{
display:block;
background-color:#fff;
padding:15px 20px;
width:100%;
margin-bottom:10px;
}

.form_gen ::-webkit-input-placeholder{
color:#000;
font-size:13px;
letter-spacing:1px;
}

.form_gen :-moz-placeholder{
color:#000;
font-size:13px;
letter-spacing:1px;
}

.form_gen ::-moz-placeholder{
color:#000;
font-size:13px;
letter-spacing:1px;
}

.form_gen input:-ms-input-placeholder, .form_gen textarea:-ms-input-placeholder{
color:#000;
font-size:13px;
letter-spacing:1px;
}

.form_gen .password{
position:relative;
margin-bottom:10px;
}

.form_gen .password input{
padding-right:60px;
margin-bottom:0;
}

.form_gen .password span{
position:absolute;
display:block;
background:url(../img/eye_on.png) no-repeat center center;
background-size:22px auto;
width:30px;
height:100%;
cursor:pointer;
right:20px;
z-index:20;
top:0;
}

.form_gen .password span.off{background-image:url(../img/eye_off.png);}

.form_gen .mention{
font-family:'brandon_grotesquemedium';
font-size:14px;
line-height:16px;
margin-bottom:10px;
}

.form_gen label.checkbox{font-size:13px;}

.form_gen label.checkbox.novisible{visibility:hidden;}

.form_gen .erreur{
padding:5px 10px;
background-color:rgba(212, 38, 29, 0.5);
font-family:'brandon_grotesquebold';
display:none;
color:#fff;
text-align:center;
text-transform:uppercase;
font-size:13px;
letter-spacing:1px;
margin-bottom:10px;
}

.form_gen .erreur.aff{display:block;}

.form_gen input.err, .form_gen textarea.err{outline:1px solid #d4261d;}

/**** LISTE ARTICLES BLOG ****/
.liste_articles_blog{
display:flex;
flex-flow:row wrap;
justify-content:space-between;
margin:0 -5px;
}

.liste_articles_blog:after{
content:"";
flex:auto;
}

.liste_articles_blog .vide{
text-align:center;
padding-top:40px;
font-family:'brandon_grotesqueRgIt';
width:100%;
}

.liste_articles_blog article{
display:flex;
flex-flow:row wrap;
width:calc((100% - 20px) / 3);
margin:40px 0 0 5px;
background-color:#fff;
}

.liste_articles_blog article a{display:block;}

.liste_articles_blog article .img{position:relative;}

.liste_articles_blog article .img img{display:block;}

.liste_articles_blog article .img.play:after{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
content:'';
background:url(../img/play_vert.png) no-repeat center center;
background-size:60px auto;
background-color:rgba(255, 255, 255, 0.3);
}

.liste_articles_blog article .ti{
padding:35px 30px;
text-align:center;
font-family:'brandon_grotesquebold';
font-size:15px;
line-height:18px;
text-transform:uppercase;
letter-spacing:1px;
}

/********************************************************************************/
/*************** FORMULAIRES DE CONNEXION ET DE CRÉATION DE COMPTE **************/
/********************************************************************************/

.form_connexion_creation{
display:flex;
flex-flow:row;
}

.form_connexion_creation section{width:50%;}

.form_connexion_creation section article{
width:400px;
max-width:100%;
}

.form_connexion_creation section:first-child article{margin-left:auto;}

.form_connexion_creation section article .tibo20{padding-bottom:20px;}

.form_connexion_creation section.connecter .password, .form_connexion_creation section.connecter .password + .bt_vert{
display:inline-block;
vertical-align:top;
}

.form_connexion_creation section.connecter .password{width:calc(100% - 55px);}

.form_connexion_creation section.connecter .password + .bt_vert{
width:55px;
height:56px;
line-height:56px;
}

.form_connexion_creation section.connecter .bottom{
display:flex;
flex-flow:row;
justify-content:space-between;
align-items:baseline;
padding-top:10px;
}

.form_connexion_creation section.connecter .bottom .pass_oubli{
font-family:'brandon_grotesquemedium';
font-size:14px;
line-height:16px;
cursor:pointer;
text-decoration:underline;
}

.form_connexion_creation section.connecter .bloc_pass_oubli{
background-color:#eae9df;
margin:20px 0;
padding:20px;
font-size:16px;
line-height:18px;
display:none;
}

.form_connexion_creation section.connecter .bloc_pass_oubli input[type=text], .form_connexion_creation section.connecter .bloc_pass_oubli .bt_vert{
display:inline-block;
vertical-align:middle;
margin-top:10px;
}

.form_connexion_creation section.connecter .bloc_pass_oubli input[type=text]{width:calc(100% - 55px);}

.form_connexion_creation section.connecter .bloc_pass_oubli .bt_vert{
width:55px;
height:56px;
line-height:56px;
margin-bottom:10px;
}

.form_connexion_creation section.connecter .bloc_pass_oubli .envoi{
text-align:center;
display:none;
}

.form_connexion_creation section.connecter .externes{padding-top:15px;}

.form_connexion_creation section.connecter .externes a{
display:inline-block;
vertical-align:middle;
margin:5px 5px 0 0;
width:calc(50% - 5px);
background-color:#fff;
padding-left:40px;
text-align:center;
font-size:13px;
letter-spacing:1px;
font-family:'brandon_grotesquebold';
text-transform:uppercase;
height:40px;
line-height:40px;
background-repeat:no-repeat;
background-size:auto 24px;
background-position:10px center;
}

.form_connexion_creation section.connecter .externes a.fb{background-image:url(../img/facebook.png);}

.form_connexion_creation section.connecter .externes a.go{background-image:url(../img/google.png);}

.form_connexion_creation section.connecter .externes a:nth-child(even){
margin-right:0;
margin-left:5px;
}

.form_connexion_creation section.creer label.checkbox{margin:10px 0 20px 0;}

.form_connexion_creation section.creer label.checkbox.hidden{display:none;}

.form_connexion_creation section.creer label.checkbox + label.checkbox{margin:0 0 20px 0;}

.form_connexion_creation section.creer .bt{
padding-top:30px;
text-align:right;
}

/************************************************/
/*************** POP UP FORMULAIRE **************/
/************************************************/

#bg_popform, #popform{
position:fixed;
display:none;
}

#bg_popform{
top:0;
left:0;
width:100%;
height:100%;
z-index:7000;
background-color:rgba(247, 247, 240, 0.8);
}

#popform{
z-index:7500;
width:800px;
max-width:90%;
max-height:90%;
overflow:auto;
background-color:#eae9df;
padding:50px;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}

#popform > .close{
position:absolute;
top:20px;
right:20px;
display:block;
background:url(../img/close_noir.png) no-repeat center center;
background-size:100% auto;
cursor:pointer;
width:18px;
height:18px;
z-index:200;
}

/**** MODIFIER OU CRÉER UNE ADRESSE ****/
#popform .compte_adresses_form .ti{
padding-bottom:20px;
font-family:'brandon_grotesquebold';
font-size:16px;
line-height:18px;
text-transform:uppercase;
}

#popform .compte_adresses_form input[type="text"] + .ti{padding-top:10px;}

#popform .form_gen.compte_adresses_form input[type="text"], #popform .form_gen.compte_adresses_form input[type="password"], #popform .form_gen.compte_adresses_form textarea{
padding:10px 15px;
font-size:16px;
}

#popform .form_gen.compte_adresses_form input[type=text].cp, #popform .form_gen.compte_adresses_form input[type=text].cp + input[type=text]{
display:inline-block;
vertical-align:middle;
}

#popform .form_gen.compte_adresses_form input[type=text].cp{
width:200px;
margin-right:10px;
}

#popform .form_gen.compte_adresses_form input[type=text].cp + input[type=text]{width:calc(100% - 210px);}

#popform .form_gen.compte_adresses_form input#postal_code, #popform .form_gen.compte_adresses_form input#locality{
background-color:rgba(255, 255, 255, 0.4);
cursor:default;
}

#popform .form_gen.compte_adresses_form .selectric-faux_select{margin-bottom:10px;}

#popform .form_gen.compte_adresses_form textarea{height:100px;}

#popform .form_gen.compte_adresses_form .erreur, #popform .form_gen.compte_adresses_form .bt{margin-top:20px;}

#popform .form_gen.compte_adresses_form .bt{text-align:right;}

#popform .form_gen.compte_adresses_form .bt .mention{padding-top:5px;}

/**** POP CATALOGUE ****/
#popform.popcatalogue{
background-color:#fff;
width:875px;
padding:0;
}

#popform.popcatalogue .content{
display:flex;
flex-flow:row;
align-items:center;
}

#popform.popcatalogue .content .img{width:44%;}

#popform.popcatalogue .content .img img{display:block;}

#popform.popcatalogue .content article{
padding:50px 40px;
width:100%;
}

#popform.popcatalogue .content .img + article{width:56%;}

#popform.popcatalogue .content article .tibo22{padding-bottom:15px;}

#popform.popcatalogue .content article .ckeditor{
font-size:16px;
line-height:22px;
}

#popform.popcatalogue .content article .bt{text-align:center;}

#popform.popcatalogue .content article .ckeditor + .bt{padding-top:45px;}

#popform.popcatalogue .content article .bt + .bt{padding-top:5px;}

#popform.popcatalogue .content article .bt a{
font-size:13px;
letter-spacing:1px;
text-decoration:underline;
}

/**** POP MODIFIER LE CONTENU D'UN ABONNEMENT ****/
#popform.popabomodif{
padding:60px 0 0 0;
overflow:hidden;
height:95%;
max-height:95%;
width:1200px;
}

#popform.popabomodif .content, #popform.popabomodif .compte_abonnements_produits{height:100%;}

/**** REDIRECTION PANIER MARKET PLACE EXTERNE ****/
#popform .content .redir_panier{text-align:center;}

#popform .content .redir_panier strong{
font-family:'brandon_grotesquebold';
font-weight:normal;
}

/**** POP DOC APRÈS INSCRIPTION ****/
#popform.popafternews{
background-color:#fff;
width:850px;
padding:60px;
}

#popform.popafternews .content{
text-align:center;
color:#205c40;
}

#popform.popafternews .content .merci{
font-family:'Colby CdReg';
font-size:42px;
line-height:38px;
}

#popform.popafternews .content .doc, #popform.popafternews .content .optin_partenaires{padding-top:40px;}

#popform.popafternews .content .doc .links{
display:flex;
margin-top:25px;
}

#popform.popafternews .content .doc .links li{
width:calc((100% - 45px) / 2);
background-color:#205c40;
color:#fff;
padding:45px;
font-family:'brandon_grotesquebold';
text-transform:uppercase;
font-size:22px;
line-height:26px;
letter-spacing:3px;
}

#popform.popafternews .content .doc .links li .lien{
display:inline-block;
margin-top:25px;
font-size:15px;
line-height:25px;
color:#fff;
background-color:#71b790;
padding:15px 25px;
cursor:pointer;
}

#popform.popafternews .content .doc .links li.ou{
display:flex;
flex-flow:column;
justify-content:center;
width:45px;
padding:45px 0;
position:relative;
}

#popform.popafternews .content .doc .links li.ou::before{
position:absolute;
content:'';
top:0;
left:50%;
transform:translateX(-50%);
width:5px;
height:100%;
background-color:#fff;
}

#popform.popafternews .content .doc .links li.ou span{
display:block;
width:45px;
height:45px;
background-color:#fff;
border-radius:45px;
line-height:45px;
color:#000;
font-size:15px;
position:relative;
z-index:1;
}

#popform.popafternews .content .optin_partenaires .txt{
font-family:'brandon_grotesqueblack';
text-transform:uppercase;
font-size:18px;
line-height:18px;
letter-spacing:1px;
padding-bottom:30px;
}

#popform.popafternews .content .optin_partenaires .bt{
display:flex;
justify-content:space-evenly;
}

#popform.popafternews .content .doc.hidden, #popform.popafternews .content .optin_partenaires.hidden{display:none;}

/**** POP DOC APRÈS INSCRIPTION ****/
#popform.popretourproduit{
background-color:#205c40;
color:#fff;
padding:40px 60px;
text-align:center;
}

#popform.popretourproduit > .close{background-image:url(../img/close_blanc.png);}

#popform.popretourproduit .texte{
text-transform:uppercase;
font-family:'brandon_grotesquebold';
font-size:15px;
line-height:18px;
letter-spacing:3px;
}

#popform.popretourproduit .form{
display:flex;
justify-content:center;
padding-top:30px;
}

#popform.popretourproduit .form input{
width:280px;
padding:15px;
}

#popform.popretourproduit .form ::-webkit-input-placeholder{
text-transform:uppercase;
font-family:'brandon_grotesquebold';
font-size:14px;
letter-spacing:2px;
color:#000;
}

#popform.popretourproduit .form :-moz-placeholder{
text-transform:uppercase;
font-family:'brandon_grotesquebold';
font-size:14px;
letter-spacing:2px;
color:#000;
}

#popform.popretourproduit .form ::-moz-placeholder{
text-transform:uppercase;
font-family:'brandon_grotesquebold';
font-size:14px;
letter-spacing:2px;
color:#000;
}

#popform.popretourproduit .form input:-ms-input-placeholder{
text-transform:uppercase;
font-family:'brandon_grotesquebold';
font-size:14px;
letter-spacing:2px;
color:#000;
}

#popform.popretourproduit .form button{
font-size:15px;
text-transform:uppercase;
font-family:'brandon_grotesquebold';
letter-spacing:2px;
text-decoration:underline;
color:#fff;
margin-left:15px;
}

#popform.popretourproduit .erreur{
background-color:#71b790;
font-family:'brandon_grotesquebold';
padding:5px 10px;
color:#fff;
text-transform:uppercase;
font-size:13px;
letter-spacing:1px;
margin-top:20px;
display:none;
}

#popform.popretourproduit .mention{
font-size:14px;
line-height:16px;
padding-top:30px;
}


/***********************************************************************************************/
/*************** PARAGRPAHES TEXTES - IMAGES (PROVENANCE, ENGAGEMENT, TERRACYCLE) **************/
/***********************************************************************************************/

.liste_paragraphes .paragraphes > .tibla35{
text-align:center;
padding:50px 0;
}

.liste_paragraphes .paragraphes article{
display:flex;
flex-flow:row;
align-items:center;
}

.liste_paragraphes .paragraphes article + article{
-webkit-box-shadow: inset 0px 8px 10px -10px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 8px 10px -10px rgba(0,0,0,0.2);
box-shadow: inset 0px 8px 10px -10px rgba(0,0,0,0.2);
}

.liste_paragraphes .paragraphes article .img, .liste_paragraphes .paragraphes article .txt{width:50%;}

.liste_paragraphes .paragraphes article .txt .contenu{
width:650px;
max-width:100%;
margin:0 auto;
padding:50px;
}

.liste_paragraphes .paragraphes article.right{flex-flow:row-reverse;}

.liste_paragraphes .paragraphes article.right .txt .contenu{text-align:right;}

.liste_paragraphes .paragraphes article .txt .contenu .ticomplete55{
display:block;
padding-bottom:20px;
}

.liste_paragraphes .paragraphes article .txt .contenu > .maj{
padding-bottom:20px;
font-size:15px;
text-transform:uppercase;
letter-spacing:1px;
}

.liste_paragraphes .paragraphes article .txt .contenu .ckeditor{
font-size:20px;
line-height:24px;
}

.liste_paragraphes .paragraphes article .txt .contenu .ckeditor + .bt_vert{margin-top:35px;}

.liste_paragraphes .paragraphes article .img{align-self:end;}

.liste_paragraphes .paragraphes article .img img{
display:block;
width:100%;
}

.liste_paragraphes .paragraphes article.no_img{display:block;}

.liste_paragraphes .paragraphes article.no_img .img{display:none;}

.liste_paragraphes .paragraphes article.no_img .txt{margin:0 auto;}

.liste_paragraphes .paragraphes article.no_img .txt .contenu{text-align:center;}


/***********************************************/
/*************** OFFRE PARRAINAGE **************/
/***********************************************/

.offre_parrainage{
width:740px;
max-width:100%;
}

.offre_parrainage .intro{
text-transform:uppercase;
font-size:15px;
line-height:18px;
font-family:'brandon_grotesquebold';
padding-bottom:35px;
}

.offre_parrainage > ul{
width:100%;
color:#fff;
display: grid;
grid-template: 1fr/repeat(3,1fr);
}

.offre_parrainage > ul li{
position:relative;
padding:25px 30px 25px 45px;
background-color:#71b790;
text-align:center;
}

.offre_parrainage > ul li > div{
position:relative;
display: flex;
flex-flow: row;
justify-content: center;
height: 100%;
align-items: center;
}

.offre_parrainage > ul li:first-child div{flex-flow: column;}

.offre_parrainage > ul li:first-child{
padding:25px 30px;
background-color:#205c40;
}

.offre_parrainage > ul li:first-child > div img{
display:block;
margin:0 auto 5px auto;
}

.offre_parrainage > ul li + li > div span{
display:inline-block;
vertical-align:middle;
max-width:50%;
}

.offre_parrainage > ul li + li > div span img{
display:block;
margin-right:15px;
}

.offre_parrainage > ul li + li > div span + span{text-align:left;}

.offre_parrainage > ul li .next{
position:absolute;
top:50%;
margin-top:-19px;
height:38px;
line-height:34px;
width:38px;
right:-19px;
z-index:1;
border-radius:38px;
background-color:#205c40;
font-size:28px;
text-align:center;
}

.offre_parrainage > ul li:first-child .next{
background:url(../img/next_vert.png) no-repeat center center;
background-size:9px auto;
background-color:#fff;
}

.offre_parrainage .center{
text-align:center;
padding-top:30px;
}

.offre_parrainage .center a{margin-top:25px;}


/*********************************************************/
/*************** BLOC INCITATION ABONNEMENT **************/
/*********************************************************/

.liens_abonnements{
padding-top:90px;
width:870px;
max-width:100%;
margin:0 auto;
text-align:center;
}

.liens_abonnements.hidden{display:none;}

main.compte.abonnements .liens_abonnements{padding-top:0;}

.liens_abonnements > .intro{
line-height:20px;
padding:20px 0 45px 0;
}

.liens_abonnements > ul{
display:flex;
flex-flow:row wrap;
justify-content:space-between;
}

.liens_abonnements > ul + ul{margin-top:40px;}

.liens_abonnements > ul > li{width:calc((100% - 5px) / 2);}

.liens_abonnements > ul.blocs > li{
font-family:'brandon_grotesquebold';
font-size:20px;
line-height:26px;
text-transform:uppercase;
color:#fff;
padding:35px 35px 60px 35px;
}

.liens_abonnements > ul.blocs > li a{
color:#fff;
display:block;
}

.liens_abonnements > ul.blocs > li.from_cde{background-color:#71b790;}

.liens_abonnements > ul.blocs > li.from_surmesure{
position:relative;
background-color:#205c40;
}

.liens_abonnements > ul.blocs > li.from_surmesure .liaison{
position:absolute;
display:block;
top:50%;
margin-top:-25px;
left:-25px;
background-color:#f7f7f0;
font-family:'brandon_grotesquebold';
font-size:16px;
line-height:50px;
text-transform:uppercase;
width:50px;
height:50px;
border-radius:50px;
color:#000;
letter-spacing:1px;
}

.liens_abonnements > ul.blocs > li img{
display:block;
max-height:42px;
margin:0 auto 20px auto;
}

.liens_abonnements.no_compte > ul > li:first-child, .liens_abonnements.no_compte > ul.blocs > li.from_surmesure .liaison{display:none;}

.liens_abonnements.no_compte > ul.blocs > li + li, .liens_abonnements.one > ul.blocs > li{
width:50%;
margin:0 auto;
}

.liens_abonnements.no_compte > ul.bt > li + li, .liens_abonnements.one > ul.bt > li{width:100%;}


/****************************************/
/*************** PAIEMENTS **************/
/***************************************/

#over_paiement{
position:fixed;
z-index:9000;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(247, 247, 240, 0.8);
display:none;
}

#over_paiement:after{
position:absolute;
top:50%;
left:50%;
width:197px;
height:197px;
content:url(../img/loading.gif);
margin:-98px 0 0 -98px;
}


/******************************************/
/*************** MAINTENANCE **************/
/*****************************************/

main.maintenance{
position:relative;
background:url(../img/maintenance.jpg) no-repeat center center;
background-size:cover;
height:100vh;
padding:40px;
}

main.maintenance section{
position:relative;
width:800px;
max-width:100%;
text-align:center;
color:#fff;
top:50%;
transform:translateY(-50%);
margin:0 auto;
font-size:35px;
line-height:30px;
}

main.maintenance section .ticomplete150{padding-bottom:20px;}

.grecaptcha-badge {visibility: hidden;}

main.contact .content section .formulaire .legal.captcha,
#footer .motif .newsletter form .legal.captcha,
#pop_news form .legal.captcha{
	font-size: 10px;
}

main.contact .content section .formulaire .legal.captcha{
	text-align: right;
	margin-top: 15px;
}

main.contact .content section .formulaire .legal.captcha a,
#footer .motif .newsletter form .legal.captcha a,
#pop_news form .legal.captcha a{
	text-decoration: underline;
}

/**************************************/
/*************** ACCUEIL **************/
/**************************************/

/**** PARTIE FOND BEIGE ****/
main.index .bg_beige{padding:70px 0 105px 0;}

/**** SLIDER AVEC CONTRÔLES À DROITE ****/
main.index .slider_right{
width:1914px;
max-width:100%;
padding-left:calc((100% - 1460px) / 2);
}

main.index .slider_right.cross_produits{
padding:50px 100px 100px 70px;
width:1660px;
margin:0 auto;
}

main.index .slider_right.cross_produits .slick-arrow{
width:20px;
height:32px;
}

main.index .slider_right.cross_produits .slick-arrow.slick-next{
margin-top:-10px;
right:-60px;
}

main.index .slider_right.cross_produits .slick-arrow.slick-prev{
margin-top:-17px;
left:-40px;
}

/**** DIAPORAMA PRINCIPAL ****/
main.index .actu_home{position:relative;}

main.index .actu_home > div{
position:relative;
display:flex;
}

main.index .actu_home .txt{
width:25%;
padding:30px;
text-align:center;
align-self:center;
}

main.index .actu_home .txt .img_resp{display:none;}

main.index .actu_home .txt .ti{display:block;}

main.index .actu_home .txt .bt_vert{margin-top:30px;}

main.index .actu_home .img{width:75%;}

main.index .actu_home .img a, main.index .actu_home .img img{
display:block;
width:100%;
}

main.index .actu_home .img > a{height:100%;}

main.index .actu_home .img img{
object-fit:cover;
height:100%;
}


/**** ENGAGEMENTS ****/
main.index section.engagements{
width:1460px;
max-width:100%;
margin:0 auto;
background-color:#fff;
text-align:center;
padding:0 50px 50px 50px;
}

main.index section.engagements .ticomplete35{
display:block;
padding-top:70px;
top:-45px;
margin-bottom:-30px;
position:relative;
background:url(../img/home_engagements_ti.png) no-repeat center top;
}

main.index section.engagements #home_slider_engagements .slick-slide > .bloc, main.index section.engagements #home_slider_engagements > li > .bloc{
display:block;
width:300px;
max-width:100%;
margin:0 auto;
padding:30px 0;
}

main.index section.engagements #home_slider_engagements .slick-slide > .bloc .img, main.index section.engagements #home_slider_engagements > li > .bloc .img{height:75px;}

main.index section.engagements #home_slider_engagements .slick-slide > .bloc .img img, main.index section.engagements #home_slider_engagements > li > .bloc .img img{
display:block;
max-width:120px;
max-height:75px;
margin:0 auto;
}

main.index section.engagements #home_slider_engagements .slick-slide > .bloc .ticomplete39, main.index section.engagements #home_slider_engagements > li > .bloc .ticomplete39{padding-top:15px;}

main.index section.engagements #home_slider_engagements .slick-dots{
position:absolute;
z-index:100;
bottom:-20px;
left:0;
width:100%;
text-align:center;
}

main.index section.engagements #home_slider_engagements .slick-dots li{
display:inline-block;
vertical-align:middle;
}

main.index section.engagements #home_slider_engagements .slick-dots li:only-child{display:none;}

main.index section.engagements #home_slider_engagements .slick-dots li + li{margin-left:5px;}

main.index section.engagements #home_slider_engagements .slick-dots li button{
display:block;
width:8px;
height:8px;
font-size:0;
background:url(../img/pager_noir_off.png) no-repeat left top;
background-size:100% auto;
}

main.index section.engagements #home_slider_engagements .slick-dots li.slick-active button{background-image:url(../img/pager_noir_on.png);}

/**** GAMMES ET RUBRIQUES PRODUITS ****/
main.index section.gamme{
padding-top:80px;
display:flex;
flex-flow:row;
align-items:end;
}

main.index section.gamme + section.gamme{padding-top:150px;}

main.index section.gamme > article, main.index section.gamme .slider{position:relative;}

main.index section.gamme > article{
width:32%;
text-align:center;
}

main.index section.gamme > article > a, main.index section.gamme > article > a > img{display:block;}

main.index section.gamme > article .titre{
position:absolute;
padding:30px;
width:100%;
top:50%;
transform:translateY(-50%);
color:#fff;
}

main.index section.gamme > article .titre .tibla69{
width:250px;
max-width:100%;
margin:0 auto;
}

main.index section.gamme > article .titre .tibo20{padding-top:10px;}

main.index section.gamme > article .titre .tibo20.lien{
display:none;
padding-top:50px;
text-decoration:underline;
}

main.index section.gamme > article .liste{
display:none;
position:absolute;
width:calc(100% - 40px);
height:calc(100% - 40px);
top:20px;
left:20px;
background-color:#fff;
}

main.index section.gamme > article .liste .centre{
position:relative;
top:50%;
transform:translateY(-50%);
text-transform:uppercase;
line-height:35px;
}

main.index section.gamme .slider{width:68%;}

main.index section.gamme .slider .slick-list{margin:0 -2px;}

main.index section.gamme .slider .slick-slide{margin:0 2px;}

main.index section.gamme .slider .slick-slide > a{display:block;}

main.index section.gamme .slider .slick-slide > a .tibo20{padding:0 0 10px 15px;}

main.index section.gamme .slider .slick-slide > a img{display:block;}

main.index section.gamme .slider .slick-track{margin:0;}

/**** ABONNEMENT ****/
main.index section.creer_abo{
display:none;
width:1460px;
max-width:100%;
background-color:#fff;
margin:80px auto 0 auto;
padding:50px;
text-align:center;
}

main.index section.creer_abo .tibla35{padding-bottom:45px;}

main.index section.creer_abo a{
display:block;
width:430px;
max-width:100%;
margin:0 auto;
font-family:'brandon_grotesquebold';
font-size:20px;
line-height:26px;
text-transform:uppercase;
color:#fff;
padding:35px 35px 60px 35px;
background-color:#205c40;
}

main.index section.creer_abo a img{
display:block;
max-height:42px;
margin:0 auto 20px auto;
}

/**** SÉLECTIONS PRODUITS ****/
main.index .selections{
width:1276px;
max-width:100%;
margin:0 auto;
padding:100px 30px 115px 30px;
}

main.index .selections .tibla35{
text-align:center;
padding-bottom:70px;
}

main.index .selections #home_slider_selections .slick-list{margin:0 -2px;}

main.index .selections #home_slider_selections .slick-slide{margin:0 2px;}

main.index .selections #home_slider_selections .slick-slide a{
display:block;
position:relative;
}

main.index .selections #home_slider_selections .slick-slide a img{
display:block;
margin:0 auto;
}

main.index .selections #home_slider_selections .slick-slide a .txt{
position:absolute;
bottom:0;
right:0;
width:65%;
background-color:#fff;
padding:30px 45px 0 45px;
}

main.index .selections #home_slider_selections .slick-slide a .txt .tibla25{
display:block;
padding-bottom:20px;
}

main.index .selections #home_slider_selections .slick-dots{
position:absolute;
z-index:100;
bottom:-50px;
left:0;
width:100%;
text-align:center;
}

main.index .selections #home_slider_selections .slick-dots li{
display:inline-block;
vertical-align:middle;
}

main.index .selections #home_slider_selections .slick-dots li:only-child{display:none;}

main.index .selections #home_slider_selections .slick-dots li + li{margin-left:5px;}

main.index .selections #home_slider_selections .slick-dots li button{
display:block;
width:8px;
height:8px;
font-size:0;
background:url(../img/pager_noir_off.png) no-repeat left top;
background-size:100% auto;
}

main.index .selections #home_slider_selections .slick-dots li.slick-active button{background-image:url(../img/pager_noir_on.png);}

main.index #home_slider_selections + .lien{
display:none;
margin:60px 20px 0 20px;
text-align:center;
height:50px;
line-height:50px;
font-size:18px;
}

/**** BLOG ****/
main.index section.blog .content{
width:1276px;
max-width:100%;
margin:0 auto -50px auto;
padding:0 30px;
}

main.index section.blog .content .ticomplete60{
text-align:center;
padding-bottom:60px;
}

main.index section.blog .content .liste{
display:flex;
flex-flow:wrap;
justify-content:center;
}

main.index section.blog .content article{
margin-top:4px;
width:calc((100% - 4px) / 2);
}

main.index section.blog .content article:nth-child(even){margin-left:4px;}

main.index section.blog .content article a.img{
overflow:hidden;
position:relative;
}

main.index section.blog .content article a.img.play:after{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
content:'';
background:url(../img/play_vert.png) no-repeat center center;
background-size:60px auto;
background-color:rgba(255, 255, 255, 0.3);
}

main.index section.blog .content article a.img, main.index section.blog .content article a.img img{
display:block;
width:100%;
}

main.index section.blog .content article .txt{
position:relative;
top:-50px;
margin-left:auto;
padding:45px 45px 100px 45px;
background-color:#fff;
z-index:5;
width:65%;
font-size:16px;
line-height:18px;
}

main.index section.blog .content article .txt .bt_vert{
position:absolute;
bottom:0;
right:0;
}

main.index section.blog .content article .txt .tibo20{padding-bottom:10px;}

main.index section.blog .lien_resp{
display:none;
position:relative;
}

main.index section.blog .lien_resp img{
display:block;
width:100%;
}

main.index section.blog .lien_resp span{
font-family:'Colby CdReg';
font-size:100px;
line-height:70px;
color:#fff;
position:absolute;
top:50%;
transform:translateY(-50%);
left:0;
display:block;
width:100%;
text-align:center;
padding:20px;
}

/**** AVIS ****/
main.index section.avis .titre{text-align:center;}

main.index section.avis .titre span{
display:inline-block;
vertical-align:middle;
}

main.index section.avis .titre span.moyenne{
width:93px;
height:94px;
line-height:94px;
font-family:'brandon_grotesqueblack';
font-size:20px;
text-align:center;
background:url(../img/bulle_note.png) no-repeat center center;
background-size:100% auto;
margin-left:30px;
}

main.index section.avis .slider{
position:relative;
margin:60px 0 80px 0;
}

main.index section.avis .slider > img{
position:absolute;
z-index:20;
width:150px;
display:block;
top:-80px;
left:-90px;
}

main.index section.avis .slider .slick-slide .slick-list{margin:0 -5px;}

main.index section.avis .slider .slick-slide{
background-color:#fff;
padding:45px 35px;
text-align:center;
font-size:16px;
line-height:20px;
margin:0 5px;
}

main.index section.avis .slider .slick-slide .tibo20{padding-bottom:20px;}

main.index section.avis .slider .slick-slide .stars_avis{margin:35px auto 0 auto;}

/**** SOCIAUX ****/
main.index section.sociaux .liens{
text-align:center;
padding-right:123px;
}

main.index section.sociaux .liens .tibla35{padding-bottom:40px;}

main.index section.sociaux .liens a{
display:inline-block;
vertical-align:middle;
max-width:35px;
margin:0 20px;
}

main.index section.sociaux .liens a img{
display:block;
max-height:26px;
}

main.index section.sociaux .slider{padding-top:55px;}

main.index section.sociaux .slider .slick-slide .slick-list{margin:0 -5px;}

main.index section.sociaux .slider .slick-slide{margin:0 5px;}

main.index section.sociaux .slider .slick-slide a, main.index section.sociaux .slider .slick-slide a img{display:block;}

main.index section.sociaux .slider .slick-slide a img{max-height:240px;}

/**** BLOCS MASQUÉS ****/
main.index .actu_home.hidden, main.index .engagements.hidden, main.index .selections.hidden, main.index .blog.hidden, main.index .avis.hidden, main.index .sociaux .slider.hidden{display:none;}

.bt_vert:hover, .bt_vert_fonce:hover{color:#fff;}

.bt_gris:hover{color:#000;}

.bt_vert:hover:before, .bt_gris:hover:before, .bt_vert_fonce:hover:before{bottom:-50%;}

#header .centre nav > div:hover > a:after, #header .centre nav > div:hover > span:after{
width:100%;
left:0;
}

#header .centre nav > div:hover .ssmenu{display:block;}

#header .centre nav > div .ssmenu > div .liens a:hover, #header .centre nav > div .ssmenu > div .liens a.active{color:#71b790;}

#header .centre .pictos li:hover .txt{color:#71b790;}

main.index section.gamme > article:hover .liste{display:block;}

main.index section.gamme .slider .slick-slide > a img:hover{cursor:url(../img/cursor_plus_vert.png), pointer;}

.selectric-faux_select .selectric-items li:hover{
color:#205c40;
background:transparent;
}

.selectric-faux_select.selectric-multiple .selectric-items li:hover{
background:url(../img/select_check_on.png) no-repeat 15px top;
background-size:22px auto;
}

.vignette_produit .img:hover a.hover{opacity:1;}

main.faq .content section .liste_faq .rub li:hover{color:#010101;}

main.faq .content section .liste_faq .rub li:hover span:after{
position:absolute;
content:'';
width:100%;
height:4px;
bottom:-1px;
left:0;
background-color:#010101;
}

main.blog .content aside > a:hover{
font-family:'brandon_grotesquebold';
background-color:#f7f7f0;
}

main.blog .content aside > a.back:hover{background-color:transparent;}

#header .centre .pictos li.select_lang .list_lang a:hover{color:#71b790;}

@media screen and (min-width:1161px){
#header .centre .pictos li:hover .pic img{height:25px;}

#header .centre .pictos li.select_lang:hover .pic img{height:15px;}
}


@media screen and (max-width:1810px){
main.produits section.bg_beige{padding-left:80px;}
}

@media screen and (max-width:1760px){
main.blog .content section.liste .slider_right .slick-slide .txt{padding:20px 40px;}

main.blog .content section.liste .slider_right .slick-slide .txt .ticomplete35{padding-bottom:15px;}

main.produits_detail .content .right .infos .ingredients .slick-slide div strong{
font-size:32px;
line-height:33px;
}

main.produits_detail .content .right .infos .ingredients .slick-slide.rien div{
font-size:32px;
line-height:32px;
}

main.produits_detail.market_place section.more{width:1260px;}
}

@media screen and (max-width:1720px){
main.compte.commandes .content section{padding:60px;}
}

@media screen and (max-width:1690px){
.liste_produits .vignette_produit, .liste_produits .engagement{max-width:calc(25% - 20px);}

main.index .actu_home .txt .ticomplete45{
font-size:40px;
line-height:40px;
}
}

@media screen and (max-width:1640px){
.liste_paragraphes .paragraphes article .txt .contenu .ckeditor, main.provenance .certif{
font-size:18px;
line-height:20px;
}

main.abonnement .sur_mesure .panier_abo .produits_abo .liste_rech ul li{margin-right:15px;}

main.produits_detail.market_place section.more{width:1160px;}

main.panier .right .totaux, main.panier .right .reassur{
padding:0 50px;
margin:0 auto;
}
}

@media screen and (max-width:1600px){
main.produits section.bg_beige{padding:40px 40px 100px 40px;}

.vignette_produit .img a.hover > div .tibla35{
font-size:25px;
line-height:20px;
}

main.produits_detail .content .right .infos .slider_right{padding-right:20px;}

main.produits_detail .content .right .infos .slider_right .slick-arrow{right:-40px;}

main.compte.abonnements_detail .content section{padding:60px 60px 80px 60px;}
}

@media screen and (max-width:1540px){
main.blog .content section.liste .slider_right .slick-slide .txt{padding:20px;}

main.blog .content section.liste .slider_right .slick-slide .txt .ticomplete35{padding-bottom:10px;}

main.blog .content section.liste .slider_right{padding-right:80px;}

main.blog .content section.liste .slider_right .slick-arrow{right:-45px;}

main.compte.commandes .content section, main.compte.abonnements .content section{padding:60px 30px;}

.liste_cde_compte > ul{background-position:right 13px center;}

.liste_cde_compte > ul > li.statut{padding-right:40px;}

.liste_cde_compte > ul > li{
padding:15px 0 15px 10px;
font-size:15px;
}

.liste_cde_compte > ul.titres > li{
padding:0 0 10px 10px;
font-size:13px;
}

main.abonnement .sur_mesure .panier_abo .produits_abo .liste_rech ul li{letter-spacing:0;}
}

@media screen and (max-width:1500px){
main.produits aside.bg_beige_fonce{width:306px;}

main.produits section.bg_beige{width:calc(100% - 315px);}

main.blog .content aside > a{padding:15px 30px;}

main.blog .content aside form{padding:0 30px 30px 30px;}

main.blog .content aside .liens a{padding:15px 15px 15px 30px;}

.liste_produits .vignette_produit, .liste_produits .engagement{max-width:none;}

#header .centre .pictos li + li{margin-left:10px;}

#header .centre nav > div{padding-left:35px;}

#header .centre nav > div .ssmenu{padding:20px 20px 20px 220px;}

main.index .actu_home .txt .ticomplete45{
font-size:35px;
line-height:35px;
}

main.marque .ancres{padding:20px 0 0 0;}
}

@media screen and (max-width:1440px){
main.marque .actions .slider .slick-arrow{
width:44px;
height:80px;
}

main.marque .actions .slider .slick-arrow.slick-prev{left:20px;}

main.marque .actions .slider .slick-arrow.slick-next{right:20px;}

main.marque .actions .slider li{padding:0 50px 0 80px;}

main.marque .certif .liste article .tiarticle{
font-size:30px;
line-height:35px;
}

main.marque .certif .liste article .ckecolby{
font-size:25px;
line-height:30px;
}

main.marque .tiarticle{
font-size:50px;
line-height:45px;
}

main.marque .valeurs article .txt{
font-size:25px;
line-height:30px;
}

.ckecolby .maj{
font-size:28px;
line-height:30px;
}

.ticomplete60{
font-size:50px;
line-height:40px;
}

.tibla69{
font-size:50px;
line-height:45px;
}

main.index .slider_right{padding:0 90px 0 60px;}

main.index .slider_right .slick-arrow{right:-50px;}

.tibo30{
font-size:25px;
line-height:35px;
}

main.index section.gamme > article .liste .centre{
font-size:16px;
line-height:25px;
}

main.index section.avis .slider > img{left:-50px;}

main.index section.sociaux .liens{padding-right:0;}

nav.ariane{padding-left:220px;}

main.produits section.bg_beige .liste_produits .engagement .img .tibla35{
font-size:30px;
line-height:30px;
}

main.engagements a.plus{
width:80px;
height:80px;
}

main.engagements .paragraphes article a.plus{margin:-40px 0 0 -40px;}

main.engagements section.terracycle a.plus{margin-left:-40px;}

main.abonnement .sur_mesure .panier_abo .produits_abo{width:calc(100% - 500px);}

main.abonnement .sur_mesure .panier_abo .recap{width:470px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo > .ti{font-size:13px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .total ul li{font-size:14px;}

#header .centre nav{
font-size:13px;
line-height:13px;
}

#header .centre nav > div .ssmenu > div .liens{
font-size:13px;
line-height:16px;
}

#header .centre nav > div.cih > a, #header .centre nav > div.cih > span{
font-size:22px;
line-height:22px;
}

#header .centre nav > div{padding-left:20px;}

#header .centre .pictos li{
font-size:9px;
line-height:9px;
}

#header .centre nav > div .ssmenu{padding:20px 20px 20px 205px;}

.compte.abonnements_payer .paiement, .compte.abonnements_payer .recap{width:100%;}

.compte.abonnements_payer .paiement{padding-right:0;}

.compte.abonnements_payer .recap{padding-left:0;}

.compte.abonnements_payer .paiement form{width:100%;}
}

@media screen and (max-width:1380px){
.ticomplete55{
font-size:45px;
line-height:40px;
}

.liste_paragraphes .paragraphes article .txt .contenu .ckeditor, main.provenance .certif{
font-size:16px;
line-height:18px;
}

main.panier .right .totaux, main.panier .right .reassur{padding:0 30px;}

main.terracycle section.etape .comment .liste article .img .step{left:-55px;}

main.index .actu_home .txt .ticomplete45{
font-size:30px;
line-height:30px;
}

main.marque .ancres{padding-top:0;}

main.marque .ancres span{
margin:20px 15px 0 15px;
padding:15px 40px;
font-size:25px;
line-height:20px;
}
}

@media screen and (max-width:1340px){
main.abonnement .sur_mesure .panier_abo .liste > li{width:calc((100% / 3) - 20px);}

main.abonnement .sur_mesure .panier_abo .produits_abo{width:calc(100% - 430px);}

main.abonnement .sur_mesure .panier_abo .recap{width:400px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo > .ti{letter-spacing:0;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .total ul + ul{display:block;}

main.marque .actions .slider li > figure, main.marque .actions .slider li > a > figure{width:50%;}
}

@media screen and (max-width:1310px){
.ticomplete60{
font-size:40px;
line-height:30px;
}

.ticomplete39 {
font-size:25px;
line-height:22px;
}

.ticomplete35{
font-size:30px;
line-height:25px;
}

.bt_vert, .bt_gris, .bt_vert_fonce{
padding:10px 30px;
font-size:11px;
}

main.tunnel .paiement form > .bt_vert{
padding:15px 40px;
font-size:13px;
width:100%;
}

#footer .motif .liens li.logo{
width:100%;
padding-bottom:30px;
padding-right:0;
}

#footer .motif .liens li > img{
width:150px;
margin:0 auto;
}

#footer .motif .liens li.norme{width:192px;}

#footer .motif .liens li.actions{width:200px;}

#footer .motif .liens li.norme{padding-right:10px;}

#footer .motif .liens li.menu{width:calc((100% - 480px) / 3);}

main.index section.gamme{padding-top:40px;}

main.index section.gamme + section.gamme{padding-top:80px;}

nav.ariane{padding-left:205px;}

main.faq .content section, main.contact .content section{padding:50px;}

.ticomplete50{
font-size:40px;
line-height:35px;
}

main.provenance .certif{padding:50px 40px;}

main.provenance .certif .txt li{padding:0 30px 30px 30px;}

.vignette_produit, .liste_produits .engagement{width:calc((100% - 60px) / 3);}

.cross_produits .vignette_produit{width:285px;}

main.produits_detail .content .right{padding:50px;}

main.produits_detail .content .right .infos .ingredients .slick-slide div strong{
font-size:25px;
line-height:26px;
}

main.produits_detail .content .right .infos .ingredients .slick-slide div{
font-size:13px;
line-height:14px;
}

.liste_articles_blog article{
width:calc((100% - 30px) / 3);
margin:40px 0 0 10px;
}

main.recherche section .contenu .liste_articles_blog article{width:calc((100% - 40px) / 4);}

main.blog .content section.liste .liste_articles_blog{padding:0 30px;}

main.blog .content section.detail .cross_blog{padding:60px 20px 0 20px;}

main.blog .cross_produits{padding:60px 20px 0 20px;}

.liste_cde_compte > ul > li{font-size:13px;}

main.compte.parrainage .contenu article.invitation, main.compte.parrainage .contenu article.filleuls{width:615px;}

main.compte.abonnements_detail .content section .detail_abo{align-items:normal;}

main.compte.abonnements_detail .content section .detail_abo .col{max-width:none;}

main.compte.abonnements_detail .content section .detail_abo .col.articles{width:100%;}

main.compte.abonnements_detail .content section .detail_abo .col.adresse{
width:calc(50% - 20px);
padding-top:40px;
}

main.index .slider_right.cross_produits{padding:30px 60px 80px 40px;}

main.index .slider_right.cross_produits .slick-arrow.slick-next{right:-40px;}

main.index .slider_right.cross_produits .slick-arrow.slick-prev{left:-20px;}

main.marque .intro article .txt{
font-size:35px;
line-height:35px;
}

main.marque .intro article .txt .tiarticle{
font-size:55px;
line-height:55px;
}

main.marque .actions .slider li{padding:0 0 0 80px;}

main.marque .actions .slider li .txt{padding:50px 0;}
}

@media screen and (max-width:1250px){
.cross_produits.slider_right{padding:0 60px;}

.cross_produits.slider_right .slick-arrow{right:-35px;}

.cross_produits > .tibla35{
padding-bottom:40px;
font-size:25px;
line-height:20px;
}

main.panier .right .totaux .centre > ul > li{
width:calc(100% - 100px);
line-height:16px;
}

main.panier .right .totaux .centre > ul > li + li{width:100px;}

.header_panier{padding:40px 20px 0 20px;}

.header_panier .centre, main.panier .left .centre .nav{padding-left:0;}

main.panier .left{
padding-left:20px;
padding-right:20px;
}

.contenu_panier .gamme > ul > li > div.detail .pdt, .contenu_panier .gamme > ul > li > div.detail .qte .num, .panier .projets_solidaires > ul li .txt strong{font-size:13px;}

.panier .projets_solidaires > ul li .txt{
font-size:15px;
line-height:18px;
}

main.panier .tisepar{
font-size:17px;
line-height:21px;
padding:15px 20px;
}

.contenu_panier .gamme > ul > li > div.detail .qte .num{width:60px;}

.contenu_panier .gamme > ul > li > div.detail .qte .moins, .contenu_panier .gamme > ul > li > div.detail .qte .plus{
width:30px;
background-size:12px auto;
}

.contenu_panier .gamme > ul > li > div.detail .qte > span{
height:40px;
line-height:40px;
}

.contenu_panier .gamme > ul > li > div.detail .qte{width:120px;}

.contenu_panier .gamme > ul > li > div.prix{width:100px;}

.contenu_panier .gamme > ul > li > div.suppr{width:30px;}

.contenu_panier .gamme > ul > li > div.detail{width:calc(100% - 220px);}

.contenu_panier .gamme > ul > li > div.detail .pdt{width:calc(100% - 120px);}

main.connexion .form_connexion_creation section{padding:50px 50px 100px 50px !important;}

main.compte .content aside .liens a{
padding:15px;
font-size:13px;
line-height:16px;
}

.liste_cde_compte .details{padding:30px 15px;}

.liste_cde_compte .details .bloc ul{padding:10px 0;}

.liste_cde_compte .details .bloc ul li, .liste_cde_compte .details .bloc ul li.ti{font-size:13px;}

.liste_cde_compte .details .bloc ul li.ti{width:calc(100% - 390px);}

.liste_cde_compte .details .bloc ul li.age, .liste_cde_compte .details .bloc ul li.qte{width:100px;}

main.terracycle section.etape .comment .liste article .img{margin-bottom:20px;}

main.terracycle section.etape .poids .liste article.last:before{
top:-40px;
right:-40px;
width:80px;
height:80px;
}

main.abonnement .sur_mesure .panier_abo .produits_abo{
width:100%;
margin-right:0;
}

main.abonnement .sur_mesure .panier_abo .liste{margin:0;}

main.abonnement .sur_mesure .panier_abo .liste > li{width:170px;}

main.abonnement .sur_mesure .panier_abo .recap{
width:100%;
margin-top:60px;
}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .total ul + ul{display:flex;}

main.marque .certif .liste article{padding:50px 25px;}

main.tunnel .recap{padding:15px 20px;}
}

@media screen and (min-width:1231px){
#header .centre .pictos li .txt{visibility:visible;}
}

@media screen and (max-width:1230px){
#header .centre .pictos li .pic{position:static;}

#header .centre .pictos li .num{top:-10px;}

#header .centre .pictos li .txt{display:none;}

#header .centre .pictos li.select_lang{margin-left:25px;}

main.index .actu_home .txt{padding:40px 20px;}

main.blog .content section.liste .slider_right .slick-slide .txt .ticomplete35{
font-size:28px;
line-height:28px;
}

main.blog .content aside{padding:20px 0;}

main.blog .content aside > a{
padding:10px;
font-size:12px;
line-height:15px;
letter-spacing:0;
}

main.blog .content aside form{padding:0 10px 30px 10px;}

main.blog .content aside form button{
font-size:13px;
letter-spacing:0;
}

.ticomplete55{
font-size:40px;
line-height:35px;
}

.vignette_produit .img, .liste_produits .engagement .img{height:360px;}

main.panier .form_connexion_creation{display:block;}

main.panier .form_connexion_creation section{
padding:0 !important;
width:100%;
}

main.panier .form_connexion_creation section + section{padding-top:40px !important;}

main.panier .form_connexion_creation section article{
margin:0 auto !important;
width:100%;
}
}

@media screen and (max-width:1180px){
main.produits aside.bg_beige_fonce > a{padding-left:20px;}

main.produits aside.bg_beige_fonce .ages{padding-left:40px;}

main.produits aside.bg_beige_fonce{
width:270px;
margin-right:5px;
}

main.produits section.bg_beige{width:calc(100% - 275px);}

main.blog .content section.detail .contenu{padding:0 30px;}

main.panier .right{padding:40px 0;}

#popform .content #relais_colis .choix .liste_relais li label{
padding-left:25px;
background-position:0 15px;
font-size:13px;
}

main.tunnel .etape2 .modes_livraison article > label{padding-left:15px;}

main.tunnel .etape2 .modes_livraison article > label > span.logo{
width:80px;
padding:0 10px;
}

main.tunnel .etape2 .modes_livraison article > label > span.infos{
width:calc(100% - 380px);
font-size:13px;
line-height:15px;
}

main.tunnel .etape2 .modes_livraison article > label > span.infos .bla{
font-family:'brandon_grotesquebold';
font-size:15px;
line-height:24px;
}

main.compte .content section, main.compte.abonnements_detail .content section{padding:60px 30px;}

main.blog .content section.detail .contenu .texte .partage > div{right:40px;}

main.terracycle section.etape .comment .liste article{max-width:calc((100% - 150px) / 4);}

main.terracycle section.etape .comment .liste article + article{margin-left:50px;}

main.terracycle section.etape .comment .liste article .img .step{
font-size:40px;
left:-25px;
}

main.terracycle section.etape .comment .liste article .ckeditor{
font-size:18px;
line-height:20px;
}

main.terracycle section.etape .comment .result li{font-size:20px;}

main.terracycle section.etape .comment .result li span{font-size:30px;}

main.terracycle section.etape .comment .result li{padding:0 20px;}

main.terracycle section.etape .comment .result li + li{padding:0 20px 0 40px;}

main.produits_selections section .contenu .intro, main.produits_selections section .contenu .ckeditor.txt_selection{padding-bottom:0;}

main.produits_selections .vignette_produit .img{height:275px;}

main.index .actu_home .txt{width:30%;}

main.index .actu_home .img{width:70%;}
}

@media screen and (min-width:1161px){
#header .centre .pictos li.open .pic img, #header .centre .pictos li.active .pic img{height:25px;}

#header .centre .pictos li.open.select_lang .pic img, #header .centre .pictos li.active.select_lang .pic img{height:15px;}
}

@media screen and (max-width:1160px){
main.marque .tisection {
padding:20px 20px;
font-size:30px;
line-height:30px;
}

main.marque .tiarticle::before, main.marque .tiarticle::after{
width:40px !important;
height:47px !important;
}

main.marque .tiarticle{padding:0 50px !important;}

main.marque .intro article .txt .tiarticle{
font-size:45px;
line-height:45px;
}

#header .centre{padding:30px 40px 0 40px;}

#header .centre nav{
font-size:12px;
line-height:12px;
}

#header .centre nav > div .ssmenu{padding:20px 20px 20px 185px;}

#header .centre nav > div .ssmenu > div .liens{
font-size:12px;
line-height:14px;
}

main.index section.engagements{padding:0 0 50px 0;}

.ticomplete39{
font-size:23px;
line-height:20px;
}

.ticomplete35{
font-size:25px;
line-height:20px;
}

.tibla69{
font-size:45px;
line-height:40px;
}

main.index .slider_right{padding:0 60px 0 30px;}

main.index .slider_right .slick-arrow{right:-37px;}

.tibo30{
font-size:20px;
line-height:30px;
}

main.index section.gamme > article .liste .centre{
font-size:14px;
line-height:20px;
}

.tibo20{
font-size:16px;
line-height:18px;
}

.tibla35{
font-size:30px;
line-height:25px;
}

.tibla25{
font-size:20px;
line-height:25px;
}

main.index .selections{padding:80px 30px;}

main.index .selections #home_slider_selections .slick-dots{bottom:-30px;}

main.index section.avis .slider > img{
top:-60px;
left:-20px;
width:120px;
}

nav.ariane{
padding-right:35px;
padding-left:185px;
}

main.equipe > section.liste .personnes article.rejoindre div{font-size:70px;}

.cross_produits.slider_right{padding-left:30px;}

main.produits_detail .content .left{
width:50%;
padding:0 0 60px 0;
}

main.produits_detail .content .right{
padding:30px;
width:50%;
}

main.produits_detail .content .left .textes{
width:auto;
max-width:none;
margin:30px 30px 0 30px;
}

.liste_articles_blog article{
width:calc((100% - 20px) / 2);
margin:20px 5px 0 5px;
}

.liste_cde_compte > ul.titres > li{
font-size:11px;
letter-spacing:0;
}

.liste_cde_compte > ul > li.date{width:85px;}

.liste_cde_compte > ul > li.ref{width:130px;}

.liste_cde_compte > ul > li.fact{width:95px;}

.liste_cde_compte > ul > li.tot{width:80px;}

.liste_cde_compte > ul > li.statut{width:calc(100% - 390px);}

main.terracycle section.etape .poids .liste article .top{padding:15px 15px 20px 15px;}

main.terracycle section.etape .poids .liste article .top .nb{font-size:35px;}

main.terracycle section.etape .poids .liste article .top .img{height:135px;}

main.terracycle section.etape .poids .liste article .total{
padding:30px 15px;
font-size:75px;
line-height:75px;
}

main.terracycle section.etape .poids .liste article.last .ckeditor{
padding:20px;
font-size:35px;
line-height:30px;
}

main.engagements section.terracycle:after{height:40px;}

main.engagements section.terracycle a.plus{top:15px;}

main.engagements section.terracycle > img + article{top:120px;}

main.engagements_page .blocs article{width:50% !important;}

main.produits_detail .content .right .infos .top .add > div.no_stock{
display:block;
max-width:none;
}

main.produits_detail .content .right .infos .top .add > div.no_stock + div.wishlist{
margin-left:0;
margin-top:10px;
}

main.abonnement .pres{
padding-left:30px;
padding-right:30px;
}

main.abonnement .pres .etapes .liste li .txt .tibo25{
font-size:20px;
line-height:25px;
}

main.abonnement .pres .etapes .liste li .txt{
line-height:18px;
font-size:16px;
}

.contenu_panier .gamme .abonnement{background-color:#f7f7f0;}

.contenu_panier .gamme .abonnement .detail .bt_up{text-align:left;}

.contenu_panier .gamme .abonnement .ti{
width:calc(100% - 150px);
padding-bottom:80px;
background-position:left 25px bottom 20px;
background-size:20px auto;
flex-flow:column;
align-items:baseline;
}

.contenu_panier .gamme .abonnement .prix{padding-right:20px;}

.contenu_panier .gamme .abonnement .detail{width:100%;}

.contenu_panier .gamme .abonnement .suppr{
padding-top:0;
position:absolute;
bottom:20px;
right:20px;
}

.contenu_panier .gamme .abonnement .confirm_suppr{
padding:15px 0;
bottom:0;
top:auto;
}

main.panier .left .centre .nav{
font-size:14px;
line-height:14px;
}

main.panier .left .centre .nav span + span{margin-left:30px;}

main.panier .left .centre .nav span + span:before{left:-15px;}

main.index section.creer_abo{padding:50px 30px;}

main.pages_form .content .textes article .txt{
width:800px;
max-width:100%;
}

main.pages_form .content .textes article .img + .txt{
width:50%;
padding:0 60px 0 0;
}

main.pages_form .content .textes article:nth-child(even) .img + .txt{padding:0 0 0 60px;}
}

@media screen and (max-width:1120px){
main.marque .ancres span{
margin:20px 10px 0 10px;
padding:10px 20px;
font-size:20px;
line-height:20px;
}

main.marque .actions .slider li .txt img{
width:300px;
max-width:100%;
}

main.marque .actions .slider li .txt .ti{
font-size:20px;
line-height:25px;
}

main.marque .actions .slider li .txt .mention{
font-size:16px;
line-height:18px;
padding-top:20px;
}

.actions .slider li > a > figure{width:45%;}

main.marque .actions .slider .slick-arrow{
width:30px;
height:55px;
}

main.marque .actions .slider li{padding:0 0 0 60px;}

main.marque .actions .slider li .txt{padding:25px 0;}
}

@media screen and (max-width:1080px){
main.marque .certif .liste{
padding:0;
flex-flow:column;
}

main.marque .certif .liste article{width:100%;}

main.marque .certif .liste article figure{height:180px;}

main.marque .tiarticle{
font-size:35px;
line-height:35px;
}

main.marque .valeurs article .txt{
font-size:20px;
line-height:25px;
}

main.produits aside.bg_beige_fonce{padding-bottom:80px;}

main.produits section.bg_beige{padding:40px 20px 80px 20px;}

main.faq .content aside, main.contact .content aside{display:none;}

main.faq .content section, main.contact .content section{width:100%;}

.vignette_produit, .liste_produits .engagement{width:calc((100% - 40px) / 2);}

main.erreur section{padding:200px 50px;}

main.recherche section .contenu .liste_articles_blog article{width:calc((100% - 30px) / 3);}

main.panier .right .totaux .centre > ul > li{width:calc(100% - 80px);}

main.panier .right .totaux .centre > ul > li + li{width:80px;}

main.panier .right .totaux, main.panier .right .reassur{padding:0 15px;}

main.panier .right .totaux .selectric-faux_select .selectric .label{
font-size:11px;
letter-spacing:0;
}

main.panier .right .totaux .centre .liste_totaux > ul.remise{padding-left:20px;}

main.panier .right .totaux .centre .liste_totaux > ul.remise .suppr{
top:5px;
left:0;
}

main.panier .right .totaux .selectric-faux_select .selectric .button{top:10px;}

main.panier .right .totaux .centre > ul > li:first-child > strong, main.panier .right .totaux .centre > ul.total > li, main.panier .right .totaux .centre > ul > li + li{font-size:13px;}

main.panier .right .reassur li{
padding:0 20px;
font-size:13px;
}

main.panier.connexion_adresse .left .centre form{display:block;}

main.panier.connexion_adresse .left .centre form article{
width:100%;
padding-right:0;
}

main.panier.connexion_adresse .left .centre form article + article{
padding-left:0;
padding-top:20px;
}

main.compte.parrainage .contenu article.filleuls .liste ul li{flex:1 1 210px;}

main.compte.parrainage .contenu article.filleuls .liste ul li.offre{
position:static;
width:100%;
top:0;
transform:none;
padding-top:5px;
padding-bottom:10px;
}

main.tunnel .recap .label{
font-size:16px;
width:150px;
}

main.tunnel .recap{
font-size:13px;
line-height:17px;
}
}

@media screen and (max-width:1060px){
#footer .motif .liens li.menu{
width:calc(100% / 3);
padding-bottom:30px;
}

#footer .motif .liens li.norme img{margin:0 0 0 auto;}

#footer .motif .liens li.norme img.bcorp{margin-right:10px}

#footer .motif .liens li.bio img{
max-width:90px;
margin:0 auto 0 0;
}

#footer .motif .liens li.actions{
width:400px;
padding-top:30px;
}

#footer .motif .liens{justify-content:center;}

.bloc_seo{padding:60px 30px;}

.bloc_seo article .ckeditor{
font-size:16px;
line-height:20px;
}

main.index section.avis .slider .slick-slide{padding:35px 20px;}

main.index section.avis .slider > img{top:-80px;}

main.index .bg_beige.bottom{padding:60px 0;}

main.equipe > section.liste .pictos span{font-size:15px;}

main.equipe > section.liste .personnes article{padding-bottom:30px;}

main.equipe > section.liste .personnes article .txt h3{font-size:18px;}

main.equipe > section.liste .personnes article .txt h4{
font-size:15px;
margin-top:5px;
}

main.equipe > section.liste .personnes article .txt{padding:20px 0 0 0;}

main.equipe > section.liste .personnes article .plat_prefere, main.equipe > section.liste .personnes article .decouverte_bio{
margin-top:15px;
background-size:20px auto;
padding-left:35px;
font-size:15px;
line-height:17px;
}

main.blog .content section.liste .slider_right .slick-slide .txt{padding:10px;}

main.blog .content aside{width:30%;}

main.blog .content section{
width:70%;
padding-top:40px;
}

.liste_paragraphes .paragraphes article .img{width:45%;}

.liste_paragraphes .paragraphes article .txt{width:55%;}

.liste_paragraphes .paragraphes article .txt .contenu{padding:30px;}

main.engagements.liste_paragraphes .paragraphes article .img, main.engagements.liste_paragraphes .paragraphes article .txt{width:50%;}

main.engagements.liste_paragraphes .paragraphes article .txt .contenu{padding:30px 30px 30px 60px;}

main.engagements.liste_paragraphes .paragraphes article.right .txt .contenu{padding:30px 60px 30px 30px;}

.contenu_panier .gamme > ul > li > div.img{
width:70px;
padding:15px;
}

.panier .projets_solidaires > ul li .img{
width:70px;
margin-right:10px;
}

.panier .projets_solidaires > ul li .img + .txt{width:calc(100% - 80px);}

.contenu_panier .gamme > ul > li > div{padding:10px 0;}

.contenu_panier .gamme > ul > li > div.detail{
width:calc(100% - 200px);
padding-left:10px;
}

main.paiement_confirm .content section article .titre{
font-size:35px;
line-height:37px;
}

main.paiement_confirm .content section article .texte{
font-size:13px;
line-height:15px;
}

main.paiement_confirm .content section article .texte .gd{font-size:15px;}

main.paiement_confirm .content section{padding:50px 20px;}

#popform .content #relais_colis{flex-flow:column;}

#popform .content #relais_colis #map_relais_colis, #popform .content #relais_colis .choix{width:100%;}

#popform .content #relais_colis #map_relais_colis{height:300px;}

#popform .content #relais_colis .choix{
padding-left:0;
padding-top:20px;
}

main.compte .content aside{width:25%;}

main.compte .content section{width:75%;}

.liste_cde_compte > ul.titres{display:none;}

.liste_cde_compte > ul > li{width:100% !important;}

.liste_cde_compte > ul{
padding:10px 0 30px 0;
background-position:center bottom 15px;
}

.liste_cde_compte > ul > li.statut{padding-right:10px;}

.liste_cde_compte > ul > li{padding:5px 10px;}

.liste_cde_compte > ul > li .lab{
display:inline-block;
text-align:left;
}

.liste_cde_compte > ul > li .val{
display:inline-block;
vertical-align:middle;
width:50%;
text-align:right;
word-wrap:break-word;
}

main.terracycle section.etape:before{
top:-20px;
height:80px;
}

main.terracycle section.etape{padding:90px 60px;}

.offre_parrainage > ul.ticomplete30{
font-size:24px;
line-height:26px;
}

.offre_parrainage > ul li + li > div span img{width:45px;}
}

@media screen and (max-width:1000px){
#header .centre{
padding:30px 25px 0 25px;
letter-spacing:0;
}

#header .centre nav > div{padding-left:10px;}

#header .centre nav > div .ssmenu{padding:20px 20px 20px 160px;}

#header .centre nav > div.cih > a{
font-size:20px;
line-height:20px;
}

#header .centre nav > div .ssmenu > div .liens{
font-size:11px;
line-height:13px;
}

#header .centre nav > div .ssmenu > div .liens{width:45%;}

#header .centre nav > div .ssmenu > div > img{width:55%;}

main.produits_detail.market_place section.more{
padding-left:30px;
padding-right:30px;
}

main.produits_detail.market_place section.more .article .txt .ti{
font-size:25px;
line-height:30px;
}

main.produits_detail.market_place section.more .marque .txt, main.produits_detail.market_place section.more .article .txt{font-size:16px;}

main.produits_detail.market_place section.more .article .img + .txt{
padding-left:20px;
padding-right:20px;
}

main.panier .left .centre .message_rupture{letter-spacing:1px;}

main.tunnel .form_adresse .champ > span{padding-left:10px;}

main.tunnel .form_tunnel .form_client .connect, main.tunnel .form_tunnel .form_client .up_compte{padding:0 0 10px 10px;}
}

@media screen and (max-width:950px){
main.index section.gamme > article{width:55%;}

main.index section.gamme .slider{width:45%;}

nav.ariane{padding-left:35px;}

main.blog .content section.liste .slider_right .slick-slide{
display:flex;
flex-flow:column-reverse;
}

main.blog .content section.liste .slider_right .slick-slide .txt, main.blog .content section.liste .slider_right .slick-slide .img{width:100%;}

main.blog .content section.liste .slider_right{
padding-right:0;
padding-bottom:40px;
margin-bottom:0;
}

main.blog .content section.liste .slider_right .slick-slide .txt{padding:30px 10px;}

.cross_blog .ticomplete45{
font-size:35px;
line-height:30px;
}

main.compte.info_perso .content section .contenu .formulaire{
width:100%;
padding-right:0;
}

main.compte.info_perso .content section .contenu .formulaire + .formulaire{
padding-left:0;
padding-top:30px;
}

main.terracycle section.etape .poids .liste article, main.terracycle section.etape .poids .liste article + article{
width:calc(50% - 50px);
margin:50px 25px 0 25px;
}

main.abonnement .pres .etapes .liste li{width:50%;}

main.compte.abonnements_detail .content section .entete{justify-content:end;}

main.compte.abonnements_detail .content section .entete .tibo20, main.compte.abonnements_detail .content section .entete .annuler{width:50%;}

main.compte.abonnements_detail .content section .entete .annuler{
margin:0;
text-align:right;
}

main.compte.abonnements_detail .content section .entete .bt_vert{margin-top:15px;}

main.index .slider_right.cross_produits{padding-top:0;}

main.produits_selections .liste_produits > article{width:calc(50% - 20px);}

main.produits_selections .liste_produits > article:nth-child(4n+4){margin-right:20px;}

main.produits_selections .liste_produits > article:nth-child(2n){margin-right:0;}

#popform.popafternews .content .merci{
font-size:33px;
line-height:30px;
}
#popform.popafternews .content .doc .merci .tibla25{
font-size:18px;
line-height:20px;
}

#popform.popafternews .content .doc .links li{
font-size:16px;
line-height:20px;
letter-spacing:2px;
}

#popform.popafternews .content .doc .links li .lien{
font-size:14px;
line-height:20px;
}

#popform.popafternews .content .optin_partenaires .txt{
font-family:'brandon_grotesquebold';
font-size:16px;
line-height:16px;
letter-spacing:0;
}

main.index .actu_home .txt{width:35%;}

main.index .actu_home .img{width:65%;}

main.index .actu_home .txt .ticomplete45{
font-size:25px;
line-height:25px;
}

main.pages_form .content .formulaire .ligne .noresp{
width:100%;
height:1px;
visibility:hidden;
}

main.pages_form .content .textes article{padding-top:60px;}

main.tunnel .paiement{padding:0;}
}

@media screen and (max-width:900px){
main.marque .valeurs article{flex-flow:column !important;}

main.marque .valeurs article figure, main.marque .valeurs article figure + .txt{width:100%;}

main.marque .valeurs article .txt{padding:50px 20px;}

main.marque .intro article .txt{
font-size:25px;
line-height:25px;
}

main.marque .intro article .txt .tiarticle{
font-size:40px;
line-height:40px;
}

main.marque .intro article{
width:100%;
z-index:2;
}

main.marque .intro > figure{
position:relative;
z-index:1;
}

main.marque .intro > figure::after{
position:absolute;
content:'';
background-color:rgba(255, 255, 255, 0.4);
width:100%;
height:100%;
left:0;
top:0;
}

main.marque .intro article .txt{
width:450px;
margin:0;
}

#footer .reassur li{
padding:0 20px;
font-size:14px;
line-height:16px;
}

.ticomplete60{
font-size:30px;
line-height:25px;
}

.ticomplete55{
font-size:28px;
line-height:26px;
}

main.index .selections #home_slider_selections .slick-slide a .txt{
width:80%;
padding:15px;
}

main.index .bg_beige.blog{padding:60px 0;}

main.index section.blog .content .ticomplete60{padding-bottom:40px;}

main.index section.blog .content article .txt{
padding:30px 30px 100px 30px;
width:85%;
}

.bloc_seo{padding:30px;}

main.equipe > section.liste .personnes article{width:calc((100% - 25px) / 2);}

main.equipe > section.liste .personnes article:nth-child(3n+2){
margin-left:0;
margin-right:0;
}

main.equipe > section.liste .personnes article:nth-child(even){margin-left:25px;}

main.equipe > section.liste .personnes article.rejoindre div{
font-size:60px;
line-height:60px;
}

main.connexion .form_connexion_creation{display:block;}

main.connexion .form_connexion_creation section{
padding:50px 30px 50px 30px !important;
width:100%;
}

main.connexion .form_connexion_creation section article{margin:0 auto !important;}

main.terracycle section.etape{padding:60px 30px;}

main.terracycle section.etape:before{display:none;}

main.terracycle section.etape .comment .liste article{
max-width:50%;
padding:0 15px;
}

main.terracycle section.etape .comment .liste article + article{margin-left:0;}

main.terracycle section.etape .comment .liste article .img .step{display:none;}

.offre_parrainage > ul li{padding:20px !important;}

.offre_parrainage > ul li .next{
margin-top:-15px;
height:30px;
line-height:28px;
width:30px;
right:-15px;
border-radius:20px;
font-size:20px;
}

main.produits_detail.market_place section.more{flex-flow:column;}

main.produits_detail.market_place section.more .article, main.produits_detail.market_place section.more .marque{
width:100%;
max-width:100%;
}

main.produits_detail.market_place section.more .article{margin-right:0;}

main.produits_detail.market_place section.more .article .img img{width:500px;}

main.produits_detail.market_place section.more .article .img + .txt{
margin-top:-80px;
margin-bottom:80px;
width:85%;
height:auto !important;
}
}

@media screen and (max-width:850px){
#header .centre nav > div .ssmenu{padding:20px 20px 20px 125px;}

#header .centre .logo{width:90px;}

#header .centre .pictos li .pic img{height:17px;}

#header .centre .pictos li .num{
height:20px;
width:20px;
line-height:20px;
border-radius:20px;
font-size:12px;
letter-spacing:0;
}

main.terracycle section.etape .comment .result{flex-flow:column;}

main.terracycle section.etape .comment .result li{
white-space:normal;
height:auto;
line-height:normal;
}

main.terracycle section.etape .comment .result li{padding:10px 20px;}

main.terracycle section.etape .comment .result li + li{padding:20px 20px 10px 20px;}

main.terracycle section.etape .comment .result li:first-child + li:after, main.terracycle section.etape .comment .result li:first-child + li + li:after{
left:50%;
margin-left:-25px;
border-right:25px solid transparent;
border-left:25px solid transparent;
border-bottom:none;
}

main.terracycle section.etape .comment .result li:first-child + li:after{border-top:20px solid #8ec53d;}

main.terracycle section.etape .comment .result li:first-child + li + li:after{border-top:20px solid #7baf30;}

#popform.popcatalogue .content article{padding:30px 40px 30px 20px;}

#popform.popcatalogue .content article .tibo22{
font-size:20px;
line-height:22px;
padding-bottom:10px;
}

#popform.popcatalogue .content article .ckeditor{
font-size:16px;
line-height:18px;
}

#popform.popcatalogue .content article .ckeditor + .bt{padding-top:25px;}

#popform.popcatalogue .content article .bt + .bt{padding-top:0;}

.detail_pdt_abo{width:100%;}

.compte_abonnements_livraison .modes_livraison .liste > article #relais_colis #map_relais_colis, .compte_abonnements_livraison .modes_livraison .liste > article #relais_colis .choix{width:100%;}

.compte_abonnements_livraison .modes_livraison .liste > article #relais_colis .choix{
padding-left:0;
padding-top:20px;
}

.compte_abonnements_produits .liste > li{width:calc(100% / 3);}

main.produits_detail.market_place section.more.no_article .marque .img, main.produits_detail.market_place section.more.no_article .marque .img + .txt{width:100%;}

main.produits_detail.market_place section.more.no_article .marque .img + .txt{
padding-left:0;
text-align:center;
}

main.produits_detail.market_place section.more.no_article .marque .img img{
width:500px;
margin:0 auto;
}

#popform.popafternews{padding:40px;}


main.pages_form .content .textes article .img + .txt, main.pages_form .content .textes article:nth-child(even) .img + .txt{
padding:0 0 30px 0;
text-align:center;
width:100%;
}

main.pages_form .content .textes article, main.pages_form .content .textes article:nth-child(even){flex-flow:column-reverse;}

main.pages_form .content .textes article .img{width:100%;}

main.pages_form .content .textes article .img img, main.pages_form .content .textes article:nth-child(even) .img img{margin:0 auto;}

main.tunnel .form_adresse .champ{width:100%;}
}

@media screen and (min-width:831px){
main.panier .right .totaux .centre{display:block !important;}

main.panier.etape3 .right .totaux > .bt_resp{display:flex !important;}

main.abonnement .sur_mesure .panier_abo .produits_abo .liste_rech ul{display:flex !important;}
}

@media screen and (max-width:830px){
main.produits aside.bg_beige_fonce .ages{padding:10px 10px 10px 20px;}

main.produits aside.bg_beige_fonce .ages a{margin-bottom:10px;}

main.produits aside.bg_beige_fonce{width:240px;}

main.produits section.bg_beige{width:calc(100% - 245px);}

.header_panier{
position:static;
width:100%;
padding:20px 20px 40px 20px;
}

.header_panier .centre .back{
bottom:35%;
font-size:13px;
display:none;
}

.header_panier .centre .back.resp, .header_panier .centre .back .etapes{display:inline-block;}

main.panier{
flex-flow:column-reverse;
padding-bottom:50px;
}

main.panier.tunnel{flex-flow:column;}

main.panier.etape1{
display:block;
padding-bottom:130px;
}

main.panier.etape3{padding-bottom:0;}

main.panier .left, main.panier .right{width:100%;}

main.panier .left{padding:40px 20px 0 20px;}

main.panier.tunnel .left, main.panier.etape1 .left{padding:0 20px;}

main.panier .left .centre{width:100%;}

main.panier .right.fixed{position:static;}

main.panier .right .totaux > .bt_resp{padding:10px 0;}

main.panier .right .totaux .txt_exclu{padding:10px 0 0 0;}

main.panier.etape2 .right .totaux .centre > .contenu_panier + ul, main.panier.etape2 .right .totaux .centre > .contenu_panier + ul.hidden + ul{
border-top:1px solid #d3d1b8;
margin-top:20px;
padding-top:20px;
}

.contenu_panier .gamme > ul > li > div.img{width:90px;}

.contenu_panier .gamme > ul > li > div.detail{width:calc(100% - 220px);}

main.panier .right{padding:20px 0;}

main.panier.tunnel .right{
margin-top:40px;
padding-bottom:40px;
}

main.panier.tunnel .right .totaux .centre .liste_totaux{border-bottom:none;}

main.panier.tunnel .right .totaux .centre .liste_totaux > ul.livraison .selectric-faux_select .selectric, main.panier.tunnel .right .totaux .centre .liste_totaux > ul.livraison select.faux_select{background-color:transparent;}

main.panier.etape1 .right{
background:transparent;
padding:40px 0;
}

main.panier .right .totaux{
width:100%;
padding:0 20px;
}

main.panier .right .totaux > .bt_resp.open + .centre{display:block;}

main.panier.etape1 .right .totaux > .bt_resp, main.panier.etape1bis .right .totaux > .bt_resp{display:none;}

main.panier.etape1 .right .totaux .centre{display:block;}

main.panier .right .totaux .centre > ul{padding:0;}

main.panier .right .totaux .centre > ul.remise .suppr{left:-14px;}

main.panier .right .totaux .centre > ul:first-child{
border-top:1px solid #d3d1b8;
padding-top:10px;
}

main.panier.etape1bis .right .totaux .centre > ul:first-child{
border-top:none;
padding-top:0;
}

main.panier .right .totaux .centre .liste_totaux > ul.livraison .selectric-faux_select .selectric, main.panier .right .totaux .centre .liste_totaux > ul.livraison select.faux_select{background-color:#fff;}

main.panier .right .reassur, main.panier .right .totaux .centre > ul.total{display:none;}

main.panier .right .totaux .footer{
display:block;
position:fixed;
bottom:0;
left:0;
width:100%;
background-color:#eae9df;
padding:20px;
z-index:500;
}

main.panier.etape3 .right .totaux .footer{display:none;}

main.panier.etape3 .right .totaux .centre > ul.total{
display:block;
padding:20px 0 0 0;
border-bottom:0;
}

main.panier.etape1bis .right .totaux .footer{display:none;}

main.panier .right .totaux .footer .bt_vert{margin-top:20px;}

main.panier .right .totaux .footer .total{display:flex;}

main.panier .right .totaux .selectric-faux_select .selectric-items li, main.panier .right .totaux .selectric-faux_select .selectric-items ul{font-size:15px;}

main.panier .right .totaux .selectric-faux_select .selectric-items li{padding:5px 10px;}

main.panier.etape2 .adresses.facturation{padding:60px 0 120px 0;}

main.paiement_confirm .content aside{display:none;}

main.paiement_confirm .content aside + section{width:100%;}

main.panier_vide .message{padding:40px 0;}

main.panier_vide .cross_produits{
padding-top:40px;
padding-bottom:40px;
}

main.panier_vide .cross_produits.slider_right{padding-left:0;}

main.panier.etape3 .right .totaux .centre .contenu_panier + ul, main.panier.etape3 .right .totaux .centre .contenu_panier + ul.hidden + ul{margin-top:20px;}

main.panier.etape3 .left .centre{padding-bottom:50px;}

main.produits_selections section .contenu .ckeditor{
font-size:15px;
line-height:20px;
}

main.abonnement .sur_mesure{padding:50px 0;}

main.abonnement .sur_mesure .intro{padding:0 40px 40px 40px;}

main.abonnement .sur_mesure .intro .nav{display:none;}

main.abonnement .sur_mesure .panier_abo .produits_abo{
display:flex;
flex-flow:row wrap;
}

main.abonnement .sur_mesure .panier_abo .produits_abo .liste_rech{
width:calc((100% - 1px) / 2);
border-top:10px solid #fff;
border-bottom:10px solid #fff;
}

main.abonnement .sur_mesure .panier_abo .produits_abo .liste_rech + .liste_rech{padding-top:0;}

main.abonnement .sur_mesure .panier_abo .produits_abo .liste_rech > .resp{display:block;}

main.abonnement .sur_mesure .panier_abo .produits_abo .liste_rech + .liste_rech > .resp{border-left:1px solid #000;}

main.abonnement .sur_mesure .panier_abo .produits_abo .filtres_resp.fixed{display:flex;}

main.abonnement .sur_mesure .panier_abo .produits_abo .filtres_resp .liste_rech{
border-top:none;
border-bottom:none;
}

main.abonnement .sur_mesure .panier_abo .produits_abo .filtres_resp .liste_rech > .resp{margin:15px 0 5px 0;}

main.abonnement .sur_mesure .panier_abo .produits_abo .liste_rech ul{
display:none;
position:absolute;
z-index:1000;
top:100%;
left:0;
background-color:#fff;
padding:10px 20px;
border-bottom:0;
max-height:200px;
overflow:auto;
}

main.abonnement .sur_mesure .panier_abo .produits_abo .liste_rech.open ul{display:block;}

main.abonnement .sur_mesure .panier_abo .produits_abo .liste_rech ul li{
font-size:13px;
margin-right:0;
color:#000;
padding:5px 0;
}

main.abonnement .sur_mesure .panier_abo .produits_abo .liste_rech ul li.active:after{display:none;}

main.abonnement .sur_mesure .panier_abo .liste{margin:0 -20px 0 0;}

main.abonnement .sur_mesure .panier_abo .liste > li{width:calc((100% - 60px) / 3);}

main.abonnement .sur_mesure .panier_abo .recap{
position:fixed;
margin-top:0;
bottom:0;
left:0;
z-index:5000;
background-color:#eae9df;
padding-top:0;
}

main.abonnement .sur_mesure .panier_abo .recap.hidden{display:none;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo > .ti{
background-color:transparent;
border:none;
border-bottom:1px solid #eeeee7;
}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo .mention_from{background-color:#f7f7f0;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .details{
max-height:200px;
overflow-y:auto;
background-color:#f7f7f0;
padding:12px 20px;
}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .details .vider{padding-top:0;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .details ul li{
padding-top:0;
padding-bottom:12px;
}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .details ul li .confirm_suppr{top:0;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .total{padding-top:20px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .total ul li .remise_resp{display:none;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .bt{
padding-top:10px;
padding-right:20px;
}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .bt .bt_vert:before{display:none;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .bt .bt_vert{
border-radius:5px;
padding:7px 15px;
font-size:14px;
}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form{padding-bottom:20px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .erreur{padding-right:20px;}

main.abonnement .sur_mesure .panier_abo .produits_abo.livraison{padding:40px 20px 100px 20px;}

main.abonnement .sur_mesure .panier_abo .produits_abo.livraison > strong{padding-top:20px;}

main.abonnement .sur_mesure .panier_abo .produits_abo.livraison .selectric-faux_select .selectric .label, main.abonnement .sur_mesure .panier_abo .produits_abo.livraison select.faux_select{padding-right:40px;}

main.abonnement .sur_mesure .panier_abo .produits_abo.livraison{display:block;}

main.abonnement .sur_mesure .panier_abo .liste > li .img .bt_panier{
width:41px;
min-height:42px;
}

main.abonnement .sur_mesure .panier_abo .liste > li .img .bt_panier .off{
background-size:20px auto;
width:41px;
height:42px;
}

#backtop.respabo{
display:none !important;
visibility:hidden;
}

.compte_abonnements_produits .liste{padding:0 20px;}

.ckeditor .tivert, .ckeditor .tivert em, .ckeditor .tivert i, .ckeditor .tivert strong, .ckeditor .tivert b{
font-size:28px;
line-height:30px;
}
}

@media screen and (max-width:800px){
#header .centre nav{
font-size:11px;
line-height:11px;
}

main.marque .ancres{flex-flow:row wrap;}

main.marque .ancres span{width:calc(50% - 20px);}

main.marque .cocarde::after{
width:15px;
height:16px;
}
}

@media screen and (min-width:761px){
.nav_resp{display:none !important;}

main.produits section.bg_beige .filtres{display:block !important;}

main.produits section.bg_beige .filtres.hidden{display:none !important;}

main.produits section.bg_beige .intro{margin-bottom:0 !important;}

main.blog .content aside .liens{display:block !important;}

main.compte .content aside .liens{padding-top:0 !important;}

#header .centre nav{display:block;}
}

@media screen and (max-width:760px){
main.blog .content aside .contenu.fixed{position:static;}

#header .centre{
padding:25px 30px;
align-items:center;
justify-content:left;
}

#header .centre .burger{display:block;}

#header .centre .logo{
margin-bottom:0;
width:155px;
}

#header .centre .pictos{
margin-bottom:0;
width:calc(100% - 238px);
}

#header .centre .pictos li .pic img{height:30px;}

#header .centre .pictos li.select_lang .pic img{height:20px;}

#header .centre .pictos li + li, #header .centre .pictos li.select_lang{margin-left:30px;}

#footer .bottom{align-items:end;}

#footer .bottom .left, #footer .bottom .right{flex-flow:column;}

#footer .bottom .left{align-items:start;}

#footer .bottom .right{align-items:end;}

#footer .bottom .copy, #footer .bottom .secure{padding-left:0;}

#footer .bottom .copy, #footer .bottom .secure + .nash{margin-top:30px;}

#footer .bottom .lang.hidden + .copy{margin-top:0;}

#footer .bottom .nash{
width:150px;
margin-left:0;
}

#backtop{
bottom:120px;
right:20px;
width:50px;
height:50px;
border-radius:50px;
background-size:19px auto;
}

#footer .motif{padding:0 30px;}

#footer .motif .newsletter{padding:50px 30px 30px 30px;}

#footer .motif .newsletter form{width:100%;}

#footer .motif .newsletter form strong{
letter-spacing:1px;
font-size:13px;
line-height:16px;
width:500px;
max-width:100%;
margin:0 auto;
}

#footer .motif .newsletter form input[type=text]{max-width:none;}

#footer .motif .newsletter .picto{
width:64px;
height:64px;
top:-32px;
margin-left:-32px;
}

#footer .motif .newsletter form .legal{
font-size:14px;
line-height:14px;
}

#footer .reassur{padding:15px 30px;}

#footer .reassur li{
width:50%;
margin:20px 0;
position:relative;
}

#footer .reassur li .img, #footer .reassur strong{height:auto !important;}

#footer .reassur li .img img{
top:0;
transform:none;
}

#footer .reassur li + li{border-left:none;}

#footer .reassur li:nth-child(n+3):after{
position:absolute;
content:'';
top:-20px;
left:0;
width:100%;
height:2px;
background-color:#000;
}

#footer .reassur li:nth-child(even):before{
position:absolute;
content:'';
top:0;
left:0;
height:100%;
width:2px;
background-color:#000;
}

main.index .actu_home > div{background-color:#f7f7f0 !important;}

main.index .actu_home .txt{
width:100%;
padding:0;
}

main.index .actu_home .img{display:none;}

main.index .actu_home .txt .ticomplete45{padding:50px 30px;}

main.index .actu_home .txt .img_resp, main.index .actu_home .txt .img_resp > img{
display:block;
width:100%;
}

main.index .actu_home > div{display:block;}

main.index .actu_home + .bg_beige{padding-top:50px;}

main.index .actu_home .txt .bt_vert{
font-size:13px;
padding:20px 50px;
margin-top:50px;
}

main.index .selections{
padding:60px 0 30px 0;
background-color:#f7f7f0;
}

main.index .selections .tibla35{padding:0 40px 40px 40px;}

main.index .selections #home_slider_selections .slick-dots{bottom:-40px;}

main.index .selections #home_slider_selections .slick-list{
margin:0 0 0 -10px;
width:calc(100% + 10px) !important;
}

main.index .selections #home_slider_selections .slick-slide{margin:0 10px;}

main.index .selections #home_slider_selections .slick-slide a .txt{
width:100%;
height:100%;
padding:20px;
text-align:center;
background:rgba(0, 0, 0, 0.4);
}

main.index .selections #home_slider_selections .slick-slide a img{width:100%;}

main.index .selections #home_slider_selections .slick-slide a .txt .tibla25{
position:relative;
top:50%;
transform:translateY(-50%);
font-size:35px;
line-height:40px;
width:450px;
max-width:100%;
margin:0 auto;
color:#fff;
}

main.index .selections #home_slider_selections .slick-slide a .txt .bt_vert{display:none;}

main.index #home_slider_selections + .lien{display:block;}

main.produits aside.bg_beige_fonce{display:none;}

main.produits section.bg_beige{
width:100%;
padding:0 0 40px 0;
}

main.produits section.bg_beige .intro{
padding:30px 20px;
text-align:center;
background-color:#fff;
}

main.produits section.bg_beige .aside_resp{display:flex;}

main.produits section.bg_beige .filtres{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:7000;
background-color:#fff;
padding:60px 0;
display:none;
}

main.produits section.bg_beige .filtres .selectric-faux_select, main.produits section.bg_beige .filtres select.faux_select{
width:100%;
max-width:100%;
margin:0;
border-top:1px solid #d7d7d7;
border-bottom:1px solid #d7d7d7;
padding:10px 20px;
}

main.produits section.bg_beige .filtres .selectric-faux_select + .selectric-faux_select{border-top:none;}

main.produits section.bg_beige .filtres .selectric-faux_select .selectric-items{position:static;}

main.produits section.bg_beige .filtres .selectric-faux_select.selectric-open{background-color:#eae9df;}

main.produits section.bg_beige .filtres .close, main.produits section.bg_beige .filtres > .bt{display:block;}

.vignette_produit .details .is_shop{
display:block;
padding-top:10px;
}

.vignette_produit .details .is_shop .avis{margin-top:10px;}

main.faq .content section, main.contact .content section{padding:40px 20px;}

main.blog .content{display:block;}

main.blog .content aside, main.blog .content section{width:100%;}

main.blog .content aside{padding-bottom:0;}

main.blog .content aside .bt_resp, main.blog .content aside .liens{text-align:center;}

main.blog .content aside .bt_resp{display:block;}

main.blog .content aside .liens{
display:none;
border-bottom:1px solid #000;
}

main.blog .content aside form{padding:0 30px 30px 30px;}

main.blog .content aside .liens a.back{display:inline-block;}

.liste_paragraphes .paragraphes article, .liste_paragraphes .paragraphes article.right{flex-flow:column;}

.liste_paragraphes .paragraphes article .img, .liste_paragraphes .paragraphes article .txt, main.engagements.liste_paragraphes .paragraphes article .img, main.engagements.liste_paragraphes .paragraphes article .txt{width:100%;}

.liste_paragraphes .paragraphes article .txt .contenu, .liste_paragraphes .paragraphes article.right .txt .contenu{text-align:center;}

main.engagements .pages article:after, main.engagements section.terracycle:after{display:none;}

main.engagements.liste_paragraphes .paragraphes article .img{position:relative;}

main.engagements .paragraphes article a.plus{top:100%;}

main.engagements a.plus{
width:60px;
height:60px;
}

main.engagements .paragraphes article a.plus{margin:-30px 0 0 -30px;}

main.engagements.liste_paragraphes .paragraphes article .txt .contenu, main.engagements.liste_paragraphes .paragraphes article.right .txt .contenu{padding:60px 30px 30px 30px;}

main.engagements section.terracycle > img + article{top:80px;}

main.engagements section.terracycle a.plus{margin-left:-30px;}

main.produits_detail .cross_produits{padding:0 0 50px 0;}

.cross_produits .vignette_produit{width:auto;}

.cross_produits .slick-slide{padding:0 10px;}

main.produits_detail .content .left, main.produits_detail .content .right{width:100%;}

main.produits_detail .content .left .align{width:100%;}

main.produits_detail .content .right .infos.fixed{
position:static;
width:auto !important;
}

main.produits_detail .content .right{
position:fixed;
background-color:#fff;
left:0;
width:100%;
bottom:0;
z-index:1000;
}

main.produits_detail.market_place .content .right .infos .top .ckeditor{display:none;}

main.produits_detail .content .right.hide_bottom{display:none;}

main.produits_detail .content .right .repere, main.produits_detail .content .right .infos .slider_right, main.produits_detail .content .right .infos .top .liste_pack, main.produits_detail .content .right .infos .top .add > div.wishlist{display:none;}

main.produits_detail .content .right .infos .top{
display:flex;
flex-flow:row;
align-items:end;
width:100%;
justify-content:space-between;
}

main.produits_detail .content .right .infos .top .tibo22{
font-size:20px;
line-height:22px;
}

main.produits_detail .content .right .infos .top .poids{display:none;}

main.produits_detail .content .right .infos .top .ssti{font-size:16px;}

main.produits_detail .content .right .infos .top .add{
padding-top:0;
padding-left:30px;
text-align:right;
width:50%;
}

main.produits_detail .content .right .infos .top .prix, main.produits_detail.market_place .content .right .infos .top .prix{padding-top:10px;}

main.produits_detail .content .right .infos .top .add > div.avis{
justify-content:end;
padding-top:30px;
}

main.produits_detail .content .right .infos .top .add > div.no_stock{
font-family:'brandon_grotesqueregular';
line-height:15px;
font-size:14px;
}

main.produits_detail .content .right .infos .top .add > div.no_stock + div.avis, main.produits_detail .content .right .infos .top .add > div.no_stock + div.wishlist + div.avis{padding-top:10px;}

main.produits_detail .content .right .infos .top .add > div.no_stock .bt_alerte_stock{margin:10px 0 0 0;}

main.produits_detail .content .right .infos .top .add > div.bt_panier .bt_vert{
border-radius:10px;
padding:0 30px;
font-size:15px;
letter-spacing:5px;
height:40px;
line-height:40px;
}

main.produits_detail .content .right .infos .top .add .bt_panier .bt_vert:before, main.produits_detail .content .right .infos .top .add > div.bt_panier .bt_vert span:first-child{display:none;}

main.produits_detail .content .right .infos .top .add > div.bt_panier .bt_vert span + span{display:block;}

main.produits_detail .content .right .infos .top .add > div.bt_panier .qte span.moins, main.produits_detail .content .right .infos .top .add > div.bt_panier .qte span.plus{
width:40px;
height:40px;
background-size:15px auto;
}

main.produits_detail .content .right .infos .top .add > div.bt_panier .qte span.num{
line-height:40px;
height:40px;
width:calc(100% - 80px);
}

main.produits_detail .content .left .textes{margin:30px 0 0 0;}

main.produits_detail .content .left .textes > article{padding:0 30px;}

main.produits_detail .left .contenu_pack, main.produits_detail .left .ingredients, main.produits_detail .left .push_produits{
display:block;
padding-top:30px !important;
}

main.produits_detail .left .ckeditor{display:block;}

main.produits_detail .left .contenu_pack > strong, main.produits_detail .left .ingredients > strong, main.produits_detail .left .push_produits > strong{
text-align:center;
padding-bottom:30px;
}

main.produits_detail .left .contenu_pack .slider, main.produits_detail .left .ingredients .slider, main.produits_detail .left .push_produits .slider{padding-left:30px;}

main.produits_detail .left .slider .slick-slider{padding-bottom:30px;}

main.produits_detail .content .left .images .wishlist{display:block;}

main.produits_detail .content .left .images .partage{top:60px;}

main.produits_detail .pop_add_panier{
width:100%;
padding:20px;
text-align:center;
}

main.produits_detail .pop_add_panier .ti{padding:0 30px;}

main.produits_detail .pop_add_panier .close{
top:25px;
right:30px;
}

main.produits_detail .pop_add_panier .img, main.produits_detail .pop_add_panier .infos strong, main.produits_detail .pop_add_panier .infos strong + br{display:none;}

main.produits_detail .pop_add_panier .bt_vert{margin-top:10px;}

main.panier_vide .cross_produits.slider_right{padding-right:0;}

main.compte .content{display:block;}

main.compte .content aside, main.compte .content section{width:100%;}

main.compte .content aside{background-color:#fff;}

main.compte .content aside .resp{display:block;}

main.compte .content aside .liens{
position:fixed;
z-index:1000;
background-color:#fff;
padding-top:225px;
top:0 !important;
left:-100% !important;
width:100% !important;
height:100%;
transition:left 1s;
}

main.compte .content aside .resp.open + .repere + .liens{left:0 !important;}

main.compte .content aside .liens a{
border-bottom:1px solid #d7d7d7;
padding:30px 80px 30px 60px;
background:url(../img/next_noir.png) no-repeat right 30px center;
background-size:auto 20px;
}

main.compte .content aside .liens a:first-child{border-top:1px solid #d7d7d7;}

main.plan section{
padding:30px 0;
max-width:95%;
}

main.plan section article{
padding:30px 0 0 0;
width:calc(100% / 2);
}

main.engagements_page .blocs article{width:100% !important;}

#popform .liste_adresses .liste .aff{width:100%;}

.liens_abonnements > ul.blocs > li, main.index section.creer_abo a{
padding:35px 10px;
font-size:17px;
line-height:20px;
}

main.index section.creer_abo{display:block;}

main.compte.abonnements_detail .content section .entete .bt_vert{display:none;}

main.compte.abonnements_detail .content section .entete .retour{display:block;}

.slider_right .slick-arrow{display:none;}

main.index .slider_right.cross_produits{padding:0 40px 80px 40px;}

main.index .slider_right.cross_produits .slick-arrow{display:block;}

main.index .slider_right.cross_produits .slick-arrow{
width:15px;
height:24px;
}

main.index .slider_right.cross_produits .slick-arrow.slick-next{
margin-top:-12px;
right:-25px;
}

main.index .slider_right.cross_produits .slick-arrow.slick-prev{
margin-top:-12px;
left:-20px;
}

#popform.popafternews .content .doc .links{flex-flow:column;}

#popform.popafternews .content .doc .links li{
width:100%;
padding:30px;
}

#popform.popafternews .content .doc .links li.ou::before{
top:50%;
left:0;
transform:translateY(-50%);
width:100%;
height:5px;
}

#popform.popafternews .content .doc .links li.ou{
flex-flow:row;
width:100%;
padding:0;
}
}

@media screen and (min-width:751px){
.bloc_seo .resp{display:none !important;}

.bloc_seo article{display:block !important;}
}

@media screen and (max-width:750px){
main.index section.blog .content{display:none;}

main.index section.blog .lien_resp{display:block;}

main.index .bg_beige.blog{padding:0;}

.bloc_seo{background-size:cover;}

.bloc_seo .resp, .bloc_seo article .less{display:block;}

.bloc_seo article, .bloc_seo > img{display:none;}

main.index .actu_home + .bg_beige{padding-bottom:60px;}

main.index section.avis .titre span{display:block;}

main.index section.avis .titre span.moyenne{
margin-left:auto;
margin-top:10px;
}

main.index section.avis .slider{margin:30px 0 0 0;}

main.index section.avis .slider > img{
width:100px;
top:-50px;
}

main.index section.sociaux .liens .tibla35{padding-bottom:20px;}

main.index .slider_right.sociaux{padding:0;}

main.index .bg_beige.bottom{padding:60px 0 10px 0;}

main.page > section{padding:40px 0;}

main.page > section > article{padding-top:40px;}

nav.ariane{
padding-left:20px;
padding-right:20px;
font-size:9px;
letter-spacing:0.5px;
}

nav.ariane h1{font-size:9px;}

nav.ariane a.back{
margin-right:15px;
background-size:auto 80%;
padding-left:12px;
}

nav.ariane > span + span{margin-left:15px;}

nav.ariane > span + span:before{left:-10px;}

main.produits_selections section .contenu{padding:40px 20px;}

main.produits_selections section .contenu .ckeditor.bottom{padding-top:60px;}

main.recherche section .contenu .liste_articles_blog article{width:calc((100% - 20px) / 2);}

main.recherche section .contenu{padding:50px 20px;}

main.engagements section.terracycle article .ckeditor {
font-size:18px;
line-height:20px;
padding-top:10px;
}

main.engagements section.liste_gamme .slider > ul li.slick-slide .ckeditor{
font-size:18px;
line-height:20px;
padding-bottom:5px;
}

main.engagements section.liste_gamme{padding:30px;}

main.engagements section.liste_gamme .slider{padding-top:40px;}

#popform.popcatalogue .content{
display:block;
position:relative;
}

#popform.popcatalogue .content .img{display:none;}

#popform.popcatalogue .content .img + article{width:100%;}

#popform.popcatalogue .content article{
padding:50px;
text-align:center;
}

main.marque .actions .slider li > figure, main.marque .actions .slider li > a > figure{
width:100%;
position:static;
}

main.marque .actions .slider li{padding:0 15px;}

main.marque .actions .slider li .txt{
padding:25px 60px;
width:100%;
}

main.marque .actions .slider li figure img{max-height:none;}

main.marque .actions .slider > ul{padding-top:20px;}

main.marque .actions .slider .slick-arrow{
width:16px;
height:30px;
}

main.marque .actions .slider .slick-arrow.slick-prev{left:5px;}

main.marque .actions .slider .slick-arrow.slick-next{right:5px;}

main.marque .actions .slider li .txt{padding:25px 20px 40px 20px;}

main.marque .actions .slider li .txt .ti, main.marque .actions .slider li .txt .mention{width:100%;}
}

@media screen and (max-width:680px){
main.abonnement .pres .etapes > .tibla35{
font-size:25px;
line-height:25px;
}

main.abonnement .pres .etapes > .tibo25{
font-size:20px;
line-height:20px;
}

main.abonnement .pres .etapes > .tibo25, main.abonnement .pres .etapes .liste li{padding-top:20px;}

main.abonnement .remises .liste li:first-child{font-size:14px;}

.compte_abonnements_livraison .modes_livraison .liste > article > label > span.logo{display:none;}

.compte_abonnements_livraison .modes_livraison .liste > article > label > span.infos{
width:calc(100% - 150px);
font-size:13px;
line-height:18px;
}

.compte_abonnements_livraison .modes_livraison .liste > article > label > span.infos .bla{
font-size:15px;
line-height:20px;
}

.compte_abonnements_livraison .modes_livraison .liste > article > label > span.prix{
font-size:17px;
line-height:20px;
}

main.produits_detail.market_place section.more .marque > .ti{
font-size:35px;
line-height:38px;
}

main.pages_form .content .formulaire .choix_doc{
flex-flow:column;
padding-top:30px;
}

main.pages_form .content .formulaire .choix_doc label{
width:100%;
margin-top:5px;
padding:50px 20px 30px 20px;
}

#popform.popretourproduit{padding:30px 40px;}

#popform.popretourproduit .texte{
font-size:14px;
line-height:16px;
letter-spacing:1px;
}

#popform.popretourproduit .form button{
margin-left:0;
width:40px;
text-align:right;
}

#popform.popretourproduit .form input{width:calc(100% - 40px);}

main.tunnel .recap{
flex-flow:column;
align-items:flex-start;
}

main.tunnel .recap .label{
width:100%;
padding:0 0 10px 0;
}

main.tunnel .recap .back{
width:auto;
padding-left:0;
margin-top:5px;
align-self:flex-end;
}
}

@media screen and (max-width:630px){
main.marque .intro{
display:flex;
flex-flow:column-reverse;
}

main.marque .intro > figure::after{display:none;}

main.marque .intro > figure img{
width:100%;
height:100%;
object-fit:cover;
}

main.marque .intro > figure + article{
position:static;
padding:50px 20px;
}

main.marque .intro article .txt{width:100%;}

#header .centre .pictos li .pic img{height:25px;}

#header .centre .pictos li + li{margin-left:20px;}

#header .centre .logo{width:120px;}

#header .centre .burger{margin-right:30px;}

#header .centre .pictos{width:calc(100% - 188px);}

main.pages_form .content .formulaire .enfant{flex-flow:column;}
}

@media screen and (max-width:610px){
#footer .motif .liens{padding:30px 0;}

#footer .motif .liens li.logo, #footer .motif .liens li.menu{border-bottom:1px solid #fff;}

#footer .motif .liens li.menu{
width:100%;
padding:30px;
}

#footer .motif .liens li.norme, #footer .motif .liens li.bio, #footer .motif .liens li.actions{margin-top:30px;}

#footer .motif .liens li.actions{
width:100%;
padding:0 30px;
}

main.blog .content section.liste .liste_articles_blog{padding:0 10px;}

main.tunnel .etape2 .modes_livraison article > label{padding-left:25px;}

main.tunnel .etape2 .modes_livraison article > label > span.logo{display:none;}

main.tunnel .etape2 .modes_livraison article > label > span.infos{width:calc(100% - 170px);}

main.tunnel .etape2 .modes_livraison article > label > span.prix{
width:170px;
line-height:20px;
}

main.tunnel .etape2 .modes_livraison article > label > span.prix span{
display:inline-block;
font-size:13px;
line-height:15px;
font-family:'brandon_grotesqueregular';
}

main.compte.adresses .content section .contenu .liste .aff{width:100%;}

.liste_cde_compte .details .bloc .adr_livr, .liste_cde_compte .details .bloc .adr_fact{
width:100%;
padding-left:0;
padding-right:0;
padding-top:40px;
}

.liste_cde_compte .details .bloc ul{
position:relative;
height:90px;
padding-left:60px;
}

.liste_cde_compte .details .bloc ul.suppl{height:auto;}

.liste_cde_compte .details .bloc ul li.img{
position:absolute;
top:10px;
left:0;
height:90px;
}

.liste_cde_compte .details .bloc ul li.ti{width:100%;}

.liste_cde_compte .details .bloc ul li.age, .liste_cde_compte .details .bloc ul li.qte{text-align:left;}

.liste_cde_compte .details .bloc ul li.tot{width:calc(100% - 200px);}

.liste_cde_compte .details .bloc ul.suppl li.tot{width:130px;}

main.engagements_page > h1{padding:30px;}

main.maintenance section{
font-size:30px;
line-height:25px;
}

main.maintenance section .ticomplete150{
font-size:100px;
line-height:100px;
}

.liens_abonnements{padding-top:40px;}

.liens_abonnements > ul > li, .liens_abonnements.no_compte > ul.blocs > li + li{width:100%;}

.liens_abonnements > ul > li + li{margin-top:5px;}

.liens_abonnements > ul.bt{display:none;}

.liens_abonnements > ul.blocs > li.from_surmesure .liaison{
top:-25px;
margin-top:0;
left:50%;
margin-left:-25px;
}

.liens_abonnements > ul.blocs > li, main.index section.creer_abo a{padding:40px;}

main.compte.abonnements_detail .content section .detail_abo .col.adresse{width:100%;}

.compte_abonnements_produits .liste{margin:0;}

.compte_abonnements_produits .liste > li{
padding:0 10px 40px 10px;
width:50%;
}
}

@media screen and (max-width:580px){
main.index section.gamme{padding:10px 0 0 0 !important;}

main.index section.gamme > article{width:100%;}

main.index section.gamme .slider{display:none;}

main.index section.gamme > article .titre .tibla69{
font-size:55px;
line-height:50px;
}

main.index section.gamme > article .titre .tibo20{
padding-top:20px;
font-size:20px;
line-height:22px;
}

main.index section.gamme > article .liste{display:none !important;}

main.index section.gamme > article .titre .tibo20.lien{display:block;}

main.index .actu_home + .bg_beige{padding-bottom:0;}

main.equipe > section.liste{padding:40px 0;}

main.equipe > section.liste > .tibla35{padding-bottom:20px;}

main.equipe > section.liste .pictos{
display:flex;
flex-flow:column;
align-items:center;
}

main.equipe > section.liste .pictos span + span{margin-left:0;}

main.equipe > section.liste .personnes article{
width:100%;
margin-top:10px;
}

main.equipe > section.liste .personnes article:nth-child(even){margin-left:0;}

main.equipe > section.recrutement{padding-bottom:60px;}

main.faq .content section .liste_faq article h3, main.contact .content section .faq .questions article h3{padding:15px 60px 15px 15px;}

main.faq .content section .liste_faq article .ckeditor, main.contact .content section .faq .questions article .ckeditor{padding:0 30px 30px 15px;}

main.faq .content section .liste_faq .rub{margin-top:20px;}

main.faq .content section .liste_faq .rub li{
width:50%;
padding-right:30px;
}

main.erreur section{padding:50px;}

.ticomplete150{
font-size:80px;
line-height:70px;
}

main.paiement_confirm .content section article .liens a{display:block;}

main.paiement_confirm .content section article .liens a + a{
margin-left:0;
margin-top:20px;
}

main.terracycle section.etape .poids .liste article, main.terracycle section.etape .poids .liste article + article{
width:100%;
margin:30px 0 0 0;
}

.offre_parrainage > ul{display:block;}

.offre_parrainage > ul li{
width:100% !important;
padding:20px 20px 40px 20px !important
}

.offre_parrainage > ul li > div{
top:0;
transform:none;
}

.offre_parrainage > ul li .next{
margin-top:0;
right:auto;
top:auto;
bottom:-15px;
left:50%;
margin-left:-15px;
}

.offre_parrainage > ul li:first-child .next{
transform: rotate(90deg);
}

.detail_pdt_abo .content{padding:40px;}

.detail_pdt_abo .slider_right{padding-right:25px;}

.detail_pdt_abo .slider_right .slick-arrow{right:-40px;}

main.compte .actions .bt_vert{
width:100%;
text-align:center;
padding:15px;
font-size:13px;
}

main.compte .actions .bt_vert + .bt_vert{
margin-left:0;
margin-top:10px;
}

main.compte.abonnements .liste_cde_compte > .actions .bt_vert{
margin-top:0;
width:50%;
letter-spacing:0;
}
}

@media screen and (max-width:560px){
.tibla35{
font-size:25px;
line-height:25px;
}

.tibo25{
font-size:20px;
line-height:25px;
}

main.index .slider_right.avis{padding:0 0 0 10px;}

main.index section.avis .slider .slick-slide{padding:50px 10px 20px 10px;}

main.index section.avis .slider > img{left:20px;}

main.contact .content section .formulaire .form_gen input[type="text"].mi, main.contact .content section .formulaire .form_gen input[type="text"].mi:nth-child(odd){
width:100%;
margin-right:0;
margin-left:0;
}

#popform{padding:50px 15px 30px 15px}

#popform .form_gen.compte_adresses_form input[type="text"].cp{
width:100%;
margin-right:0;
}

#popform .form_gen.compte_adresses_form input[type="text"].cp + input[type="text"]{width:100%;}

main.compte .content aside .resp{
font-size:15px;
line-height:20px;
background-position:40px top;
background-size:auto 20px;
padding:0 70px;
}

main.compte .content aside .resp:before{
width:10px;
height:16px;
left:15px;
top:2px;
}

main.engagements a.plus{
width:40px;
height:40px;
}

main.engagements .paragraphes article a.plus{margin:-20px 0 0 -20px;}

main.engagements section.terracycle a.plus{margin-left:-20px;}

main.engagements.liste_paragraphes .paragraphes article .txt .contenu, main.engagements.liste_paragraphes .paragraphes article.right .txt .contenu{padding:30px;}

main.engagements section.terracycle{overflow:hidden;}

main.engagements section.terracycle > img + article{
position:relative;
top:0;
padding:60px 0;
}

main.engagements section.terracycle > img{
position:absolute;
top:0;
left:0;
width:auto;
max-width:none;
}

main.abonnement .remises .liste li + li > div > span {
width:50px;
height:50px;
font-size:20px;
line-height:45px;
border-radius:50px;
}

main.abonnement .remises .liste li + li{padding-right:5px;}

main.abonnement .remises .liste li:first-child{
background-size:15px auto;
padding:0 10px 0 20px;
}

main.abonnement .sur_mesure .panier_abo .liste > li{width:calc((100% - 40px) / 2);}

main.abonnement .sur_mesure .remises{
padding-left:20px;
padding-right:20px;
}

main.index section.creer_abo{margin-top:40px;}

main.index section.creer_abo{padding:30px 20px;}

main.pages_form .content .formulaire .ligne .selectric-wrapper, main.pages_form .content .formulaire .ligne select{width:100%;}
}

@media screen and (max-width:540px){
#header .centre{padding:25px 20px;}

#header .centre .burger{margin-right:20px;}

#header .centre .pictos{width:calc(100% - 170px);}

#header .centre .pictos li .pic img{height:20px;}

#header .centre .pictos li + li{margin-left:10px;}
}

@media screen and (max-width:520px){
.ticomplete50{
font-size:30px;
line-height:25px;
}

.vignette_produit .img, .liste_produits .engagement .img{height:300px;}

.liste_articles_blog{display:block;}

.liste_articles_blog article, main.recherche section .contenu .liste_articles_blog article{
width:100%;
margin:10px 0 0 0;
}

.liste_articles_blog article a, .liste_articles_blog article .img img{width:100%;}

.cross_blog .ticomplete45{
font-size:28px;
line-height:25px;
}

main.blog .content section.detail .cross_blog{padding-top:30px;}

main.recherche section .contenu .liste_articles_blog{margin:30px 0 0 0;}

.contenu_panier .gamme > ul > li > div.detail{width:calc(100% - 170px);}

.contenu_panier .gamme > ul > li > div.detail .pdt{
line-height:16px;
width:100%;
padding-right:0;
padding-bottom:20px;
}

.contenu_panier .gamme > ul > li.offert > div.detail .pdt{padding-bottom:0;}

.contenu_panier .gamme > ul > li.offert > div.detail .qte{display:none;}

.contenu_panier .gamme > ul > li{
justify-content:normal;
align-items:normal;
}

.contenu_panier .gamme > ul > li > div.img a{
top:50%;
transform:translateY(-50%);
position:relative;
}

.contenu_panier .gamme > ul > li > div{padding:0;}

.contenu_panier .gamme > ul > li > div.prix{width:80px;}

.contenu_panier .gamme > ul > li > div.suppr{
width:16px;
position:absolute;
right:0;
bottom:15px;
}

main.compte .content section, main.compte.abonnements_detail .content section{padding:30px 15px;}

main.compte.info_perso .content section .contenu .aff > ul, main.compte.info_perso .content section .contenu .infos_bancaires .texte{padding:15px;}

.totaux .contenu_panier .gamme > ul > li > div.detail .pdt{padding-bottom:0;}

.totaux .contenu_panier .gamme > ul > li > div.detail .pdt, .totaux .contenu_panier .gamme > ul > li > div.detail .qte{width:100%;}

.panier .projets_solidaires > ul li .img{
margin-right:0;
margin-bottom:5px;
}

.panier .projets_solidaires > ul li .img + .txt{width:100%;}

main.compte.promos .content section .contenu .liste ul{flex-flow:column-reverse;}

main.compte.promos .content section .contenu .liste ul li, main.compte.promos .content section .contenu .liste ul li + li{padding:10px;}

main.abonnement .remises .liste li + li{width:250px;}

main.abonnement .remises .liste li:first-child{width:calc(100% - 250px);}

.compte_abonnements_produits .valide_modif .back{
display:block;
margin-left:0;
margin-top:10px;
font-size:14px;
}

#popform.popafternews .content .optin_partenaires .bt{flex-flow:column;}

#popform.popafternews .content .optin_partenaires .bt span{margin-top:10px;}
}

@media screen and (max-width:480px){
#header .accroche{
font-size:9px;
padding:8px 25px;
}

#header .accroche .close{right:10px;}

#footer .bottom{display:block;}

#footer .bottom .left, #footer .bottom .right{align-items:center;}

#footer .bottom .right{margin-top:30px;}

main.provenance .certif{padding:40px 20px;}

main.provenance .certif .centre{padding-bottom:30px;}

main.provenance .certif .txt li{
width:100%;
padding:0 0 30px 0;
}

main.produits_detail .content .left .images #slider_produit{padding:50px;}

main.produits_detail .content .left .images .slick-arrow.slick-prev{left:10px;}

main.produits_detail .content .left .images .slick-arrow.slick-next{right:10px;}

main.produits_detail .content .left .images .slick-dots{bottom:10px;}

main.produits_detail .content .right .infos .top{display:block;}

main.produits_detail .content .right .infos .top .tibo22{
font-size:15px;
line-height:17px;
}

main.produits_detail .content .right .infos .top .prix{
font-size:20px;
line-height:20px;
}

main.produits_detail .content .right{padding:20px 10px;}

main.produits_detail .content .right .infos .top .add{
display:flex;
flex-flow:row;
padding-top:20px;
padding-left:0;
justify-content:end;
align-items:space-between;
width:100%;
}

main.produits_detail .content .right .infos .top .add > div.avis{
padding-top:0;
padding-left:20px;
}

main.produits_detail .content .right .infos .top .add > div.no_stock{text-align:left;}

main.produits_detail .content .left .textes > article{padding:0 15px;}

main.produits_detail .content .left .textes article.avis .contenu .liste_avis ul li{width:100%;}

main.produits_detail .content .left .textes article.avis .contenu .liste_avis ul li + li{
padding-left:0;
width:100%;
padding-top:10px;
}

main.produits_detail .content .left .textes article.avis .contenu .liste_avis ul li .avis_verifies, main.produits_detail .content .left .textes article.avis .contenu .liste_avis ul li .stars_avis{margin:0 0 0 auto;}

main.produits_detail .content .left .textes article.avis .contenu .liste_avis ul li .avis_verifies{width:125px;}

main.blog .content section.detail .contenu{padding:0 10px;}

.ckeditor img.float_left, .ckeditor img.float_right{
float:none;
max-width:100% !important;
margin:10px auto;
}

.cross_produits > .tibla35{
font-size:20px;
line-height:18px;
}

main.panier.etape2 .adresses .choix{padding:15px;}

main.terracycle section.etape .comment .liste article{max-width:100%;}

.panier .projets_solidaires > ul li:first-child{width:calc(100% - 90px);}

.panier .projets_solidaires > ul li.coche{
width:90px;
padding-right:0;
height:auto;
line-height:normal;
background-position:right bottom;
padding-bottom:45px;
}

main.compte.parrainage .contenu article.invitation{
position:relative;
padding-bottom:60px;
}

main.compte.parrainage .contenu article.invitation form{position:static;}

main.compte.parrainage .contenu article.invitation form .liste input{padding:12px 20px 11px 20px;}

main.compte.parrainage .contenu article.invitation form button.bt_vert{width:100%;}

main.compte.parrainage .contenu article.filleuls .liste ul li{flex:1 1 160px;}

.offre_parrainage .center .bt_vert{
width:100%;
padding:15px;
font-size:13px;
}

main.abonnement .pres{
padding-left:10px;
padding-right:10px;
}

main.abonnement .pres .etapes .liste li{padding:20px 10px 0 10px;}

.compte_abonnements_livraison .modes_livraison .liste > article > label > span.infos{width:100%;}

.compte_abonnements_livraison .modes_livraison .liste > article > label > span.prix {
width:100%;
text-align:left;
padding-left:0;
}

main.abonnement .sur_mesure{padding:30px 0;}

main.abonnement .sur_mesure.livr{padding:0;}

main.abonnement .sur_mesure.livr .intro{display:none;}

main.abonnement .sur_mesure .intro .tibla35{
font-family:'brandon_grotesquebold';
font-size:18px;
line-height:18px;
letter-spacing:0;
}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo > .ti{
padding:15px 35px 15px 15px;
background-position:right 12px center;
}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .details{padding:12px 15px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .total{padding:15px 15px 0 15px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .total ul.gd li + li{font-size:18px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form{padding-bottom:15px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .bt{padding:5px 15px 0 15px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .bt .bt_vert{
width:100%;
text-align:center;
padding:7px 0;
font-size:13px;
}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .erreur{
padding:10px 15px 0 15px;
text-align:center;
}

main.abonnement .sur_mesure .panier_abo .liste > li .img{height:200px;}

main.abonnement .sur_mesure .panier_abo .liste > li .img > img{max-height:90%;}

main.compte.abonnements .liste_cde_compte > .actions .bt_vert{width:100%;}

main.compte.abonnements .liste_cde_compte > .actions .bt_vert + .bt_vert{margin-top:10px;}

#popform .content .valider_abonnement .bt_vert{
margin:20px 0 0 0 !important;
width:100%;
}

.compte_abonnements_produits .valide_modif{padding:0 20px 40px 20px;}

.compte_abonnements_produits .valide_modif .tibo30{
font-size:16px;
line-height:20px;
}

.compte_abonnements_produits .valide_modif ul li{font-size:14px;}

.compte_abonnements_produits .valide_modif ul .qte{width:50px;}

.compte_abonnements_produits .valide_modif ul .ti{width:calc(100% - 50px);}

main.index .slider_right.cross_produits{padding:0 0 120px 0;}

main.index .slider_right.cross_produits .slick-arrow.slick-prev, main.index .slider_right.cross_produits .slick-arrow.slick-next{
bottom:-40px;
top:auto;
left:50%;
margin-top:0;
}

main.index .slider_right.cross_produits .slick-arrow.slick-prev{margin-left:-35px;}

main.index .slider_right.cross_produits .slick-arrow.slick-next{margin-left:20px;}

main.produits_selections .liste_produits > article{
width:100%;
margin-right:0 !important;
}

main.panier .left .centre .message_rupture{flex-flow:column;}

main.panier .left .centre .message_rupture span{
padding-right:0;
padding-bottom:10px;
}

#pop_select_lang > div{
padding:30px 15px;
font-size:13px;
line-height:18px;
}

#pop_select_lang > div .selection .select img, #pop_select_lang > div .selection ul li img{
width:25px;
margin-right:10px;
}
}

@media screen and (max-width:450px){
#footer .motif{padding:0 20px;}

#footer .motif .newsletter{padding:50px 20px 20px 20px;}

#footer .motif .newsletter form input[type=text]{padding:0 10px;}

::-webkit-input-placeholder{letter-spacing:1px;}

:-moz-placeholder{letter-spacing:1px;}

::-moz-placeholder{letter-spacing:1px;}

input:-ms-input-placeholder, textarea:-ms-input-placeholder{letter-spacing:1px;}

main.index section.blog .lien_resp span{
font-size:80px;
line-height:50px;
}

#header .centre .logo{width:80px;}

#header .centre .pictos{width:calc(100% - 130px);}

#header .centre .pictos li .num{
height:20px;
width:20px;
line-height:20px;
border-radius:20px;
font-size:12px;
letter-spacing:1px;
}

main.page > section .rgpd > div{
padding:20px;
font-size:14px;
}

.ticomplete39{
font-size:23px;
line-height:20px;
}

main.panier .confirm_suppr{font-size:11px;}

.contenu_panier .gamme > ul > li > div.confirm_suppr{
width:calc(100% + 20px);
right:-20px;
}

main.compte .content aside{padding:30px 0;}

main.compte .content aside .resp{
padding:0 0 0 80px;
text-align:left;
letter-spacing:0;
}

main.compte .content aside .liens a{
padding:20px 35px 20px 20px;
background-position:right 15px center;
background-size:auto 10px;
}

main.plan section article{width:100%;}

main.compte.commandes .content section{padding:30px 15px;}

.liste_cde_compte > ul > li .lab{
font-size:13px;
letter-spacing:0;
}

main.panier .right .totaux > .bt_resp{flex-flow:column;}

main.panier .right .totaux > .bt_resp span.ti + span{padding-left:25px;}

main.terracycle section.etape .points_collecte{
font-size:25px;
line-height:30px;
}

main.engagements_page .blocs article .txt, main.engagements_page .blocs article.trois .txt{padding:30px;}

main.engagements_page .retour{padding:40px 0;}

#rgpd > div{padding:20px 15px;}

main.produits section.bg_beige .liste_produits .engagement .img .tibla35{
font-size:25px;
line-height:25px;
}

main.pages_form .content .formulaire{text-align:center;}

main.pages_form .content .formulaire .ligne{flex-flow:column;}

main.pages_form .content .formulaire .ligne input[type="text"], main.pages_form .content .formulaire .ligne .selectric-wrapper, main.pages_form .content .formulaire .ligne select, main.pages_form .content .formulaire .ligne .selectric-wrapper.selectric-nb_enfants_pages_form, main.pages_form .content .formulaire .ligne select.nb_enfants_pages_form, main.pages_form .content .formulaire .enfant input[type="text"], main.pages_form .content .formulaire .ligne input[type="text"].gd{
width:100%;
text-align:center;
}

main.pages_form .content .formulaire .ligne > span.noresp{display:none;}

main.pages_form .content .formulaire .selectric-faux_select .selectric .label, select.faux_select{padding:10px 20px 10px 15px;}

main.pages_form .content .formulaire .selectric-faux_select .selectric .button{right:10px;}

main.pages_form .content{padding:60px 20px;}

main.pages_form .content .formulaire .enfant{padding:15px;}

main.pages_form .content .formulaire .enfant + .enfant{padding:0 15px 15px 15px;}

main.maintenance section{
font-size:20px;
line-height:20px;
}

main.maintenance section .ticomplete150{
font-size:50px;
line-height:50px;
}

main.abonnement .sur_mesure .panier_abo .produits_abo .liste_rech > .resp span{
font-size:13px;
letter-spacing:0;
padding:0 15px;
background-size:7px auto;
}

main.compte.abonnements_detail .content section .entete{display:block;}

main.compte.abonnements_detail .content section .entete .tibo20, main.compte.abonnements_detail .content section .entete .annuler{width:auto;}

main.compte.abonnements_detail .content section .entete .annuler{
text-align:left;
margin-top:15px;
}

.compte_abonnements_produits .total ul{display:block;}

.compte_abonnements_produits .total ul li, .compte_abonnements_produits .total ul li + li{text-align:center;}

.compte_abonnements_produits .total ul li .remise{
display:inline-block;
margin-left:5px;
}

.compte_abonnements_produits .total .erreur{font-size:16px;}

.compte_abonnements_produits .total ul li .remise .no_resp{display:none;}

main.marque .intro article .txt .tiarticle{
font-size:30px;
line-height:30px;
}

main.marque .intro article .txt{
font-size:20px;
line-height:20px;
}

main.marque .certif .liste article .ckecolby{
font-size:20px;
line-height:25px;
}

main.marque .certif .liste article figure{margin-bottom:25px;}

main.panier .left .centre .nav{
font-size:12px;
line-height:12px;
}

main.panier .left .centre .nav span + span{margin-left:15px;}

main.panier .left .centre .nav span + span:before{left:-8px;}
}

@media screen and (max-width:440px){
main.marque .ancres span{
width:calc(100% - 20px);
margin:15px 10px 0 10px;
}

main.marque .valeurs{padding-top:15px;}
}

@media screen and (max-width:410px){
main.panier .right .totaux .centre .liste_totaux, main.panier .right .totaux .centre .liste_totaux > ul.livraison .selectric-faux_select .selectric .label, main.panier .right .totaux .centre .liste_totaux > ul.livraison select.faux_select, main.panier .right .totaux .selectric-faux_select .selectric-items li, main.panier .right .totaux .selectric-faux_select .selectric-items ul{font-size:13px;}

main.panier .right .totaux .centre .liste_totaux > ul > li + li{width:120px;}

.nav_resp.menu > ul > li, .nav_resp.ssmenu .back{
font-size:15px;
line-height:15px;
}

.nav_resp.menu > ul > li.cih{font-size:25px;}

#footer .reassur li{width:100%;}

#footer .reassur li + li:after{
position:absolute;
content:'';
top:-20px;
left:0;
width:100%;
height:2px;
background-color:#000;
}

#footer .reassur li:nth-child(even):before{display:none;}

main.index .selections #home_slider_selections .slick-slide a .txt .tibla25{
font-size:30px;
line-height:35px;
}

main.faq .content section .liste_faq .rub li{
width:100%;
padding-right:0;
text-align:center;
}

main.faq .content section .liste_faq .rub li a{display:block;}

.ckeditor .lipicto{padding-left:0;}

.ckeditor .lipicto > img{
position:static;
transform:none;
display:inline-block;
vertical-align:baseline;
margin-right:10px;
}

main.connexion .form_connexion_creation section{padding:20px !important;}

.form_connexion_creation section.connecter .externes a{
width:100%;
margin:5px 0 0 0 !important;
text-align:left;
padding-left:50px;
}

main.tunnel .etape2 .modes_livraison article > label > span.infos, main.tunnel .etape2 .modes_livraison article > label > span.prix{width:100%;}

main.tunnel .etape2 .modes_livraison article > label > span.prix{
padding-left:0;
text-align:left;
padding-top:10px;
}

main.tunnel .etape2 .modes_livraison article > label{background-position:left 3px;}

main.compte.info_perso .content section .contenu .aff > ul > li{width:100%;}

main.compte.info_perso .content section .contenu .aff > ul > li.label{padding-bottom:0;}

#pop_news .close{
top:10px;
right:10px;
height:20px;
width:20px;
}

#popform.popcatalogue .content article{padding:40px 20px;}

#popform.popcatalogue .content article .tibo22{
font-size:16px;
line-height:18px;
padding-bottom:5px;
}

.contenu_panier .gamme .abonnement .prix .barre{
display:block;
margin-right:0;
}

.contenu_panier .gamme .abonnement .prix{width:100px;}

.contenu_panier .gamme .abonnement{justify-content:space-between;}

.totaux .contenu_panier .gamme .abonnement .ti, .contenu_panier .gamme .abonnement .ti{
padding-right:10px;
width:calc(100% - 100px);
font-size:13px;
}

#popform.popabomodif{padding-top:30px;}

#popform.popabomodif > .close{
top:10px;
right:10px;
width:15px;
height:15px;
}

main.produits_detail.market_place section.more .marque{padding:40px 20px;}

main.produits_detail.market_place section.more .marque .img, main.produits_detail.market_place section.more .marque .txt{padding-top:20px;}

main.produits_detail.market_place section.more .article .txt .ti_rub{font-size:14px;}

main.produits_detail.market_place section.more .article .txt .ti{
font-size:20px;
line-height:24px;
}

main.produits_detail.market_place section.more .article .img{padding-right:20px;}

main.produits_detail.market_place section.more .article .img + .txt{
margin-top:-40px;
margin-bottom:40px;
}

#popform.popafternews{padding:40px 15px;}

#popform.popafternews .content .doc .tibla25{
font-size:16px;
line-height:20px;
}

#popform.popafternews .content .doc .links li{padding:20px 10px;}

main.index .actu_home .txt .ticomplete45{padding:40px 20px;}

main.index .actu_home .txt .bt_vert{margin-top:40px;}

main.pages_form .content .textes article{padding-top:30px;}

#popform .content .tunnel_connexion .externes a{
margin-right:0;
display:block;
width:100%;
}

#popform .content .tunnel_connexion .externes a:nth-child(2n){margin-left:0;}
}

@media screen and (max-width:400px){
#header .centre{
padding:15px 10px 15px 20px;
align-items:flex-end;
}

#header .centre .burger{
margin-right:10px;
width:25px;
height:23px;
}

#header .centre .logo{width:70px;}

#header .centre .pictos{
width:calc(100% - 110px);
display:flex;
flex-flow:row wrap;
justify-content:flex-end;
}

#header .centre .pictos li{order:2;}

#header .centre .pictos li.select_lang{margin:2px 0 0 15px;}

#header .centre .pictos li .pic img{height:18px;}

#header .centre .pictos li.select_lang .pic img{
height:14px;
margin-right:5px;
}

#header .centre .pictos li.select_lang .pic::after{
background-size:100% auto;
width:10px;
height:6px;
}

#popform.popretourproduit{padding:50px 15px 15px 15px;}

#popform.popretourproduit .form{
flex-flow:column;
align-items:center;
}

#popform.popretourproduit .form input{
padding:10px;
font-size:16px;
width:100%;
}

#popform.popretourproduit .form button{
margin-top:10px;
text-align:center;
}
}

@media screen and (max-width:380px){
main.tunnel .form_tunnel input[type="text"], main.tunnel .form_tunnel textarea{padding:12px 20px;}

main.tunnel .form_adresse .champ .selectric-faux_select .selectric .label, main.tunnel .form_adresse .champ select.faux_select{padding:15px 40px 15px 20px;}

main.tunnel .form_adresse .champ .selectric-faux_select .selectric-items{padding:20px 10px;}

main.produits section.bg_beige .aside_resp{
padding:10px 50px 10px 0;
display:block;
}

main.produits section.bg_beige .aside_resp > div{
padding:10px 20px;
width:100%;
position:relative;
}

main.produits section.bg_beige .aside_resp > div + div{border-left:none;}

main.produits section.bg_beige .aside_resp .filtre_resp{
margin:0;
position:absolute;
top:20px;
right:20px;
}

.liste_paragraphes .paragraphes article .txt .contenu{padding:30px 20px;}

main.produits_detail .content .right .infos .top .add{
flex-flow:column;
padding-top:10px;
text-align:left;
}

main.produits_detail .content .right .infos .top .add > div.avis{
padding-left:0;
padding-top:10px;
justify-content:left;
}

main.produits_detail .content .right .infos .top .prix{padding-top:0;}

main.produits_detail .content .right .infos .top .add > div.bt_panier .bt_vert{
font-size:12px;
letter-spacing:3px;
height:35px;
line-height:35px;
width:100%;
padding:0;
}

main.produits_detail .content .right .infos .top .add > div.bt_panier .qte span.moins, main.produits_detail .content .right .infos .top .add > div.bt_panier .qte span.plus{
width:35px;
height:35px;
background-size:10px auto;
}

main.produits_detail .content .right .infos .top .add > div.bt_panier .qte span.num{
line-height:35px;
height:35px;
width:calc(100% - 70px);
}

main.contact .content section .first_select{
display:block;
padding-top:30px;
}

main.contact .content section .first_select .ti{
padding-right:0;
padding-bottom:10px;
display:block;
}

.form_connexion_creation section.connecter .bottom{flex-flow:column;}

.form_connexion_creation section.connecter .bottom .pass_oubli{padding-top:10px;}

.form_gen ::-webkit-input-placeholder{
font-size:11px;
letter-spacing:0;
}

.form_gen :-moz-placeholder{
font-size:11px;
letter-spacing:0;
}

.form_gen ::-moz-placeholder{
font-size:11px;
letter-spacing:0;
}

.form_gen input:-ms-input-placeholder, .form_gen textarea:-ms-input-placeholder{
font-size:11px;
letter-spacing:0;
}

.form_gen input[type=text], .form_gen input[type=password], .form_gen textarea{padding:10px;}

.form_connexion_creation section.connecter .password + .bt_vert{
height:46px;
line-height:46px;
}

.liste_cde_compte .details .bloc ul{
height:auto;
padding-left:0;
}

.liste_cde_compte .details .bloc ul li.img{display:none;}

.liste_cde_compte .details .bloc ul li.ti, .liste_cde_compte .details .bloc ul li.age{padding-left:0;}

main.terracycle section.etape{padding:30px 15px;}

main.terracycle section.etape .comment .liste article{margin-top:30px;}

main.compte.parrainage .contenu article.filleuls .liste ul{display:block;}

main.compte.parrainage .contenu article.filleuls .liste ul li{width:100%;}

main.compte.parrainage .contenu article.filleuls .liste ul li:first-child + li{
text-align:left;
padding-top:0;
}

main.abonnement .pres .etapes .liste li{
width:100%;
padding:20px 0 0 0;
}

main.abonnement .pres .etapes .liste li .img{height:auto;}

main.abonnement .remises .liste li + li, main.abonnement .remises .liste li:first-child{width:100%;}

main.abonnement .sur_mesure .intro{padding:0 30px 30px 30px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .total ul + ul{display:block;}

.compte_abonnements_produits .liste > li{padding:0 0 20px 0;}

.compte_abonnements_produits .liste > li{width:100%;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo > .ti .no_resp{display:none;}
}

@media screen and (max-width:350px){
main.marque .intro article, main.marque .intro > figure + article{padding:30px 20px;}

main.marque .tiarticle{
padding:0 30px !important;
width:100%;
}

main.marque .tiarticle::before, main.marque .tiarticle::after{
width:20px !important;
height:24px !important;
}

.nav_resp.menu > ul{margin-left:0;}

.nav_resp.ssmenu > div > ul > li.deroul > ul{margin-left:25px;}

#footer .motif .liens li.menu{padding:30px 0;}

#footer .motif .liens li.actions{padding:0;}

main.index section.gamme > article .titre .tibla69{
font-size:45px;
line-height:40px;
}

main.index section.gamme > article .titre .tibo20{
font-size:16px;
line-height:18px;
}

main.index section.gamme > article .titre .tibo20.lien{padding-top:20px;}

main.produits section.bg_beige .liste_produits .engagement .img .tibla35{
font-size:20px;
line-height:22px;
}

.liste_cde_compte .details .bloc ul li.age, .liste_cde_compte .details .bloc ul li.qte{width:50%;}

.liste_cde_compte .details .bloc ul li.tot{
width:100%;
text-align:left;
padding-left:0;
}

.liste_cde_compte .details .bloc ul.suppl li.tot{
width:90px;
text-align:right;
}

.liste_cde_compte .details .bloc ul.suppl li.ti{
width:calc(100% - 90px);
letter-spacing:0;
}

.vignette_produit, .liste_produits .engagement{width:100%;}

.liste_produits{margin:0;}

.liste_produits > article{margin:30px 0 0 0;}

.vignette_produit .img{
height:auto;
padding:30px 0;
}

.liste_produits .engagement .img{height:350px;}

.vignette_produit .img a > img{
top:0;
transform:none;
max-height:200px;
max-width:80%;
}

.cross_produits .vignette_produit .img{
height:250px;
padding:0;
}

.cross_produits .vignette_produit .img a > img{
top:50%;
transform:translateY(-50%);
max-height:70%;
max-width:90%;
}

.totaux .contenu_panier .gamme > ul > li{flex-flow:wrap;}

.totaux .contenu_panier .gamme > ul > li > div.detail{width:calc(100% - 90px);}

.totaux .contenu_panier .gamme > ul > li > div.prix{
width:100%;
top:-20px;
position:relative;
}

main.panier .right .totaux .code_promo input[type=text]{letter-spacing:0;}

main.panier .right .totaux .code_promo ::-webkit-input-placeholder{letter-spacing:0;}

main.panier .right .totaux .code_promo :-moz-placeholder{letter-spacing:0;}

main.panier .right .totaux .code_promo ::-moz-placeholder{letter-spacing:0;}

main.panier .right .totaux .code_promo input:-ms-input-placeholder{letter-spacing:0;}

main.abonnement .sur_mesure .panier_abo .liste{margin:0;}

main.abonnement .sur_mesure .panier_abo .liste > li{
width:100%;
margin-right:0;
} 

.detail_pdt_abo .content{padding:50px 20px;}

.detail_pdt_abo .slider_right .slick-arrow{right:-30px;}

.nav_resp.ssmenu .back{
font-size:13px;
line-height:13px;
}

.nav_resp.ssmenu .back span{
font-size:13px;
padding:0 20px;
}

main.contact .content section .formulaire .form_gen .g-recaptcha{
transform:scale(0.8);
-webkit-transform:scale(0.8);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}

main.produits_selections .vignette_produit .img{height:auto;}

.compte.abonnements_payer .paiement form{padding:20px;}

main.panier .left .centre .nav{
font-size:11px;
line-height:11px;
}

main.panier .tisepar{text-align:center;}

main.tunnel .paiement form > strong{
padding:20px 0 10px 0;
text-align:center;
}

main.tunnel .paiement form #card-element, main.tunnel .paiement form #card-owner{padding:10px;}
}

@media screen and (max-width:310px){
.header_panier .centre .back{font-size:11px;}

.contenu_panier .gamme > ul > li > div.img{width:70px;}

.contenu_panier .gamme > ul > li > div.detail{
width:calc(100% - 150px);
letter-spacing:0;
}

.totaux .contenu_panier .gamme > ul > li > div.detail{width:calc(100% - 70px);}

.contenu_panier .gamme > ul > li > div.detail .pdt, .contenu_panier .gamme > ul > li > div.detail .qte .num{font-size:11px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo > .ti{
padding:20px 30px 20px 10px;
background-position:right 10px center;
}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .bt .bt_vert{
font-size:12px;
width:100%;
padding:7px 0;
text-align:center;
}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .total{padding:20px 10px 0 10px;}

main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .bt, main.abonnement .sur_mesure .panier_abo .recap .liste_panier_abo form .erreur{
padding-left:10px;
padding-right:10px;
}

.contenu_panier .gamme .abonnement .ti span + span{line-height:13px;}

#backtop{bottom:180px;}

#header .centre .pictos li.select_lang .pic{text-align:right;}

#header .centre .pictos li.select_lang{
order:1;
margin:0 0 15px 0;
width:100%;
}

#header .centre .pictos li.select_lang .list_lang{
padding-top:30px;
top:calc(100% - 50px);
width:100%;
}
}