html{
	overflow-y: scroll;
	overflow-x: hidden;
}
body{
  	font-family: Arial;
  	font-size: 16px;
  	color: #000;
}
*{	 
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
body div#rmngp_galaxie_nav div.onglet{
	right: -5px !important;
}
body div#rmngp_galaxie_nav,
body div#rmngp_galaxie_nav div,
body div#rmngp_galaxie_nav div.onglet h2{
	transition: none;
}
a{
	font-weight: normal;
}
img,.dropdown-menu,.bx-wrapper .item,.bx-wrapper .bx-pager *,.accordeon{
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
a:hover,a:active,a:focus{
	text-decoration: none;
}
a,a:hover,a:active,a:focus{
	color: inherit;
}
img{
	display:block;
	max-width:100%;
	width:auto!important;
	height:auto!important;
}
.cb{
	clear: both;
}
html, body, #main_container { height: 100%; }
body > #main_container { height: auto; min-height: 100%; opacity: 0; }
#main_content { padding-bottom: 3em; }

.logo span{
	font-family: 'din_lightregular';
	font-size: 1.625em;
	line-height: 1.2em;
	color: #414141;
	margin: -56px 0 0 228px;
	position: absolute;
	max-width: 630px;
}
.loader{
	background: url("../img/loading_spinner.gif") center no-repeat;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background-size: 100%;
}
span.ext{
	display: none;
}
.breadcrumb{
	background: #fff;
	padding-top: 15px;
	max-width: 1560px;
	margin: 0 auto 20px;
}
/*--------------------------------------------------------------------------*/
/*---------------------------------Top menu---------------------------------*/
/*--------------------------------------------------------------------------*/
.logo_img{
	display: block;
	width: 180px;
	height: 203px;
	position: absolute;
	background-image: url("../img/logo_img_2.png");
	background-size: cover;
	margin-left: 20px;
	margin-top: -24px;
}
.logo_text{
	display: block;
	margin: 0 auto 40px;
	width: 415px;
	height: 109px;
	background-image: url("../img/logo_name.png");
	background-size: cover;
}
.top_menu{
	margin-right: 60px;
}
.top_menu .share_home{
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
}
.top_menu .share_home p.title{
	display: inline-block;
	float: none;
	vertical-align: middle;
	font-weight: bold;
	margin-top: 2px;
}
.top_menu .share_home a{
	float: none !important;
	display: inline-block;
	vertical-align: middle;
}
.top_menu li a{
	font-size: 1em;
	padding: 0;
	margin: 16px 20px;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	color: #000;
}
.top_menu li a:hover{
	background: none;
	border-bottom: 1px solid #45474d;
}
.top_content{
	width: 100%;
	max-width: 1600px;
	margin: 30px auto 35px;
	clear: both;
	position: relative;
}
.button_connais{display:inline-block;position:absolute;right:0;bottom:0;background: url("../img/Button_connaissance_03.png") no-repeat;background-size:contain;width:184px;height:173px;padding-top:50px;box-sizing:border-box}
.button_connais .button_content {text-align:center}
.button_connais .button_content h2{font-family:'dinbold';font-size:18px;color:#f3ca0d;text-transform:uppercase;margin:0;line-height:1.2}
.button_connais .button_content p{color:#fff;font-family:'din_blackregular';font-size:14px;margin:0}
.button_connais .button_content p a{font-family:'dinmedium';font-size:16px;color:#fff;margin:0;text-transform:uppercase;}
.button_connais .button_content p a:hover{color:#005d75}
.secondary_2{
	float: right;
}
.secondary_2 ul{
	padding: 0 10px;
	list-style: none;
}
.sub-hover{
	position: relative;
}
.sub-hover:hover .sub_element{
	opacity: 1;
}
@media only screen and (max-width: 990px){
	.logo_img{
		width: 140px;
		height: 160px;
		background-image: url("../img/logo_img.png");
		background-size: cover;
		margin-top: -3px;
		background-repeat: no-repeat;
	}
}
@media only screen and (max-width: 800px){	
	.logo_text{
		width: 320px;
		height: 105px;
		background-image: url("../img/logo_name.png");
		background-size: contain;
		background-repeat: no-repeat;
		float: right;
		margin: 15px 65px 60px 0;
	}
	.top_content,
	.top_content.home{
		max-width: 80%;
	}
}
@media only screen and (min-width : 480px) and (max-width : 640px){
	.logo_img{
		margin-left: -50px;
	}
	.logo_text{
		margin-right: 30px;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 480px){
	.logo_img{
		position: relative;
		margin: 0 auto 20px;
	}
	.logo_text{
		display: none;
	}
}
.secondary_2 .edutheque a{
	font-family: 'Calibri';
	font-weight: bold;
	font-size: 1.25em;
	color: #0295db;
	margin: 0;
	padding: 16px 20px;
	display: inline-block;
	border-bottom: none;
}
.secondary_2 .edutheque a:hover,
.secondary_2 .langue a:hover{
	border-bottom: none;
}
.secondary_2 .edutheque:hover{	
	background: #45474d;
}
.secondary_2 .edutheque:hover a{
	color: #fff;
}
.secondary_2 .edutheque .sub_element{
	font-family: Arial;
	font-size: .75em;
	padding: 0 8px 10px;
	color: #fff;
	background: #45474d;
}
.secondary_2 .ministere img{
	max-height: 90px;
	margin-right: 20px;
}
.sub_element{
	position: absolute;
	opacity: 0;
	box-sizing: border-box;
}
.secondary_2 .langue:hover{
	background: #eae4e4;
}
.secondary_2 .langue a{
	border-bottom: none;
	margin: 16px 15px;
	padding-right: 15px;
}
.navbar-nav>li.langue{
	margin-right: 10px;
}
.navbar-nav>li.langue:after{
	content: '\e801';
	font-family: "fontello";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -11px;
	margin-right: 17px;
}
.secondary_2 .langue:hover a{
	color: #000;
}
.secondary_2 .langue:hover:after{
	content: '\e810';
}
.secondary_2 .langue .sub_element{
	background: #eae4e4;
	padding: 0;
	width: 100%;
}
.secondary_2 .langue li a{
	margin: 0;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	padding: 2px 0 5px;
	text-transform: uppercase;
}
.secondary_2 .langue li a:hover{
	color: #0295DB;
}
.secondary_2 .langue li:first-child a{
	border-bottom: 1px solid #000;
}
@media only screen and (max-width: 767px){
	.top_menu{
		display: none;
	}
}

/*---------------------------------------------------------------------------*/
/*--------------------------------Search form--------------------------------*/
/*---------------------------------------------------------------------------*/
.search-form{
	overflow: hidden;
	clear: both;
	margin: 15px auto 35px; 
	width: 606px;
}
@media only screen and (max-width: 650px){
	.search-form{
		width: auto;
	}
}
.search-form input{
	height: 50px;
	line-height: 50px;
	padding: 15px 30px;
	background: #e9e4e4;
	border: none;
	outline: none;
	position: relative;
	float: left;
	margin-right: 5px;
}
.search-form.home .word{
	float: left;
	/*margin-left: 24%;*/
}
.search-form .word{
	float: left;
	/*margin-left: 19%;*/
}
.search-form .word:before{
	content: "\e800";
	position: absolute;
	font-family: "fontello";
	color: #005d75;
	margin: 12px 0 0 10px;
	z-index: 100;
}
.search-form + .dropdown li a{
	color: #fff;
}
.search-form .word + input{
	width: 380px;
}
.search-form .artiste + input{
	width: 140px;
	outline: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.search-form button{
	height: 50px;
	width: 75px;
	line-height: 50px;
	background: #45474d;
	outline: none;
	position: relative;
	font-size: 1.313em;
	text-transform: uppercase;
	color: #fff;
	float: left;
	border: 1px solid #45474d;
	box-sizing: border-box;
}
.search-form button:hover{
	color: #45474d;
	background: #fff;
}
@media only screen and (max-width: 860px){
	.search-form.home .word{
		/*margin-left: 10%;*/
	}
	.search-form .word:before{
		font-size: 1.3em;
	}
	.search-form input{
		padding-left: 35px;
	}
	::-webkit-input-placeholder {
		font-size: .875em;
	} 
	:-moz-placeholder {
		font-size: .875em;
	}
}
@media only screen and (max-width: 670px){
	.search-form .word + input {
    width: 50%;
    margin-right: 2%;
	}
	.search-form .artiste + input {
    width: 20%;
    margin-right: 2%;
	}
	.search-form button {
    width: 10%;
	}
}
@media only screen and (max-width: 480px){
	.search-form.home .word{
    /*margin-left: 5%;*/
	}
	.search-form .word + input {
    width: calc(90% - 70px);
    margin-right: 0;
	}
	.search-form button {
    width: 70px;
    text-align: center;
    display: inline-block;
	}
	.search-form .artiste + input{
		display: none;
	}
}


/*---------------------------------------------------------------------------*/
/*------------------------------Main navigation------------------------------*/
/*---------------------------------------------------------------------------*/
.main_navigation{
	background: #005d75;
}
.main_navigation ul{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	text-align: center;
	float: none;
}
.main_navigation ul li{
	display: inline-block;
	float: none;
}
.main_navigation ul li a{
	font-family: 'rockwellbold';
	font-size: 1.125em;
	color: #fff;
	text-transform: uppercase;
	padding: 20px 0;
	display: inline-block;
}
.main_navigation ul li:after{
	content: '|';
	margin: 0 23px;
	color: #fff;
}
/* .main_navigation ul li:nth-last-child(3):after{
	display: none;
} */
.main_navigation ul li a:hover{
	color: #d2cfcf;
}
.main_navigation .rss,
.main_navigation .twitter,
.social_btns .rss,
.social_btns .twitter{
	width: 19px;
	height: 17px;
	vertical-align: middle;
	margin: 0 10px;
	font-family: 'fontello';
	color: #fff;
	font-size: 1.2em;
	margin-top: -14px;
	cursor: pointer;
}
.main_navigation .rss,
.social_btns .rss{
	font-size: 1em;
}
.main_navigation .rss a,
.main_navigation .twitter a,
.social_btns .rss a,
.social_btns .twitter a{
	float: left;
}
.main_navigation .rss a{
	width: 28px;
	height: 28px;
	padding: 0;
	background: url("../img/rss.png") center no-repeat;
	margin-left: 10px;
	margin-top: -2px;
	position: absolute;
	z-index: 200;
	transition: none;
}
.main_navigation .rss a:hover{
	background: url("../img/rss_hover.png") center no-repeat !important;
}
.main_navigation .rss:after{
	display: none;
}
.social_btns .rss:after{
	content: '\e803';
}
.main_navigation .twitter:after,
.social_btns .twitter:after{
	content: '\e802';
	position: absolute;
	margin: -1px 13px 0;
}
.main_navigation .twitter:hover:after,
.social_btns .rss:hover:after,
.social_btns .twitter:hover:after{
	color: #d2cfcf;
}
.dropdown-menu{
	text-align: left !important;
	max-width: auto;
	padding: 10px 0 15px;
	margin-left: -23px !important;
	width: auto !important;
	background: #0f6e86;
}
.dropdown-menu li,
.dropdown-menu li a{
	width: 100%;
}
.dropdown-menu li{
	padding: 0;
}
.dropdown-menu li:after{
	display: none;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
	background: none;
}
.nav .caret{
	display: none;
}
.dropdown-menu li a{
	padding: 10px 23px !important;
	font-family: "dinmedium" !important;
	font-size: 1.1em !important;
	text-transform: none !important;
}
.dropdown-menu li a:hover{
	background: #005d75 !important;
}
.nav>li>a:hover, .nav>li>a:focus{
	background: none;
}
@media only screen and (max-width: 920px){
	.main_navigation ul li a{
		font-size: 1.1em;
	}
}
@media only screen and (max-width: 850px){
	.main_navigation ul li a{
		font-size: 1em;
	}
	.main_navigation .rss, .main_navigation .twitter{
		display: none;
	}
}
@media only screen and (max-width: 767px){
	.main_navigation{
		display: none;
	}
	.responsive_menu_content ul.secondary{
		background: #0F6E86;
		z-index: 110;
		position: relative;
	}
	.responsive_menu_content ul.dropdown-menu{
		padding-top: 0;
		display: block;
		box-shadow: none;
		border: none;
		margin-top: 35px;
		position: absolute;
		z-index: 0;
		padding-bottom: 50px;
		overflow: hidden;
	}
	.last.expanded.active-trail.dropdown.active.drpodowned .dropdown-menu{
		margin-top: 0;
		position: static;
	}
	.responsive_menu_content .dropdown-menu li{
		font-family: "Arial";
		text-transform: none;
	}
	.responsive_menu_content li.drpodowned{
		margin-top: -288px;
	}
	.responsive_menu_content li.drpodowned > a:before{
		font-family: "fontello";
		content: '\e80d';
		margin: 0 10px 0 0;
	}
	.responsive_menu_content li{
		background: #0F6E86;
	}
}
@media only screen and (min-width : 768px) and (max-width : 1024px){
	.dropdown-menu{
		margin-left: -103px !important;
		width: 200px !important;
	}
}
@media only screen and (max-width: 360px){
	.responsive_menu_content li.drpodowned {
	    margin-top: -180px;
	}
}
/*---------------------------------------------------------------------------*/
/*------------------------------Responsive menu------------------------------*/
/*---------------------------------------------------------------------------*/
.responsive_menu{
	display: none;
}

/*----------------------------------------------------------------------------*/
/*-----------------------------------Footer-----------------------------------*/
/*----------------------------------------------------------------------------*/
#footer {
 clear: both;
 position: relative;
 z-index: 10;
 opacity: 0;
}
footer .content ul{
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	list-style: none;
	text-align: center;
	background: #015d76;
}
footer .content ul li{
	display: inline-block;
	color: #fff;
}
footer .content ul li:after{
	content: '•';
	margin: 0 18px;
}
footer .content ul li:last-child:after{
	display: none;
}
footer .content ul li a{
	font-size: .813em;
	color: #fff;
	border-bottom: 1px solid #015d76;
	font-weight: normal;
}
footer .content ul li a:hover{
	border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 850px){
	footer .content ul li a{
		font-size: .8em;
	}
}

/*----------------------------------------------------------------------------------------*/
/*-----------------------------------Bottom page blocks-----------------------------------*/
/*----------------------------------------------------------------------------------------*/
.bottom-page{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 70px 20px 0;
	clear: both;
	overflow: hidden;
}
.footer_tl{
	float: left;
	width: 50%;
	padding: 0 20px;
	box-sizing: border-box;
}
.footer_tl p{
	margin: 0;
}
.footer_tl .block-title{
	font-family: 'rockwellregular';
	font-size: 1.5em;
	color: #005d75;
}
.footer_tl a{
	clear: both;
	font-family: "dinmedium";
	font-size: 1em;
	color: #000;
	float: right;
	font-weight: normal;
}
.footer_tl a:hover{
	color: #005d75;
}
.footer_tl a:after{
	font-family: "fontello";
	content: '\e80e';
	font-size: 1em;
	margin-left: 10px;
}

.add_comment{
	float: left;
	width: 50%;
	/*background: url('../img/add_comment.jpg');*/
	/*padding: 25px 0 15px;*/
	position: relative;
	border: 1px solid #fff;
}
.add_comment:hover{
	border: 1px solid #D1DBDE;
}
/*.add_comment:before{
	content: url("../img/footer_tr_icon_1.png");
	position: absolute;
	left: 9%;
	top: 50%;
	visibility: visible;
	margin-top: -16px;
}
.add_comment:after{
	content: url("../img/footer_tr_icon_2.png");
	position: absolute;
	right: 9%;
	top: 50%;
	visibility: visible;
	margin-top: -21px;
}*/
.add_comment h2{
	display: none;
}
/*.add_comment a{
	font-family: "rockwellregular";
	color:#45474d;
	font-size: 1.938em;
	font-size: 1em;
	display: block;
	text-align: center;
}
.add_comment strong{
	font-family: "dinbold";
	font-size: 1.875em;
	text-transform: uppercase;
	display: block;
}*/
.footer_grey{
	overflow:hidden;
	margin-top: 20px;
	background: #45474d;
	padding: 20px 0;
}
.footer_grey .footer_content{
	max-width: 1600px;
	margin: 0 auto;
}
.footer_br{
	float: left;
	width: 50%;
}
.footer_br p{
	margin: 0;
}
.footer_br h2{
	font-family: "din_blackregular";
	font-size: 1.625em;
	color: #005d75;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}
.footer_br p{
	text-align: center;
}
.footer_br img{
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 20px;
	max-width: 20%;
	transition: all 0.4s;
}
.footer_br img:hover{
	margin: 0 15px 20px 25px;
	transition: all 0.4s;
}
.les_partenaires{
	background: #45474d;
	width: calc(50% - 1px);
	clear: both;
	padding: 0 20px 0 100px;
	float: left;
	position: relative;
	border-right: 1px solid #7d7f83;
}
.les_partenaires h2{
	font-family: 'din_blackregular';
	font-size: .875em;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 20px;
}
.les_partenaires a{
	margin: 0 22% 0 0;
}
.les_partenaires a:hover{
	margin: 0 20% 0 2%;
}
.les_partenaires a:last-child{
	margin-right: 0;
}
.les_partenaires a:last-child:hover{
	margin: 0 0 0 2%;
}
.les_partenaires img{
	display: inline-block;
	vertical-align: middle;
	max-width: 20%;
	transition: all 0.4s;
}
.newsletter{
	background: #45474d;
	width: 50%;
	padding: 0 0 0 50px;
	float: left;
}
.newsletter h2{
	font-family: 'din_blackregular';
	font-size: .875em;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 20px;
}
.newsletter .subscribe-form{
	display: inline-block;
	margin: 0 40px 0 0;
	width: calc(100% - 210px);
	max-width: 370px;
	vertical-align: bottom;
	height: 54px;
}
.newsletter .subscribe-form input[type="email"]{
	width: calc(100% - 54px);
	max-width: 320px;
	height: 54px;
	line-height: 54px;
	padding: 0 10px;
	border: none;
	outline: none;
	float: left;
}
.newsletter .subscribe-form button[type="submit"]{
	position: relative;
	width: 54px;
	height: 54px;
	line-height: 54px;
	font-size: 1em;
	background: #fff;
	border: none;
	outline: none;
}
.newsletter .subscribe-form button[type="submit"]:after{
	font-family: "fontello";
	content: "\e80f";
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -27px;
	color: #45474d;
	font-size: 1.4em;
	text-align: center;
	width: 100%
}
.newsletter .subscribe-form button[type="submit"]:hover:after{
	color: #005d75;
}
::-webkit-input-placeholder {
   color: #4b6a76;
   font-style: italic;
} 
:-moz-placeholder {
   color: #4b6a76;
   font-style: italic;  
}
::-moz-placeholder {
   color: #4b6a76;  
   font-style: italic;
}
:-ms-input-placeholder {  
   color: #4b6a76; 
   font-style: italic;
}
.footer_rss,
.footer_twitter{
	width: 54px;
	height: 54px;
	display: inline-block;
	border-radius: 5px;
	background: #fff;
	margin-right: 15px;
	line-height: 54px;
	vertical-align: bottom;
}
/*.footer_twitter{
	margin-right: 0;
}*/
.footer_rss:after,
.footer_twitter:after{
	font-family: "fontello";
	color: #45474D;
	margin-left: 9px;
	position: absolute;
}
.footer_rss:after{
	content: "\e803";
	font-size: 1.8em;
	margin-left: 14px;
}
.footer_twitter:after{
	content: "\e802";
	font-size: 2.2em;
}
.footer_rss:hover:after,
.footer_twitter:hover:after{
	color: #005d75;
}
.footer_nl{
	height: 54px;
	width: calc(100% - 290px);
	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
	background: #fff url("../img/footer_nl.png") center no-repeat;
}

.main_navigation .instagram{width: 19px;height: 17px;vertical-align: middle;margin: 0 10px;margin-top: -14px;cursor: pointer;}
.main_navigation li.instagram:after{display:none}
.main_navigation .instagram a{width: 28px;height: 28px;padding: 0;margin-top: 2px;position: absolute;z-index: 200;transition: none;float:left;}
.main_navigation .instagram a:before{content: '\e808';position: absolute;font-family: 'fontello_1';color: #fff;}
.main_navigation .instagram a:hover:before{color:#d2cfcf}
.main_navigation .facebook{width: 19px;height: 17px;vertical-align: middle;margin: 0 10px;margin-top: -14px;cursor: pointer;}
.main_navigation li.facebook:after{display:none}
.main_navigation .facebook a{width: 28px;height: 28px;padding: 0;margin-top: 2px;position: absolute;z-index: 200;transition: none;float:left;}
.main_navigation .facebook a:before{content: '\e816';position: absolute;font-family: 'fontello';color: #fff;}
.main_navigation .facebook a:hover:before{color:#d2cfcf}
.footer_instagram{width: 54px;height: 54px;display: inline-block;border-radius: 5px;background: #fff;line-height: 54px;vertical-align: bottom;margin-right:15px;margin-left:-4px}
.footer_instagram:after{font-family: "fontello_1";color: #45474D;margin-left: 9px;position: absolute;content: '\e808';font-size: 2.2em;}
.footer_instagram:hover:after{color: #005d75;}
.footer_facebook{width: 54px;height: 54px;display: inline-block;border-radius: 5px;background: #fff;line-height: 54px;vertical-align: bottom;margin-left:-5px}
.footer_facebook:after{font-family: "fontello";color: #45474D;margin-left: 18px;position: absolute;content: '\e816';font-size: 2.2em;}
.footer_facebook:hover:after{color: #005d75;}

@media only screen and (max-width: 1500px){
	.newsletter .subscribe-form {
    margin: 0 40px 0 0;
	}
}
@media only screen and (max-width: 1280px){
	.add_comment a{
		font-size: 1.3em;
	}
	.add_comment strong{
		font-size: 1.2em;
	}
	.newsletter{
		padding-left: 70px;
	}
	.footer_nl{
		background-size: contain;
	}
}
@media only screen and (max-width: 1230px){
	.newsletter .subscribe-form {
    margin: 0 20px 0 0;
	}
	.footer_rss{
		margin-right: 20px;
	}
}
@media only screen and (max-width: 1200px){
	.add_comment a{
		font-size: 1.7em;
	}
	.newsletter,
	.les_partenaires{
		padding: 20px 40px;
	}
}
@media only screen and (max-width: 1100px){
	.add_comment a{
		font-size: 1.5em;
	}
	.newsletter .subscribe-form{
		margin: 0 10px 0 0;
		height: 40px;
		width: calc(100% - 110px);
	}
	.newsletter .subscribe-form input[type="email"]{
		height: 40px;
		line-height: 40px;
	}
	.newsletter .subscribe-form button[type="submit"]{
		height: 40px;
		width: 40px;
		line-height: 40px;
	}
	.newsletter .subscribe-form button[type="submit"]:after{
		font-size: 1.2em;
	}
	.footer_nl{width:calc(100% - 230px)}
	.footer_rss, .footer_twitter, .footer_instagram, .footer_facebook{
		height: 40px;
		width: 40px;
		line-height: 40px;
	}
	.footer_rss{
		margin-right: 10px;
	}
	.footer_rss:after{
    font-size: 1em;
    margin-left: 12px;
	}
	.footer_twitter:after, .footer_instagram:after{
    font-size: 1.4em;
    margin-left: 8px;
	}
	.footer_facebook:after {
		font-size: 1.4em;
    	margin-left: 14px;
	}
	.les_partenaires img{
		max-height: 67px;
	}
}
@media only screen and (max-width: 1024px){
	.add_comment a{
		font-size: 1.2em;
	}
	.add_comment strong{
		font-size: 1.1em;
	}
}
@media only screen and (max-width: 950px){
	.add_comment a{
		font-size: 1.1em;
	}
	.content_album .content_grid p, .edu .content_grid p{
		margin: 0;
	}
}
@media only screen and (max-width: 840px){
	.newsletter .subscribe-form input[type="email"]{
		max-width: 160px;
		-webkit-border-radius: none;
		-webkit-border-radius:0; 
    border-radius:0;
		-webkit-appearance: none;
	}
	.newsletter h2{
		font-size: 1em;
	}
	.footer_br h2{
		font-size: 1.3em;
	}
	.footer_tl .block-title{
		font-size: 1.7em;
	}
	.footer_tl p{
		font-size: 1.15em;
	}
	.newsletter .subscribe-form{
		width: calc(100% - 110px);
	}
	.newsletter .subscribe-form input[type="email"] {
    max-width: 100%;
	}
	.add_comment a{
		font-size: 1.4em;
	}
	.add_comment strong {
    font-size: .8em;
	}
	.les_partenaires img{
		margin: 0 21% 0 0;
	}
}
@media only screen and (max-width: 800px){
	.add_comment strong{
		font-size: 1.2em;
	}
	.footer_tl,
	.add_comment,
	.footer_br{
		width: 100%;
		margin-top: 20px;
	}
	.footer_tl{
		padding: 0;
	}
	.les_partenaires{
		width: 100%;
		border: none;
	}
	.footer_nl{width:calc(100% - 300px)}
	.newsletter{
		width: 100%;
	}
	.newsletter, .les_partenaires{
		padding: 20px 90px;
	}
	.newsletter .subscribe-form{
		vertical-align: top;
	}
	.newsletter .subscribe-form input[type="email"]{
		height: 54px;
		line-height: 54px;
	}
	.newsletter .subscribe-form button[type="submit"] {
		height: 54px;
		width: 54px;
		line-height: 54px;
	}
	.footer_rss, .footer_twitter, .footer_instagram, .footer_facebook{
		height: 54px;
		width: 54px;
		line-height: 54px;
	}
	.footer_rss {
		margin-right: 20px;
	}
	.footer_rss:after {
		font-size: 2.2em;
		margin-left: 12px;
	}
	.footer_twitter:after, .footer_instagram:after, .footer_facebook:after{
		font-size: 2.4em;
		margin-left: 9px;;
	}
	, .footer_facebook:after{margin-left:18px}
	.les_partenaires p{
		text-align: center;
	}
	.les_partenaires p img{
		margin: 0 6%;
	}
	.les_partenaires img:last-child{
		margin-right: 6%;
	}
	.les_partenaires img{
		max-height: 100%;
	}
}
@media only screen and (max-width: 768px){
	.add_comment a{
		font-size: 1.8em;
	}
	
	.newsletter .subscribe-form {
		margin: 0 40px 0 0;
    width: calc(100% - 200px);
    max-width: 370px;
	}
	.newsletter .subscribe-form input[type="email"]{
		width: calc(100% - 54px);
		max-width: 100%;
	}
}
@media only screen and (max-width: 640px){
	.newsletter .subscribe-form{
		width: 100%;
		max-width: 100%;
	}
	.newsletter{
		text-align: center;
	}
	.newsletter h2,
	.newsletter .subscribe-form,
	.footer_rss, .footer_twitter, .footer_instagram {
		text-align: left;
	}
	.footer_tl .block-title{
		font-size: 1.3em;
	}
	.footer_tl p{
		font-size: 1em;
	}
	.footer_tl a{
		font-size: .9em;
		margin-top: 10px;
	}
	.add_comment strong{
		font-size: 1em;
	}
	.newsletter .subscribe-form{
		display: block;
		margin-bottom: 30px;
	}
	.footer_facebook:after{margin-left:-9px}
}

@media only screen and (max-width: 500px){
	.add_comment a{
		font-size: 1.5em;
	}
	.footer_br img{
		margin: 0 20px 20px;
		max-width: 30%;
	}
	.footer_br img:hover{
		margin: 0 20px 20px;
	}
	.les_partenaires img{
		margin: 0 20px 20px;
		max-width: 30%;
	}
	.les_partenaires img:hover{
		margin: 0 40px 0 0;
	}
	.newsletter, .les_partenaires {
    padding: 20px;
	}
	.bottom-page{
		padding-top: 30px;
	}
	.container{
		padding-left: 5px;
		padding-right: 5px;
	}
	.footer_br h2{
		font-size: 1.2em;
	}
	.footer_nl{
		width: 100%;
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 420px){
	.les_partenaires img{
		max-width: 24%;
	}
	.footer_rss, .footer_twitter, .footer_instagram, .footer_facebook{
    height: 40px;
    width: 40px;
    line-height: 40px;
	}
	.footer_rss:after {
		font-size: 1.6em;
    margin-left: 9px;
	}
	.footer_twitter:after, .footer_instagram:after{
		font-size: 1.9em;
    margin-left: 7px;
	}
	.footer_facebook:after{font-size:1.9em;margin-left: -7px}
	.newsletter .subscribe-form button[type="submit"]:after {
		font-size: 1.8em;
	}
}
@media only screen and (max-width: 360px){
	footer .content ul li:after{
		margin: 0 10px;
	}
	.les_partenaires img{
		max-width: 34%;
    margin: 10px 4% 10px;
	}
}
@media only screen and (max-width: 320px){
	.les_partenaires img{
		max-width: 19%;
	}
}
/*-----------------------------------------------------------------------------------------*/
/*---------------------------------------Page simple---------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.page_simple h1{
	font-family: "dinmedium";
	font-size: 2.5em;
	color: #000;
	text-transform: uppercase;
	clear: both;
	margin-bottom: 40px;
}
.page_simple p{
	margin: 0 130px 20px;
	font-size: 1em;
}
.page_simple ul, .page_simple ol{
	margin: 10px 130px 15px;
}
.twitter_popup{
	display: none;
	transition: none;
}
.twitter_popup iframe{
	position: absolute !important;
	max-width: 420px !important;
	z-index: 100;
	right: 0;
	width: 420px !important;
	margin-right: -25px;
	padding-top: 43px !important;
}
.page_simple .title_accordeon,
.page_simple .accordeon{
	margin: 0 130px 5px; 
}
.page_simple .accordeon p,
.page_simple .accordeon ul{
	margin: 0;
}
.page_simple ul p{
	margin: 0;
}
.page-node-15117 .link{
	font-family: "Arial";
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	background: #45474d;
	text-transform: uppercase;
	border-radius: 0;
	border: none;
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	display: inline-block;
	margin: 30px auto 0;
}
.page-node-15117 .link:hover {
    background: #005d75;
}

@media only screen and (max-width: 900px){
	.page_simple p{
		margin: 0 20px 20px;
	}
	.page_simple ul,
	.page_simple ol{
		margin: 0 20px 5px;
	}
	.page_simple .title_accordeon,
	.page_simple .accordeon{
		margin: 0 20px;
	}
}
@media only screen and (max-width: 480px){
	.page_simple p{
		margin: 0 0 20px;
	}
	.page_simple h1{
		font-size: 1.5em;
		margin-bottom: 20px;
	}
	.page_simple li{
		margin: 5px 0;
	}
	.page_simple ul, .page_simple ol{
		margin: 0 0 25px;
		padding: 0 15px;
	}
	.page_simple .title_accordeon,
	.page_simple .accordeon{
		margin: 0;
	}
}

/*------------------------------------------------------------------------------------------*/
/*------------------------------------------Etude-------------------------------------------*/
/*------------------------------------------------------------------------------------------*/
.fiche_content{
	overflow: hidden;
	clear: both;
	position: relative;
}
.fiche_content .compare ul{
	width: 100%;
	padding: 0;
	margin: 10px auto 20px;
	clear: both;
	overflow: hidden;
}
.fiche_content .compare ul li{
	width: 25%;
	float: left;
	padding-right: 20px;
	list-style: none;
	cursor: pointer;
}
.fiche_content .compare ul li .title{
	border: 1px solid #ebebeb;
	height: 90px;
	font-family: "dinbold";
	font-size: 1em;
	line-height: 1.1em;
	color: #000;
	text-transform: uppercase;
	padding: 15px 10px 0;
	box-sizing: border-box;
}
.fiche_content .compare ul li:hover .title,
.fiche_content .compare ul li.active .title{
	background: #005d75;
	color: #fff;
}
.fiche_content .compare ul li .preview{
	padding: 20px 10px 10px;
	box-sizing: border-box;
	background: #f8f8f8;
	border: 1px solid #ebebeb;
	border-top: none;
	min-height: 145px;
}
.fiche_content .compare ul li .preview img{
	max-width: 138px;
	max-height: 95px;
}
.fiche_content .compare ul li .preview img,
.fiche_content .compare ul li .preview p{
	display: inline-block;
	vertical-align: top;
}
.fiche_content .compare ul li img{
	max-width: 90px;
}
.fiche_content .compare ul li .preview p{
	width: calc(100% - 144px);
}
.fiche_content .compare ul li .preview p{
	padding-left: 5px;
}
.fiche_content .bl_left{
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.fiche_content .bl_right{
	float: right;
	width: 50%;
	box-sizing: border-box;
}
.fiche_content .bl_right .top_info{
	padding: 25px 25px 10px;
	background: #f8f8f8;
	font-family: "Arial";
	font-size: 1em;
	line-height: 1.2em;
	color: #888888;
	overflow: hidden;
}
/*.fiche_content .bl_right .top_info h2*/
.node-type-etude .fiche_content .bl_right .top_info h1{
	font-family: "dinmedium";
	color: #000;
	font-size: 2.5em;
	line-height: 1.2em;
	text-transform: uppercase;
	margin: 0;
}
.node-type-etude div.title_accordeon h2{
    font-family: 'dinbold';
    font-size: 24px;
    line-height: 1.5em;
    margin-top: 0;
    margin-bottom: 0;
    color: white;
    text-transform: uppercase;
}
.accordeon h3{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 10px;
}
.fiche_content .bl_right .top_info .author a:hover{
	text-decoration: underline;
}
.fiche_content .bl_right .accordeon_type_2 .title_accordeon:hover{
	background: #45474d;
}
.addthis_toolbox{
	text-align: right;
}
.addthis_toolbox p.title{
	float: right;
	margin-top: 10px;
	font-size: 0.875em;
	color: #000;
}
.addthis_button_facebook,
.addthis_button_twitter,
.addthis_button_print,
.addthis_button_email,
.addthis_toolbox .link{
	width: 26px !important;
	height: 26px;
	border-radius: 3px;
	background: #45474d;
	float: right !important;
	margin: 0 0 0 5px;
	position: relative;
	cursor: pointer;
	text-align: left;
}
.addthis_button_facebook:hover,
.addthis_button_twitter:hover,
.addthis_button_print:hover,
.addthis_button_email:hover,
.addthis_toolbox .link:hover{
	background: #005d75;
}
.addthis_button_print{
	margin-left: 10px;
}
.addthis_button_facebook span,
.addthis_button_twitter span,
.addthis_button_print span,
.addthis_button_email span{
	opacity: 0;
}
.addthis_button_facebook:before,
.addthis_button_twitter:before,
.addthis_button_print:before,
.addthis_button_email:before,
.addthis_toolbox .link:before{
	content: "\e816";
	font-family: "fontello";
	color: #fff;
	position: absolute;
	width: 100%;
	text-align: center;
	margin-left: -2px;
	margin-top: 4px;
}
.addthis_button_twitter:before{
	content: "\e802";
}
.addthis_button_print:before{
	content: "\e814";
}
.addthis_button_email:before{
	content: "\e80f";
}
.addthis_toolbox .link:before{
	content: "\e815";
	margin-left: 0;
}
.popup_for_copy{
	position: absolute;
	right: 107px;
	z-index: 100;
	display: none;
	transition: none;
}
.popup_for_copy p{
	float: left;
	padding: 10px 10px 8px;
	max-width: 330px;
	border: 1px solid #e9e4e4;
	background: #fff;
	color: #000;
	font-size: 0.875em;
	transition: none;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
}
.popup_for_copy p.copied{
	float: none;
	margin-top: -2px;
	padding: 7px 10px;
	text-align: center;
	color: #005D75;
	line-height: 100%;
	font-family: "dinmedium";
	display: none;
	transition: none;
	clear: both;
}
.popup_for_copy button{
	height: 39px;
	width: 30px;
	background: #f8f8f8 url("../img/cut.png") center no-repeat;
	border: 1px solid #e9e4e4;
	border-left: none;
	outline: none;
}
.gallery{
	background: #e9e4e4;
	transition: none;
	display: none;
	position: relative;
}
.gal_padding{
	padding: 30px 35px 20px;
	overflow: hidden;
}
.gallery.active{
	display: block;
	/* overflow: hidden; */
}
.gallery .main_img{
	/*position: relative;*/
}
.zoom_img_block{
	position: absolute;
	z-index: 1;
	top: 30px;
	left: 50%;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: none;
	transition: none;
}
.gallery .main_img img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
.gallery .main_img img:hover{
	cursor: crosshair;
}
.gallery .hidden_img{
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0;
	opacity: 0;
}
.gallery .main_img .information{
	display: none;
	/*opacity: 0;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	box-sizing: border-box;
	padding: 105px 100px 90px;
	font-family: "Arial";
	font-size: .875em;
	color: #000;
	z-index: 1000;
	transition: none;
}
.gallery .main_img .information .close_info{
	position: absolute;
	right: 52px;
	top: 46px;
	font-family: "Arial";
	font-size: 1em;
	color: #000;
	cursor: pointer;
}
.gallery .main_img .information .close_info:after{
	font-family: "fontello";
	content: "\e813";  
	font-size: 1.3em;  
	margin-left: 10px;
	margin-top: -2px;
	float: right;
}
.gallery .main_img .information.block{
	display: block;
}
.gallery .main_img .information.opacity{
	opacity: 1;
}
.gallery .main_img .information strong{
	text-transform: uppercase;
}
.gallery .main_img .information a{
	color: #005d75;
}
.gallery .title{
	font-family: "dinmedium";
	font-size: 1.75em;
	color: #000;
	text-transform: uppercase;
	padding: 15px 120px 10px 0;
	position: relative;
	/*z-index: 101;*/
}
.gallery .title h2{
	font-family: "dinmedium";
	font-size: 28px;
	color: #000;
	text-transform: uppercase;
	margin: 0;
}
.gallery .gallery_edu{
	z-index: 101;
}

	.gallery .title .nav_icons{
		float: right;
		font-family: "fontello";
		font-size: .9em;
		color: #000;
		position: absolute;
		top: 16px;
		right: 0;
	}
		.gallery .title .nav_icons div{
			display: inline-block;
			vertical-align: middle;
			cursor: pointer;
			margin-left: 10px;
			transition: none;
		}
		.gallery .title .nav_icons .info:before{
			content: "\e811";
		}
		.gallery .title .nav_icons .fullscreen{
			width: 30px;
			height: 22px;
			background: url("../img/fullscreen.png") center top no-repeat;
		}
		.gallery .title .nav_icons .fullscreen:hover{
			background: url("../img/fullscreen.png") center bottom no-repeat;
		}
		.gallery .title .nav_icons .zoom:before{
			content: "\e812";
		}
		.gallery .title .nav_icons div:hover{
			color: #005d75;
		}
		.gallery .title .nav_icons .download{
			display: inline-block;
			vertical-align: middle;
			height: 30px;
			width: 30px;
			background: url("../img/edu_download_icon.png") center no-repeat;
		}
.gallery .author{
	font-family: "Arial";
	font-size: 1em;
	color: #000;
}
.gallery .copyright{
	font-family: "Arial";
	font-size: .875em;
	color: #000;
}
.gallery .gallery_preview{
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}
.gallery .gallery_preview li{
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	border: 1px solid #e9e4e4;
}
.gallery .gallery_preview li:hover{
	border: 1px solid #450f3b;
}
.accordeon_type_1 .accordeon{
	display: none;
}
.accordeon_type_2 .accordeon{display:block}
.accordeon_type_1 .accordeon{
	background: #f8f8f8;	
}
.accordeon_type_2 .title_accordeon{
	background: #e9e4e4;
	font-family: "rockwellregular";
	font-size: 1.5em;
	text-transform: none;
	color: #2c3032;
	font-style: normal;
	font-weight: normal;
}
.accordeon_type_2 .title_accordeon.opened{
	color: #fff;
}
.accordeon_type_2 .accordeon li{
	list-style: none;
}
.accordeon_type_2 .accordeon li span{
	text-transform: uppercase;
	color: #005d75;
	font-weight: bold;
}
.accordeon.bibliographie ul{
	padding: 0;
	margin: 0;
}
.mots_cle{
	padding: 0;
	margin: 15px 0;
	overflow: hidden;
}
.mots_cle li{
	float: left;
	margin: 0 7px 7px 0;
	list-style: none;
}
.mots_cle span.ext{
	display: none;
}
.mots_cle li a{
	display: inline-block;
	padding: 5px 22px;
	background: #45474d;
	font-family: "Arial";
	font-size: 1em;
	color: #fff;
	border: 1px solid #45474d;
}
.mots_cle li a:hover{
	background: #fff;
	color: #45474d;
}
.partenaire_block{
	padding-left: 10px;
}
.animation .anim_content .preview_title{
	font-size: 1.6em;
	margin-top: -46px;
}
.partenaire_block img{
	display: inline-block;
	margin-left: 5px;
	border: 1px solid #e9e4e4;
	margin-bottom: 10px;
}
.fullscreen_mode{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	left: 0;
	top: 0;
	z-index: 100;
	display: none;
	opacity: 0;
}
.fullscreen_mode.opacity{
	opacity: 1;
}
.fullscreen_mode img{
	position: fixed;
	top: 50%;
	left: 50%;
	max-height: 94%;
	z-index: 101;
}
.fullscreen_mode .btn_close{
	position: fixed;
	right: 45px;
	top: 10%;
	cursor: pointer;
	display: none;
}
.fullscreen_mode .btn_close:before{
	font-family: "fontello";
	content: "\e813";
	font-size: 1.6em;
	color: #fff;
}
.albums{
	clear: both;
}
#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}
.edu h2.title,
.albums h2.title,
.albums_lie h2.title{
	font-family: "dinbold";
	font-size: 1.625em;
	color: #005d75;
	text-transform: uppercase;
	text-align: center;
	margin: 50px 0;
}

/*----------------------------------------------------------------------------------------*/
/*-----------------------------------------Album------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
.content_album{
	clear: both;
	overflow: hidden;
}
.content_album h1{
	font-family: "dinmedium";
	font-size: 2.5em;
	color: #000;
	text-transform: uppercase;
}
.content_album .chapo{
	font-family: "Arial";
	font-size: 1em;
	color: #000;
}
.content_album .grid,
.edu .grid,
.view_type_1 .grid{
	margin-top: 20px;
	padding: 40px 0;
	background: #f8f8f8;
	overflow: hidden;
}
.edu .grid,
.view_type_1 .grid{
	margin-top: 0;
}
.view_type_1 .accordeon_type_2 .title_accordeon{
	padding: 10px 25px;
}
.accordeon_type_2 .title_accordeon:hover {
	background: #45474d;
}
.content_album .grid:after,
.edu .grid:after,
.view_type_1 .grid:after {
  content: '';
  display: block;
  clear: both;
}
.content_album .grid-item,
.edu .grid-item,
.view_type_1 .grid-item {
  width: 25%;
  float: left;
	box-sizing: border-box;
	padding: 0 10px 40px 10px;
}
.content_album .content_grid,
.edu .content_grid,
.view_type_1 .content_grid{
	border: 1px solid #efefef;
	box-sizing: border-box;
	padding-bottom: 30px;
	background: #fff;
	position: relative;
}
.content_album .content_grid.picto,
.edu .content_grid.picto,
.view_type_1 .content_grid.picto{
	background: #fff url("../img/picto_etu.png") 95% 98% no-repeat;
}
.content_album .content_grid img,
.edu .content_grid img,
.view_type_1 .content_grid img{
	padding: 30px 25px 15px;
	margin: 0 auto;
}
.content_album .content_grid .oeuvre_title,
.edu .content_grid .oeuvre_title,
.view_type_1 .content_grid .oeuvre_title{
	font-family: "Arial";
	font-size: 1em;
	color: #000;
	padding: 0 25px 10px;
	border-bottom: 1px solid #efefef;
}
.content_album .content_grid .title,
.edu .content_grid .title,
.view_type_1 .content_grid .title{
	font-family: "dinbold";
	font-size: 1.2em;
	line-height: 1.4em;
	text-transform: uppercase;
	padding: 10px 25px 5px;
	color:#000;
}
.view_type_1 .content_grid .text{display:block}
.content_album .content_grid p,
.view_type_1 .content_grid .text,
.edu .content_grid .text{
	font-family: "Arial";
	font-size: 1em;
	line-height: 1.2em;
	color: #000;
	padding: 0 25px 20px;
}
.edu .content_grid .text{
	display: inline-block;
}
.content_album .content_grid strong{
	font-weight: normal;
}
.content_album .content_grid:hover,
.edu .content_grid:hover,
.view_type_1 .content_grid:hover{
	border: 1px solid #0f667d;
}
.content_album .content_grid:hover .title,
.edu .content_grid:hover .title,
.view_type_1 .content_grid:hover .title{
	color: #005d75;
}
.content_album .content_grid .hover,
.edu .content_grid .hover,
.view_type_1 .content_grid .hover{
	opacity: 0;
	position: absolute;
	top: 30px;
	left: 25px;
	width: calc(100% - 50px);
	background: rgba(0, 0, 0, 0.4) url("../img/hover_album.png") center no-repeat;
}
.content_album .content_grid:hover .hover,
.edu .content_grid:hover .hover,
.view_type_1 .content_grid:hover .hover{
	opacity: 1;
}
.edu .content_grid .hover, .view_type_1 .content_grid .hover{
	left: 50%;
}
@media only screen and (max-width: 1024px){
	.content_album .grid-item,
	.edu .grid-item,
	.view_type_1 .grid-item{
		width: 33%;
		padding-right: 20px;
	}
}
@media only screen and (max-width: 900px){
	.content_album .grid-item,
	.edu .grid-item,
	.view_type_1 .grid-item{
		width: 50%;
	}
	/* .view_type_1 .content_grid .title{
		margin-bottom: -28px;
	} */
}
@media only screen and (max-width: 480px){
	.content_album .grid-item,
	.edu .grid-item,
	.view_type_1 .grid-item{
		width: 100%;
	}
	.view_type_1 .grid{
		padding: 20px 0;
	}
	.content_album .grid-item, .edu .grid-item, .view_type_1 .grid-item{
		padding: 0 10px 20px 10px;
	}
}

/*-----------------------------------------------------------------------------------------*/
/*---------------------------------------Hors serie----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.content_hors{
	clear: both;
}
.content_hors h1{
	font-family: "dinmedium";
	font-size: 2.5em;
	color: #000;
	text-transform: uppercase;
}
.content_hors h1 span{
	font-family: "Arial";
	font-size: .5em;
	color: #747373;
	text-transform: none;
}
.content_hors .chapo{
	font-family: "Arial";
	font-size: 1.2em;
	color: #000;
	line-height: 1.4em;
}
.content_hors .albums_list,
.albums .albums_list{
	background: #f8f8f8;
	padding: 50px;
	box-sizing: border-box;
	margin-top: 30px;
	overflow: hidden;
}
.content_hors li,
.albums li{
	float: left;
	list-style: none;
	width: 50%;
	padding-right: 30px;
	margin-bottom: 45px;
}
.content_hors.hors_page a{
	color: #005D75 !important;
}
.content_hors li:nth-child(even),
.albums li:nth-child(even){
	padding-right: 0;
	padding-left: 30px;
}
.albums_lie .content_hors li{
	display: none;
}
.albums_lie .content_hors li:first-child,
.albums_lie .content_hors li:nth-child(2){
	display: inline-block;
}
.content_hors .album,
.albums .album{
	position: relative;
}
.content_hors .album img,
.albums .album img{
	/* max-height: 290px; */
	margin: 0 auto;
}
.content_hors .album .legende,
.albums .album .legende{
	font-family: "Arial";
	font-size: .9em;
	color: #000;
	margin: 5px 0 0;
}
.content_hors .album .title,
.albums .album .title{
	font-family: "dinmedium";
	font-size: 1.2em;
	color: #000;
	text-transform: uppercase;
}
.content_hors .album .title{
	font-size: 1.6em;
}
.content_hors .album .introduction p{
	font-family: "Arial";
	font-size: 1em;
	color: #000;
}
.content_hors .album .hover,
.albums .album .hover{
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 50%;
	width: 100%;
	background: rgba(0, 0, 0, 0.4) url("../img/hover_album.png") center no-repeat;
}
.content_hors .album:hover .hover,
.albums .album:hover .hover{
	opacity: 1;
}
.content_hors .album:hover .title,
.albums .album:hover .title{
	color: #005d75;
}


@media only screen and (max-width: 900px){
	.content_hors p{
		margin-left: 0;
	}
	.content_hors .albums_list{
		padding: 30px 15px;
	}
	.content_hors li{
		min-height: 400px;
	}
	.content_hors.hors_page li{
		min-height: 120px;
	}
	.content_hors .album .title{
		font-size: 1.4em;
		margin: 5px 0 4px;
	}
}
@media only screen and (max-width: 640px){
	.content_hors li{
		width: 100%;
		padding-right: 0;
		margin-bottom: 40px;
		min-height: auto;
	}
	.content_hors li:nth-child(even){
		padding-left: 0;
	}
	.content_hors h1{
		font-size: 1.8em;
		line-height: 1em;
	}
}
@media only screen and (max-width: 640px){
	.content_hors li{
		margin-bottom: 40px;
	}
}
@media only screen and (max-width: 480px){
	.content_hors.hors_page li{
		min-height: auto;
		height: auto !important;
	}
}
/*-----------------------------------------------------------------------------------------*/
/*---------------------------------------Pagination----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.pagination{
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.pagination li{
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}
.pagination>li>a{
	padding: 6px;
	background: transparent;
	border: none;
}
.pagination>li.active>a{
	background-color: #005d75 !important;
}
.pagination>li>a:hover {
    background-color: #005d75 !important;
    color: #fff;
}
.pagination>li.prev a{
	color: #005d75;
	font-size:0;
}
.pagination>li.prev a:before{
	font-family: "fontello";
	font-size: 20px;
	content: "\e805";
}
.pagination>li.prev a:hover{
	color: #fff;
}
.pagination>li.next a{
	color: #005d75;
	font-size:0;
}
.pagination>li.next a:after{
	font-family: "fontello";
	font-size: 20px;
	content: "\e806";	
}
.pagination>li.next a:hover{
	color: #fff;
}

.pagination>li.prev a:before, .pagination>li.next a:after{font-size:30px}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #005d75;border-color: #005d75;padding:6px 8px;border-radius:0}
.pagination>li:first-child>a, .pagination>li:first-child>span{border-radius:0}

/*-----------------------------------------------------------------------------------------*/
/*--------------------------------------View type 1----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.view_type_1{
	margin: 30px 0;
}
.view_type_1 h1{
	font-family: "dinmedium";
	font-size: 2.5em;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.view_type_1 .accordeon_type_2{
	margin-top: 30px;
}
.view_type_1 .accordeon{
	padding: 0;
}

@media only screen and (max-width: 1280px){
	.view_type_1 p{
		margin: 0 0 5px;
	}
	.view_type_1 .accordeon_type_2 .accordeon{
		padding: 0 !important;
	}
}
@media only screen and (max-width: 900px){
	.view_type_1 h1{
		font-size: 3em;
	}
}
@media only screen and (max-width: 480px){
	.view_type_1 h1 {
	    font-size: 2.5em;
	}
}



/*-----------------------------------------------------------------------------------------*/
/*---------------------------------------Glossaire-----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.view_type_2 h1{
	font-family: "dinmedium";
	font-size: 2.5em;
	text-transform: uppercase;
	max-width: 1500px;
	margin: 20px auto 10px;
}
.nav_alph{
	padding: 0;
	margin: 40px auto;
	max-width: 1300px;
	text-align: center;
}
.nav_alph li{
	display: inline-block;
	font-family: "dinmedium";
	font-size: 1.875em;
	color: #000;
	list-style: none;
	line-height: 1.2em;
	padding: 0 6px;
	cursor: pointer;
	text-transform: uppercase;
	margin: 0 5px 0 0;
}
.nav_alph li.active,
.nav_alph li:hover{
	background: #005d75;
	color: #fff;
}
.nav_alph li.hidden_l{
	color: #ccc;
}
.nav_alph li.hidden_l:hover{
	background:#fff;
	cursor: default;
}
.glossaire,
.mots_cles{
	padding: 30px 0;
	background: #f8f8f8;
}
.glossaire p{
	font-family: Arial;
	font-size: 1em;
	color: #000;
	margin: 0 auto 25px;
	max-width: 1300px;
	display: none;
}
.glossaire p span{
	font-weight: bold;
	color: #005d75;
	text-transform: uppercase;
}
.mots_cles ul{
	margin: 0 auto 40px;
	max-width: 1300px;
	text-align: center;
}
.mots_cles li{
	list-style: none;
	display: inline-block;
	font-family: Arial;
	font-size: 1em;
	color: #000;
	/* text-transform: capitalize; */
	line-height: 2.625em;
	padding: 0;
	margin: 0 15px;
	display: none;
}
@media only screen and (max-width: 1400px){
	.nav_alph,
	.glossaire p{
		padding: 0 20px;
	}
}
@media only screen and (max-width: 1280px){
	.view_type_2 h1{
		margin: 20px 20px 10px;
	}
	.mots_cles ul{
		padding: 0;
	}
}
@media only screen and (max-width: 800px){
	.view_type_2 h1{
		margin: 20px 0 10px;
	}
}
@media only screen and (max-width: 500px){
	.glossaire p{
		margin-bottom: 10px;
	}
}


/*-----------------------------------------------------------------------------------------*/
/*---------------------------------------Thematique----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.thematique .title_type_1{
	font-family: "rockwellregular";
	font-size: 1.625em;
	color: #005d75;
	padding: 35px 0 5px;
	clear: both;
}
.thematique h1{
	margin: 20px 0;
}
.thematique .title_accordeon:hover{
	background: #45474d;
}
.thematique .title_type_2{
	font-family: "Arial";
	font-size: 1.125em;
	color: #1b1b1b;
	font-weight: bold;
}
.thematique .title_type_3{
	font-family: "Arial";
	font-size: .8em;
	color: #1b1b1b;
	font-weight: normal;
	margin-bottom: 0;
}
.thematique .title_type_3:before{
	content: '•';
	margin-right: 5px;
}
.thematique span{
	color: #747373;
	font-weight: normal;
}
.thematique .title_type_2{
	float: left;
	width: 25%;
	padding-right: 10px;
	box-sizing: border-box;
	min-height: 260px;
	position: relative;
	text-transform: uppercase;
}
.thematique .title_type_2 span,
.thematique .title_type_2 div{
	text-transform: none;
}
.thematique .title_type_2 img{
	margin-bottom: 10px;
}
.thematique .title_type_2 span{
	display: block;
}
.thematique .placer{
	display: none;
}
.thematique  div.accordeon{
	padding: 0 0 25px;
	background: #fff;
}
.thematique div.accordeon div{
	transition: none;
}
.thematique .title_accordeon{
	clear: both;
}
.thematique span{
	display: none;
}
.lvls.child.level-3{
	background: #faf7f7;
	padding: 5px 10px;
}
.lvls.child.level-3 .more{
	font-family: "dinmedium";
	font-weight: normal;
	padding: 7px 0;
	text-align: center;
	cursor: pointer;
}
.lvls.child.level-3 .more:after{
	font-family: "fontello";
	content: '\e80e';
	margin-left: 5px;
	font-size: .8em;
	position: absolute;
	margin-top: 4px;
	transition: all 0.4s;
}
.lvls.child.level-3 .more:hover:after{
	margin-left: 10px;
	color: #005d75;
}
.lvls.child.level-3 .more.active:after{
	content: '\e817';
}
.lvls.child.level-3 .thematique_block{
	padding: 0;
	display: none;
	transition: none;
}
.lvls.child.level-3 .thematique_block.first{
	padding: 0;
	border-top: 1px solid #cacaca;	
}
.lvls.child.level-3 .thematique_block span{
	display: inline-block;
	margin-left: 5px;
}
.accordeon .hover{
	display: none;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.4) url("../img/hover_album.png") center no-repeat;
	display: block;
}
.thematique_block:hover,
.title_type_2:hover{
	color: #005d75;
}
.thematique_block:hover .hover,
.title_type_2:hover .hover{
	opacity: 1;
	display: block;
}
.title_accordeon:hover{
	color: #fff;
}
.thematique_block a{
	display: block;
	position: relative;
}
.title_type_3 a{
	display: inline-block;
}

@media only screen and (max-width: 800px){
	.thematique .title_type_2{
		width: 50%;
		min-height: 280px;
	}
	.thematique .title_type_1{
		font-size: 2em;
		padding: 5px 0;
	}
	.thematique .title_type_2{
		font-size: 1.4em;
		line-height: 1.4em;
		margin-bottom: 20px;
	}
	.lvls.child.level-3 .more{
		font-size: .9em;
		padding: 3px 0;
	}
	.lvls.child.level-3 .more:after{
		margin-top: 2px;
	}
	.lvls.child.level-3{
		margin-top: 10px;
	}
}
@media only screen and (max-width: 480px){
	.thematique .title_type_2{
		width: 100%;
	}
	.thematique .title_type_1{
		font-size: 1.6em;
	}
	.thematique .title_type_2{
		font-size: 1.2em;
	}
	.thematique .title_type_2{
		min-height: 100px;
		padding-right: 0;
	}
	.lvls.child.level-3 .more{
		font-size: .8em;
		padding: 3px 0;
	}
	/* .thematique  div.title_accordeon{
		font-size: 1.4em;
	} */
	.thematique  div.accordeon{
		padding: 10px 5px !important;
	}
	.lvls.child.level-3{
		margin-top: 0;
	}
}


/*-----------------------------------------------------------------------------------------*/
/*------------------------------------------Home-------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.home_title{
	font-family: "din_blackregular";
	font-size: 1.625em;
	color: #005d75;
	text-align: center;
	text-transform: uppercase;
	margin: 45px auto 15px;
}
.description_etudes{
	margin: 15px auto 20px;
	max-width: 80%;
	font-size: 1.125em;
	line-height: 1.3em;
}
.first_etude_block .part_lt,
.first_etude_block .part_rt{
	width: 50%;
	display: inline-block;
	padding: 15px 15px 10px;
	box-sizing: border-box;
	vertical-align: middle;
}
.first_etude_block .part_lt .title_etu{
	font-family: "dinmedium";
	font-size: 1.625em;
	line-height: 1.2em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.first_etude_block .part_lt .title_etu:hover{
	color: #005d75;
}
.first_etude_block .part_lt .description{
	font-size: 1.125em;
	line-height: 1.3em;
}
.first_etude_block .part_lt .show_more{
	font-family: "dinmedium";
	font-size: 1em;
	color: #000;
	font-weight: normal;
	display: inline-block;
	margin-top: 40px;
	float: right;
}
.first_etude_block .part_lt .show_more:after{
	font-family: "fontello";
	content: '\e80e';
	font-size: 1em;
	margin-left: 10px;
}
.first_etude_block .part_lt .show_more:hover{
	color: #005d75;
}
.first_etude_block .part_rt{
	background: #e9e4e4;
	color: #302f35;
}
.first_etude_block .part_rt img{
	margin: 0 auto 10px;
}
.home_slider{
	position: relative;
	margin-top: 50px;
}
.home_slider .img_block{
	height: 200px;
	text-align: center;
	font: 0/0 a;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
}
.home_slider .img_block:before {
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.home_slider .img_block img{
	display: inline-block;
	vertical-align: middle;
	font: 16px/1 Arial sans-serif;
	max-height: 100%;
}
.home_slider .slide{
	background: #f8f8f8;
	border: 1px solid #ededed;
}
.home_slider .slide .img_title{
	padding: 0 20px 5px;
	border-bottom: 1px solid #ededed;
	font-size: 1em;
	line-height: 1.2em;
	min-height: 44px;
}
.home_slider .slide .edtu_title{
	padding: 10px 15px 25px;
	background: #fff;
	font-family: "dinbold";
	text-transform: uppercase;
	min-height: 79px;
}
.home_slider .slide .edtu_title.compare{
	background: #fff url("../img/picto_etu.png") 97% 90% no-repeat;
}
.home_slider_hover{
	opacity: 0;
	position: absolute;  
	top: 0;  
	bottom: 0;  
	left: 0;  
	right: 0;  
	margin: auto; 
	width: 100%;
	background: rgba(0, 0, 0, 0.4) url("../img/hover_album.png") center no-repeat;
}
.home_slider .slide:hover .home_slider_hover{
	opacity: 1;
}
.home_slider .slide:hover .edtu_title{
	color: #005d75;
}
.slider_serie .hover{
	opacity: 0;
	position: absolute;  
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.4) url("../img/hover_album.png") center no-repeat;
}
.slider_serie .slide:hover .hover{
	opacity: 1;
}
.slider_serie .slide:hover .title{
	color: #005d75;
}
.bx-pager{
	display: none;
}
.bx-wrapper .bx-controls-direction a{
	position: absolute;
	text-indent: -9999px;
}

.bx-wrapper .bx-controls-direction a.bx-prev,
.bx-wrapper .bx-controls-direction a.bx-next{
	width: 50px;
	height: 60px;
	position: absolute;
	top: 85px;
	cursor: pointer;
}
.bx-wrapper .bx-controls-direction a.bx-prev{
	left: 0;
	background: #005d75 url("../img/slider_left.png") center no-repeat;
}
.bx-wrapper .bx-controls-direction a.bx-prev:hover{
	background: #45474d url("../img/slider_left.png") center no-repeat;
}
.bx-wrapper .bx-controls-direction a.bx-next{
	right: 0;
	background: #005d75 url("../img/slider_right.png") center no-repeat;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover{
	background: #45474d url("../img/slider_right.png") center no-repeat;
}

.hors_slider{
	position: relative;
}
.hors_slider .title{
	font-family: "dinmedium";
	font-size: 1.3em;
	line-height: 1em;
	color: #000;
	text-transform: uppercase;
	padding: 15px 0 7px;
}
.hors_slider .chapo{
	line-height: 1.2em;
}
.hors_slider .slide{
	position: relative;
}
.hors_slider .slide span{
	color: #747373;
}
.selection_home .grid{
	padding: 40px 0;
	background: #f8f8f8;
	overflow: hidden;
}
.el_album .selection_home .grid{
	padding-top: 0;
	background: #fff;
}
.selection_home .grid:after {
  content: '';
  display: block;
  clear: both;
}
.selection_home .grid-item {
  width: 25%;
  float: left;
	box-sizing: border-box;
	padding: 0 20px 40px 20px;
}
.selection_home .content_grid{
	border: 1px solid #efefef;
	box-sizing: border-box;
	padding-bottom: 30px;
	background: #fff;
	position: relative;
}
.selection_home .content_grid.picto{
	background: #fff url("../img/picto_etu.png") 95% 98% no-repeat;
}
.selection_home img{
	/*padding: 30px 25px 15px;*/
	margin: 0 auto;
	/* max-height: 360px; */
	width:100%!important;
}
.selection_home .oeuvre_title{
	font-family: "Arial";
	font-size: 1em;
	color: #000;
	padding: 0 0 10px;
	border-bottom: 1px solid #efefef;
}
.selection_home .content_grid .padding25{
	padding-left:25px;
	padding-right:25px;
}
.selection_home .content_grid .title{
	font-family: "dinbold";
	font-size: 1.2em;
	line-height: 1.4em;
	text-transform: uppercase;
	padding: 10px 25px 5px;
	word-wrap: break-word;
}
.selection_home .content_grid h2,
.selection_home .content_grid h3{
	font-family: "dinbold";
	font-size: 1.1em;
	line-height: 1.2em;
}
.selection_home .content_grid p{
	font-family: "Arial";
	font-size: 1em;
	line-height: 1.2em;
	color: #000;
	padding: 0 0 20px;
}
.selection_home .content_grid strong{
	font-weight: normal;
}
.selection_home .content_grid:hover{
	border: 1px solid #0f667d;
}
.selection_home .content_grid:hover .title{
	color: #005d75;
}
.selection_home .content_grid .hover{
	opacity: 0;
	position: absolute;
	top: 30px;
	left: 50%;
	width: calc(100% - 50px);
	background: rgba(0, 0, 0, 0.4) url("../img/hover_album.png") center no-repeat;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%
}
.selection_home .content_grid:hover .hover{
	opacity: 1;
}

.header_top{
	overflow: hidden;
	position: relative;
}
.expo_album .left_content,
.expo_album .right_content,
.header_top .left_content,
.header_top .right_content{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	box-sizing: border-box;
}
.expo_album .content{
	background: #f8f8f8;
	padding: 30px 45px;
	overflow: hidden;
	min-height: 475px;
}
.expo_album .content a{
	display: inline-block;
	position: relative;
}
.expo_album .hover{
	opacity: 0;
	position: absolute;  
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.4) url("../img/hover_album.png") center no-repeat;
}
.expo_album .right_content .hover{
	/*opacity: 1;*/
	background: rgba(0, 0, 0, 0.4) url("../img/icon_play.png") center no-repeat;
}
.expo_album .content:hover .hover{
	opacity: 1;
}
.expo_album .title_img{
	font-size: 1.125em;
	padding: 10px 0 0;
}
.expo_album .title{
	font-family: "dinmedium";
	font-size: 1.625em;
	line-height: 1.2em;
	color: #000;
	text-transform: uppercase;
	padding: 5px 0;
}
.expo_album .content:hover .title{
	color: #005d75;
}
.expo_album .show_more,
.header_top .show_more{
	font-family: "dinmedium";
	font-size: 1em;
	color: #000;
	font-weight: normal;
	display: inline-block;
	margin-top: 10px;
	float: right;
}
.expo_album .show_more:after,
.header_top .show_more:after{
	font-family: "fontello";
	content: '\e80e';
	font-size: 1em;
	margin-left: 10px;
}
.expo_album .show_more:hover,
.header_top .show_more:hover{
	color: #005d75;
}
.header_top .left_content{
	background: #e9e4e4;
	padding: 40px 100px;
}
.header_top .right_content{
	background: #faf7f7;
	padding: 25px 100px 25px 20px;
}
.header_top .left_content,
.header_top .right_content{
	min-height: 318px;
}
.header_top .left_content img{
	margin: 0 auto;
}
.header_top .bx-wrapper .bx-controls-direction a.bx-prev{
	left: 40px;
	top: 50%;
	margin-top: -30px;
	background: url("../img/header_slider_nav_left.png") center no-repeat;
}
.header_top .bx-wrapper .bx-controls-direction a.bx-prev:hover{
	left: 30px;
}
.header_top .bx-wrapper .bx-controls-direction a.bx-next{
	right: 40px;
	top: 50%;
	margin-top: -30px;
	background: url("../img/header_slider_nav_right.png") center no-repeat;
}
.header_top .bx-wrapper .bx-controls-direction a.bx-next:hover{
	right: 30px;
}
.header_top .date_title{
	font-family: "din_blackregular";
	font-size: 1.625em;
	color: #005d75;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.header_top .date_title span{
	font-size: 1.357em;
}
.header_top .year,
.header_top .title{
	font-family: "dinmedium";
	font-size: 1.6em;
	line-height: 1.2em;
	color: #000;
	text-transform: uppercase;
}
.header_top .title:hover{
	color: #005d75;
}
.header_top .context{
	padding: 10px 0;
	line-height: 1.2em;
}
.header_top .context strong{
	display: block;
	margin-bottom: 10px;
}
.header_top .copyright{
	font-size: .875em;
	line-height: 1em;
}


@media only screen and (max-width: 1280px){
	.home_slider .img_block{
		height: 160px;
	}
	.home_slider .slide .edtu_title{
		min-height: 101px;
	}
	.home_slider .slide .img_title{
		min-height: 64px;
	}
}
@media only screen and (max-width: 1024px){
	.selection_home .grid-item{
		width: 33%;
		padding-right: 20px;
	}
}
@media only screen and (max-width: 900px){
	.home_slider .img_block{
		height: 170px;
	}
	.home_slider .slide .edtu_title{
		min-height: 160px;
	}
	.home_slider .slide .img_title{
		min-height: 42px;
	}
	.first_etude_block .part_lt, 
	.first_etude_block .part_rt,{
		width: 100%;
	}
	.selection_home .grid-item{
		width: 50%;
	}
	.expo_album .left_content, .expo_album .right_content{
		width: 100%;
	}
	.header_top .left_content{
		padding: 20px;
		min-height: auto;
	}
	.header_top .right_content{
		padding: 20px;
	}
	.header_top .bx-wrapper .bx-controls-direction a.bx-next,
	.header_top .bx-wrapper .bx-controls-direction a.bx-prev{
		top: 25%;
		margin-top: 0;
	}
	.header_top .date_title{
		font-size: 1.825em;
	}
	.header_top .year, .header_top .title{
		font-size: 1.8em;
	}
	.header_top .context{
		font-size: 1.4em;
	}
	.header_top .copyright{
		font-size: 1.2em;
	}
	.expo_album .show_more, .header_top .show_more, .first_etude_block .part_lt .show_more{
		font-size: 1.2em;
	}
	.hors_slider .chapo,
	.hors_slider .slide span{
		font-size: 1em;
		line-height: 1.2em;
	}
	.header_top{
		position: relative;
	}
	.first_etude_block .part_lt .description p{
		margin: 0;
	}
	.hors_slider .title{
		font-size: 1.6em;
    line-height: 1.2em;
	}
	.header_top .bx-wrapper .bx-controls-direction a.bx-next, 
	.header_top .bx-wrapper .bx-controls-direction a.bx-prev{
		top: 37%;
	}
	.header_top .bx-wrapper .bx-controls-direction a.bx-next,
	.header_top .bx-wrapper .bx-controls-direction a.bx-next:hover{
		right: -8px;
	}
	.header_top .bx-wrapper .bx-controls-direction a.bx-prev,
	.header_top .bx-wrapper .bx-controls-direction a.bx-prev:hover{
		left: -8px;
	}
	.header_top .date_title {
		font-size: 1.6em;
	}
	.header_top .context{
		font-size: 1.2em;
		padding-right: 10px;
	}
	.header_top .year, .header_top .title{
		font-size: 1.6em;
	}
	.first_etude_block .part_lt, .first_etude_block .part_rt{
		width: 100%;
	}
	.home_slider .img_block img{
		max-height: 138px;
	}
	.bx-wrapper .bx-controls-direction a.bx-prev, .bx-wrapper .bx-controls-direction a.bx-next{
		top: 60px;
	}
}
@media only screen and (max-width: 750px){
	.header_top .left_content,
	.header_top .right_content{
		width: 100%;
	}
}
@media only screen and (max-width: 480px){
	.selection_home .grid-item{
		width: 100%;
	}
	.selection_home .grid-item{
		padding: 0 10px 20px 10px;
	}
	.header_top .bx-wrapper .bx-controls-direction a.bx-next,
	.header_top .bx-wrapper .bx-controls-direction a.bx-prev{
		top: 22%;
	}
	.header_top .bx-wrapper .bx-controls-direction a.bx-next{
		right: 6px;
	}
	.header_top .bx-wrapper .bx-controls-direction a.bx-prev{
		left: 6px;
	}
	.header_top .bx-wrapper .bx-controls-direction a.bx-next:hover{
		right: 6px;
	}
	.header_top .bx-wrapper .bx-controls-direction a.bx-prev:hover{
		left: 6px;
	}
	.header_top .bx-viewport .bx-viewport .bx-controls{
		display: none;
	}
	.expo_album .content{
		padding: 15px;
		min-height: auto;
	}
	.bx-wrapper .bx-controls-direction a.bx-prev, 
	.bx-wrapper .bx-controls-direction a.bx-next{
		width: 30px;
		height: 40px;
		top: 20px;
		z-index: 100;
	}
	.home_title{
		font-size: 1.2em;
		margin: 30px auto 15px;
	}
	.hors_slider .chapo, .hors_slider .slide span{
		font-size: 1em;
		word-wrap: break-word;
	}
	.hors_slider .title{
		font-size: 1.2em;
    line-height: 1em;
	}
	.bx-wrapper .bx-controls-direction a.bx-next{
		right: -20px;
	}
	.bx-wrapper .bx-controls-direction a.bx-prev{
		left: -20px;
	}
	.header_top .date_title{
		font-size: 1.1em;
	}
	.header_top .date_title span {
		font-size: 1.4em;
	}
	.header_top .year, .header_top .title{
		font-size: 1.4em;
	}
	.header_top .context{
		font-size: 1em;
	}
	.header_top .copyright {
		font-size: 1em;
	}
	.expo_album .show_more, .header_top .show_more {
		font-size: 1em;
	}
	.first_etude_block .part_lt{
		padding: 0;
	}
	.first_etude_block .part_lt .title_etu{
		font-size: 1.4em;
	}
	.first_etude_block .part_lt .description {
    font-size: 1em;
    line-height: 1.2em;
	}
	.first_etude_block .part_rt{
		padding: 10px;
	}
	.home_slider .img_block img{
		max-height: 100%;
	}
	.home_slider .img_block {
		height: 185px;
	}
	.home_slider .slide .edtu_title{
		padding: 10px 10px 35px;
	}
	.home_slider .slide .img_title{
		padding: 0 10px 5px;
		max-height: 68px;
		min-height: 68px;
		overflow: hidden;
	}
	.home_slider .slide .edtu_title{
		word-wrap: break-word;
		min-height: 120px;
	}
	.home_slider .bx-wrapper .bx-controls-direction a.bx-prev, 
	.home_slider .bx-wrapper .bx-controls-direction a.bx-next{
		top: 50px;
	}
	.home_slider{
		margin-bottom: -10px;
	}
	.expo_album .title_img{
		font-size: 1em;
	}
	.expo_album .title{
		font-size: 1.2em;
	}
	.header_top .left_content{
		height: auto !important;
	}
}

/*-----------------------------------------------------------------------------------------*/
/*----------------------------------------Timeline-----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
#timeline{
	padding-top: 88px;
	background: url("../img/timeline_bg.png") left top no-repeat;
	overflow: hidden;
}
#timeline .bx-wrapper{
	position: relative;
	max-width: 100% !important;
	margin-bottom: 60px;
}
#timeline .bx-viewport{
	height: 71px !important;
}
#timeline .periods .slide{
	display: inline-block;
	margin-left: -10px;
	min-width: 180px;
}
#timeline .periods .slide:first-child{
	margin-left: 0;
}
/*#timeline .periods .slide:last-child{
	display: none;
}*/
#timeline .periods .slide a{
	width: 100%;
	height: 71px;
	background: #45474D;
	display: inline-block;
	font-family: "dinmedium";
	font-size: 1.55em;
	text-transform: uppercase;
	color: #fff;
	line-height: 71px;
	box-sizing: border-box;
	text-align: center;
	padding-right: 24px;
}
#timeline .periods .slide a:hover{
	color: #E1E0E0;
}
#timeline .periods .slide a:after{
	content: url("../img/separator.jpg");
	position: absolute;
	width: 24px;
	height: 71px;
	right: 11px;
}
#timeline .periods .slide:last-child a:after{
	content: url("../img/separator_last.jpg");
	right: 0;
}

#timeline .bx-viewport{
	width: calc(100% - 112px) !important;
	margin: 0 auto;
}
#timeline .bx-wrapper .bx-controls-direction a.bx-prev{
	top: 0;
	left: 0;
	width: 56px;
	height: 71px;
	background: #fff url("../img/timeline_prev.png") center no-repeat;
}
#timeline .bx-wrapper .bx-controls-direction a.bx-next{
	top: 0;
	right: 0;
	width: 56px;
	height: 71px;
	background: #fff url("../img/timeline_next.png") center no-repeat;
}
#timeline .bx-wrapper .bx-controls-direction a.disabled{
	display: none;
}
#timeline .taxo_info{
	background: #f8f8f8;
	margin: 0 auto 65px;
	padding: 30px 90px;
	position: relative;
	transition: none;
}
#timeline .taxo_info .left,
#timeline .taxo_info .right{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}
#timeline .taxo_info .left{
	padding-right: 30px;
}
#timeline .taxo_info .right{
	padding-left: 30px;
}
#timeline .taxo_info .description a{
	font-family: "dinmedium";
	font-size: 1em;
	color: #005d75;
}
#timeline .title{
	font-family: "rockwellbold";
	font-size: 3.75em;
	color: #005d75;
}
#timeline .show_more{
	font-family: "dinmedium";
	font-size: 1em;
	color: #000;
	font-weight: normal;
	display: inline-block;
	margin-top: 40px;
	float: right;
	cursor: pointer;
}
#timeline img.show_more{
	width: 100% !important;
}
#timeline .show_more:after{
	font-family: "fontello";
	content: '\e80e';
	font-size: 1em;
	margin-left: 10px;
}
#timeline .show_more:hover{
	color: #005d75;
}
#timeline .legend{
	font-family: "dinbold";
	font-size: 1.3em;
	text-transform: uppercase;
	color: #000;
	padding: 10px 0 2px;
}
#timeline .copyright{
	font-size: .875em;
}
#timeline .tl-timenav{background:#fff;border:none}
#timeline .tl-timenav .tl-attribution{display:none}
#timeline .tl-storyslider .tl-slider-background{background:#f8f8f8}
#timeline .vco-timeline .vco-navigation .timenav-background{
	background: #fff;
}
#timeline .vco-timeline .vco-navigation .timenav-background .timenav-indicator{
	background-image: none;
}
#timeline .vco-timeline .vco-navigation .timenav-background .timenav-line{
	background-color: #000;
	width: 1px;
	display: none;
}
#timeline .vco-timeline .vco-navigation .timenav .time .time-interval div{
	background-image: none;
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker.active .flag{
	background: #fff;
	background-image: none;
	border: 1px solid #45474D;
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content, 
#timeline .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content{
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content h3, 
#timeline .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content h3{
	font-family: "Arial";
	color: #45474D;
	font-size: .875em;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content div, 
#timeline .vco-timeline .vco-navigation .timenav .content .marker.active .flag-small .flag-content div{
	display: none;
}
.vco-storyjs a {
	color: #005D75 !important;
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker.active .flag{
	width: auto;
	max-width: 340px;
	height: 46px;
	padding: 0 10px;
	box-sizing: border-box;
	margin-left: 9px;
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker.active .flag:before{
	content: url("../img/timeline_point.png");
	position: absolute;
	margin-left: -26px;
	margin-top: 16px;
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker.active .dot{
	display: none;
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker.active .line{
	background: #000;
	display: none;
}
#timeline .vco-storyjs .vco-feature .slider,
#timeline .vco-storyjs .vco-feature .vco-slider{
	box-shadow: none;
}
#timeline .vco-timeline .vco-navigation{
	border-top: none;
}
#timeline .vco-timeline .vco-navigation .timenav .time .time-interval-minor .minor{
	background-image: none;
	top: 0;
	height: 3px;
	background: #000;
}
#timeline .tl-menubar{border-radius:0}
#timeline .tl-menubar-button{background:#005d75;color:#fff;margin-bottom:2px}
#timeline .tl-timeaxis-background{border-top:2px solid #000}
#timeline .tl-timeaxis-minor{display:none}
#timeline .vco-timeline .vco-navigation .timenav .time .time-interval div,
#timeline .tl-timeaxis-tick-text{
	font-family: "dinmedium" !important;
	font-size: 16px;
	text-transform: uppercase;
	color: #005d75;
}
#timeline .tl-timeaxis-tick:before{border:none;}
#timeline .vco-slider .slider-item .content .content-container .media{
	float: right !important;
	width: 50%;
	min-width: auto;
	max-width: 50%;
	padding: 0 0 0 30px  !important;
	box-sizing: border-box;
}
#timeline .vco-slider .slider-item .content .content-container .text{
	width: 50% !important;
	float: left;
	padding: 0 30px 0 0 !important;
	box-sizing: border-box;
}
#timeline .tl-media-content-container .tl-media-content{text-align:center}
#timeline .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img,
#timeline .tl-media-content-container .tl-media-content img{
	max-height: 400px !important;
	max-width: 100% !important;
	display:inline-block
}
#timeline .vco-timeline .vco-navigation .vco-toolbar{
	background-color: #005d75;
	border: 1px solid #fff;
	box-shadow: none;
}
#timeline .vco-timeline .vco-navigation .vco-toolbar .zoom-in, 
#timeline .vco-timeline .vco-navigation .vco-toolbar .zoom-out{
	width: 38px;
	height: 28px;
	opacity: 1;
}
#timeline .vco-timeline .vco-navigation .vco-toolbar .zoom-in:hover, 
#timeline .vco-timeline .vco-navigation .vco-toolbar .zoom-out:hover{
	background-color: #45474D;
}
#timeline .vco-timeline .vco-navigation .vco-toolbar .zoom-in .icon{
	background-image: url("../img/timeline_zoom.png");
	background-position: center top;
	width: 100%;
	height: 100%;
}
#timeline .vco-timeline .vco-navigation .vco-toolbar .zoom-out .icon{
	background-image: url("../img/timeline_zoom.png");
	background-position: center bottom;
	width: 100%;
	height: 100%;
}
.timeline-tooltip.right .timeline-tooltip-arrow{
	border-right: 5px solid #005D75 !important;
}
.timeline-tooltip-inner{
	background-color: #005D75 !important;
	padding: 4px 8px !important;
	border-radius: 0 !important;
}
.timeline-tooltip.right{
	margin-top: -28px !important;	
}

#timeline .tl-timenav-slider .tl-timemarker .tl-timemarker-timespan{display:none}
#timeline .tl-timenav-slider .tl-timemarker .tl-timemarker-content-container{box-shadow:none;border-radius:0;width:250px;border:1px solid #45474d;background:#45474d;height:auto!important}
#timeline .tl-timenav-slider .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container{background:#fff}

#timeline .tl-timenav-slider .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content{padding:5px}
#timeline .tl-timenav-slider .tl-timemarker .tl-timemarker-media-container{display:none}
#timeline .tl-timenav-slider .tl-timemarker .tl-timemarker-text{padding-left:5px}
#timeline .tl-timenav-slider .tl-timemarker .tl-timemarker-text h2{font-family:"Arial";color:#fff;font-size:16px;line-height:18px}
#timeline .tl-timenav-slider .tl-timemarker.tl-timemarker-active .tl-timemarker-text h2{color:#000}

#timeline .vco-slider .slider-item .content .content-container .text .container h2.date,
#timeline .tl-text-content-container .tl-headline-date{
	font-family: "rockwellbold" !important;
	font-size: 3.6em;
	color: #005d75;
	line-height: 1em;
	text-transform: uppercase;
}
#timeline .vco-storyjs .vco-feature h3,
#timeline .tl-text-content-container .tl-headline{
	font-family: "rockwellbold" !important;
	font-size: 1.3em;
	color: #005d75;
	line-height: 1em;
	text-transform: uppercase;
}
#timeline .vco-storyjs .vco-feature h3 a,
#timeline .tl-text-content-container .tl-headline a{
	color: #005d75;
	text-decoration:none;
}
#timeline .vco-slider .slider-item .content .content-container .text .container p,
#timeline .tl-text-content-container .tl-text-content{
	font-family: "Arial" !important;
	font-size: 1.1em;
	color: #000;
	margin-bottom: 0;
}
#timeline .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .credit,
#timeline .tl-media-content-container .tl-credit{
	font-family: "din_blackregular" !important;
	font-size: 1.3em;
	color: #000;
	text-transform: uppercase;
	line-height: 1.2em;
	text-align: left;
	width: 100%!important;
	text-align: center;
}
#timeline .vco-slider .slider-item .content{
	padding-top: 65px;
}
#timeline .vco-slider .nav-previous .nav-container .title, 
#timeline .vco-slider .nav-next .nav-container .title{
	display: none;
}
#timeline .vco-slider .slider-container-mask{
	height: 580px !important;
	border-bottom: 30px solid #fff;
	background: #f8f8f8;
}
#timeline .vco-slider .slider-item{
	height: auto !important;
}
#timeline .vco-timeline .vco-navigation .timenav .time .time-interval-major{
	display: none;
}
#timeline .vco-notouch .vco-navigation .timenav .content .marker .flag.zFront h3{
	color: #fff !important;
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail, 
#timeline .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail{
	display: none;
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker .flag{
	background: #45474D;
	background-image: none;
	width: auto;
	max-width: 340px;
	height: 46px;
	padding: 0 10px;
	box-sizing: border-box;
	margin-left: 9px;
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker .flag:before {
    content: url("../img/timeline_point.png");
    position: absolute;
    margin-left: -26px;
    margin-top: 16px;
    display: none;
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3{
	font-family: "Arial" !important;
	color: #fff;
	font-size: .875em;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
}
#timeline .vco-notouch .vco-navigation .timenav .content .marker .flag:hover{
	background: #fff;
	border: 1px solid #45474D;
}
#timeline .vco-notouch .vco-navigation .timenav .content .marker .flag:hover h3{
	color: #45474D !important;
}
#timeline .vco-timeline .vco-navigation .timenav .content .marker .line,
#timeline .vco-timeline .vco-navigation .timenav .content .marker .dot{
	display: none;
}
#timeline .vco-slider .nav-previous, 
#timeline .vco-slider .nav-next{
	top: 50%;
	margin-top: -140px;
}
#timeline .tl-slidenav-next .tl-slidenav-title,
#timeline .tl-slidenav-previous .tl-slidenav-title{
	display:none
}
#timeline .vco-slider .nav-next .icon,
#timeline .tl-slidenav-next .tl-slidenav-icon{
	background: url("../img/header_slider_nav_right.png") center no-repeat;
	width: 30px;
	height: 47px;
	margin: 0 auto;
}
#timeline .tl-slidenav-next .tl-slidenav-icon:before, 
#timeline .tl-slidenav-previous .tl-slidenav-icon:before{
	display:none
}
#timeline .vco-slider .nav-previous .icon, 
#timeline .tl-slidenav-previous .tl-slidenav-icon{
	background: url("../img/header_slider_nav_left.png") center no-repeat;
	width: 30px;
	height: 47px;
	margin: 0 auto;
}
#timeline .tl-slidenav-next .tl-slidenav-description,
#timeline .tl-slidenav-previous .tl-slidenav-description{
	font-family: "din_blackregular";
	font-size: 16px;
	line-height: 20px;
	text-transform:uppercase;
	opacity:1;
	color:#dcdcdc;
	margin: 20px 0 0;
	width:auto
}
#timeline .tl-slidenav-next:hover .tl-slidenav-description,
#timeline .tl-slidenav-previous:hover .tl-slidenav-description{
	color:#005D75;
}
#timeline .vco-slider .nav-next .date, 
#timeline .vco-slider .nav-next .title,
#timeline .vco-slider .nav-previous .date, 
#timeline .vco-slider .nav-previous .title{
	margin-top: 10px;
	text-align: center;
	line-height: 1.3em;
}
#timeline .vco-slider .nav-next .date:hover, 
#timeline .vco-slider .nav-next .title:hover,
#timeline .vco-slider .nav-previous .date:hover, 
#timeline .vco-slider .nav-previous .title:hover{
	color: #005d75;
}
#timelinejs-timeline-page div{
	transition: none;
}
#timeline .tl-slide .tl-slide-content-container .tl-slide-content .tl-text{vertical-align:top}

@media only screen and (max-width: 1280px){
	#timeline .taxo_info{
		padding: 30px 40px;
	}
	.vco-slider .slider-item .content .content-container .text .container{
		width: 100% !important;
	}
}
@media only screen and (max-width: 800px){
	#timeline .vco-slider .slider-item .content .content-container .text .container h2.date{
		font-size: 1.6em;
	}
	#timeline .vco-storyjs .vco-feature h3{
		font-size: 1.2em;
	}
	#timeline .vco-slider .slider-item .content .content-container .text .container p{
		font-size: .8em;
	}
	#timeline .vco-slider .slider-item{
		width: 598px !important;
		margin-left: -90px !important;
	}
	#timeline .vco-slider .slider-item .content .content-container .text .container h2.date{
		line-height: 2.4em;
	}
	#timeline .taxo_info .left, #timeline .taxo_info .right{
		vertical-align: top;
	}
	#timeline img.show_more{
		margin-top: 15px;
	}
}
@media only screen and (max-width: 640px){
	#timeline .vco-slider .slider-item {
		width: 490px !important;
		margin-left: 0 !important;
	}
}
@media only screen and (max-width: 600px){
	#timeline .taxo_info{
		padding: 10px 20px;
	}
	.vco-slider .slider-item .content{
		vertical-align: top !important;
	}
}
@media only screen and (max-width: 480px){
	#timeline .vco-slider .slider-item .content .content-container .text{
		width: 100% !important;
		padding: 0 0 20px 0;
	}
	#timeline .taxo_info .left,
	#timeline .taxo_info .right{
		width: 100%;
		padding: 0 0 20px 0;
	}
	#timeline .periods .slide{
		min-width: 212px;
	}
	#timeline .periods .slide:first-child{
		min-width: 204px;
	}
	#timelinejs-timeline-page.storyjs-embed.full-embed{
		margin: 0 auto !important;
	}
	#timeline .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img,
	#timeline .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container{
		max-width: 100% !important;
	}
	#timeline .vco-slider .slider-item .content .content-container .media {
		width: 100%;
		max-width: 100%;
		padding: 0 !important;
	}
	#timeline .vco-slider .slider-item .content .content-container .text{
		padding: 0 !important;
	}
	#timeline .storyjs-embed.full-embed{
		height: 1600px !important;
	}
	#timeline .storyjs-embed.full-embed .vco-feature,
	#timeline .vco-slider .slider-container-mask,
	#timeline .vco-slider .slider-item{
		height: 1400px !important;
	}
	#timeline .vco-skinny .vco-slider .slider-item .content .content-container .text .container{
		margin-left: -5px;
	}
	#timeline .vco-slider .slider-item{
		width: 298px !important;
	}
	#timeline .vco-slider .nav-previous, #timeline .vco-slider .nav-next{
		display: none !important;
	}
	#timeline .title{
		font-size: 3.2em;
	}
}
@media only screen and (max-width: 414px){
	#timeline .vco-slider .slider-item{
		width: 90% !important;
	}
	#timeline .show_more{
		margin-top: 20px;
		display: none;
	}
	#timeline img.show_more{
		margin-top: 0;
		display: inline-block;
	}
	#timeline .storyjs-embed.full-embed .vco-feature, 
	#timeline .vco-slider .slider-container-mask, 
	#timeline .vco-slider .slider-item,
	#timeline .storyjs-embed.full-embed{
		height: 800px !important;
	}
}
@media only screen and (max-width: 330px){
	#timeline .vco-slider .slider-container-mask{
		width: 285px !important;
	}
}


/*-----------------------------------------------------------------------------------------*/
/*------------------------------------Recherche avancee------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.elasticsearch h1{
	font-family: "dinmedium";
	font-size: 2.5em;
	color: #000;
	text-transform: uppercase;
	clear: both;
	margin: 20px auto;
}
.elasticsearch .simple_nav{
	overflow: hidden;
	border-top: 1px solid #005d75;
}
.elasticsearch .simple_nav .titre{
	width: 50%;
	float: left;
	font-family: "din_blackregular";
	font-size: 1.625em;
	color: #45474d;
	padding: 8px 0;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}
.elasticsearch .simple_nav .titre.active{
	background: #005d75;
	color: #fff;
}
.elasticsearch .simple_nav .titre span{
	font-family: "din_lightregular";
	transition: none;
}
/*.elasticsearch .grid-item.album{
	display: none;
}*/
.total_results{
	font-family: "dinbold";
	font-size: 1.6em;
	text-transform: uppercase;
	padding: 0 0 20px;
	margin: 0;
}
.total_results span{
	color: #005d75;
}
.views-exposed-form{
	width: 80%;
	margin: 0 auto;
}
.views-exposed-form .description,
.views-exposed-form .input-group-addon{
	display: none;
}
.views-exposed-form input,
.views-exposed-form select{
	background: #e9e4e4;
	border-radius: 0;
	border: none;
	font-family: "Arial";
	font-size: .875em;
	color: #44414c;
	box-shadow: none;
	height: 50px;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.views-exposed-form select{
	background: #E9E4E4 url("../img/select_arrow.png") 98% center no-repeat;
}
.views-exposed-form option{
	background: #fff;
	outline: none;
}
.views-exposed-form input::-webkit-input-placeholder {
	color: #44414c !important;
}
.views-exposed-form input::-moz-placeholder {
	color: #44414c !important;
}
.views-exposed-form input:-ms-input-placeholder {
	color: #44414c !important;
}
.views-exposed-form input:-moz-placeholder {
	color: #44414c !important;
}

.views-exposed-form input:focus,
.views-exposed-form select:focus {
	border: none;
	outline: 0;
	box-shadow: none;
}
.views-exposed-form .views-exposed-widget{
	width: 50%;
}
.views-exposed-form .views-widget-filter-keys,
.views-exposed-form .input-group{
	width: 100%;
}
.views-exposed-form .views-widget-filter-keys input{
	padding-left: 30px;
}
.views-exposed-form .views-widget-filter-keys:before {
	content: "\e800";
	position: absolute;
	font-family: "fontello";
	color: #44414c;
	margin: 12px 0 0 10px;
	z-index: 100;
}
.views-exposed-widget.views-submit-button{
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
.views-exposed-widget.views-submit-button button{
	font-family: "Arial";
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	background: #45474d;
	text-transform: uppercase;
	border-radius: 0;
	border: none;
	height: 50px;
	padding: 0 50px;
}
.views-exposed-widget.views-submit-button button:hover{
	background: #005d75;
}
.views-exposed-form .views-exposed-widget{
	padding: 1em 1.2em 0 0;
}
.views-exposed-widgets{
	position: relative;
}
.views-exposed-widget.views-reset-button{
	width: auto;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -190px;
}
.views-exposed-widget.views-reset-button button{
	font-size: 0;
	border-radius: 0;
	border: none;
	outline: none;
	width: 50px;
	height: 50px;
	background: #45474d url("../img/reset.png") center no-repeat;
}
.views-exposed-widget.views-reset-button button:hover{
	background: #005d75 url("../img/reset.png") center no-repeat;
}
.elasticsearch .album{
	width: 49.8%;
	vertical-align: top;
	background: #fff;
	display: none;
}
.elasticsearch.el_album .album{
	display: inline-block;
}
.elasticsearch .album img{
	max-height: 435px;
}
.elasticsearch .album .oeuvre_title{
	border-bottom: none;
}
.elasticsearch .album .content_grid{
	border: none;
}
.elasticsearch .not_displ{
	display: none !important;
}
.height_auto{
	height: auto !important;
}
.elasticsearch .dropdown-menu li a{
	color: #fff;
}
.anim_act_block{
	clear: both;
	display: block;
	padding-top: 30px;
}
.anim_act_block strong{
	cursor: pointer;
}
.checker_block{
	width: 32px;
	height: 15px;
	background: #e9e4e4;
	border: 1px solid #d1d1d1;
	border-radius: 13px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	cursor: pointer;
}
.checker{
	position: absolute;
	left: 1px;
	right: auto;
	top: 0;
	height: 13px;
	width: 13px;
	background: #005d75;
	border-radius: 13px;
}
.checker.with{
	right: 0;
	left: auto;
}
#edit-animation-wrapper{
	display: none;
}
@media screen and (min-width: 801px) and (max-width: 1280px){
	.elasticsearch .album img{
		max-height: 370px;
	}
}
.spn_1, .spn_2, .spn_3{
	color: #005d75;
}
/*-----------------------------------------------------------------------------------------*/
/*-----------------------------------------Contact-----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
#node-130{
	clear: both;
}
#node-130 .field-label{
	display: none;
}
#node-130 p{
	font-size: 1.1em;
	margin: 15px 0;
}
#node-130 p.description{
	font-size: 1em;
	margin: 0;
	padding: 0 100px;
}
#node-130 p:nth-child(2){
	padding-top: 20px;
}
#node-130 p.description:last-child{
	padding-bottom: 20px;
}
#node-130 input, 
#node-130 select, 
#node-130 textarea{
	background: #e9e4e4;
	border-radius: 0;
	border: none;
	font-family: "Arial";
	font-size: .875em;
	color: #44414c;
	box-shadow: none;
	height: 50px;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 6px 12px;
	width: 100%;
	margin: 0;
}
#node-130 textarea{
	height: auto;
}
#node-130 option{
	background: #fff;
}
#node-130 select{
	background: #E9E4E4 url("../img/select_arrow.png") 98% center no-repeat;
	font-style: italic; 
}

#node-130 .form-item.webform-component{
	padding: 1em 1.2em 0 0;
}
#node-130 .form-item.webform-component label{
	display: none;
}
#node-130 ::-webkit-input-placeholder {
	color: #44414c !important;
}
#node-130 ::-moz-placeholder {
	color: #44414c !important;
}
#node-130 :-ms-input-placeholder {
	color: #44414c !important;
}
#node-130 :-moz-placeholder {
	color: #44414c !important;
}
#node-130 .vous_etes{
	width: 24%;
	clear: both;
}
#node-130 .name,
#node-130 .first_name,
#node-130 .courriel{
	width: 49%;
	float: left;
}
#node-130 .name{
	margin-right: 2%;
}
#node-130 .courriel,
#node-130 .message{
	clear: both;
}
#node-130 button{
	font-family: "Arial";
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	background: #45474d;
	text-transform: uppercase;
	border-radius: 0;
	border: none;
	height: 50px;
	padding: 0 50px;
	margin: 30px auto;
	display: block;
	min-width: 300px;
}
#node-130 button:hover {
	background: #005d75;
}
#node-130 .vous_etes select{
	background: #E9E4E4 url("../img/select_arrow.png") 94% center no-repeat;
}

@media only screen and (max-width: 800px){
	#node-130 .name,
	#node-130 .first_name,
	#node-130 .courriel{
		width: 100%;
	}
	#node-130 .vous_etes,
	#node-130 select{
		width: 100%;
	}
	#node-130 .vous_etes select{
		background: #E9E4E4 url("../img/select_arrow.png") 98% center no-repeat;
	}
	#node-130 form{
		width: 100%;
		margin: 0;
	}
	#node-130 .form-item.webform-component{
		padding-right: 0 !important;
	}
	#node-130 p.description{
		padding: 0 40px;
	}
	#node-130 p:nth-child(2){
		padding-top: 20px;
	}
}
@media only screen and (max-width: 480px){
	#node-130 button{
		min-width: 240px;
	}
}

/*-----------------------------------------------------------------------------------------*/
/*----------------------------------------Comments-----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.accordeon.comment_block > a{
	display: inline-block;
	padding: 8px 20px;
	background: #005d75;
	color: #fff !important;
	float: right;
}
.accordeon.comment_block > a:hover{
	background: #45474D;
}
.accordeon.comment_block .autor{
	font-family: "Arial";
	font-weight: bold;
	color: #000;
	margin: 15px 0 0;
}
.accordeon.comment_block .comment{
	border-bottom: 1px solid #6c6c6c;
	padding-bottom: 15px;
}
.field-name-field-site-web{
	display: none;
}
#comment-body-add-more-wrapper fieldset{
	display: none;
}
.accordeon.comment_block .btn{
	border-radius: 0;
	border: none;
	outline: none;
}
.accordeon.comment_block .btn#edit-preview{
	display: none;
}
.accordeon.comment_block .btn-primary{
	background: #005d75;
}
.accordeon.comment_block .btn-primary:hover{
	background: #45474D;
}
.accordeon.comment_block input[type="text"],
.accordeon.comment_block input[type="email"],
.accordeon.comment_block textarea{
	background: #e9e4e4;
	border-radius: 0;
	border: none;
	font-family: "Arial";
	font-size: .875em;
	color: #44414c;
	box-shadow: none;
	height: 50px;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.accordeon.comment_block textarea{
	height: auto;
}


/*-----------------------------------------------------------------------------------------*/
/*--------------------------------------Inscription----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.page-node-9118 .inscription, .webform-confirmation{
	max-width: 1080px;
    margin: 0 auto;
    background: #f3efef;
}
.inscription h1 {
    font-family: "dinmedium";
    font-size: 2.5em;
    color: #000;
    text-transform: uppercase;
    clear: both;
    margin: 20px auto;
}
.page-node-9118 .inscription h1, .webform-confirmation h1{
	text-transform:none;
	color: #005d75;
	margin: 0 auto;
    padding: 20px 0;
    background-color: #fff;
    font-family: "dinmedium";
    font-size: 2.5em;
}
.webform-confirmation p{
	padding: 30px 30px 0;
}
.page-node-9118 .webform-confirmation p:nth-child(2){
	padding: 0;
	margin: 0;
}
.page-node-9118 .webform-confirmation p:last-child{padding:0 30px 50px}
.page-node-9118 .links{display:none}
.webform-confirmation .link{background-color:#005d75;color:#fff;padding:8px 25px;margin:15px 0 0;display:inline-block;transition:all .4s;}
.webform-confirmation .link:hover{background-color:#45474d;transition:all .4s}
.page-node-9118 .inscription div p{font-size:16px}
.page-node-9118 .inscription div p, .page-node-9118 .inscription div.media, .webform-confirmation div.media{margin:0}
.page-node-9118 .inscription div.media, .webform-confirmation div.media{border-top:5px solid #005d75}
.page-node-9118 .inscription div.media img, .webform-confirmation  div.media img{width:100%!important}
.page-node-9118 .inscription div p:last-child{padding:40px 40px 30px}
.inscription_courriel label,
.inscription_conditions > label{
	display: none;
}
.inscription .webform-client-form{
	padding-left: 100px;
}
.page-node-9118 .inscription .webform-client-form{
	padding:0 40px 0;
}
.inscription .webform-submit{
	width: 100%;
	max-width: 300px;
	display: block;
	margin: 30px auto 0;
	font-family: "Arial";
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	background: #45474d;
	text-transform: uppercase;
	border-radius: 0;
	border: none;
	height: 50px;
	padding: 0 50px;
	outline: none;
}
.inscription .webform-submit:hover {
	background: #005d75;
}
.inscription input[type="email"]{
	width: 100%;
	max-width: 900px;
	padding: 0 10px;
	background: #e9e4e4;
	border-radius: 0;
	border: none;
	font-family: "Arial";
	font-size: .875em;
	color: #44414c;
	box-shadow: none;
	height: 50px;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 30px 0;
}
.page-node-9118 .inscription .inscription_courriel label{display:block;font-style:italic;}
.page-node-9118 .inscription input[type="email"]{
	margin:0;
	border:1px solid #000;
	background: #f3efef;
}
.page-node-9118 .inscription .form-group{margin-bottom:20px}
.page-node-9118 .inscription .checkbox{padding:0}
.page-node-9118 .inscription .form-group p:last-child{padding:0}
.page-node-9118 .inscription .webform-submit{max-width:250px;margin:30px 0;background:#005d75}
.page-node-9118 .inscription .webform-submit:hover{background:#45474d}
.page-node-9118 .inscription .webform-component--rgpd{padding:0 0 45px}
.page-node-9118 .inscription .webform-component--rgpd p{font-size:11px}
.page-node-9118 .inscription .form-group a{color:#005d75;font-weight:bold}
.page-node-9118 .inscription .form-group a:hover{color:#45474d}


/*-----------------------------------------------------------------------------------------*/
/*---------------------------------------Livre d'or----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.livre_dor{
	clear: both;
}
.livre_dor .grid-item {
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding: 10px 25px 40px 0;
	/* background: url('../img/livre_dor_com_bg.png') 90% bottom no-repeat; */
}
.livre_dor .arrow{
	width: 20px;
	height: 20px;
	background: url('../img/livre_dor_com_bg.png') center no-repeat;
	position: absolute;
	right: 45px;
	margin-top: -1px;
	z-index: 3;
}
.livre_dor .comment{
	background: #f8f8f8;
	border: 1px solid  #eee;
	padding: 15px 20px 5px;
	font-family: "Arial";
	font-size: 16px;
	overflow: hidden;
}
.livre_dor .comment_auteur{
	padding-left: 10px;
}
.livre_dor .comment_auteur,
.livre_dor .comment_date{
	color: #747373;
	float: right;
	text-align: right;
}
.livre_dor .comment_body{
	margin-bottom: 5px;
}
.livre_dor .comment_body a{
	background:none;
	color: #005d75;
	padding:0;
	float: none;
	margin:0;
	font-weight: bold;
}
.livre_dor .comment_body a:hover{
	background: none;
	text-decoration: underline;
}
.livre_dor a{
	display: inline-block;
	padding: 8px 20px;
	background: #005d75;
	color: #fff;
	float: right;
	margin-top: -38px;
}
.livre_dor a:hover{
	background: #45474D;
}
.navigation.livre li{
	margin: 0 3px;
}
.comment-form{
	clear: both;
}
.page-comment input[type="text"], 
.page-comment input[type="email"], 
.page-comment textarea {
	background: #e9e4e4;
	border-radius: 0;
	border: none;
	font-family: "Arial";
	font-size: .875em;
	color: #44414c;
	box-shadow: none;
	height: 50px;
	cursor: pointer;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.page-comment .form-item-homepage{
	display: none;
}
.page-comment .btn-primary {
	background: #005d75;
}
.page-comment .btn {
	border-radius: 0;
	border: none;
	outline: none;
}
.page-comment-reply-15137 .comment-form{
	position: fixed;
	left: 10%;
	top: 15%;
	height: auto;
	max-height: 70%;
	min-height: 515px;
	width: 80%;
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
	z-index: 920;
	border: 1px solid #E9E4E4;
	box-shadow: 0 0px 7px rgba(32, 32, 32, 0.43);
	overflow-y: auto;
}
.page-comment-reply-15137 .comment-form > div{
	height: 100%;
	overflow-y: auto;
}
.bg_comment{
	position: fixed;
	z-index: 900;
	background: rgba(0, 0, 0, 0.36);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
}
.page-comment-reply-15137 #cke_1_contents{
	height: 120px !important;
}
.page-comment-reply-15137 #edit-preview{
	display: none;
}
.page-comment-reply-15137 #comment-form .form-textarea{
	height: 150px;
}
@media only screen and (max-width: 800px){
	.livre_dor .grid-item{
		width: 50%;
	}
}
@media only screen and (max-width: 480px){
	.livre_dor .grid-item{
		width: 100%;
		padding-right: 0;
	}
	.livre_dor a{
		margin-top: 0;
	}
	.page-comment-reply-15137 .comment-form{
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
		left: 0;
		top: 0;
		margin: 0;
		max-height: 100%;
	}
}
/*-----------------------------------------------------------------------------------------*/
/*---------------------------------------Newsletters---------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.newsletter_page{
	clear: both;
	overflow: hidden;
}
.newsletter_page .left_part_newsletter{
	width: 260px;
	float: left;
}
.newsletter_page .left_part_newsletter ul{
	padding: 0;
	margin: 0;
}
.newsletter_page .left_part_newsletter li{
	list-style: none;
}
.newsletter_page .left_part_newsletter a{
	display: block;
	border: 1px solid #e9e4e4;
	width: 100%;
	padding: 10px 25px;
	border-bottom: none;
}
.newsletter_page .left_part_newsletter a:hover{
	color: #fff;
	background: #005d75;
}
.newsletter_page .left_part_newsletter li:last-child a{
	border-bottom: 1px solid #e9e4e4;
}
.newsletter_page .right_part_newsletter{
	width: calc(100% - 290px);
	float: left;
	margin-left: 20px;
	overflow: hidden;
	position: relative;
}
.newsletter_page .right_part_newsletter .sabonner{
	display: inline-block;
	width: 100%;
	padding: 10px 25px;
	float: right;
	color: #fff;
	background: #005d75;
}
.newsletter_page .right_part_newsletter .sabonner:hover{
	color: #fff;
	background: #45474d;
}
.newsletter_page .right_part_newsletter h2.title{
	margin: 0 0 20px;
}
.newsletter_page .title{
	font-family: "dinmedium";
	font-size: 2.5em;
	color: #000;
	text-transform: uppercase;
	clear: both;
	margin: 20px auto;
}
.newsletter_page .left_part_newsletter strong{
	padding: 0 0 10px 25px;
}

.edu_download{
	position: absolute;
	right: 25px;
	top: 30px;
	width: 57px;
	height: 57px;
	background: url("../img/edu_download.png") center no-repeat;
}
.home_slider .edu_download{
	right: 0;
	top: 0;
	z-index: 20;
}
.elasticsearch .edu_download{
	z-index: 20;
}

.get_newsletter{
	font-family: "Arial";
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	background: #45474d;
	text-transform: uppercase;
	border-radius: 0;
	border: none;
	height: 50px;
	line-height: 50px;
	width: 250px;
	text-align: center;
	display: block;
	margin: 40px auto 0;
}
.get_newsletter:hover,
.get_newsletter:active,
.get_newsletter:visited{
	background: #005d75;
	color: #fff;
}

h2.export_doc{
	font-family: "din_blackregular";
	font-size: 1.625em;
	color: #005d75;
	text-transform: uppercase;
	margin: 45px auto 25px;
	padding-top: 15px;
}
.export_doc{
	clear: both;
}
ul.export_doc{
	padding: 0;
}
.export_doc li{
	list-style: none;
}
.export_doc li a{
	font-family: "dinmedium";
	font-size: 1.2em;
	color: #000;
	padding: 6px 15px;
	background: #fff;
	border: 1px solid #ddd;
	display: block;
	border-bottom: none;
}
.export_doc li:last-child a{
	border-bottom: 1px solid #ddd;
}
.export_doc li a:hover{
	background: #005d75;
	color: #fff;
}

@media only screen and (max-width: 1280px){
	.gallery .main_img img{
		max-width: 100%;
	}
	.gallery .title{
		padding: 15px 112px 10px 0;
		width: 100%;
		position: relative;
		line-height: 1.1em;
	}
	.gallery .title .nav_icons{
		position: absolute;
		right: 0;
		top: 20px;
	}
  .content_album .grid-item, .edu .grid-item, .view_type_1 .grid-item{
  	padding: 0 10px 40px 10px;
  }
  .fiche_content .compare ul li .preview img{
  	max-width: 130px;
  }
}
@media only screen and (max-width: 900px){
	.gallery.active{
    position: relative !important;
    top: auto !important;
    width: auto !important;
  } 
	.inscription .webform-client-form{
		padding: 0 20px;
	}
	.top_content .logo img{
		max-width: 80%;
		margin: 0 auto;
	}
	.logo span{
		margin-left: 32%;
		max-width: 65%;
	}
	.fiche_content .compare ul li{
		width: 50%;
		padding-right: 0;
	}
	.fiche_content .compare ul li:nth-child(odd){
		padding-right: 20px;
	}
	.fiche_content .bl_left{
		width: 100%;
	}
	.fiche_content .bl_right{
		width: 100%;
	}
	.gallery .title{
		font-size: 1.9em;
	}
	.gallery .main_img img{
		width: 100% !important;
	}
	.fiche_content .bl_right .top_info h2{
		font-size: 2.8em;
	}
	.fiche_content .bl_right .top_info .author + p{
		margin: 0;
	}
	div.accordeon{
		padding: 20px !important;
	}
	.fullscreen_mode img{
		max-width: 90%;
	}
	.gallery .main_img .information{
		font-size: 1.2em;
	}
	.gallery .gallery_preview li{
		margin-right: 5px;
	}
	.content_album p{
		margin: 0 0 5px;
	}
}
@media only screen and (max-width: 850px){
	.top_content{
		margin-top: 15px;
	}
	.logo span{
		display: none;
	}	
	.fiche_content .compare ul li .preview img{
		max-width: 100px;
	}
	.fiche_content .compare ul li .preview{
		min-height: 141px;
		margin-bottom: 20px;
	}
	.gallery .gallery_preview li{
		margin-right: 2px;
	}
	.popup_content .description p{
		max-height: 300px;
	}
	.views-exposed-form{
		width: 100%;
	}
	.views-exposed-form .views-exposed-widget{
		width: 100%;
	}
	.views-exposed-widget.views-reset-button{
		width: auto;
	}
	.elasticsearch .album{
		width: 100%;
		min-height: auto;
	}
	.selection_home .content_grid p{
		padding: 0 5px 20px;
	}
	.elasticsearch{
		overflow: hidden;
		clear: both;
	}
	.gallery .main_img img:hover{
		opacity: 1 !important;
	}
	.zoom_img_block{
		display: none;
	}
	.les_partenaires a{
		margin: 0;
	}
	.fullscreen_mode .btn_close{
		right: 60px;
		z-index: 1000;
	}
}
@media only screen and (max-width: 767px){
	.responsive_menu{
		display: block;
		color: #fff;
		position: relative;
	}
	.responsive_menu .title{
		font-family: 'rockwellbold';
		font-size: 1.6em;
		text-transform: uppercase;
		padding: 20px 50px;
		background: #005d75 url("../img/btn_menu_resp.png") 20px center no-repeat;
	}
	.responsive_menu .title.opened{
		background: #005d75 url("../img/close_menu.jpg") 20px center no-repeat;		
	}
	.responsive_menu_content{
		background: #0f6e86;
		overflow: hidden;
		display: none;
		transition: none;
		position: absolute;
		z-index: 100;
		padding: 0 30px 0;
	}
	.responsive_menu_content .mmenu{
		margin-bottom: 20px;
		padding-bottom: 15px;
		border-bottom: 1px solid #fff;
	}
	.responsive_menu_content ul{
		margin: 0;
		width: 100%;
	}
	.responsive_menu_content ul li{
		font-family: 'rockwellbold';
		font-size: 1.4em;
		letter-spacing: 1px;
		text-transform: uppercase;
		width: 100%;
		float: left;
	}
	.responsive_menu_content ul li.edutheque{
		font-family: "Calibri";
		font-size: 2em;
		font-weight: bold;
		text-transform: none;
	}
	.responsive_menu_content ul li a{
		padding: 20px 0;
		color: #fff;
	}
	.responsive_menu_content .langue_bl{
		float: left;
		width: 100%;
	}
	.responsive_menu_content .langue_bl ul{
		padding: 0;
		margin: 0;
		list-style: none;
		border-top: none;
		overflow: hidden;
	}
	.responsive_menu_content ul.secondary li{
		font-family: "Arial";
		text-transform: none;
	}
	.responsive_menu_content .langue_bl li{
		width: auto;
		font-family: "Arial";
	}
	.responsive_menu_content .langue_bl ul li a{
		margin: 0;
		width: 100%;
		display: inline-block;
		color: #fff;
		padding: 0;
		margin: 30px 20px 10px 0;
	}
	.social_btns{
		position: absolute;
		top: 37px;
		right: 20px;
	}
	.social_btns .twitter{
		font-size: 2em;
		margin-top: -25px;
	}
	.social_btns .rss{
		font-size: 1.3em;
		margin-left: -35px;
	}
	.responsive_menu .social_btns{
		display: none;
	}
}
@media only screen and (max-width: 480px){
	.inscription .webform-client-form{
		padding: 0;
	}
	.fiche_content .compare ul li .preview{
		min-height: auto;
	}
	.fiche_content .compare ul li{
		width: 100%;
	}
	.fiche_content .compare ul li:nth-child(odd){
		padding-right: 0;
	}
	.gal_padding {
    padding: 15px 10px 10px 10px;
	}
	.gallery .title{
		font-size: 1.4em;
		padding: 55px 0 0px 0;
	}
	.gallery .gallery_preview li{
		width: 22%;
	}
	.fiche_content .bl_right .top_info h2{
		font-size: 1.8em;
	}
	.fiche_content .bl_right .top_info{
		padding: 15px 10px 10px;
	}
	.fiche_content .compare ul li .title{
		height: auto;
		padding-bottom: 15px;
	}
	.addthis_toolbox{
		margin-top: 20px;
	}
	.search-form .word{
		margin-left: 5%;
	}
	.gal_popup{
		width: 90% !important;
		left: 5% !important;
	}
	.gal_popup img{
		max-width: 100% !important;
	}
	.gal_popup audio, .gal_popup video{
		width: 100% !important;
	}
	.anim_content_1 .preview_title{
		font-size: 1.6em !important;
		margin-top: -38px !important;
	}
	.popup_content .description p{
		max-height: 100%;
	}
	.gal_popup video{
		max-height: 195px;
	}
	.views-exposed-form .views-exposed-widget .form-submit{
		width: 100%;
	}
	.views-exposed-widget.views-reset-button{
		left: 0;
		margin-left: 0;
		width: 70px;
	}
	.elasticsearch .simple_nav .titre{
		font-size: 1.2em;
	}
	.selection_home .content_grid p {
    padding: 0 25px 20px;
	}
	.elasticsearch .selection_home img {
    padding: 30px 0 15px;
    margin: 0 auto;
	}
	.elasticsearch .selection_home .album .oeuvre_title{
		padding: 0 0 10px;
	}
	.elasticsearch .selection_home .album .content_grid .title{
		padding: 10px 0 5px;
	}
	.elasticsearch .selection_home .album .content_grid{
		padding-bottom: 10px;
	}
	.views-exposed-form .views-exposed-widget{
		padding-right: 0;
	}
	.fullscreen_mode .btn_close{
		right: 20px;
	}
	.gallery .main_img .information{
		padding: 45px 20px 20px;
	}
	.gallery .main_img .information .close_info{
		right: 20px !important;
		top: 15px !important;
		font-size: .8em;
	}
	.gallery .main_img .information p{
		font-size: .8em;
		line-height: 1em;
	}
	.popup_for_copy{
		right: 0;
	}
	.popup_for_copy p{
		max-width: 270px;
	}
}
@media only screen and (max-width: 360px){
	.responsive_menu .title{
		font-size: 1em;
		background: #005d75 url("../img/btn_menu_resp.png") 15px center no-repeat;
	}
	.responsive_menu .title.opened{
		background: #005d75 url("../img/close_menu.jpg") 15px center no-repeat;
	}
	.responsive_menu_content ul li{
		font-size: 1.125em;
	}
	.responsive_menu_content ul li a{
		padding: 10px 0;
		font-weight: normal;
	}
	.responsive_menu_content{
		padding: 10px 15px 15px;
	}
	.responsive_menu_content .langue_bl ul li a{
		margin: 10px 20px 0 0;
		font-size: 0.875em;
		font-family: "Arial";
		font-weight: normal;
	}
	.top_content{
		margin: 20px auto;
	}
	.responsive_menu_content ul.secondary li a{
		font-size: .9em;
	}
	.responsive_menu_content ul li.edutheque a{
		font-size: .7em;
		font-weight: bold;
	}
	.gallery .title{
		font-size: 1.1em;
	}
	.accordeon_type_2 .title_accordeon{
		font-size: 1.1em;
	}
}

.node-type-newsletters-albums td a, .node-type-newsletters td a{
	color: #005d75;
}
.page_simple p .link_edu,
.page_simple p .link_edu:hover{
	color: #fff !important;
}

/* modiff search */
.views-exposed-form .views-widget-filter-search_api_views_fulltext{width:100%}
/* .selection_home .content_grid .hover{left:25px} */
/* .front .selection_home .content_grid .hover{left:50%} */
.taxo_page{clear:both}
.taxo_page h1, .taxo_liste_page h1, .dates_representee h1, .selection_home h1{font-family:"dinmedium";color:#000;font-size:2.5em;line-height:1.2em;text-transform:uppercase;margin:0}
.taxo_page .taxo_head{margin:20px auto;border-bottom:4px solid #005d75;padding:0 0 20px}
.taxo_page .taxo_title, .dates_representee .taxo_title, .taxo_period .taxo_title, .selection_home .taxo_title{font-family:"rockwellregular";font-size:1.2em;margin-top:20px;}
.taxo_page .taxo_field{display:inline-block;width:calc(50% - 4px);font-family:"rockwellregular";font-size:1.2em;color:#2c3032}
.taxo_page .taxo_field span{color:#005d75}
.taxo_page .description{border-bottom:4px solid #005d75;padding:0 0 20px;margin-bottom:20px}
.taxo_period #timeline .title h1, .taxo_theme #timeline .title h1{font-size:1em;line-height:1em;margin-bottom:20px;font-family:"rockwellbold";color:#005d75}
.taxo_period .taxo_title, .selection_home .taxo_title{margin-bottom:20px}

.taxo_liste_page .grid{padding:20px 0;overflow:hidden}
.taxo_liste_page .grid-item{width:20%;float:left;box-sizing:border-box;padding:0 5px 10px 5px}
.taxo_liste_page .content_grid{border:1px solid #efefef;box-sizing:border-box;padding:20px;background:#f8f8f8;position:relative}
.taxo_liste_page .content_grid h3{margin:0 0 5px;font-family:"dinbold";font-size:1.4em;color:#000}
.taxo_liste_page .content_grid a, .dates_representee .content_grid a{font-family:"dinbold"}
.taxo_liste_page .content_grid a:hover{color:#005d75}
.dates_representee .content_grid a{color:#000}
.dates_representee .content_grid a:hover{color:#005d75}
.dates_representee .grid{padding:20px 0 0;overflow:hidden}
.dates_representee .grid-item{width:20%;box-sizing:border-box;padding:0 10px 10px 0;display:inline-block}
.dates_representee .content_grid{border:1px solid #efefef;box-sizing:border-box;padding:20px;background:#f8f8f8}
.dates_representee .grid-item.disable{opacity:0.3}
.dates_representee .grid-item.disable h3{font-family:"dinbold";color:#000}
.dates_representee .grid h2{margin-bottom:20px}

.dates_representee .grid-item{width:auto}
.dates_representee .content_grid{padding:15px 40px}
.dates_representee .content_grid h3{margin:0}
.dates_representee.date_page .grid-item{width:20%}
.taxo_liste_page .content_grid h3 a:hover, .dates_representee .content_grid h3 a:hover{color:#005d75}
.selection_home .chapo, .selection_home span{padding: 0 25px 20px;}
.voir_tous{font-family:"dinbold";font-size:1.4em;color:#005d75}
.hors_series_page .content_grid{min-height: 440px}
.page-periodes .grid-item:last-child{display:none}
.page-periodes .grid-item h3{text-align:center}

.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout::after, .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p.tl-headline-fadeout::after{background:none!important}
.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout::after{background:none}

h1.video_title {font-family: "dinmedium";color: #000;font-size: 2.5em;line-height: 1.2em;text-transform: uppercase;margin: 0;}
.header_video{margin:20px 0} 
.selection_home .content_grid .img-container{position: relative;margin:30px 25px 15px}
.selection_home .content_grid .hover.video, .anim_content .hover.video{opacity:1;background:transparent;left:0;right:0;bottom:0;top:0;width: 100%;}
.selection_home .content_grid:hover .hover.video{background: rgba(0, 0, 0, 0.4) center no-repeat;}
.selection_home .content_grid .hover.video:before, .anim_content .hover.video:before{content:'\e80c';font-family:'fontello';background-color:#fff;padding:3px 7px 4px 12px;border-radius: 100%;font-size: 22px;height: 40px;width: 40px;left: 0;right: 0;top: 0;bottom: 0;position: absolute;margin: auto;border:2px solid #fff;transition:all .4s;}
.selection_home .content_grid:hover .hover.video:before{background:transparent;color:#fff}
.selection_home.video .content_grid{padding-bottom:20px}
.selection_home.vide .content_grid .title{padding:0 25px}
.main_navigation ul li:nth-child(5) a:before{content:'\e80c';font-family:'fontello';padding:0 8px 0 0;font-size: 18px;margin: auto;transition:all .4s;}
.main_navigation ul.dropdown-menu li:nth-child(5) a:before{display:none;}
#edit-field-mentions-rgpd-und-0-value{display:none;}
.help-block a{text-decoration:underline;font-weight:bold}
.help-block a:hover{color:#005d75}

@media only screen and (max-width: 800px){
	.taxo_liste_page .grid-item, .dates_representee.date_page .grid-item{width:25%}
	.dates_representee .content_grid{padding:15px 37px}
}
@media only screen and (max-width: 600px){
	.taxo_liste_page .grid-item, .dates_representee.date_page .grid-item{width:33%}
}
@media only screen and (max-width: 480px){
	.taxo_liste_page .grid-item, .dates_representee.date_page .grid-item{width:50%}
	.dates_representee .content_grid{padding:15px 47px}
	.dates_representee .grid-item{padding:0 5px 10px 5px}
}
@media only screen and (max-width: 360px){
	.taxo_liste_page .grid-item, .dates_representee.date_page .grid-item{width:100%}
}
@media print{
	.taxo_page .breadcrumb{display:none}
}