/* CSS3 Reset
---------------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,article,aside,canvas,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,
mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;text-align: left;}
body{line-height:1;}
article,aside,canvas,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#f1f191;color:#010201;text-decoration:none;}
mark{background-color:#f1f191;color:#010201;font-style:italic;font-weight:bold;}
del{ text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #c1c2c3;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
ul {list-style: none;}
* {box-sizing: border-box;}
*::selection {background:#112277; color:#cdf;}


/* Les Fonts : ici !
---------------------------------------------------------------------- */

@font-face {
 font-family: 'rubik_regular';
	src: url('../fonts/awe/font/Hero.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
 font-family: 'rubik_medium';
		src: url('../fonts/awe/font/LemonMilk.oft') format('truetype'),
		url('../fonts/awe/font/LemonMilk.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
 font-family: 'rubik_italic';
		src: url('../fonts/Rubik-Italic.woff2') format('woff2'),
	     url('../fonts/Rubik-Italic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
 font-family: 'rubik_light';
	src: url('../fonts/Rubik-Light.woff2') format('woff2'),
	     url('../fonts/Rubik-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
 font-family: 'DK Lemon Yellow Sun';
	src: url('../fonts/awe/font/LemonMilk.oft') format('truetype'),
	url('../fonts/awe/font/LemonMilk.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
 font-family: 'Manksa';
 	src: url('../fonts/awe/font/LemonMilk.oft') format('truetype'),
 	 url('../fonts/awe/font/LemonMilk.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


/* Codes couleurs : 
---------------------------------------------------------------------- 
# 212221 : couleur du texte "normal"
# 111412 : h2
# 212422 : h2
# 313432 : h3
# 414442 : h4
# 515452 : h5
# 616462 : h6
# 4e4f4e : couleur du texte ":input"
# abacaa : bordure ":input"
# 2a292b : fond over-header
# 818480 : fond header, & autre blocs avec fond moyen
# 161516 : fond nav & footer & autre blocs avec fond foncé
# fefdfc : hover border nav 
# 181719 : fond boutons & co
# 424143 : fond hover-boutons & co
# 4343da : fond bouton Exergues (& couleur hover)
# fe0504 : fond bouton Exergues && Important (& couleur hover)
# ff0084 : surbrillance de selection du text dans le Header 
# 112277 : surbrillance de selection du text (général)
# 727571 : label formulaire
# c1c4d3 : fond couleur clair
# 818493 : fond couleur moyen
# 414453 : fond couleur foncé


---------------------------------------------------------------------- */ 


/* Structure générale
---------------------------------------------------------------------- */
html {font-size:16px;}
body {font-size:16px; font-family: 'rubik_regular', sans-serif; color: #212221; letter-spacing: 0.7px; line-height: 20px;}
body > header {
	text-align: center;
	background: #fff;
	width:100%;
/*	min-height: 68px;*/
	z-index:1;
	position:relative;
	font-size: 0;
	z-index: 10001;
	padding: 8px 0;
}
body > header.simpleHeader {padding:0;}
body > footer {
	font-size: 12px;
	text-align: center;
	width: 100%;
	min-height: 100px;
	overflow: hidden;
	position:relative;
	background: #fff;
/*	padding-top: 30px;*/
	box-shadow: 0px -50px 50px 0px rgba(0,0,0,0.06);
}
body > nav {
	width: 100%;
	z-index:101;
	position:relative;
	background: #d2232a;
	
}
body > nav.scroll,
.bodySimpleHeader nav.mainNav,
.bodySimpleHeader nav.mainNav > div {background: #fff;}
aside {}

main {min-height:calc(100vh - 68px - 100px); background: #fff;} /* Taille header + taille footer */
main.shopPage {background:#F6F6F6;}

/* Charte graphique élémentaire
---------------------------------------------------------------------- */
h1 {
	text-align: center;
	font-size:50px;
	line-height:56px;
	color:#111412;
	font-weight: 100;
	padding:5vh 20px;
	letter-spacing: 1px;
	margin:0;
	position:relative;
/*	background:#f00;*/
}

/*  version pleine avec petite flèche en bas
h1::before {
    content: "";
    position: absolute;
    z-index: 1;
    border-top: 16px solid #f00;
    bottom: -16px;
    left: calc(50% - 16px);
    border-left: 16px transparent solid;
    border-right: 16px transparent solid;
}
*/
h2 {
	line-height: 40px;
	margin:2vh 0px;
	padding:0;
	font-family: 'rubik_medium';
	font-size: 22px;
	font-weight: 500;
	font-style: normal !important;
	color:#d2232a;
}
h3 {
	font-size:20px;
	font-weight: normal;
	color:#d2232a;
	margin:6px 0px;
	padding:0;
	font-family: 'rubik_regular';
	margin-bottom: 21.73913043px;
}
h4 {
	font-size:20px;
	font-weight: bold;
	color:#414442;
	margin:6px 0px;
	padding:0;
}
h5 {
	font-size:16px;
	font-weight: bold;
	color:#515452;
	margin:6px 0px;
	padding:0;
}
h6 {
	font-size:14px;
	font-weight: bold;
	color:#616462;
	margin:4px 0px;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {line-height: 1.1; margin-top: 0;font-weight: normal;}
p { 
	margin-bottom:10px; 
	font-size:16px; 
	text-align: justify; 
	font-family: "rubik_regular";
	line-height: 20px;
}
a {text-decoration: none; transition: all 0.5s; color:#414240;}
a:hover {color:#919290;}
i {}
b {}
strong {}
hr {border-top: 1px solid; display: block; height: 1px;}

blockquote {font-size:22px; text-align: center; letter-spacing: 0.5px; line-height: 26px; font-style: italic; quotes:"\00ab" "\00bb";}
blockquote:after {content:open-quote; font-size:30px;}
blockquote:before {content:close-quote;font-size:30px;}

figure { text-align: center;}
figcaption { font-size:10px; font-style: italic; text-align: center; padding-top:10px;}
figure img { min-width: 30px;}
img {}
section {}
article {}
code {}

input[type='text'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='date'],
input[type='color'],
input[type='range'],
input[type='url'],
input[type='time'],
input[type='datetime'],
input[type='email'],
select {
	height: 40px;
	color:#4e4f4e;
	border:1px solid #abacaa;
	border-radius: 5px;
	width:100%;
	padding:8px;
	font-size:16px;
}
button,
input[type='button'],
input[type='submit'], 
.btn {
	background: #d2232a;
	cursor: pointer;
	padding:10px 24px;
	color:#fff;
	font-size: 14px;
	border-radius: 4px;
	border:none;
	display:inline-block;
	text-decoration: none;
	transition: all 0.3s ease;
}

button:hover,
input[type='button']:hover,
input[type='submit']:hover,
.btn:hover {background: #feaa04;color:#fff;}

input[type='checkbox'],
input[type='radio'] {cursor: pointer;}
label {cursor: pointer;}

.btn.big { padding:15px 30px; font-size:32px; border-radius: 10px;}
.btn.xbig { padding:20px 40px; font-size:48px; border-radius: 14px;}
.btn.medium {padding:8px 16px; font-size:20px; border-radius: 7px;}
.btn.small {padding:4px 8px; font-size:16px; border-radius: 4px;}

.btn:disabled { background-color: #888; cursor: default; }
.btn:disabled:hover { background-color: #888;}

/* styles remis en forme pour les contenus issus de wysiwyg 
---------------------------------------------------------------------- */
.content {font-size:13px; line-height: 16px; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.bloc-content ul {margin:8px 0 8px 8px;  list-style:disc;}
.bloc-content li li {list-style:circle;}
.bloc-content li li li {list-style:diamond;}
.bloc-content li {
    font-size: 16px;
    font-family: "rubik_regular";
    list-style-type: decimal;
    line-height: 25px;
    margin-bottom: 15px;
    margin-left: 0;
}




/* -------------------------------------------------------------------
---------------------------------------------------------------------- 
								STRUCTURE
---------------------------------------------------------------------- 
---------------------------------------------------------------------- */

/*  Navigation
------------------- */
nav.mainNav {z-index: 101; transition: opacity 0.5s ease;margin-top: -1px;}
nav.mainNav.scroll {position:fixed;top:0;box-shadow: 0px 50px 50px 0px rgba(0,0,0,0.06);}
.bodySimpleHeader nav.mainNav {position: relative;}
.bodySimpleHeader nav.mainNav > div.navigation {position:relative; display: flex;justify-content: space-between;align-items: center;height: 110px;width: 1200px;margin:0 auto; padding-left:15px; padding-right:15px;}
nav.mainNav .menuSmart {cursor: pointer; display: none;}
body:not(.bodySimpleHeader) nav.mainNav .smallLogo { display: none;}
.bodySimpleHeader nav.mainNav .smallLogo {display:block;width: 150px;height: 100%;display: flex;align-items: center;justify-content: center;}
.bodySimpleHeader nav.mainNav .smallLogo a {width: 80%;height: 80%;display: flex;align-items: center;}
nav.mainNav .smallLogo img {height: 100%;}
nav.mainNav > div.navigation {
	text-align: center; 
	height: 162px;
	margin-top: -1px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
nav.mainNav.scroll > div,
.bodySimpleHeader nav.mainNav > div {height:110px;}
.bodySimpleHeader nav.mainNav {box-shadow: 0px 50px 50px 0px rgba(0,0,0,0.06);}
nav.mainNav div.smallMenu{text-align: right; margin-right: 35px;}


.container-e-products {margin:0 auto; display:block;width: 1200px;}
.bloc-relative {height:80px;}
.container-e-products .product-list {float:left; width:75%;}
.product-list > h1 {
	font-family: 'rubik_medium';
	text-transform: uppercase;
	color: #000000;
	font-size: 35px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 30px;
	padding-bottom: 15px;
	text-align:left;
}
.container-e-products .product-list img {width: 100%; height:100%; object-fit: cover;}
div.sideNav {float:left; width:25%;padding-right: 15px;padding-left: 15px;}
div.sideNav ul.menu > li > div {display:none;}
div.sideNav ul.menu > li {
padding: 20px 0;
border-bottom: 1px solid #F1F1F1;
position: relative;
}
div.sideNav ul.menu > li > a {display: flex;align-items: center;padding: 0 20px;font-size: 15px;text-transform: uppercase;color: #222; cursor: pointer;}
div.sideNav ul.menu > li:not(.active) > a:hover {color: #d2232a;}
div.sideNav ul.menu > li > a > div.imgMenu > img {width: 20px;object-fit: contain;}
div.sideNav ul.menu > li > a > div.imgMenu {margin-right: 20px;}
div.sideNav ul.menu > li > a > div.more {
	color: #d2232a;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 20px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
	border: 1px solid transparent;
	cursor: pointer;
}
div.sideNav ul.menu > li > a > div.more:hover {border-color: #d2232a;}
div.sideNav ul.menu > li > a > div.more.active {display:none;}
div.sideNav > .wrapNav {
	background-color:#fff;
	border-radius: 10px;
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.12);
	padding: 0 3px;
	margin-bottom: 20px;
}
.sideNav > div.wrapNav > ul.menu > li.hasSub > div > ul {display:flex; flex-direction: column; margin-left: 60px;}
.sideNav > div.wrapNav > ul.menu > li.hasSub > div > ul > li {
	padding-left: 20px;
	position: relative;
	transition: 0.3s;
}
.sideNav > div.wrapNav > ul.menu > li.hasSub > div > ul > li > a {
	font-size: 13px;
	line-height: 25px;
	font-family: "rubik_medium";
	color: #BEBEBE;
	text-transform: uppercase;
	}
.sideNav > div.wrapNav > ul.menu > li.hasSub > div > ul > li > a::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #d2232a;
}
.sideNav > div.wrapNav > ul.menu > li.hasSub > div > ul > li > a:hover {color: #d2232a;}
.sideNav > div.wrapNav > ul.menu > li.hasSub.active::before {
    content: '';
    width: 9px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -3px;
    background-color: #d2232a;
}
.sideNav > div.wrapNav > ul.menu > li.hasSub > a.active > div.more,
.sideNav > div.wrapNav > ul.menu > li.hasSub > div > div.imgSubmenu > img {display:none;}

nav.mainNav > div.navigation > div.wrapNav {height:162px;width: 100%;}
nav.mainNav.scroll > div.navigation > div.wrapNav {height:110px;}
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav {height:110px;}
.bodySimpleHeader nav.mainNav > div.navigation::before,
.bodySimpleHeader nav.mainNav > div.navigation::after,
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav::before,
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav::after,
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul::before,
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul::after {content: " ";display: table;}
nav.mainNav > div.navigation > div.wrapNav > ul {height:100%; font-size:0; display: inline-block; transition: padding 0.5s ease; display: flex;align-items: center;justify-content: space-between; }
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav {width: 1000px;}
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul {padding: 0 15px;width: 1000px;margin-left: auto;margin-right: auto;}
nav.mainNav > div.navigation > div.account {width: 150px;}
nav.mainNav > div.navigation > div.account > ul {
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: relative;
}
nav.mainNav > div.navigation > div.wrapNav > ul li {
	font-size:16px;
	color:#fff;
	display: inline-block;
	margin:0px;
	position:relative;
	transition:border-color 0.3s ease;
	font-family: 'rubik_medium';
	width: 100%;
	height: 100%;
	transition: 0.3s;
	display: flex;
	position: relative;
}
nav.mainNav > div.navigation > div.wrapNav > ul li.selected,
nav.mainNav > div.navigation > div.wrapNav > ul li:hover  {cursor: pointer; background: #fff;}
nav.mainNav > div.navigation > div.wrapNav > ul > li span,
nav.mainNav > div.navigation > div.wrapNav > ul > li a {text-align: center;color:#fff; display: block; text-decoration: none; font-size:14px; width: 100%; display: flex;flex-direction: column;align-items: center;justify-content: center;}
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li.active,
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li:hover,
nav.mainNav.scroll > div.navigation > div.wrapNav > ul > li:hover {background-color: #d2232a;}
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li a.active,
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li:hover a,
nav.mainNav.scroll > div.navigation > div.wrapNav > ul > li:hover a {color:#fff;}
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li a {padding:0 20px;}
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li a.active > div.imgMenu > img,
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li:hover a > div.imgMenu > img,
nav.mainNav.scroll > div.navigation > div.wrapNav > ul > li:hover > a > div.imgMenu > img {filter: brightness(0%) invert(100%);}
nav.mainNav > div.navigation > div.wrapNav > ul > li.hasSub > div > ul > li > a {
	color:#fff;
	font-size: 16px;
	font-weight: 300;
	font-family: 'rubik_regular';
	margin: 10px 0;
	position: relative;
	padding-left: 20px;
	margin-left: 20px;
}
nav.mainNav > div.navigation > div.wrapNav > ul > li span >  div.imgMenu,
nav.mainNav > div.navigation > div.wrapNav > ul > li a > div.imgMenu {
	margin-bottom: 10px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	position: relative;
}
nav.mainNav > div.navigation > div.wrapNav > ul > li span >  div.imgMenu > img,
nav.mainNav > div.navigation > div.wrapNav > ul > li a > div.imgMenu > img {filter: brightness(0%) invert(100%);width:37px;}
nav.mainNav > div.navigation > div.wrapNav > ul > li span:hover >  div.imgMenu > img,
nav.mainNav > div.navigation > div.wrapNav > ul > li a:hover >  div.imgMenu > img,
nav.mainNav.scroll > div.navigation > div.wrapNav > ul > li span >  div.imgMenu > img,
nav.mainNav.scroll > div.navigation > div.wrapNav > ul > li a > div.imgMenu > img,
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li span >  div.imgMenu > img,
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li a > div.imgMenu > img {filter: none;}
nav.mainNav > div.navigation > div.wrapNav > ul > li span:hover,
nav.mainNav > div.navigation > div.wrapNav > ul > li a:hover,
nav.mainNav.scroll > div.navigation > div.wrapNav > ul > li span,
nav.mainNav.scroll > div.navigation > div.wrapNav > ul > li a,
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li span,
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li a  {color: #d2232a;}
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li a {font-size: 14px;}
nav.mainNav > div.navigation > div.account ul > li span.cart {display:none;}
nav.mainNav > div.navigation > div.account ul > li span.basketQtty {
	position: absolute;
	top: -4px;
	right: 0px;
	width: 23px;
	height: 23px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color:#feaa04;
	background-color:#fff;
	box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2);
}
nav.mainNav > div.navigation > div.account ul > li span.basketQtty:empty { display: none; }
nav.mainNav.scroll > div.navigation > div.account > ul > li span.basketQtty,
.bodySimpleHeader nav.mainNav > div.navigation > div.account > ul > li span.basketQtty {width: 15px;height: 15px;}
nav.mainNav > div.navigation > div.wrapNav > ul > li > div {
	overflow:hidden;
	opacity: 0;
    display: flex;
    position: absolute;
    top: 162px;
    z-index: 1;
    background-color: #d2232a;
	align-items: stretch;
	justify-content: space-between;
	width: 580px;
	-webkit-box-shadow: 0px 30px 35px -5px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 30px 35px -5px rgba(0,0,0,0.35);
	box-shadow: 0px 30px 35px -5px rgba(0,0,0,0.35);
    transition: 0.5s;
    transform: scale(1, 0);
    transform-origin: 0 0 0;
}
nav.mainNav.scroll > div.navigation > div.wrapNav > ul > li > div {top:110px;}
nav.mainNav > div.navigation > div.wrapNav > ul > li:hover > div {max-height: 500px; opacity: 1;transform:scale(1, 1);}
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li:hover > div {opacity:0;}
nav.mainNav > div.navigation > div.wrapNav > ul > li:hover > div > ul {padding: 5px 45px 5px 10px; display: flex;flex-direction: column;min-height: 220px;justify-content: center;width:50%;}
nav.mainNav > div.navigation > div.wrapNav > ul > li:nth-child(n+5) > div {flex-direction:row-reverse; right:0;}
nav.mainNav > div.navigation > div.wrapNav > ul > li:hover > div > .imgSubmenu {width:50%;}
nav.mainNav > div.navigation > div.wrapNav > ul > li:hover > div > .imgSubmenu > img {height: 100%;width: 100%;object-fit: cover;}
nav.mainNav > div.navigation > div.wrapNav > ul > li  li { white-space: nowrap; width:100%;height:auto;}
nav.mainNav > div.navigation > div.wrapNav > ul > li li a::before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: 
    #fff;
    top: 50%;
    left: 0;
    border-radius: 50%;
    transform: translate(0, -50%);
}
nav.mainNav > div.navigation > div.wrapNav > ul > li > div > ul > li > a {align-items:flex-start;}
nav.mainNav > div.navigation > div.wrapNav > ul > li  li:hover {border-bottom:none; background:none;}

/*nav.mainNav.scroll > div.navigation > div.wrapNav > ul {padding:0;}*/
nav.mainNav.scroll .smallLogo,
.bodySimpleHeader nav.mainNav .smallLogo {opacity: 1;}
body:not(.bodySimpleHeader) nav.mainNav.scroll .smallLogo > a {display:none;}
nav.mainNav .smallMenu {display:none;}
nav.mainNav > div.navigation > div.wrapNav > .closeMenu {display:none;}



/* Header
---------------------------------------------------------------------- */
body > header {position:relative;} 
body > header .overHead {
	width:100%; 
	background:#fff; 
	color:#000; 
	transition: top 0.7s ease;
	z-index:1;
	display: flex;
	align-items: center;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}
body > header.simpleHeader .overHead {display:none;} 
body > header .overHead > div {display: flex; justify-content: flex-end; float: left; width: 25%;}
body > header .overHead .flags {padding:8px 5px;display:none;} 
body > header .overHead .flags li {padding:0px 5px;} 
body > header .overHead .areas {display:flex;} 
body > header .overHead .areas li {padding:0px 5px; cursor: pointer;} 
body > header .overHead .areas li a {color:#fff; text-decoration: none;} 

body > header div#_desktop_logo {float: left; width: 20%; display:flex; justify-content:left;}
body > header div#_desktop_logo > a > img {margin: 0;width: 110px;}
body > header div#_desktop_logo > a {display: flex;}


body > header .overHead > ul.menuHeader {padding-left: 15px;margin: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
body > header .overHead > div >ul.areas > li.Connected {position:relative;}
body > header .overHead > ul.menuHeader > li.sousMenuHeader > a,
body > header .overHead > div >ul.areas > li.openConnect > span,
body > header .overHead > div >ul.areas > li.Connected > span {font-family: 'DK Lemon Yellow Sun';text-transform: uppercase;font-size: 13px;color:#000;margin: 0 10px}
body > header .overHead > div >ul.areas > li.openConnect > span,
body > header .overHead > div >ul.areas > li.Connected > span {display: flex; align-items: center; transition: 0.3s;}
body > header .overHead > ul.menuHeader > li.sousMenuHeader:hover > a,
body > header .overHead > div > ul.areas > li.openConnect:hover > span,
body > header .overHead > div >ul.areas > li.Connected:hover > span {color: #feaa04;}
body > header .overHead > ul.menuHeader > li.sousMenuHeader:hover > a::after,
body > header .overHead > div > ul.areas > li.openConnect:hover > span::after,
body > header .overHead > div >ul.areas > li.Connected:hover > span::after {width: 50px; border: 1px solid #feaa04;}
body > header .overHead > ul.menuHeader > li.sousMenuHeader > a::after,
body > header .overHead > div > ul.areas > li.openConnect > span::after,
body > header .overHead > div >ul.areas > li.Connected:hover > span::after {
	content: '';
	position: absolute;
	border: 1px solid transparent;
	transition: 0.3s ease;
	bottom: -13px;
	width: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	}
body > header .overHead > div > ul.areas > li.Connected > div::before,
.account > ul > li.category-account > div.dropAccount::before {
    content: '';
    clip-path: ellipse(19% 40% at 50% 100%);
    background-color: #feaa04;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -18px;
    left: 69%;
    transform: translate(-50%);
}
body > header .overHead > div > ul.areas > li.Connected > div,
.account > ul > li.category-account > div.dropAccount {
	width: 370px;
	height: 160px;
	background-color: #feaa04;
	left: 50%;
	transform: translate(-50%);
	top: 110%;
	z-index: 10001;
	min-width: 13rem;
	line-height: 25px;
	padding: 10px 8px;
	text-transform: capitalize;
	border-radius: 4px;
	position: absolute;
	float: left;
	margin: .125rem 0 0;
	text-align: left;
	list-style: none;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	display:none;
}
.account > ul > li.category-account > div.dropAccount {display:none;}
.account > ul > li.category-account > div.dropAccount {transform: translate(-77%);top: 115%;}
body > header .overHead > div > ul.areas > li.Connected > div > div,
nav .category-account > div.dropAccount > div {display: flex; align-items: center; justify-content: space-around; width: 100%; height: 100%;}
body > header .overHead > div > ul.areas > li.Connected > div > div > a,
nav .category-account > div.dropAccount > div > a {
	color:#fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 17px;
	font-weight: 200;
	height: 100%;
	width: 48%;
	justify-content: center;
	transition: 0.3s;
	border: 1px solid
	transparent;
	text-align: center;
}
body > header .overHead > div > ul.areas > li.Connected > div > div > a:hover,
nav .category-account > div.dropAccount > div > a:hover {border: 1px solid #fff;}
body > header .overHead > div > ul.areas > li.Connected > div > div > a > div:first-child,
nav .category-account > div.dropAccount > div > a > div:first-child {width: 34.402px; height: 39.318;}
body > header .overHead > div > ul.areas > li.Connected > div > div > a > div > img,
nav .category-account > div.dropAccount > div > a > div > img {width:100%;}
body > header .overHead > div > ul.areas > li.Connected > div > div > a:first-child > div > img,
nav .category-account > div.dropAccount > div > a:first-child > div > img {filter: brightness(0%) invert(100%);}

body > header .overHead > ul.menuHeader > li.sousMenuHeader > img,
body > header .overHead > ul.menuHeader > li.sousMenuHeader > a > img {margin-right: 10px;max-width: 20px;}
body > header .overHead > ul.menuHeader > li.sousMenuHeader > a {display: flex; align-items: center;}
body > header .overHead > ul.menuHeader > li.sousMenuHeader {display: flex; align-items: center; padding: 0;margin: 0 20px; position: relative;}
body > header .overHead > ul.menuHeader > li.sousMenuHeader > ul.headerlist {display:none;}
body > header .overHead > ul.menuHeader > li.sousMenuHeader > ul.headerlist {
	position: absolute;
	z-index: 50;
	padding: 0;
	text-align: left;
	transition: all 500ms ease 0s;
	background-color:#d2232a;
	border-radius: 5px;
	width: 700px;
	height: 170px;
	left: -70px;
	top: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(1, 0);
	opacity:0;
}
body > header .overHead > ul.menuHeader > li.sousMenuHeader.active > ul.headerlist {opacity:1;transform: scale(1, 1);}
body > header .overHead > ul.menuHeader > li.sousMenuHeader > ul.headerlist > li {float: left; width: 33.33333%; height: 100%; display: flex;align-items: center;text-align: center;justify-content: center;}
body > header .overHead > ul.menuHeader > li.sousMenuHeader > ul.headerlist > li:hover {background-color: rgba(0, 0, 0, 0.2);}
 body > header .overHead > ul.menuHeader > li.sousMenuHeader > ul.headerlist > li > a {color: #fff; font-size: 17px; position: relative; font-weight: 300;display: flex;flex-direction: column;align-items: center;}
body > header .overHead > ul.menuHeader > li.sousMenuHeader > ul.headerlist::before {
    content: '';
    clip-path: ellipse(19% 40% at 50% 100%);
    background-color: #d2232a;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -18px;
    left: 125px;
}

body > header .overHead > div >ul.areas > li.openConnect > span > div,
body > header .overHead > div >ul.areas > li.Connected > span > div {
	width: 50px;
	min-width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #feaa04;
	margin-right: 10px;
	transition: 0.3s;
}
body > header .overHead > div >ul.areas > li.openConnect:hover > span > div,
body > header .overHead > div >ul.areas > li.Connected:hover > span > div {background-color: #feaa04;}
body > header .overHead > div >ul.areas > li.openConnect > span > div > img,
body > header .overHead > div >ul.areas > li.Connected > span > div > img {width: 20px; height: 22px; transition: 0.3s;}
body > header .overHead > div >ul.areas > li.openConnect:hover > span > div > img,
body > header .overHead > div >ul.areas > li.Connected:hover > span > div > img {filter: brightness(0%) invert(100%);}

body > header .wrapTitle {
	position:absolute; 
	top:20%;
	left:30%;
	width:40%;
	padding:10px;
	min-width:320px;
	text-align: center;
	color:#fefffd;
}
body > header .wrapTitle .headerTitle {text-align: center; margin:20px 0; padding:0; font-weight: bold; font-variant: small-caps; font-size:60px; line-height: 60px; color:#fefffd; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);} 
body > header .wrapTitle .headerText {text-align: center; font-size:26px; font-weight: bold;  color:#fefffd; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); } 
body > header .wrapTitle .headerText .btn {padding:16px 30px; font-size:30px; font-weight: normal; color:#fff; background: #fe0504; text-shadow: none;}
body > header .wrapTitle .headerText .btn:hover {color:#fe0504; background: #fff;;}
body > header .wrapTitle *::selection {background:#ff0084; color:#aff; }

body > header .wrapBanner {width:100%; position:relative;display:none;} 
body > header .wrapBanner .banner {width:100%;} 
body > header .wrapBanner .banner img {width:100%;} 
body > header .wrapBanner .logo {position:absolute; top:20%; height:50%; width:30%; z-index:0; left:5%;} 
body > header .wrapBanner .logo img {} 
body > header .wrapButtons {position:absolute; bottom:0; right:20%; display: flex; z-index:10;}
body > header .wrapButtons li {display:inline-block; margin-left:5%;}
body > header .wrapButtons li a {display:inline-block; padding:12px 20px; background: #4343da; color:#fff; text-decoration: none; font-size:26px; transition: all 0.3s ease; border-radius: 5px 5px 0 0; font-variant: small-caps;}
body > header .wrapButtons li a:hover {background:#fff; color:#4343da; }

/*body > header.withWrapButtons {	min-height: 118px;}*/
body > header.simpleHeader {background: #fff;}
body > header.simpleHeader .wrapButtons {bottom:-50px; }
body > header.simpleHeader .wrapButtons li a {border-radius: 0 0 5px 5px;}

body > header.classic {}
body > header.classic .wrapBanner .banner {} 
body > header.classic .wrapBanner .banner img {/* object-fit: cover; object-position: center center;*/} 
body > header.classic .wrapBanner .logo {
	background:rgba(255,255,255, 0.6); 
	padding:20px;
}
body > header.classic .wrapBanner .logo img {width:100%; height: 100%; object-fit: contain;} 
body > header.classic .wrapTitle {left:40%; width:60%; height: 80%; display: flex; flex-direction: column; justify-content: center;}

body > header.sidelogo {min-height:160px; background: #fff;}
body > header.sidelogo .wrapBanner {min-height:160px;}
body > header.sidelogo .wrapBanner .logo {top:10%; width:20%; height:80%;}
body > header.sidelogo .wrapBanner .logo img {width:100%; height: 100%; object-fit: contain;} 
body > header.sidelogo nav.mainNav {position:absolute; top:0%; width:75%; left:25%; height: 100%; }
body > header.sidelogo nav.mainNav .wrapNav {align-self:center;}
body > header.sidelogo nav.mainNav .menu {background:rgba(255,255,255,0.3); border-radius: 10px 0 0 10px;}
body > header.sidelogo nav.mainNav > div > ul > li {background: none; color:#000; border-bottom: 4px solid #fff;}
body > header.sidelogo nav.mainNav > div > ul > li a, 
body > header.sidelogo nav.mainNav > div > ul > li span{color:#000; }
body > header.sidelogo nav.mainNav > div > ul > li:hover {border-bottom: 4px solid #444;}
body > header.sidelogo nav.mainNav > div > ul {width:100%;}

body > header.sidelogo nav.mainNav.scroll {position:fixed; height:auto; left:0; width:100%; background: #fff; justify-content: center; } 
body > header.sidelogo nav.mainNav.scroll ul li {} 
body > header.sidelogo nav.mainNav.scroll .smallLogo,
body > header.sidelogo nav.mainNav.scroll .wrapNav {flex:none;}


/* Autre template

body > header.sidelogo {min-height:160px; background: #fff;}
body > header.sidelogo .wrapBanner {min-height:160px;}
body > header.sidelogo .wrapBanner .logo { top:5%; width:100%; text-align: center; left:0;}
body > header.sidelogo .wrapBanner .logo img {width:100%; height: 100%; object-fit: contain;} 
body > header.sidelogo nav.mainNav {position:absolute; top:0%; width:100%; height: 100%; }
body > header.sidelogo nav.mainNav .wrapNav {margin-bottom: 120px; display: flex;}
body > header.sidelogo nav.mainNav .menu {background:rgba(255, 255, 255, 0.5); left: 0; text-align: center; padding: 35px;; margin: 0 auto; width: 100%;}
body > header.sidelogo nav.mainNav > div > ul > li {background: none; color:#000;border-bottom: 4px solid rgba(0,0,0,0);}
body > header.sidelogo nav.mainNav > div > ul > li a {color:#000; font-size:20px; margin:4px 0;}
body > header.sidelogo nav.mainNav > div > ul > li:hover {border-bottom: 4px solid; transition:all 0.3s ease;}
body > header.sidelogo nav.mainNav > div > ul {padding:0; transition:all 0.3s ease;}

body > header.sidelogo nav.mainNav .smallLogo {display: none;}
body > header.sidelogo nav.mainNav.scroll .smallLogo {display: inline;}
body > header.sidelogo nav.mainNav.scroll .wrapNav {margin-bottom: 0;}

body > header.sidelogo nav.mainNav > div > ul > li > ul,
body > header.sidelogo nav.mainNav > div > ul > li > ul > li{background:rgba(255, 255, 255, 0.7); width:100px;}


body > header.sidelogo nav.mainNav.scroll {position:fixed; height:auto; left:0; width:100%; background: #fff; justify-content: center; } 
body > header.sidelogo nav.mainNav.scroll ul li {} 
body > header.sidelogo nav.mainNav.scroll .smallLogo,
body > header.sidelogo nav.mainNav.scroll .wrapNav {flex:none;}*/

body > header.nav-in-banner {min-height:160px; background: #fff;}
body > header.nav-in-banner .wrapBanner {min-height:160px;}
body > header.nav-in-banner .wrapBanner .banner {} 
body > header.nav-in-banner .wrapBanner .banner img {width:100%;} 
body > header.nav-in-banner .wrapBanner .logo {top:10%; width:20%; height:80%; }
body > header.nav-in-banner .wrapBanner .logo img {width:100%; height: 100%; object-fit: contain;} 
body > header.nav-in-banner .wrapTitle {display: none;}

body > header.nav-in-banner nav.mainNav {position:absolute; top:0%; width:calc(65% - 30px); left:30%; height: 100%;}
body > header.nav-in-banner nav.mainNav .wrapNav {align-self:center;}
body > header.nav-in-banner nav.mainNav > div > ul > li {width:32%; background: none; color:#000; border-bottom: 2px solid #fff;}
body > header.nav-in-banner nav.mainNav > div > ul > li:before {content:""; position:absolute; left:0px; border-left:5px solid #000; border-top:5px solid transparent; border-bottom:5px solid transparent; top:calc(50% - 5px); }
body > header.nav-in-banner nav.mainNav > div > ul > li a {color:#000; font-size:14px; padding:6px 10px;}
body > header.nav-in-banner nav.mainNav > div > ul > li:hover {border-bottom: 2px solid #444;}
body > header.nav-in-banner nav.mainNav > div > ul {width:100%;}
body > header.nav-in-banner .wrapButtons li a {padding:6px 10px; font-size:15px;}
body > header.nav-in-banner .overHead {right:0; width:30px; height:100%; position:absolute; flex-direction: column;display: flex;}
body > header.nav-in-banner .overHead > div {flex-direction: column-reverse; justify-content: space-between; flex:1;}
body > header.nav-in-banner .overHead .flags {flex-direction: column;}
body > header.nav-in-banner .overHead .flags li {padding:5px 2px;}
body > header.nav-in-banner .overHead .areas {flex-direction: column;}
body > header.nav-in-banner .overHead .areas li {font-size:0; padding:0; text-align: center;}
body > header.nav-in-banner .overHead .areas li i {font-size:18px;}


/* Autre template
body > header.nav-in-banner {min-height:160px; background: #fff;}
body > header.nav-in-banner .wrapBanner {min-height:160px;}
body > header.nav-in-banner .wrapBanner .banner {} 
body > header.nav-in-banner .wrapBanner .banner img {width:100%;} 
body > header.nav-in-banner .wrapBanner .logo {top:10%; width:20%; height:80%; display:none;}
body > header.nav-in-banner .wrapBanner .logo img {width:100%; height: 100%; object-fit: contain;} 

body > header.nav-in-banner nav.mainNav .smallLogo {display: block; margin-top: 35px; opacity: 1;}
body > header.nav-in-banner nav.mainNav .smallLogo img {height: auto; max-width: 150px; padding: 0 25px;}

body > header.nav-in-banner nav.mainNav {transition: height 6s ease; height:80vh; display: block; position:absolute; top:0%; width:calc(65% - 30px); right: 30.5px; background: #4343da; width: 10%;}
body > header.nav-in-banner nav.mainNav .wrapNav {align-self:center;}
body > header.nav-in-banner nav.mainNav > div > ul > li {width:100%; background: none; color:#000;display:block; border-bottom: 4px solid rgba(0,0,0,0);}

body > header.nav-in-banner nav.mainNav.scroll {position:fixed; height:100vh;}
@keyframes scroll {
	0%  { height: 0vh; }
	50% { height: 20vh; }
	60% { height: 70vh; }
	70% { height: 82vh; }
	80% { height: 90vh; }
	100%{ height: 100vh; }	
}

body > header.nav-in-banner nav.mainNav > div > ul > li:before {content:""; position:absolute; left:0px; border-left:5px solid #000; border-top:5px solid transparent; border-bottom:5px solid transparent; top:calc(50% - 5px); }
body > header.nav-in-banner nav.mainNav > div > ul > li a {color:#fff; font-size:18px; padding:14px 10px;}
body > header.nav-in-banner nav.mainNav > div > ul > li:hover {border-bottom: 4px solid #fff; transition:all 0.3s ease;}
body > header.nav-in-banner nav.mainNav > div > ul {width: 100%; padding: 0 25px;}
body > header.nav-in-banner .wrapButtons li a {padding:6px 10px;}
body > header.nav-in-banner .overHead {transition: height 6s ease; height:80vh; right:0; width:30px; height:100%; position:absolute; flex-direction: column;display: flex;}
body > header.nav-in-banner .overHead.scroll{position:fixed; height:100vh;}
body > header.nav-in-banner .overHead > div {flex-direction: column-reverse; justify-content: space-between; flex:1;}
body > header.nav-in-banner .overHead .flags {flex-direction: column;}
body > header.nav-in-banner .overHead .flags li {padding:5px 2px;}
body > header.nav-in-banner .overHead .areas {flex-direction: column;}
body > header.nav-in-banner .overHead .areas li {font-size:0; padding:0; text-align: center;}
body > header.nav-in-banner .overHead .areas li i {font-size:18px;}*/




body > header.logo-outside {min-height:160px; background: #fff; margin-bottom:20px; margin-top:20px;}
body > header.logo-outside .wrapBanner {min-height:160px; width:60%; left:32%; border-radius: 10px;}
body > header.logo-outside .wrapBanner .logo {top:10%; left:-50%; width:50%; height:80%; text-align: center; display: flex; flex-direction: column; justify-content: center;}
body > header.logo-outside .wrapBanner .logo img {width:80%; height: 80%; object-fit: contain; align-self: center;} 
body > header.logo-outside .wrapBanner .banner img {border-radius: 10px;}
body > header.logo-outside nav.mainNav {position:absolute; bottom:0%; width:60%; left:32%; top:auto;  background: #000; border-radius: 0 0 10px 10px;}
body > header.logo-outside.simpleHeader nav.mainNav {top:0; bottom:auto;}
body > header.logo-outside nav.mainNav .wrapNav {align-self:center;}
body > header.logo-outside nav.mainNav .wrapNav ul {padding:0; }
body > header.logo-outside nav.mainNav .smallLogo {display: none;}
body > header.logo-outside.simpleHeader nav.mainNav .smallLogo {display:block;}
body > header.logo-outside .wrapTitle {left:32%; width:60%; height: 80%; display: flex; flex-direction: column; justify-content: center;}
body > header.logo-outside .wrapTitle h1 {font-size:40px; line-height: 40px;}

body > header.logo-outside .wrapButtons li a {padding:6px 10px; font-size:15px; border-radius: 0 0 6px 6px;}
body > header.logo-outside .wrapButtons {bottom:auto; top:0;}

body > header.logo-outside nav.mainNav.scroll {position:fixed; height:auto; left:0; bottom:auto; top:0; width:100%; background: #000; justify-content: center; } 
body > header.logo-outside nav.mainNav.scroll .smallLogo,
body > header.logo-outside nav.mainNav.scroll .wrapNav {flex:none;}

body > header.logo-outside .overHead {right:calc(7% - 15px); width:30px; background: none; height:calc(100% - 32px); position:absolute; flex-direction: column;display: flex;}
body > header.logo-outside .overHead > div {flex-direction: column-reverse; justify-content: space-between; flex:1;}
body > header.logo-outside .overHead .flags {flex-direction: column;}
body > header.logo-outside .overHead .flags li {padding:5px 2px; color:#000;}
body > header.logo-outside .overHead .areas {flex-direction: column;}
body > header.logo-outside .overHead .areas li {font-size:0; padding:0; text-align: center; color:#000;}
body > header.logo-outside .overHead .areas li i {font-size:18px;}


body > header.fullpage {}
body > header.fullpage .overHead {position:absolute; top:0; left:0; z-index:2; height:40px;}
body > header.fullpage .overHead.scroll {top:-30px;}
body > header.fullpage .wrapBanner .banner {} 
body > header.fullpage .wrapBanner .banner img {width:100%; height:100vh; object-fit: cover; object-position: center center;} 
body > header.fullpage .wrapBanner .banner::after {content:""; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
body > header.fullpage .wrapTitle {width:100%; left:0;}
body > header.fullpage .wrapTitle .logo {width:100%; text-align: center; padding:20px;}
body > header.fullpage .wrapTitle .logo img {max-height: 30vh;} 
body > header.fullpage .overHead {position:fixed; }
body > header.fullpage nav.mainNav {position:fixed; top:28px; width:100%; left:0%; background:#161516; transition:top 0.5s ease;}
body > header.fullpage nav.mainNav.scroll {top:0;}
body > header.fullpage nav.mainNav > div > ul {padding:0;}


.scrollDown {
	background-image: url('../../img/design/double-arrow.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	animation: scrollDown 1.3s infinite;
}

@keyframes scrollDown {
	0%  { bottom: 30px; }
	50% { bottom: 50px; }
	60% { bottom: 30px; }
	70% { bottom: 35px; }
	80% { bottom: 30px; }
	100%{ bottom: 30px; }	
}



/* -------------------------------------------------------------------
---------------------------------------------------------------------- 
								STRUCTURE
---------------------------------------------------------------------- 
---------------------------------------------------------------------- */




/* Page
---------------------------------------------------------------------- */



/* Modal
---------------------------------------------------------------------- */

.simple-modal {
	height: auto;
	left: 50%;
	max-width: 630px;
	min-width: 300px;
	position: fixed !important;
	top: 50% !important;
	transform: translateX(-50%) translateY(-50%) !important;
	visibility: hidden;
	width: 50%;
	z-index: 20000;
	background:#fff;
	border-radius: 10px;
	color:#212121;
	box-shadow: 0 0 20px 10px rgba(0,0,0,0.5);
	overflow: hidden;
	max-height: calc(100vh - 100px);
	overflow-y: auto;
}
.simple-modal::before {
	background: rgba(255,255,255, 1) !important;
}
.simple-modal.on {visibility: visible; top: 6vh;}
.simple-modal .simpleModal-content {
	color:#fff;
	margin: 0 auto;
	opacity: 0;
	position: relative;
	transform: translateY(-50%);
	transition: all 0.3s;
	padding: 10px;
}
.simple-modal.on .simpleModal-content {border-radius: 0 0 3px 3px; opacity: 1; transform: translateY(0%);}
#editAddress.modal.simple-modal > div.title {padding:15px; color:#d2232a;font-weight:bold;}
#editAddress.simple-modal.on .simpleModal-content > iframe {width:100%; height: calc(100% - 50px);min-height: 70vh;}

.simpleModal-overlay {
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: all 0.3s;
	visibility: hidden;
	width: 100%;
	z-index: 2000;
}
.simple-modal.on ~ .simpleModal-overlay {background-color: rgba(100, 100, 100, 0.8); opacity: 1; visibility: visible;}
.simple-modal h3 {font-size: 2.4em;	font-weight: normal; padding: 0.4em; text-align: center;}

.simple-modal .wrap-form {padding: 10px;}
.simple-modal .wrap-form label {color:#d2232a;}
.simple-modal .wrap-form .btn {
	border-radius: 4px;
	cursor: pointer;
	display: block;
	margin: 10px auto;
	padding: 10px 20px;
	font-size:16px;
}

.simple-modal .products,
.simple-modal .nav {display: flex; justify-content: center;	text-align: center;}
.simple-modal h4 {margin: 15px 0;}
.simple-modal h4,
.simple-modal .price {font-size: 18px;}
.simple-modal img {max-height: 250px; object-fit: contain; width: 100%;}
.simple-modal .nav div {flex: 1;}

.simple-modal .register-btn > div {text-align:center;}

/* Rubrique
---------------------------------------------------------------------- */



/* Rangée || Colonne de blocs
---------------------------------------------------------------------- */
.struct-blocs {width:100%; padding:0; margin:0;}
.struct-blocs.struct-wrap {width:1200px; margin: auto;}
.bloc-covered + .struct-blocs.struct-wrap {padding-top: 90px;}
.struct-blocs.struct-padding {padding:0 5vw;}
.struct-blocs.struct-padding-full {padding:5vh 5vw;}
.struct-blocs.struct-padding > .ct-blocs > *:last-child {padding-right: 0;}
.struct-blocs.struct-padding-full > .ct-blocs > *:last-child {padding-right: 0;}
.struct-blocs > .ct-blocs {display:flex; justify-content: space-between;}
.struct-blocs > .ct-blocs.column {flex-direction:column; height: 100%;}
.struct-blocs > .ct-blocs 	> * {flex:1;}

/*.struct-blocs > .ct-blocs.column > * {align-self:center;}*/
.struct-blocs > .ct-2-1		> :nth-child(1)	{flex:2;}
.struct-blocs > .ct-1-2		> :nth-child(2)	{flex:2;}
.struct-blocs > .ct-1-1-2	> :nth-child(3) {flex:2;}
.struct-blocs > .ct-1-2-1	> :nth-child(2) {flex:2;}
.struct-blocs > .ct-2-1-1	> :nth-child(1) {flex:2;}
.struct-blocs > .ct-3-1		> :nth-child(1)	{flex:3;}
.struct-blocs > .ct-1-3		> :nth-child(2)	{flex:3;}
/*.struct-blocs.struct-span-2 > .ct-blocs {flex-direction: column;}*/
/*.struct-blocs.struct-span-1 > .ct-blocs {flex-direction: column;}*/
.struct-blocs.struct-span-0 > .ct-blocs {flex-direction: column;}





/* Blocs empilés (news)
---------------------------------------------------------------------- */
.struct-stacked {margin: 10px;}
.struct-stacked .bloc-news { opacity: 0; background:#f1f3f2;}
.struct-stacked .new {border: 1px solid rgba(195, 195, 195, 0.2);}
.struct-stacked img {width: 100%;	display: block;}
.struct-stacked article {padding: 10px;}
.struct-stacked article > h2 {margin-top:0; font-size:18px; line-height: 22px;}
.struct-stacked article > .chapo {font-size:13px; line-height: 15px;}
.struct-stacked .buttons {padding:10px 0; text-align: center;}
.struct-stacked.style-1 article {
	position: relative;
	top: -3px;
}
.struct-stacked.style-1 article:before {
	border-bottom: 15px solid;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	content: "";
	display: block;
	position: absolute;
	top: -15px;
	width: 0;
}
.struct-stacked.style-1 .new:nth-child(even) article:before {
	left: 30px;
}
.struct-stacked.style-1 .new:nth-child(odd) article:before {
	right: 30px;
}
.struct-stacked.style-1 .chapo {
	font-size: 13px;
}

.struct-stacked.style-2 h2 {
	font-size: 20px;
	margin-top: 20px;
	position: relative;
}
.struct-stacked.style-2 h2:before {
	border-top: 5px solid;
	content: "";
	height: 10px;
	position: absolute;
	top: -10px;
	width: 30px;
}
.struct-stacked.style-2 .chapo {
	font-size: 14px;
}

@media all and (max-width: 700px) {
	.struct-stacked .bloc-news {left: 15px !important;}
	.struct-stacked .chapo {text-align: justify;}
}

/****** Tabs *****/
.gabarit.tabs .tabs-block{
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 100px;
	padding: 0;
	border: 0px;
	background:
	transparent;
	color: #d2232a;
}
body > main > section.gabarit.tabs > div > article > section > section > article > h2 { display: none; }
.gabarit.tabs .tabs-block li.active{border: unset; border-bottom: 2px solid #d2232a;}
.gabarit.tabs .tabs-block li.active span{
	padding: 0;
	color: #d2232a;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.gabarit.tabs .tabs-block li{position: relative;}
.gabarit.tabs .tabs-block li span {
	font-family: "rubik_regular";
	text-transform: uppercase;
	font-style: normal;
	text-align: center;
	min-width: 210px;
}
.gabarit.tabs .tabs-block input{display:none;}
.gabarit.tabs .tabs-content{
	width: 66%;
	background-color: transparent;
	margin: auto;
	border: 0 !important;
	margin-bottom: 60px;
}
.gabarit.tabs .tabs-content > article.active {
    display: initial;
}
.gabarit.tabs .tabs-content > article {
    display: none;
}
/* -------------------------------------------------------------------
---------------------------------------------------------------------- 
								BLOCS GENERIQUES
---------------------------------------------------------------------- 
---------------------------------------------------------------------- */


/* Contenu
---------------------------------------------------------------------- */
.bloc-content > .pos-bottom {flex-direction: column-reverse;}
.bloc-content > .pos-top {flex-direction: column;}
.bloc-content > .pos-right {flex-direction: row-reverse;}
.bloc-content figure {width:100%; font-size: 0;}
.bloc-content figure img {width:100%;}
.bloc-content figure figcaption {font-size:11px; font-style: italic;}
.bloc-content .cover-full figure {height:100%; }
.bloc-content .cover-full figure img {height:100%; object-fit: cover;}
.bloc-content .cover-margin figure {padding:20px; box-shadow: 0 10px 20px 5px #0000001f;}
.cover-margin figure { width: 225px; }
.bloc-content > div > section {}
.bloc-content .hgroup h1 {font-size:36px; line-height: 40px; padding:0; margin-bottom:24px;}
.bloc-content .hgroup h2 {font-size:24px; line-height: 28px; font-style: italic; font-weight: normal; font-variant: none; padding:0; margin-bottom: 16px; color:#888;}
.bloc-content .hgroup h3 {font-size:13px; line-height: 13px; font-weight: normal; font-variant: none; display:inline-block; border-bottom:1px solid #bbb; color:#bbb; padding:5px 30px 5px 0; margin-top:0; margin-bottom: 24px; width:auto; font-style: italic;}
.bloc-content .content {font-size:13px; text-align: justify;}

.bloc-content > .align-start h1,
.bloc-content > .align-start h2 {text-align: left;margin-bottom: 30px;}
.bloc-content > .align-center h1,
.bloc-content > .align-center h2 {text-align: center;}
.bloc-content > .align-end h1,
.bloc-content > .align-end h2 {text-align: right;}


.bloc-content .buttons { display: flex; flex-wrap: wrap; justify-content: end; margin-top:20px;}
.bloc-content > .align-center .buttons {justify-content: center;}
.bloc-content > .align-start .buttons {justify-content: center;}
.bloc-content .buttons a {
	border-radius: 5px;
	height: 50px;
	margin: 5px;
	padding: 0 10px;
	transition: all 0.3s;
	line-height: 50px;
}
.bloc-content .buttons a:hover {background: #000;}
.bloc-content .buttons span { vertical-align: middle;}

.bloc-content .file {overflow: hidden; position: relative; min-width: 70px; }
.bloc-content .file span {display: block; position: relative;  text-align: center; top: 0; transition: all 0.3s;}
.bloc-content .file:hover span {top: 150%;}
.bloc-content .file:before {
	bottom: 100%;
	font-size: 22px;
	left: 0;
	line-height: 50px;
	color:#fff;
	position: absolute;
	text-align: center;
	transition: all 0.3s;
	width: 100%;
}
.bloc-content .file:hover:before {bottom: 0;}

.bloc-content .goto {font-size:15px;}
.bloc-content .goto span:before {
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 5px;
	transition: color 0.3s;
}
.bloc-content .goto:hover {color:#fff;}

.bloc-counter .digi-counter.bar .backBar {background: #AAA;}
.bloc-counter .digi-counter.bar .backBar .counterBar{background: #FA2;padding-top: 10px;}

/* Titre
---------------------------------------------------------------------- */
.bloc-title {}
.bloc-title h1,
.bloc-title h2 {margin:0px;	padding:3vh 1.5vw;}
.bloc-title.align-start h1,
.bloc-title.align-start h2 {text-align: left;}
.bloc-title.align-center h1,
.bloc-title.align-center h1 span,
.bloc-title.align-center h2,
.bloc-title.align-center h2 span {text-align: center;}
.bloc-title.align-end h1,
.bloc-title.align-end h1 span,
.bloc-title.align-end h2,
.bloc-title.align-end h2 span {text-align: right;}
.struct-blocs > .ct-blocs.column > .bloc-title {display:flex; flex-direction: column; justify-content: center;}
.struct-blocs > .ct-blocs.column > .bloc-title h1,
.struct-blocs > .ct-blocs.column > .bloc-title h2 {flex:1; display:flex; flex-direction: column; justify-content: center;}

section[data-c="4733"] > div,
div[data-c="3954"] > section > div {
	width: 70%;
	margin: 0 auto;
	color: white;
	padding: 40px 0;
}
section[data-c="4733"] .engagements {
	font-size: 30px;
	font-family: rubik_medium;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	line-height: 30px;
	color: #fff;
}
main[data-c="4346"],
main[data-c="3952"] {
	background: #F6F6F6;
}

div[data-c="4735"] .wpb_wrapper {
	position: relative;
}
.vc_col-sm-8,
div[data-c="4735"] .wpb_wrapper  {padding: 0 15px;}
div[data-c="4735"] .wpb_wrapper p.citation:before {
	content: "''";
	color: #000;
	font-family: TimesNewsRoman;
	position: absolute;
	left: -40px;
	font-size: 79px;
}
div[data-c="4735"] .wpb_wrapper p.citation:after {
    content: "''";
    color: #000;
    font-family: TimesNewsRoman;
    position: absolute;
    right: -30px;
    font-size: 79px;
    bottom: 40px;
}

div[data-c="4735"] .wpb_wrapper p.citation {
	font-size: 26px;
	font-family: TimesNewRoman;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
	text-align:left;
	margin-bottom:30px;
}
div[data-c="4735"] .wpb_wrapper p.auteur {
	font-size: 20px;
	font-family: rubik_italic;
	font-weight: 300;
	color: black;
	letter-spacing: 0px;
}
section[data-c="4737"] > div {
	width: 70%;
	margin: 0 auto;
	color: white;
	padding-bottom: 70px;
}
section[data-c="4737"] .hgroup h1 {
	font-weight: bold;
	font-size: 22px;
	font-variant: normal;
	font-family: rubik_medium;
}
section[data-c="4737"] .hgroup h2 {
	font-size: 12px;
	color: white;
	line-height: 20px;
}
section[data-c="4737"] div section {
    margin: 20px;
}
section[data-c="4737"] div section.bloc-content:first-child,
section[data-c="4737"] div section.bloc-content:last-child {
	width: 26%;
}
section[data-c="4737"] div section.bloc-content {
    margin: 0 10px;
	background: white;
	color: black;
	position: relative;
	border-radius: 14px;
	width: 41%;
	flex:inherit;
}
section[data-c="4737"] div section.bloc-content .content {font-size:16px; line-height: 20px; text-align:left;}
section[data-c="4737"] div section.bloc-content::after {
    content: "";
    display: block;
    border-bottom: 2px dotted #d2232a;
    position: absolute;
    top: 68px;
    right: 0;
    width: 100%;
}

.bloc-cascade div.pos-right section {
    background: white;
    height: 130%;
    padding: 40px 60px 60px 60px;
    font-size: 16px;
}
.bloc-cascade div.pos-left section .content,
.bloc-cascade div.pos-right section .content {
	font-size: 16px;
}
section[data-c="4516"] {
	padding-top: 0 !important;
	width: 70% !important;
}
.bloc-cascade div.pos-left.pos-up {
	margin-top: -50px;
}
.bloc-cascade div.pos-left section{
    background: white;
    height: 130%;
    padding: 30px 60px 60px 60px;
    margin-top: 14%;
    box-shadow: 10px 10px 20px 5px #0000002e;
}
.bloc-cascade div.pos-left aside {
	margin-right: -90px !important;
}
.bloc-cascade div.pos-left .hgroup h1,
.bloc-cascade div.pos-right .hgroup h1 {
	font-family: "rubik_medium";
	font-size: 22px !important;
	font-weight: 500 !important;
	color: #d2232a !important;
	text-transform: uppercase;
}

.bloc-cascade div.pos-left .hgroup h1:before,
.bloc-cascade div.pos-right .hgroup h1:before {
	content: '';
	border-left: 1px dashed #d2232a;
	height: 30px;
	margin-right: 10px;
}
.bloc-cascade div.pos-right.pos-down section {
	background: white;
	height: 130%;
	padding: 30px 60px 100px 60px;
	margin-top: 10%;
}
.bloc-cascade div.pos-right.pos-down figure {
	margin: 35px -40px;
	position: relative;
}
.bloc-cascade section[data-c="4520"] > section h2 {
	text-align: center;
	font-size: 104px;
	color: #FFFFFF;
	font-size: 104px;
	font-family: Manksa;
	margin: 0;
	padding: 1vh 0 3vh 0;
	line-height: 68px;
}
.bloc-cascade section[data-c="4520"] > div h2 {
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}

.bloc-cascade section[data-c="4524"] {
    width: 50% !important;
    margin: 0 auto;
}
/* Texte
---------------------------------------------------------------------- */
.bloc-text {font-size:13px; line-height: 15px; padding:1.5vw;}
.bloc-text .hgroup {}
.bloc-text .hgroup h2 {}
.bloc-text .hgroup h3 {}
.bloc-text .content {}
.bloc-text .content blockquote {font-size:16px;  line-height: 18px;}
.bloc-text .content blockquote:after  {font-size:22px;}
.bloc-text .content blockquote:before {font-size:22px;}
.bloc-text .content img {max-width: 90% !important; height:auto !important;}


/* Image
---------------------------------------------------------------------- */
.bloc-image {width:100%; font-size: 0;}
.bloc-image img {width:100%;}
.bloc-image a {display:block;}
.bloc-image a img {}
.bloc-image figcaption {font-size:11px; font-style: italic;}
.bloc-image.cover-full img {height:100%; object-fit: cover;}
.bloc-image.cover-margin {padding:20px; }
.struct-blocs > .ct-blocs.column > .bloc-image:last-child {display:flex; flex-direction: column; justify-content: end;}
.struct-blocs > .ct-blocs.column > .bloc-image:only-child {justify-content: start;}


/* Video
---------------------------------------------------------------------- */
.bloc-video {
	background: none;
	position: relative;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: top center;
}

.bloc-video .video-details > h2,
.bloc-video .video-details > div {margin: 10px 0; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); text-align: center;}
.bloc-video .video-details > h2 {font-weight: normal; text-align: center;}
.bloc-video .video-details {padding: 3vh 3vw; text-align: center;}
.bloc-video .video-details > div {font-size: 17px;}
.bloc-video .video-container {}
.bloc-video iframe {
	z-index: 0;
	height: 55.77vw;
	width: calc(100vw - 18px);
}
.struct-wrap .bloc-video iframe {max-width:1200px; max-height: 670px;}
.bloc-video .video-container.highlight iframe {}

/* Bouton
---------------------------------------------------------------------- */
.bloc-button {padding:3vh 3vw;}
.bloc-button.align-start,
.bloc-button.align-start h2 {text-align: left;}
.bloc-button.align-center,
.bloc-button.align-center h2  {text-align: center;}
.bloc-button.align-end,
.bloc-button.align-end h2  {text-align: right;}
.bloc-button h2 {}
.bloc-button a {}


/* Call to Action
---------------------------------------------------------------------- */


/* Testimonial
---------------------------------------------------------------------- */
.bloc-testimonial {display:flex; background:#eee; color:#000; padding:20px;}
.bloc-testimonial aside {width:25%;}
.bloc-testimonial aside figure {max-height: 180px; max-width: 180px; margin: 0 auto;}
.bloc-testimonial aside figure img {width:100%; height:100%; object-fit: cover; border-radius: 100%;}
.bloc-testimonial section {width:75%; display: flex; flex-direction: column; justify-content: center;}
.bloc-testimonial section h2 {font-size:32px; margin:1vh 0;}
.bloc-testimonial section > blockquote {}
.bloc-testimonial section > blockquote::before,
.bloc-testimonial section > blockquote::after {content:none;}
.bloc-testimonial section > blockquote .chapo {font-size:16px; padding:4px 0; font-style: italic;}

.bloc-testimonial section > blockquote .content {position:relative; quotes:"\00ab" "\00bb"; padding:0 35px;}
.bloc-testimonial section > blockquote .content::before {content:open-quote; position:absolute; top:0px; left:0px; font-size:50px;}
.bloc-testimonial section > blockquote .content::after {content:close-quote;position:absolute; bottom:10px; right:0px;font-size:50px;}
.bloc-testimonial section > .contact {padding:6px 0; text-align: right; }
.bloc-testimonial section > .contact > div {max-width: 200px; display: inline-block;}
.bloc-testimonial section > .contact > div > * {display: block; margin:3px 0;}
.bloc-testimonial section > .contact .name {font-weight: bold; font-size:14px;}
.bloc-testimonial section > .contact .cpy {}
.bloc-testimonial section > .contact .function {font-style: italic;}

/* Personne
---------------------------------------------------------------------- */

.bloc-person { margin: 6vh 1vw; text-align: center;  display:inline-flex; flex-direction:column; }
.bloc-person.has-bio {cursor: pointer;}
.bloc-person > aside {}
.bloc-person > aside figure {text-align: center; }
.bloc-person > aside figure img {
	display: block;
	margin: auto;
	object-fit: cover;
	max-height: 300px;
	border-radius: 100%;
	min-height: 220px;
	max-width: 100%;
}
.bloc-person > section {text-align: center; padding-top:15px;}
.bloc-person > section > h2 {font-variant: none; text-align: center; font-size:20px; line-height: 26px; font-weight: normal; padding:0; margin:0;}
.bloc-person > section > .cpy {display:block; text-align: center; font-size:15px; line-height: 17px; font-weight: normal; color:#c4191a;}
.bloc-person > section > .function {display:block; text-align: center; font-size:13px; line-height: 17px; }
.bloc-person > section > article {text-align: center; }
.bloc-person > section > article a {color:#999; text-decoration: none;}
.bloc-person > section > article i {font-size: 16px; vertical-align: middle;}
.bloc-person > section > article .content {display:none;}
.bloc-person > section > article .contact {padding-top:5px;}
.bloc-person > section > article .contact .phone {display:block; font-style: italic; text-align: center; padding:2px 0; }
.bloc-person > section > article .contact .phone a {margin:4px 8px;}
.bloc-person > section > article .contact .email {display:block; font-style: italic; text-align: center; padding:2px 0;}
.bloc-person > section > article .contact .email a {margin:4px 8px;}
.bloc-person > section > article .social {display: flex; margin: 10px 0; justify-content: space-around;}
.bloc-person > section > article .social a {}

.detailList .bloc-person {display:flex; flex-direction: row; margin: 6vh;}
.detailList .bloc-person > aside {flex:1;}
.detailList .bloc-person > aside figure {padding: 0 5vw;}
.detailList .bloc-person > aside figure img {width:auto; height:auto;}
.detailList .bloc-person > section {flex:2; }
.detailList .bloc-person > section * {text-align: left;}
.detailList .bloc-person > section > article .contact * {text-align: left;}
.detailList .bloc-person > section > article .content {display: block; padding:10px 0; /* max-width: 500px; */ text-align: justify;}

.smallList .bloc-person > aside figure img { height: 110px; width: 110px; }
.smallList .bloc-person > section > h2 {font-size:15px; font-weight: bold; line-height: 20px; }
.smallList .bloc-person > section > .cpy {font-size:13px; line-height: 16px; }
.smallList .bloc-person > section > .function {font-size:12px; line-height: 14px; }
.smallList .bloc-person > section > article .contact {display: none;}
.smallList .bloc-person > section > article .social {display: none;}

#personBio {
	position:absolute;
	top:0;
	left:20%;
	width:60%;
	background: #fff;
	border-radius:30px;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
	padding:30px;
	transition:top 0.3s ease;
	display:flex;
	box-sizing: border-box;
}
#personBio div.close {position:absolute; font-size:24px; top:15px; right:25px; cursor: pointer;}
#personBio aside {width:35%; padding:20px; text-align: right;box-sizing: border-box;}
#personBio aside .name {font-size:40px; font-weight: normal; color:#213871;padding-bottom: 20px; margin:0; text-align: right; font-variant: none;}
#personBio aside .function {font-size:13px; text-align: right; font-weight: normal; color:#c4191a;}
#personBio aside .company {text-align: right; font-weight: bold; color:#7F8284; font-size:15px;}
#personBio aside .city {}
#personBio aside figure {width:100%; text-align: right; padding-top:30px;}
#personBio aside figure img {
	width: 200px;
    max-height: 200px;
    border-radius: 100%;
    object-fit: cover;
}
#personBio section {width:65%; padding:20px 40px; box-sizing: border-box; font-size: 15px; color:#7F8284;}

@media all and (max-width: 1000px) {
	#personBio {flex-direction: column; width:100%; left:0; padding:10px;}
	#personBio aside {width: 100%; text-align: center;}
	#personBio aside figure {text-align: center;}
	#personBio section {width: 100%; padding: 20px; text-align: left;}
	#personBio section p {text-align: left;}
}


/* Section couverte
---------------------------------------------------------------------- */
.bloc-covered {position:relative; font-size:0; background-position-x: 0px !important;background-size: cover;height: 335px;display: flex;align-items: center;justify-content: center;}
.bloc-covered > a {display:block; width:100%; height:100%;}
.bloc-covered > img,
.bloc-covered > a > img {width:100%; height:335px; object-fit: cover;}
.bloc-covered .details {
	position:absolute;
	padding:2vw;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction: column;
	justify-content: center;
}
.bloc-covered .details > h2 {text-align: center; font-size: 50px; color:#d2232a;font-family: Manksa;margin:0; padding:1vh 0 3vh 0; line-height: 68px;}
.bloc-covered .details > .content {text-align: center; color:#fff; font-size:30px; line-height: 36px;}
.bloc-covered .details .links {}
.bloc-covered .details .link {text-align: center; padding:4vh 0 0 0;}
.bloc-covered .details .link a {background: #4343da; font-size:30px; padding:16px 30px;}
.bloc-covered .details .link a:hover {color: #4343da; background: #fff;}

.bloc-covered.cover-center .details {height:50%; width:50%; left:25%; top:25%;}
.bloc-covered.cover-left .details {height:50%; width:40%; left:5%; top:25%;}
.bloc-covered.cover-right .details {height:50%; width:40%; left:55%; top:25%;}
.bloc-covered.cover-bottom .details {height:40%; width:100%; left:0%; top:60%;}
.bloc-covered.cover-bottom .details h2 {font-size:46px; line-height: 54px;}
.bloc-covered.cover-bottom .details .content {font-size:22px; line-height: 26px;}
.bloc-covered.cover-bottom .details > .link a {font-size:22px; padding:12px 24px;}

/* Section Parallax
---------------------------------------------------------------------- */
.bloc-covered.parallax {
    /* Set a specific height */
    height: 100vh;
    background-position: 0% 0%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Slider
---------------------------------------------------------------------- */
.bodySimpleHeader .digi-slideshow {display:none;}
.bloc-slider {height: 720px;}
.bloc-slider ul {height: 100%}
.bloc-slider li {height: 100%; position: relative;}
.bloc-slider .slide > a > img,
.bloc-slider .slide > img { height: 100%; object-fit: cover; width:100%;}
.bloc-slider .slide-info > h2,
.bloc-slider .slide-info > div.chapo {margin: 10px 0; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);}
.bloc-slider .slide-info > h2 {font-weight: normal; color:#fff; text-align: center;}
.bloc-slider .slide-info > div.chapo {display: block; font-size: 20px; color:#fff;text-align: center;}
.bloc-slider .slide-info .link {text-align: center;display:none;}
.bloc-slider .slide-info .link a,
.bloc-slider .slide-info .link .fa {
	background-color: transparent;
	border: 2px solid;
	border-radius: 6px;
	cursor: pointer;
	display: inline-block;
	font-size: 17px;
	padding: 10px 25px;
	transition: all 0.3s;
	color:#fff;
}
.bloc-slider .slide-info .link a:hover,
.bloc-slider .slide-info .link .fa:hover {
	background-color: rgba(255, 255, 255, 0.95);
	border-color: rgba(255, 255, 255, 0.95);
	color:#000;
}



/* Galerie - Blocs
---------------------------------------------------------------------- */
.bloc-gallery {}
.bloc-gallery article {margin: auto 20px;}
.bloc-gallery ul {column-count: 4; column-gap: 0; padding: 10px 0;}
.bloc-gallery li {border: 10px solid #000; background: #000; border-radius: 17px; break-inside: avoid; cursor: pointer; margin: 5px; transition: all 0.3s ease;}
.bloc-gallery li:hover {background-color: #F2F2F2; border: 10px solid #F2F2F2;}
.bloc-gallery li img {border-radius: 8px; display: block; width: 100%;}
.bloc-gallery li:hover img {opacity: 0.9;}

.popin-gallery {
	display:none; 
	width:100vw; 
	min-height:100vh; 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:10000;
	background:rgba(0,0,0,0.9);
}
.popin-gallery > div {
	text-align: center; 
	display:flex; 
	flex-direction:column; 
	justify-content:center;
	width:100vw; 
	min-height:100vh; 
}
.popin-gallery img {
	max-width: 100vw; 
	align-self:center;
	height:100vh;
	width: 100vw;
	object-fit: contain;
}

/* Galerie - TimeLine
---------------------------------------------------------------------- */
.bloc-gallery .gallery-line > ul > li.pic.l::after {
	right:-35px;
}
.bloc-gallery .gallery-line li {border:none;}


/* Galerie - Album photos
---------------------------------------------------------------------- */
/* c'est dans /inc/style/plugins/digi-album.css  */


/* Compte à rebours
---------------------------------------------------------------------- */
.bloc-countdown {background-position: center; background-repeat: no-repeat; background-size: cover;}
.bloc-countdown .picture,
.bloc-countdown .date,
.bloc-countdown svg { display: none;}
.bloc-countdown .details {padding: 40px 10px;}
.bloc-countdown h2 {font-size: 50px; line-height: unset;}
.bloc-countdown h2,
.bloc-countdown strong {display: block; text-align: center; width: 100%;}
.bloc-countdown h2 {font-variant: small-caps;}
.bloc-countdown strong {font-weight: normal;}
.bloc-countdown .countdown-bloc {display: flex; flex-direction: row; justify-content: center; padding-top: 40px;}
.bloc-countdown .licd {margin: 0 20px; text-align: center;}
.bloc-countdown .val-bloc {font-size: 50px; text-align: center;}
.bloc-countdown .val {font-size: 50px; text-align: center;}
.bloc-countdown .legend {
	border-top: 2px solid rgba(255, 255, 255, 0.5);
	font-size: 18px;
	font-variant: small-caps;
	padding-top: 5px;
	text-align: center;
}

.bloc-countdown.wzcircle.wzbg .details {background-color: rgba(0, 0, 0, 0.5);}
.bloc-countdown.wzcircle .details {padding: 10px 10px 20vh 10px;}
.bloc-countdown.wzcircle .details strong {text-transform: uppercase;}
.bloc-countdown.wzcircle .details strong:after {
	border-bottom: 1px solid #030805;
	content: "";
	display: block;
	margin: auto;
	padding-top: 10px;
	width: 30%;
}
.bloc-countdown.wzcircle .licd {
	box-sizing: border-box;
	height: 120px;
	padding: 20px 15px 10px 15px;
	position: relative;
	width: 120px;
}
.bloc-countdown.wzcircle .legend {border-top: 0; padding-top: 0;}
.bloc-countdown.wzcircle svg {
	box-sizing: border-box;
	display: block;
	fill: transparent;
	height: 100%;
	left: 0;
	padding: 3px;
	position: absolute;
	stroke: #030805;
	stroke-dasharray: 360;
	stroke-dashoffset: 360;
	stroke-width: 3px;
	top: 0;
	transform: rotate(-90deg);
	transition: all 0.5s;
	width: 100%;
}


/****************** Slider Center Mode **************/
.homePage > .bloc-container {
	background-color:#EFEFEF;
	margin-top: 50px;
	padding: 50px 0;
	margin: 0;
}
.testimonials-container {
    display: flex;
    align-items: center;
    width:1200px;
	margin:auto;
}
.testimonials-container .slick-carousel-testimonials-img {
    width: 650px;
    padding: 0 25px;
}
.testimonials-container .slick-list .slick-track {display: flex;align-items: center;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
transform: none;
}
.testimonials-container .slick-list .container_img {
    width: 200px;
    height: 200px;
    padding: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
	border-radius: 100%;
	box-shadow: 0px 26px 35px 0px
    rgba(0,0,0,0.11);
    margin: auto;
    transition: 0.3s;
}
.testimonials-container .slick-list .slide {padding:35px 0;}
.testimonials-container .slick-list .slide:not(.slick-current) .container_img {
    width: 90px;
    height: 90px;
    padding: 10px;
    opacity: 0.20;
}
.testimonials-container .slick-carousel-testimonials-text::before {
    content: '';
	background-image: url(/img/testimonials_before.png);
	height: 135px;
	width: 12px;
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat;
	top: 60%;
	transform: translate(0, -50%);
	left: -30px;
}
.testimonials-container .slick-carousel-testimonials-text {
    width: 550px;
}
 .testimonials-container .slick-carousel-testimonials-text .slide-text_title {
    font-size: 20px;
    font-family: 'DK Lemon Yellow Sun';
    margin-bottom: 30px;
    text-transform: uppercase;
    line-height: initial;
}
 .testimonials-container .slick-carousel-testimonials-text .slide-text_description p {
    font-size: 17px;
    line-height: 26px;
    font-style: italic;
    font-family: 'rubik_regular';
    color: #000;
}
.slick-arrow {
    top: 50%;
    transform: translate(0, -50%);
    position: absolute;
    cursor: pointer;
    padding: 10px;
    z-index: 4;
}
.testimonials-container .slick-arrow i {
    font-size: 30px;
    color: #d2232a;
    transition: 0.3s;
}
.testimonials-next {
    right: 5%;
}
.testimonials-previous {
    left: 5%;
}
.slick-slide .container_img img {
	max-width: 100%;
}

/* Compteur - Circle
---------------------------------------------------------------------- */


/* Compteur - Bar
---------------------------------------------------------------------- */


/* Compteur - Number
---------------------------------------------------------------------- */



/* Fichier à télécharger
---------------------------------------------------------------------- */


/* Blurb
---------------------------------------------------------------------- */
.bloc-blurb {padding: 4vh 2vw; display:flex; flex-direction: column; transition: all .5s ease;}
.bloc-blurb figure {width:100%; /*padding:2.8vh 0;*/ text-align: center; align-self: center; transition: all .5s ease;}
.bloc-blurb figure img {max-width: 100%;}
.bloc-blurb figure img.with-border {width:100%; object-fit: cover; border: 4px solid; }
.bloc-blurb figure i {font-size:40px; backgroun-color:#f1f1f1; width:80px; text-align:center;}
.bloc-blurb > div {padding:16px; text-align: center; max-width:100%;  align-self: center; height:100%; width:100%;flex:2;}
.bloc-blurb > div > h2 {font-size:2.5rem; line-height: 2.8rem; color:#fff; text-align: center; padding:0 0 8px 0; margin:0;}
.bloc-blurb > div > .content {font-size:1.7rem; line-height: 2rem; text-align: center;}

.bloc-blurb.pos-bottom {flex-direction: column-reverse;}
.bloc-blurb.pos-left {flex-direction: row;}
.bloc-blurb.pos-right {flex-direction: row-reverse;}

.bloc-blurb.align-start figure {text-align: center;}
.bloc-blurb.align-start > div > h2 {text-align: left;}
.bloc-blurb.align-end figure {text-align: center;}
.bloc-blurb.align-end > div > h2 {text-align: left;}

.bloc-blurb.pos-right figure,
.bloc-blurb.pos-left figure {text-align: center; display:flex; flex-direction: column; padding:0; height:100%; flex:1;}
.bloc-blurb.pos-left figure img,
.bloc-blurb.pos-left figure i,
.bloc-blurb.pos-right figure img,
.bloc-blurb.pos-right figure i {align-self:center;}

.bloc-blurb.pos-left figure i {margin-right: 2.8vh;}
.bloc-blurb.pos-right figure i {margin-left: 2.8vh;}

.bloc-blurb.pos-left figure img.with-border,
.bloc-blurb.pos-right figure img.with-border {width:80%;}

.bloc-blurb.align-start.pos-left figure,
.bloc-blurb.align-start.pos-right figure {justify-content: start;}
.bloc-blurb.align-end.pos-left figure,
.bloc-blurb.align-end.pos-right figure {justify-content: end;}
.bloc-blurb.align-center.pos-left figure,
.bloc-blurb.align-center.pos-right figure {justify-content: center;}

.bloc-blurb.align-start > div > .content {text-align: left;}
.bloc-blurb.align-start > div > .content {text-align: left;}
.bloc-blurb.pos-left > div > .content {text-align: left;}

/**** Blurb animé *******/
.bloc-blurb-anime {
    display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.bloc-blurb-anime figure {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bloc-blurb-anime figure img {
	width: 100%;
	height: 100%;
	padding: 1%;
	object-fit: contain;
}
.bloc-blurb-anime figure img.imgGif {
	display: none;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.bloc-blurb-anime figure:hover img:first-child {display:none;}
.bloc-blurb-anime figure:hover img.imgGif {display:flex;}
.bloc-blurb-anime .block-title {
    font-family: 'rubik_medium';
    color: #000;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    margin-top: 25px;
    font-weight: 600;
}
/* Shortcut
---------------------------------------------------------------------- */
.bloc-shortcut {
	margin: 3% 1%;
	width: 100%;
	position: relative;
	transition: 0.5s;
}
.bloc-shortcut:hover {
	margin-bottom: 5%;
	margin-top: 1%;
	cursor:pointer;
}
.bloc-shortcut figure img {
	width: 100%;
	border-radius: 100%;
	position: relative;
}
.bloc-shortcut > a > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 185px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:#d2232a;
	text-transform: uppercase;
	transition: 0.5s;
	z-index: 2;
}
.bloc-shortcut:hover > a > div {
	background-color: rgba(210, 35, 42, 0.85);
	width: 100%;
	height: 100%;
	border-radius: 100%;
}
.bloc-shortcut > a > div > h2 {color:#fff;margin:0;font-size: 15px;font-family: 'rubik_medium';}
.homePage > section.struct-shortcuts {margin: 100px 0;}
.struct-shortcuts > .ct-blocs {width:1200px;margin:0 auto;display: flex; align-items: center; justify-content: center;}
/* Tabs
---------------------------------------------------------------------- */


/* Collapse
---------------------------------------------------------------------- */
.bloc-collapse {margin:0px;}
.bloc-collapse > h2 {}
.bloc-collapse > ul {}
.bloc-collapse > ul > li {background: #fff; margin:10px 0; padding:20px 0;}
.bloc-collapse > ul > li > label {
	margin: 0;
	font-family: DK Lemon Yellow Sun;
	font-size: 23px;
	padding: 0;
	border-bottom: 2px solid #d2232a;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0px;
	color: #d2232a;
}
.bloc-collapse > ul > li > label > img {filter: brightness(0%) invert(100%);padding-right: 8px;}
.bloc-collapse > ul > li > label:hover > img {filter:none;}
.bloc-collapse > ul > li:hover {}
.bloc-collapse > ul > li > label:hover {color: #d2232a; background: transparent;}
.bloc-collapse > ul > li > article {display:none; padding: 1em; border: 1px solid #eee !important;}

/* Accordeon
---------------------------------------------------------------------- */
.bloc-accordeon {margin:0px;padding-left: 2.2em;}
.bloc-accordeon > ul.on {margin-left: 70px; height: auto;;}
.bloc-accordeon > ul {background: #fff; margin:10px 0; padding:20px 0;}
.bloc-accordeon > ul > li > label:hover {color: #d2232a; background: transparent;}
.bloc-accordeon > ul > li > article {display:none; padding: 1em;}
.bloc-accordeon > h2 {
	margin: 0 0 1px 0;
	padding-top: 0;
	position: relative;
	text-transform: none;
	font-weight: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}
.bloc-accordeon > h2 a {
	font-size: 30px;
	font-family: 'rubik_medium';
	padding-left: 2em;
}
.bloc-accordeon:first-child > h2:before,
.bloc-accordeon:nth-child(2) > h2:before,
.bloc-accordeon:nth-child(3) > h2:before,
.bloc-accordeon:nth-child(4) > h2:before,
.bloc-accordeon:nth-child(5) > h2:before,
.bloc-accordeon:nth-child(6) > h2:before,
.bloc-accordeon:nth-child(7) > h2:before,
.bloc-accordeon:nth-child(8) > h2:before  {
    font-size: 40px;
    font-family: 'rubik_medium';
    font-weight: bold;
    color: #d2232a;
    width: 35px;
    text-align: center;
    position: absolute;
}
.bloc-accordeon:first-child > h2:before {content: "1";}
.bloc-accordeon:nth-child(2) > h2:before {content: "2";}
.bloc-accordeon:nth-child(3) > h2:before {content: "3";}
.bloc-accordeon:nth-child(4) > h2:before {content: "4";}
.bloc-accordeon:nth-child(5) > h2:before {content: "5";}
.bloc-accordeon:nth-child(6) > h2:before {content: "6";}
.bloc-accordeon:nth-child(7) > h2:before {content: "7";}
.bloc-accordeon:nth-child(8) > h2:before {content: "8";}

.bloc-accordeon:first-child li {list-style:none;}
.bloc-accordeon li {list-style: inherit;}
.bloc-accordeon:first-child li.site-type::before {
    content: "";
    display: inline-block;
    background-image: url(../../img/site-type.png);
    height: 17px;
    width: 17px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}
.bloc-accordeon:first-child li.mail-type::before {
    content: "";
    display: inline-block;
    background-image: url(../../img/mail-type.png);
    height: 17px;
    width: 17px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}
.bloc-accordeon:first-child li.telephone-type::before {
    content: "";
    display: inline-block;
    background-image: url(../../img/tel-type.png);
    height: 17px;
    width: 17px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}
/* Divider
---------------------------------------------------------------------- */
.bloc-divider {padding:50px 5%; font-size:0;}
.bloc-divider hr {background: none; font-size:0; border:1px solid; border-color:#ddd; border-radius: 100% 100%; }


/* Back to top
---------------------------------------------------------------------- */
.homePage .back-to-top {
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 25px;
	bottom: 0;
	cursor: pointer;
	z-index: 2;
	width: 65px;
	height: 50px;
	display: flex;
	align-items: center;
	background-color:#d2232a;
	transition: 0.5s;
	margin: 0;
}
.back-to-top.on {opacity: 1;}

.back-to-top i {
	color:#fff;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translate(-50%);
	font-size: 35px;
}
.back-to-top .fill {
	background-color: rgba(255, 255, 255, 0.4);
	bottom: 0;
	height: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
	display:none;
}

.back-to-top:hover {height: 120px;}



/* Réseaux sociaux - barre latérale 
---------------------------------------------------------------------- */

.bloc-socials {}
.bloc-socials svg {height: 80px; width: 80px; padding: 15px; transform: scale(0.75); }
.bloc-socials > .fa-share-alt {display:none;}
.bloc-socials ul {display: flex; flex-wrap: wrap; justify-content: center; list-style-type: none; margin: 0; padding: 0;}
.bloc-socials a {display: block; position: relative; text-decoration: none;}

.bloc-socials li,
.bloc-socials li:before {height: 80px; width: 80px;}
.bloc-socials li  {border-radius: 50%; box-shadow: 0 0 0 3px; margin: 10px 10px 20px 10px; z-index: 0;}
.bloc-socials li:before {content: ""; border-radius: 50%; position: absolute; transform: scale(0); transition: transform 0.3s; z-index: -1;}
.bloc-socials li:hover:before {transform: scale(1.01); transition: transform 0.3s;}
.bloc-socials a {display: block; text-align: center;}
.bloc-socials span {display: block; height: 20px; overflow: hidden;}

.bloc-socials.small {}
.bloc-socials.small svg {height: 30px; width: 30px; padding:0px;}
.bloc-socials.small li,
.bloc-socials.small li:before {height: 40px; width: 40px;}
.bloc-socials.small li  {margin:0; border-radius: none; box-shadow: none;}



.bloc-socials.phantom svg {transform: scale(1); transition: fill 0.5s, transform 0.5s;}
.bloc-socials.phantom li:hover svg {transform: scale(1.2); transition: fill 0.5s, transform 0.5s;}
.bloc-socials.phantom li:hover span {transform: translateY(0); transition: transform 0.5s;}
.bloc-socials.phantom a {overflow: hidden; }
.bloc-socials.phantom span {display: block; text-align: center; transform: translateY(100%); transition: transform 0.5s;}

.bloc-socials.square li {height: 80px; padding: 10px;}
.bloc-socials.square span,
.bloc-socials.square svg {display: block; top: 50%; transform: translateY(-50%); fill: #FFFFFF;}
.bloc-socials.square svg {position: relative; right: 0; transition: right 0.5s;}
.bloc-socials.square span {left: 100%; position: absolute; text-align: center; transition: left 0.5s, transform 0.5s;}
.bloc-socials.square a {height: 100%; overflow: hidden;}
.bloc-socials.square a:hover svg {right: 100%; transition: right 0.5s;}
.bloc-socials.square a:hover span {left: 50%; transform: translateX(-50%) translateY(-50%); transition: left 0.5s, transform 0.5s;}

.bloc-socials.lateral {position:fixed; top:35%; right:0; z-index:15;}
.bloc-socials.lateral ul {flex-direction: column;}
.bloc-socials.lateral li,
.bloc-socials.lateral li:before {height: auto; width:40px; }
.bloc-socials.lateral li {margin:0; border-radius: none; box-shadow: none;}
.bloc-socials.lateral a {padding:10px 5px;}
.bloc-socials.lateral svg {display: block; height: 30px; width: 30px; padding:0px; fill: #FFFFFF; }
.bloc-socials.lateral h2 {display:none;}


.bloc-socials.square .facebook a,
.bloc-socials.lateral .facebook a 	{background-color: #1F69B3;}
.bloc-socials.square .linkedin,
.bloc-socials.lateral .linkedin a	{background-color: #0097BD;}
.bloc-socials.square .youtube,
.bloc-socials.lateral .youtube a 	{background-color: #E64A41;}
.bloc-socials.square .twitter,
.bloc-socials.lateral .twitter a	{background-color: #43B3E5;}
.bloc-socials.square .pinterest,
.bloc-socials.lateral .pinterest a	{background-color: #D73532;}
.bloc-socials.square .googleplus,
.bloc-socials.lateral .googleplus a {background-color: #DA4A38;}
.bloc-socials.square .instagram,
.bloc-socials.lateral .instagram a	{background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);}


/* Réseaux sociaux - iframe
---------------------------------------------------------------------- */




/* -------------------------------------------------------------------
---------------------------------------------------------------------- 
								EVENEMENTIEL
---------------------------------------------------------------------- 
---------------------------------------------------------------------- */

/* Letters
---------------------------------------------------------------------- */

.letters {text-align: center; margin:40px; }
.letters li { 
	display: inline-block;
	font-size:16px;
	color:#888;
}
.letters li a { color:#888; text-decoration: none;	padding:2px 4px;display: inline-block;}  
.letters li:hover a { color:#888; text-decoration: underline; } 

h4.letter {
	margin-top:20px;
	font-size:26px;
	color:#888;
	border-bottom:2px solid #888;
    padding-bottom: 10px;
    text-align: center;
}


/* Liste intervenants
---------------------------------------------------------------------- */
.event-speakers .speakers {text-align: center;}


/* Programme - classique
---------------------------------------------------------------------- */
.bloc-program > h2 {
    font-size: 36px; 
    letter-spacing: 1px;
    margin-top: 20px;
    color:#fff;
    background: #3d78bc;
    padding: 2%; 
    margin: -11px 0 0 0;
    text-align: center; 
    font-weight: normal;
}
.bloc-program table.program {width: 100%; margin-bottom: 40px; text-align: center;}
.bloc-program table.program th {background-color: #3d78bc;color:#fff; font-size: 20px; font-weight: normal; opacity: 0.8; padding:12px 14px;}
.bloc-program table.program td {border-bottom:#aaa 1px solid; padding: 20px 10px; font-size:14px; line-height: 20px; color:#555; text-align: left;}
.bloc-program table.program td .title {display: block; color:#555; font-weight: bold; font-size:15px;}
.bloc-program table.program td.hour {width: 10%; min-width: 50px;}
.bloc-program table.program td.location {text-align: center; width: 15%;  min-width: 50px;}
.bloc-program table.program td.activity {color:#999;}
.bloc-program .activity > div {display:flex; }
.bloc-program .activity > div > figure {max-width: 200px; align-self: center; padding-right: 20px;}
.bloc-program .activity > div > figure img {max-width: 90%;}
.bloc-program .activity > div > div {flex:1; align-self: center;}
.bloc-program .activity .speakers {}
.bloc-program .activity .speakers h3 {font-size:12px; color:#fff; }
.bloc-program .activity .speakers ul {list-style: outside; margin-left:20px;}
.bloc-program .activity .speakers ul li {list-style-type: disc; font-size:14px; color:#aff; }

.bloc-program table.program td.break > div {text-align: center; color:#999; font-size:11px; font-weight: normal;}
.bloc-program table.program tr:hover td {background: #f4f4f4;}

.bloc-program table.program .hour {width: 20%; text-align: center;}
.bloc-program table.program td.hour {font-size: 25px;}
.bloc-program table.program td.hour > span {text-align: left; margin-left: 30%; display: block;}
.bloc-program table.program .location {width: 35%;  min-width: 50px;}

.bloc-program table.program td.break {
	background:#eee; 
	text-align: center; 
	color:#a00; 
	font-style: italic; 
	letter-spacing: 1px; 
	font-size: 25px; 
	font-weight: normal; 
	line-height: 40px;
}


/* Programme - timeline
---------------------------------------------------------------------- */
.bloc-program.timeline {max-width:800px; margin:0 auto;}
.bloc-program.timeline > h2 {border-bottom: 1px dashed; background: none; color:#000; text-align: center; /*width:calc(75% - 50px); margin-left: calc(25% + 20px)*/}
.bloc-program.timeline > ul {margin: 30px 15px 0 15px; position: relative;}
.bloc-program.timeline > ul::before{
    content: "";
	background-color: #818493;
    border-radius: 5px;
    margin-left: -10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20%;
    width: 10px;
}
.bloc-program.timeline > ul li {position: relative; }
.bloc-program.timeline time {
    display: block;
    position: absolute;
    font-size: 2.5rem;
    padding-right: 10%;
    text-align: right;
    width: 25%;
	height: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;    
}

.bloc-program.timeline time span {font-size: 2rem; display: block; text-align: right; }
.bloc-program.timeline time span.location {font-size: 1.5rem; min-height: 10px; display: block;}
.bloc-program.timeline span.title{
 	color:#ffffff;
 	font-size: 2.0rem;
	font-weight: bold;
}
.bloc-program.timeline .break {background-color: transparent; padding: 0;}
.bloc-program.timeline .break::after {content:none;}
.bloc-program.timeline .break span.title{
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	color: #ccc;
	font-weight: 100;
	letter-spacing: 2px;
	margin: 2vh 0px 8px 0px;
	padding: 0 0 4px 0;
}
.bloc-program.timeline .break .content{color:#414453;}
.bloc-program.timeline span.title + .content {border-top: 1px solid; padding-top: 10px; margin-top:3px; }
.bloc-program.timeline .activity {
	min-height: 50px;
	line-height: unset; 
	background-color: #818493;
	border-radius: 5px;
	color: #FFFFFF;
	margin: 0 10px 15px 25%;
	padding: 1em 2em;
	position: relative;
}
.bloc-program.timeline .activity::after {
	content: "";
	border-right: #818493 10px solid;
	border-top: transparent 10px solid;
	border-bottom: transparent 10px solid;
	position: absolute;
	right: calc(100% - 1px);
	top: 10px;
}



.bloc-program.timeline .bullet {
	background-color: #818493;
	color: #414453;
	border-radius: 50%;
	box-shadow: 0 0 0 8px;
	font-size: 1.4em;
	height: 40px;
	left: 20%;
	line-height: 40px;
	margin-left: -25px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	width: 40px;
}
.bloc-program.timeline .bullet.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.4em;
	line-height: 40px;	
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.bloc-program.timeline .bullet.fa::before{color:#FFFFFF;}



/* Participant
---------------------------------------------------------------------- */




/* Liste de Participants
---------------------------------------------------------------------- */
.event-attendees ul {display: flex;	justify-content: center; flex-wrap: wrap;}
.event-attendees li {position: relative;}
.event-attendees .details {width: 100%;}
.event-attendees figure {display: flex;	height: 20vw; width: 20vw;}
.event-attendees figure img {flex: 1; object-fit: cover; width: 100%;}

.event-attendees .details {
	background-color: rgba(0, 0, 0, 0.7);
	min-height: 50px;
}
.event-attendees .details > span {display: flex; flex-direction: column; justify-content: center; text-align: center;}
.event-attendees .details > span > * {display: block;}

.event-attendees .details .name {font-size: 20px; padding: 15px 0;}
.event-attendees .details .cpy {color: #949397; font-size: 14px; font-weight: normal; text-decoration: none;}
.event-attendees .details .function {font-size: 12px;}

/* Edito
---------------------------------------------------------------------- */
.bloc-content .signature {
	width: 100%;
	text-align: right;
	padding-top: 5vh;
	padding-right: 10%;
}
.bloc-content .signature span {
	width: 100%;
	display: block;
	text-align: right;
	font-size: 20px;
	margin-bottom: 10px;
}
.bloc-content .signature img {max-width: 25%;}


/* Kit Média
---------------------------------------------------------------------- */


/* Event all-in-one page
---------------------------------------------------------------------- */

.all-in-one {min-height: 100vh; display:flex; flex-direction:column;}
.all-in-one.aio-col > header {display:flex; flex-direction:row; background: #000; color:#aaa;}
.all-in-one.aio-col > header figure {width:66%; display: inline-block;}
.all-in-one.aio-col > header figure img {width:100%; height:100%; object-fit: cover;}
.all-in-one.aio-col > header > div {width:34%; display: inline-block;}
.all-in-one.aio-col > header > div > div {margin:0 auto; display:block; }

.all-in-one.aio-col > header .date {display:flex; flex-direction:column; justify-content:center; min-height: 240px;}
.all-in-one.aio-col > header .date > div {display:flex; flex-direction:row;} 
.all-in-one.aio-col > header .date span { font-size:40vh; line-height: 30vh; justify-self:end; }
.all-in-one.aio-col > header .date > div > b {display:flex; flex-direction:column; justify-self:start; justify-content:space-between;}
.all-in-one.aio-col > header .date u {font-size:8vh; text-decoration: none; line-height: 10vh;}
.all-in-one.aio-col > header .date i {font-size:13vh; font-style: normal;line-height: 12vh;}
.all-in-one.aio-col > header .date i s {font-size:6vh; text-decoration: none;}

.all-in-one.aio-col > div {flex-grow:1; display:flex; flex-direction:row;}
.all-in-one.aio-col > div > section { display:inline-block; width:66%; padding:2vh 2vw; }
.all-in-one.aio-col > div > aside { padding:3vh 0; display:inline-block; width:34%; }
.all-in-one.aio-col > div > aside > h3 {font-size:24px; margin-bottom:2vh;}
.all-in-one.aio-col > div > aside .content {font-size:14px; line-height: 18px; margin-bottom: 4vh;}
.all-in-one.aio-col > div > aside .contact span {font-size:14px; display:block; line-height: 18px; }
.all-in-one.aio-col > div > aside .contact a {font-size:14px; display:block; line-height: 18px; }
.all-in-one.aio-col > div > aside .address {margin: 4vh 0;}

.all-in-one.aio-col .address i.fa {font-size:50px; width:10%; display:inline-block; vertical-align:middle;}
.all-in-one.aio-col .address address {display:inline-block; width:85%; font-size:14px; font-style: normal; vertical-align: middle; line-height: 18px; }


.all-in-one.aio-3bloc .informations {padding: 10vh 0;}
.all-in-one.aio-3bloc .informations .contact {display: block;}
.all-in-one.aio-3bloc .form {padding-bottom: 70px;}


/* Event Calendar
---------------------------------------------------------------------- */

/* Event Tomorrow
---------------------------------------------------------------------- */
.event-tomorrow {background:#070; color:#fff; padding:3vh 3vw; min-height: 100vh; display: flex; flex-direction: column; justify-content: center;}
.event-tomorrow > h1 { color:#fff; font-size:56px; margin-bottom: 30px; padding:0; }
.event-tomorrow > h2 { color:#fff; font-size:40px; margin: 20px 0 30px 0; text-align: center; }
.event-tomorrow > .chapo { color:#fff; font-size:16px; margin-bottom: 40px;  text-align: center;}
.event-tomorrow > section {display:flex; flex-direction:row;}
.event-tomorrow > section > div {padding:0 2vw;	flex:1;}

.event-tomorrow .date {display:flex; flex-direction:column; justify-content:center; }
.event-tomorrow .date > div {display:flex; flex-direction:row;} 
.event-tomorrow .date span { font-size:40vh; line-height: 30vh; justify-self:end; }
.event-tomorrow .date > div > b {display:flex; flex-direction:column; justify-self:start; justify-content:space-between;}
.event-tomorrow .date u {font-size:8vh; text-decoration: none; line-height: 10vh;}
.event-tomorrow .date i {font-size:13vh; font-style: normal;line-height: 12vh;}
.event-tomorrow .date i s {font-size:6vh; text-decoration: none;}

.event-tomorrow .location {background-color: rgba(255, 255, 255, 0.5); padding: 10px;}
.event-tomorrow .address i.fa {font-size:50px; width:10%; display:inline-block; vertical-align:middle;}
.event-tomorrow .address address {display:inline-block; width:85%; font-size:14px; font-style: normal; vertical-align: middle; line-height: 18px;}
.event-tomorrow .address article > div {height:40vh; }
.event-tomorrow .address article {margin-bottom: 30px;}
.event-tomorrow .qrCode {text-align: center; display: flex; flex-direction: column; justify-content: center;}
.event-tomorrow .qrCode img {width:200px; height:200px; margin: 10px;}



/* Hôtel
---------------------------------------------------------------------- */
.bloc-hotel {
	display: flex;
	margin: 10px;
	overflow: hidden;
	padding: 10px;
	position: relative;
}
.bloc-hotel .buttons {flex: 1; padding:20px 0; text-align: center; display: flex;}
.bloc-hotel .buttons > i {align-self: center;}
.bloc-hotel .buttons > div {flex:1; padding:8px 0px; align-self: center;}
.bloc-hotel .buttons > div > div {position: relative; color:#777; align-self: center;}
.bloc-hotel .buttons > div > div a {color:#777;}
.bloc-hotel .content {padding:20px 0px; font-size:14px; line-height: 17px;}

.bloc-hotel .details { flex: 1; padding: 0 20px;}
.bloc-hotel .details > h2 {margin:auto; font-size:36px; line-height: unset;}
.bloc-hotel .details .fa {margin-right: 10px; font-size:20px;}
.bloc-hotel .details p {display: inline;}
.bloc-hotel .details address {margin: 10px 0;}
.bloc-hotel .details .contact {display: flex; font-size:13px; line-height: 16px;}
.bloc-hotel .details .contact span {display: block;}

.bloc-hotel aside {flex: 1; min-height: 350px; border-radius: 10px;}
.bloc-hotel aside .digi-gallery {height: 100%; border-radius: 10px;}
.bloc-hotel aside .digi-gallery li {height: 100%; border-radius: 10px;}
.bloc-hotel aside .digi-gallery img {width:100%; height:100%; object-fit: cover; border-radius: 10px;}
.bloc-hotel aside .digi-gallery .thumbs {height: 50px; position: absolute; bottom: 10px; z-index: 10;}
.bloc-hotel aside .digi-gallery .thumbs li {max-width: 70px; margin-left: 10px; border:2px solid rgba(100,100,100,0.5);}
.bloc-hotel aside .digi-gallery .thumbs li.select::after {content:none;}

.slider.digi-gallery .puces {background-color: rgba(0, 0, 0, 0.1); bottom: 0; border-radius: 10px; border:none;}
.slider.digi-gallery .puces li {
	background: none;
	background-color: transparent;
	box-shadow: inset 0 0 0 2px;
	height: 12px;
	overflow: hidden;
	transition: background-color 0.3s;
}
.slider.digi-gallery .puces li:after {
	content: "";
	bottom: 0;
	height: 0;
	left: 0;
	position: absolute;
	transition: height 0.3s ease;
	width: 100%;
}
.slider.digi-gallery .puces .select {box-shadow: none;}
.slider.digi-gallery .puces .select:after {height: 100%;}



/* Map google
---------------------------------------------------------------------- */
.bloc-map {position: relative;}
.bloc-map > div.jGmap {display: none;}

.bloc-map > div.j-Gmap,
.bloc-map .j-Map {height: 75vh;}
.bloc-map .gmTitle {border-bottom: 1px solid; margin-bottom: 10px; }
.bloc-map .gmImage {margin-right: 10px; max-height: 150px;	vertical-align: middle;	width: 150px;}
.bloc-map .gmContent {display: inline-block; max-width: 250px; text-align: center; vertical-align: middle;}
.bloc-map .gmContent .fa {margin-right: 5px;}


/* EXPOSANTS
---------------------------------------------------------------------- */


/* Exposant - Bloc
---------------------------------------------------------------------- */
.bloc-exhibitor { margin:6vh 0; display:flex; flex-direction:row;}
.bloc-exhibitor aside { width: 30%; display: inline-block; align-self: center; }
.bloc-exhibitor aside img { max-height: 300px; }
.bloc-exhibitor section { width: 70%; display: inline-block; justify-content:center; display:flex; flex-direction:column;}
.bloc-exhibitor section .link {margin:4px 0 10px 0;}

.bloc-exhibitor .booth { color:#555; font-size:16px; display: block; padding-bottom: 4px;}
.bloc-exhibitor a { color:#999; text-decoration: none;}
.bloc-exhibitor a:hover { text-decoration: underline;}
.bloc-exhibitor section > article {display:flex; justify-content:space-between; width: 100%; margin-top:3vh; }
.bloc-exhibitor section > article > div { flex:1; }


/* Exposant - Fiche
---------------------------------------------------------------------- */
.exhibitor-view {display:flex; flex-direction:column; }
.exhibitor-view > figure {width:100%; overflow: hidden; height: 300px;}
.exhibitor-view > figure img {width:100%; object-fit: cover; height:100%; }
.exhibitor-view > section {display:flex; flex-direction:row; padding:0;}
.exhibitor-view > section.info figure {width:30%; text-align: center;}
.exhibitor-view > section.info figure img {width:70%;}
.exhibitor-view > section.info article {width:40%; display:flex; flex-direction:column; justify-content:center;}
.exhibitor-view > section.info article:last-child {width:30%; text-align: center;}
.exhibitor-view > section.info article h3 { color:#555; font-size:20px;}
.exhibitor-view > section.info article h2 { color:#000; font-size:24px; font-weight: 100; text-align: center; margin-bottom: 4vh;}
.exhibitor-view > section.info article:last-child span { text-align: center;}
.exhibitor-view > section.info article h1 { text-align: left;}
.exhibitor-view > section.ct article {width:70%; padding:6vh 5vw;} 
.exhibitor-view > section.ct figure {width:30%; overflow: hidden;} 
.exhibitor-view > section.ct figure img {width:100%; height: 100%; object-fit: cover;} 

.exhibitor-view > .link { background: #333; width: 100%; padding-left:30%; color:#fff; text-align: left; margin: 0; transition: 0.3s all ease;}
.exhibitor-view > .link a { color:#fff; text-decoration: none; display:inline-block; height:30px; padding:6px; background: inherit; border-radius: 0;}
.exhibitor-view > .link a:hover { text-decoration: underline; background: inherit;}
.exhibitor-view > .link:hover {background: #000;} 


/* Liste d'Exposants
---------------------------------------------------------------------- */
.exhibitorsPage {max-width: 1000px; margin:0 auto; }
.exhibitors.largeList {justify-content:center; display:flex; flex-direction:row; flex-wrap:wrap;}
.exhibitors .bloc-exhibitor > figure {flex:1; justify-content:center; display:flex; flex-direction:column; }
.exhibitors.largeList .bloc-exhibitor {flex-direction:column; width:25%; display:flex; }
.exhibitors.largeList .bloc-exhibitor img {width:80%; }
.bloc-exhibitor > div > h2 {text-align: center; font-size:14px; padding-top:10px;}

.exhibitors.smallList {justify-content:start; display:flex; flex-direction:row; flex-wrap:wrap;}
.exhibitors.smallList .bloc-exhibitor{flex-direction:column; width:180px; margin:20px 10px; display:flex; }


/* Sponsor
---------------------------------------------------------------------- */
.bloc-sponsor {padding:20px 10px; max-width: 300px; text-align: center; display: inline-block;}
.bloc-sponsor figure {max-width: 200px; max-height: 200px; margin:0 auto;}
.bloc-sponsor figure a {display: block; height: 100%; width:100%;}
.bloc-sponsor figure a img,
.bloc-sponsor figure img  {height: 100%; width:100%; object-fit: contain;}
.bloc-sponsor > div {padding-top:10px; text-align: center;}
.bloc-sponsor > div .cpy {font-size:13px; display: block; text-align: center;}
.bloc-sponsor > div .type {font-size:14px; font-weight: bold; display: block; text-align: center; padding-top:5px;}
.bloc-sponsor.sponsor-gold div .type {color:#fc4;}
.bloc-sponsor.sponsor-or div .type {color:#fc4;}
.bloc-sponsor.sponsor-silver div .type {color:#999;}
.bloc-sponsor.sponsor-argent div .type {color:#999;}
.bloc-sponsor.sponsor-bronze div .type {color:#c61;}
.bloc-sponsor.sponsor-platine div .type {
	background: linear-gradient(to bottom, #e5e4e2, #a6a5a3);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bloc-sponsors {display: block; padding:20px; }
.bloc-sponsors > div {display: flex; flex-wrap: wrap; justify-content: center;}
.bloc-sponsors .bloc-sponsor {margin: 0 10px; align-self: center;}

/* Evenement - Demain
---------------------------------------------------------------------- */



/* -------------------------------------------------------------------
---------------------------------------------------------------------- 
								FORMULAIRE
---------------------------------------------------------------------- 
---------------------------------------------------------------------- */

/* Formulaire - structure
---------------------------------------------------------------------- */

.digiForm {width: 100%;margin: 0 auto; padding:0 20px;}

.digiForm article {font-size: 0; margin:16px 0;}
.digiForm article > label{width:30%; text-align: right; padding-right:20px; }
.digiForm article label  {font-size: 16px; display: inline-block; color:#727571; vertical-align: middle;}
.digiForm article > div {width:50%; max-width: 700px; font-size: 16px; text-align: left; display: inline-block; vertical-align: middle;}
.digiForm article.formTxt {font-size:13px; line-height: 14px; max-width: 700px; text-align: justify;}

.form-top .digiForm {max-width:1000px;}
.form-top .digiForm article {}
.form-top .digiForm article > label {width:100%; display:block; text-align: left; padding-right: 0; margin-bottom: 5px;}
.form-top .digiForm article > div {width:100%; max-width: none; display: block;}
.form-top .digiForm article.formTxt {margin-left:0; max-width: none;}

.digiForm[data-codeform="devis"] .form-title {
	display: block;
	color:#000000;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 22px;
	text-align: left;
	font-family: "rubik_medium";
	padding-right:15px;
	padding-left:15px;
	margin:1rem;
	clear: both;
	padding-top:20px;
}
.digiForm section {margin:40px 0;}
.digiForm[data-codeform="devis"] section {margin:0;}
.digiForm section > section {margin:0;}
.digiForm .invisible div {border: none; padding: 0; margin: 0;}

.digiForm article div textarea { width: 100%; min-height: 120px;}

form article s{text-decoration: none;}
form article s::before {content:" *"; font-size:14px; color:#d00; }

.digiForm .formCheckbox label {vertical-align: top; font-size:14px;}
.digiForm .formCheckbox input {vertical-align: top;}

.digiForm .formRadio ul {text-align: left;}
.digiForm .formRadio ul li {display: inline-block; padding-right: 20px;}
.digiForm .formRadio ul li label {text-align: left; font-size:14px; color:#4e4f4e;}



/* Formulaire - Errors
---------------------------------------------------------------------- */
form article.error label { color:#d00;}
form article.error input { border-color:#d00; color:#d00; box-shadow : 0 1px 4px rgba(0, 0, 0, 0.2) inset, 0 0 2px 1px rgba(240, 61, 31, 0.3);}

ul.errors {background : #B71D21; padding:20px;}
ul.errors li {list-style: circle; margin-left:10px;	color:#fff;	margin-bottom: 3px;font-size: 13px;}



/* Formulaire - Styles & modèles de champs
---------------------------------------------------------------------- */

/* // pour les radio & checkbox, le label au dessus des choix (style classique) */
.digiForm article.choicesUnder > div {width:100%;}
.digiForm article.choicesUnder > label {width:100%; text-align: left;}

/* // pour les radio & checkbox, un choix par ligne */
.digiForm article.choicesOnePerLine ul li {width:100%; display:block;}

/* // info en petit pour expliquer un champ */
.digiForm article.fieldInfoTxt {font-size:11px; margin-top:-8px; color:#777;}

/* // séparation d'un bloc de texte */
.digiForm article.textSeparate {margin:40px 0;}




/* Formulaire - Trombinoscope upload picture
---------------------------------------------------------------------- */
.digiForm article.trombiPicture {text-align: center;}
.digiForm article.trombiPicture figure img {width:30%;}
.digiForm article.trombiPicture span {font-size:12px; }



/* Formulaire - Module Hotel
---------------------------------------------------------------------- */

.digiForm article.hotelFellows > div {margin-left: 30%; width: 70%; }
.digiForm article.hotelFellows > div li {text-align: left;}
.digiForm article.hotelFellows > div li div {margin-right: 25px;margin-left: 15px;}
.digiForm article.hotelFellows > div li input {margin-left: 5px;}
.digiForm article.hotelFellows > div li label {text-align: left; width: 20%;}
.digiForm .hotelNbNights {font-weight: bold; margin-bottom: 50px;}

.digiForm .hotelMainModule.hotelChoice > div {width: 70%;}
.digiForm .hotelMainModule.hotelChoice.formRadio ul li {display: block; margin-bottom: 1%;}
.digiForm .hotelMainModule.hotelChoice.formRadio ul li label {text-align: left;}



/* Formulaire - Module Accompagnants
---------------------------------------------------------------------- */

.modAccompany .tpl {display:none;}
.modAccompany .accForm {
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	display: block;
	width: 100%;
}
.modAccompany .accForm article{
	display:inline-block;
}
.modAccompany .accForm article label {min-width: 30%;}




/* Formulaire - Autres éléments généraux
---------------------------------------------------------------------- */
div.actions {padding:8px; display: block; text-align: center;}
.close::before  {
	font-family: FontAwesome;
	content:"\f00d";
	background: #fff;
	border:#000 2px solid;
	text-align: center;
	border-radius: 15px 15px 15px 15px;
	font-size:18px;
	font-weight: normal;
	position:absolute;
	right:10px;
	top:10px;
	width:20px;
	height:20px;
	z-index:1;
	cursor: pointer;
}

/* Page Formulaire
---------------------------------------------------------------------- */
.page-form { padding-bottom: 50px; }
.page-form > figure {width:100%;}
.page-form > figure img {width:100%;}
.page-form > article.struct-blocs.struct-wrap {max-width:1000px; padding:0 20px;}
.page-form > article h3.chapo {font-size: 22px; margin-bottom: 14px;}
.page-form > article .content {margin-bottom: 20px;}
.page-form > h1 {
	color: #d2232a;
	font-size: 59px;
	text-align: center;
	font-family: rubik_medium;
	font-weight: 700;
	font-variant: normal;
}
.page-form .digiForm[data-codeform="devis"] article div input:focus {border: 1px solid #feaa04;}
.page-form .digiForm[data-codeform="devis"] article.req div input,
.page-form .digiForm[data-codeform="devis"] article.req div textarea {border: 1px solid #d2232a;}
.page-form .digiForm[data-codeform="devis"] article div input[type='radio'] {opacity:0;width: 29px;height: 29px;}
.page-form .digiForm[data-codeform="devis"] article.formRadio div li::before {
	width: 29px;
    height: 29px;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.06);
    background-color: #fff;
    content:'';
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    margin-right: 0;
    right: -35px;
    border: 1px solid #e1e1e1;
    top: 5px;
}
.page-form .digiForm[data-codeform="devis"] article.formRadio div li {position: relative;}
.page-form .digiForm[data-codeform="devis"] article.formRadio div li.active::after {
    border-radius: 0;
    width: 15px;
    height: 15px;
    left: 50px;
    top: 65%;
    transform: translate(-50%, -50%);
    display: block;
    background-color: #d2232a;
    position: absolute;
    content:'';
}
.page-form .digiForm[data-codeform="devis"] article div input,
.page-form .digiForm[data-codeform="devis"] article div textarea {
	height: 60px;
	border-radius: 5px;
	border: none;
	background-color: #fff;
	padding: 0 15px;
	color: #000;
	box-shadow: 0px 9px 25px 0px rgba(0, 0, 0, 0.1);
}
.page-form .digiForm[data-codeform="devis"] article div textarea {
	font-family: 'rubik_regular', sans-serif;
	padding-top: 23px;
}
.page-form .digiForm[data-codeform="devis"] {
	max-width: 1200px;
	min-height: 600px;
	margin: 0 auto;
}
/*.page-form.form-left.struct-blocs.struct-wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background-image: url(/img/right_devis.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.page-form.form-left.struct-blocs.struct-wrap::before {
    content: '';
    position: absolute;
    top: 50px;
    left: 0;
    width: 400px;
    height: 100%;
    background-image: url(/img/left_devis.png);
    background-repeat: no-repeat;
    background-position: center;
}*/

/* Login - Indentification
---------------------------------------------------------------------- */
.digiForm.login article > label { padding-top: 8px;	vertical-align: top;}
.forgetPwd {cursor: pointer; font-size:11px; padding:5px; display:block; color: #414240;}
.forgetPass h3 {text-align: center;}



/* Date Picker
---------------------------------------------------------------------- */
.date-Picker {
	display: none;
	z-index:9100;
	position:absolute;
	top:0;
	left:120px;
	border-radius:4px;
}
.date-Picker .chooseDate { display: none; }
.date-Picker header {
	margin:2px;
	border-radius: 2px;
	background: #fff;
	color:#ddd;
	font-size:0px;
	text-align: center;
	font-weight: bold;
}
.date-Picker header span {
	width:15%;
	font-size:18px;
	color:#aaa;
	margin-top:-3px;
	display: inline-block;
	cursor: pointer;
	padding-top: 7px;
	text-align: center;
}
.date-Picker header span.t {
	width:70%;
	font-size:12px;
	padding-top: 7px;
	vertical-align: top;
}
.date-Picker>div.main {
	position:relative;
	margin:2px;
	padding:3px;
	background: #fff;
	border-radius: 2px;
	text-align: center;
}
.date-Picker>div.main>table>tbody>tr>td {
	vertical-align: top;
	border-left:1px solid #ddd;
	padding-left: 10px;
	padding-right: 10px;
	
}
.date-Picker>div.main>table>tbody>tr>td:first-child {
	padding-left:0px;
	border: none;
}
.date-Picker>div.main>table>tbody>tr>td:last-child {
	padding-right:0px;
}
.date-Picker>div.main>table tr>td>table {
	padding:5px;
	background: #fff;
	font-size:12px;
	border-spacing: 0; 
	border-collapse: collapse;
}
.date-Picker table tr>td table thead tr td{
	border-bottom: 1px solid #ddd;
}
.date-Picker table tr>td table thead td {
	color:#000;
	font-weight: bold;
	padding:6px;
}
.date-Picker table tr>td table tbody td {
	color:#000;
	padding: 3px 6px;
	cursor: pointer;
	text-align: center;
	background: #fcf2f6;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}
.date-Picker table tr>td table tbody td.off {
	background: #fff;
	color: #ddd;
}
.date-Picker table tr > td table tbody td.p {
	color:#ddd;
	background: #fff;
}

.date-Picker table tr > td tbody.months td {
	padding:20px 6px;
}

.d-picker table tr > td table tbody td:hover, 
.d-picker table tr > td table tbody td.select {
	color:#fff;
	background: #d2232a;
}
.date-Picker > div.time {
	background: #fff;
	text-align: right;
	position:relative;
}
.date-Picker > div.main::after,
.date-Picker > div.time::after {
	content:"\f017"; font-family: FontAwesome; 
	font-size:20px; 
	top:0; right:-32px; height:100%; width:30px; 
	border-radius: 0 4px 4px 0; box-shadow: 2px 0 6px #aaa; 
	display:flex; position:absolute; background:#fff;
	flex-direction:column;
	justify-content:center;
	text-align: center;
	color:#999;
}
.date-Picker > div.main::after {
	content:"\f073";
	display: none;
}

.date-Picker > div.time div.time{
	font-weight: bold;
	text-align: center;
	padding:3px;
	cursor: pointer;
	border:#eee 1px solid;
}
.date-Picker > div.time div.time span {text-align: center; font-size:15px; font-weight: bold; padding-top:0; display: inline-block;}
.date-Picker > div.time div.time button {margin-left:10px; display: inline-block; width:30px; }
.date-Picker div.minutes {display: none;}
.date-Picker div.time li {
	width: 16.5%;
	text-align: center;
	font-size:11px;
	display: inline-block;
	padding:2px 0;
	cursor: pointer;
}
.date-Picker div.time li.select,
.date-Picker div.time li:hover {
	color:#fff;
	background: #d2232a;
	border-radius: 3px;
}
.date-Picker div.time i {
	font-size:14px;
	padding:2px 5px;
	cursor: pointer;
}



/* Définition importantes, prioritaires sur les autres déclarations
---------------------------------------------------------------------- */
.hide {display:none;}

/* Bloc Download */
figure.bloc-download i {font-size:50px; color:#000; padding:15px; margin:auto;}
figure.bloc-download figcaption {text-align:center; padding: 15px 0; font-size: 16px; color: #212221;}
figure.bloc-download {max-width: 150px; margin: 15px; padding: 15px; background: #f7f7f7; min-height:160px}
figure.bloc-download div {display:flex;}
body > main > section.download {margin-top: 0;}
body > main section.downloadfile {max-width: 224px;}

/********************* Footer ************************/
footer > div.containFooter > div.topFooter {padding: 60px 0;box-shadow: 0px -50px 50px 0px rgba(0,0,0,0.06);}
footer > div.containFooter > div.topFooter > div.menuFooter {display: flex; flex-direction: space-between;}
footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > h2.footerTitle {font-size: 18px; font-family: 'DK Lemon Yellow Sun'; color: #feaa04;}
footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter {padding: 0 2%; border-left: 1px solid #E7E7E7; flex:1;}
footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > ul.footerlist > li > div.imgfooter > img,
footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > ul.footerlist > li > a > div.imgfooter > img {width:22px;}
footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > ul.footerlist > li > div.imgfooter,
footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > ul.footerlist > li > a > div.imgfooter {margin-right: 5px;}
footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter:first-child,
footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter:nth-child(2) {border-left:none;}
footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > ul.footerlist > li {margin:20px 0; display: flex; align-items: center;}
footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > ul.footerlist > li > a {font-size:14px; font-family: 'rubik_regular'; color: #000;display: flex; align-items: center;}
footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > ul.footerlist > li > a:hover {color: #d2232a;}
footer > div.containFooter > div.topFooter > div.menuFooter > div.full > img {width: 100%; object-fit: contain;}
footer > div.containFooter > div.topFooter > div.menuFooter {display:flex;justify-content:space-between;width:1200px;margin:0 auto; padding-left: 15px; padding-right: 15px;}
.facebook a::before {content: "\f09a"; font-family: fontAwesome;}
.twitter a::before {content: "\f099"; font-family: fontAwesome;}
.instagram a::before {content: "\f16d"; font-family: fontAwesome;}
.block-social .social_links {display: flex;align-items: center;justify-content: flex-end;}
.block-social .social_links .link a {padding: 0 10px; color: #d2232a; font-size: 20px; transition: 0.3s;}
footer > div.copy > div.container {width:1200px;margin:0 auto;}
footer > div.copy {padding: 20px 0; border-top: 1px solid #F0F0F0;display: flex;align-items: center;font-size: 15px;font-family: 'rubik_regular';font-weight: 100;}
footer > div.copy > div.container > div.row {display:flex; justify-content:space-between;}
footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > h3 {font-size: 19px;font-weight: bold;font-family: 'DK Lemon Yellow Sun';color:#000;margin: 10px 0;}

footer > div.containFooter > div.bottomFooter {display: flex; align-items: center; justify-content: space-between; width: 1200px; margin: 0 auto;}
footer > div.containFooter > div.bottomFooter > div.sousMenuBottomFooter {width: 33.33333%;}

/****** Slider ********/
section.bloc-slider.blocSlide.digi-slideshow > div.slide-info > .BlocTitleSlide {
	z-index: 102;
	margin-left: 0px;
	margin-top: 0px;
	width: 877px;
	height: 125px;
	left: 50%;
	top: 500px;
	transform: translateX(-50%);
	transform-origin: 50% 50% 0px;
	position: absolute;
}
section.bloc-slider.blocSlide.digi-slideshow > div.slide-info > .BlocTitleSlide > h2 {
    top: 434px;
    left: 236px;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    opacity: 1;
    mix-blend-mode: normal;
    width: 877px;
    height: 125px;
    border-radius: 10px;
    font-size: 40px;
    color: #d2232a;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	margin: 0px;
	z-index: auto;
	padding: 0px;
	border-width: 0px;
	line-height: 57px;
	letter-spacing: 0.7px;
	filter: none;
	transform: rotate(-2deg);
	font-family: 'DK Lemon Yellow Sun';
	display: flex !important;
	align-items: center;
	justify-content: center;
	}
section.bloc-slider.blocSlide.digi-slideshow > div.slide-info > .BlocTitleSlide > h2 > a { color: inherit; }
	
/*********** Basket ***********/
.shop-mini-basket.basket-dropdown {visibility: hidden; opacity: 0;transition: all 0.2s linear;}
nav.mainNav > div.navigation > div.account.cart_open .shop-mini-basket.basket-dropdown {visibility: visible; opacity: 1;}
nav.mainNav > div.navigation > div.account.cart_open > ul > li > a > .cart {margin:0 auto;}
nav.mainNav > div.navigation > div.account.cart_open > ul > li > a > .cart > .cart-image:hover {background-image: url(/img/panier.png);}
.bodySimpleHeader nav.mainNav > div.navigation > div.account.cart_open > ul > li span.basketQtty,
.bodySimpleHeader nav.mainNav > div.navigation > div.account.cart_open > ul > li span.basketQtty {
    width: 30px;
    height: 30px;
    right: -15px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 16px;
    z-index: 501;
}
.cart-image,
.scroll .cart:hover .cart-image,
.bodySimpleHeader nav > div.navigation > div:not(.cart_open) .cart:hover .cart-image {
    width: 30px;
    height: 30px;
    background-image: url(/img/panier-h.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.bodySimpleHeader nav .cart:hover .cart-image {background-image: url(/img/panier-h.png);}
.scroll .top-basket > div.cart,
.bodySimpleHeader nav div.cart,
.scroll .category-account div.account,
.bodySimpleHeader nav .top-basket > div.cart:hover,
.scroll .top-basket > div.cart:hover,
nav .openConnect > div {
	width: 50px;
	height: 50px;
	border: 2px solid #d2232a;
}
.bodySimpleHeader nav .top-basket > div.cart:hover,
.scroll .top-basket > div.cart:hover {background-color: transparent;}
ul li.category-account {display:none;}
.scroll ul li.category-account,
.bodySimpleHeader nav ul li.category-account{display:flex;}
.scroll .category-account > div.account,
nav .openConnect > div {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #feaa04;
	margin-right: 10px;
	transition: 0.3s;
}
.bodySimpleHeader nav .category-account > div.account {
	width: 50px;
	min-width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #feaa04;
	margin-right: 10px;
	transition: 0.3s;
}
nav .openConnect {display:none;}
nav.scroll .openConnect,
.bodySimpleHeader nav .openConnect {display:block;}
.account ul .account,
nav .openConnect > div {
	color: white;
	background-image: url(/img/account.png);
	background-repeat: no-repeat;
	background-size: 20px 22px;
	background-position: center;
}
nav .openConnect > div,
nav .category-account > div.account {cursor: pointer;}
.account ul .account:hover {
	background-color:#feaa04;
	color: white;
	background-image: url(/img/account-white.png);
	background-repeat: no-repeat;
	background-size: 20px 22px;
	background-position: center;
}
.members {
	background-image: url(/img/fond_account.png);
	background-size: cover;
}
.scroll .category-account,
.scroll .top-basket,
.bodySimpleHeader nav .category-account,
.bodySimpleHeader nav .top-basket {width:50%;}
.scroll .category-account > div.account img,
.bodySimpleHeader nav .category-account > div.account img {
	width: 20px;
	height: 22px;
	transition: 0.3s;
}
.top-basket > div.cart {
    width: 70px;
    height: 70px;
    background-color: #fff;
	border: 2px solid #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	-webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.2);
    transition: 0.3s;
    cursor: pointer;
}
.scroll .top-basket > div.cart,
.bodySimpleHeader nav .top-basket > div.cart,
.top-basket > div.cart:hover {background-color: #d2232a;}
.cart:hover .cart-image,
.scroll .cart .cart-image,
.bodySimpleHeader nav .cart .cart-image {background-image: url(/img/panier.png);z-index: 501;}

nav.mainNav:not(.scroll) .ourCart.scroll-only { display: none; }

.sectionPage.shopPage > .basket-page > section > form > div table.basket figure {width: 25%;padding: 12px 13px;border-radius: 5px;}
.sectionPage.shopPage > .basket-page > section > form > div table.basket figure img {
	border-radius: 5px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sectionPage.shopPage > .basket-page > section > form > div table.basket .quantity-modifier span {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
	display: flex;
	align-content: center;
	justify-content: center;
	transition: 0.3s;
	cursor: pointer;
	padding: 6px;
	transition: 0.3s;
}
.sectionPage.shopPage > .basket-page > section > form > div table.basket .quantity-modifier span.minus {border: 2px solid #d2232a; color: #d2232a;display: flex;align-items: center;font-family: 'rubik_medium';}
.sectionPage.shopPage > .basket-page > section > form > div table.basket .quantity-modifier span.plus {border: 2px solid #feaa04; color: #feaa04;display: flex;align-items: center;font-family: 'rubik_medium';}
.sectionPage.shopPage > .basket-page > section > form > div table.basket .quantity-modifier input {
	margin: 0 5px;
	width: 40px;
	text-align: center;
	padding: 3px 5px;
	font-size: 23px;
	background-color: #efefef;
	border: 2px solid #e0e0e0;
	border-radius: inherit;
}
.sectionPage.shopPage > .basket-page > section > form > div table.basket .quantity-modifier {
	display: flex;
	align-items: center;
}

.sectionPage.shopPage > .basket-page tbody tr {display: flex; align-items: stretch;background-color:#fff;border-radius: 5px;box-shadow: 0px 15px 16px 0px rgba(0,0,0,0.1);margin-bottom: 30px;}
.sectionPage.shopPage > .basket-page .product {display:flex;width:66%;}
.sectionPage.shopPage > .basket-page .product > article {display:flex; align-items:center;}
.sectionPage.shopPage > .basket-page .product > article > h2 {font-size: 16px;line-height: 18px;color:#222;}
.sectionPage.shopPage > .basket-page .product > article > h2:hover {color: #d2232a;}
.sectionPage.shopPage > .basket-page .del a {width: 100%; background-image: url(/img/trash.png); z-index:999; background-repeat: no-repeat; background-position: center; background-size: 16px; height:100%;}
.sectionPage.shopPage > .basket-page .del {width: 8%; display:flex; justify-content: center;background-color: rgba(0, 0, 0, 0.01);}
.sectionPage.shopPage > .basket-page .del:hover {background-color: #d2232a;}
.sectionPage.shopPage > .basket-page .del:hover a {background-image: url(/img/trash-white.png);z-index:999; background-repeat: no-repeat; background-position: center; background-size: 16px; width:100%; height:100%;}
.sectionPage.shopPage > .basket-page .qtty {width:20%;}
.sectionPage.shopPage > .basket-page thead {display:none;}
.sectionPage.shopPage > .basket-page table.basket-product {width:100%;}
.sectionPage.shopPage > .basket-page table.basket-product .prices {display: flex; flex-direction: column; width: 20%; align-items: flex-start; justify-content: center;}
.sectionPage.shopPage > .basket-page .prices > .totalpriceTTC {font-size: 19px; line-height: 25px; font-family:'rubik_medium';}
.sectionPage.shopPage > .basket-page .prices > .totalpriceHT {font-family: 'rubik_light';}
.sectionPage.shopPage > .basket-page .prices > .rate {font-size: 15px; color: #BEBEBE;}
.sectionPage.shopPage > .basket-page > section > form > div.basket-bloc {float: left; width: 66.66667%;padding: 0 15px;}
.sectionPage.shopPage > .basket-page table.basket-product td {display:flex;align-items:center;}

.sectionPage.shopPage > .basket-page .side-basket-product{background-color: #fff;padding: 20px 30px; border-radius: 5px;float: left;width: 33.33333%;}
.sectionPage.shopPage > .basket-page .side-basket-product table {width:100%}
.sectionPage.shopPage > .basket-page .side-basket-product .codepromo{
	height: 50px;
	background: linear-gradient(to bottom,rgba(190,190,190,0.5) 0%,rgba(95,95,95,0.15) 100%);
	border-radius: 5px;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
	color: #000;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 15px;
}
.sectionPage.shopPage > .basket-page .side-basket-product .codepromo > .content > div {display: flex; align-items: center; justify-content: space-between;}
.sectionPage.shopPage > .basket-page .side-basket-product .codepromo > .content > div > label {font-size: .875rem;}
.sectionPage.shopPage > .basket-page .side-basket-product .codepromo > .content {width: 100%;}
.sectionPage.shopPage > .basket-page .side-basket-product .codepromo input {
	max-width: 150px;
	width: 135px;
	border: none;
	border-radius: 5px;
	height: 32px;
	padding: 0 10px;
}
.sectionPage.shopPage > .basket-page .side-basket-product .codepromo .btn.valid.small{
	width: 135px;
	border: none;
	border-radius: 5px;
	height: 32px;
	transition: 0.3s;
	cursor: pointer;
}
.sectionPage.shopPage > .basket-page .side-basket-product .actions a.btn.valid{margin-top: 50px;width: 350px;height: 42px;display: flex;align-items: center;justify-content: center;}
.sectionPage.shopPage > .basket-page .side-basket-product .actions {
	display: flex;
    align-items: center;
	justify-content: center;
	width: 100%;
}
.sectionPage.shopPage > .basket-page .side-basket-product table tr:not(:first-child):not(:last-child):not(.trht) {border-bottom: 1px solid #BEBEBE;}
.sectionPage.shopPage > .basket-page .side-basket-product table tr.trht td {padding-bottom: 0;}
.sectionPage.shopPage > .basket-page .side-basket-product table tr.trtva td,
.sectionPage.shopPage > .basket-page .side-basket-product table tr.discount td {padding-top:0; color:#BEBEBE; text-transform: uppercase;}
.sectionPage.shopPage > .basket-page .side-basket-product table tr.shipht td.subprice {
    color:#feaa04;
	font-style: italic;
    text-transform: uppercase;
	font-weight: bold;
}
.sectionPage.shopPage > .basket-page .side-basket-product table td {padding: 15px 0px;}
.sectionPage.shopPage > .basket-page .side-basket-product .number_item {
	display: flex; 
	align-items: center;
	justify-content: space-between;
	height: 45px;
	border: 1px solid #d2232a;
    box-sizing: border-box;
    border-radius: 20px;
	padding: 0 20px;
	position: relative;
	font-size: 16px;
	color:#d2232a;
    margin-bottom: 30px;
}
.sectionPage.shopPage > .basket-page .side-basket-product .number_item::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 28px;
    width: 1px;
    background-color: 
    #BEBEBE;
}
.sectionPage.shopPage > .basket-page .basket-bloc > a.continue_shop {
	margin-top: 35px;
	width: 210px;
	height: 40px;
	border: 1px solid #d2232a;
	display: flex;
    align-items: center;
    justify-content: center;
	font-size: 14px;
	line-height: 18px;
	color:#d2232a;
	border-radius: 5px;
	transition: 0.3s;
	background: transparent;
	padding: 0;
}
.sectionPage.shopPage > .basket-page .basket-bloc > a.continue_shop:hover {
    background-color: #d2232a;
	color:#fff;
}

/****** Nav basket Product **************/
.bodySimpleHeader nav.mainNav section.shop-mini-basket.basket-dropdown {
	top: 80px;
}
nav.mainNav.scroll section.shop-mini-basket.basket-dropdown {
	top: 80px;
}
nav.mainNav section.shop-mini-basket.basket-dropdown {
	position: absolute;
	width: 400px;
	background-color:#ffffff;
	transform: translate(0);
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: -20px 35px 60px 0px rgba(0,0,0,0.1);
	margin-top: 0px;
	z-index: 500;
	right: -20px;
}
nav.mainNav section.shop-mini-basket.basket-dropdown > nav.actions,
nav.mainNav section.shop-mini-basket.basket-dropdown > div.side-basket-product,
nav.mainNav section.shop-mini-basket.basket-dropdown > div.basket-bloc {background-color: #fff;}
nav.mainNav section.shop-mini-basket.basket-dropdown td.picture {width: 70px; min-width: 70px; margin-right: 15px;}
nav.mainNav section.shop-mini-basket.basket-dropdown td.picture > img {width: 100%; height: 100%; object-fit: cover;}
nav.mainNav section.shop-mini-basket.basket-dropdown table.basket-product > tbody > tr {
	background-color: rgba(0, 0, 0, 0.01);
	display: flex;
	align-items: center;
	position: relative;
	border-bottom: 1px solid #ededed;
	padding: 10px;
	transition: background-color 0.5s linear;
	justify-content: space-between;
}
nav.mainNav section.shop-mini-basket.basket-dropdown table.basket-product > tbody > tr > td.prices {display:none;}
nav.mainNav section.shop-mini-basket.basket-dropdown td.product {font-size: .875rem; flex: 2;}
nav.mainNav section.shop-mini-basket.basket-dropdown td.product > div.price {font-weight: bold;}
nav.mainNav section.shop-mini-basket.basket-dropdown > div.basket-bloc > a.btn.continue_shop,
nav.mainNav section.shop-mini-basket.basket-dropdown td.product > span,
nav.mainNav section.shop-mini-basket.basket-dropdown > div.side-basket-product > div.number_item,
nav.mainNav section.shop-mini-basket.basket-dropdown > div.side-basket-product > div > nav.actions > a.btn.valid {display:none;}
nav.mainNav section.shop-mini-basket.basket-dropdown table.basket-product .quantity-modifier {
    display: flex;
    align-items: center;
}
nav.mainNav section.shop-mini-basket.basket-dropdown table.basket-product .quantity-modifier span.minus {
    border: 2px solid #d2232a;
	color: #d2232a;
    display: flex;
    align-items: center;
    font-family: 'rubik_medium';
}
 .quantity-modifier span.plus {
    border: 2px solid #feaa04;
	color: #feaa04;
    display: flex;
    align-items: center;
    font-family: 'rubik_medium';
}
nav.mainNav section.shop-mini-basket.basket-dropdown table.basket-product .quantity-modifier span {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    transition: 0.3s;
    cursor: pointer;
    padding: 6px;
    transition: 0.3s;
}
nav.mainNav section.shop-mini-basket.basket-dropdown table.basket-product .quantity-modifier input {
	width: 38px;
	background-color: #efefef;
	border: 2px solid #e0e0e0;
	margin: 0 5px;
	height: 26px;
    border-radius: inherit;
    text-align:center;
}
nav.mainNav section.shop-mini-basket.basket-dropdown > div.side-basket-product tfoot > tr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 80%;
	margin: auto;
	border-bottom: 1px solid #BEBEBE;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
nav.mainNav section.shop-mini-basket.basket-dropdown > div.side-basket-product > table.basket,
nav.mainNav section.shop-mini-basket.basket-dropdown table.basket-product {width: 100%;}
.side-basket-product {
	padding-top: 20px;
	border-top: 1px solid rgba(197, 0, 80, 0.5);
	background: #fff;
}
nav.mainNav section.shop-mini-basket.basket-dropdown > nav.actions > a.btn.full {
	width: 80%;
	height: 42px;
    display: flex;
	align-items: center;
    justify-content: center;
	margin: auto;
    padding: 0;
	margin-bottom: 25px;
}
nav.mainNav section.shop-mini-basket.basket-dropdown > nav.actions {text-align: center; padding: 10px 0;}
nav.mainNav section.shop-mini-basket.basket-dropdown > div.side-basket-product table tr.trtva td,
nav.mainNav section.shop-mini-basket.basket-dropdown > div.side-basket-product table tr.discount td {padding-top: 0; color: #BEBEBE; text-transform: uppercase;}
nav.mainNav section.shop-mini-basket.basket-dropdown > div.side-basket-product table tr.trht td {padding-bottom: 0;}
nav.mainNav section.shop-mini-basket.basket-dropdown > div.side-basket-product table tr.trht {border:none; padding-bottom: 0; margin-bottom: 5px; border-bottom: none;}
nav.mainNav section.shop-mini-basket.basket-dropdown td.qtty {float:right;}

/**************** Fil d'Ariane ************************/
ul.ariane {
	margin: 30px 0;
	display: flex;
	align-items: center;
	font-family: 'rubik_regular';
	position: absolute;
	z-index: 1;
	left: 50%;
	transform: translate(-50%);
	width: 1200px;
	padding-right: 15px;
	padding-left: 15px;
}
ul.ariane::after {
    content: "";
    display: table;
    clear: both;
}
ul.ariane li {
	margin-right: 15px;
	padding-right: 15px;
	position: relative;
	font-size: 14px;
}
ul.ariane li a::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #BEBEBE;
    position: absolute;
    top: 0;
    right: 0;
}

ul.ariane li a {
    color: #000;
}
ul.ariane li:last-child {
    color: #d2232a;
    font-family: "rubik_medium";
}

/************ ProdsList ***************/
.homePage section.product-list > div > div.prodsList {
	display: flex;
	flex-wrap: wrap;
	width: 1200px;
	margin: auto;
}
.homePage section.product-list > div > div.prodsList > article.prod {
	width: 24%;
	margin: 0.5%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.1);
	border-radius: 5px;
}
.homePage section.product-list > div > div.prodsList > article.prod::after {
	content: '';
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	bottom: -1px;
	background: linear-gradient(to bottom,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 78%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	transition: 0.3s;
	opacity: 0;
	pointer-events: none;
	border-radius: 5px;
}
.homePage section.product-list > div > div.prodsList > article.prod:hover::after {opacity:1;}
.homePage section.product-list > div > div.prodsList > article.prod > div.desc {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	bottom: 20px;
	opacity: 0;
	transition: 0.3s;
	z-index: 2;
	background:transparent;
}
.homePage section.product-list > div > div.prodsList > article.prod > div.desc h2 a {
font-size: 17px;
font-family: 'rubik_regular';
text-transform: uppercase;
text-align: center;
color:#222;
}
.homePage section.product-list > div > div.prodsList > article.prod > div.desc h2 {text-align: center;line-height: 28px;}
.homePage section.product-list > div > div.prodsList > article.prod > div.desc .price {
font-size: 20px;
line-height: 28px;
font-family: 'rubik_regular';
font-weight: bold;
text-transform: uppercase;
}
.homePage section.product-list > div > div.prodsList > article.prod > div.desc .price .priceTTC{display:none;}
.homePage section.product-list > div > div.prodsList > article.prod:hover > div.desc {opacity: 1;}
/*
.homePage section.product-list > div > div.prodsList > article.prod > .desc::before {
	content: "\f217";
	font-family: "Ionicons";
	border: 3px solid #feaa04;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
	color: #feaa04;
	font-size: 25px;
	padding-left: 1px;
	margin-bottom: 15px;
}
*/
.homePage section.product-list > div > div.prodsList > article.prod > .desc .addIcon.addToBasket {
	width: 40px;
	height: 40px;
	border: none;
	padding: 0;
	margin-bottom: 15px;
}
.homePage section.product-list > div > div.prodsList > article.prod > .desc .addIcon.addToBasket::before {
	content: "\f217";
	font-family: "Ionicons";
	border: 3px solid #feaa04;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
	color: #fff;
	font-size: 25px;
	padding-left: 1px;
	box-sizing: border-box;
	background: #feaa04;
}

.homePage section.product-list > div > div.prodsList > article.prod > div.desc > section > span.add-to-basket {display:none;}
.homePage section.product-list > div > div.prodsList > article.prod > div.picture-frame > figure > a > img {
	width: 100%;
	min-height: 221px;
	border-radius: 5px;
	display: block;
	max-width: 100%;
	height: auto;
}
.homePage section.product-list > div > div.prodsList > article.prod > .picture-frame > figure > a {height:auto;}
.homePage .container-e-products .product-list {float:none; width:100%;}
.homePage section.product-list > h1 {
	margin-top: 65px;
	padding:0;
	color:#d2232a;
	font-family: 'Manksa';
	margin-bottom: 10px;
	font-variant: inherit;
	text-transform: inherit;
	border:none;
	text-align:center;
}


section.product-list > div > div.prodsList > article.prod > div.desc > section > .price > .actual > .priceTTC,
section.product-list > div > div.prodsList > article.prod > div.desc > section > .add-to-basket > div,
section.product-list > div > div.prodsList > article.prod > div.desc > section > .add-to-basket > .minus,
section.product-list > div > div.prodsList > article.prod > div.desc > section > .add-to-basket > .plus,
section.product-list > div > div.prodsList > article.prod > div.desc > section > .add-to-basket > input {display:none;}
section.product-list > div > div.prodsList > article.prod > div.desc > section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	padding-bottom: 20px;
}
.homePage section.product-list > div > div.prodsList > article.prod > div.desc > section {padding-bottom:0;}
section.product-list > div > div.prodsList > article.prod > div.desc > section > .price > .actual > .priceHT {
	font-size: 22px;
	font-weight: bold;
	font-family: 'rubik_medium';
	position: relative;
	color:#000;
}
section.product-list > div > div.prodsList > article.prod > div.desc > section > .price > .actual > .priceHT > span.textHT {
	position: absolute;
    right: -20px;
    top: -10px;
    font-size: 12px;
    font-weight: 400;
}
section.product-list > div > div.prodsList > article.prod > div.desc {
background-color: #fff;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding-top: 20px;
}
section.product-list > div > div.prodsList > article.prod > div.desc > header > div {display:none;}
section.product-list > div > div.prodsList > article.prod > .picture-frame > figure > a {
    width: 100%;
    height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/************ Latest News **************/
.homePage > section.latest-news,
section.bloc-articles {margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
section.bloc-articles > .bloc-blog-post {display:flex; flex-wrap: wrap;}
.bloc-blog-post .blog-individual-post {width:400px;padding: 10px 30px;position: relative;}
section.bloc-articles > .bloc-blog-post .blog-individual-post {width:33.33333%;}
section.bloc-articles > .bloc-blog-post .blog-individual-post {padding: 0 15px; margin-bottom: 40px;}
.bloc-blog-post .blog-individual-post > .blog-post {box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);}
.bloc-blog-post .blog-individual-post > .blog-post .blog-image {
	position: relative;
	min-height: 205px;
	height: 265px;
}
.bloc-blog-post .blog-individual-post img {width: 100%;object-fit: cover;border-top-left-radius: 5px;border-top-right-radius: 5px;height: 100%;transition: 0.3s;}
.bloc-blog-post .blog-individual-post > .blog-post > .blog-title > h3 > a {color:#000;}
.bloc-blog-post .blog-individual-post > .blog-post > .blog-title > h3 {
	font-size: 20px;
	color:#000;
	font-weight: bold;
	font-family: 'rubik_medium';
	width: 90%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.bloc-blog-post .blog-individual-post > .blog-post > .read_more {
	width: 100%;
	height: 60px;
	border-radius: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color:
	#d2232a;
	transition: 0.3s;
	background-color:#F9F9F9;
	text-transform: uppercase;
}
.blogdt::after {
    content: '';
    height: 1px;
    width: 100%;
    left: 0;
    z-index: 1;
    top: 50%;
    transform: translate(0, -50%);
    position: absolute;
    background-image: linear-gradient(to right, #d2232a 40%, rgba(255, 255, 255, 0) 20%);
    background-position: top;
    background-size: 3px 1px;
    background-repeat: repeat-x;
}
.blogdt {
    height: 15px;
    position: relative;
    width: 90%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blogdt span {
    font-size: 12px;
    color: #d2232a;
	font-family: 'rubik_regular';
	position: relative;
	z-index: 2;
	background-color:#fff;
    padding: 0 2px;
}
.blog-content {
	width: 90%;
    margin: auto;
    text-align: left;
    min-height: 80px;
    margin-bottom: 20px;
}
.blog-content > p {
    font-size: 12px;
    color: #000;
    font-family: 'rubik_regular';
}
.articlesPage > section.bloc-content > .ct-blocs {position:relative;}
.articlesPage > section.bloc-content > .ct-blocs div.hgroup {
	position: absolute;
	padding: 2vw;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.articlesPage > section.bloc-content > .ct-blocs div.hgroup h1 {
	text-align: center;
	font-size: 104px;
	color:#d2232a;
	font-size: 50px;
	font-family: Manksa;
	margin: 0;
	padding: 1vh 0 3vh 0;
	line-height: 68px;
	text-transform: inherit;
}
.articlesPage > section.bloc-content {margin-bottom: 50px;}
.articlePage > section.bloc-content > .ct-blocs img {width: auto; margin: auto; margin-top: auto; margin-top: 20px;}
.articlePage > section.bloc-content {
	display: block;
	-webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.15);
	padding: 0;
	border: 1px solid #eee;
	margin-bottom: 20px;
	border-radius: 4px;
}
.articlePage > section.bloc-content > .ct-blocs .hgroup > h1 {font-size: 35px; margin-top: 35px; margin-bottom: 35px; text-align: center; font-family: "rubik_medium"; font-weight: bold;}
.articlePage > section.bloc-content > .ct-blocs .hgroup > h2,
.articlePage > section.bloc-content > .ct-blocs .hgroup > h3 {display:none;}
.articlePage > section.bloc-content > .ct-blocs .content {
	font-size: 12px;
	color: #000;
	font-family: 'rubik_regular';
	font-weight: 300;
	width: 90%;
	margin: auto;
	margin-bottom: 20px;
	text-align: left;
	min-height: 80px;
}

/******* Article ***************/
div.product-wrapper > ul.ariane {width:1200px; padding: 0;}
div.product-wrapper > article.prod {width:1200px; margin:0 auto;}
div.product-wrapper > article.prod > section.product-description {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 50px;
}
div.product-wrapper > article.prod > section.product-description .addToBasket {
	width: 200px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #fff;
	background-color: #d2232a;
	letter-spacing: 1px;
	transition: 0.3s ease;
	border-radius: 4px;
	margin: 0 10px
}
div.product-wrapper > article.prod > section.product-description .date-unavailable { font-size: 12px; }
div.product-wrapper > article.prod > section.product-description .addToBasket:hover {background-color:#feaa04;}
div.product-wrapper > article.prod > section.product-description > h1 {padding:0; font-family: 'rubik_medium';font-size: 32px;color:#000;margin-right: 20px;text-transform: uppercase;width: 780px;text-align: left;}
div.product-wrapper > article.prod > section.product-description > .add-to-basket {display:flex; align-items:center;}
div.product-wrapper > article.prod > section.product-description .quantity-modifier,
div.product-wrapper > article.prod > section.product-description .ref,
div.product-wrapper > article.prod > section.product-description .price .actual .ttc {display:none;}
div.product-wrapper > article.prod > section.product-description .price .actual .ht {position:relative;font-size: 34px;font-weight: initial;font-family: 'rubik_medium';color:#000;}
div.product-wrapper > article.prod > section.product-description .price .actual .ht > span {
	position: absolute;
	right: -20px;
	top: -10px;
    font-size: 18px;
	font-weight: 400;
	color:#000;
}
div.product-wrapper > article.prod > .product-item > .slider-for {width:530px; margin-right:30px;}
div.product-wrapper > article.prod > .product-item > .slider-for img {width:100%;}
div.product-wrapper > article.prod > .product-item {float:left; display: flex; justify-content: space-between; width: 58.33333%;padding-right: 15px;}
div.product-wrapper > article.prod > .product-item .thumbnails {margin: 20px 0;width: 200px; margin-bottom: 0;}
div.product-wrapper > article.prod > .product-item .thumbnails .thumb-container {
    border-radius: 5px;
    margin: 5px 0;
    cursor: pointer;
    border: none;
    height: 127px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 200px;
}
div.product-wrapper > article.prod > .product-item .prev.slick-arrow {
    position: absolute;
    top: -30px;
    left: 50%;
    right: inherit;
    transform: translate(-50%) rotate(90deg);
}
div.product-wrapper > article.prod > .product-item .next.slick-arrow {
    position: absolute;
    bottom: -20px;
    top: inherit;
    left: 50%;
    right: inherit;
    transform: translate(-50%) rotate(90deg);
}
.slick-arrow i {
    font-size: 22px;
    color: #252525;
}
div.product-wrapper > article.prod > div.hidden-sm-down {float: left; width: 8.33333%; position: relative; min-height: 1px;}
div.product-wrapper > article.prod > .product-information {float: left; width: 33.33333%;padding: 0px 15px;}
div.product-wrapper > article.prod div.desc {display:block; clear:both;width: 58.33333%; margin-bottom: 30px;}
div.product-wrapper > article.prod div.desc > div.nav-tabs {
	background-color: #F8F8F8;
	height: 80px;
	display: flex;
    align-items: stretch;
    justify-content: space-between;
	padding: 0 25px;
	margin-bottom: 25px;
}
div.product-wrapper > article.prod div.desc > div.nav-tabs > h2 {
	position: relative;
	display: flex;
    align-items: center;
	justify-content: center;
	margin-bottom: 0;
}
div.product-wrapper > article.prod div.desc > .tabs-content {
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.16);
    padding:15px;
}
div.product-wrapper > article.prod .quantityModifier {display: none;}
/******* Home page ************/
.homePage h2 {text-align: center; color: #d2232a; font-family: 'Manksa';margin-bottom: 10px;text-transform: initial;}
.homePage .page-form {border-top: 1px solid #eee;box-shadow: 0px -50px 50px 0px rgba(0,0,0,0.06);margin-bottom:0; display:flex; justify-content:center;padding:30px; align-items:center;}
.homePage .page-form > form > section {position:relative;}
.homePage .page-form > form > section > div.actions {position:absolute; top:0; right:35px;}
.homePage .page-form > article .content,
.homePage .page-form > article .content p {margin:0; color:#d2232a; font-weight: bold;}
.homePage .page-form > article.struct-blocs.struct-wrap,
.homePage .page-form > form {width:35%; margin:0;}
.homePage .digiForm article label, 
.page-form .digiForm[data-codeform="devis"] article label {display: none;}
.page-form .digiForm .formRadio ul li label {display: inherit;}
.homePage .digiForm article > div {width:100%;}
.homePage .digiForm article input {border-radius:25px; height:auto; padding:16px; box-shadow: inset 0 0 10px #eee;}
.homePage .page-form  input[type="submit"] {border-radius:20px; font-size:16px;}
.homePage .page-form .actions {margin:16px 0;padding:7px;}
.homePage > section,
.homePage > section.struct-blocs.struct-wrap {margin-bottom:50px;}
.homePage + footer {padding-top:0}
.homePage > div.container-e-products > div.sideNav {display:none;}

/***************** ProdsList **********/
section.product-list > div > div.prodsList {display: flex;flex-wrap: wrap;}
section.product-list > div > div.prodsList > article.prod {width: 31%;margin: 1%;padding: 0;box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);border-radius: 5px;}
section.product-list > div > div.prodsList > article.prod img {
	min-width: 30px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
section.product-list > div > div.prodsList > article.prod h2 {
	text-align: left;
	padding: 0 20px;
	font-size: 17px;
	font-family: 'rubik_regular';
	margin-bottom: 20px;
	height: 40px;
}
section.product-list > div > div.prodsList > article.prod .addToBasket {
	background-color:transparent;
    border: 2px solid #feaa04;
	height: 30px;
	padding: 0 10px;
	display: flex;
	align-content: center;
	justify-content: center;
	color: #fff;
	transition: 0.3s;
    cursor: pointer;
	border-radius: 5px;
	font-size: 0.875rem;
}
section.product-list > div > div.prodsList > article.prod .date-unavailable { font-size: 0.6rem; }
.bodySimpleHeader section.product-list > div > div.prodsList > article.prod .addToBasket {background: #feaa04;}
section.product-list > div > div.prodsList > article.prod .addToBasket > span {display: flex; align-items:center;}
.bodySimpleHeader section.product-list > div > div.prodsList > article.prod .addToBasket:hover {background: #fff; color:#feaa04;}

/************** highlight bloc *********************/
.highlight-bloc {display: flex; justify-content: space-between; height: 480px;overflow: hidden;}
.highlight-bloc > .ct-blocs {width:100%;}
.highlight-bloc > .ct-blocs > .struct-blocs {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.highlight-bloc > .ct-blocs > .struct-blocs:first-child::before {
	content: '';
	position: absolute;
	z-index: 2;
	height: 105%;
	width: 10px;
	right: 20px;
	top: 50%;
	background-color: #fff;
	transform: rotate(-175deg) translate(0, 50%);
}
.highlight-bloc > .ct-blocs > .struct-blocs:first-child::after {
    content: '';
    position: absolute;
    z-index: 1;
    height: 105%;
    width: 25px;
    right: 20px;
    top: 50%;
    background-color: #d2232a;
    transform: rotate(-175deg) translate(0, 50%);
}
.highlight-bloc > .ct-blocs > .struct-blocs:nth-child(2)::before {
    content: '';
    position: absolute;
    z-index: 1;
    height: 105%;
    width: 25px;
    left: -25px;
    top: 50%;
    background-color: #e1E1E1;
    transform: rotate(-175deg) translate(0, 50%);
}
.highlight-bloc > .ct-blocs > .struct-blocs > .ct-blocs {
	width: 75%;
	height: 75%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.highlight-bloc > .ct-blocs > .struct-blocs > .ct-blocs > .bloc-image {width: 50%; flex: inherit;}
.highlight-bloc > .ct-blocs > .struct-blocs > .ct-blocs > .bloc-content .content {font-size: 18px; line-height:20px;}
.highlight-bloc > .ct-blocs > .struct-blocs > .ct-blocs > .bloc-content {width: 45%; flex: inherit;}
.highlight-bloc > .ct-blocs > .struct-blocs > .ct-blocs > .bloc-content h2 {font-family: 'DK Lemon Yellow Sun'; text-transform: uppercase; margin-bottom: 30px;}
.highlight-bloc > .ct-blocs > .struct-blocs > .ct-blocs > .bloc-content a {width: 220px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-family: 'rubik_regular'; font-weight: 100; transition: 0.3s; margin-bottom: 15px; border: 1px solid #fff; border-radius: 10px;}
.devis-button {background-color: #ffffff;color: #d2232a;}
.devis-button:hover {background-color: transparent; color: #ffffff;}
.carte-button {color: #ffffff;}
.carte-button:hover {background-color: #ffffff; color: #d2232a}


/************ OWL Carousel ****************/
.latest-news .owl-carousel {width: 1200px; margin: 0 auto;}
.latest-news div.owl-item {width: 400px;}
.owl-theme .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
}
.latest-news .owl-carousel .owl-nav button{
	top: 50%;
	transform: translate(0, -50%);
	position: absolute;
	cursor: pointer;
	padding: 10px;
	z-index: 4;
}
.latest-news .owl-carousel .owl-nav button:hover {background: none;}
.latest-news .owl-carousel .owl-nav button > span {font-size: 50px; color: #d2232a;}
.latest-news .owl-carousel .owl-nav button.owl-next {right:-3%;}
.latest-news .owl-carousel .owl-nav button.owl-prev {left:-3%;}
.latest-news .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #d2232a;
	border: 2px solid #d2232a;
}
.latest-news .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    background: transparent;
	border: 2px solid #d2232a;
    margin: 0 6px;
    transition: 0.3s;
    width: 10px;
    height: 10px;
    box-sizing: content-box;
}
.more_post {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
 .more_post .more {
    width: 300px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    font-size: 27px;
    font-family: 'rubik_regular';
    color: #fff;
    background-color: #feaa04;
	border: 1px solid #feaa04;
    border-radius: 5px;
    transition: 0.3s;
}
.more_post .more:hover {
    background-color: #fff;
    border: 1px solid #feaa04;
	color: #feaa04;
}
.blog-post:hover .blog-image img {
    filter: grayscale();
}
.bloc-blog-post .blog-individual-post > .blog-post:hover .read_more {
    background-color: #d2232a;
	color: #fff;
}
/************* Create Account ****************/
.processPage > section > h1 {
	margin: 50px 0;
	font-size: 40px;
	color: #d2232a;
	text-transform: uppercase;
	font-family: 'rubik_medium';
	text-align: left;
	font-weight: 600;
}
.processPage .infoperso,
.processPage .infoAdresses {display:flex; align-items:center;text-transform: uppercase;cursor: pointer;font-size: 16px;font-family:"rubik_medium"}
.processPage i.ion-android-done {margin: 0 15px 0 10px;font-size: 24px;font-weight: 500;color:#feaa04;}
.processPage .step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
	background-color:#d2232a;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    border-radius: 10px;
    margin-right: 15px;
}
.processPage .infoperso h2,
.infoAdresses h2 {font-size:16px; margin:0;}
.processPage > section > form {float: left;width: 66.66667%;margin-bottom: 1.563rem;}
.processPage > section > form > section {
	border: 1px solid #eee;
	background-color: #fff;
	padding: 10px;
	border-radius: 4px;
	margin-bottom: 2px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.processPage > section > form > section.active {display:inherit;}
.processPage > section > form > section.active > article.noaccount,
.processPage > section > form > section.active > article.waccount {padding: 1.5rem 2.7rem;}
.processPage > section > form > section.active > article.waccount {padding-top:0;}
.processPage > section > form > section.active > article.noaccount > div {display:flex; align-items: center;}
.processPage > section > form > section.active > article.noaccount > div > a {margin-left: 15px;}
.processPage > section > form > section.active > article.accountConnexion > div > small {color: #7a7a7a; font-size: 80%; font-weight: 400;}
.processPage > section > form > section.active > article.accountConnexion > div > p > a {color: #d2232a; font-weight: 500; font-family: rubik_medium;}
.processPage > section > form > section.active > article.accountConnexion {padding: 0 2.313rem; margin-top: 35px; margin-bottom: 20px;}
.processPage > section > form > section.active > article.accountConnexion > div > .btn{margin-bottom: 1rem;}
.step-edit .ion-edit {color: #d2232a;}
.step-edit {width:15%;padding: 10px 0;}
.step-edit > div.right {text-align:right;}
.step-edit-title {width:85%;}
.newAccountPage > section > form > section > .nav-item {margin-top:35px;padding: 0 2.313rem;display: flex;align-items: center;margin-bottom: 15px;}
.newAccountPage > section > form > section > .digiForm {padding: 0 2.313rem;}
.newAccountPage > section > form > section > li{padding: 0 2.313rem;list-style: none; display:flex; align-items:center;margin-top: 15px;}
.newAccountPage > section > form > section > li .text {margin: 1rem;}
.newAccountPage > section > form > section > .nav-item > .nav-link {
	margin-left: 15px;
	color:#fff;
	background-color:#d2232a;
	border: 1px solid #d2232a;
	text-transform: capitalize;
	letter-spacing: 1px;
	font-size: 14px;
	transition: 0.3s ease;
	border-radius: 4px;
	padding: 5px 20px;
	height: 35px;
	display: flex;
	align-items: center;
}
.processPage > section > form > section > .digiForm {margin-top: 35px;margin-bottom: 20px;}
.processPage > section > form > section .digiForm label {padding-top: .625rem;font-weight: bold;color:#d2232a;text-align: left;width:25%;font-size: .875rem;}
.processPage > section > form > section > .digiForm > .formRadio > div > ul > li > label,
.processPage > section > form > section > .digiForm > .formCheckbox > label {color:#222;font-weight:normal;padding:0;}
.processPage > section > form > section > .digiForm > .formRadio > div > ul {display:flex;}
.processPage > section > form > section > .digiForm > .formRadio > div > ul > li {display:flex; align-items:center;}
.processPage > section > form > section > .digiForm > .formCheckbox > label {width: 91.66667%;}
.processPage > section > form > section > .digiForm > .formCheckbox > div {width: 8.33333%;}
.processPage > section > form > section > .digiForm > .formCheckbox > div > input {cursor: pointer;width: 16px;height: 16px;}
.processPage > section > form > section > .digiForm > .formCheckbox {display:flex; flex-direction:row-reverse;width: 50%;margin-left: 25%;}
.processPage > section > form > section .digiForm input{
	display: block;
	width: 100%;
	padding: .5rem .75rem;
	line-height: 1.25;
	background-color: #fff;
	border: 1px solid #eee;
	background-image: none;
	background-clip: padding-box;
	border-radius: 0;
	font-size: 14px;
}
.processPage > section > form > section .digiForm input:focus {border-color:#feaa04;outline: none;}
.processPage > section > form > section > .digiForm p {font-size: 0.875rem;}
.processPage > section > form > section > nav.submit {text-align: right;}
.processPage > section > form > section > .digiForm .formTxt {margin-left:0;}
.processPage > section > form > section > .digiForm .formTxt p {font-size: 0.875rem;}
.processPage > section > form > section > .digiForm .formTxt a {color:#d2232a; font-family: "rubik_medium";}
.processPage > section > form > section > div.contentPayment {padding: 0 2.313rem; margin-top: 35px; margin-bottom: 20px;}
.processPage > section > form > section > div.contentPayment > div.info_tel > p {font-size: .875rem; margin: 0;}
.processPage > section > form > section > div.contentPayment > .payModes > li {margin-bottom: .5rem;font-size: .875rem;}
.processPage > section > form > section > div.contentPayment .info_tel {
    margin-top: 20px;
    padding: 10px;
    border: 2px solid #d2232a;
}
.processPage > section > form > section > div.contentPayment .cgv {padding-top: 1rem;padding-bottom: 1rem;}
.processPage > section > form > section > div.contentPayment article.central {text-align:center;}
.processPage > section > form > section > div.contentPayment > .payModes > li > span {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 50%;
	border: 2px solid #7a7a7a;
	background:#fff;
	margin-right: 1.25rem;
}
.processPage > section > form > section > div.contentPayment > .payModes input[type="radio"] {opacity:0;width: 30px;position: absolute;left: -10px;height: 30px;top: -10px;}
.processPage > section > form > section > div.contentPayment > .payModes input[type="radio"]:checked + span {
    display: block;
    background-color: #d2232a;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: .125rem;
    top: .125rem;
}
.processPage > section > form > section > div.contentPayment .cgv {position: relative;}
.processPage > section > form > section > div.contentPayment .cgv input[type="checkbox"] {
    margin-top: .25rem;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    width: 20px;
	height: 20px;
	left: -5px;
}
.processPage > section > form > section > div.contentPayment .cgv input[type="checkbox"] + span {
    margin-right: 3px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #222;
}
.processPage > section > form > section > div.contentPayment .cgv input[type="checkbox"]:checked + span .checkbox-checked {
    display: block;
}
.processPage > section > form > section > div.contentPayment .cgv input[type="checkbox"] + span .checkbox-checked {
    display: none;
    margin: 1px 1px;
    font-size: 12px;
    color: #fff;
	background: #d2232a;
    width: 12px;
    height: 12px;
}
.payment-request { display: flex; justify-content: center; padding: 40px 0; }


.cloneAddress {display: flex; padding: 1rem 2rem;}
.cloneAddress > div {display:flex;}
.cloneAddress > label {margin-left: 10px;}
.additional-information {
    font-size: .875rem;
    margin-left: 2.875rem;
    margin-top: 1.25rem;
}
.additional-information p {margin-bottom: 1rem;font-size: .875rem;}
.definition-list dl dd, .definition-list dl dt {
    flex: 0 0 45%;
    background: #f1f1f1;
    padding: .625rem;
    margin: .125rem;
}
.definition-list dl {
    display: flex;
    flex-wrap: wrap;
}

section div.card-block div.basket-bloc td.product > figure {width: 80px;min-width: 80px;padding-right: 10px;}
section div.card-block div.basket-bloc td.product > figure img {width:100%;}
section div.card-block div.basket-bloc td.product > article > h2 {font-size: .875rem; color:#222;font-family: "rubik_regular";}
section div.card-block div.basket-bloc td.product {display: flex; align-items: center;}
section div.card-block div.basket-bloc td.prices > span.rate,
section div.card-block div.basket-bloc thead,
section div.card-block div.basket-bloc .number_item >div:last-child,
section div.card-block div.basket-bloc td.qtty,
section div.card-block div.basket-bloc > div > nav.actions,
section div.card-block div.basket-bloc > table > tbody.notdisplay {display:none;}
section div.card-block div.basket-bloc > table > tfoot td,
section div.card-block div.basket-bloc .number_item > div {font-size: .875rem;}
section div.card-block div.basket-bloc .number_item {margin-bottom: 15px;}
div.card-block div.title {
	margin-bottom: 30px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'rubik_medium';
	color:#d2232a;
	font-size: 16px;
}
div.card-block .detailBasket {float:right;color:#d2232a;font-weight: bold;font-size: 0.875rem;}
div.card-block {
	float: left;
	width: 33.33333%;
	padding-right: 15px;
	padding-left: 15px;
}
div.card-block > div {
	position: relative;
	display: block;
	margin-bottom: .75rem;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	padding:15px;
}
section div.card-block div.basket-bloc div.codepromo > .content > div > form {
	height: 50px;
	background: linear-gradient(to bottom, rgba(190,190,190,0.5) 0%, rgba(95,95,95,0.15) 100%);
	border-radius: 5px;
	color:#000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0 15px;
}
section div.card-block  div.basket-bloc div.codepromo > .content > div {padding: 15px 0;}
section div.card-block  div.basket-bloc div.codepromo > .content > div button {
	width: 135px;
	border: none;
	border-radius: 5px;
	height: 32px;
	transition: 0.3s;
	background-color:#d2232a;
	color:#fff;
	cursor: pointer;
}
section div.card-block  div.basket-bloc div.codepromo > .content > div input {
	width: 135px;
	border: none;
	border-radius: 5px;
	height: 32px;
	padding: 0 10px;
}
section div.card-block div.basket-bloc div.codepromo > .content > div label {font-size: .875rem;}
section div.card-block div.basket-bloc > table.basket-product {width:100%;}
section div.card-block div.basket-bloc > table.basket-product td.prices {text-align:right;}
section div.card-block div.basket-bloc > table.basket-product tfoot tr.trht:last-child > td {
	font-size: 0.875rem;
	text-transform: uppercase;
	font-weight: bold;
	color: #d2232a;
}
/********** Réservation ************/
.calendar-icon {
    background-image: url('../../img/calendar.png');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}
.marker-icon {
    background-image: url('../../img/map-marker.png');
    background-repeat: no-repeat;
    width: 19px;
    height: 26px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%);
}
.delivery_filter {
    position: absolute;
    bottom: 29%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    display:flex;
}
.locationField,
.dateField {position:relative; float:left;}
.locationField input,
.dateField input {
	width:263px;
	background:#ffffff;
	height: 45px;
	padding: 0 10px;
	font-size: 14px;
	color:#000;
	font-weight: 200;
	border: none;
	border-radius: inherit;
}
.locationField input{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right: 1px solid #e6e6e6;
}
.dateField input{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

/************ Formulaire Devis ***************/
.page-form .digiForm[data-codeform="devis"] article > div {width:auto;}
.page-form .digiForm[data-codeform="devis"] .grp_group_1 {
	float: left;
	width: 41.66667%;
}
.page-form .digiForm[data-codeform="devis"] .grp_group_2 {
	float: left;
	width: 58.33333%;
}
.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffCompanyOpen"] + div,
.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffEmail"] + div,
.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffMainAddress"] + div {
	float: left;
	width: 41.66667%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1rem;
}
.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOSpec_contactPrestation"] + div,
.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOSpec_TelephoneContactPrestation"] + div
{
	float: left;
	width: 25%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1rem;
}
.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffLastName"] + div,
.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffFirstName"] + div {
	float: left;
	width: 29.166665%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1rem;
}
.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffMobile"] + div {
	float: left;
	width: 58.33333%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1rem;
	max-width: inherit;
}
.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffMainCity"] + div {
	float: left;
	width: 38.88889%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1rem;
	max-width: inherit;
}
.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffSecZip"] + div {
	float: left;
	width: 19.44444%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1rem;
	max-width: inherit;
}
.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOpportunityDeliveryStart"] + div,
.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOpportunityDeliveryEnd"] + div,
.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOSpec_AdresseLieux"] + div,
.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOSpec_adresseComplement"] + div {
	float: left;
	width: 50%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1rem;
	max-width: inherit;
}
.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOpportunityBudget"] + div {
	float: left;
	width: 33.33333%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1rem;
	max-width: inherit;
}
.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOpportunityDescription"] + div {
	float: left;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1rem;
	max-width: inherit;
}
.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOpportunityNbPax"] + div {
	float: left;
	width: 16.66667%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1rem;
	max-width: inherit;
}

/************* Address choice ***************/
.addressChoice > ul > li {
	background: #f6f6f6;
	width: 45%;
	float: left;
	margin: 15px;
}
.addressChoice > ul > li.checked {background: #fff; border: 2px solid #000; margin:12px;}
.addressChoice  > .cloneAddress {clear: both;}
.addressChoice > .newAddr,
.addressChoice > ul {padding: 0 2.313rem;}
.addressChoice > ul {margin-top: 25px;}
.addressChoice > ul > li > input {display:none;}
.addressChoice > ul > li > label > div.address {padding: .9375rem;}
.addressChoice > ul > li > label > div {padding: 10px 20px;}
.addressChoice > ul > li > label > div > a.link.editAddress {color: #7a7a7a;font-weight: 500;}
.addressChoice > ul > li > label > div > a.link.editAddress:hover {color:#d2232a;}
.addressChoice > ul > li > label > hr {border: 0; border-top: 1px solid rgba(0, 0, 0, .1); margin: 0;}

/************** Shipping **********/
ul.shipModes > li {
	display: flex;
	align-items: center;
	position: relative;
	margin: 20px 0;
	padding: 10px;
	height: 80px;
	background-color: rgba(197, 0, 80, 0.02);
}
ul.shipModes > li > div.select {width: 5%; display: flex; justify-content: center;}
ul.shipModes > li > div.image {width: 20%; display: flex; justify-content: center; display: none;}
ul.shipModes > li > div.name {width: 30%;}
ul.shipModes > li > div.name > label > h5 {margin:0;}
ul.shipModes > li > div.price {width: 45%; display: flex; justify-content: flex-end; color: #d2232a; font-weight: bold;}
.dt-calendar-only .col-md-6 .creneau_title {
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #d2232a;
    text-align: left;
}
.dt-calendar-only .col-md-6 .info {font-size: 0.875rem;}
.sectionPage.processPage > section.struct-blocs.struct-wrap > form > section > div #delivery_message {max-width: 100%; margin-bottom: 10px;}
.dt-calendar-only .col-md-6 {float: left; width: 50%; padding-right: 15px; padding-left: 15px;}
.sectionPage.processPage > section.struct-blocs.struct-wrap > form > section nav {clear: both; text-align: right;}
.sectionPage.processPage > section.struct-blocs.struct-wrap > form > section > div .message_label {font-size: 0.875rem;}
.sectionPage.processPage > section.struct-blocs.struct-wrap > form > section > div > div.content {padding: 0 2.313rem; position:relative;}
.sectionPage.processPage > section.struct-blocs.struct-wrap > form > section > div > div.content .delivery-choice,
.sectionPage.processPage > section.struct-blocs.struct-wrap > form > section > div > div.content .delivery_filter {position:relative; bottom:inherit; transform: inherit;left:0;justify-content:left;}

/*********** formOk ***************/
.formOk.full {
background-color: #dff0d8;
border-color: #d0e9c6;
color: #3c763d;
font-size: .8125rem;
border-radius: 4px;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
}
.error.error-msg,
.simple-modal .error {
font-size: .8125rem;
border-radius: 4px;
background-color: #f2dede;
border-color: #ebcccc;
color: #a94442;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
}
.page-form .error.error-msg,
.page-form .formOk.full{
width:1200px;
margin: auto;
}

/*************** Payment Pages *********************/
.sectionPage .payment-section {width:1200px; margin:0 auto; padding: 50px 0;}
.content-payment-confirmation, 
.orderConfirmed,
.recap {border:1px solid #eee; padding: 15px; border-radius: 4px;margin:15px 0;}
.sectionPage .payment-section table.basket-product,
.sectionPage .payment-section .recap table.basket {width:100%;}
.sectionPage .payment-section table.basket-product > tbody > tr > td > figure {text-align:left;}
.sectionPage .payment-section table.basket-product > tbody > tr > td > figure img {width: 140px; height: auto; padding-right:15px;}
.sectionPage .payment-section table.basket-product > thead,
.sectionPage .payment-section .recap .continue_shop,
.sectionPage .payment-section .recap .number_item,
.sectionPage .payment-section .recap nav.actions,
.sectionPage .payment-section table.basket-product > tbody > tr > td.prices > span.rate {display: none;}
.sectionPage .payment-section table.basket-product > tbody > tr > td {width:10%; text-align: center;}
.sectionPage .payment-section table.basket-product > tbody > tr > td:last-child {text-align: right;}
.sectionPage .payment-section table.basket-product > tbody > tr > td.product {display:flex; align-items:center; width:70%;}
.sectionPage .payment-section table.basket-product > tbody > tr {display: flex; align-items: center; justify-content:space-between;padding: 15px 0;border-bottom: 1px solid rgba(197, 0, 80, 0.5);}
.sectionPage .payment-section table.basket-product > tbody > tr > td.product > article > h2 {font-size:18px; color:#212221; padding-left: 15px;}
.sectionPage .payment-section .recap .side-basket-product {border: none;}
div.payment_form > form.form_payement > table {margin: 0 auto;}
div.payment_form > form.form_payement > table > tbody > tr > td {text-align: center;}
div.payment_form > form.form_payement > table > tbody > tr.cards > td > ul {display: flex;justify-content: center;}
div.payment_form > form.form_payement > table > tbody > tr.cards > td > ul > li {padding: 15px;}
div.payment_form > form.form_payement > table > tbody > tr.cards > td > ul > li img {cursor: pointer;}
.payment-cb {width: 1200px; margin: 0 auto; border: 1px solid #eee; margin-top: 50px;margin-bottom: 50px; background-color:#eee;}
.payment-cb h1{color:#d2232a;text-transform: uppercase;}
.payment-cb p{text-align: center;}
.payment-cb .payment_form > form {text-align: center; padding-bottom: 30px;}

/********** Kitchen ***********/
.kitchen {width: 75%; align-items:center; text-align:center; margin:auto;}
.kitchen .bloc-blurb > div > h2 {
    color: #fff;
    font-family: 'rubik_medium';
    font-size: 17px;
    font-weight: bold;
}
.kitchen .bloc-blurb figure {
    display: flex;
    justify-content: center;
    height: 100px;
    align-items: center;
}
.Blurb-kitchen > section > section > article > h2 {
	color:#fff;
	font-size: 81px;
	font-family: 'Manksa';
	padding-top: 10px;
	text-align: center;
}
section.account.ids fieldset[data-codeform="shopNewAccount"] .formTxt {display:none;}

/************* mes commandes *********/
.account.orders > table.orders > thead > tr > th,
.account.order > section.details > section.order > table.basket > thead > tr > td,
.account.order > section.details > section.order > table.basket-total > tbody > tr .total-ttc {
    background: #d2232a;
    color: #fff;
    padding: 15px; 
}
.account.orders > table.orders > thead > tr > th {border-left: 1px solid #fff;}
.account.order > section.details > section.order > table.basket > tbody,
.account.order > section.details > section.order > table.basket-total > tbody {border:1px solid #d2232a;}
.account.orders > table.orders > tbody > tr > td {
	border: 1px solid #E1E1E1;
	padding: 15px;
}
.account.order > section.details > section.order > table.basket > tbody > tr > td,
.account.order > section.details > section.order > table.basket-total > tbody > tr > td {padding: 5px;}
.account.order > section.details > section.order > table.basket > tbody > tr > td.qtty,
.account.order > section.details > section.order > table.basket > thead > tr > td.qtty {text-align: center;}
.account.orders > table.orders,
.account.order > section.details > section.order > table.basket,
.account.order > section.details > section.order > table.basket-total {width: 100%;}
.account.order > section.details > section.order > table.basket-total {margin-bottom:30px;}
.account.order > section.details > section.order > table.basket {margin-top:30px;}
.account.orders > table.orders > tbody > tr > td > div.total,
.account.order > section.details > section.order > table.basket > tbody > tr > td.price,
.account.order > section.details > section.order > table.basket > thead > tr > td.price,
.account.order > section.details > section.order > table.basket-total > tbody > tr > td,
.account.order > section.details > section.order > table.basket-total > tbody > tr > th {text-align: right;}
.account.order > section.details > section.order > section.shipping > div.addresses {display: flex; margin-bottom: 50px;}
.account.order > section.details > section.order > section.credits {margin-bottom: 50px;}
.account.order > section.details > section.order > section.shipping > div.addresses > div {width:25%;}
.account.orders > table.orders > tbody > tr > td > span.order-status {
	background:#feaa04;
	padding: 10px;
	color:#fff;
    border-radius: 3px;
}
.account.orders > .backToAccount {margin-bottom: 50px;}

.processPage > section > form.reg_form > section > .shippingAddress,
.processPage > section > form.reg_form > section > .billAddress > h3 {padding: 0 2.313rem; margin-top:35px;}
.processPage > section > form.reg_form > section > .shippingAddress > div {border: 2px solid #000; width: 45%;}
.processPage > section > form.reg_form > section > .shippingAddress > div > hr {margin: 0;border: 0; border-top: 1px solid rgba(0, 0, 0, .1);}
.processPage > section > form.reg_form > section > .shippingAddress > div > div {padding: .9375rem;}

/*************** Formulaire de contact *******************/
.nous-contactez .digiForm ul.checkboxes > li,
.digiForm[data-codeform="shopNewAccount"] ul.checkboxes > li {position:relative; display:flex;}
.nous-contactez .digiForm ul.checkboxes > li > input {left: -30px; position: absolute;}
.digiForm[data-codeform="shopNewAccount"] ul.checkboxes > li > input {left: -10px; position: absolute;}
.processPage .digiForm[data-codeform="shopNewAccount"] ul.checkboxes > li > input {left: 0px; position: absolute; width:16px;}
.nous-contactez .digiForm ul.checkboxes > li > label,
.digiForm[data-codeform="shopNewAccount"] ul.checkboxes > li > label {font-size: 0.875rem; font-weight: normal; color: #000;}
.digiForm[data-codeform="shopNewAccount"] ul.checkboxes > li > label {padding: 0 20px;}

.processPage > section > form > section > .digiForm[data-codeform="shopNewAccount"] > .formCheckbox > label[for="ffSpec_relationcommerciale"] {display:none;}
.processPage > section > form > section > .digiForm[data-codeform="shopNewAccount"] > .formCheckbox:last-of-type > div {width:100%;}
.processPage > section > form > section > .digiForm[data-codeform="shopNewAccount"] ul.checkboxes > li > label {width:100%; padding: 0 30px;}

.newAccountPage nav.submit {text-align:center;}
.newAccountPage section.active {margin-bottom: 100px;}
.newAccountPage.processPage section.active {margin-bottom: 2px;}


/************** Brochure ******************/
.dl-brochure {
	font-family: DK Lemon Yellow Sun;
	font-size: 23px;
	padding: 20px 40px;
	border: 1px solid #d2232a;
	border-radius: 5px;
	color: #d2232a;
	background: transparent; 
	transition: all 0.3s;
}
.dl-brochure:hover {
	background: #d2232a;
	color: #fff;
}

.ecologie .bloc-blurb > div > .content {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.7px;
}
.ecologie .bloc-blurb.align-start > div > h2 {
	color: #006500;
	font-size: 18px;
	font-weight: 500;
}
.ecologie .bloc-blurb.pos-left {
	border: 1px solid #d2d2d2;
	margin: 2vh 0vw;
	padding: 2vh 1vw;
}
.ecologie .bloc-blurb.align-start.pos-left figure, 
.ecologie .bloc-blurb.align-start.pos-right figure {
	justify-content: center;
}
.ecologie .bloc-text {
	background: #d2232a;
	border-radius: 10px;
}
.ecologie .bloc-text .content {
	padding: 10px 5px;
	font-size: 15px;
	text-align: center;
}

.bloc-accordeon {
	position: relative;
}
.bloc-accordeon::after {
    content: "";
    position: absolute;
    left: 75px;
    top: 0;
    width: 1px;
    height: 100%;
    border-right: 2px dotted #d2232a;
}
.bloc-accordeon:first-child {
    padding-top: 90px;
}
.page-accordeon {
	padding: 0;
}
main[data-c="4794"] .bloc-covered + .struct-blocs.struct-wrap {
    padding-top: 0;
    width: 70%;
    margin: auto;
}
.bloc-accordeon > ul {
	margin-left: 70px;
}

.top_info_account {
	margin-bottom: 50px;
	background-color: #fff;
	padding: 45px 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	-webkit-box-shadow: 10px 30px 25px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 10px 30px 25px 0px rgba(0,0,0,0.07);
	box-shadow: 10px 30px 25px 0px rgba(0,0,0,0.07);
}

.top_info_account .title {
    font-size: 27px;
    color: #d2232a;
    line-height: 32px;
}
.top_info_account .logout {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 20px 0px
	rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}

.account article .content:hover svg path{
	fill: #d2232a;
}
.account article .content {
	line-height: 30px;
}
.account article .content:hover {
	color: #d2232a;
}

.account article {
	padding: 15px;
}
.account article .content {
	height: 172px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #d2232a;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
	border: 1px solid #d2232a;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.13);
	-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.13);
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.13);
}
.account article .content:hover {
	background-color: #fff;
	color: #d2232a;
}
.members .account article {
	width: 33.33%;
	float: left;
}
.account.addresses h1,
.account.orders h1,
.account.credits h1, 
.account.ids h1,
.account.order h1,  
.account.gdpr h1 {
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 500;
	padding: 90px 0 30px 0;
	font-family: 'rubik_medium';
}
.account.ids {
    padding-bottom: 100px;
}
.account.gdpr div{
    margin-top: 15px;
    margin-bottom: 15px;
    background: #f1f1f1;
    padding: 20px;
}
.ion-android-add::before {
    content: "\f2c7";
}
.account.addresses .addAddress i {
	margin-right: 10px;
	font-size: 30px;
}
.account.addresses .addAddress {
	margin-bottom: 35px;
	width: 350px;
	height: 40px;
	color: #fff;
	background-color: #d2232a;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
	border-radius: 10px;
	font-size: 20px;
	cursor:pointer;
}
.account.orders .orders > li header {
	margin-bottom: 15px;
}
.account.orders .orders > li h2 {
	margin-bottom: 0;
}
.account.orders .orders > li .order-date {
	font-style: italic;
	font-size: 15px;
} 
.account.orders .orders > li .order-footer .total,
.account.orders .orders > li .order-footer a {
	color: #d2232a;
	margin-top: 10px;
	display: block;
}
.account.orders .orders > li .order-footer .total {
	font-weight: bold;
}
.account.orders .orders > li {
	float: left;
	width: 33.33333%;
	padding: 15px;	
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px;	
}
.account.addresses > ul {display: flex;flex-wrap:wrap;}
.account.addresses > ul > li:first-child {width:100%;}
.account.addresses > ul > li {
	float: left;
	width: 33.33333%;
	padding-right: 15px;
	margin: 15px 0;
}
.account.addresses .editAddress {
	cursor: pointer;
}
.account.addresses > ul > li article {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
}

.digiForm article {
	padding: 0;
	margin: 1rem;
}
.digiForm article label {
    padding-top: .625rem;
    font-weight: bold;
    color: #d2232a;
}

.account.credits .order-products ul li {
	display: flex;
	margin-bottom: 30px;
	background-color: #d2232a;
	color: #fff;
	padding: 30px 30px;
	align-items: center;
	justify-content: space-between;
}

.account.credits .order-products ul li > * {
    flex: 1;
    margin: 0;
    color: #fff;
}

.digiForm article.textRight label{
	width: 43%;
	text-align: left;
	padding-left: 10px;
	padding-top: 0;
	color: #222;
	font-weight: normal;
}
.digiForm article.textRight div{
	float: left;
	width: 31%;
	text-align: right;
}





/***************** Nous contactez *********************/

.nous-contactez .bloc-content section::before {

    content: '';
    width: 9px;
    height: 100%;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    position: absolute;
    top: 0;
    left: -10px;
    background-color: #d2232a;

}

.nous-contactez .bloc-content h1 {
	color: #000;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
}
.nous-contactez section {
	margin: 20px;
	margin-top: 0;
}
.nous-contactez .bloc-content section  {
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.12);
	margin-bottom: 20px;
	margin-bottom: 2rem;
	word-wrap: break-word;
	background: #fff;
	background-color: rgb(255, 255, 255);
	padding: 15px;
	border-radius: 4px;
	border: 1px solid #eee;
	margin-top: 100px;
}
.nous-contactez section.page-form{
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.12);
	width: 100%;
	border: 1px solid #eee;
	padding: 15px;
	margin-top: 100px;
	padding-top: 0;
}

.nous-contactez section.page-form h1 {
	color: #000;
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	padding: 20px;
}

.nous-contactez .block {
    display: flex;
    align-items: center;
}
.nous-contactez .adresse::before {
    content: '';
    background-image: url('/img/location.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: block;
}
.nous-contactez .tel::before {
    content: '';
    background-image: url('/img/tel.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: block;
}
.nous-contactez .mail::before {
    content: '';
    background-image: url('/img/mel.png');
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: block;
}
.nous-contactez .icon {
	padding-right: 10px;
	padding-top: 15px;
}


.digiForm article div select,
.digiForm article div input,
.digiForm article div textarea {
	border: 1px solid #eee;
	border-radius: 0;
	font-size: 14px;
}
.digiForm article div select:focus,
.digiForm article div input:focus,
.digiForm article div textarea:focus,
.digiForm article div textarea:active {
	border-color: #006500;
}


.nous-contactez .digiForm article div select,
.nous-contactez .digiForm article div input,
.nous-contactez .digiForm article div textarea {
	display: block;
/*	width: 100%;*/
	padding: .5rem .75rem;
	line-height: 1.25;
	background-color: #fff;
	border: 1px solid #eee;
	background-image: none;
	background-clip: padding-box;
	border-radius: 0;
	font-size: 14px;
	height: 35px;
}

.nous-contactez .digiForm article div select:focus,
.nous-contactez .digiForm article div input:focus,
.nous-contactez .digiForm article div textarea:focus,
.nous-contactez .digiForm article div textarea:active {
	border-color: #006500;
}

nav.mainNav > div > ul {
width: 100%;
}
body > header {
	height: auto;
}

body > header.simpleHeader {
display: none;
}

@media screen and (max-width: 1100px) {
.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav {
	width: 100%;
}
.latest-news .owl-carousel {
	width: 100%;
}
/*	.bodySimpleHeader nav.mainNav div.smallMenu {
	    width: 50% !important;
	    left: 25% !important;
	}*/
	.testimonials-container {
		display: none;
	}
	main {
		width: 100%;
		padding: 10px;
	}
	body > header .overHead {
		width: 100%;
	}
	body > header div#_desktop_logo {
		width: 110px;
	}
	body > header div#_desktop_logo > a,
	body > header div#_desktop_logo img{
		width: 100%;
	}
	body > header .overHead > ul.menuHeader > li.sousMenuHeader {
		margin: 0 10px;
	}
	body > header .overHead > ul.menuHeader > li.sousMenuHeader a {
		font-size: 16px;
	}
	
	.bloc-slider {
		height: 60vh;
	}
	.delivery-choice,
	.delivery_filter {
		bottom: 0 !important;
	}
	
	nav.mainNav {
		display: block;
	}
	.bodySimpleHeader nav.mainNav .smallLogo {
		position: absolute;
		width: auto;
		z-index: 1;
		width: 80px;
		height: 100px;
	}
	
	
	
	
	.delivery_filter {
		display: block;
	}
	.container-e-products,
	.struct-shortcuts > .ct-blocs {
		width: 980px;
	}
	.homePage section.product-list > div > div.prodsList {
		width: 100%;
	}
	.homePage section.product-list > div > div.prodsList > article.prod {
		width: 24%;
	}
	.homePage > section.struct-blocs {
		width: 100vw;
	}
	section.bloc-slider.blocSlide.digi-slideshow > div.slide-info > .BlocTitleSlide {
		width: 80%;
		left: 10%;
	}
	section.bloc-slider.blocSlide.digi-slideshow > div.slide-info > .BlocTitleSlide > h2 {
		width: 100%;
		left: 0;
	}
	body > header .overHead {
		display: flex;
		align-items: center;
		font-size: 21px;
	}
	
	.struct-blocs.struct-wrap {
		width: 980px;
	}
	.members .account article {
		width: 50%;
	}
	ul.ariane {
		width: 100%;
	}
	.account.orders .orders > li,
	.account.addresses .editAddress {
		width: 50%;
	}
		section.product-list > div > div.prodsList > article.prod,
	.container-e-products .product-list {
		width: 100%;
	}
	div.sideNav {
		width: 100%;
	}
	section.bloc-slider.blocSlide.digi-slideshow > div.slide-info > .BlocTitleSlide {
		top: 15% !important;
	}
	section.bloc-slider.blocSlide.digi-slideshow > div.slide-info > .BlocTitleSlide h2 {
		font-size: 20px;
		height: auto;
		padding: 0;
	}
	.highlight-bloc > .ct-blocs > .struct-blocs > .ct-blocs > .bloc-content {
		width: auto;
		padding-bottom: 30px;
		min-height: 360px;
	}
	.homePage .page-form > form > section > div.actions {
	    position: relative;
	    top: 0;
	    right: auto;
	}
	footer > div.containFooter > div.topFooter > div.menuFooter {
		width: 100%;
		flex-direction: column;
		padding-left: 50px;
	}
	.sousMenuFooter.full {
		display: none;
	}
	footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > h2.footerTitle {
		cursor: pointer;
		color: #000;
		font-size: 18px;
		position: relative;
	}
	footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > h2.footerTitle::after {
	    content: "+";
	    position: absolute;
	    top: 0;
	    right: 0;
	    font-weight: 700;
	}
	footer > div.copy {
		padding: 20px 5px;
	}
	footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > ul.footerlist {
		display: none;
	}
	footer > div.containFooter > div.topFooter > div.menuFooter > div.sousMenuFooter > ul.footerlist > li {
		margin: 10px 15px;
	}
	footer > div.copy > div.container > div.row {
		flex-direction: column;
	}
	.block-social .social_links {
		justify-content: center;
		padding: 10px 0;
	}
	
	
	
	div.product-wrapper > ul.ariane {
		width: 980px;
	}
	div.product-wrapper > article.prod {
		width: 980px;
	}
	div.product-wrapper > article.prod > .product-item {
		flex-direction: column;
		width: 980px;
	}
	div.product-wrapper > article.prod div.desc {
		width: 980px;
	}
	div.product-wrapper > article.prod > section.product-description {
		flex-direction: column;
		line-height: 60px;
		text-align: center;
	}
	div.product-wrapper > article.prod > section.product-description h1 {	
		text-align: center;
		width: 100%;
	}
	div.product-wrapper > article.prod > .product-information {
		width: 980px;
	}
	
	
	
	.highlight-bloc > .ct-blocs > .struct-blocs > .ct-blocs > .bloc-content a {
		margin: 10px auto;
	}
	section[data-c="4512"] div section.bloc-content,
	section[data-c="4512"] div section.bloc-content:first-child, section[data-c="4512"] div section.bloc-content:last-child {
		width: 100%;
	}
	.gabarit.tabs .tabs-block {
		flex-direction: column;
		margin: 20px 0;
	}
	.gabarit.tabs .tabs-content {
		width: 90%;
	}
	.sectionPage.shopPage > .basket-page .side-basket-product,
	.sectionPage.shopPage > .basket-page > section > form > div.basket-bloc {
		width: 100%;
	}
	
	
	
	
	div.product-wrapper > article.prod > section.product-description > h1 {
		width: 100% !important;
	}
}

@media screen and (max-width: 980px) {
	nav.mainNav section.shop-mini-basket.basket-dropdown {
		position: fixed;
		width: 100%;
		bottom: 0;
	}
	body > header {
		height: 110px;
	}
		nav.mainNav {
		height: 50px;
	}
	body > header .overHead > ul.menuHeader {
		position: absolute;
		top: 29px;
		width: 100%;
	}
	body > header .overHead {
		width: 100%;
	}
	nav.mainNav > div.navigation > div.account {
		z-index: 5;
	}
	.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul,
	.bodySimpleHeader nav.mainNav > div.navigation {
		width: 100%;
	}
	.container-e-products,
	.struct-shortcuts > .ct-blocs {
		width: 100%;
	}
	.homePage section.product-list > div > div.prodsList {
		width: 100%;
	}
	.homePage section.product-list > div > div.prodsList > article.prod {
		width: 49%;
	}
	.struct-shortcuts > .ct-blocs section {
		width: 49% !important;
	}
	.top-basket > div.cart:hover {
		background-color: #d2232a;
	}
	.top-basket > div.cart {
		width: 45px;	
		height: 45px;
		position: relative;
		z-index: 0;
	}
	.testimonials-container {
		width: 100%;
		flex-direction: column;
	}
	.homePage > section.struct-blocs {
		width: 100vw;
	}
	.highlight-bloc {
		height: auto;
	}
	.highlight-bloc > .ct-blocs > .struct-blocs:first-child::before,
	.highlight-bloc > .ct-blocs > .struct-blocs:first-child::after,
	.highlight-bloc > .ct-blocs > .struct-blocs:nth-child(2)::before {
		display: none;
	}
	.struct-blocs.struct-wrap {
		width: 100%;
	}
	.digiForm article > div {
		width: 69%;
	}
	[class^="fa-"], [class*=" fa-"], .fa {
		color: white;
		font-size: 20px;
	}
	body > header .overHead .areas {
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	body > header .overHead .areas li a{
		display: inline-block;
	}
	body > header.classic .wrapBanner .logo {
		padding: 0;
	}
	nav.mainNav > div.smallMenu {
		position: absolute;
		top: 7px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	body.bodySimpleHeader .responsiveNav {
		margin-top: 100px;
	}
	.responsiveNav {
		background: #d2232a !important;
		margin-top: 65px;
	}
	.mainNav.scroll .responsiveNav{
		background: white;
	}
	nav.mainNav > div > ul li {
		width: 33%;
		float: left;
		margin: 15px 0 !important;
	}
	nav.mainNav > div > ul li div {
		display: none;
	}
	.homePage .page-form {
		flex-direction: column;
	}
	.homePage .page-form > article.struct-blocs.struct-wrap, .homePage .page-form > form {
		width: 80%;
	}
	body > header .overHead > div > ul.areas > li.Connected > div {
		right: 0;
		left: auto;
		transform: none;
	}
	nav.mainNav > div.navigation {
		width: 100%;
	}
	nav.mainNav > div.navigation > div.wrapNav > ul {
		display: none;
	}
	nav.mainNav > div.navigation > div.wrapNav > ul li {
		background: #d2232a;
		z-index: 10px;
	}
	nav.mainNav.scroll > div.navigation > div.wrapNav > ul li {
		background: white;
	}
	nav.mainNav.scroll > div.navigation > div.wrapNav > ul > li:hover a {
		color: #fff;
	}
	nav.mainNav.scroll > div.navigation > div.wrapNav > ul li:hover {
		background: #d2232a;			
	}
	nav.mainNav.scroll > div.navigation > div.wrapNav > ul > li:hover a > div.imgMenu > img {
		filter: brightness(0%) invert(100%);
	}
	nav.mainNav > div.navigation > div.wrapNav > ul > li > div {
		display: none;
	}
	nav.mainNav > div.navigation > div.wrapNav > ul li {
		float: left;
		width: 33.33%;
		height: 126px;
		margin: 0;
	}
	nav.mainNav > div.navigation > div.wrapNav > ul li.selected:last-child, nav.mainNav > div.navigation > div.wrapNav > ul li:last-child:hover {
		background: #fff;
	}
	nav.mainNav div.smallMenu {
		position: absolute;
		top: 8px;
		padding: 10px;
		width: 100%;
		left: 0;
		text-align: left;
	}
	.bodySimpleHeader nav.mainNav div.smallMenu {
		width: 90%;
		left: 5%;
		text-align: center;
		margin-left: 0;
		border: 1px solid #d2232a;
	}
	nav.mainNav div.smallMenu:after {
		content: " CATÉGORIES";
		color: white;
		font-size: 25px;
	}
	body.bodySimpleHeader .articlesPage > section.bloc-content {
		margin-top: 60px;
	}
	body.bodySimpleHeader .responsiveNav {
	background: transparent !important;
	}
	body.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul li {
		background: #fff;
		z-index: 30;
	}
	body.bodySimpleHeader nav.mainNav div.smallMenu {
		text-align: center;
		top: 30px;
/*		margin-top: 70px;*/
	}
	body.bodySimpleHeader [class*=" fa-"],
	body.bodySimpleHeader div.smallMenu::after {
    	color: #d2232a;
	}
	body.bodySimpleHeader .bodySimpleHeader nav.mainNav .smallLogo a {
		width: 100%;
	}
	body.bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul li:hover {
    	background: #d2232a;
	}
	body.bodySimpleHeader .bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li:hover a {
		color: #fff;
	}
	body.bodySimpleHeader .bodySimpleHeader nav.mainNav > div.navigation > div.wrapNav > ul > li:hover a img {
		filter: brightness(0%) invert(100%);
	}
	body.bodySimpleHeader .account {
		position: relative;
		z-index: 0;
	}
	nav.mainNav > div.navigation,
	nav.mainNav.scroll {
		background: #d2232a;
		height: 65px;
	}
	.responsiveNav {
		border-top: 1px solid #fff;
	}
	
	.scroll .category-account > a > div.account {
		width: 45px;
		height: 45px;
	}
	
	body > header .overHead > div > ul.areas > li.Connected > div {
		width: 280px; 
	}
	body > header .overHead > div > ul.areas > li.Connected > div > div {
		flex-direction: column;
	}
	body {
		overflow-x: hidden;
	}
	.highlight-bloc > .ct-blocs > .struct-blocs > .ct-blocs {
		height: 100%;
		padding: 10px 0;
	}
	.page-form.form-left.struct-blocs.struct-wrap::after,
	.page-form.form-left.struct-blocs.struct-wrap::before {
		background-image: none;
	}
	
	div.product-wrapper > ul.ariane {
		width: 100%;
		display: none;
	}
	div.product-wrapper > article.prod {
		width: 100%;
	}
	div.product-wrapper > article.prod > .product-item {
		flex-direction: column;
		width: 100%;
	}
	div.product-wrapper > article.prod div.desc {
		width: 100%;
	}
	div.product-wrapper > article.prod > section.product-description {
		flex-direction: column;
		line-height: 60px;
		text-align: center;
	}
	div.product-wrapper > article.prod > section.product-description h1 {	
		text-align: center;
	}
	div.product-wrapper > article.prod > .product-information {
		width: 100%;
	}
	.slick-slide {
		width: 100% !important;
		position: relative !important;
		left: 0 !important;
		opacity: 1 !important;
	}
	.thumbnails.slider-nav {
		display: none;
	}
	div.product-wrapper > article.prod > .product-item > .slider-for {
		width: 100%;
	}
	div.product-wrapper > article.prod > .product-item > .slider-for img {
		width: auto;
	}
	.slick-slide {
		float: none !important;
	}
	
	nav.mainNav section.shop-mini-basket.basket-dropdown {
		background: white;
		overflow-y: scroll;
	}
	.mainNav section.shop-mini-basket.basket-dropdown {
		padding-top: 40px;
	}
	.shop-mini-basket.basket-dropdown::after {
		content: "X";
		position: absolute;
		top: 10px;
		right: 0;
		width: 100%;
		height: 30px;
		z-index: 9999;
		color: #d2232a;
		font-weight: bold;
		font-size: 20px;
		background: white;
		text-align: right;
		padding-right: 20px;
		cursor: pointer;
	}
	.date-selector-container { 
		width: 100% !important;
	}

	.date-selector-container
	 {
	 	width: 100%;
	 }
	.date-selector-container > section {
		display: flex;
		padding: 15px 25px;
		flex-direction: column-reverse;
	}
	
	.shop-mini-basket.basket-dropdown::after:hover {
		cursor: pointer;
	}
	
	.page-form .digiForm[data-codeform="devis"] article > div {width:auto;}
	.page-form .digiForm[data-codeform="devis"] .grp_group_1 {
		width: 100% !important;
	}
	.page-form .digiForm[data-codeform="devis"] .grp_group_2 {
		float: left;
		width: 100% !important;
	}

	.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOSpec_contactPrestation"] + div,
	.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOSpec_TelephoneContactPrestation"] + div
	{
		float: left;
		width: 25%;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 1rem;
	}
	.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffLastName"] + div,
	.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffFirstName"] + div {
		float: left;
		width: 29.166665%;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 1rem;
	}
	.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffMobile"] + div {
		float: left;
		width: 58.33333%;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 1rem;
		max-width: inherit;
	}
	.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffMainCity"] + div {
		float: left;
		width: 38.88889%;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 1rem;
		max-width: inherit;
	}
	.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffSecZip"] + div {
		float: left;
		width: 19.44444%;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 1rem;
		max-width: inherit;
	}
	.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOpportunityDeliveryStart"] + div,
	.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOpportunityDeliveryEnd"] + div,
	.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOSpec_AdresseLieux"] + div,
	.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOSpec_adresseComplement"] + div {
		float: left;
		width: 50%;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 1rem;
		max-width: inherit;
	}
	.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOpportunityBudget"] + div {
		float: left;
		width: 33.33333%;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 1rem;
		max-width: inherit;
	}
	.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOpportunityDescription"] + div {
		float: left;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 1rem;
		max-width: inherit;
	}
	.page-form .digiForm[data-codeform="devis"] .grp_group_4 article label[for="ffOpportunityNbPax"] + div {
		float: left;
		width: 16.66667%;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 1rem;
		max-width: inherit;
	}

	body.bodySimpleHeader nav.mainNav div.smallMenu {
		width: 50%;
		left: 50%;
		margin-left: -25%;
	}
	
	main[data-c="4385"] .bloc-covered + .struct-blocs.struct-wrap {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.sectionPage.shopPage > .basket-page .side-basket-product {
		padding: 0;
	}
	.sectionPage.shopPage > .basket-page .side-basket-product, 
	.sectionPage.shopPage > .basket-page > section > form > div.basket-bloc {
		padding: 0;
	}
	.digiForm article {
		width: 100%;
		display: inline-block;
	}
	.page-form .digiForm[data-codeform="devis"] article {
		margin: 10px 0 0 0;
	}
	.page-form .digiForm[data-codeform="devis"] div,
	.page-form .digiForm[data-codeform="devis"] input, 
	.page-form .digiForm[data-codeform="devis"] textarea {
		width: 100% !important;
		margin: 0;
	}
	
	.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffCompanyOpen"] + div,
	.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffEmail"] + div,
	.page-form .digiForm[data-codeform="devis"] .grp_group_3 article label[for="ffMainAddress"] + div {
		float: left;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 1rem;
	}
	.page-form > h1  {
		line-height: 1.1;
	}
	.bloc-accordeon::after {
		border: none;
	}
	.bloc-accordeon > ul.on {
		height: auto;
		margin-left: 0;
	}
	body > header {
		height: 60px;
	}
	.menuHeader {
		display: none !important;
	}
	nav.mainNav > div {
		height: 50px;
	}
	.delivery-choice,
	.delivery_filter {
		bottom: 0 !important;
	}
	.account.addresses .addAddress {
		margin-left: 10px;
	}
	.account.orders .orders > li,
	.account.addresses .editAddress {
		width: 100%;
		margin-bottom: 10px;
	}
	.bodySimpleHeader nav.mainNav > div.navigation {
		flex-direction: column;
		height: 280px;
	}
	body.bodySimpleHeader nav.mainNav div.smallMenu {
		margin-top: 70px;
		width: 90%;
		left: 5%;
		margin-left: 0;
	}
	body.bodySimpleHeader .responsiveNav {
		margin-top: 160px;
	}
	ul.ariane {
		width: 100%;
	}
	.members .account article {
		width: 100%;
	}
	section.product-list > div > div.prodsList > article.prod,
	.container-e-products .product-list {
		width: 100%;
	}
	div.sideNav {
		width: 100%;
	}
	nav.mainNav {
		height: auto;
	}
	nav.mainNav .smallMenu {
		width: 100%;
		height: 60px !important;
	}
	.homePage section.product-list > div > div.prodsList > article.prod {
		width: 100%;
	}
	.highlight-bloc > .ct-blocs > .struct-blocs > .ct-blocs > .bloc-content {
		width: 100%;
		padding-bottom: 30px;
		min-height: 360px;
	}
	.struct-shortcuts > .ct-blocs {
		flex-flow: wrap;
	}
	section.bloc-articles > .bloc-blog-post .blog-individual-post {
		width: 100%;
	}
	.bodySimpleHeader nav.mainNav section.shop-mini-basket.basket-dropdown {
    	bottom: 0;
    	z-index: 9;
	}
}	

@media screen and (min-width: 981px) and (max-width: 1099px) {
	.bodySimpleHeader nav.mainNav div.smallMenu {
		width: 50% !important;
		left: 25% !important;
	}
}

body > .digi-slideshow {
	z-index: 0 !important;
}

/********* DateField **************/

.processPage .dateField input,
.processPage .calendar-icon {display:none;}
.processPage .date-selector-container {display:block !important; position:relative; top:0; padding: 10px 0;}
.processPage .date-selector-container > header > label {text-align: left; padding: 15px 0;}
.processPage .date-selector-container > section {padding: 15px 0;}
.sectionPage.processPage > section.struct-blocs.struct-wrap > form > section > div > div.content .delivery-choice {margin-bottom: 20px;}
.processPage .dt-calendar-only .col-md-6 {padding-left:0;}
.processPage .date-selector-container > section .time {max-width: 100%;}

.unavailable {color:#d2232a;}