/* ======================================================
   LICENCES
   Font-face by Fonts.com
====================================================== */
@font-face{
font-family:"ArialW01-CondensedBold";
src:url("Fonts/cb6f284f-efd3-4b84-988e-c65282ce5c06.eot?#iefix");
src:url("Fonts/cb6f284f-efd3-4b84-988e-c65282ce5c06.eot?#iefix") format("eot"),url("Fonts/367d3948-cd72-484c-bdef-54fddb321f1f.woff") format("woff"),url("Fonts/cffff167-4ebe-4a67-841d-3d1b9b8ae997.ttf") format("truetype"),url("Fonts/369eac2c-b672-4a48-84b5-8d800d4ce747.svg#369eac2c-b672-4a48-84b5-8d800d4ce747") format("svg");
}
@font-face{
font-family:"ArialW01-CondensedLight";
src:url("Fonts/780ea0ee-0ebd-4b9d-aa19-3a09f8763dbd.eot?#iefix");
src:url("Fonts/780ea0ee-0ebd-4b9d-aa19-3a09f8763dbd.eot?#iefix") format("eot"),url("Fonts/f1383ad5-b1c4-42f1-bf70-a2a5333103b5.woff") format("woff"),url("Fonts/4c72cbb2-5d14-4847-beda-f26246761f64.ttf") format("truetype"),url("Fonts/b6a2b9c7-2ef6-4f8c-9891-f351ef37e9e5.svg#b6a2b9c7-2ef6-4f8c-9891-f351ef37e9e5") format("svg");
}
@font-face {
  font-family: 'pictos';
  src: url('Fonts/pictos.eot?46813214');
  src: url('Fonts/pictos.eot?46813214#iefix') format('embedded-opentype'),
       url('Fonts/pictos.woff2?46813214') format('woff2'),
       url('Fonts/pictos.woff?46813214') format('woff'),
       url('Fonts/pictos.ttf?46813214') format('truetype'),
       url('Fonts/pictos.svg?46813214#pictos') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "pictos";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  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;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-phone:before { content: '\e800'; } /* '' */
.icon-ok:before { content: '\e801'; } /* '' */
.icon-cancel:before { content: '\e802'; } /* '' */
.icon-search:before { content: '\e803'; } /* '' */
.icon-print:before { content: '\e804'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-xing-squared:before { content: '\f169'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-twitter-squared:before { content: '\f304'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-linkedin-squared:before { content: '\f30c'; } /* '' */
/* ======================================================
   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; }
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:''}

strong { font-weight: bold; }
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%; }
body { width:100%; height:100%; font:1.0em/1.5 arial,helvetica,sans-serif; color:#1b181c; background-color:#fafafa; text-align:center; }

h1 { margin:0 0 0.7em; font:normal 2.4em/1 "ArialW01-CondensedLight",arial,helvetica,sans-serif; text-transform:uppercase; }
h2 { margin:1em 0; font:normal 1.4em/1 "ArialW01-CondensedBold",arial,helvetica,sans-serif; color:#0091b5; text-transform:uppercase; }
h2 a { font-size:inherit !important; font-family:inherit !important; }
.bloc-article h2 { margin:0 0 0.2em; font-size:1.2em; }
h3 { margin:1em 0 .5em; font:1.2em "ArialW01-CondensedBold",arial,helvetica,sans-serif; }
h4 { margin:0; font:1em "ArialW01-CondensedBold",arial,helvetica,sans-serif; }
h5 { margin:0; font:1em "ArialW01-CondensedBold",arial,helvetica,sans-serif; }
h6 { margin:0; font:1em "ArialW01-CondensedBold",arial,helvetica,sans-serif; }

/* 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;
}
code, pre, samp {
white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
}

a { font:1em/1em "ArialW01-CondensedLight",arial,helvetica,sans-serif; color:#0091b5; text-decoration:none; }
a:link { color:#0091b5; text-decoration:none; }
a:focus { color:#0091b5; text-decoration:underline; }
a:hover { color:#0091b5; text-decoration:underline; }

p { padding:0 0 1.4em; max-width:700px; }
p img { max-width: 700px; }
img { border:none; }
b, strong {  }
i, em {  }

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

video { width: 100%; height: auto; }

/* ======================================================
   HEADER
====================================================== */
#header {
	margin:0 auto;
	padding:0.7em 0 0;
	width:94%;
	max-width:1350px;
	background-color:#fff;
	text-align:left;
	position: relative;
}
#header a.sitename { display:none; }
#logo { display: inline-block; }
#logo img { margin:0.5em 0 0.8em 0.8em; width:100%; max-width:200px; }

/* ======================================================
   MAIN, CONTENT
====================================================== */
#main {
	clear:both;
	min-height: 200px;
}
#content { 
	position:relative;
	margin:0 auto;
	padding:2em 0;
	width:94%;
	max-width:1350px;
	text-align:left;
	background-color:#fff;
}
#text {
	margin:0 5% 0 25%;
	padding:0 0 1em 1em;
	color:#1b181c;
}
.tb-handigeek tr:first-child td { background-color: #4BACC6; color: #fff; }
.tb-handigeek td:first-child { background-color: #4BACC6; color: #fff; }

/***PAGINATION***/
.pagination { height: 30px; margin: 10px 0; }
.pagination a, .pagination a:hover, .pagination a:focus { color: #54504f; text-decoration: none; }
.pagination .si-btn { float: left; margin: 0 0.2em; padding: 4px; }
.pagination .ctn-links { float: left; }
.pagination .pag-link, .pagination .current { border: 1px solid #fff; color: #54504f; margin: 0 0.2em; padding: 0.4em; }
.pagination .pag-link:hover, .pagination .pag-link:focus { border: 1px solid #54504f; color: #54504f; text-decoration: none; }
.pagination .current { border: 1px solid #54504f; color: #54504f; font-weight: bold; }
.pagination .disabled { display: none; }

/* ======================================================
   FOOTER
====================================================== */
#footer {
	margin:0 auto;
	padding:1.5em 0;
	width:94%;
	max-width:1350px;
	text-align:left;
	background-color:#eee;
}
#footer .copyright { 
	clear:both; display:block; margin:1em; font:0.9em/1em "ArialW01-CondensedLight",arial,helvetica,sans-serif; 
}

/* ======================================================
   MENU
====================================================== */
#toggle-menu { 
	display: none; padding: 0.5em 1em; color: #fff; cursor: pointer; 
	font-family:"ArialW01-CondensedLight",arial,helvetica,sans-serif;
	font-size:1.2em; 
	text-decoration:none;
	text-transform:uppercase;
	background-color:#0091b5;
}
#toggle-menu .icon { float: right; }
#toggle-menu.open .icon-menu::before { content: '\e802'; }
#menu {
	position:relative;
	margin:0; 
	padding:0;
	background-color:#fff;
	box-shadow: 0px 0 3px 0 rgba(0, 0, 0, 0.5);
	border-bottom:4px solid #0091b5;
	z-index:11;
}
#menu li .icon { float: right; display: none; font-size: 1.2em; }
#menu li {
	display:inline-block;
	float: left;
	width:25%;
	border-top:1px solid #fff;
	position: relative;
}
#menu li a {
	display:block;
	padding:2.5em 0.1em 0.7em 1em;
	line-height:1em;
	font-family:"ArialW01-CondensedLight",arial,helvetica,sans-serif;
	font-size:1.2em;
	color:#1b181c;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#eee;
	border-right:1px solid #fff;
	
}
#menu li:last-child a { border:none; }
#menu li a:hover, #menu li a:focus, #menu li a.active {
	color:#fff;
	text-decoration:none;
	background-color:#0091b5;
} 
#menu .sub-menu { display: none; font-size: 0.9em; position: absolute; left: 0; padding-top: 4px; width: 100%; }
#menu .sub-menu li { width: 100%; }
#menu .sub-menu li a { padding: 1em; }

#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: 1em;
	line-height:1em;
	font-family:"ArialW01-CondensedLight",arial,helvetica,sans-serif;
	font-size:1em;
	color:#1b181c;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#fff;
}
#sectionmenu li .icon { float: right; display: none; font-size: 1.2em; }
#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;
	font-family:"ArialW01-CondensedBold",arial,helvetica,sans-serif;
}
.smenu { display: none; }
/* ======================================================
   CLASSES and *
====================================================== */

.imgToLeft { float:left; margin: 0 1em 1em 0; max-width:200px; }
.imgToRight { float:right; margin: 0 0 1em 1em; max-width:200px; }
.center { text-align:center; }
.floatleft { float:left; }
.floatright { float:right; }
.small { font-size:0.8em; line-height:1.3em; }
#text ul { margin:0; padding:5px 0 1em 0; }
#text ul li { float:none; list-style:disc outside; margin:0 0 0 14px; padding:0.2em 0; }
#text 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 */
/* Iframe/image responsive */
.responsive { position: relative; margin:auto; padding: 30px 0 56.25% 0; height: 0; overflow: hidden; }
.responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 524px; }
.responsiveImg { display: block; margin: 1em auto; width: 100%; height: auto; max-width: 600px; }
.carre { margin:1em auto; width: 100%; height: auto; max-width: 600px; }
/* Accordeon */
.accordeon { position: relative; margin: .5em 0; max-width:700px; }
.acc-header { position: relative; display:table; margin: 0; padding: 0 0 .5em; cursor: pointer; }
.acc-header::after { display: inline-block; content:'Lire +'; font: normal 1em/1 "ArialW01-CondensedBold",arial,helvetica,sans-serif; color: #0091b5; }
.acc-header:hover::after { text-decoration: underline; }
.accordeon.open .acc-header::after { content:'Fermer'; }
.acc-body { display:none; position:relative; padding:0; }

.pressesource { font:1em/1em "ArialW01-CondensedLight",arial,helvetica,sans-serif; }
.bloc-article { clear:both; }
a.vignette { display:block; float:right; margin:0 0 1.5em 2em; width:200px; }
a.vignette img { width:100%; }
a.gallery-item { display:block; float:left; padding:0.3em 0.2em; }
div.emvideo-modal { display:block; float:left; padding:0.5em 0.2em; width:300px; }
.imgActuDetails { float:right; margin: 0 0 1em 1em; max-width:330px; }
	
/* ======================================================
   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; }

/* ======================================================
   MOBILES 
====================================================== */
@media (max-width:960px) {
	/* passer tous les éléments de largeur fixe en largeur automatique body, */
	#header, #main, #content, #text, #menu, #sectionmenu, #footer, #overlay-modal, .content-modal, #imgToDisplay {
		margin: 0;
		padding: 0;
		background-image:none;
	}
	#header, #content, #footer { margin:0 auto; }
	#header { padding:0.5em 0 0; }
	#logo img { margin:0.5em 1em 1em; width:100%; max-width:180px; }
	#text { padding:1.5em 1em; }
	#sectionmenu {
		position:relative;
		top:0;
		right:0;
		box-shadow:none;
	}
	#sectionmenu { width: 100%; }
	#sectionmenu li { max-width:inherit; }
	#sectionmenu li:first-child { border-top:1px solid #eee; }
	#sectionmenu li .icon { display: block; }
	#sectionmenu li a:hover, #sectionmenu li a:focus, #sectionmenu li a.active { background-position:bottom right; }
	#footer { padding:0.5em 0; }
	.nopopup { display:inline; }
	
	/* tailles de textes */
	body { font-size:1.0em; }
	h1 { font-size:1.6em; }
	h2 { font-size:1.2em; }
	h3 { font-size:1.1em; }
	h4 { font-size:1em; }
	h5 { font-size:1em; }
	h6 { font-size:1em; }
	p { width:auto; }
	p img { max-width: 100%; }

	/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
	element1, element2 {
	float: none;
	width: auto;
	}
	/* masquer les éléments superflus */
	.hide_mobile, .popup {
	display: none !important;
	}
}

@media (max-width: 768px) {
	#header, #content, #footer { margin:0; width:auto; max-width:inherit; }
	#header img { max-width:150px; }
	#toggle-menu { display: block; }
	#menu { box-shadow:none; display: none; position: absolute; width: 100%; height: 95vh; } 
	#menu li .icon { display: block; margin-right: -3px; }
	#menu .sub-menu { padding: 0; position: relative; width: 100%; } 
	#menu .sub-menu.open { display: block; } 
	#menu .sub-menu li a { padding: 0.7em 2em; background-image: none; }
	#menu li { display:block; width:100%; }
	#menu li a { padding:0.5em 1em; }
	#menu li a:hover, #menu li a:focus, #menu li .link.active { color:#1b181c; background-color:#eee; }
	#text { margin-left:0; }
	#footer { padding:1em 0; }
}