html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing:border-box;
}
body {background-size:cover;}
body, html {
	width:100%;
	height:100%;
}
html, input, select, textarea {
	font-family: 'Montserrat', sans-serif;
	color:#4c4d4f;
	font-size:1em;
	line-height: 1.6em;
}
    

a:focus { 
	outline:0;  /* Enlève le pointille sur les liens (notamment visible sur les supports mobiles*/
}

div#global {
	position:relative;
	height:100%;
}
.general_content {
	width:92%;
	max-width:1400px;
	padding:0;
	margin:0 auto;
	/*display:table;*/ /* enlever le 05/10/2023 car cela genait la gestion du overflow-x pour les tableaux (table dans le contenu) trop large*/
	/*display: inline-table;*/
	position:relative;
}


/* HEADER */

div#header_cadre {position:fixed; background:rgba(35,54,69,0.8); padding:15px 0; width:100%; z-index:99;}

div#header_content {position:relative; overflow:hidden;}

div#header_logo {float:left; width:100px; height:100px;background: #FFF; padding: 5px; border-radius: 0.4em;}
div#header_logo img {width:100%;}
div#header_nom {float:left; width:calc(100% - 260px); margin:0 0 0 30px;color:#FFF; font-size:1.8em; line-height:1.4em; padding:5px 0 0 0; text-align:center;}

div#header_nom .boutique_nom {font-size:1.8em; font-weight:bold;}
div#header_nom .boutique_212 { font-size:0.8em; font-style: italic;}

div#header_nom a {text-decoration: none; color:inherit;}

div#header_commande {float:right;position:relative;width:80px; height:80px; overflow: hidden; padding:20px;}
div#header_commande button {
    font-family: inherit;
    background: url('../img/public/picto_commande.png') center no-repeat;
    color: inherit;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    font-size: 1em;
	width:60px; height:60px;
}
div#header_commande p.header_commande_nbproduct {position:absolute;top:10px;padding:5px; display:table; min-width:30px; background:#FFF; color:#000; border-radius:80px;}

/* MENU */



/* MENU RESPONSIVE */


/* MIDDLE */
div#middle {padding:130px 0 0 0; height:auto;z-index:10;}
div#middle_content {
	margin:0 auto;
	padding:60px 0 0 0;
}

/* FIL ARIANE */
.fil_ariane {position:relative;margin:0 auto; padding:8px 20px 5px 20px;font-size:0.9em;text-align:right;background:#ededed;}
.fil_ariane a {position:relative;width:100%; text-decoration: none; color:#000;text-transform:uppercase;}
.fil_ariane a:hover, .fil_ariane a.ariane_end { color:#f47900;}
.fil_ariane a.ariane_end { font-weight:bold;}
.ariane_sep {color:#000;}




/* FOOTER */




@media screen and (max-width : 1600px) {
}
@media screen and (max-width : 1500px) {
}
@media screen and (max-width : 1300px) {	
}
@media screen and (max-width : 1200px) {
}
@media screen and (max-width : 1000px) {	
}
@media screen and (max-width : 900px) {	
}
@media screen and (max-width : 800px) {		
	div#header_nom {font-size:1em; line-height:1.2em; padding:5px 0 0 0; width:calc(100% - 135px);margin:0 0 0 15px;}
	div#header_nom .boutique_nom {font-size:1.4em;}
	div#header_logo {width: 60px; height: 60px;}
	div#header_commande {width: 60px; height: 60px;}
	div#header_commande button {width:40px; height:40px;background-size:100%;}
	
	div#header_commande p.header_commande_nbproduct {top: 8px;left: 12px;min-width: 25px;font-size: 0.8em; font-weight:bold;}
	
	
	div#middle {padding: 90px 0 0 0;}	
	
}
@media screen and (max-width : 650px) {	
}
@media screen and (max-width : 600px) {
}
@media screen and (max-width : 550px) {	
	div#middle_content {padding: 20px 0 0 0;}
}
@media screen and (max-width : 500px) {	
	.fil_ariane {font-size:0.7em; line-height:1.2em;}
}
@media screen and (max-width : 450px) {	
}
@media screen and (max-width : 400px) {	
}
@media screen and (max-width : 380px) {	
}