/*
		=================================
		
			CSS	v1.3.7
		
	 	=================================

	loading database connexion ------ OK
	loading admin functions --------- OK
	loading css functions ----------- OK
	loading vars -------------------- OK
	loading lan --------------------- OK (fr)
	website name -------------------- Epis Pop - Boulangerie bio au levain à Orléans
	website link -------------------- https://www.epis-pop.fr
	last modified ------------------- 21/Feb/2023 21:23:40
	author -------------------------- Seb @ One Color

	listing available colors -

		#FFFFFF --- blanc
		#000000 --- noir
		#573724 --- marron
		#7C4E37 --- lmarron
		#C27F39 --- llmarron
		#F9B233 --- jaune
		#405320 --- svert
		#81A02C --- vert
		#ffb3b3 --- lrouge
		#FF0000 --- rouge
		#600000 --- srouge



	/*=============================================================================*\
	=										=
	=		RESET STYLE / IMPORT FONTS / TRANSITIONS / ANIMATIONS		=
	=										=
	\*=============================================================================*/



h1,h2,h3,h4,h5,h6,p,ul,ol,li,blockquote,pre,html,body,table,tbody,tr,th,td,tfoot,thead,img,form,fieldset,a {
	margin: 0;
	padding: 0;
	border: none;
	outline:none;
	list-style-type: none;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a{
	color:inherit;
}
html{
	overflow: auto;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:12px;
	color:#000000;
	-webkit-tap-highlight-color:transparent;
	background-color:#FFFFFF;
	position:fixed;	/* hack safari */
	cursor:default;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
*:focus {
	outline: none!important;
}
:root{
	--scale-captcha: 1;
}
@font-face {
	font-family: "epispop_light";
	src:
		url("../font/Merriweather/merriweather-light-webfont.eot");
	src: 
		url("../font/Merriweather/merriweather-light-webfont.eot?#iefix") format('embedded-opentype'),
		url("../font/Merriweather/merriweather-light-webfont.svg#merriweatherlight") format('svg'),
		url("../font/Merriweather/merriweather-light-webfont.ttf") format('truetype'),
		url("../font/Merriweather/merriweather-light-webfont.woff") format('woff'),
		url("../font/Merriweather/merriweather-light-webfont.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "epispop_black";
	src:
		url("../font/Merriweather/merriweather-black-webfont.eot");
	src: 
		url("../font/Merriweather/merriweather-black-webfont.eot?#iefix") format('embedded-opentype'),
		url("../font/Merriweather/merriweather-black-webfont.svg#merriweatherblack") format('svg'),
		url("../font/Merriweather/merriweather-black-webfont.ttf") format('truetype'),
		url("../font/Merriweather/merriweather-black-webfont.woff") format('woff'),
		url("../font/Merriweather/merriweather-black-webfont.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "epispop_bold_italic";
	src:
		url("../font/Merriweather/merriweather-bolditalic-webfont.eot");
	src: 
		url("../font/Merriweather/merriweather-bolditalic-webfont.eot?#iefix") format('embedded-opentype'),
		url("../font/Merriweather/merriweather-bolditalic-webfont.svg#merriweatherbold_italic") format('svg'),
		url("../font/Merriweather/merriweather-bolditalic-webfont.ttf") format('truetype'),
		url("../font/Merriweather/merriweather-bolditalic-webfont.woff") format('woff'),
		url("../font/Merriweather/merriweather-bolditalic-webfont.woff2") format('woff2');
	font-weight: normal;
	font-style: normal;
}
.transition{
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
	animation-iteration-count: infinite;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in-out;
	-moz-transition-delay: 0s;
	-o-transition-property: all;
	-o-transition-duration: 0.2s;
	-o-transition-timing-function: ease-in-out;
	-o-transition-delay: 0s;
}
.loader{
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: infinite;
	transition-delay: 0s;
	animation-iteration-count: infinite;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: infinite;
	-webkit-transition-delay: 0s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: infinite;
	-moz-transition-delay: 0s;
	-o-transition-property: all;
	-o-transition-duration: 0.2s;
	-o-transition-timing-function: infinite;
	-o-transition-delay: 0s;
}
:root {
	--as-color-loading-main	:	#F9B233;
	--as-color-loading-focus :	#573724;
	--as-color-loading-gradient:	rgba(87,55,36,0.30);
}
@keyframes loader_animation_1 {
	0% {
		background-color: var(--as-color-loading-main);
	}
	25% {
		background-color: var(--as-color-loading-focus);
		-webkit-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		-moz-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
	}
	50% {
		background-color: var(--as-color-loading-main);
	}
}
@keyframes loader_animation_2 {
	25% {
		background-color: var(--as-color-loading-main);
	}
	50% {
		background-color: var(--as-color-loading-focus);
		-webkit-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		-moz-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
	}
	75% {
		background-color: var(--as-color-loading-main);
	}
}
@keyframes loader_animation_3 {
	50% {
		background-color: var(--as-color-loading-main);
	}
	75% {
		background-color: var(--as-color-loading-focus);
		-webkit-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		-moz-box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
		box-shadow: 0px 0px 3px 2px var(--as-color-loading-gradient);
	}
	100% {
		background-color: var(--as-color-loading-main);
	}
}
@keyframes loader_animation_4 {
	0%,100% {
		text-shadow:	0px 0px 1px var(--as-color-loading-gradient),
				0px 0px 2px var(--as-color-loading-gradient),
				0px 0px 3px var(--as-color-loading-gradient),
				0px 0px 4px var(--as-color-loading-gradient),
				0px 0px 5px var(--as-color-loading-gradient);
	}
	50% {
		text-shadow:	0px 0px 1px var(--as-color-loading-gradient),
				0px 0px 2px var(--as-color-loading-gradient),
				0px 0px 3px var(--as-color-loading-gradient),
				0px 0px 4px var(--as-color-loading-gradient),
				0px 0px 5px var(--as-color-loading-gradient),
				0px 0px 6px var(--as-color-loading-gradient),
				0px 0px 7px var(--as-color-loading-gradient),
				0px 0px 8px var(--as-color-loading-gradient),
				0px 0px 9px var(--as-color-loading-gradient),
				0px 0px 10px var(--as-color-loading-gradient);
	}
}


	/*=============================================================================*\
	=										=
	=				GENERAL STRUCTURE				=
	=										=
	\*=============================================================================*/



	html,body{
		font-family:"epispop_light", Arial, Helvetica, sans-serif;
		font-size:0;
		background-color:#FFFFFF;
		margin:0 auto;
		padding:0;
	}
		html{
			min-height:100vh;
			overflow-y:auto;
			position:relative;
		}
		body{
			margin:0 auto;
		}
	.pointer,
	a{
		cursor:url("https://www.epis-pop.fr/img/cursor_hand.png") 7 3, pointer!important;
		text-decoration:none;
	}
	.hidden{
		display:none;
		visibility:hidden;
	}
	.ns{	/* no_select */
		-webkit-touch-callout: none;
		  -webkit-user-select: none;	/* Chrome, Safari, Opéra depuis la version 15 */
		   -khtml-user-select: none;
		     -moz-user-select: none;	/* Firefox */
		      -ms-user-select: none;	/* Internet explorer depuis la version 10 et Edge */
		          user-select: none;	/* Propriété standard */
	}
	.content_center{
		display:flex;
		justify-content: center;
		align-items:center;
	}
	.loader{
		top:50%;
		left:50%;
		margin-top:-6px;
		margin-left:-6px;
		animation: loader_animation_2 0.5s infinite;
	}
	.loader:before,
	.loader,
	.loader:after{
		position:absolute;
		height:12px;
		width:12px;
		background-color:var(--as-color-loading-main);
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		zoom: 1;
		filter: alpha(opacity=90);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		-moz-opacity:0.9;
		-khtml-opacity:0.9;
		opacity: 0.9;
	}
	.loader:before{
		content:"";
		left:-15px;
		animation: loader_animation_1 0.5s infinite;
	}
	.loader:after{
		content:"";
		right:-15px;
		animation: loader_animation_3 0.5s infinite;
	}
	.table{	display:table;
		table-layout: fixed;	}
	.row{	display:table-row;	}
	.cell{	display:table-cell;	}
	img.responsive_img_js{
		object-fit:cover;
		background-size:cover;
	}
	.center{
		text-align:center;
	}
	.liste_marron{	list-style-image:url('https://www.epis-pop.fr/img/grain_marron_liste.png');	color:#F9B233;	}
	.liste_jaune{	list-style-image:url('https://www.epis-pop.fr/img/grain_jaune_liste.png');	color:#573724;	}
	.liste_marron,
	.liste_jaune{
		width:100%;
		font-family:"epispop_black";
	}
	.liste_marron li,
	.liste_jaune li{
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: -o-calc(100% - 30px);
		width: calc(100% - 30px);
		margin-left:30px;
	}
	.texte_titre_main{
		font-family:"epispop_black";
		text-transform: uppercase;
		color:#573724;
		font-size:32px;
		margin:0;
		padding:0;
	}
	.texte_titre{
		font-family:"epispop_black";
		text-transform: uppercase;
		color:#573724;
		font-size:16px;
		margin:0;
		padding:0;
	}
	.texte_titre_secondaire{
		font-family:"epispop_bold_italic";
		color:#F9B233;
		font-size:16px;
		margin:0 0 16px 0;
		padding:0;
	}
	.texte_basique_header{
		font-family:"epispop_black";
		font-size:16px;
		line-height:18px;
		color:#573724;
		margin:0;
	}
	.texte_basique{
		font-family:"epispop_light";
		font-size:16px;
		line-height:18px;
		color:#573724;
	}
	.texte_basique.small{
		font-size:12px;
		line-height:12px;
	}
	hr.texte_separation {
		border-top:2px solid #573724;
		border-left:none;
		border-right:none;
		border-bottom:none;
		margin:10px auto;
		position:relative;
		overflow: visible;/* pour before/after */
	}
	hr.texte_separation:before,
	hr.texte_separation:after{
		height:2px;
		width: -moz-calc(50vw - 50%);
		width: -webkit-calc(50vw - 50%);
		width: -o-calc(50vw - 50%);
		width: calc(50vw - 50%);
		background-color:#573724;
		content:"";
		position:absolute;
		top:-2px;
	}
	hr.texte_separation:before{
		right:100%;
	}
	hr.texte_separation:after{
		left:100%;
	}
	ul.texte_liste{
		font-family:"epispop_black";
		font-size:16px;
		line-height:16px;
		color:#573724;
		margin:0;
		padding: 5px 0;
		list-style: none;
		text-align:left;
	}
		ul.texte_liste li{
			position: relative;
			padding: 5px 20px 5px 26px;
			min-height:20px;
		}
		ul.texte_liste li:before{
			background: transparent url('https://www.epis-pop.fr/img/grain_jaune_liste.png') no-repeat center center;
			background-size:contain;
			content:"";
			width: 16px;
			height: 16px;
			position: absolute;
			left: 0;
			top: 5px;
		}
	blockquote.texte_citation{
		margin:25px auto;
		position:relative;
		padding: 5px 0 0 40px;
		width:30%;
	}
	blockquote.texte_citation>*{
		margin:0!important;
	}
	blockquote.texte_citation:before,
	blockquote.texte_citation:after{
		background: transparent url('https://www.epis-pop.fr/img/guillemets.png') no-repeat center center;
		background-size:contain;
		content:"";
		height:20px;
		width:40px;
		position:absolute;
	}
	blockquote.texte_citation:before{
		top:-20px;
		left:0;
	}
	blockquote.texte_citation:after{
		bottom:-20px;
		left:100%;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
		blockquote.texte_citation>p,
		blockquote.texte_citation>p.texte_basique{
			font-family:"epispop_bold_italic";
			color:#F9B233;
			font-size:16px;
			line-height:16px;
		}
	

	.a_marron.selected,
	.selected>a_marron{
		text-decoration:underline;
	}
	.a_marron:hover,
	.a_marron:focus{
		text-decoration-style:solid;
		text-decoration-line: underline;
		text-decoration-color:#573724;
	}
		#main{
			width:100%;
			margin:0 auto;
			
			display:block;
		}
			#main_inner{
				width:100%;
				max-width:1200px;
				margin:0 auto;
				min-height:inherit;
			}
			#main .content_center{
				height:100%;
				width:100%;
				font-family:"epispop_black";
			}
				.image_accueil{
					position:relative;
					background-size:cover;
					background-repeat:no-repeat;
					background-position: center center;
					display:flex;
					flex-direction:column;
					justify-content: center;
					align-items:center;
					color:#FFFFFF;
					font-family:"epispop_black";
					letter-spacing:0.5px;
					text-shadow:	-1px 0 2px #573724,
							0 1px 2px #573724,
							1px 0 2px #573724,
							0 -1px 2px #573724,
							3px 3px 3px #000000,
							6px 6px 6px #000000;
					margin:0 auto 10px auto;
				}
@media screen and (min-width:1200px){
				.image_accueil{
					font-size:38.4px;
				}
}
				.conteneur_texte_large{
					width:100%;
					margin:0 auto 10px auto;
				}
				.conteneur_liste_large{
					display:grid;
					margin:0 auto 10px auto;
					padding:0;
					position:relative;
					grid-template-columns: repeat(3, 1fr);
					column-gap:20px;
					row-gap:10px;
				}
					.conteneur_liste_large section{
						padding:10px;
						position:relative;
					}
						.conteneur_liste_large section a{
							margin:0;
							padding:0;
						}
							.conteneur_liste_large figure{
								margin:0;
								padding:0;
								overflow:hidden;
								position : relative;
							}
							.conteneur_liste_large figure:before {
								content: "";
								display: block;
								padding-top: 100%;
							}
								.conteneur_liste_large img{
									position:absolute;
									width:100%;
									height:100%;
									top:0;
									left:0;
									background-repeat:no-repeat;
									background-position:center center;
								}
								.conteneur_liste_large figure figcaption{
									position:absolute;
									bottom:10px;
									left:10px;
									padding:10px;
									width: -moz-calc(100% - 40px);
						width: -webkit-calc(100% - 40px);
						width: -o-calc(100% - 40px);
						width: calc(100% - 40px);
									height: -moz-calc(100% - 40px);
						height: -webkit-calc(100% - 40px);
						height: -o-calc(100% - 40px);
						height: calc(100% - 40px);
									zoom: 1;
						filter: alpha(opacity=0);
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
						-moz-opacity:0;
						-khtml-opacity:0;
						opacity: 0;
									background-color:rgba(255,255,255,0.65);
									color:#573724;
									overflow:hidden;
									font-size:16px;
								}
								.conteneur_liste_large figure figcaption:before{
									content:"";
									width:100%;
									height:100%;    
									position:absolute;
									left:0;
									top:0;
									background:linear-gradient(transparent 150px, white);
								}
								.conteneur_liste_large figure:hover figcaption{
									zoom: 1;
									filter: alpha(opacity=100);
									-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
									-moz-opacity:1;
									-khtml-opacity:1;
									opacity: 1;
								}
									.conteneur_liste_large figure figcaption .texte_titre_secondaire{
										text-shadow:	-2px -2px 6px #FFFFFF;
								}
							.conteneur_liste_large section>.texte_titre{
								margin:0 auto 10px auto;
								text-align:center;
							}
							.conteneur_liste_large .texte_titre{
								margin:10px auto 0 auto ;
							}
							.conteneur_liste_large .description{
								margin:10px auto 0 auto ;
							}
								.conteneur_liste_large a.link,
								.conteneur_liste_large figure .next,
								.conteneur_liste_large figure .prev{
									height:25px;
									width:25px;
									position:absolute;
									text-align:center;
									background-color:#FFFFFF;
									color:#573724;
									font-family:"epispop_black";
									display:block;
									line-height:25px;
									font-size:16px;
									margin:5px;
									padding:10px;
									zoom: 1;
									filter: alpha(opacity=0);
									-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
									-moz-opacity:0;
									-khtml-opacity:0;
									opacity: 0;
									-webkit-border-radius: 25px;
									-moz-border-radius: 25px;
									border-radius: 25px;
								}
								.conteneur_liste_large a.link{
									top:0;
									right:0;
								}
								.conteneur_liste_large figure .next{
									top: -moz-calc(50% - 5px);
									top: -webkit-calc(50% - 5px);
									top: -o-calc(50% - 5px);
									top: calc(50% - 5px);
									right:0;
								}
								.conteneur_liste_large figure .prev{
									top: -moz-calc(50% - 5px);
									top: -webkit-calc(50% - 5px);
									top: -o-calc(50% - 5px);
									top: calc(50% - 5px);
									left:0;
								}
								.conteneur_liste_large section:hover a.link,
								.conteneur_liste_large section:hover .next,
								.conteneur_liste_large section:hover .prev{
									zoom: 1;
									filter: alpha(opacity=50);
									-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
									-moz-opacity:0.5;
									-khtml-opacity:0.5;
									opacity: 0.5;
								}
								.conteneur_liste_large section a.link:hover,
								.conteneur_liste_large section .next:hover,
								.conteneur_liste_large section .prev:hover{
									zoom: 1;
									filter: alpha(opacity=100);
									-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
									-moz-opacity:1;
									-khtml-opacity:1;
									opacity: 1;
								}
								.conteneur_liste_large section hr:before,
								.conteneur_liste_large section hr:after{
									display:none;
									visibility:hidden;
								}
				.conteneur_liste_jours{
					display:flex;
					flex-direction:column;
					width:100%;
					margin:0 auto 10px auto;
				}
					.conteneur_liste_jours .jour{
						min-height:50px;
						width:50%;
						margin:10px auto;
						-webkit-border-radius: 50px;
						-moz-border-radius: 50px;
						border-radius: 50px;
						display:flex;
						flex-shrink:0;
						justify-content: center;
						align-items:center;
						font-size:20px;
						color:#F9B233;
						background-color:#573724;
						background-repeat:no-repeat;
						background-position:10px center;
						border:2px dashed transparent;
					}
					.conteneur_liste_jours .jour:not(.disabled):hover{
						background-image: url('https://www.epis-pop.fr/img/grain_jaune_liste.png');
						border-color:#573724;
						color:#FFFFFF;
					}
					.conteneur_liste_jours .jour.disabled{
						zoom: 1;
						filter: alpha(opacity=50);
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
						-moz-opacity:0.5;
						-khtml-opacity:0.5;
						opacity: 0.5;
					}
			#commande_conteneur{
				width:100%;
				display:flex;
				flex-direction:row;
			}
				#commande_conteneur .commande_liste{
					min-height:100%;
					flex:1;
				}
					#commande_conteneur .commande_liste h2{
						margin:20px 0;
						text-align:center;
					}
					.conteneur_liste_large .description{
						margin:0 0 10px 0;
						display:block;
					}
						.conteneur_liste_large .description .texte_titre{
							text-align:center;
						}
						.conteneur_liste_large .description span{
							width:100%;
							min-height:16px;
							display:block;
							text-align:left;
							font-size:12px;
							line-height:16px;
							padding:10px 0;
						}
						.conteneur_liste_large .description .block_commande{
							display:flex;
							flex-direction:row;
							column-gap:10px;
							font-size:16px;
							margin:0;
							position:relative;
						}
							.conteneur_liste_large .block_commande input[type=number],
							.conteneur_liste_large .block_commande input[type=button]{
								-webkit-border-radius: 5px;
								-moz-border-radius: 5px;
								border-radius: 5px;
								border:1px #573724 solid;
								text-align:center;
							}
							.conteneur_liste_large .block_commande input[type=number]{
								flex:1;
								font-size:inherit;
							}
							.conteneur_liste_large .block_commande input[type=button]{
								flex:2;
								background-color:#573724;
								font-family:"epispop_light";
								padding:5px;
								text-transform: uppercase;
								color:#F9B233;
								font-size:inherit;
								overflow:hidden;
								text-overflow:ellipsis;
							}
							.conteneur_liste_large .block_commande .addArticle{
								position:absolute;
								bottom:-25px;
								right:0;
								height:25px;
								width:25px;
								color:#81A02C;
								text-shadow:	-1px 0 #405320,
										0 1px #405320,
										1px 0 #405320,
										0 -1px #405320;
								font-size:25px;
								line-height:25px;
								margin:5px;
								zoom: 1;
								filter: alpha(opacity=0);
								-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
								-moz-opacity:0;
								-khtml-opacity:0;
								opacity: 0;
							}
						.conteneur_liste_large .quantite{
							height:30px;
							width:30px;
							line-height:30px;
							font-size:16px;
							display:block;
							text-align:center;
							-webkit-border-radius: 30px;
								-moz-border-radius: 30px;
								border-radius: 30px;
							position:absolute;
							top:0;
							right:0;
							border:1px #573724 solid;
							background-color:#F9B233;
							zoom: 1;
							filter: alpha(opacity=100);
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
							-moz-opacity:1;
							-khtml-opacity:1;
							opacity: 1;
							font-weight:bold;
						}
						.conteneur_liste_large .quantite_zero{
							visibility:none!;
							display:hidden;
							zoom: 1;
							filter: alpha(opacity=0);
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
							-moz-opacity:0;
							-khtml-opacity:0;
							opacity: 0;
						}
						.selection_jour{
							background-color:#F9B233;
						}
				#commande_conteneur .commande_recapitulatif{
					min-height:100%;
					text-align:left;
					position:relative;
				}
					#commande_conteneur .commande_recapitulatif_scroll{
						position:absolute;
						width:100%;
						top:0;
						overflow-x:hidden;
					}
						#commande_conteneur .commande_recapitulatif_scroll hr.texte_separation:first-of-type{
							margin-top:0;
						}
							#commande_recapitulatif_liste,
							#commande_recapitulatif_liste p{
								padding:10px;
								width: -moz-calc(100% - 20px);
								width: -webkit-calc(100% - 20px);
								width: -o-calc(100% - 20px);
								width: calc(100% - 20px);
							}
							#commande_recapitulatif_liste .remove{
								height:20px;
								width:20px;
								line-height:20px;
								font-size:10px;
								-webkit-border-radius: 20px;
								-moz-border-radius: 20px;
								border-radius: 20px;
							}
							#commande_recapitulatif_liste li:hover .remove{
								font-size:13.333333333333px;
								border:1px #573724 solid;
								background-color:#F9B233;
							}
							.commande_liste input:not([type="button"]),
							.commande_liste textarea{
								width: -moz-calc(100% - 40px);
								width: -webkit-calc(100% - 40px);
								width: -o-calc(100% - 40px);
								width: calc(100% - 40px);
								font-size:20;
								-webkit-border-radius: 5px;
								-moz-border-radius: 5px;
								border-radius: 5px;
								border:1px #573724 solid;
								text-align:left;
								padding:10px;
							}
						.valider_commande,
						.retour_commande{
							display:block;
							width:80%;
							max-width:275px;
							-webkit-border-radius: 5px;
								-moz-border-radius: 5px;
								border-radius: 5px;
							border:none;
							background-color:#573724;
							font-family:"epispop_light";
							text-transform: uppercase;
							color:#F9B233;
							font-size:inherit;
							text-align:center;
						}
								.commande_liste .line{
									padding:10px 0;
								}
						#commande_recapitulatif_liste li{
							position:relative;
						}
						#commande_recapitulatif_liste li:hover{
							background-color:rgba(249,178,51,0.20);
						}
							#commande_recapitulatif_liste .prix_article{
								font-size:12px;
								padding-left:5px;
								white-space: nowrap;
							}
							#commande_recapitulatif_liste .remove{
								position:absolute;
								right:0;
								top:0;
								text-align:center;
								color:#573724;
							}
							.commande_recapitulatif:not(.no_remove) #commande_recapitulatif_liste li:hover .remove,
							.commande_recapitulatif:not(.no_remove) #commande_recapitulatif_liste li:hover .trash{
								display:block;
								visibility:visible;
							}
							#commande_recapitulatif_liste .trash{
								background: transparent url('https://www.epis-pop.fr/img/trash.svg') no-repeat center center;
								background-size:65%;
								zoom: 1;
								filter: alpha(opacity=80);
								-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
								-moz-opacity:0.8;
								-khtml-opacity:0.8;
								opacity: 0.8;
							}
							#commande_recapitulatif_liste li:hover .trash{
								background-size:78%;
								zoom: 1;
								filter: alpha(opacity=100);
								-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
								-moz-opacity:1;
								-khtml-opacity:1;
								opacity: 1;
							}
							#commande_recapitulatif_liste li .trash:hover{
								background-size:90%;
							}
					#commande_conteneur .total{
						text-align:right;
						padding:0 10px;
					}
					#commande_conteneur p.small{
						font-style:italic;
						padding:10px;
					}
							.commande_liste form{
								width:100%;
								display:flex;
								flex-direction:column;
								align-items: center;
							}
								.commande_liste .line{
									display:flex;
									flex-direction:row;
									width:100%;
									justify-content:center;
								}
									.commande_liste .champ{
										flex:1;
										text-align:center;
									}
							.commande_liste textarea{
								resize: vertical;
							}
							#message_retour p.erreur{
								color:#600000;
							}
						#fil_arianne{
							height:40px;
							width:100%;
							border-bottom:2px solid #573724;
							padding:10px 0;
							margin:0 0 60px 0;
							position:relative;
							display:flex;
							justify-content: center;
							align-items:center;
							flex-direction:row;
						}
						#fil_arianne:before,
						#fil_arianne:after{
							position:absolute;
							bottom:-2px;
							content:"";
							height:2px;
							width: -moz-calc(50vw - 50%);
							width: -webkit-calc(50vw - 50%);
							width: -o-calc(50vw - 50%);
							width: calc(50vw - 50%);
							border-bottom:2px solid #573724;
						}
						#fil_arianne:before{
							right:100%;
						}
						#fil_arianne:after{
							left:100%;
						}
							#fil_arianne>*{
								display:inline-block;
								height:40px;
								line-height:40px;
								padding:0 10px;
								font-size:16px;
								text-transform:uppercase;
								text-align:center;
								color:#573724;
							}
							#fil_arianne a{
								overflow:hidden;
								white-space: nowrap;
							}
								#fil_arianne span img{
									height:50%;
									object-fit: contain;
									object-position:center;
									vertical-align:middle;
								}
			#slider,.video{
				width:100%;
				display:block;
				position:relative;
				overflow:hidden;
				max-height:1200px;
				height: -moz-calc(80vh - 235px);
				height: -webkit-calc(80vh - 235px);
				height: -o-calc(80vh - 235px);
				height: calc(80vh - 235px);
				padding-bottom:50px;
				margin:0 auto 10px auto;
			}
				#slider .item_slider{
					height: -moz-calc(100% - 50px);
					height: -webkit-calc(100% - 50px);
					height: -o-calc(100% - 50px);
					height: calc(100% - 50px);
					position:absolute;
					top:0;
					margin:0;
					padding:0;
					overflow:hidden;
				}
					#slider figure img{
						height:100%;
						width:100%;
						background-size:contain!important;
						background-position:center center;
						background-repeat:no-repeat;
						object-fit:contain!important;
					}
					#slider figure .description{
						position:absolute;
						bottom:0;
						background-color:rgba(255,255,255,0.65);
						color:#573724;
						zoom: 1;
						filter: alpha(opacity=0);
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
						-moz-opacity:0;
						-khtml-opacity:0;
						opacity: 0;
					}
					#slider figure .description:hover{
						zoom: 1;
						filter: alpha(opacity=100);
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						-moz-opacity:1;
						-khtml-opacity:1;
						opacity: 1;
					}
				#slider .slider_raccourcis{
					height:30px;
					width:100%;
					position:absolute;
					margin:10px auto;
					bottom:0;
					left:0;
					text-align:center;
				}
					#slider .slider_raccourcis .slider_anchor{
						display:inline-block;
						background: transparent url('https://www.epis-pop.fr/img/grain_jaune_liste.png') no-repeat center center;
						height:30px;
						width:30px;
						margin:0 5px;
					}
					#slider .slider_raccourcis .slider_anchor.selected{
						background-image:url('https://www.epis-pop.fr/img/grain_marron_liste.png');
					}
				#main_inner>.content_center{
					min-height:inherit;
					font-size:16px;
					color:#573724;
					text-align:center;
				}

				#logo_ab{
					max-width:170px;
				}
	#messageFullScreen_container{
		background-color:rgba(255,255,255,0.50);
		height:100%;
		width:100%;
		top:0;
		left:0;
		position:absolute;
		z-index:10;
	}
		#messageFullScreen_container .alert{
			min-height:200px;
			min-width:300px;
			background-color:#FFFFFF;
			border:3px #573724 solid;
			-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			-webkit-box-shadow: 4px 4px 11px 3px rgba(0,0,0,0.70);
			-moz-box-shadow: 4px 4px 11px 3px rgba(0,0,0,0.70);
			box-shadow: 4px 4px 11px 3px rgba(0,0,0,0.70);
			display:flex;
			flex-direction:column;
		}
			#messageFullScreen_container .alert .alert_msg{
				width: -moz-calc(100% - 20px);
				width: -webkit-calc(100% - 20px);
				width: -o-calc(100% - 20px);
				width: calc(100% - 20px);
				flex:1;
				margin:10px;
			}			
			#messageFullScreen_container .alert .alert_btn{
				text-align:center;
				position:relative;
				min-height:40px;
			}
	body.blur #header,
	body.blur #nav,
	body.blur #main_footer{
		filter: blur(2px);
		-webkit-filter: blur(2px);
		-moz-filter: blur(2px);
		-o-filter: blur(2px);
		-ms-filter: blur(2px);
	}
			.news{
				width:100%;
			}
				.news_line{
					display:flex;
					flex-direction:row;
				}
				.news_line.reverse{
					flex-direction: row-reverse;
				}
				.news_line>div{
					flex-grow: 1;
					flex-basis: 0;
				}
					.news_texte_50,
					.news_texte_100{
						text-align:left;
					}
					.news_photo_50,
					.news_photo_100{
						background-size:contain;
						background-position:center center;
						background-repeat:no-repeat;
					}
					.news_photo_50 img,
					.news_photo_100 img{
						max-width:100%;
					}




	/*=============================================================================*\
	=										=
	=				COMPUTER DESING					=
	=										=
	\*=============================================================================*/


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



	html,body{
		width: -moz-calc(100vw - 20px);
		width: -webkit-calc(100vw - 20px);
		width: -o-calc(100vw - 20px);
		width: calc(100vw - 20px);
		min-width:800px;
	}
		body{
			min-width:800px;
			width: -moz-calc(100% - 20px);
			width: -webkit-calc(100% - 20px);
			width: -o-calc(100% - 20px);
			width: calc(100% - 20px);
		}
		#header{
			width:100%;
			position:fixed;
			top:0;
			left:0;
			background-color:rgba(255,255,255,0.60);
			backdrop-filter: blur(1.7px);
			z-index:6;
			display:flex;
			flex-direction:column;
			justify-content: center;
			align-items:center;
		}
		#header:after{
			height:0px;
			width:100%;
			position:absolute;
			content:"";
			left:0;
			bottom:-2px;
			border-bottom:2px solid #573724;
		}
		#header.big{
			height:180px;
		}
		#header.small{
			height:60px;
		}
			#header .header_inner{
				width:100%;
				height:60px;
				max-width:1200px;
				margin:0 auto;
				display:flex;
				flex-direction:row;
				justify-content: space-between;
				align-items:center;
				position:relative;
			}
			#header.big .header_inner{
				padding-top:120px;
			}
			#header.small .header_inner{
				padding-top:0;
			}
				#header .header_sides{
					height:60px;
					min-height:100%;
					width:120px;
				}
			#header .logo_big{
				position:absolute;
				left:0;
				top:0;
			}
			#header.big .logo_big{
				width:100%;
				height:120px;
				max-width:1200px;
				height:120px;
			}
			#header.small .logo_big{
				height:60px;
				width:60px;
			}
				.logo_big h1,
				.logo_big h1 a,
				.logo_big h1 img{
					height:100%;
					width:100%;
					margin:0;
					padding:0;
					display:block;
				}
					.logo_big h1 a img{
						object-fit: contain;
						object-position:center;
					}
				#menu_hamburger{
					display:none;
					visibility:hidden;
				}
				#menu_hamburger{
					display:none;
					visibility:hidden;
				}
				#menu_principal{
					height:100%;
					display:inline-flex;
					flex-direction:row;
					justify-content:center;
					flex:1;
					margin:0 auto;
					max-width:960px;
					min-width:560px;
					list-style-type:none;
				}
					#menu_principal li{
						min-width:0;
						position:relative;
					}
					#menu_principal li:hover{
						background-color:#FFFFFF;
					}
						#menu_principal li a{
							padding:0 10px;
							height:100%;
							display:flex;
							justify-content: center;
							align-items:center;
							text-overflow: ellipsis;
							text-align:center;
							font-size:16px;
							color:#573724;
							letter-spacing:0.5px;
							font-family:"epispop_black", sans-serif;
							font-weight:bold;
						}
				#menu_secondaire{
					height:100%;
					width:100%;
					display:inline-flex;
					flex-direction:row;
					justify-content:center;
					flex:1;
					margin:0 auto;
					overflow:hidden;
					list-style-type:none;
					padding:0;
				}
					#menu_secondaire li{
						min-width:0;
					}
					#menu_secondaire li.social{
						flex:1;
					}
					#menu_secondaire li:hover{
						background-color:#FFFFFF;
					}
						#menu_secondaire li a{
							padding:0 3px;
							height:100%;
							display:flex;
							justify-content: center;
							align-items:center;
							text-overflow: ellipsis;
							overflow:hidden;
							text-align:center;
							font-size:16px;
							color:#573724;
							letter-spacing:0.5px;
							font-family:"epispop_black", sans-serif;
						}
						#menu_secondaire li.social a{
							background-position:center center;
							background-repeat:no-repeat;
						}
						li.social .ico_facebook{
							background-image:url('https://www.epis-pop.fr/img/logo_facebook.png');
						}
						li.social .ico_instagram{
							background-image:url('https://www.epis-pop.fr/img/logo_instagram.png');
						}
						li.social .ico_linkedin{
							background-image:url('https://www.epis-pop.fr/img/logo_linkedin.png');
						}
		#footer{
			height:25px;
			width:100%;
			display:block;
			position:absolute;
			bottom:0;
			left:0;
			text-align:center;
			background-color:#FFFFFF;
			line-height:25px;
			font-size:16px;
		}
			#footer .footer_inner{
				width:100%;
				height:25px;
				max-width:1200px;
				margin:0 auto;
				display:flex;
				flex-direction:row;
				justify-content:center;
				align-items:center;
				position:relative;
			}
				#menu_footer{
					height:100%;
					display:inline-flex;
					flex-direction:row;
					justify-content:center;
					flex:1;
					margin:0 auto;
					overflow:hidden;
					list-style-type:none;
				}
					#menu_footer li{
						min-width:0;
						text-align:center;
					}
					#menu_footer li:hover{
						background-color:#FFFFFF;
					}
						#menu_footer li a{
							padding:0 10px;
							height:100%;
							display:flex;
							justify-content: center;
							align-items:center;
							text-overflow: ellipsis;
							overflow:hidden;
							text-align:center;
							font-size:12px;
							color:#573724;
							letter-spacing:0.5px;
							font-family:"epispop_light", sans-serif;
						}
		#main{
			padding:0 0 25px 0;
			min-height: -moz-calc(100vh - 25px);
			min-height: -webkit-calc(100vh - 25px);
			min-height: -o-calc(100vh - 25px);
			min-height: calc(100vh - 25px);
		}
				.hack_over_menu{
					height:180px;
					/*margin:0 auto 10px auto;*/
				}
					.conteneur_liste_jours .jour{
						min-width:800px;
					}
						.conteneur_liste_jours .jour span{
							margin-left:30px;
						}
				#commande_conteneur .commande_recapitulatif{
					min-width:200px;
					width: -moz-calc(30% - 0px);
					width: -webkit-calc(30% - 0px);
					width: -o-calc(30% - 0px);
					width: calc(30% - 0px);
				}
				.image_accueil{
					font-size:3.2vw;
					max-height:1200px;
					height: -moz-calc(90vh - 25px);
					height: -webkit-calc(90vh - 25px);
					height: -o-calc(90vh - 25px);
					height: calc(90vh - 25px);
				}
					.image_accueil span{
						display:contents;
					}
						.valider_commande,
						.retour_commande{
							margin:10px auto;
							padding:10px;
							font-size:16px;
						}
					


}


	/*=============================================================================*\
	=										=
	=				TABLETTE DESIGN					=
	=										=
	\*=============================================================================*/


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



	body{
		position:relative;
		height: -moz-calc(100% - 150px);
		height: -webkit-calc(100% - 150px);
		height: -o-calc(100% - 150px);
		height: calc(100% - 150px);
		margin-top:75px;
		padding-bottom:75px;
		background-color:#FFFFFF;
	}
	html.no_scroll{
		overflow:hidden!important;
	}
		#header{
			width:100%;
			height:75px;
			display:inline-block;
			word-wrap: break-word;
			position:fixed;
			left:0;
			top:0;
			margin-top:0!important;
			z-index:6;
		}
			.header_inner{
				position:fixed;
				top:0;
				left:0;
				width:100%;
				height:75px;
				position:relative;
			}
				#header .header_sides:first-of-type{
					display:none;
					visibility:hidden;
				}
				#header .header_sides:last-of-type{
					width:100%;
					position:fixed;
					left:0;
					text-align:center;
					top:75px;
				}
		#header,#menu_hamburger,#menu_principal{
			background-color:rgba(255,255,255,0.90);
			backdrop-filter: blur(1.7px);
		}
				.logo_big{
					height:75px;
					position:absolute;
					width: -moz-calc(100% - 150px);
					width: -webkit-calc(100% - 150px);
					width: -o-calc(100% - 150px);
					width: calc(100% - 150px);
					top:0;
					left:75px;
				}
					.logo_big h1{
						height:100%;
						width:100%;
						text-align:center;
					}
						.logo_big h1 a{
							height:100%;
							width:50%;
							min-width:75px;
							text-align:center;
							margin:0 auto;
							display:inline-block;
						}
						.logo_big img{
							height:100%;
						}
			#menu_hamburger{
				height:75px;
				width:75px;
				position:absolute;
				right:0;
				display: inline-block;
				transition-property: opacity, filter;
				transition-duration: 0.15s;
				transition-timing-function: linear;
				font: inherit;
				color: inherit;
				text-transform: none;
				border: 0;
				padding: 0;
				overflow: visible;
				border-bottom:1px dashed transparent;
				margin-bottom:1px;
				background-color:transparent;
			}
				.hamburger-box {
					width: 50px;
					height: 25px;
					display: inline-block;
					position: relative;
				}
				.hamburger-inner {
					display: block;
					top: 50%;
					margin-top: -2px;
				}
				.hamburger-inner,
				.hamburger-inner::before,
				.hamburger-inner::after {
					width: 50px;
					height: 4px;
					-webkit-border-radius: 4px;
						-moz-border-radius: 4px;
						border-radius: 4px;
					background-color:#573724;
					position: absolute;
					transition-property: transform;
					transition-duration: 0.15s;
					transition-timing-function: ease;
				}
				.hamburger-inner::before{
					content: "";
					top: -12.5px;
					display: block;
				}
				.hamburger-inner::after {
					content: "";
					bottom: -12.5px;
					display: block;
				}
				.hamburger--squeeze .hamburger-inner {
					transition-duration: 0.075s;
					transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
				}
				.hamburger--squeeze .hamburger-inner::before {	transition: top 0.075s 0.12s ease, opacity 0.075s ease;	}
				.hamburger--squeeze .hamburger-inner::after {	transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
				.hamburger--squeeze.is-active .hamburger-inner {
					-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-o-transform: rotate(45deg);
						transform: rotate(45deg);
					transition-delay: 0.12s;
					transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
				}
				.hamburger--squeeze.is-active .hamburger-inner::before {
					top: 0;
					opacity: 0;
					transition: top 0.075s ease, opacity 0.075s 0.12s ease;
				}
				.hamburger--squeeze.is-active .hamburger-inner::after {
					bottom: 0;
					-webkit-transform: rotate(-90deg);
						-moz-transform: rotate(-90deg);
						-ms-transform: rotate(-90deg);
						-o-transform: rotate(-90deg);
						transform: rotate(-90deg);
					transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
				}
				#menu_principal{
					width:100%;
					display:inline-flex;
					flex-direction:column;
					justify-content:flex-start;
					flex:1;
					margin:0 auto;
					overflow:hidden;
					list-style-type:none;
					position:absolute;
					left:0;
					padding-top:75px;
				}
				#menu_principal:not(.open){
					height:0;
					zoom: 1;
					filter: alpha(opacity=0);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					-moz-opacity:0;
					-khtml-opacity:0;
					opacity: 0;
					top:-75px;
				}
				#menu_principal.open{
					height: -moz-calc(100vh - 200px);
					height: -webkit-calc(100vh - 200px);
					height: -o-calc(100vh - 200px);
					height: calc(100vh - 200px);
					zoom: 1;
					filter: alpha(opacity=100);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					-moz-opacity:1;
					-khtml-opacity:1;
					opacity: 1;
					top:75px;
					padding-bottom:50px;
				}
					#menu_principal li{
						min-width:0;
						position:relative;
						height:75px;
						overflow:hidden;
					}
					#menu_principal li:hover{
						background-color:#FFFFFF;
					}
						#menu_principal li a{
							padding:0 10px;
							height:100%;
							display:flex;
							justify-content: center;
							align-items:center;
							text-overflow: ellipsis;
							overflow:hidden;
							text-align:center;
							font-size:16px;
							color:#573724;
							letter-spacing:0.5px;
							font-family:"epispop_black", sans-serif;
							font-weight:bold;
						}
				#menu_secondaire{
					height:75px;
					flex-direction:row;
					justify-content:center;
					flex:1;
					margin:0 auto;
					overflow:hidden;
					list-style-type:none;
					padding:0;
				}
				#menu_secondaire:not(.open){
					zoom: 1;
					filter: alpha(opacity=0);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					-moz-opacity:0;
					-khtml-opacity:0;
					opacity: 0;
					display:none;
				}
				#menu_secondaire.open{
					zoom: 1;
					filter: alpha(opacity=100);
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					-moz-opacity:1;
					-khtml-opacity:1;
					opacity: 1;
					display:inline-flex;
				}
					#menu_secondaire li{
						min-width:0;
					}
					#menu_secondaire li.social{
						flex:1;
					}
					#menu_secondaire li:hover{
						background-color:#FFFFFF;
					}
						#menu_secondaire li a{
							height:75px;
							width:75px;
							display:flex;
							justify-content: center;
							align-items:center;
							text-overflow: ellipsis;
							overflow:hidden;
							text-align:center;
							font-size:16px;
							color:#573724;
							letter-spacing:0.5px;
							font-family:"epispop_black", sans-serif;
						}
						#menu_secondaire li.social a{
							background-position:center center;
							background-repeat:no-repeat;
						}
						li.social .ico_facebook{
							background-image:url('https://www.epis-pop.fr/img/logo_facebook.png');
						}
						li.social .ico_instagram{
							background-image:url('https://www.epis-pop.fr/img/logo_instagram.png');
						}
						li.social .ico_linkedin{
							background-image:url('https://www.epis-pop.fr/img/logo_linkedin.png');
						}
		#footer{
			height:75px;
			width:100%;
			display:block;
			position:absolute;
			bottom:0;
			left:0;
			text-align:center;
			background-color:#FFFFFF;
			line-height:75px;
			font-size:16px;
		}
			#footer .footer_inner{
				width:100%;
				height:75px;
				margin:0 auto;
				padding:0;
				display:flex;
				flex-direction:row;
				justify-content:center;
				align-items:center;
				position:relative;
			}
				#menu_footer{
					width:100%;
					height:100%;
					display:inline-flex;
					flex-direction:row;
					justify-content:center;
					flex:1;
					margin:0 auto;
					overflow:hidden;
					list-style-type:none;
				}
					#menu_footer li{
						min-width:0;
						text-align:center;
						flex:1;
					}
					#menu_footer li:hover{
						background-color:#FFFFFF;
					}
						#menu_footer li a{
							padding:0 10px;
							height:100%;
							display:flex;
							justify-content: center;
							align-items:center;
							text-overflow: ellipsis;
							overflow:hidden;
							text-align:center;
							font-size:12px;
							color:#573724;
							letter-spacing:0.5px;
							font-family:"epispop_light", sans-serif;
							white-space: nowrap;
						}
		#main{
			min-height: -moz-calc(100vh - 150px);
			min-height: -webkit-calc(100vh - 150px);
			min-height: -o-calc(100vh - 150px);
			min-height: calc(100vh - 150px);
		}
		.conteneur_texte_large{
			overflow:hidden;
			word-break: break-word;
		}
		.produits_descriptif{
			margin:0 10px 10px 10px;
			width: -moz-calc(100% - 20px);
			width: -webkit-calc(100% - 20px);
			width: -o-calc(100% - 20px);
			width: calc(100% - 20px);
		}
				.hack_over_menu{
					display:none;
					visibility:hidden;
				}
				.conteneur_liste_large{
					grid-template-columns: repeat(2, 1fr);
				}
					.conteneur_liste_jours .jour{
						width: -moz-calc(100% - 20px);
						width: -webkit-calc(100% - 20px);
						width: -o-calc(100% - 20px);
						width: calc(100% - 20px);
						flex-direction:column;
					}
						.conteneur_liste_jours .jour span{
							display:inline-block;
						}
			#commande_conteneur{
				flex-direction:column;
			}
			#commande_conteneur .commande_recapitulatif_scroll{
				position:relative!important;
				top:0!important;
				padding:75px 0 38px 0;
			}
			#commande_conteneur .commande_recapitulatif.no_remove .remove{
				display:none;
				visibility:hidden;
			}
				.image_accueil{
					font-size:32px;
					text-align:center;
					margin-top:-75px;
					height: -moz-calc(80vh - 75px);
					height: -webkit-calc(80vh - 75px);
					height: -o-calc(80vh - 75px);
					height: calc(80vh - 75px);
				}
					.image_accueil span{
						display:block;
						height:16px;
						visibility:hidden;
					}
						.valider_commande,
						.retour_commande{
							margin:10px auto;
							padding:10px;
							font-size:16px;
						}

			


}


	/*=============================================================================*\
	=										=
	=				SMARTPHONE DESING				=
	=										=
	\*=============================================================================*/


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



	body{
		height: -moz-calc(100% - 140px);
		height: -webkit-calc(100% - 140px);
		height: -o-calc(100% - 140px);
		height: calc(100% - 140px);
		margin-top:60px;
		padding-bottom:80px;
	}
		#header{
			height:60px;
		}
			.header_inner{
				height:60px;
			}
				#header .header_sides:last-of-type{
					top:60px;
				}
				.logo_big{
					height:60px;
					width: -moz-calc(100% - 120px);
					width: -webkit-calc(100% - 120px);
					width: -o-calc(100% - 120px);
					width: calc(100% - 120px);
					left:60px;
				}
						.logo_big h1 a{
							min-width:60px;
						}
			#menu_hamburger{
				height:60px;
				width:60px;
			}
				.hamburger-box {
					width: 40px;
					height: 20px;
				}
				.hamburger-inner {
					margin-top: -2px;
				}
				.hamburger-inner,
				.hamburger-inner::before,
				.hamburger-inner::after {
					width: 40px;
					height: 5px;
					-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
				}
				.hamburger-inner::before{
					top: -10px;
				}
				.hamburger-inner::after {
					bottom: -10px;
				}
				#menu_principal{
					padding-top:60px;
				}
				#menu_principal:not(.open){
					top:-60px;
				}
				#menu_principal.open{
					height: -moz-calc(100vh - 120px);
					height: -webkit-calc(100vh - 120px);
					height: -o-calc(100vh - 120px);
					height: calc(100vh - 120px);
					top:60px;
				}
					#menu_principal li{
						height:60px;
					}
				#menu_secondaire{
					height:60px;
				}
						#menu_secondaire li a{
							height:60px;
							width:60px;
						}
		#footer{
			height:80px;
			line-height:80px;
		}
			#footer .footer_inner{
				height:80px;
			}
		#main{
			min-height: -moz-calc(100vh - 140px);
			min-height: -webkit-calc(100vh - 140px);
			min-height: -o-calc(100vh - 140px);
			min-height: calc(100vh - 140px);
		}
					.conteneur_liste_jours .jour{
						width: -moz-calc(100% - 20px);
						width: -webkit-calc(100% - 20px);
						width: -o-calc(100% - 20px);
						width: calc(100% - 20px);
						flex-direction:column;
					}
				.image_accueil{
					font-size:32px;
					margin-top:-60px;
					height: -moz-calc(80vh - 80px);
					height: -webkit-calc(80vh - 80px);
					height: -o-calc(80vh - 80px);
					height: calc(80vh - 80px);
				}
						.valider_commande,
						.retour_commande{
							margin:10px auto;
							padding:10px;
							font-size:16px;
						}


}


	/*=============================================================================*\
	=										=
	=				DEBUG						=
	=										=
	\*=============================================================================*/


#debug_erreur{
	max-height:300px;
	width:400px;
	padding:10px;
	position:fixed;
	bottom:10px;
	right:10px;
	font-size:12px;
	overflow-y:auto;
	background-color:#ffb3b3;
	border:2px #600000 inset;
	zoom: 1;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity: 0.5;
}
#debug_erreur:hover{
	zoom: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity: 1;
}
#debug_erreur span{
	margin:5px 0;
	display:block;
}