@font-face {
    font-family: 'gotham_boldregular';
    src: url('gotham-bold-webfont.woff2') format('woff2'),
         url('gotham-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_bookregular';
    src: url('gotham-book-webfont.woff2') format('woff2'),
         url('gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
strong{font-family:'gotham_boldregular', Arial, Helvetica, sans-serif;}
italic{font-family:'gotham_bookregular', Arial, Helvetica, sans-serif; font-style:italic;}
H1, H2, H3, H4{font-family:'gotham_boldregular', Arial, Helvetica, sans-serif;}
H5, h6{font-family:'gotham_bookregular', Arial, Helvetica, sans-serif;}
/*-------------------------------*/
body{
	margin:0;
	background-color:#74C8DA;
	padding:0;
	font-family:'gotham_bookregular', Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#303030;
}
#page{
	position:absolute;
	width:986px;
	left:50%;
	margin-left:-493px;
}
#logo{
	float:left;
	margin:12px 0 0 0;
}
#social{
	float:right;
	width:248px;
	height:111px;
	background-image:url(bg-social.png);
	background-repeat:no-repeat;
}
#social-img{
	float:left;
	margin:9px 0 0 19px;
}
.nav-lang{
	text-transform:uppercase;
	color:#FFFFFF;
	margin:10px 0 0 0;
	float:right;
}
.nav-lang A{
	color:#FFFFFF;
	text-decoration:none;
	font-family:'gotham_boldregular', Arial, Helvetica, sans-serif;
}
.nav-lang A:HOVER{
	color:#339DBC;
}
#intro{
	clear:both;
	width:100%;
	min-height:464px;
	background-image:url(illu.jpg);
	background-repeat:no-repeat;
}
#intro-txt{
	width:55%;
	float:right;
	color:#FFFFFF;
	font-size:35px;
	margin:136px 0 0 0;
}
#main{
	background-color:#FFFFFF;
	box-sizing:border-box;
	padding:28px 65px;
	line-height:1.3;
	height:370px;
	margin-bottom:20px;
}
#link1, #link2{
	font-family:'gotham_boldregular', Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FFF;
	background-color:#339DBC;
	float:left;
	width:47%;
	box-sizing:border-box;
	height:130px;
	padding:35px 0 0 82px;
	margin-top:20px;
	background-image:url(fleche.png);
	background-repeat:no-repeat;
}
#link2{
	float:right;
	padding-top:21px;
}
#link1 A, #link2 A{
	color:#FFFFFF;
	text-decoration:none;
}
#link1 A:HOVER, #link2 A:HOVER{
	color:#014D63;
}
.home #link1, .home #link2{
	font-size:20px;
	padding-top:25px;
}
#footer{
	font-size:15px;
	color:#303030;
	font-family:'gotham_boldregular', Arial, Helvetica, sans-serif;
	background-color:#C9EAF1;
	height:105px;
}
#footer P{
	float:left;
	margin:62px 0 0 25px;
}
#footer UL{
	margin:62px 0 0 15px;
	padding:0;
	list-style:none;
	display:inline-block;
}
#footer LI{
	float:left;
	margin:0 15px 0 0;
}
#footer A{
	border-bottom:1px solid #303030;
	text-decoration:none;
	color:#303030;
}
#footer A:HOVER{
	color:#FFFFFF;
	border:none;
}
#footer IMG{
	float:right;
	margin:11px 25px 0 0;
	border:none;
}
.cookiebanner{ font-size:12px !important; padding:8px 0 2px 0 !important; height:48px !important; }
.cookiebanner span A{ color:#FFF !important; text-decoration:underline !important;}
.cookiebanner-close{float:none !important;}
@media screen and (min-width:1px) and (max-width:490px) {
	#page{width:100%;left:0;margin-left:0;}
	#logo{width:100px; margin:6px 0 0 5px;}
	#logo IMG{ width:100px !important; height:auto !important;}
	#social{width:148px;height:61px; background:none;}
	#social-img{margin:22px 0 0 0; float:right;}
	#social IMG{ width:31px !important; height:auto !important; margin-right:6px;}
	#intro{ background:none;min-height:240px; background-image:url(illu-mini.png); background-repeat:no-repeat;}
	#intro-txt{width:70%;font-size:22px;margin:30px 3% 0 0;text-align:right;}
	#main{padding:8px 3%;font-size:15px;height:432px;}
	#link1, #link2{font-size:16px;float:none;width:100%; background:none;background-color:#339DBC;height:90px;padding:25px 10px 0 10px;text-align:center; margin:0 0 16px 0;}
	#footer{height:76px;}
	#footer P{margin:12px 0 0 2%;}
	#footer UL{margin:12px 0 0 2%;}
	#footer IMG{ display:none;}
	.cookiebanner{ height:92px !important; font-size:11px !important;}
}
@media screen and (min-width:491px) and (max-width:650px) {
	#page{width:100%;left:0;margin-left:0;}
	#logo{width:128px; margin:6px 0 0 5px;}
	#logo IMG{ width:128px !important; height:auto !important;}
	#intro{ background:none;min-height:220px; background-image:url(illu-mini2.png); background-repeat:no-repeat;}
	#intro-txt{width:59%;font-size:28px;margin:38px 0 0 0;}
	#main{padding:8px 3% 11px 3%;font-size:15px;height:432px;}
	#link1, #link2{font-size:20px;float:none;width:100%;margin:0 0 16px 0; padding:38px 16px 0 80px;}
	#footer{height:46px;}
	#footer P{margin:12px 0 0 2%;}
	#footer UL{margin:12px 0 0 2%;}
	#footer IMG{ display:none;}
	.cookiebanner{ height:72px !important; font-size:11px !important;}
}
@media screen and (min-width:651px) and (max-width:970px) {
	#page{width:100%;left:0;margin-left:0;}
	#logo{width:158px; margin:6px 0 0 5px;}
	#logo IMG{ width:158px !important; height:auto !important;}
	#intro{background:none;min-height:280px; background-image:url(illu-mini3.png); background-repeat:no-repeat;}
	#intro-txt{width:61%;font-size:30px;margin:55px 0 0 0;}
	#main{padding:8px 3% 11px 3%;font-size:16px;height:322px;}
	#link1, #link2{ font-size:17px; padding:35px 17px 0 72px;}
	.cookiebanner{ height:72px !important; font-size:12px !important;}
}
/*---------------------------CHARGEMENT-SLIDER-du-CMS----------------------------------*/
.diaporama_slider ol, .diaporama_slider ul{list-style:none;}
.diaporama_slider{width:710px;margin:20px 0;position:relative;z-index:0;height:410px;}
.slides IMG{border:none;}
.slides{position:absolute;left:0;z-index:100;}
.slides .next,.slides .prev{position:absolute;top:180px;width:24px;height:43px;display:block;z-index:101;}
.slides_container{width:700px;height:390px;overflow:hidden;position:relative;left:24px;}
.slides .next{left:724px;}
.pagination{display:none;}
/*----------CHARGEMENT LIGHTBOX-------------------------------------------*/
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{ outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}	
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}			
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}
DIV.gallery UL{list-style-type:none; margin:10px 0; padding:0;}
DIV.gallery UL LI{display:inline;}
DIV.gallery UL LI A{margin:0 10px 10px 0;display:inline-block;}
#main .gallery IMG{ margin:5px 10px 5px 0;}
IMG.lightbox-miniature{width:120px;border:solid 2px #6688B0; height:82px;}
/*----------------------------------screen-------------------------------------------*/
.alternatif_1{border:1px solid #454545;padding:5px 10px;font-size:13px;width:40%;float:right;margin:0 0 10px 10px;}
.alternatif_2{border:1px solid #454545;padding:5px 10px;font-size:13px;float:left;width:40%;margin:0 10px 10px;}
.encadre{font-size:14px;padding:5px 15px;border:1px solid #000000;margin:10px 0 10px 0;}
.citation{width:80%;margin:10px 0 8px 40px;}
#nav-pri li.current-root ul{display:block;}
img{vertical-align:top;}
.accessibility{position:absolute; top:-9999em; left:-9999em;}
N.CSS
#nav-pri:before{ display:none;}
#content:after{ display:none;}
#content_wrapper:after{content:'[DO NOT LEAVE IT IS NOT REAL]';display:block;height:0;clear:both;visibility:hidden;}
form label em{ color:red; font-weight:bold; font-size:14px; font-style:normal; font-family:"Courier New", Courier, monospace; }
form .validator{ font-size:10px;}
.content-center{ text-align:center;}
.content-right{ text-align:right;}
.float-left{ float:left;/*  clear:left;*/  margin:0 32px 5px 0;}
.float-right{ float:right; clear:right; margin:0 0 10px 20px;}
.float-right img{ margin:0 0 20px 10px;}
.force-new-line{ clear:both; height:12px;}
img.border{ border:1px solid #CCC; padding:1px; }
p.bloc{ border-width:1px; /*border-color:#DDD;*/ overflow:hidden; padding:10px; margin:20px 0 10px; /*background:#f7f8fa;*/ line-height:1.2em;}
* html p.bloc{ height:1%; overflow:visible;}
p.bloc img{ float:left; margin:0 30px 10px 0 !important; /*border-color:#DDD;*/ padding:3px; /*background:#fff;*/}
.content img{ margin:0 0 5px 0;}
li.pdf-file{ list-style:none; line-height:1.8em; padding-left:25px;}
table{ border-collapse:collapse; width:100%}
td, th{ vertical-align:top;}
TABLE TD{ padding:2px 18px 2px 1px;}