/* mulish-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/mulish-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/mulish-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/mulish-v12-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/mulish-v12-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/mulish-v12-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/mulish-v12-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/mulish-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/mulish-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/mulish-v12-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/mulish-v12-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/mulish-v12-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/mulish-v12-latin-italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/mulish-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../fonts/mulish-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/mulish-v12-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/mulish-v12-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/mulish-v12-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/mulish-v12-latin-800.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/mulish-v12-latin-800italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/mulish-v12-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/mulish-v12-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/mulish-v12-latin-800italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/mulish-v12-latin-800italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/mulish-v12-latin-800italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

:root {
	--ico-down:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	 }

body { font:16px 'Mulish',sans-serif; }

.section { max-width:650px;margin:0 auto;padding:0 20px; }

h1 { font-size:35px; }
h2 { font-size:30px; }
h3 { font-size:18px; }

h1,h2,h3 { margin-bottom:0.75em; }

body { margin:0;min-height:100vh;display:flex;flex-direction:column;padding-top:100px; }
#wrapper { flex:1; }
#page { flex-grow:1;position:relative; }

.lxl { width:90%;margin:20px auto;max-width:400px; }

#header { position:fixed;left:0;right:0;top:0;padding:10px 20px;text-align:center;background-color:#fff;background-color:rgba(255,255,255,0.85);box-shadow:0 0 10px rgba(0,0,0,0.15);z-index:100; }
#header img { vertical-align:middle;margin:0 20px; }
#header select { border:1px solid #ddd;border-radius:5px;background:#fff;padding:10px 30px;font:16px 'Open Sans',sans-serif; }

#footer { position:relative;padding:20px 20px;text-align:center;background-color:#fff;background-color:rgba(255,255,255,0.75);font-size:12px; }
#footer a { color:#aaa;text-decoration:none;letter-spacing:1px; }

#dheader { margin-bottom:25px;background-color:#fafafa;padding:1em 0; }
#dheader img { max-width:135px;}
#dheader h1 { font-size:18px; }
#dheader h2 span { display:block;font-size:14px;text-transform:uppercase;color:#aaa;font-weight:normal; }
#dheader p .sep { display:inline-block;padding:0 8px;color:#000; }
.alc em { font-style:normal; }

.d404 { font-size:150px;padding:50px 0;color:#eee; }

.dentry { text-align:left; }
.dentry .dh { position:relative;text-align:left;padding:10px 25px;font-weight:normal; }
.dsub { padding:0 15px 1.35em; }

.iacc .dh { cursor:pointer;border:1px solid #ddd;border-radius:5px; }
.iacc .dh:after { display:block;content:'';position:absolute;right:20px;top:12px;width:16px;height:16px; }
.iacc .dh:after { background-image:var(--ico-down); }
.iacc .ison .dh:after { transform:rotate(180deg); }

table { width:100%;margin:0 auto; }
table td { padding:5px; }

.dinfovin { text-align:left; }
.dinfovin table { font-size:90%; }
.dinfovin .tdlabel { width:150px;text-align:right; }	
	
.dcalorique .td50 { font-size:25px;text-align:center; }

.dresponsable { text-align:center; }
.dresponsable img { width:100%;max-width:65px;margin:0 10px 10px; }

.dnutrition table { max-width:550px; }
.dnutrition .tdvalue { width:150px;text-align:right; }
.dnutrition .tdsub { padding-left:25px; }
.dnutrition .energie .tdvalue { font-size:25px; }
.dnutrition th { font-size:12px; }

.dcert { text-align:center; }
.dcert img { width:100%;max-width:110px;margin:0 10px 10px; }

.dinfo { text-align:center; }

#chtri { max-width:1050px; }
#chtri .mentions { margin-top:2em; }

.dtri { display:flex;width:100%;flex-wrap:wrap; }
.dtri div { padding:2px;flex:1 1 300px; }
.dtri h3, .dtri p { margin-bottom:4px; }
.dtri h3 { background:#eee;padding:10px 25px;text-transform:uppercase;font-size:16px; }
.dtri p { padding:10px 25px; }
.tri-result { background:#fafafa; }

.dentry .dtri div { text-align:center;flex:1 1 250px; }

.tri-gl70, .tri-gl71, .tri-gl72 { background-color:#0f7c3b;color:#fff; }
.tri-fe40, .tri-calu90, .tri-alu41, .tri-tin42 { background-color:#2894ae;color:#fff; }
.tri-for50, .tri-for51 { background-color:#6E5B3B;color:#fff; }
.tri-cpet90, .tri-cpvc90 { background-color:#2894AE;color:#fff; }
.tri-pap20, .tri-pap21 { background-color:#2C5CC0;color:#fff; }