/**
 * @license
 * MyFonts Webfont Build ID 2928590, 2014-11-25T06:32:53-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Bodoni by ParaType
 * URL: http://www.myfonts.com/fonts/paratype/bodoni/bodoni/
 * Copyright: Copyright (c) ParaType, 1999. All rights reserved.
 * 
 * Webfont: Bodoni-BoldItalic by ParaType
 * URL: http://www.myfonts.com/fonts/paratype/bodoni/bold-italic/
 * Copyright: Copyright (c) ParaType, 1999. All rights reserved.
 * 
 * Webfont: Eurostile-Reg by URW++
 * URL: http://www.myfonts.com/fonts/urw/eurostile/t-regular/
 * Copyright: Copyright 2010 URW++ Design & Development Hamburg
 * 
 * Webfont: Eurostile-Bol by URW++
 * URL: http://www.myfonts.com/fonts/urw/eurostile/t-bold/
 * Copyright: Copyright 2010 URW++ Design & Development Hamburg
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2928590
 * Licensed pageviews: 10,000
 * 
 * © 2014 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2cafce");
  
@font-face {font-family: 'Bodoni';src: url('Fonts/2CAFCE_0_0.eot');src: url('Fonts/2CAFCE_0_0.eot?#iefix') format('embedded-opentype'),url('Fonts/2CAFCE_0_0.woff2') format('woff2'),url('Fonts/2CAFCE_0_0.woff') format('woff'),url('Fonts/2CAFCE_0_0.ttf') format('truetype');}
@font-face {font-family: 'Bodoni-BoldItalic';src: url('Fonts/2CAFCE_4_0.eot');src: url('Fonts/2CAFCE_4_0.eot?#iefix') format('embedded-opentype'),url('Fonts/2CAFCE_4_0.woff2') format('woff2'),url('Fonts/2CAFCE_4_0.woff') format('woff'),url('Fonts/2CAFCE_4_0.ttf') format('truetype');}
@font-face {font-family: 'Eurostile-Reg';src: url('Fonts/2CAFCE_5_0.eot');src: url('Fonts/2CAFCE_5_0.eot?#iefix') format('embedded-opentype'),url('Fonts/2CAFCE_5_0.woff2') format('woff2'),url('Fonts/2CAFCE_5_0.woff') format('woff'),url('Fonts/2CAFCE_5_0.ttf') format('truetype');}
@font-face {font-family: 'Eurostile-Bol';src: url('Fonts/2CAFCE_7_0.eot');src: url('Fonts/2CAFCE_7_0.eot?#iefix') format('embedded-opentype'),url('Fonts/2CAFCE_7_0.woff2') format('woff2'),url('Fonts/2CAFCE_7_0.woff') format('woff'),url('Fonts/2CAFCE_7_0.ttf') format('truetype');}
 
/* ======================================================
   LICENCES
   Font-face by Fonts.com
====================================================== */
@font-face {
  font-family: 'fontello';
  src: url('Fonts/fontello.eot?20822095');
  src: url('Fonts/fontello.eot?20822095#iefix') format('embedded-opentype'),
       url('Fonts/fontello.woff?20822095') format('woff'),
       url('Fonts/fontello.ttf?20822095') format('truetype'),
       url('Fonts/fontello.svg?20822095#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ======================================================
   GLOBAL RESET
====================================================== */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
input["text"], input["submit"], textarea, button {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;
    -webkit-border-radius: 0; 
}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } 
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h5, h5, h6 { font-size:100%; }
q:before, q:after { content:''}

b, strong { font-family:'Eurostile-Bol',arial,helvetica,sans-serif; font-weight:normal; }
i, em { font-style:italic; }

html>body * a { position:relative; }  /* Gets links displaying over a PNG background, html>body n'est pas compris par IE6 */
a { outline:none; } /* Gets rid of Firefox's dotted borders */
a img { border:none; } /* Gets rid of IE's blue borders */
img { display: block; }
table { border:none; border-collapse:collapse;  }
table td { vertical-align:top; }

/* ======================================================
   GENERIQUE
====================================================== */
html { width:100%; height:100%; font-size:1.0em; }
body { width:100%; height:100%; font:1.0rem/1.3em 'Eurostile-Reg',arial,helvetica,sans-serif; color:#000; background-color:#a0b1d4; text-align:center; }

h1 { margin:0 0 0.7em; font:3rem/1em 'Eurostile-Bol',arial,helvetica,sans-serif; text-transform:uppercase; }
h2 { margin:0 0 0.2em; font:1.8em/1em 'Eurostile-Bol',arial,helvetica,sans-serif; text-transform:uppercase; }
h2.smaller { font-size:1.4em; }
h2 a { font-size:inherit !important; font-family:inherit !important; }
h3 { margin:0; font:1em/1em 'Eurostile-Reg',arial,helvetica,sans-serif; }
h4 { margin:0; font:1em/1em 'Eurostile-Reg',arial,helvetica,sans-serif; }
h5 { margin:0; font:1em/1em 'Eurostile-Reg',arial,helvetica,sans-serif; }
h6 { margin:0; font:1em/1em 'Eurostile-Reg',arial,helvetica,sans-serif; }

a { color:#fc0000; text-decoration:none; }
a:link { color:#fc0000; text-decoration:none; }
a:focus { color:#915827; text-decoration:underline; }
a:hover { color:#915827; text-decoration:underline; }

p { padding:0 0 1.4em; }
img { border:none; }
sup { vertical-align:super; font-size:smaller; line-height:0; } 

td { padding:0.2em 0.5em; font-family:'Eurostile-Reg',arial,helvetica,sans-serif; font-size:1em; }
hr { display:block; margin:0; padding:0; border:none; background-color:#000; color:#000; font-size:1px; height:1px; line-height:1px; }

.wrapper { position:relative; margin:0 auto; padding:0; width:100%; max-width:1620px; }
#header .wrapper { padding:1.1em 0; width: 100%; }
#footer .wrapper { padding:1.1em 0; width: 100%; }

/* ======================================================
   HEADER
====================================================== */
#header { background-color:#a0b1d4; text-align:left; }
#header a.logosite { display:block; float:left; margin-left: 2%; width:10%; height:100%; }
#header img { float:left; width:100%; max-width:172px; }
#header .slogan { display:block; position:absolute; top:30%; margin-left:13.5%; font-family:'Eurostile-Bol',arial,helvetica,sans-serif; font-size:2.7em; line-height:1em; color:#fff; text-transform:uppercase; }
#header .btOrder { position:absolute; bottom:0; right:0; display:block; width:31%; padding:0.3em 0; font-family:'Eurostile-Bol',arial,helvetica,sans-serif; font-size:1.2em; line-height:1em; text-transform:uppercase; color:#000;  text-decoration:none; background:#ca8c3a url('../images/template/bg-btorder.png') center left no-repeat; text-indent:5%; }
#header a.btOrder:hover, #header a.btOrder:focus { color:#fff; text-decoration:none; }
/* ======================================================
   MAIN, CONTENT
====================================================== */
#main { clear:both; background-color:#fff; }
#content { margin:0; padding:0.8% 0; text-align:left; background-color:#fff; }
#contentSup { padding:2em 0; color:#000; }

/* ======================================================
   FOOTER
====================================================== */
#footer {
	padding:1em 0;
	border-top:0.4em solid #e5ae56;
	text-align:left;
	background-color:#2e324f;
}
#footer a.logosite { display:block; float:left; margin:0 2% 0 4.5%; width:6%; height:100%; }
#footer a.logosite img { width:100%; max-width:94px; }
#footer .img-award { float:right; margin-right:4.5%; width:8%; max-width:144px; }

.menulinks {
	margin:0 0 0 15%; 
	padding:0;
	z-index:10;
}
.menulinks a {
	display:inline;
	margin:0 1.2em 0 0;
	padding:0;
	line-height:1em;
	font-size:1.2em;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}
.menulinks a:hover, .menulinks a:focus, .menulinks a.active {
	color:#fff;
	text-decoration:none;
}
#footer .copyright { display:block; margin:4em 0 1em; font:0.8em/1em 'Eurostile-Reg',arial,helvetica,sans-serif; color:#c6e0f1; }

/* ======================================================
   MENU
====================================================== */
.toggleMenu { display:none; }
#menu {
	position:absolute;
	bottom:0;
	left:0;
	margin:0 0 0 15%; 
	padding:0;
	max-width:53%;
	z-index:10;
}
#menu li {
	display:inline-block;
	float:left;
	width:auto;
}
#menu li a {
	display:block;
	margin:0 1.2em 0 0;
	padding:0.3em 0;
	line-height:1em;
	font-size:1.2em;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
}
#menu li a:hover, #menu li a:focus, #menu li:hover a, #menu li.active a {
	color:#fff;
	text-decoration:none;
}
#menu li ul.sub-menu {
	display:none;
	position:absolute;
	margin-left:-1em;
	padding:0.5em 1em;
	background:#fff;
	box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.4);
	z-index:10;
}
#menu li ul.sub-menu li {
	display:block;
	float:none;
	font-size:1em;
}
#menu li ul.sub-menu li a {
	margin:0;
	padding:0.3em 0;
	line-height:1em;
	color:#a0b1d4;
	border-bottom:1px solid #a0b1d4;
	white-space: nowrap;
}
#menu li ul.sub-menu li:last-child a { border:none; }
#menu li ul.sub-menu li a:hover, #menu li ul.sub-menu li a:focus, #menu li ul.sub-menu li.active a { color:#000; }

#sectionmenu {
	position:absolute;
	top:1.5em;
	left:0;
	margin:0 0 0 1em; 
	padding:0;
	width:22%;
	z-index:10;
}
#sectionmenu li {
	width:100%;
	border-bottom:1px solid #eee;
}
#sectionmenu li ul li { border-top:1px solid #eee; border-bottom:none; }
#sectionmenu li a {
	display:block;
	padding:0.7em 1em;
	line-height:1em;
	font-size:1em;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#fff;
}
#sectionmenu li ul li a { padding-left:2em; }
#sectionmenu li a:hover, #sectionmenu li a:focus {
	color:#fff;
	text-decoration:none;
	background-color:#0091b5;
}
#sectionmenu li a.active {
	color:#0091b5;
	background-color:#fff;
}
.smenu { display: none; }

/* ======================================================
   CLASSES and *
====================================================== */
.imgToLeft { float:left; margin: 0 1em 1em 0; max-width:200px; }
.imgToRight { float:right; margin:0 0 1em 3em; max-width:30%; }
.floatleft { float:left; }
.floatright { float:right; }
.center { text-align:center; }
.bold { font-family:'Eurostile-Bol',arial,helvetica,sans-serif; font-weight:bold; }
.smaller { font-size:0.8em; }
a.more, span.more { font:1em/1em 'Eurostile-Reg',arial,helvetica,sans-serif; font-style:italic; color:fc0000; }
#contentSup ul { margin:0; padding:5px 0 1em 0; }
#contentSup ul li { float:none; list-style:disc outside; margin:0 0 0 14px; padding:0.2em 0; }
#contentSup ul li ul li { list-style:circle outside; }
.invisible { display:none; }
.transparent { zoom: 1; filter: alpha(opacity=90); opacity: 0.9; }
.clearing { clear:both; }
.clear-float { clear:both; }
.clear-fix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clear-fix { zoom: 1; } /** IE 5.5/6/7 */
.mobilonly { display:none; }

/* ======================================================
   SLIDER
====================================================== */
.mi-slider { position: relative; z-index: 9; }
.mi-slider .slides-container { overflow: hidden; position: absolute; width: 100%; height: 100%; z-index: 10; }
.mi-slider .slide { position: absolute; width: 100%; height: 100%; } 
.mi-slider .bkg-slider { opacity: 0; z-index: 9; }
#slider { width: 100%; }
#slider img { width:100%; transition: all 1.0s ease-out; }
#slider .blur { opacity: 0.5; }

/* ======================================================
   BLOCS DIVERS
====================================================== */
.blk01, .blk02, .blk03 { float:left; width:30%; text-align:right; }
.blk-img { float:right; width:31%; }
.blk-img img { margin-top:1em; width:100%; }
.top-img img { margin-top: 0; }
.blk01 .blk-text,.blk02 .blk-text,.blk03 .blk-text { margin-right:32%; padding-right:0.7em; }
.blk01 ul { margin:0; padding:0; }
.blk01 { margin-left:2%; }
.blk02 { margin:0 1%; padding:0 1% 0 1%; border-left:1px solid #000; border-right:1px solid #000; }
.blk02.specialPackaging { padding:0 0 0 1%; width:31%; }
.blk01 h1, .blk02 h1, .blk03 h1 { margin:0.5em 0 0.2em; font-family:'Eurostile-Bol',arial,helvetica,sans-serif; font-size:2em; line-height:0.7em; }
.blk01 h1 span, .blk02 h1 span, .blk03 h1 span { font-size:0.7em; }
.blk02 a, .blk03 a { color:#000; }
.blk02 a .more, .blk03 a .more { color:#fc0000; }
.blk02 a:hover, .blk03 a:hover, .blk02 a:focus, .blk03 a:focus { color:#915827; }
.blk02 a:hover .more, .blk03 a:hover .more, .blk02 a:focus .more, .blk03 a:focus .more { color:#915827; }
.blk-news { font-family:'Bodoni', Times, serif; }
.blk-news .blk-img { margin:0 1.5em 0 0; width:21%; max-width:98px; }
.blk-news .blk-text { margin-right:28%; }
.blk-news h1 { margin:0; font-family:'Bodoni-BoldItalic',Times,serif; font-size:3.4em; line-height:0.7em; color:#d58729; text-transform:none; }
#contentSup .blk-news ul li { margin:0.3em 0; padding:0; font-size:1.3em; font-family:'Bodoni-BoldItalic',Times,serif; line-height:1.1em; list-style-image:url('../images/template/list-picto.png'); list-style-position:inside; }
#contentSup .blk-news ul li a { color:#000; }
#contentSup .blk-news ul li a:hover, #contentSup .blk-news ul li a:focus { color:#915827; }

.bottom-sections .blk-bottom-section { float:left; margin:0 2%; padding:0; width:17%; }
.bottom-sections .blk-bottom-section:first-child { margin-left:20%; }
.bottom-sections .blk-bottom-section:nth-child(3) { margin-right:20%; }
.four-columns .blk-bottom-section { margin:0 3%; width:18%; } 
.four-columns .blk-bottom-section:first-child { width:11%; margin-left:5%; }
.four-columns .blk-bottom-section:nth-child(2) { width:25%; }
.four-columns .blk-bottom-section:nth-child(3) { margin-right:3%; }
.four-columns .blk-bottom-section:nth-child(4) { margin-right:5%; }
.five-columns .blk-bottom-section { margin:0; padding:0; width:16%; }
.five-columns .blk-bottom-section:first-child { margin-left:10%; }
.five-columns .blk-bottom-section:nth-child(3) { margin-right:0; }
.five-columns .blk-bottom-section:nth-child(5) { margin-right:10%; }
.bottom-sections .blk-bottom-section h1 { font-size: 1.2em; }
.bottom-sections .blk-bottom-section a { display: block; width: 100%; }
.bottom-sections .blk-bottom-section a img { width: 100%; }
 
img.imgnews { margin-top:0; }
img.imgpackaging  { margin:0; }

/* Page interne */
.contentTop { position:relative; /*min-height:150px;*/ color:#fff; background:#1e3061; z-index:1; }
.contentTop .text { position:absolute; margin:1.5% 0 0 2%; width:96%; font:1.8em/1em 'Eurostile-Bol',arial,helvetica,sans-serif; color:#ff9c32; text-transform:uppercase; z-index:10; }
.contentTop .text h1 { margin:0; padding:0 0 0.3em; color:#fff; }
.contentTop .bkg-top { width:100%; overflow:hidden; }
.contentTop .bkg-top img { width:100%; }
.contentText { padding:4em 0; font-size:1.2em; line-height:1.3em; background-color:#e6ebf4; border-bottom:0.4em solid #e5ae56; }
.contentText h1 { color:#708bc2; margin-left: 15%; }
.contentText h2 { color:#708bc2; }
.contentTextBlkLarge { margin:0 10%; padding:0; }
.contentTextBlkLarge .blk-text { margin:0 0 0 38%; }
.contentTextBlkLarge .blk-img { float:left; margin:-1em 0 0 0; width:35%; }
.contentTextBlk01 { float:left; margin:0 0 0 15%; padding:0 2% 0 0; width:40%; }
.contentTextBlk01 .blk-text { margin:0 10% 0 0; }
.contentTextBlk01 .blk-img { float:left; margin:0; width:26%; }
.contentTextBlk02 { float:left; width:30%; font-size:0.9em; }
.contentTextBlk02 .blk-text { text-align:right; }
.contentTextBlk02 ul li { padding:0.5em 0; line-height:1em; }
.contentTextBlk02 ul li span.year { font-family:'Eurostile-Bol',arial,helvetica,sans-serif; }
.contentTextBlk02 ul li a img { display:inline; width:100px; }
.contentTextBlk02 .blk-img {
    float: right;
    margin: 0 0 0 1em;
    width: 31%;
}
.contentTextBlk02 .blk-img img { margin:0; }
.contentTextBlk02 .align-left { text-align: left; }
.contentFiles { margin:0 0 0 15%; padding:0 2% 0 0; width:70%; }
.file { display: inline-block; margin: 0 5% 2em 0; }
.file a { color: #004c7e; font-family:'Eurostile-Bol',arial,helvetica,sans-serif; text-decoration: none; }
.file img { max-width: 300px; width: 100%; }
.contentFiles .brochures { width: 20%; }
.contentFiles .brochures img { border: 6px solid #fff; }
.contentFiles .paper { width: 15%; }
.contentFiles .paper img { border: 1px solid #05123C; }
.certificate { display: inline-block; margin: 1em 3% 0 0; }
.certificate img { max-width: 120px; }

/* Blocs de contenu défilant */
.list-set { position: relative; width:78%; height:300px; overflow:hidden; }
.list-set .ctn-all { position: absolute; }
.list-item { padding-bottom: 1em; width: 100%; }
.list-item a { display:block; float:left; margin:0 23% 1em 3%; width:37%; }
.list-item a:first-child { margin-left:0; margin-right:0; }
.list-item a img { width:100%; }
.list-item .list-content { margin-left:40%; }
.list-item .list-content.withoutmargin { margin-left:0; }
.list-item .team-member { display: inline-block;  margin: 0 2em 2em 0; vertical-align: top; }
.list-item .team-member img { margin-bottom: 1em; }
#board-directors .list-content, #advisory-board .list-content, #nbm-team .list-content { margin-left:0; }
.list-btns { float:left; padding:0.7em 2% 1em; width:16%; }
.list-btn { margin-bottom:0.7em; min-width:160px; line-height:1em; }
.list-btn a, .list-btn span { color:#708bc2; font-family:'Eurostile-Reg',arial,helvetica,sans-serif; font-size:1em; text-transform:uppercase; }
.list-btn a:hover, .list-btn a:focus { color:#000; text-decoration:none; }
.list-btns .active a { color:#000; text-decoration:none; }
.list-btns .sub-nav { margin-left:0.5em; font-size:0.8em; }

/* Liste d'éléments (news, downloads) */
ul.list li.listitem { margin:0.6em 0; padding:0.2em 0; font-size:1.13em; line-height:1.1em; font-family:'Bodoni',Times,serif; list-style-type:none; }
ul.list li.listitem a { display:block; color:#000; text-transform:none; text-decoration:none; }
ul.list li.listitem a:hover, ul.list li.listitem a:focus { color:#915827; text-decoration:underline; }
ul.list li.listitem a span { padding-left:1.2em; max-width:1000px; background-image:url('../images/template/list-picto.png'); background-position:0 0.2em; background-repeat:no-repeat;  }

/* ======================================================
   REDEFINITIONS SPECIFIQUES / PAGES 
====================================================== */
.contactPage .contentText .blk-text { margin-right:0; }
.technologyPage .contentTop .text-headline { margin:5% 0 0 33%; }
.clinicalresultsPage .contentTop h1 { width:16%; }
.productsPage .contentTop .text-headline { margin:5% 0 0 15%; line-height:0.9em; }
.productsPage .contentTop .img-productpackaging { position:absolute; top:2.5em; left:0; width:11%; }
.newsPage {}
.newsPage .contentTextBlkLarge { margin-left:15%; }
.newsPage .contentText.news h1 { margin:0; padding:0.2em 0 1em; font-size:2em; font-family:'Bodoni',Times,serif; line-height:1em; color:#000; text-transform:none; }
.newsPage .contentText p { width:75%; }
.date { font:1.0rem/1.3em 'Eurostile-Reg',arial,helvetica,sans-serif; color:#708bc2; }
.downloadsPage .contentTextBlkLarge { margin-left:15%; }
.companyPage .contentTextBlkLarge { margin-left:15%; }

/* ======================================================
   FORMULAIRES
====================================================== */
form { margin:0 0 1em 0; }
form#form-contact {  }
form#form-order {  }
fieldset { padding:1em; margin:0 0 1em 0; border:none; }
legend { font-weight:bold; color:#a0b1d4; padding:0.5em; }
label { margin:0; padding:0; vertical-align:middle; font-weight:normal; cursor:pointer; }
form p { margin:0.5em 0; padding:0; }
form p label { float:left; width:110px; height:25px; text-align:left; white-space:nowrap; }
textarea { padding:0.2em 0.5em; width:340px; height:100px; font:1.0em/1.3em 'Eurostile-Reg',arial,helvetica,sans-serif; background-color:#fff; border:1px solid #a0b1d4; }
.formfield { padding:0.2em 0.5em; width:340px; font:1.0em/1.3em 'Eurostile-Reg',arial,helvetica,sans-serif; color:#333; background-color:#ffffff; border:1px solid #a0b1d4; }
.formbutton { margin:1em 0 1em 110px; padding:0.2em 0.5em; font:1em/1em 'Eurostile-Reg',arial,helvetica,sans-serif; color:#fff; background-color:#a0b1d4; border:2px solid #fff; border-radius:4px; text-transform:uppercase; cursor:pointer; }
.formbutton:hover, .formbutton:focus { color:#a0b1d4; background-color:#fff; border-color:#a0b1d4; }
.code-image { position:relative; margin:0.5em 0; padding:0; font-size:1em; }
.code-image label { display:block; padding:0 0 0.5em; }
.code-image .formfield { display:block; float:left; margin:0 1em 0 110px; width:160px; text-transform:uppercase; text-align:center; }
.code-image img { display:block; float:left; }
.error-msg { font-family:'Eurostile-Bol',arial,helvetica,sans-serif; color:#fc0000; }

/* ======================================================
   MODAL WINDOW (POP-UP)
====================================================== */
#overlay-modal { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:10000; }
.transparent { zoom:1; filter:alpha(opacity=20); opacity:0.2; }
#window-modal { position:absolute; padding:10px 20px; background-color:#fff; box-shadow:0 1px 7px rgba(0,0,0,0.7); z-index:10001; }
.content-modal { min-height:450px; min-width:820px; background-color:#fff; text-align:center; }
.close-modal { display:none; }
#imgToDisplay { margin:0; padding:0; width:820px; height:450px; border:none; overflow:hidden; }

/* ======================================================
   ECRANS + petits
====================================================== */
@media (max-width:1290px) {
	#menu { margin-left:15%; }
	#menu li a { margin-right:0.8em; font-size:1.0em; }
	#header a.btOrder { font-size:1.0em; }
	#header .slogan { top:37%; font-size:1.8em; }
	.menulinks a { font-size:1.0em; }
	h1 {  }
	h2, .blk02 h1, .blk03 h1 { font-size:1.8em; }
	.blk-news h1 { font-size:3em; }
	#footer .copyright { font-size:0.8em; }
	#contentSup .blk01 ul li { font-size:1.1em; }
	.list-btn a, .list-btn span { font-size:0.8em; }
	.code-image .formfield { margin-left:0; width:120px; }
}

/* ======================================================
   MOBILES 
====================================================== */
/* TABLETTE */
@media (max-width:975px) {
	/* Generiques */
	.blk-text { margin:0; padding:0; }
	.blk-text:after { clear:both; }
	.blk-img img { margin-top:0; }
	
	/* Header*/
	#header a.logosite { margin-left:4%; width:16%; }
	#header .slogan { top:45%; margin-left:22%; font-size:1.4em; }
	
	/* Headlines*/
	.contentTop .bkg-top img { width:150%; }
	.contentTop .text { float:none; margin:5% 4% 3%; width:92%; font-size: 1.2em; }
	.technologyPage .contentTop h1 { margin-left:0; }
	.technologyPage .contentTop .text-headline { margin-left:55%; }

	/* Contenu */
	.contentText { padding:3em 4%; }
	.companyPage .contentText { padding:3em 8%; }
	.newsPage .contentText { padding:3em 8%; }
	.contactPage .contentText { padding:3em 8%; }
	.downloadsPage .contentText { padding:3em 8%; }
	.contentText h1 { margin-left:0; }
	.contentTextBlkLarge { margin:0; }
	.companyPage .contentTextBlkLarge { margin-left:0; }
	.newsPage .contentTextBlkLarge { margin-left:0; }
	.downloadsPage .contentTextBlkLarge { margin-left:0; }
	.contentTextBlkLarge .blk-img { margin:0; width:33%; }
	.contentTextBlkLarge .blk-text { margin-left:36%; }
	.contentTextBlk01, .contentTextBlk02 { float:none; margin:0; padding:0; width:auto; border:none; clear:both; }
	.contentTextBlk02 { margin-top:1em; padding-top:1em; border-top:1px solid #000; }
	.contentTextBlk01 .blk-text { margin:0; }
	.contentTextBlk01 .blk-img, .contentTextBlk02 .blk-img { width:16%; }
	.contentTextBlk02 .blk-text { text-align:left; }

	/* List-set : contenu défilant*/
	.list-btns { float:none; margin:0 0 1em; padding:0 0 1em; width:100%; }
	.list-btns .list-btn { float:left; margin:0 1em 0 0; min-width:inherit; }
	.list-btns .sub-nav { display:none; }
	.list-set { height: 100%; width: 100%; }
	.list-set .ctn-all { position:relative; margin:0; padding-top:1em; }
	.list-item { position:relative; width: 100%; }
	.list-item a { margin:0 37% 1em 3%; width:30%; }
	.list-item a:first-child { margin-left:0; margin-right:0; }
	.list-item .list-content { margin-left:33%; }
	
	/* Blocs de la homepage */
	.blk01, .blk02, .blk02.specialPackaging, .blk03 { position:relative; float:none; margin:0 4%; padding:1em 0 0; width:auto; text-align:left; clear:both; }
	.blk02 { border-top:1px solid #000; border-left:none; border-right:none; }
	.blk03 { border-top:1px solid #000; }
	#contentSup .blk01  ul { margin:0; padding-left:25px; }
	#contentSup .blk01 ul li { list-style-position:outside; }
	.blk01 .blk-img { float:left; margin:0 12% 1em; width:9%; }
	.blk02 .blk-img, .blk03 .blk-img { float:left; margin:0 9%; width:15%; text-align:center; }
	.blk01 .blk-text, .blk02 .blk-text, .blk03 .blk-text { margin:0 4% 1em 33%; padding:0; }
	.blk01 .blk-img img { /*margin-top:0;*/ }
	
	/* Blocs de bas de page */
	.bottom-sections .blk-bottom-section { margin:0; padding:0; width:28%; }
	.bottom-sections .blk-bottom-section:first-child { margin-left:8%; }
	.bottom-sections .blk-bottom-section:nth-child(3) { margin-right:8%; }
	.four-columns .blk-bottom-section { margin:0 3%; width:18%; } 
	.four-columns .blk-bottom-section:first-child { width:11%; margin-left:5%; }
	.four-columns .blk-bottom-section:nth-child(2) { width:25%; }
	.four-columns .blk-bottom-section:nth-child(3) { margin-right:3%; }
	.four-columns .blk-bottom-section:nth-child(4) { margin-right:5%; }
	.five-columns .blk-bottom-section { margin:0; padding:0; width:20%; }
	.five-columns .blk-bottom-section:first-child { margin-left:0; }
	.five-columns .blk-bottom-section:nth-child(3) { margin-right:0; }
	.five-columns .blk-bottom-section:nth-child(5) { margin-right:0; }
	.bottom-sections .blk-bottom-section h1 { font-size: 1em; }
	
	/* Menu */
	a.toggleMenu { display:block; position:absolute; bottom:0; left:0; margin:0 0 0 22%;  padding:0.3em 0 0.3em 1em; z-index:10; font-size:1em; line-height:1em; color:#000; text-transform:uppercase; }
	a.toggleMenu:hover, a.toggleMenu:focus { color: #fff; text-decoration: none; }
	[class^="icon-"]:before, [class*=" icon-"]:before {
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		/*margin-right: .2em;*/
		padding:0.5em 0 0;
		text-align: center;
		/* opacity: .8; */

		/* For safety - reset parent styles, that can break glyph codes*/
		font-variant: normal;
		text-transform: none;
     
		/* fix buttons height, for twitter bootstrap */
		line-height: 1em;

	}
 	#header .icon-menu { font-size: 0.8em; position: absolute; left: 0; top: 0; }
	.icon-menu:before { content: '\e801'; }
	#menu {
		display: none;
		position:absolute;
		top:100%;
		left:0;
		margin:0 0 0 22%; 
		max-width:53%;
		padding-top: 0.5em;
		z-index:10;
		background:#fff;
		height: 165px;
		box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.4);
	}
	#menu li {
		background:#fff;
		border-bottom: 1px solid #a0b1d4;
		display:block;
		float:none;
	}
	#menu li a {
		padding:0.5em 1em;
		color:#a0b1d4;
	}
	#menu li a:hover, #menu li a:focus, #menu li:hover a, #menu li.active a {
		color:#000;
	}
	#menu li ul.sub-menu {
		display:none;
	}
}

/** SMARTPHONE */
@media (max-width:680px) {
	/* tailles de textes */
	body { font-size:1.0em; }
	h1 { font-size:2em; }
	h2 { font-size:1.4em; }
	h3 { font-size:1em; }
	h4 { font-size:1em; }
	h5 { font-size:1em; }
	h6 { font-size:1em; }
	p { width:auto; }
	
	/* fixer une largeur maximale de 100 % aux éléments potentiellement problématiques  */
	img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
	max-width: 100%;
	}
	/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
	img {
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	/* gestion des mots longs */
	textarea, table, td, th, code, pre, samp {
	word-wrap: break-word; // passage à la ligne forcé 
	-webkit-hyphens: auto; // césure propre 
	-moz-hyphens: auto;
	hyphens: auto;
	}
	
	.mobilonly { display:block; }
	
	/* Header + Menu */
	#header a.logosite { width:27%; }
	#header .slogan { top:48%; margin-left:32%; font-size:1.4em; }
	a.toggleMenu { margin-left:32%; font-size:1.2em; }
	#header a.btOrder { width:32%; text-indent:10%; font-size:1.2em; }
	#menu { margin-left:32%; height:236px; }
	#menu li a { font-size:1.2em; }
	
	/* HOME header */
	.slides-container { display:none; }
	.mi-slider .bkg-slider { opacity:1; }
	.mi-slider .bkg-slider img { display:none; }
	
	/* Headlines*/
	.contentTop .bkg-top { display:none; }
	.contentTop .bkg-top img { width:150%; max-width:inherit; }
	.contentTop .text { position:relative; float:none; margin:0; padding:3% 4%; width:auto; font-size: 1.0em; }
	.contentTop .text-headline { margin:0; }
	.technologyPage .contentTop .text-headline { margin:0; }
	.clinicalresultsPage .contentTop h1 { width:auto; }
	.productsPage .contentTop .img-productpackaging { position:relative; top:0; left:0; margin-top:-3.5em; width:27%; }
	.productsPage .contentTop .text-headline { margin-left:34%; }
	
	/* Contenu */
	.contentText { padding:2em 4%; }
	.companyPage .contentText { padding:2em 8%; }
	.newsPage .contentText { padding:2em 8%; }
	.contactPage .contentText { padding:2em 8%; }
	.downloadsPage .contentText { padding:2em 8%; }
	.contentTextBlkLarge .blk-text  { margin-left:0; }
	.contentTextBlkLarge .blk-img { padding:0 1em 1em 0; }
	.list-item a { margin:0 3% 1em 0; width:47%; }
	.list-item a:first-child { margin-left:0; margin-right:3%; }
	.list-item .list-content { margin-left:50%; }
	.list-item .list-content { margin-left:0; }
	.list-item .list-content .blk-img { padding:0 1em 1em 0; }
	.contentTextBlk01 .blk-img, .contentTextBlk02 .blk-img { width:25%; }
	.blk01 .blk-img { display:none; }
	.blk01 .blk-text { margin:0 4% 1em 4%; }
	
	/* Blocs de bas de page */
	.five-columns .blk-bottom-section { width:33%; }
	
	/* Footer */
	#footer a.logosite {
		margin: 0 8%;
		width: 15%;
	}
	#footer .img-award {
		margin-right: 8%;
		width: 15%;
	}
	.menulinks { margin-left:31%; }
	.menulinks a { display:block; line-height: 1.3em; }
	#footer .copyright { margin-top:1em; }
}

/* Smartphone portrait */
@media (max-width:480px) {
	/* Header + Menu */
	#header a.logosite { width:27%; }
	#header .slogan { top:10%; margin-left:35%; font-size:1.2em; }
	a.toggleMenu { margin-left:35%; font-size:1.2em; }
	#header a.btOrder { width:32%; text-indent:10%; font-size:1.2em; }
	#menu { margin-left:35%; height:236px; }
	#menu li a { font-size:1.2em; }
	
	/* Contenu */
	.list-btns .list-btn { float:none; display:block; font-size:1.2em; }
	.newsPage .contentText.news h1 { font-size:1.2em; }
	.imgToLeft { max-width:120px; }
	.list-item .list-content { clear:both; }
	.list-item .team-member { margin: 0 4% 2em 0; width: 45%; }
	
	/* Blocs de bas de page */
	.bottom-sections .blk-bottom-section { width:33%; }
	.bottom-sections .blk-bottom-section:first-child { margin-left:0; }
	.bottom-sections .blk-bottom-section:nth-child(3) { margin-right:0; }
	.four-columns .blk-bottom-section { margin:0.5em 3%; width:44%; } 
	.four-columns .blk-bottom-section:first-child { width:23%; margin-left:3%; margin-right:18%; }
	.four-columns .blk-bottom-section:nth-child(2) { width:44%; }
	.four-columns .blk-bottom-section:nth-child(3) {  }
	.four-columns .blk-bottom-section:nth-child(4) {  }
	.five-columns .blk-bottom-section { width:33%; }
	.five-columns .blk-bottom-section:first-child { margin-left:0; }
	.five-columns .blk-bottom-section:nth-child(3) { margin-right:0; }
	.five-columns .blk-bottom-section:nth-child(5) { margin-right:0; }
}