/*Debut Nimbus sans*/
/*
@font-face{
font-family: NimbusSan;
src: url('fonts/NimbusSan-Bla.otf'),url('fonts/NimbusSan-Bla.eot');
font-weight: 800;
font-style: normal;
} 
@font-face{
font-family: NimbusSan;
src: url('fonts/NimbusSan-BlaIta.otf'),url('fonts/NimbusSan-BlaIta.eot');
font-weight: 800;
font-style: italic,oblique;
} 
@font-face{
font-family: NimbusSan;
src: url('fonts/NimbusSan-Bol.otf'),url('fonts/NimbusSan-Bol.eot');
font-weight: bold;
font-style: normal;
}
@font-face{
font-family: NimbusSan;
src: url('fonts/NimbusSan-BolIta.otf'),url('fonts/NimbusSan-BolIta.eot');
font-weight: bold;
font-style: italic,oblique;
}
@font-face{
font-family: NimbusSan;
src: url('fonts/NimbusSan-Lig.otf'),url('fonts/NimbusSan-Lig.eot');
font-weight: 300;
font-style: normal;
} 
@font-face{
font-family: NimbusSan;
src: url('fonts/NimbusSan-LigIta.otf'),url('fonts/NimbusSan-LigIta.eot');
font-weight: 300;
font-style: italic,oblique;
} 
@font-face{
font-family: NimbusSan;
src: url('fonts/NimbusSan-RegIta.otf'),url('fonts/NimbusSan-RegIta.eot');
font-weight: normal;
font-style: italic,oblique;
}
@font-face{
font-family: NimbusSan;
src: url('fonts/NimbusSan-Reg.otf'),url('fonts/NimbusSan-Reg.eot');
font-weight: normal;
font-style: normal;
} 
*/
/*Fin Nimbus sans*/
/*Debut Nimbus*/
/*
@font-face{
font-family: Nimbus;
src: url('fonts/NimbusRomD-Bol.otf'),url('fonts/NimbusRomD-Bol.eot');
font-weight: bold;
font-style: normal;
} 
@font-face{
font-family: Nimbus;
src: url('fonts/NimbusRomD-BolIta.otf'),url('fonts/NimbusRomD-RegBolIta.eot');
font-weight: bold;
font-style: italic,oblique;
}
@font-face{
font-family: Nimbus;
src: url('fonts/NimbusRomD-RegIta.otf'),url('fonts/NimbusRomD-RegIta.eot');
font-weight: normal;
font-style: italic,oblique;
}
@font-face{
font-family: Nimbus;
src: url('fonts/NimbusRomD-Reg.otf'),url('fonts/NimbusRomD-Reg.eot');
font-weight: normal;
font-style: normal;
} 
*/
/*Fin Nimbus*/
/* General Layout */
html {
    font-family: Arial, sans-serif;
}
body {
    font-family: Arial, sans-serif;
	background-size:cover;
	background-color:grey;
	background:url('img/bgd_metapage.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: table;
    width: 100%;
    height: 100%;
}
body.overlay {
	position:inherit;
}
	body.overlay::after {
		position:fixed;
	}
div ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin-right:10px;
}
div ::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
div ::-webkit-scrollbar-thumb {
  background: #051039;
  border: 0px none #ffffff;
  border-radius: 0px;
}
div ::-webkit-scrollbar-track {
  background: #f3f2f2;
  border: 0px none #ffffff;
  border-radius: 0px;
}
	
header{
	display: table-row;
}

main{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding:1em;
}
main #contenu{
	max-width:1240px;
	margin:auto;
	 -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

h2 {
	font-family: eim,arial,sans-serif;
	font-weight: 600;
	color: #051039;
	font-size: 2em;
	text-transform: uppercase;
	margin: 0.8em 0 0.2em;
	font-weight: 100;
}

a {
	text-decoration:none;
	color: #051039;
}

a:visited {
	color: #051039;
}

a.button--txt {
	border: 0.15rem solid #051039;
	cursor: pointer;
	height: auto;
	min-height: 3rem;
	padding: 0.5em 1em;
	text-align: center;
	vertical-align: top;
	white-space: inherit;
	word-wrap: normal;
	text-transform:uppercase;
}

a.button--txt:hover {
	color:#051039;
}

a.button--txt.button--red {
	background-color:#ed0000;
	border-color:#ed0000;
	color:#ffffff;
}
a.button--txt.button--red:hover {
	background-color: #c00;
	border-color:#c00;
}

#langchoice a:hover,
#langchoice a.selected {
    color: #c40000;
}

#main.alert {
    height: 400px;
    background-image: none;

background: -moz-linear-gradient(-45deg, rgba(184,184,184,1) 0%, rgba(255,255,255,0.02) 98%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(184,184,184,1)), color-stop(98%,rgba(255,255,255,0.02)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(184,184,184,1) 0%,rgba(255,255,255,0.02) 98%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(184,184,184,1) 0%,rgba(255,255,255,0.02) 98%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(184,184,184,1) 0%,rgba(255,255,255,0.02) 98%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(-45deg, rgba(184,184,184,1) 0%,rgba(255,255,255,0.02) 98%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#maincontent { width: 100%; padding: 20px; box-sizing: border-box; margin-top:50px; text-align:left;}

footer {
    background-color: #DDD;
    height: 56px;
    width: 100%;
    margin-top: 44px;
}

#headercontent, #footercontent, #main {
    max-width: 1240px;
    margin: 0 auto;
}
#headercontent{
	padding: 0px 10px;
}

#headercontent img#logo{
	max-width:60%;
}
/* End of general Layout */

img#logo {
    margin-top: 20px;
}

#langchoice {
    margin-top: 25px;
    float: right;
    font-size: 11px;
    font-family: Arial, sans-serif;
}
#langchoice .separator {
    height: 1.5ex;
    border-right: 1px solid #CCC;
    display: inline-block;
}
#langchoice a {
    text-decoration: none;
    display: inline-block;
    color: #000;
}
#facebook { margin-left: 5px; }
#facebook, #twitter {
    height: 22px;
    width: 22px;
    display: block;
    margin-right: 8px;
    margin-top: 12px;
    content: "";
    float: left;
}

a#facebook {
    background-image: url('img/facebook.jpg');
}
a#facebook:hover {
    background-image: url('img/facebookhover.png');
}
a#twitter {
    background-image: url('img/twitter.png');
}
a#twitter:hover {
    background-image: url('img/twitterhover.png');
}
#copyright {
    margin-top: 20px;
    float: right;
    font-size: 9px;
    color: #424242;
}

#msgAcceuil {
    color: #FFF;
    font-size: 18px;
    letter-spacing: .3px; /* to make 220px long message */
    margin-top: 16px;
}

#corpo, .selectblock {
    margin-top: 12px;
    margin-bottom: 16px;
    background-color: #FFF;
    color: #051039;
    width: 219px;
    border-right: 1px solid #000;
    font-weight: bold;
}
#corpo, .selectblock, #blockinfo, #blockcorpo {
    box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
}
#corpo div, .selectblock div, .selectblock a {
    padding: 12px 15px 11px 16px;
    line-height: 16px;
    /* border-bottom: 1px solid #312725; */
    border-bottom: 1px solid #7C868B;
}
.selectblock a { text-decoration: none; display: block; color: #051039; }

.selectblock div:hover,
.selectblock a:hover,
.selectblock div.selected,
#corpo div:hover,
#corpo div.selected {
    background-color: #061548;
    border-color: #030920;
    /* GRADIENT */
    /* FireFox 3.6 */
    background-image: -moz-linear-gradient(top, #061548, #030920);
    /* Safari4+, Chrome */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #061548),color-stop(1, #030920));
    /* IE6,IE7
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#061548', endColorstr='#030920');
    /* IE8
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#061548', endColorstr='#030920')";
    */
    color: #FFF;
}

#blockinfo, #blockcorpo { 
    display: none;
    float: right;
    padding: 26px 10px 26px 40px;
    background: #FFF;
    border-bottom: 1px solid #000;
    color: #051039;
    position: relative;
    width: 670px;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
}
#blockcorpo {
    height: 87px;
    top: -66px;
    background-image: url('img/triangle.png');
    background-repeat: no-repeat;
    background-position: 0px 73px;
}
#blockinfo { 
    background-image: url('img/triangle.png');
    background-repeat: no-repeat;
    background-position: 0 40px;
    height: 187px;
}
#blockinfo a, #blockcorpo a {
    color: #051039;
    text-decoration: none;
    line-height: 1.3em;
    display: block;
    height: 25px; }
#blockinfo a { width: 130px; }
#blockinfo a:hover, #blockcorpo a:hover { color: #C40000;  }
#blockinfo > div { display: none; }

#mainblock {
    width: 940px;
}

#corpo {
    background-repeat: no-repeat;
    background-position: 208px 50%;
}

#blockcorpo.bigcorpo {
    height: 188px;
    top: -168px;
    background-position: 0px 175px;
	
}
#blockcorpo.bigcorpo .col{
	font-size: 11px;
    width: 210px;
    line-height: 1.8em;
	margin-bottom: 12px;	
}

#blockcorpo .col {
    font-size: 11px;
    width: 210px;
    line-height: 1.8em;
}
.col {
   width:25%;
	margin-right:0;
	padding-right:10px;
	-moz-box-sizing: border-box;
       box-sizing: border-box;
    float: left;
}
.col:last {
    width: 100px;
    margin-right: 100px;
}
.col b {
    font-size: 11px;
}
.close {
    text-decoration: none;
    background-image: url('img/closebutton.jpg');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    width: 50px;
    font-size: 10px;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #000;
    font-size: 10px;
    font-family: Arial, sans-serif;
    padding-right: 17px;
    text-align: right;
}
.close:hover {
    cursor: pointer;
    color: #C40000;
}

header {
    background-color: #FFF;
    height: 60px;
}

header, footer {
    width: 100%;
}

#alert {
  position: relative;
  font-size: 14px;
  top: 20px;
  left: 380px;
  padding-left: 20px;
  background-image: url('img/big_red_triangle.png');
  background-repeat: no-repeat;
  font-weight: bold;
  height: 20px;
  margin-bottom: -20px;
  width: 500px;
}
#alert a {
  color: #051039;
  text-decoration: none;
}

.tabs {
 margin-bottom:0;
}

.tabs .tab {
	background-color: rgba(255, 255, 255, 0.3);
	border-right:0;
	color:#051039;
	font-weight:bold;
	height:3em;
}

.tabs .tab--selected {
    background-color: #ffffff;
	padding-top:.8em;
}
.tabs .tab--selected::before {
    background-color: #4492fe;
}

.tabs .tab::before {
	top:0;
}

.tabs .tab:hover:not(.tab--selected) {
    background-color: rgba(255, 255, 255, 0.6);
}

#listcontent {
	display:inline-block;
	background-color:#ffffff;
	width:100%;
	padding: 3em 4em 4em;
	-moz-box-sizing: border-box;
       box-sizing: border-box;
	   overflow:hidden;
}
#listcontent .list {
	margin-top:3em;
}
#listcontent .list .col{
	width:100%;
	margin-right:0;
	padding-right:10px;
	-moz-box-sizing: border-box;
       box-sizing: border-box;
}

#listcontent ul {
	padding:0;
	margin:0;
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5;
}

#listcontent ul li {
	list-style:none;
	padding:0 0 1.2em 1em;
	font-size:1.1em;
	border-left: 1px solid #f3f2f2;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}

.listLinks {
	background-color: rgb(255, 255, 255);
	margin-top: 2em;
	padding: 2em 4em;
}
	.listLinks ul {
		display: inline-block;
		width: 100%;
	}
		.listLinks ul li {
			list-style: outside none none;
			width: 20%;
			float: left;
		}

/****PAGE CORPO****/
.page_corpo {
	display: table;
    width: 100%;
    height: 100%;
}
.page_corpo header{
	display: table-row;
}

.page_corpo main{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding:1em;
}

.page_corpo main h1{
	text-align:center;
}
 
.page_corpo main #contenu{
	max-width: 915px;
}

.page_corpo #listcontent {
	background-color: rgba(255, 255, 255, 0.9);
}

.page_corpo .listLinks {
	background-color: rgba(255, 255, 255, 0.9);
}

.page_corpo #listcontent ul {
	padding:0;
	margin:0;
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
}

/****PAGE REDIRECTION****/
.page_redirection {
	display: table;
    width: 100%;
    height: 100%;
}
.page_redirection header{
	display: table-row;
}

.page_redirection main{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding:1em;
}
.page_redirection main #contenu{
	width:650px;
	margin:auto;
	background-color: rgba(255, 255, 255, 0.9);
	 -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
	padding:50px;
	text-align:center;
	font-size:1.6em;
	color:#051039;
}
.page_redirection h1{
	font-size:1.2em;
}

.page_redirection a{
	font-weight:bold;
}

/****PAGE ACCUEIL BILINGUE****/
.page_accueil_bilingue {
	display: table;
    width: 100%;
    height: 100%;
}
.page_accueil_bilingue header{
	display: table-row;
}
.page_accueil_bilingue main{
	display: table-cell;
	vertical-align: middle;
	height: 100%;	
	padding:1em;
}
.page_accueil_bilingue main #contenu{
	text-align: center;
	width:57.4em;
	margin:auto;
}
.page_accueil_bilingue main .blc{
	width:27.7em;
	height:27.7em;
	display:table;
	background-color: rgba(255, 255, 255, 0.9);
	float:left; 
	text-align:center;
	box-sizing:border-box;
		 -moz-box-sizing:border-box;		
		-webkit-box-sizing:border-box;
	padding:2.4em;
}
	.page_accueil_bilingue main .blc:nth-child(odd){
		margin-right:1em;
	}
	.page_accueil_bilingue main .blc:nth-child(even){
		margin-left:1em;
	}
	.page_accueil_bilingue main .blc:nth-child(n+3){
		margin-top:2em;
	}
	.page_accueil_bilingue main .blc .content_blc{
		display:table-cell;
		vertical-align:middle;
	}
	.page_accueil_bilingue main .blc h2{
		margin-top:0;
	}

	
	
/****POPIN REDIRECTION GEOLOC****/
#popinGeoloc {
	display: table;
    width: 100%;
    height: 100%;
	position: fixed;
	top: 0;		
	z-index:1000;
}

#popinGeoloc .container{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding:1em;
}
#popinGeoloc .container .contenu{
	max-width:25em;
	margin:auto;
	background-color: rgba(255, 255, 255, 0.9);
	 -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
	padding:2em;
	text-align:center;
	font-size:1.6em;
	color:#051039;
}
#popinGeoloc h1{
	font-size:1.2em;
	margin-top:0;
}
#popinGeoloc .container .contenu p:last-child{
	margin-bottom:0;
}
#popinGeoloc .container .contenu a.button--txt{
	display: inline-block;
	line-height: 2em;
	width: calc(50% - 1em);
	margin-right:1em;
	font-size:0.9em;
}
#popinGeoloc .container .contenu a.button--txt:last-child{
	margin-right:0;
}

/**** MODULE POPIN ****/
.t1.overlay .overlay__popin__data {
	max-width: 95%;
	max-height: 95%;
}

.t1.overlay .overlay__popin__data #overlay__close_button {
    position: absolute;
    right: .5rem;
    top: .5rem;
    background: none;
    border: none;
    text-indent: -500rem;
    height: 2rem;
    min-height: inherit;
    width: 2rem;
    padding: 0;
    cursor: pointer;
    background-size: 1.5rem auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OSIgaGVpZ2h0PSI0OSI+PHBhdGggZD0iTTQ5IDdMNDEuNTcuNDlsLTE2LjI3IDE2TDkuMi4wOSAxLjEgNC45OCAxOC4yIDIzLjUgMS4xIDQwLjNsOC40IDcuOCAxNi0xNi43IDE1LjgxIDE3TDQ5IDQwLjYgMzIuNyAyNCA0OSA3IiBmaWxsPSIjMDQwZjM4Ii8+PC9zdmc+');
}
.t1.overlay .overlay__popin__data .overlay__close_cta {
	position: absolute;
	right: 0.5rem;
	bottom: 0.5rem;
}
.t1.overlay .overlay__popin__data .iframe__container {
    display: block;
    height: calc(100% - 2.5rem);
    width: 100%;
}

	
/*****************************************
**********RESPONSIVE****************
*****************************************/

.mobile--on{
	display:none;
}

.mobile--on .t1__select_wrapper {
	width:100%;
	margin: 1em 0 1.5em;
}

.mobile--on .t1__select_wrapper select {
	border:0;	
}

.mobile--on.btn--back{
	padding: 1.5em;
	background-color: #f3f2f2;
} 
.btn--back .nav--back{
	background-position: left center;
	background-size: 12px 12px;
	padding-left: 16px;
}

@media (max-width: 1024px) {
    #headercontent, #footercontent, #main {
		    max-width: 980px;
	}
	#listcontent {
		padding:3em 4em 4em;
	}
	#listcontent ul {
		padding:0;
		margin:0;
		-webkit-column-count: 4;
		   -moz-column-count:4;
				column-count: 4;
	}
	
	.listLinks ul li {
		width: 25%;
	}
	
}
@media (max-width: 720px) {

	.mobile--on{display:block;}
	.mobile--off{display:none;}
	
	#maincontent{
		padding:0;
		margin-top:0;
	}
	#listcontent {
		padding: 1.5em 1em 1.5em 1.5em;
	}
	#listcontent .list { 
		margin-top:0;
		max-height:300px;
		overflow-y:scroll;
	}
	#listcontent ul {
		-webkit-column-count: 1;
		   -moz-column-count:1;
				column-count: 1;
	}
		#listcontent ul li {
			padding:1.2em 0 1.2em 0;
			border-left:none;
			border-bottom: 1px solid #f3f2f2;
		}
		#listcontent ul li:first-child {
			padding:0 0 1.2em 0;
		}
		
	.listLinks ul li {
		width: 100%;
	}
	
	/****PAGE CORPO****/
	.page_corpo #listcontent {
		padding: 1.5em 1.5em 1.5em 1.5em;
	}
	.page_corpo #listcontent ul {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
				column-count: 1;
	}
	
	/****PAGE REDIRECTION ****/
	.page_redirection main #contenu{
		width: 90%;
		text-align: left;
	}
	
	/****POPIN REDIRECTION GEOLOC****/

	#popinGeoloc .container .contenu{
		max-width:100%;
		padding:1.5em;
	}
	#popinGeoloc .container .contenu a.button--txt{
		display: block;
		line-height: 2em;
		width: 100%;
		margin-right:0em;
		font-size:0.9em;
		margin-bottom:1em;
	}
	
	/****PAGE ACCUEIL BILINGUE****/
	
	.page_accueil_bilingue main #contenu{
	text-align: center;
	width:90%;
	margin:auto;
	}
	.page_accueil_bilingue main .blc{
		width:100%;
		height:inherit;
		display:table;
		background-color: rgba(255, 255, 255, 0.9);
		float:left; 
		text-align:center;
		box-sizing:border-box;
			 -moz-box-sizing:border-box;		
			-webkit-box-sizing:border-box;
		padding:2.4em;
		margin-bottom:1em;
	}
	.page_accueil_bilingue main .blc:nth-child(odd), .page_accueil_bilingue main .blc:nth-child(even){
		margin-right:0;
		margin-left:0;
	}
	.page_accueil_bilingue main .blc:last-child{
		margin-bottom:0;
	}
	
	/**** MODULE POPIN ****/
	.t1.overlay .overlay__popin__data {
		border:0;
	}
	.t1.overlay .overlay__popin__data .iframe__container {
		height: 100%;
	}
	.t1.overlay .overlay__popin__data .overlay__close_cta {
		display:none;
	}
}

@media (max-width: 410px) {
	/****PAGE CORPO****/
	.page_corpo h1 {
		font-size: 1.8rem;
	}
	/****PAGE REDIRECTION GEOLOC****/
	.page_redirection main h1{
		font-size: 1em;
		margin-bottom: 1rem;
	}
	
	/****POPIN REDIRECTION GEOLOC****/
	#popinGeoloc  h1{
		font-size:0.9em;
		margin-bottom:10px;
	}
	#popinGeoloc .container .contenu a.button--txt{
		font-size:0.75em;
		min-height:inherit;
	}
}