@import url('https://fonts.googleapis.com/css2?family=Jaro:opsz@6..72&family=Quicksand:wght@300..700&display=swap');

/* > NORMALIZE
-------------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, 
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input, select, textarea {
	border-radius:0;
	background-image:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
*:focus {
	-webkit-outline: none;
    outline: none;
}

#debugZone {
	background:rgba(255,255,255,0.4);
	border:1px solid #ccc;
	padding:10px;
	position:fixed;
	right: 20px;
	text-align: center;
	bottom: 20px;
	z-index:10000;
	/*display:none;*/
}

/* > COMMUNS
-------------------------------------------------------------------------------------------------------------------------------- */

body { 
	background:#ffffff;
	font-family: "Quicksand", sans-serif;;
	font-size: 16px; 
	color:#000000;
}

.preview-mode {
	line-height: 1.33em;
}

a { color:inherit; text-decoration:none }
a img{ border:none; }

strong { font-weight:700; }
em { font-style:italic; }

ol li, ul li { list-style:none }

h1,
.h1_like { }

h2,
.h2_like { }

h3,
.h3_like { }

h4,
.h4_like { }

p { font-size:14px; }

.content_row.edit_content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px 20px;
}
.content_row.edit_content:last-child { padding-bottom: 80px; }
.content_row.edit_content p { margin-bottom: 1.25em; }
.content_row.edit_content .wp33,
.content_row.edit_content .wp50,
.content_row.edit_content .wp100 {
	padding: 20px;
}
.edit_content h2 {
	font-size: 24px;
    margin-bottom: 1em;
	text-transform: uppercase;
	font-weight: 600;
}
.edit_content h3 {
	font-size: 18px;
	margin-top: 1.5em;
    margin-bottom: 1em;
	font-weight: 600;
}
.content_row.edit_content .thumbnails {
	overflow: hidden;
}
.content_row.edit_content .thumbnails img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.edit_content table { padding: 5px; }
.edit_content th {
	font-size: 13px;
	font-weight: 700; 
}
.edit_content td {
	font-size: 13px;
}
.edit_content th { 
	background-color: #f3f3f3;
	font-weight: 700;
}


@media screen and (min-width: 768px) {
	.content_row.edit_content .wp50.left { order: 1; }
	.content_row.edit_content .wp50.right { order: 2; }
	.content_row.edit_content .wp50.thumbnails {
		position: relative;
	}
	.content_row.edit_content .wp50.thumbnails img {
		position: absolute;
		top: 10px; left: 20px;
		width: calc(100% - 40px);
		height: calc(100% - 20px);
		-o-object-fit: cover;
		   object-fit: cover;
	}
}
@media screen and (max-width: 767px) {
	.content_row.edit_content .wp50 { width: 100%; }
}


.content_row.edit_content h2:first-child,
.content_row.edit_content h3:first-child,
.content_row.edit_content h4:first-child,
.content_row.edit_content p:first-child,
.content_row.edit_content ul:first-child,
.content_row.edit_content ul:first-child li:first-child,
.content_row.edit_content ol:first-child,
.content_row.edit_content ol:first-child li:first-child {
	margin-top: 0;
}
.content_row.edit_content h2:last-child,
.content_row.edit_content h3:last-child,
.content_row.edit_content h4:last-child,
.content_row.edit_content p:last-child,
.content_row.edit_content ul:last-child,
.content_row.edit_content ul:last-child li:last-child,
.content_row.edit_content ol:last-child,
.content_row.edit_content ol:last-child li:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
	.edit_content h2 {
		font-size: 32px;
		margin-bottom: 1em;
	}
	.edit_content h3 {
		font-size: 24px;
		margin-bottom: 1em;
		font-weight: 600;
	}
}

.edit_content ul,
.edit_content ol { margin: 0 0 10px }
.edit_content ul li {
	list-style: none;
	margin: 0 0 .75rem;
	line-height: 1.33em;
	background: 0 .44em no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6' height='6' fill='%23bfbfbf'%3E%3Cpath d='M3.000,-0.000 C4.657,-0.000 6.000,1.343 6.000,3.000 C6.000,4.657 4.657,6.000 3.000,6.000 C1.343,6.000 -0.000,4.657 -0.000,3.000 C-0.000,1.343 1.343,-0.000 3.000,-0.000 Z'/%3E%3C/svg%3E");
	padding-left: 1em;
}
.edit_content ol {
	counter-reset: section;
	list-style-type: none;
}
.edit_content ol li { 
	font-weight: 400;
	margin:8px 0;
}
.edit_content ol li::before {
	display: inline-block;
	margin-right: 10px;
	counter-increment: section;
	content: counters(section,".") ". ";
	font-weight: 700;
	color: #bfbfbf;
}
.edit_content h2:first-child,
.edit_content h3:first-child,
.edit_content h4:first-child,
.edit_content p:first-child,
.edit_content ul:first-child { margin-top: 0 }
.edit_content h2:last-child,
.edit_content h3:last-child,
.edit_content h4:last-child,
.edit_content p:last-child,
.edit_content ul:last-child { margin-bottom: 0 }

.edit_content p a:not(.link),
.edit_content li a:not(.link) {
	text-decoration:underline; 
}
.edit_content p a:not(.link):hover, 
.content_block li a:not(.link):hover { color:#bfbfbf; }
.edit_content blockquote,
.edit_content p.citation {
	display: block;
	margin: 1em auto;
	position: relative;
	padding: 30px;
	font-size: 1.25em;
	font-style: italic;
	line-height: 1.4em;
	background: #eeeded;
}
.edit_content blockquote p { margin: 0 }
.divide,
.edit_content hr {
	display: block;
	clear: both;
	border: none;
	width: 100%;
	height: 1px;
	background: #ccc;
	max-width: 930px;
	margin: 40px auto;
}

.show-on-mob { display:none; }



/* > CLASS BLOCKS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > Flux ---------------------------- */
.left { float:left; }
.right { float:right }
.clearleft { clear:left; }
.clearight { clear:right; }
.clear { display:block; clear: both; height: 0; }
.clearfix { display:block; }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* > Block (base 100%) ---------------------- */
.content_row { 
	position:relative; 
	width:100%; max-width:1280px;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto; 
}

.wp20  { width:20% }			/* > 1/5  */
.wp25  { width:25% }			/* > 1/4  */
.wp30  { width:30% }
.wp33  { width:33.3333333333% }	/* > 1/3  */
.wp40  { width:40% }			/* > 2/5  */
.wp50  { width:50% }			/* > 1/2  */
.wp60  { width:60% }			/* > 3/5  */
.wp66  { width:66.6666666666% }	/* > 2/3  */
.wp70  { width:70% }
.wp75  { width:75% }			/* > 3/4  */
.wp80  { width:80% }			/* > 4/5  */
.wp100 { width:100%; }

.content_row, .content_row_20, .content_row_30,
.wp20, .wp25, .wp30, .wp33, .wp40, .wp50, 
.wp60, .wp66, .wp70, .wp75, .wp80, .wp100 {
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

.content_row + .content_row { padding-top: 0; }

/* > CLASS LINKS
-------------------------------------------------------------------------------------------------------------------------------- */
.link-rounded-white,
.link-rounded-black {
	height:20px; line-height:20px;
	border-radius:20px; padding:0 10px;
	display:inline-block; font-size:13px;
	transition:all .2s linear;
}
.link-rounded-white:hover,
.link-rounded-white:active,
.link-rounded-black { background:#000000; color:#ffffff; }
.link-rounded-black:hover,
.link-rounded-black:active,
.link-rounded-white { background:transparent; color:#000000; }

.button-red,
.button-blue,
.button-yellow,
.link-panier {
	background-color:#000000;
	border:#000000 2px solid; color:#fff;
	height:36px; line-height:36px;
	border-radius: 10px;
	font-size:13px; font-weight:600;
	text-decoration: none !important;
	text-transform:uppercase;
	padding: 0 16px;
	display:inline-block;
	transition:all .2s linear;
}
.button-red { background-color:#e30613; border-color:#e30613; }
.link-panier { background:#000000; }
.button-blue:hover,
.link-panier:hover,
.button-blue:active,
.link-panier:active { 
	background-color:#FB9510; 
	border-color:#FB9510; 
	color:#000000 !important; 
}

.button-yellow { 
	background-color:#FB9510; 
	border-color:#FB9510; 
	color:#000000 !important; 
}
.button-yellow:hover { 
	background-color:#000000; 
	border-color:#000000; 
	color:#FB9510 !important; 
}


.button-red:hover,
.button-red:active { background-color:#fe848c; border-color:#fe848c }

.button-blue.smaller,
.button-yellow.smaller,
.button-red.smaller {
	height:auto; line-height:14px; font-size:12px;  
	border-width:1px; border-style:solid;
	padding:4px 10px;
}


a.bt-ico {
	display:inline-block; height:20px; line-height:20px;
	background:#000000; overflow:hidden; border:#000000 2px solid;
transition-property:color, background-color, border-color;			
transition-timing-function:linear;	
transition-duration:.2s;
}
a.bt-ico:hover,
a.bt-ico:active { background-color:#bfbfbf; border-color:#bfbfbf; }
/*a.bt-ico:hover > img,
a.bt-ico:active > img { margin-top:-20px; }*/

.bt-add {
	display:inline-block;
	width:20px; height:20px;
	vertical-align:middle;
	font-family: "Quicksand", sans-serif;
	font-size:36px; line-height:20px;
	border:#a3a3a3 1px solid; color:#b0b0b0;
	transition:all .2s linear;
}
.bt-add:hover
.bt-add:active { border-color:#000; color:#000; }

/* > CLASS BACKGROUND ----------------------------------------------------------- */
.bg-1 {
	/*background-image:url(../images/common/bgnd_1.jpg);*/
	background-color: #FB9510;
	background-position:center;
	background-size:cover;
}
.bg-3 { background-color:#f3f3f3; }

/* > HEADER
-------------------------------------------------------------------------------------------------------------------------------- */
#header {
	position:relative;
	background:#fff;
	font-size:13px;
	color:#000000;
	z-index:3;
}
#menu-alt-overlay { 
	position:fixed; top:0; left:0; z-index:2;
	width:100%; height:100%; display:none;
	background:rgba(255, 255, 255, .8);
}
#cookieChoiceInfo { border-bottom:#222 1px solid; }

/* > header top ------------------ */
#head-top {  position:relative; z-index:3; height:40px; }
#head-top .wp50 { float:left; }
#head-top .wp50.text-left { margin:5px 0; }
#head-top .wp50.text-left li { display:inline; }
#head-top .wp50.text-left li a {
	display:inline-block; padding:5px; 
	line-height:13px; height:13px;
	text-transform:uppercase;
}
#head-top .wp50.text-left li a:hover { background-color:#bfbfbf }
/*#head-top .wp50.text-left ul li:first-child a { border-left:none; }*/
#header-panier {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#header-panier a {
	align-items: center;
	display: inline-flex;
	margin-left: 10px;
	font-family: "Jaro", sans-serif
}
#header-panier svg { margin: -2px 8px -2px 0; }
#header-panier a, 
#header-panier img { vertical-align:middle; }

#logo {
	position:absolute;
	text-align:center;
	width:100%; top:20px;
}
#logo img { 
	margin:0 auto; display:block;
	width:33.3333%; max-width:240px;
	transition:transform .2s linear;
}
#logo a:hover img {
	transform:scale(0.95);
}
#alt-nav {
	z-index: 5;
	display:none; 
	position:absolute; 
	top:50%; left:10px;
	background:url(../images/header/icon-alt-nav.gif) 0 0 no-repeat;
	height:30px; width:30px; margin-top:-10px;
}
#alt-nav.active { background-position:0 -30px; }
#alt-nav.opened { background-position:0 bottom; }

/* > menu principal ------------------ */
#menu { position:relative; z-index:1; height:80px; margin-top:100px; }
#menu .content_row { position:static; }

#menu .content_row > ul {
	display: flex;
	justify-content: space-around;
	font-weight: normal;
	padding: 0 15px;
}
#menu .content_row > ul > li {
	flex: 1 1 auto;
}
#menu .content_row  > ul > li > a {
	display:block; 
	text-transform:uppercase; text-align:center;
	height:80px; line-height:80px; 
	font-size:14px;
	color:#000000;
	transition:color .2s linear;
}
#menu .content_row  > ul > li > a > strong {
	display:inline-block;
	vertical-align:middle;
	line-height:14px;
	font-weight:400;
}
#menu .content_row  > ul > li:hover > a { color:#8b8b8b }
#menu .content_row  > ul > li.first-item > a span.arrow-sousmenu {
	display:none; position:relative; z-index:1;
	bottom:0; background:url(../images/common/arrow_big_black_down.png) 0 0 no-repeat;
	width:40px; height:15px; margin:0 auto;
}
#menu .content_row  > ul > li.first-item:hover > a span.arrow-sousmenu { display:block; }
/* sous-menu */
#menu ul.sous-menu {
	position:absolute; left:0; z-index:0;
	background-color: #FB9510;
	width:100%; padding:30px 0; 
	text-align:center; display:none;
}
#menu ul.sous-menu::after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	height: 30px;
	opacity: 0.25;
	background: #000000;
	background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
#menu ul.sous-menu li { display:inline; }
#menu ul.sous-menu li.alt-item { display:none; }
#menu ul.sous-menu li a { display:inline-block; margin:0 15px; }
#menu ul.sous-menu li a .link-rounded-white {
	color:#000000; 
	background-color:transparent;
	height:auto; line-height:normal; padding:5px 10px;
}
#menu ul.sous-menu li a em { font-style:normal; font-size:16px; }
/*#menu ul.sous-menu li a .sousmenu-thumb { display:block; }
#menu ul.sous-menu li a .sousmenu-thumb img { 
	width:100%;
	-webkit-transition:transform .2s linear;
	-moz-transition:transform .2s linear;
	-ms-transition:transform .2s linear;
	-o-transition:transform .2s linear;
	transition:transform .2s linear;
}
#menu ul.sous-menu li a:hover { border-color:#ccc; }*/
#menu ul.sous-menu li a:hover .link-rounded-white { background-color:#000000; color:#fff; }
/*#menu ul.sous-menu li a:hover .sousmenu-thumb img {
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
}*/

/* > FIL D'ARIANE
-------------------------------------------------------------------------------------------------------------------------------- */
#breadcrumb {
	position:relative;
	text-align:center;
	padding:20px 10px;
	font-size:11px;
	z-index:1;
}
#breadcrumb li { display:inline; list-style:none; }
#breadcrumb li:before { display:inline-block; margin:0 5px; content:"/"; }
#breadcrumb li:first-child:before {  content:""; }
#breadcrumb li a { font-weight:700; text-decoration:underline; }
#breadcrumb li a:hover { color:#999; }

/* > CONTENT
-------------------------------------------------------------------------------------------------------------------------------- */
._page { background:#fff; }

#head-page { 
	padding: 4% 20px; 
	min-height: 120px; 
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#head-page h1 {
	margin:0 auto 20px auto; 
	text-align:center;
	font-family: "Jaro", sans-serif; 
	text-transform: uppercase;
	font-size: 52px;
}
#head-page h1.font-montserrat-24 { 
	line-height:40px; font-size:40px;
	font-family: "Quicksand", sans-serif; 
	font-style:normal; font-weight:300;
	text-transform:uppercase;
}
#head-page h1.font-play-20 { font-size:20px; margin:20px auto 10px; }
#head-page h1 span {
	display:block; line-height: 1em;
	font-family: "Quicksand", sans-serif; 
	font-size: 18px; font-style:normal;
	text-transform:uppercase;
}
#head-page p.text-center { 
	max-width:540px; 
	padding: 0 20px; 
	font-size: 18px;
	line-height: 1.25em;
	margin: 30px auto 0; 
}
#head-page #breadcrumb { padding:0 20px; }

._pagination {
	clear:both; 
	position: relative;
	z-index: 1; 
	display: flex;
	-ms-align-items: center;
	        align-items: center;
	justify-content: center;
	padding: 30px 10px;
	font-family: "Jaro", sans-serif; 
	font-size: 18px; 
	text-align:center;
}
._pagination li { }
._pagination li a { 
	display: block; 
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: transparent 1px solid;
}
._pagination li a:hover { color:#999; }
._pagination li.active a {
	border: #000000 1px solid;
}
._pagination li.prev, 
._pagination li.next { }
._pagination li.prev a, 
._pagination li.next a {
	overflow: hidden;
	text-indent: 999px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px 20px;
}
._pagination li.prev { margin-right:10px }
._pagination li.next { margin-left:10px }
._pagination li.prev a { 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23px' height='40px'%3E%3Cpath fill-rule='evenodd' fill='rgb(188, 188, 188)' d='M23.004,36.417 L19.521,39.986 L0.013,20.000 L19.521,0.014 L23.004,3.583 L6.980,20.000 L23.004,36.417 Z'/%3E%3C/svg%3E");
}
._pagination li.next a { 
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='40px'%3E%3Cpath fill-rule='evenodd' fill='rgb(188, 188, 188)' d='M4.000,39.799 L0.464,36.263 L16.728,20.000 L0.464,3.737 L4.000,0.201 L23.799,20.000 L4.000,39.799 Z'/%3E%3C/svg%3E");
}
._pagination li.prev a:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23px' height='40px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 50, 86)' d='M23.004,36.417 L19.521,39.986 L0.013,20.000 L19.521,0.014 L23.004,3.583 L6.980,20.000 L23.004,36.417 Z'/%3E%3C/svg%3E"); }
._pagination li.next a:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='40px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 50, 86)' d='M4.000,39.799 L0.464,36.263 L16.728,20.000 L0.464,3.737 L4.000,0.201 L23.799,20.000 L4.000,39.799 Z'/%3E%3C/svg%3E"); }
._pagination li.disabled a, 
._pagination li.disabled a { visibility:hidden; }

/* > ACCUEIL > index.php ------------------------------------------------------------------------------- */
#slider-home {
	position:relative; z-index:0;
	width:100%; overflow:hidden;
}
/* loading */
#slider-home.loading:after {
	content:""; display:block;
	position:absolute; top:0; left:0;
	width:100%; height:100%; z-index:2;
	background:#fff url(../images/common/preloader_40x40.gif) center no-repeat; 
}
#slider-home.loading .slides { width:400%; visibility:hidden; }
#slider-home.loading .slides li { width:25%; }
#slider-home .slides li {
	position:relative; float:left;
	background-repeat:no-repeat; 
	background-position:center 50%;
	background-size:cover;
	width:100%;
}
#slider-home .flex-control-nav {
	position:absolute; bottom:10px; z-index:10;
	width:100%; text-align:center;
}
#slider-home .flex-control-nav li { display:inline; }
#slider-home .flex-control-nav li a {
	display:inline-block;
	border:#fff 1px solid; border-radius:10px;
	width:10px; height:10px; cursor:pointer;
	margin:0 5px; text-indent:9999px;
}
#slider-home .flex-control-nav li a.flex-active,
#slider-home .flex-control-nav li a:hover { background:#fff; }
#slider-home li > img {
	/*visibility:hidden;*/
	position:relative; z-index:0; 
	width:100%; display:block;
}
#slider-home li .layer-slide {
	position:absolute; z-index:1;
	height:160px; width:100%;
	top:50%; margin-top:-80px;
	background-repeat:no-repeat;
	background-position:center 0;
}

/* version dynamique */
#slider-home li .layer-slide-text {
	position:absolute; z-index:1;
	height:200px; width:90%;
	top:50%; margin:-100px 5% 0;
	text-align:center;
	line-height:200px;
}
#slider-home li .slide-text {
	display:inline-block;
	vertical-align:middle;
	line-height:1.2em;
	font-size:40px;
}
#slider-home .slide-titre {
	display:block;
	font-size:1.3em;
	font-weight:600;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	-webkit-text-shadow:#000 0 0 5px;
	-moz-text-shadow:#000 0 0 5px;
	-ms-text-shadow:#000 0 2px 5px;
	-o-text-shadow:#000 0 0 5px;
	text-shadow:#000 0 0 5px;
}
#slider-home .slide-soustitre {
	color:#FB9510;
	line-height:0.7em;
    font-family: "Jaro", sans-serif;
	-webkit-text-shadow:#fff 0 0 1px;
	-moz-text-shadow:#fff 0 0 1px;
	-ms-text-shadow:#fff 0 0 1px;
	-o-text-shadow:#fff 0 0 1px;
	text-shadow:#fff 0 0 1px;
}
#slider-home .button-blue {
	margin-top:20px;
	line-height:40px;	
	padding:0 30px;
	height:40px;
}

/* version été */
/*#slider-home li#slide-1 { background-image:url(../images/index/slider_1_background.jpg) }*/
/*#slider-home li#slide-1 .layer-slide { background-image:url(../images/index/slider_layer_1.png); }*/
/*#slider-home li#slide-2 { background-image:url(../images/index/slider_2_background.jpg) }*/
/*#slider-home li#slide-2 .layer-slide { background-image:url(../images/index/slider_layer_2.png); }*/
/*#slider-home li#slide-3 { background-image:url(../images/index/slider_3_background.jpg) }*/
/*#slider-home li#slide-3 .layer-slide { background-image:url(../images/index/slider_layer_3.png); }*/
/*#slider-home li#slide-4 { background-image:url(../images/index/slider_4_background.jpg) }*/
/*#slider-home li#slide-4 .layer-slide { background-image:url(../images/index/slider_layer_4.png); }*/
/*#slider-home li#slide-5 { background-image:url(../images/index/slider_5_background.jpg) }*/
/*#slider-home li#slide-5 .layer-slide { background-image:url(../images/index/slider_layer_5.png); }*/

/* version hiver */
#slider-home li#slide-1 .layer-slide { background-image:url(../images/index/slider_layer_hiver_1.png); }
#slider-home li#slide-2 .layer-slide { background-image:url(../images/index/slider_layer_hiver_2.png); }
#slider-home li#slide-3 .layer-slide { background-image:url(../images/index/slider_layer_hiver_3.png); }
#slider-home li#slide-4 .layer-slide { background-image:url(../images/index/slider_layer_hiver_4.png); }
#slider-home li#slide-5 .layer-slide { background-image:url(../images/index/slider_layer_hiver_5.png); }
#slider-home li#slide-6 .layer-slide {
	height:180px; margin-top:-90px;
	background-image:url(../images/index/slider_layer_soldes.png); 
}

/* LISTES PRODUITS -------------------------------------------------------------------------------- */
.th_loading { background:#fff url("../images/common/preloader_30x30.gif") no-repeat scroll center center; }
.th_loading > img { visibility:hidden; }
.article-thumb.th_loading:before {
	content:"";
    display: block;
    padding-top: 100%;
}
.list-article { 
	padding-top: 15px; 
	display: flex;
	flex-wrap: wrap;
}
.list-article li.article {
	border: #fff 2px solid;
	padding: 20px; 
	width:25%; 
	position:relative;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	transition:border .2s linear;;
}
.list-article li.article:hover { border-color:#FB9510; }
.list-article li.article > a { 
	display: flex;
	flex-direction: column; 
	overflow: hidden;
	min-height: 100%;
}
.list-article li.article > a.clearfix::after { display: none; }
.article .article-thumb { 
	display:block; width:100%;
	margin-bottom:20px;
	overflow: hidden;
	flex: 0 0 auto;
}
.article .article-thumb > img { 
	display:block; width:100%;
	transform-origin:center 50px;
	transition:all .2s linear;
}
.article .article-info { 
	padding: 0 20px 20px; 
	flex: 1 1 auto;
	display: flex;
}
.encart-coupcoeur {
	top:10px; left:10px; z-index:2;
	width:56px; height:76px;
	position:absolute;
}
.content-encarts {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	position: absolute;
	flex-wrap: wrap;
	gap: 5px;
}
.article .content-encarts {
	top: 32px;
	right: 32px;
}
.encart-nouveau, 
.encart-promo {
	line-height:24px; height:24px;
	font-size:12px; font-weight:bold;
	text-transform:uppercase;
	border-radius: 12px;
	padding:0 12px;
}
.encart-nouveau { background:#000000; color:#fff; }
.encart-promo { background:#FB9510; color: #000; }

.article .article-info .encart-promo { right: 92px; }
.article .article-info .encart-nouveau { right: 32px; }
.article .article-title {
	text-align:left;
	flex: 1 1 auto;
	margin-right: 16px;
	line-height: 1.25em;
	text-transform: uppercase;
	font-family: "Jaro", sans-serif;
	font-size: 14px; 
	font-weight:600;
	color:#000000;
}
.article-prix { font-size:18px; }
.article-prix .prix-from {
	display: block;
	margin-top: -0.75em;
	font-size:0.66em;
	line-height: 1.33em;
	color:#a0a0a0; 
}
.article-prix p { font-size:18px; }
.article-prix .prix-barre {
	text-decoration:line-through; 
	font-size:0.750em;
	color:#a0a0a0; 
}
.article .article-prix { 
	text-align:right;
	flex: 0 0 auto;
}
.article .article-prix .prix-barre { 
	display:block; 
	margin:-17px 0 -17px; 
}
.article .article-overlay {
	display:none;
	position:absolute; bottom:10px; left:0;
	height:70px; width:100%; z-index:1;
	background:#fff; text-align:center;
}
.list-article li.article:hover .article-title { color:#000000 }
.list-article .button-blue { margin-top:10px; }
.list-article .link-panier { margin-top:10px; }
/*.list-article li.article:hover .article-overlay { display:block; }*/
.list-article li.article:hover .article-thumb img {
	transform:scale(1.2);
}

.article.outstock .article-thumb { position: relative; }
.article.outstock .article-thumb img { opacity: .4 }
.article.outstock .article-thumb span.outstock {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	-ms-align-items: center;
	        align-items: center;
	justify-content: center;
}
.article.outstock .article-thumb span.outstock em {
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	transform: rotate(-45deg);
}

/* > LISTING CATEGORIES > resultats-categorie.php ------------------------------------------------------ */

#lising-article-categorie p.pad40.text-center { padding:10% 40px; font-size:1.2em; }
#lising-article-categorie, .shadow-content {
	-ms-box-shadow:0 0 15px -5px #000;
	-o-box-shadow:0 0 15px -5px #000;
	box-shadow:0 0 15px -5px #000;
}

.shadow-content-bottom,
.shadow-content-top,
.shadow-content-inset { position:relative; }
.shadow-content-top:before,
.shadow-content-inset:before {
	background:url(../images/common/ombre_top.png) 0 0 repeat-x;
	position:absolute; content:"";
	height:30px; width:100%;
	top:0; left:0;	
}
.shadow-content-bottom:after,
.shadow-content-inset:after {
	background:url(../images/common/ombre_bottom.png) 0 0 repeat-x;
	position:absolute; content:"";
	height:30px; width:100%;
	bottom:0; left:0;	
}

/*.shadow-content-inset {
	-webkit-box-shadow:0 0 30px -15px #000 inset;
	-moz-box-shadow:0 0 30px -15px #000 inset;
	-ms-box-shadow:0 0 30px -15px #000 inset;
	-o-box-shadow:0 0 30px -15px #000 inset;
	box-shadow:0 0 30px -15px #000 inset;
}
.shadow-content-inset-top {
	-webkit-box-shadow:0 0 15px -15px #000 inset;
	-moz-box-shadow:0 0 15px -15px #000 inset;
	-ms-box-shadow:0 0 15px -15px #000 inset;
	-o-box-shadow:0 0 15px -15px #000 inset;
	box-shadow:0 0 15px -15px #000 inset;
}*/

/* > FICHE ARTICE > article-fiche.php ------------------------------------------------------------------ */
#content-article-fiche { 
	max-width:990px; 
	margin:0 auto;
	padding: 20px;
}
#viewer-produit {
	position:relative; width:40%;
	min-height: 200px;
	padding:20px 0 30px 8%;
}
#viewer-produit.horizontal-viewer {
	padding: 20px 0 100px 0;
}
#viewer-produit .content-encarts { 
	position: absolute;
	top: 20px; right: 20px;
}
#stock-label-enable span,
#stock-label-disable span {
	display: inline-block;
	font-weight: 700;
	padding: 5px 10px;
}
#stock-label-enable span { background-color: #FB9510; }
#stock-label-disable span { background-color: #bfbfbf; }
#viewer-produit .encart-promo { top: 0; right: 92px; }
#viewer-produit .encart-nouveau { top: 0; right: 32px; }
#viewer-produit.loading {
	background:url(../images/common/preloader_40x40.gif) center no-repeat;
	min-height:540px; overflow-y:hidden;
}
#viewer-produit .encart-coupcoeur {
	left: 80px;
}
#viewer-produit .flex-control-nav {
	position:absolute; z-index:1;
	width:15%; left:0; top:21px;
}
#viewer-produit .flex-control-nav li { margin-bottom:10px; }
#viewer-produit .slides { display:none; }
#viewer-produit .flex-viewport { position:relative; z-index:0; }
#viewer-produit .slides li { float:left; }
#viewer-produit .flex-control-nav li img, 
#viewer-produit .slides li img { 
	display:block;
	width:100%; 
}
#viewer-produit .flex-control-nav li img {
	border:#fff 1px solid; margin:-1px 0 0 -2px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#viewer-produit .flex-control-nav li img.flex-active,
#viewer-produit .flex-control-nav li img:hover { border-color:#dedede; }

#viewer-produit.horizontal-viewer .flex-control-nav {
	top: auto;
	bottom: 0;
	width: 100%;
	height: 80px;
	display: flex;
	justify-content: center;
}
#viewer-produit.horizontal-viewer .flex-control-nav li {
	padding: 3px;
	max-width: 80px;
	flex: 20%;
}

/* Zoom image --- */
#viewer-produit .slides li a.zoom {
	display: block;
	background-color: #fff;
	background-repeat: no-repeat;
 	background-position: 50% 50%;
 	position: relative;
 	overflow: hidden;
  	cursor: zoom-in;
}
#viewer-produit .slides li a.zoom img { background-color: #fff; }
#viewer-produit .slides li { position: relative; }
#viewer-produit .slides li::after {
	content: "";
	z-index: 2;
	position: absolute;
	top: 0;	left: -1px;
	box-sizing: border-box;
	height: 100%;
	width: calc(100% + 2px); 
	border-left: #fff 2px solid;
	border-right: #fff 2px solid;
	pointer-events: none;
}
#viewer-produit .slides li a.zoom img:hover { opacity: 0; }
#viewer-produit .slides li a.zoom img {
	transition: opacity 0.5s;
	margin: 0 -0.5%;
	display: block;
	width: 101%;
}


#article-fiche-head { padding:40px 0 0 40px; }
#article-fiche-head h1 {
	font-family: "Jaro", sans-serif; 
	text-transform: uppercase;
	font-size: 20px; 
	margin-bottom:20px;
	color:#231f20;
}
#article-fiche-head .article-prix { margin:20px 0 30px; }
#article-fiche-head .article-prix p.left { font-size:24px; margin-top:8px;  }
#article-fiche-head p.right {
	margin-top:14px; font-size:16px; font-weight:600;
	font-family: "Quicksand", sans-serif; 
}
#article-fiche-description { 
	line-height: 20px; 
	padding: 0 0 40px 40px;
	font-size: 14px;
	color: #000;
}
#article-fiche-description p { margin-bottom: 20px; }
#article-fiche-description blockquote p { margin-bottom: 0; }
#article-fiche-description h2 { 
	margin: 30px 0 10px;	
	font-size: 24px;
}
#article-fiche-description h3 {
	margin: 20px 0 10px;	
	font-size: 18px;
}
#article-fiche-description ul li { margin-bottom: 8px; }
#cart-options { 
	margin:50px 0 30px;
	font-size:13px;
}
#cart-options label { display:block }
#cart-options #lbl-taille,
#cart-options .list-options,
#cart-options .quantite { 
	float:left; 
	margin-top:-20px;
	padding-right:20px;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
#cart-options .quantite { width:90px; }
#cart-options .list-options.opt-taille { width:100px; }
#cart-options .list-options.opt-couleur { width:160px; }
#cart-options .link-panier { 
	display: inline-flex;
	align-items: center;
	font-weight: 700;
	margin-top: 5px;
	padding: 0 24px;
}
.link-panier .ico-panier {
	margin-right: 8px;
	flex: 0 0 auto;
}
.quantite label {
	position:relative;
	padding-right:20px;
	border:#e4e4e4 1px solid;
	display:block; margin:10px 0;
	font-size:13px;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.quantite label input.champs_quantite {
	display:block; height:40px;
	border:none; background:#fff;
	padding-left: 12px; width:100%;
	padding-right: 0;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.quantite label .bouton_plus, 
.quantite label .bouton_minus {
	display:block; width:20px; height:20px;
	position:absolute; right:0;
	background-repeat:no-repeat;
}
.quantite label .bouton_plus { background-image:url(../js/customForm/images/arrow_small_grey_up.png); top:0; }
.quantite label .bouton_minus { background-image:url(../js/customForm/images/arrow_small_grey_down.png); bottom:0; }
.quantite label .bouton_plus:hover { background-image:url(../js/customForm/images/arrow_small_black_up.png); }
.quantite label .bouton_minus:hover { background-image:url(../js/customForm/images/arrow_small_black_down.png); }
#article-associes {
	-ms-box-shadow:0 0 15px -5px #000;
	-o-box-shadow:0 0 15px -5px #000;
	box-shadow:0 0 15px -5px #000;
}

/* > CONTACT > contact.php ----------------------------------------------------------------------------- */
#contact-content .content_row {
	max-width: 990px;
	margin: 0 auto 50px;
}
#form-contact {
	text-align:center;
	padding:30px 50px 30px 20px;
	background: url(../images/shadow_right.gif) right center no-repeat;
	background-size: auto 100%;
	margin:0 auto;
	float: left;
	width: 70%;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#form-contact label { text-align:left; }
#contact-boutique { 
	width: 30%;
	float: left;
	padding: 40px 20px 40px 50px;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#contact-boutique h2 {
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 700;
	color: #FB9510;
}
#contact-boutique hr {
	margin: 30px 0;
	border: none;
	max-width: 180px;
	background-color: transparent;
	border-bottom: #e8e8e8 2px solid;
}
#submit-actions {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#submit-actions .label-captcha {
	flex: 0 0 auto;
	margin-right: 20px;
}
#submit-actions .privacy-checkbox {
	flex: 1 1 auto;
}

/* > ACTUALITES > actualites.php ----------------------------------------------------------------------- */
#actualites-content { 
	padding-bottom:2%;
	-ms-box-shadow:0 0 15px -5px #000;
	-o-box-shadow:0 0 15px -5px #000;
	box-shadow:0 0 15px -5px #000;
}
#list-actualites { padding:30px 0 0; }
.actualite {
	width:46%; float:left; margin:2%;
	border:#ededed 1px solid;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
transition-property:color, background-color, border-color, box-shadow;			
transition-timing-function:linear;	
	transition-duration:.3s;
}
.actualite > a { display:block; width:100%; height:100%; }
.actualite:hover, .actualite:active {
	background-color:#f5f5f5; border-color:#999;
	-ms-box-shadow:0 0 10px #999;
	-o-box-shadow:0 0 10px #999;
	box-shadow:0 0 10px #999;
}
.actualite .wp50.left img { display:block; width:100% }
.actualite .wp50.right { padding:10% 8% 0; }
.actualite .wp50.right h2 {
	font-family: "Quicksand", sans-serif; font-size:20px; font-weight:700;
	margin-bottom:15%;
}
.actualite .wp50.right p { font-size:13px; margin-bottom:15%; }
.actualite .wp50.right em { font-family: "Jaro", sans-serif; font-size:16px; font-weight:700; }

/* > ACTUALITES > actualites-fiche.php --------------------------------------------------------------------- */
#page_actualites-fiche #actualites-content { padding-bottom:6%; }
#fiche-actualites { 
	margin:2% auto 0; max-width:990px;
	border:#ededed 1px solid;
}
#fiche-actualites .wp40.left img { display:block; width:100% }
#fiche-actualites .wp60.right { padding:3% 40px; }
#fiche-actualites h2 { 
	font-family: "Quicksand", sans-serif; font-size:24px; font-weight:700;
	margin-bottom:20px;
}
#fiche-actualites .wp60.right > em {
	display:inline-block; margin-bottom:40px;
	font-family: "Jaro", sans-serif; font-size:20px; 
}
#fiche-actualites #rs-fiche { margin-top:50px; }

/* > A PROPOS > presentation.php ------------------------------------------------------------------- */
.heading-mini h1 {
	font-size: 52px;
	font-family: "Jaro", sans-serif; 
	line-height: 1em;
}

.thumbnails img { display:block; max-width:100%; }
#presentation-content h1 { 
	font-family: "Jaro", sans-serif; 
	margin-bottom:40px 
}
#presentation-content p { font-size:14px; margin-bottom:10px; }
#presentation-content h2 { 
	font-size:20px; font-weight:600;
	text-transform:uppercase;
	margin-bottom:20px;
}
#presentation-content .content_row { max-width:990px; }
#presentation-content .wp50 { padding:20px 20px; }

/* > GALERIE PHOTO > galerie-photo.php ---------------------------------------------------------------- */
#galerie-content,
#galerie-content * {
	box-sizing: border-box;
}
#galerie-content { padding: 40px 20px 80px; }
#galerie-content ul { 
	display: flex;
	flex-wrap: wrap;
	
}
#galerie-content li { 
	width:20%;
	padding: 5px;
}
#galerie-content li a {
	display:block;
	position: relative;
	background-color:#000000;
	overflow:hidden;
	height: 100%;
}
#galerie-content li a.th_loading { background-color:#fff; }
#galerie-content li a img {
	display:block;
	width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
	transition:all .3s linear;
}
#galerie-content li a.fancyvid::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 20px); 
	left: calc(50% - 20px);
	width: 40px; height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0.75;
	z-index: 1;
	transition: all .3s linear;
}
#galerie-content li a:hover img {
	transform:scale(1.2);
	opacity:.4;
}
#galerie-content li a.fancyvid:hover::before {
	opacity: 1;
	transform: scale(1.75);
}
#galerie-content.gallery-albums { 
	max-width: 1820px; 
	margin: 0 auto;
}
#galerie-content.gallery-albums li { width: 25%; }
#galerie-content li a .gallery-album-title {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 60px;
	min-height: 25%;
	color: #fff;
	font-size: 14px; 
	font-weight: 600;
	line-height: 1.25em;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	background-color: rgba(0, 0, 0, 0.5);
	transition: all .3s linear;
}
#galerie-content li a:hover .gallery-album-title {
	background-color: rgba(0, 0, 0, 0.75);
	height: 100%;
}

@media screen and (min-width: 1600px) { #galerie-content ul li { width: 16.66%; } }
@media screen and (max-width: 990px) { #galerie-content ul li { width: 25%; } }
@media screen and (max-width: 750px) { #galerie-content ul li { width: 33.33%; } }
@media screen and (max-width: 575px) { #galerie-content ul li { width: 50%; } }

@media screen and (min-width: 1600px) { #galerie-content.gallery-albums ul li { width: 25%; } }
@media screen and (max-width: 990px) { #galerie-content.gallery-albums ul li { width: 33.33%; } }
@media screen and (max-width: 750px) { #galerie-content.gallery-albums ul li { width: 50%; } }
@media screen and (max-width: 575px) { #galerie-content.gallery-albums ul li { width: 100%; } }

/* > PRESSE > presse.php ---------------------------------------------------------------- */
#presse-content { padding: 0 20px 40px; }
#presse-content li { width:25%; float:left; }
#presse-content li a {
	display:block; 
	margin:5px;
}
#presse-content li figure {
	position: relative;
	background-color:#000000;
	overflow:hidden;
}
#presse-content li figure::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0; right: 0;
	width: 34px; height: 34px;
	background: url(../images/common/ico_zoom.png) 0 0 no-repeat;
	background-color: #fff;
}
#presse-content li a.th_loading { background-color:#fff; }
#presse-content li a img {
	display:block;
	width:100%;
	transition:all .3s linear;
}
#presse-content li a:hover img {
	transform:scale(1.2);
	opacity:.4;
}
#presse-content li a strong {
	display: block;
	font-size: 15px;
	font-weight: 300;
	padding: 10px 0 20px;
}
#presse-content li:nth-child(4n+1) { clear: left; }

/* > PANIER > panier.php ---------------------------------------------------------------------------------------------- */
/* tunnel étapes */
#panier-tunnel { margin-top:60px; text-align:center; }
#panier-tunnel li { 
	display:inline;
	font-family: "Quicksand", sans-serif;
	font-size:13px;
}
#panier-tunnel li span.num {
	vertical-align:middle; margin:0 5px 0 0;
	display:inline-block; width:24px; height:24px;
	border-radius:50%; border:#d4d4d4 1px solid; background:#fff;
	font-size: 16px; font-weight:600; line-height:24px; 
}
#panier-tunnel li > span.num { margin-left:10px; }
#panier-tunnel li > a { display:inline-block; margin-left:10px; text-decoration:underline; }
#panier-tunnel li > a:hover { color:#999 }
#panier-tunnel li > a:hover span.num { background:#000000; border-color:#000000; color:#fff; }
#panier-tunnel li > a span.num { text-decoration:none; }
#panier-tunnel li.active span.num { background:#FB9510; border-color:#FB9510; color:#fff; }
#panier-content { padding-bottom:50px; }

/* code promo */
#promo-info-commande { margin:20px auto; }
#form-reduction { 
	padding: 30px; 
	border:#d5d5d5 1px solid;
}
#form-reduction label {
	display: flex;
	justify-content: space-between;
}
#form-reduction #code_reduction { border-radius: 20px 0 0 20px; }
#form-reduction #submit_reduction { border-radius: 0 20px 20px 0; }
#form-reduction legend { margin-bottom:20px; }
#form-reduction #code_reduction { 
	width:80%; float:left; height:40px;
	font-family: "Quicksand", sans-serif; font-size: 14px;
}
#form-reduction #submit_reduction { 
	width:20%; float:left;
	padding:0; 
}

/* total TTC et infos commande */
#total-commande { 
	font-family: "Quicksand", sans-serif; 
	font-size: 12px; color:#231f20;
}
#total-commande .article-prix { color:#000000 }
#total-commande h4 { 
	font-size: 15px; font-weight:700;
	margin-bottom:15px; text-transform:uppercase 
}
#field-reduction, #field-livraison { padding:10px 0; }
#field-reduction .article-prix { float:right; }
#page_panier #field-reduction .article-prix { float:none; }
#field-reduction p { 
	padding:5px 0; line-height:24px;
	border-bottom:#e9e6e5 1px solid; 
}
#field-reduction p span {
	display:inline-block;
	line-height:normal; 
}
#field-livraison p.text-center { 
	color:#FB9510; 
	padding: 10px; 
	background-color: #000;
	font-size: 16px;
	margin: 0 0 20px;
}
#field-livraison p.text-center strong { color: #fff; }
#field-livraison .wp50.left  { margin-top:10px; }
#field-livraison .wp50.right, 
#field-livraison .wp50.right .selecter,
#field-livraison .wp50.right select  { margin:0; }
#field-livraison .livraison-moyen {
	clear:right;
	padding:5px 0; line-height:24px; margin:0;
	border-bottom:#e9e6e5 1px solid; text-transform:uppercase 
}
#field-livraison .livraison-moyen em.fc-gris { 
	display:block; padding: 0 0 10px 22px;
	line-height:16px; font-size:12px;
	clear:right;
}
#field-livraison .livraison-moyen .article-prix { float:right; }
#total-ttc { 
	background:#f6f6f6;
	margin:20px 0; padding:20px;
}
#total-ttc .article-prix { font-size:2.2em; }
#accept-paiement { line-height:18px; float:right; }
#accept-paiement img { 
	width:30px; vertical-align:middle;
	margin-left:10px; 
}
#form-valid { margin-top:50px; }

/* TABLEAUX & FAKES */
.table {
	display:table;
	border-collapse:separate;
	margin:20px auto; max-width:1280px; width:100%;
}
.table-row, .table-legend { display:table-row; }
.table-cell { 
	display:table-cell;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.table-legend .table-cell {
	background:#f6f6f6; border-left:#fff solid 2px; border-right:#fff solid 2px;
	font-family: "Quicksand", sans-serif; font-size:13px;
	padding:5px 10px;
}
.table-row .table-cell { 
	padding:10px; vertical-align:middle;
	border-bottom:#e9e6e5 1px solid; 
}

/* TABLEAUX > panier */
#table-panier { }
#table-panier .article-info-content { 
	display: flex;
	align-items: center;
	font-size:13px; 
}
#table-panier .article-title { font-size:15px; color:#231f20; margin:0 0 5px }
#table-panier .article-info span { display:inline-block; vertical-align:middle; margin-right:20px; }
#table-panier .article-thumb { max-width:100px; margin-right:15px; }
#table-panier .article-thumb > img { display:block; max-width:100%; }
#table-panier .article-thumb + div { flex: 1 1 auto; }
#table-panier .article-info > a { /*display:inline-block;*/ width:100%; }
#table-panier .article-info > a:hover .article-title { color:#606060; }
#table-panier .article-info > a:hover .article-thumb > img { opacity:0.6; }
#table-panier .article-prix {
	text-align:center;
	width:12%; min-width:110px; 
}
#table-panier .article-prix .prix-barre { display:block; }
#table-panier .table-row .article-prix:last-child { font-weight: 700; }
#table-panier .quantite {
	text-align:center;
	width:8%; min-width:80px;
}
#table-panier .quantite label { display:inline-block; vertical-align:middle; margin:0 }
#table-panier .icon-cell { width:25px; }
.article-del, .bt-del {
	display:block; width:24px; height:24px;
	vertical-align:middle; overflow:hidden;
}
.article-del:hover > img,
.bt-del:hover > img { margin-top:-24px; }


/* PANIER > COORDONNEES > panier-coordonnees.php ------------------------------------ */
/*
input[type='submit'], .submit, 
input[type='button'], .button {
	background-color:#000000 !important; 
	border-color:#000000 !important; 
	color:#ffffff
}
*/
#coordonnees-content { 
	padding: 0 20px 80px; 
}
#coordonnees-content #breadcrumb { margin-bottom: 30px; }
#coordonnees-content #panier_compte:last-child {
	max-width: 640px;
}
#login_coordonnee {
	color:#000;
	background:#f3f3f3; 
	margin-top:20px; padding: 30px;
}
#login_coordonnee h2 { color:#000000 }
#login_coordonnee .submit:hover, 
#login_coordonnee input[type='submit']:hover, 
#login_coordonnee input[type='button']:hover, 
#login_coordonnee .button:hover {
	background-color:#646464; 
	border-color:#646464; 
	color:#ffffff
}

#coordonnees-content .form-creation:last-child {
	max-width: 640px;
	margin: 0 auto;
}

#panier_compte fieldset p,
p#show_adresse_livraison,
p#show_adresse_facturation  { 
	clear:both; 
	background-color: #f3f3f3;
	padding: 10px 15px; 
	font-size: 14px; 
	margin: 15px 0; 
	line-height: 1.4em;
}

#panier_compte p strong { font-size:14px; }
#panier_compte fieldset {
	padding:0 0 20px; margin-bottom:20px;
	border-bottom:#e9e6e5 1px solid;
}

/* PANIER > PAIEMENT > panier-paiement.php ------------------------------------ */
#panier_paiement { max-width:990px; }
#list-paiement { 
	margin:30px 0; 
	padding:20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#list-paiement,
#list-paiement * {
	box-sizing: border-box;
}
#list-paiement li { padding: 20px; }
#list-paiement a {
	display: flex; 
	text-align:center;
	height: 100%;
	min-height: 180px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:30px 10px; height:150px;
	border:#bebebe 1px solid;
	transition:all .3s linear;
}
#list-paiement a span,
#list-paiement a strong { display:block; margin-top:10px; }
#list-paiement a:hover {
	border-color:#bfbfbf;
	-ms-box-shadow:#bfbfbf 0 0 10px;
	-o-box-shadow:#bfbfbf 0 0 10px;
	box-shadow:#bfbfbf 0 0 10px;
}
#list-paiement span img { max-width:28%; margin: 0 2px; }

/* PANIER > RECAPITULATIF > panier-recapitulatif.php ------------------------------------ */
#recapitulatif-content { padding:0 20px 50px; }
.info-recapitulatif { 
	font-size:14px;
	margin:20px auto; padding:30px;
	border:#e3e0de 1px solid;
}
.info-recapitulatif h2 { 
	color: #bfbfbf;
	margin-bottom:20px;
	font-family: "Jaro", sans-serif;
	text-transform: uppercase;
}
.info-recapitulatif h3 { margin-bottom:15px; }
.info-recapitulatif .wp50 > p { 
	font-size: 13px; 
	min-height: 100px; 
	max-width: 220px;
	line-height: 1.33em;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom:#e3e0de 1px solid;
}
.info-recapitulatif .wp50 > p img { margin-top:8px; }
#field_cgv {
	padding:20px; 
	font-size:13px;
	background-color:#f6f6f6; margin:20px auto;
}
#page_panier-recapitulatif #field-reduction .article-prix { float:right; }

/* PANIER > CONFIRMATION > panier-confirmation.php ------------------------------------ */
#confirmation-content { padding: 40px 20px 80px; }
#confirmation-content h2 { 
	font-family: "Jaro", sans-serif; 
	text-transform: uppercase;
	margin: 30px auto 0;
	font-size: 24px; 
	margin-bottom:20px;
	color:#000000;
}
#confirmation-content h3 { margin-bottom: 20px; }
#confirmation-content a.link-white { 
	font-family: "Quicksand", sans-serif; 
	font-weight:700; 
	font-style:normal; 
	font-size: 16px;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 20px;
	background-color: #000;
	color: #fff;
	transition:background-color .2s, color .2s;
}
#confirmation-content a.link-white:hover {
	background-color: #FB9510;
	color: #000;
}

/* > PAGES COMPTE
-------------------------------------------------------------------------------------------------------------------------------- */
#pages-comptes {
	background-repeat: repeat-y;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='200px' height='200px'%3E%3Cpath fill-rule='evenodd' fill='rgb(243, 243, 243)' d='M-0.000,-0.000 L200.000,-0.000 L200.000,200.000 L-0.000,200.000 L-0.000,-0.000 Z'/%3E%3C/svg%3E");
	background-size: 50% auto;
}
#pages-comptes .content_row {
	display: flex;
	flex-wrap: wrap;
}
#pages-comptes p { font-size:13px; }
#pages-comptes > .content_row { background:#f3f3f3; }

#menu-compte { 
	background:#f3f3f3; font-size:13px;
	height:200px;
}

#alt-menu-compte {
	background:url(../images/common/arrow_small_black_down.png) right center no-repeat;
	height:20px; line-height:20px; padding:5px 10px; margin:5px 30px;
	display:none; text-align:center; font-weight:700; font-size:11px;
	transition:background-color .3s linear;
}
#alt-menu-compte:hover, 
#alt-menu-compte:active { background-color:#e4e4e4; }
#alt-menu-compte img { vertical-align:middle; }
#menu-compte ul { margin-top:60px; }
#menu-compte li { }
#menu-compte li.active { 
	background:#e4e4e4;
}
#menu-compte ul li.active:first-child a { border-top:none; }
#menu-compte li a {
	display:block; padding:10px;
	background:url(../images/common/arrow_small_grey_right.png) right 6px center no-repeat;
	border-bottom:#dfdfdf 1px solid;
	transition:all linear .2s;
}
#menu-compte li a:hover { 
	background-color:#e4e4e4; 
	background-image:url(../images/common/arrow_small_black_right.png);
}
#menu-compte li.active a {
	background-image:url(../images/common/arrow_small_black_right.png);
	color:#000; 
	border: none 
}

#compte-content {
	padding:20px 20px 40px;
	background:#fff;
	min-height:460px;
}
#compte-content #breadcrumb { 
	text-align:left; 
	padding:0; 
	margin-top: -30px;
	margin-bottom: 60px;
}

#compte_informations,
#compte_identifiant,
#compte_adresses { max-width:520px; }

a.smaller.alt-bt-ico img.bt-ico { display:none; }

/* > compte-accueil */
#infos-client { padding:20px; background:#f3f3f3; }
#compte-historique-commande { 
	border-top:#e3e3e3 1px solid; 
	font-size:12px; 
	margin-top:20px; 
	display: table;
	width: 100%;
}
#compte-historique-commande li { 
	padding:10px 5px; 
	border-bottom:#e3e3e3 1px solid;
	min-height:24px; line-height:24px;
	display: table-row;
}
#compte-historique-commande li > div { 
	display: table-cell;
	padding: 5px;
}
#compte-historique-commande li em {
	color: #bfbfbf;
	display: block;
}
#compte-historique-commande li .action-commande {
	vertical-align: middle;
	padding: 0 0 0 5px;
	width: 40px;
}
.text-danger { color: #dc3545; }
.text-warning { color: #ffc107; }
.text-info { color: #000000; }
.text-success { color: #28a745; }

@media screen and (max-width: 640px) {
	#compte-historique-commande * {
		box-sizing: border-box;
	}
	#compte-historique-commande { display: block; }
	#compte-historique-commande li {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		padding: 10px 5px;
	}
	#compte-historique-commande li > div { 
		width: 50%;
		padding: 0 5px;
	}
	#compte-historique-commande li .action-commande {
		position: absolute;
		top: 10px; right: 10px;
		width: auto;
	}
}
@media screen and (max-width: 480px) {
	#compte-historique-commande li > div { 
		width: 100%;
	}
}

/* > compte-identifiants */
#field_login p .fc-gris,
#field_login label input { 
	display: inline-block;
	max-width: 260px;
	float: right;
	width:50%; 
}
#field_mdp label input { 
	max-width: 200px;
	width: 40%; 
}
@media screen and (max-width: 540px) {
	#field_login p .fc-gris,
	#field_login label input,
	#field_mdp label input { 
		display: block;
		max-width: 100%;
		width: 100%; 
		float: none;
		margin-top: 10px;
	}
}



/* > compte-adresses */
.floated-label {
	display: flex;
	align-items: center;
}

#list_adresses { 
	font-size: 13px;
	line-height: 1.33em;
}
#list_adresses .icon-cell { 
	text-align: center;
	width: 220px;
}
#list_adresses .icon-cell a {
	font-size: 11px;
}

@media screen and (max-width: 640px) {
	#list_adresses .icon-cell { width: auto; }
}


/* > compte-commandes */
#list_commandes {
	font-size: 13px;
	line-height: 1.33em;
}
#list_commandes .icon-cell {
	text-align: center;
	width: 200px;
}
#list_commandes .icon-cell a {
	font-size: 11px;
}

@media screen and (max-width: 640px) {
	#list_commandes .icon-cell { width: auto; }
}

@media screen and (max-width: 520px) {
	#list_commandes .table-row {
		display: flex;
		flex-wrap: wrap;
		border: #e3e3e3 1px solid;
		padding: 10px;
		margin: 8px 0;
	}
	#list_commandes .table-cell {
		display: block;
		width: 100%;
		text-align: center;
		border: none;
		padding: 2px 0;
	}
	#list_commandes .table-cell .show-on-mob { display: inline-block; vertical-align: middle; margin-right: 5px; }
}

/* > compte-mdp */
#page_compte-mdp #coordonnees-content { padding:40px 20px 100px; }
#page_compte-mdp #login_coordonnee {
	margin:0 auto; max-width:500px;
}
#page_compte-mdp label.floated-label #login { width:80%; }
#page_compte-mdp #submit_identification { display:block; margin:20px auto 0; width:220px; padding:0; }

#infos-commandes-details .fs12 { line-height: 1.25em; }

/* > CONTENT ASIDE
-------------------------------------------------------------------------------------------------------------------------------- */
/* aside > index.php */
#aside-home {
	position:relative;
	background-image:url(../images/index/index_1.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
	background-size:cover;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5% 20px;
	color:#fff;
	-ms-box-shadow:0 5px 10px -5px #000 inset,
				   0 -5px 10px -5px #000 inset;
	-o-box-shadow:0 5px 10px -5px #000 inset,
				  0 -5px 10px -5px #000 inset;
	box-shadow:0 5px 10px -5px #000 inset,
			   0 -5px 10px -5px #000 inset;
}
#aside-home::before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
}
#aside-home .wp33 {  
	display: flex;
	justify-content: center;
	align-items: center;
}
#aside-home .wp33 .image-link {
	display:block; position:relative;
	text-align:center;
	width:100%; max-width:320px;
}
/*#aside-home #encart-facebook .image-link { margin:0 auto; max-width:400px; }*/
#aside-home #encart-facebook {
	display: flex;
	align-items: center;
	justify-content: center;
}
#aside-home #encart-facebook a {
	width: 64px;
	height: 64px;
	margin: 0 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#aside-home #encart-facebook a svg {
	display: block;
	width: 55px;
	height: 55px;
	fill: #FB9510;
	transition: fill .3s, transform .5s;
}
#aside-home #encart-facebook a:hover svg {
	transform: scale(1.2);
	fill: #000;
}
#aside-home .wp33 .image-link img {
	display:block; width:100%;
	transition:transform .3s linear;
}
#aside-home .wp33 .image-link .baner-title { position:absolute; left:0; top:0; }
#aside-home .wp33 .image-link:hover .baner-title,
#aside-home #encart-facebook .image-link:hover .bg-stars {
	transform:scale(1.2);
}
#aside-home .wp33 .image-link:hover .bg-stars,
#aside-home #encart-facebook .image-link:hover .baner-title {
	transform:scale(0.8);
}

/* aside > newsletter */
#aside-newsletter {
	clear:both;
	background:#f3f3f3;
	padding:60px 0;
	margin:0 auto; 
}
#aside-newsletter p { line-height:42px; font-size:30px;  }
#aside-newsletter form {
	width:20%; float:left;
	background-color:#fff;
	border:#b1b1b1 1px solid;
	display:block; padding:6px 0;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
#aside-newsletter input {
	display:block; float:left;
	border:none; background:none;	
	font-family: "Quicksand", sans-serif; 
	font-size:12px; font-weight:300;
	color:#7e7e7e; height:28px;
	text-align:center;
}
#aside-newsletter #aside-newsletter-text { 
	width:80%; padding:0 10px;
	text-align: left;
	border-right:#d1d1d1 1px solid;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
#aside-newsletter #aside-newsletter-submit { padding:0; width:20%; cursor:pointer; }
#aside-newsletter #aside-newsletter-submit:hover { color:#000000 }

#aside-newsletter #aside-newsletter-succes,
#aside-newsletter #aside-newsletter-erreur { 
	display:none; 
	clear:both;
	margin: 10px auto;
	max-width: 320px;
	border-radius: 8px;
	padding:10px; text-align:center;
	font-weight:700; font-size:13px;
}
#aside-newsletter #aside-newsletter-erreur { 
	color:#e30613;
	background-color:#f7d7d9;
}
#aside-newsletter #aside-newsletter-succes { background-color: #FB9510; }
#aside-newsletter #aside-newsletter-erreur em,
#aside-newsletter #aside-newsletter-succes em { display:none; }

.privacy-checkbox {
	position: relative;
	padding-left: 28px;
	line-height: 1.2em;
	padding: 5px 5px 5px 30px;
	font-size: 11px;
	color: #848484;
}
.privacy-checkbox a { text-decoration: underline; }
.privacy-checkbox input {
	position: absolute;
	top: 5px; left: 5px;
	line-height: 1em;
	height: auto;
}
.privacy-checkbox.errorfield {
    color: #FB9510;
	position: relative;
	max-width: 140px;
    top: -40px;
}
.privacy-disclaimer {
	margin: 3em auto 0;
	line-height: 1.2em;
	font-size: 11px;
	color: #848484;
}
#aside-newsletter .privacy-checkbox {
	display: block;
	max-width: 370px;
	margin: 10px auto 0;
}
#aside-newsletter .privacy-checkbox input {
	height: auto;
}

/* réseaux sociaux partages */
#asd-socialnetwork {
	padding: 50px 0;
	background:#efefef;
}
#asd-socialnetwork h2 { 
	font-family: "Jaro", sans-serif;
	margin-bottom:15px; 
	font-size:24px;
	color: #bfbfbf;
}
#rs-fiche li { display:inline; }
#rs-fiche li a {
	display:inline-block;
	width:30px; height:30px;
	margin-right:5px; overflow:hidden;
}
#rs-fiche li a:hover img { margin-top:-30px; }

/* > 404 */
#content-404 {
	max-width: 100%;
	background-image:url(../images/common/bgn_404.jpg);
	background-size:cover;
	text-align: center;
	padding: 5% 15px;
}
#content-404 .wp100 {
	max-width: 580px;
	margin: 0 auto;
	padding: 15px;
}
#content-404 h1 {
	font-family: "Jaro", sans-serif;
	text-transform: uppercase;
	font-size: 44px;
	color: #000;
	margin: 0 0 10px;
}
#content-404 h2 {
	font-size: 24px;
	margin: 0 0 40px;
}
@media screen and (min-width: 1600px) {
	#content-404  h1 { font-size: 78px; }
	#content-404  h2 { font-size: 30px; }
}


#page_404 #head-page {
	background-image:url(../images/common/bgn_404.jpg);
	background-size:cover;
}
#page_404 #head-page h1 strong { display:block; line-height:24px; margin-top:20px; }
#page-404 ul li { margin-top:10px; }

/* > CGV */
#page_cgv .css_sommaire {
	margin:20px 0;
	font-size:13px;
}
#page_cgv .css_sommaire a { 
	display:inline-block; 
	margin-top:5px; color:#999;
	text-decoration:underline;
}
#page_cgv .css_sommaire a:hover { color:#000000; }

#page_cgv h2 {
	font-family: "Quicksand", sans-serif;
	font-size:22px; font-weight:700;
	text-transform:uppercase;
}
#page_cgv h3 { 
	font-family: "Quicksand", sans-serif;
	font-size:16px; color:#808080;
	margin-top:10px;
}

/* > POLITIQUE DE CONFIDENTIALITE
-------------------------------------------------------------------------------------------------------------------------------- */
#page_privacy { }
#privacy { 
	padding-bottom: 50px;
}
#privacy h2 {
	font-weight: 700;
	font-size: 24px;
	margin: 30px 0 20px;
}
#privacy h3 {
	font-weight: 700;
	font-size: 18px;
	margin: 20px 0 10px;
}
#privacy h4 {
	font-weight: 700;
	font-size: 16px;
	margin: 20px 0 10px;
}
#privacy h5 {
	font-size: 16px;
	margin: 10px 0 5px;
	color: #949494;
}
#privacy table { padding: 5px; }
#privacy th {
	font-size: 13px;
	font-weight: 700; 
}
#privacy td {
	font-size: 13px;
}
#privacy th { background-color: #f3f3f3; }

#page_privacy { }
#privacy { 
	padding-bottom: 50px;
}
#privacy h2 {
	font-weight: 700;
	font-size: 24px;
	margin: 30px 0 20px;
}
#privacy h3 {
	font-weight: 700;
	font-size: 18px;
	margin: 20px 0 10px;
}
#privacy h4 {
	font-weight: 700;
	font-size: 16px;
	margin: 20px 0 10px;
}
#privacy h5 {
	font-size: 16px;
	margin: 10px 0 5px;
	color: #949494;
}
#privacy table { padding: 5px; }
#privacy th {
	font-size: 13px;
	font-weight: 700; 
	padding: 5px;
}
#privacy td {
	font-size: 13px;
	padding: 8px;
}
#privacy th { background-color: #f3f3f3; }


/* > FANCY
-------------------------------------------------------------------------------------------------------------------------------- */
body._fancy {
	background:#fff;
	font-family: "Quicksand", sans-serif;
	font-size:16px;
}
._fancy .wrapper { padding:20px; }

/* fancy-Ajout-panier.php --------------------------------------------------------- */
#fancy-ajout-panier .wrapper { padding:40px 30px 0; }
#fancy-ajout-panier div.text-center { margin:40px 0 0; }
#fancy-ajout-panier #article-associes {
	position:relative;
	background:#f1f1f1; height:410px; overflow:hidden;
	-ms-box-shadow:#ccc 0 5px 10px inset;
	-o-box-shadow:#ccc 0 5px 10px inset;
	box-shadow:#ccc 0 5px 10px inset;
	margin:0; padding:20px 0 20px;
}
#fancy-ajout-panier #article-associes h2 { margin-bottom:20px; }
#fancy-ajout-panier #article-associes .carousel { margin:0 auto; padding:0 40px; max-width:720px; }
#fancy-ajout-panier #article-associes .list-article { padding:0; }
#fancy-ajout-panier #article-associes .flex-viewport { }
#fancy-ajout-panier #article-associes .article { 
	background-color:#fff; border:none;
	padding:0; margin:0;
}
#fancy-ajout-panier #article-associes .article > a { padding:16px;	border:#fff 2px solid; }
#fancy-ajout-panier #article-associes .article:hover > a { padding:16px; border-color:#e0e0e0; }
#fancy-ajout-panier #article-associes .article .article-overlay { 
	width:auto; height:55px;
	left:2px; right:2px;
}
#fancy-ajout-panier #article-associes .article .article-thumb {
	width: 75%;
	margin: 0 auto;
}
#fancy-ajout-panier #article-associes .article .content-encarts {
	top: 12px;	right: 12px;
}
#fancy-ajout-panier #article-associes .article .content-encarts .encart-promo,
#fancy-ajout-panier #article-associes .article .content-encarts .encart-nouveau {
	padding: 3px 8px;
}
#fancy-ajout-panier #article-associes .list-article {
	display: flex;
}
#fancy-ajout-panier #article-associes .article,
#fancy-ajout-panier #article-associes .article * {
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
#fancy-ajout-panier #article-associes .article {
	height: auto;
}
#fancy-ajout-panier #article-associes .article .article-info {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px 20px 0;
	min-height: inherit;
}
#fancy-ajout-panier #article-associes .article .article-title {
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	font-size: 13px;
}
#fancy-ajout-panier #article-associes .article .article-prix {
	text-align: center;
	width: 100%;
}
#fancy-ajout-panier .flex-direction-nav {
	position:relative;
	height:5px;
}
#fancy-ajout-panier .flex-direction-nav li { width:20px; float:right; }
#fancy-ajout-panier .flex-direction-nav li:first-child { float:left; }
#fancy-ajout-panier .flex-direction-nav li a.flex-prev { left:-15px; }
#fancy-ajout-panier .flex-direction-nav li a.flex-next { right:-15px; }
#fancy-ajout-panier .flex-direction-nav li a {
	display:block; width:20px; height:40px;
	position:absolute; z-index:3; color:#fff;
	border:#000000 2px solid; text-align:center;
	line-height:40px; background:#000000; margin-top:-190px;
	transition:background .2s linear, border-color .2s linear;
}
#fancy-ajout-panier .flex-direction-nav li a:hover { background:#bfbfbf; border-color:#bfbfbf; }

.button {

}

/* > FOOTER
-------------------------------------------------------------------------------------------------------------------------------- */
#footer { background:#ffffff; padding:20px 0 0; }
#footer .content_row { padding: 40px 20px; }
#footer .content_row .wp33 { padding: 10px 20px; }
#footer-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 20px;
}
#footer-content .email {
	text-transform: none;
	text-decoration: underline;
	font-weight: 700;
	font-size: .875em;
}
#footer-content .email:hover { color: #bfbfbf; }
#footer h4 {
	text-transform:uppercase;
	font-weight:400; 
	font-size: 16px;
	max-width:280px;
}
#footer p { font-size:12px; font-weight:600; line-height:22px; }

#foot-presentation { }
#foot-presentation .foot-logo {
	display: block;
	max-width: 180px;
	margin: 0 0 16px;
}
#foot-presentation h4 { margin:6px 0 20px; }
#foot-presentation .button-blue { margin-top:0; }
#nav-footer li.title-nav { margin-bottom:20px; }
#nav-footer li { font-size:11px; font-weight:600; margin:6px 0; }
#nav-footer li a:hover { text-decoration:underline; color:#666 }

#rs-footer { margin-top:20px; }
#rs-footer li { display:inline; }
#rs-footer li a {
	display:inline-block;
	width:30px; height:30px;
	margin-right:5px; overflow:hidden;
}
#rs-footer li a:hover img { margin-top:-30px; }
#footer .foot-hr {
	clear:both; display:block; height:1px;
	background:#e5e5e5; border:none;
}
#qualite-footer { 
	font-size:13px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#qualite-footer li { 
	float:left; width:25%;
	display: flex;
	align-items: center;
	color:#000000;
	font-weight: 300;
}
#qualite-footer li img { 
	vertical-align:middle;
	flex: 0 0 auto;
	margin-right: 10px;
}
#qualite-footer li strong { 
	vertical-align:middle;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 18px; 
}
/*#footer .adresse h4 { color: #FB9510 }*/
#footer .adresse p { 
	font-weight: 400;
	margin: 15px 0 0;
}
#footer .adresse p + p { margin-top: 5px; }
#footer .adresse strong { font-weight: 700; }

/* > CLASSES GEOMETRY
-------------------------------------------------------------------------------------------------------------------------------- */
/* > Break hauteur -------------------------- */
.hspace_10 { clear:both; height:10px; }
.hspace_20 { clear:both; height:20px; }
.hspace_30 { clear:both; height:30px; }
.hspace_50 { clear:both; height:50px; }

/* > Margin --------------------------------- */
.marg0    { margin:0; }
.margt0   { margin-top:0; }
.margt10  { margin-top:10px; }
.margt20  { margin-top:20px; }
.margt30  { margin-top:30px; }
.margt50  { margin-top:50px; }
.margl0	  { margin-left:0; }
.margl10  { margin-left:10px; }
.margl20  { margin-left:20px; }
.margl30  { margin-left:30px; }
.margl50  { margin-left:50px; }
.margr0	  { margin-right:0; }
.margr10  { margin-right:10px; }
.margr20  { margin-right:20px; }
.margr30  { margin-right:30px; }
.margr50  { margin-right:50px; }
.margb0   { margin-bottom:0; }
.margb10  { margin-bottom:10px; }
.margb20  { margin-bottom:20px; }
.margb30  { margin-bottom:30px; }
.margb50  { margin-bottom:50px; }
.margauto { margin-left:auto; margin-right:auto; }

/* > Padding --------------------------------- */
.pad0    { padding:0; }
.pad10   { padding:10px; }
.pad15   { padding:15px; }
.pad20   { padding:20px; }
.pad30   { padding:30px; }
.pad40   { padding:40px; }
.padt0   { padding-top:0; }
.padt10  { padding-top:10px; }
.padt20  { padding-top:20px; }
.padt30  { padding-top:30px; }
.padt40  { padding-top:40px; }
.padt50  { padding-top:50px; }
.padl0	 { padding-left:0; }
.padl10  { padding-left:10px; }
.padl20  { padding-left:20px; }
.padl30  { padding-left:30px; }
.padl40  { padding-left:40px; }
.padl50  { padding-left:50px; }
.padr0	 { padding-right:0; }
.padr10  { padding-right:10px; }
.padr20  { padding-right:20px; }
.padr30  { padding-right:30px; }
.padr40  { padding-right:40px; }
.padr50  { padding-right:50px; }
.padb0   { padding-bottom:0; }
.padb10  { padding-bottom:10px; }
.padb20  { padding-bottom:20px; }
.padb30  { padding-bottom:30px; }
.padb40  { padding-bottom:40px; }
.padb50  { padding-bottom:50px; }
.padLR0  { padding-left:0; padding-right:0 }
.padLR10 { padding-left:10px; padding-right:10px }
.padLR15 { padding-left:15px; padding-right:15px }
.padLR20 { padding-left:20px; padding-right:20px }
.padLR30 { padding-left:30px; padding-right:30px }
.padLR40 { padding-left:40px; padding-right:40px }
.padTB0  { padding-top:0; padding-bottom:0 }
.padTB10 { padding-top:10px; padding-bottom:10px }
.padTB15 { padding-top:15px; padding-bottom:15px }
.padTB20 { padding-top:20px; padding-bottom:20px }
.padTB30 { padding-top:30px; padding-bottom:30px }
.padTB40 { padding-top:40px; padding-bottom:40px }
.padTB50 { padding-top:50px; padding-bottom:50px }
.padTB60 { padding-top:60px; padding-bottom:60px }

/* > FONTS / TEXTS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > couleurs --------------------------------------------------- */
.fc-blanc 	{ color:#ffffff; }
.fc-rouge 	{ color:#FB9510; }
.fc-bleu    { color:#000000; }
.fc-bleu2   { color:#bfbfbf; }
.fc-gris 	{ color:#bfbfbf; }
.fc-noir 	{ color:#000000; }

/*.link-black-grey { color:#000; text-decoration:underline; }
.link-black-grey:hover { color:#666; }*/

.link-blue-white { color:#000000 }
.link-blue-white:hover { color:#bfbfbf }
.link-blue-blue2 { color:#000000 }
.link-blue-blue2:hover { color:#bfbfbf }

/* > font-weight ------------------------------------------------ */
.fw-300 	{ font-weight:300; }
.fw-400 	{ font-weight:400; }
.fw-500 	{ font-weight:500; }
.fw-600 	{ font-weight:600; }
.fw-700 	{ font-weight:700; }
.fw-900 	{ font-weight:900; }
.fw-norm	{ font-weight:normal; }
.fw-bold	{ font-weight:bold; }
.fs-italic 	{ font-style:italic; }
.fs-norm  	{ font-style:normal; }

/* > textes ------------------------------------------------------ */
.undernone { text-decoration:none; }
.underline { text-decoration:underline; }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:none; }
.text-justify 	{ text-align:justify; }
.text-center 	{ text-align:center; }
.text-right 	{ text-align:right; }
.text-left 		{ text-align:left; }

/* > fonts -------------------------------------------------------- */

.font-roboto     { font-family: "Quicksand", sans-serif; }
.font-montserrat { font-family: "Quicksand", sans-serif; }
.font-vibur 	 { font-family: "Jaro", sans-serif; }

.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fs36 { font-size: 36px; }
.fs40 { font-size: 40px; }

/*
*	font-family: Arial, Helvetica, sans-serif;
*/
.font-arial-12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.text-surrounded {
	display: inline-block;
	background-color: #FB9510;
	margin: -2px 5px -2px 0;
	padding: 2px 8px;
	color: #000000;
	font-weight: 700;
}

/* > QUERIES
-------------------------------------------------------------------------------------------------------------------------------- */
@media print {
  #menu, #footer, aside {
    display:none;
  }
  body {

  }
}