/* FontFace */

@font-face {
    font-family: 'GothamBookRegular';
    src: url('../typos/gotham-book-webfont.eot');
    src: url('../typos/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typos/gotham-book-webfont.woff') format('woff'),
         url('../typos/gotham-book-webfont.ttf') format('truetype'),
         url('../typos/gotham-book-webfont.svg#GothamBookRegular') format('svg');
}

@font-face {
    font-family: 'GothamBoldRegular';
    src: url('../typos/gotham-bold-webfont.eot');
    src: url('../typos/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typos/gotham-bold-webfont.woff') format('woff'),
         url('../typos/gotham-bold-webfont.ttf') format('truetype'),
         url('../typos/gotham-bold-webfont.svg#GothamBoldRegular') format('svg');
}

@font-face {
    font-family: 'GothamMedium';
    src: url('../typos/gotham-medium-webfont.eot');
    src: url('../typos/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typos/gotham-medium-webfont.woff') format('woff'),
         url('../typos/gotham-medium-webfont.ttf') format('truetype'),
         url('../typos/gotham-medium-webfont.svg#GothamMedium') format('svg');
}

@font-face {
    font-family:'OpenSans-Light';
    src:url('../typos/OpenSans-Light-webfont.eot');
    src:url('../typos/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typos/OpenSans-Light-webfont.woff2') format('woff2'),
         url('../typos/OpenSans-Light-webfont.woff') format('woff'),
         url('../typos/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../typos/OpenSans-Light-webfont.svg#OpenSans-Light') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'OpenSans-Regular';
    src:url('../typos/OpenSans-Regular-webfont.eot');
    src:url('../typos/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typos/OpenSans-Regular-webfont.woff') format('woff'),
         url('../typos/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../typos/OpenSans-Regular-webfont.svg#OpenSans-Regular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'OpenSans-semibold';
    src:url('../typos/OpenSans-semibold-webfont.eot');
    src:url('../typos/OpenSans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typos/OpenSans-semibold-webfont.woff2') format('woff2'),
         url('../typos/OpenSans-semibold-webfont.woff') format('woff'),
         url('../typos/OpenSans-semibold-webfont.ttf') format('truetype'),
         url('../typos/OpenSans-semibold-webfont.svg#OpenSans-semibold') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'FontAwesome';
    src:url('../typos/fontawesome-webfont.eot');
    src:url('../typos/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typos/fontawesome-webfont.woff2') format('woff2'),
         url('../typos/fontawesome-webfont.woff') format('woff'),
         url('../typos/fontawesome-webfont.ttf') format('truetype'),
         url('../typos/fontawesome-webfont.svg#FontAwesome') format('svg');
    font-weight:normal;
    font-style:normal;
}

* {
	box-sizing:border-box;
}

strong {
	font-family:'OpenSans-semibold',Verdana,sans-serif;
	font-weight:normal;
}

sup, sub {

    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
    position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

/* Générique */
a {
	outline:none;
	text-decoration:underline;
	color:#000;
	cursor:pointer;
	/*! font-family:'OpenSans-Regular',sans-serif; */
	transition:all 0.2s ease 0s;
}
a:hover {
	text-decoration:none;
}

a img
{
	border:none;
}

ul
{
	margin: 15px 0;
}

li
{
	list-style-position: outside;
	margin:0 0 10px 0;
}

h1
{
	font: 4em/1.1em 'GothamBoldRegular',Verdana,sans-serif;
	margin: 10px 0;
	overflow:hidden;
	color: #000;
}

h2
{
	font: 1.4em 'GothamBoldRegular', Verdana, sans-serif;
	margin: 0 0 12px;
	overflow:hidden;
}

h3 {
    font: 1.3em "GothamMedium",Verdana,sans-serif;
    margin: 0 0 5px;
}

h4 {
    font: 1em/1.4em "GothamBookRegular",Verdana,sans-serif;
    margin: 0 0 5px;
}

hr
{
	margin:10px 0;
	border:none;
	color:#242424;
	background:#242424;
	height:1px;
}

div.clear
{
	clear:both;
}

body, html {
	text-align:left;
	margin:0;
	padding:0;
	font-family: 'OpenSans-Light',Verdana,sans-serif;
    font-size: 16px;
	line-height: 1.45em;
	color:#242424;
	background-color:#fff;
	width:100%;
}

body.menu_opened {
	overflow:hidden;
}

#myscrollworldfuckusafari {
    height: 100%;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

div#flap_loader {
    background: #fff url('../imgs/diamant.png') center center no-repeat;
    height: 100%;
    position: fixed;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
    z-index: 1000;
	top:0;
    transition: all 0.2s ease-in-out 0.2s;
	opacity:1;
}
.loaded div#flap_loader {
	top:-100%;
	opacity:0;
}
div#flap {
    background: #1a1a1a none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
    z-index: 1000;
}
div.flap_closed {
    top: -100%;
}
div.flap_opened {
    top: 0;
}
div#flap_content {
    background: #ffffff none repeat scroll 0 0;
    left: 100%;
    min-height: 100%;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 1001;
}
div.content_inv {
    top: 0;
}
div.content_vis {
    top: 0;
}
div#flap_controls {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    height: 58px;
    position: fixed;
    width: 100%;
}
a.flap_bt {
    display: block;
    height: 50px;
    position: absolute;
    width: 50px;
	background: rgba(0, 0, 0, 0.8);
	text-align:center;
	font:17px/50px "FontAwesome";
	color:#fff;
	text-decoration:none;
}
a#prevFlapFS {
    right: 58px;
    top: 4px;
}
a#prevFlapFS:before {
   content:"\f053";
}
a#nextFlapFS {
    right: 4px;
    top: 4px;
}
a#nextFlapFS:before {
   content:"\f054";
}
div#flap_wrapper {
    margin:130px auto 100px;
    position: relative;
    width: 100%;
}
div#flap_titre {
    font: 1em/1em "opensans-semibold";
    margin: 0 0 0 75px;
    position: fixed;
    top: 21px;
}

div#page {
    height: 100%;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    text-align: left;
    width: 100%;
	transition:all 0.2s ease-in-out 0s;
	visibility: collapse;
}
.loaded #page {
	visibility:visible;
}

	div#main
	{
		-webkit-filter: none;
		-moz-filter: none;
		-o-filter: none;
		-ms-filter: none;
		filter: none;
		font-size:1em;
		line-height: 1.65em;
	}
	.page_menu_opened div#main {
		-webkit-filter: blur(2px);
		-moz-filter: blur(2px);
		-o-filter: blur(2px);
		-ms-filter: blur(2px);
		filter: blur(2px);
		font-size: 1em;
	}
			
			div#centercol {
				margin: 0;
				padding: 0;
			}
			div#bottomcol {
				margin: 70px auto 0;
			}
			
			div.wrapper_1000 {
				max-width:980px;
				margin:0 auto;
			}
			div.wrapper_center {
				text-align:center;
			}
			
			.w_1020 {
				margin-left: auto;
				margin-right: auto;
				max-width: 980px;
			}
			
/* MENU HORIZONTAL HAUT */
div#leftmenu
{
	float:left;
}
div#rightmenu {
	position:absolute;
	right:0;
	bottom:-10px;
	display:none;
}

div.toptools, div.bottomtools {
	max-width:980px;
	margin:35px auto 50px;
	/*! border-bottom: solid 2px #242424; */
	/*! padding: 0 0 15px; */
}

div.menu {
	margin: 0;
	display: inline-block;
	width: 70%;
}

ul.rubrique_menu {
	padding:0;
	margin:100px 0 0;
}

li.li_rubrique_menu {
    display: inline-block;
    list-style: outside none none;
    margin: 0 0 4px;
}
li.hide_my_li {
	display:none;
	opacity:0;
	visibility:hidden;
}

a.a_rubrique_menu {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #000;
    color: #000;
    display: inline-block;
    font: 0.9em "GothamBookRegular",Verdana,sans-serif;
    padding: 8px 12px;
    text-decoration: none;
	transition:all 0.2s ease-in-out 0s;
	-moz-transition:all 0.2s ease-in-out 0s;
	-webkit-transition:all 0.2s ease-in-out 0s;
	-ms-transition:all 0.2s ease-in-out 0s;
}
a.a_rubrique_menu:hover {
	background: #000;
	color:#fff;
}

img.li_rubrique_menu_pic {
	display:none;
}

ul.global_menu
{
	margin:0;
	padding:0;
	list-style-type: none;
}
	li.bouton_menu
	{
		display:none;
	}
	li.bouton_menu_m
	{
		display:none;
	}
	li.bouton_menu:hover, li.bouton_menu_m:hover
	{
		color:#000;
	}
	li.bouton_menu_m:hover > ul.sous_menu
	{
		display: block;
	}
	
	a.a_bouton_menu {
		background: #242424 none repeat scroll 0 0;
		color: #ffffff;
		display: block;
		font: 0.8em "GothamBookRegular";
		height: 35px;
		padding: 12px 8px 8px;
		text-decoration: none;
	}
		li.bouton_menu_m a.a_bouton_menu
		{
			padding-right:18px;
			background-image:url('../imgs/menu_plus_blc.png');
			background-position:right 12px;
			background-repeat:no-repeat ;
		}

			ul.sous_menu {
				display: block;
				margin: 0;
				overflow: hidden;
				padding: 0;
				text-align: left;
			}

			li.bouton_sous_menu {
				color: #242424;
				display: block;
				margin: 0 20px 4px 0;
				padding: 0;
			}
				a.a_bouton_sous_menu {
					/*! border-bottom: 1px solid #000; */
					color: inherit;
					display: inline-block;
					line-height: 1em;
					margin: 0;
					padding: 0 0 4px;
					text-decoration: none;
					transition: all 0.2s ease 0s;
					text-decoration: underline;
					font-size: 0.9em;
				}
				a.a_bouton_sous_menu:hover
				{
					/*! border-bottom: 1px solid transparent; */
					text-decoration: none;
				}


				a.choosen_one::before {

						font: 0.9em/1em 'fontAwesome';
						padding: 0 5px 5px 0;
						/*! content: "\f061"; */

						font-weight: 300;
				}

				a.choosen_one {
					text-decoration: none;
					font: 0.9em/1em 'OpenSans-Regular', sans-serif;
				}
				
				li.test a.a_bouton_menu
				{
					color:#484848;
					background:transparent;
				}
				li.test_m {
					display:block;
					/*! margin:0 0 75px; */
				}

				li.test_m a.a_bouton_menu {
					display: none;
				}

				a.a_bouton_menu:hover
				{
					color:#242424;
					background:#fff;
				}

		select.select_vis {
			font: 1em/1.3em "GothamBookRegular",Verdana,sans-serif;
			margin: 0 0 55px;
			padding: 5px;
		}
		select.select_inv {
			display:none;
			visibility:hidden;
			opacity:0;
		}
		option {
			font: 1em/1.6em "GothamBookRegular",Verdana,sans-serif;
			padding: 5px;
		}
			
/* SPECIAL */
a.special_black {
    border: 1px solid #141414;
    display: inline-block;
    line-height: normal;
    padding: 10px 40px;
    text-decoration: none;
    text-transform: inherit;
    transition: all 0.2s ease-in-out 0s;
	position:relative;
}
a.special_black:hover {
    background: #141414 none repeat scroll 0 0;
    color: #fff;
}			
/* SKINED */
a.skin {
	background-color:#fff;
	margin-bottom: 18px;
	margin-right:-1px;
}
a.skin:hover {
	text-decoration:none;
	/*border-bottom:none;*/
}
a.skin_next:before {
	font-family:'fontawesome';
	font-size: 21px;
	content:"\f054";
	position:absolute;
	right:10px;
	top: 10px;
	
}
a.skin_next {
	padding:10px 45px 10px 15px;
}
a.skin_prev:before {
	font-family:'fontawesome';
	font-size: 21px;
	content:"\f053";
	position:absolute;
	left:10px;
	top: 10px;
	
}
a.skin_prev {
	padding:10px 15px 10px 45px;
}
a.skin_list:before {
	font-family:'fontawesome';
	font-size: 21px;
	content:"\f0c9";
	position:absolute;
	left:10px;
	top: 10px;
	
}
a.skin_list {
	padding:10px 15px 10px 45px;
}

a.skin_plus {
	background:url('../imgs/micro-plus.png') no-repeat left center;
	padding:0 40px;
}


/* Les BOXES */

/* Section Titre */


div.section_titre_box {
    margin: 0 auto 12px;
    max-width:980px;
}

	h2.titre_box
	{
		border-bottom: 1px solid #fff;
		margin: 0;
		padding: 0 0 6px;
	}
	
	.grey h2.titre_box {
		border-bottom: 1px solid #999;
	}

	h2.titre_box_legend
	{
		margin: 0 0 8px;
	}
	
	span.legend_box
	{
		font-size:0.8em;
		line-height:1.3em;
		display:block;
		color:#484848;
		padding: 0 0 20px;
	}
	
/* BOX GALERIE */


img.fs_capable {
    cursor: pointer;
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}
img.fs_capable:hover {
    opacity: 0.9;
}

div.box_galerie {
    background: #ffffff none repeat scroll 0 0;
    margin: 0 auto 55px;
    overflow: hidden;
	text-align:left;
	line-height: 0;
}
	div.box_galerie_rail {
		background: #ffffff none repeat scroll 0 0;
		height: 333px;
		width: 10000%;
		text-align:left;
	}
		div.rail_centered {
			margin-left: auto;
			margin-right: auto;
		}
	
		div.wrapper_img_galerie
		{
			padding:10px 0;
		}
		
		div.drawmin
		{
			margin: 10px 0 0;
			text-align:center;
			line-height:0;
		}
		
		a.min_select
		{
			margin:0 2px;
			display: inline-block;
			cursor:pointer;
			background:url('../imgs/enlarge_mini.png') no-repeat center center #00a3de;
		}
		a.min_select img
		{
			border:solid 1px #fff;
			width:100px;
		}
		div.box_galerie_img
		{
			text-align:center;
			line-height: 0;
			cursor:pointer;
			margin:0 auto;
		}

			div.box_image_legende {
				background: #ffffff none repeat scroll 0 0;
				color: #7c7c7c;
				font-size: 0.85em;
				
				margin: 0 auto;
				padding: 4px 0;
				text-align: center;
			}
						
			div.box_galerie_legende
			{
				text-align:center;
				font-size:0.85em;
				font-style:italic;
				color:#fff;
				padding:4px 0;
				margin:0 auto;
				line-height:1.6em;
			}

	div.vig_mode {
		display: inline-block;
		margin: 0;
		width: 25%;
	}
		div.vig_mode img {
			width: 100%;
			height: auto;
		}
		
		img.box_galerie {
			height:100%;
		}
	
/* BOX TITRE */
	

div.box_titre {
    border-bottom: 1px solid #fff;
    margin: 0 auto 0px;
    max-width:980px;
    padding: 75px 0 0;
	text-align: left;
}

	span.cat {
		border: 1px solid #242424;
		color: #242424;
		display: inline-block;
		font: 1.1em "GothamBookRegular",Verdana,sans-serif;
		padding: 8px 12px;
	}
		
		h1.h1_normal
		{
			margin: 10px 0;
			padding: 0;
		}
		
		h2.h2_normal
		{
			padding: 0;
			margin: 0 0 10px;
		}
	
/* BOX GENERIQUE LARGE */

div.box_generique_large {
    margin: 0 auto 55px;
}
	
	div.box_generique_large_text {
		display: inline-block;
		vertical-align: middle;
		width: 50%;
	}
	
	div.box_generique_super_large_text
	{
		display: inline-block;
		vertical-align: middle;
		width:75%;
	}
	
	div.forced_text_right {
		text-align: center;
		width: 100%;
	}
	
	div.box_generique_large_img_right {
		display: inline-block;
		max-width: 40%;
		text-align: center;
		vertical-align: middle;
		margin-left: 10%;
	}
	
	div.box_generique_large_img_left {
		display: inline-block;
		max-width: 40%;
		text-align: center;
		vertical-align: middle;
		margin-right: 10%;
	}

	div.box_generique_large_img_left_min {
		display: inline-block;
		max-width: 20%;
		text-align: center;
		vertical-align: middle;
		margin-right: 10%;
	}
	
	img.box_generique_large_img
	{
		width:100%;
	}

	div.grey {
		background: #f0f0f9 none repeat scroll 0 0;
		font-size: 1em;
		padding: 40px 20px;
	}

/* BOX LIEN LARGE */
div.box_lien_large {
    background: #ffffff none repeat scroll 0 0;
    line-height: 1.8em;
    margin: 0 auto 55px;
    max-width: 980px;
}

	ul.ul_link
	{
		margin:0;
		padding:0;
		text-align:left;
		line-height: 0;
	}
	
	/* TYPE a */
	li.marge_a
	{
		display: inline-block;
		margin: 0.2%;
		width: 49%;
	}
	li.no_marge_a
	{
		display: inline-block;
		margin: 0.2%;
		width: 49%;
	}
	a.box_lien_large_a
	{
		display:block;
		width:100%;
		background:#fff;
		text-decoration:none;
		overflow:hidden;
		line-height:0;
		position:relative;
	}
	div.box_link_mini img
	{
		width:100%;
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transition: all 4s ease-in-out 0s;
	}
	
	a.box_lien_large_a:hover div.infos_first
	{
		opacity:0;
		top:40%;
	}

	a.box_lien_large_a:hover div.infos_second
	{
		opacity:0;
	}
	a.box_lien_large_a:hover  img
	{
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
	}
	a.box_lien_large_a:hover div.gradient_link
	{
		opacity:0;
	}

	a.scrolled:hover span.scrolled
	{
		opacity:1;
	}
	
	div.gradient_link
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0;
		background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0;
		transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		-ms-transition: all 0.2s ease-in-out 0s;
	}

		div.content_box_lien_large_a
		{
			color: #ffffff;
			height: 100%;
			margin: 0;
			position: absolute;
			text-align: center;
			top: 0;
			width: 100%;
		}
			div.infos_first
			{
				opacity: 1;
				position: absolute;
				top: 50%;
				transform:translateY(-50%);
				-webkit-transform:translateY(-50%);
				-ms-transform:translateY(-50%);
				transition: all 0.2s ease-in-out 0s;
				-webkit-transition: all 0.2s ease-in-out 0s;
				-ms-transition: all 0.2s ease-in-out 0s;
				width: 100%;
			}
			div.infos_second
			{
				opacity: 0;
				position: absolute;
				top: 55%;
				transform:translateY(-50%);
				-webkit-transform:translateY(-50%);
				-ms-transform:translateY(-50%);
				transition: all 0.2s ease-in-out 0s;
				-webkit-transition: all 0.2s ease-in-out 0s;
				-ms-transition: all 0.2s ease-in-out 0s;
				width: 100%;
			}
				span.box_lien_large_categorie_a
				{
					border: 1px solid #ffffff;
					color: #ffffff;
					display: inline-block;
					font: 0.8em "GothamBookRegular",Verdana,sans-serif;
					margin: 0 0 9px;
					padding: 4px 12px;
				}

				span.box_lien_large_titre_a
				{
					display:block;
					font:1.4em "GothamBoldRegular",Verdana,sans-serif;
					color:#fff;
					padding:0;
					margin:0;
				}
				span.box_lien_large_desc_a, span.box_lien_large_desc_b
				{
					background: rgba(0, 0, 0, 0) url("../imgs/micro-arrow-down.png") no-repeat scroll center bottom;
					display: block;
					font: 1.2em/1.4em "GothamMedium",Verdana,sans-serif;
					padding: 0 0 40px;
					width: 100%;
				}

	/* TYPE b */
	li.marge_b
	{
		display: inline-block;
		margin: 0.1%;
		padding: 0;
		width: 33%;
	}
	li.no_marge_b
	{
		display: inline-block;
		margin: 0.1%;
		padding: 0;
		width: 33%;
	}
	a.box_lien_large_b
	{
		display: block;
		height: auto;
		line-height: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-decoration: none;
		width: 100%;
	}
	a.box_lien_large_b:hover div.infos_first
	{
		opacity:0;
		top:40%;
	}
	a.box_lien_large_b:hover div.gradient_link
	{
		opacity:0;
	}
	a.box_lien_large_b:hover img
	{
		transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-ms-transform:scale(1.2);
	}

		div.content_box_lien_large_b
		{
			height: 190px;
			position: absolute;
			text-align: center;
			top: 0;
			width: 100%;
		}
			span.box_lien_large_categorie_b
			{
				border: 1px solid #ffffff;
				color: #ffffff;
				display: inline-block;
				font: 0.8em "GothamBookRegular",Verdana,sans-serif;
				margin: 0 0 9px;
				padding: 4px 12px;
			}
			span.box_lien_large_titre_b
			{
				display:block;
				font:1.3em/1.2em 'GothamBoldRegular',Verdana,sans-serif;
				color:#fff;
				padding:0 10px;
				margin:0;
			}
			
	/* TYPE c */	
	li.marge_c
	{
		list-style-type:none;
		list-style-image:none;
		text-align: center;
		margin: 4px;
		display:inline-block;
	}

			
	/* TYPE d */
	li.marge_d
	{
		list-style-type:none;
		list-style-image:none;
		text-align: center;
	}
		
	/* TYPE e */
	li.marge_e, li.no_marge_e
	{
		margin:0 0 25px;
		padding:0;
		list-style-type:none;
		list-style-image:none;
	}
	a.box_lien_large_e 
	{
		display: block;
		line-height: normal;
		min-height: 200px;
		text-align: left;
		text-decoration: none;
	}
		a.box_lien_large_e img
		{
			height:200px;
			width:auto;
		}
		a.box_lien_large_e:hover img
		{
			transform:scale(1.2);
			-webkit-transform:scale(1.2);
			-ms-transform:scale(1.2);
		}
		a.box_lien_large_e .box_link_mini
		{
			height:200px;
			overflow:hidden;
		}
		a.box_lien_large_e  .content_box_lien_large_e
		{
			padding:0 0 0 240px;
		}
			a.box_lien_large_e  .infos_first
			{
				position:relative;
				transform:none;
				-webkit-transform:none;
				-ms-transform:none;
			}
				span.box_lien_large_categorie_e
				{
					display:inline-block;
					color:#141414;
					padding: 4px 12px;
					margin: 0 0 6px;
					border:solid 1px #141414;
					font: 0.8em "GothamBookRegular",Verdana,sans-serif;
				}
				span.box_lien_large_titre_e
				{
					display:block;
					color:#141414;
					font: 1.3em "GothamBoldRegular",Verdana,sans-serif;	
				}
			a.box_lien_large_e  .infos_second
			{
				position:relative;
				margin: 10px 0 0;
				transform:none;
				-webkit-transform:none;
				-ms-transform:none;
				opacity:1;
			}
				span.box_lien_large_desc_e 
				{
					color:#141414;
					font-size: 0.9em;
				}
				
			a.box_lien_large_e  .gradient_link
			{
				opacity:0.2;
			}
				
			a.box_lien_large_e:hover .gradient_link
			{
				opacity:0;
			}
			
	/* TYPE f */
	li.marge_f, li.no_marge_f
	{
		margin:0 0 25px;
		padding:0;
		list-style-type:none;
		list-style-image:none;
	}
	a.box_lien_large_f 
	{
		display: block;
		line-height: normal;
		min-height: 100px;
		text-align: left;
		text-decoration: none;
	}
		a.box_lien_large_f img
		{
			height:100px;
			width:auto;
		}
		a.box_lien_large_f:hover img
		{
			transform:scale(1.2);
			-webkit-transform:scale(1.2);
			-ms-transform:scale(1.2);
		}
		a.box_lien_large_f .box_link_mini
		{
			height:100px;
			overflow:hidden;
		}
		a.box_lien_large_f  .content_box_lien_large_f
		{
			padding:0 0 0 210px;
		}
			a.box_lien_large_f  .infos_first
			{
				position:relative;
				transform:none;
				-webkit-transform:none;
				-ms-transform:none;
			}
				span.box_lien_large_categorie_f
				{
					display:inline-block;
					color:#141414;
					padding: 4px 12px;
					margin: 0 0 6px;
					border:solid 1px #141414;
					font: 0.8em "GothamBookRegular",Verdana,sans-serif;
				}
				span.box_lien_large_titre_f
				{
					display:block;
					color:#141414;
					font: 1.3em "GothamBoldRegular",Verdana,sans-serif;	
				}
			a.box_lien_large_f  .infos_second
			{
				position:relative;
				margin: 10px 0 0;
				transform:none;
				-webkit-transform:none;
				-ms-transform:none;
				opacity:1;
			}
				span.box_lien_large_desc_f 
				{
					color:#141414;
					font-size: 0.9em;
				}
				
			a.box_lien_large_f  .gradient_link
			{
				opacity:0.2;
			}
				
			a.box_lien_large_f:hover .gradient_link
			{
				opacity:0;
			}
	
		
/* BOX IMAGE */
.box_image {
    cursor: pointer;
    line-height: 0;
    max-width:980px;
    position: relative;
    text-align: center;
}
	.bx_marg
	{
		margin:0 auto 50px;
	}
	.bx_no_marg
	{
		margin-bottom: 0;
	}
	.portrait
	{
		width:100%;
	}
	.fullwidth {
		max-width: 100%;
		width: 100%;
	}
	.fullwidth > img {
		width: 100%;
		cursor:default;
	}

.box_antic .box_image {
	text-align:left;
}

div.img_fx
{
	background:url('../imgs/enlarge.png') no-repeat center center #00a3de;
	line-height:0;
	overflow:hidden;
}
	div.img_link
	{
		background:url('../imgs/link.png') no-repeat center center #00a3de;
	}

	div.img_fx img, div.open_fx, a.menu_antic_special img
	{
	    transition: all .6s ease-in;
		width: 100%;
	}
	div.img_fx img:hover, div.open_fx img:hover, a.menu_antic_special:hover img
	{
	    transition: all .6s ease-out;
		transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		opacity:0.2;
		transform-origin: center center;
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
	}
	
div.open_fx
{
	background:url('../imgs/ajax-loader-white.gif') no-repeat center center transparent;
	line-height:0;
	overflow:hidden;
}

 img.box_image
 {
	max-width: 100%;
	height: auto;
 }
 
 /* BOX FICHE */
div.box_fiche
{
    overflow: hidden;
    margin: 0 auto 55px;
    position: relative;
}

	div.menu_fiche_d
	{
		float: left;
		margin: 0 3% 0 1%;
		width: 24%;
		overflow:hidden;
	}
		div.menu_fiche_d_large
		{
			margin: 0 0 25px 0;
			width:100%;
			clear:both;
			padding:0 0 25px 0;
			border-bottom:solid 1px #ccc;
		}
		
		div.menu_fiche_col
		{
			float:left;
			width:45%;
			margin:0 5% 0 0;
		}
		
	div.menu_fiche_b,
	div.menu_fiche_c
	{
		margin: 28px auto 0;
		max-width: 980px;
		overflow:hidden;
	}
	div.menu_fiche_e
	{
		margin: 0 auto;
		width: 100%;
		overflow:hidden;
		line-height: 0;
	}
	
	a.bt_fiche_b {
		display:inline-block;
		width:33.33333333%;
		position:relative;
		margin: 0 0 35px;
		text-decoration: none;
	}
		a.bt_fiche_b img {
			width:35%;
		}
		a.bt_fiche_b span.infos_fiche_b {
			display:inline-block;
			width:65%;
			vertical-align: top;
			padding: 0 30px 0 10px;
		}
			a.bt_fiche_b h4 {
				font: 1em/1.4em 'OpenSans-semibold';
			}
			a.bt_fiche_b h5 {
				line-height: 1.2em;
				margin:0;
				font-weight:normal;
			}
	a.bt_fiche_b:hover h4 {
		text-decoration:underline;
	}
	
	a.bt_fiche_c {
		cursor: pointer;
		display: block;
		float: left;
		margin: 0 5% 2% 0;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		width: 15%;
	}
	
	a.bt_no_pic {
		background-color: #fff;
		border:solid 1px #000;
		text-align: center;
		min-height: 100px;
		transition:all 0.4s ease 0s;
		-webkit-transition:all 0.4s ease 0s;
		-moz-transition:all 0.4s ease 0s;
		-ms-transition:all 0.4s ease 0s;
		width:24%;
		margin:0 8px 8px 0;
		display:inline-block;
		float:none;
		padding:10px;
		vertical-align: top;
	}
	a.bt_no_pic:hover {
		background:#eee;
	}

	a.bt_no_pic h4 {
		font: 1em/1.4em 'OpenSans-semibold';
		color: #000;
		opacity: 1;
		/*position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);*/
		width: 100%;
	}
	a.bt_no_pic:hover h4 {
		color:#000;
	}
	a.bt_no_pic h5 {
		margin: 0 0 5px;
		line-height: 1.2em;
		font-weight: normal;
	}
		
		a.bt_fiche_c img
		{
			display: block;
			width:100%;
			transition:all 0.4s ease 0s;
			transform:scale(1);
			-webkit-transform:scale(1);
			-ms-transform:scale(1);
		}
		a.bt_fiche_c:hover img {
			transform:scale(0.9);
			-webkit-transform:scale(0.9);
			-ms-transform:scale(0.9);
		}
	
	div.rail_fiche_d
	{
		width:100%;
	}

	div.rail_fiche_d_large{
		float: left;
		width: 100%;
		padding:0 0 50px 0;
		border-bottom:solid 1px #1a1a1a;
	}
		div.fiche_d a.bt_fiche_d
		{
			display: block;
			font: 1.4em/1em 'GothamBoldRegular', Verdana, sans-serif;
			margin: 0;
			padding: 16px 0;
			text-decoration:none;
			color:#1a1a1a;
			border-top:1px solid #1a1a1a;
			text-decoration:none;
			white-space: nowrap;
		}

			div.fiche_d a.bt_fiche_d div.arrowed
			{
				transition: all 0.2s ease-in-out 0s;
				background: none no-repeat -50px center;
				/*box-sizing: initial;*/
			}
			div.fiche_d a.bt_fiche_d:hover div.arrowed
			{
				max-width:930px;
				padding: 0 0 0 50px;
				background: url('../imgs/arrow-right-black.png') no-repeat 0 center;
			}
		div.fiche_d a.sel
		{
			color:#000;
		/*	padding: 16px 0 16px 50px;*/
		}
		div.fiche_d a.sel div.arrowed
		{
			max-width:930px;
			padding: 0 0 0 50px;
			background: url('../imgs/arrow-right-black.png') no-repeat center left;
		}
		div.fiche_a
		{
			margin:0 0 50px 0;
			background:#f4f4f4;
			padding:40px;
		}
		div.fiche_d
		{
			width:100%;
		}
			div.txt_fiche_d
			{
				height:auto;
				overflow:hidden;
			}
			div.pad_fiche_d
			{
				padding:25px 0 50px 50px;
			}
			div.pad_fiche_e, div.pad_fiche_f, div.pad_fiche_c
			{
				max-width:980px;
				margin:0 auto;
			}
			h2.fiche_titre
			{
				margin:0 0 54px;
				text-align:center;
			}
			
			div.text_fiche{
				width:100%;
				max-width:960px;
				margin:50px auto 25px;
			}
			.pad_fiche_d .text_fiche {
				margin: 0;
				width: 100%;
			}
			
			div.wrapper_image_fiche
			{
				text-align:center;
			}
				img.image_fiche_pays
				{
					max-width:100%;
					margin: 25px 0 0;
				}
				img.image_fiche_port
				{
					max-width:66%;
					margin: 25px 0 0;
				}
				img.class_c {
					width:250px;
				}

				div.img_fiche_a
{
	float:right;
	width:40%;
	margin:0 0 50px 75px;
}
div.img_fiche_d, div.img_fiche_e
{
	max-width:100%;
	margin:0 auto 50px;
}

h1.fiche_titre {
	text-align:center;
	margin:10px 0;
	font-size: 2.6em;
}
h2.fiche_sous_titre {
	text-align:center;
}

div.verti
{
	max-width:50%;
}

/* BOX TOP */
div.box_top
{
	width:100%;
	height:75vh;
	background:#000;
	position:relative;
	z-index:1;
	overflow:hidden;
    margin: 0 0 35px 0;
}
	span#lgd_box_top
	{
		bottom: 0;
		color: #484848;
		font-size: 0.7em;
		position: absolute;
		right: 0;
	}

	div.box_top_newser {
		height: 200px;
		margin: 0 0 50px;
	}

	div#box_top_slide {
		position:absolute;
		width:100%;
		height: 100%;
		top:50%;
		
		transform:translateY(-50%) scale(1);
		-webkit-transform:translateY(-50%) scale(1);
		-ms-transform:translateY(-50%) scale(1);
		transition: all 18s linear 0s;
		-webkit-transition: all 18s linear 0s;
		-ms-transition: all 18s linear 0s;
		
		background-size:cover;
		background-position:center center;
		background-repeat: no-repeat;
	}
	.loaded div#box_top_slide {
		transform:translateY(-50%) scale(1.2);
		-webkit-transform:translateY(-50%)  scale(1.2);
		-ms-transform:translateY(-50%) scale(1.2);		
	}
	
	img#box_top_img {
		transform: scale(1);
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transition: all 18s linear 0s;
		-moz-transition: all 18s linear 0s;
		-webkit-transition: all 18s linear 0s;
		-ms-transition: all 18s linear 0s;
		width: 100%;
		min-height: 100%;
	}
	.loaded img#box_top_img {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
	}
		span#gradient {
			opacity:1;
			display:block;
			position:absolute;
			top:0;
			height:100%;
			width:100%;
			background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0;
			background: rgba(0, 0, 0, 0) -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0;
		}
		
		span.gradient_antic {
			opacity:1;
			display:block;
			position:absolute;
			top:0;
			height:100%;
			width:100%;
			transition: all 0.2s ease-in-out 0s;
			-webkit-transition: all 0.2s ease-in-out 0s;
			-moz-transition: all 0.2s ease-in-out 0s;
			-ms-transition: all 0.2s ease-in-out 0s;
			background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0;
			background: rgba(0, 0, 0, 0) -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.0) 25%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0;
		}
		
		span.gradient_top_bot {
			background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;
			background:rgba(0, 0, 0, 0) -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;			
		}
		


	div#lgd_box_top {
		bottom: 2px;
		color: #fff;
		display: block;
		font-size: 0.8em;
		line-height: 1.4em;
		padding: 4px;
		position: absolute;
		right: 20px;
		text-align: right;
	}

	div.box_top_content {
		top: 50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		position: absolute;
		text-align: left;
		width: 100%;
		z-index: 1000;
		padding: 0 20px;
	}
		
		span.cat_box_top {
			background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
			color: #ffffff;
			display: inline-block;
			font: 1.1em "GothamBookRegular",Verdana,sans-serif;
			padding: 8px 12px;
			border:solid 1px #fff;
		}
	
		h1.titre_box_top {
			color: #ffffff;
			display: block;
			padding:0;
			overflow:hidden;
		}
		
		h2.sous_titre_box_top {
			color: #ffffff;
			display: inline-block;
			margin: 0;
			padding: 0;
			overflow:hidden;
		}

		span.line-up {
			display: block;
			overflow: hidden;
			transform: translateY(100%);
			-webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
			transition: all 0.4s ease 0.2s;
			-webkit-transition: all 0.4s ease 0.2s;
			-ms-transition: all 0.4s ease 0.2s;
		}
		span.line-up-vis {
			transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
		}
		
		a#godown {
			bottom: 10px;
			color: #fff;
			display: block;
			font: 30px/30px "FontAwesome";
			margin: 0 auto;
			padding: 30px 0;
			position: absolute;
			text-align: center;
			text-decoration: none;
			transition: all 0.2s ease-in-out 0s;
			width: 100%;
		}
		a#godown:before {
			content:"\f078";
		}
		a#godown:hover {
			bottom: 0;
		}

/* BOX TOP LIGHT */
.box_top_light {
	max-width:980px;
	margin:0 auto 55px;
	width: 100%;
}
	.box_top_light_img {
		height: 450px;
		text-align: right;
	}
	.box_top_light_img > img {
		height: 100%;
		opacity: 0.7;
		transition:all 1s ease 0s;
		-webkit-transition:all 1s ease 0s;
		-moz-transition:all 1s ease 0s;
		-ms-transition:all 1s ease 0s;
	}
	.box_top_light_img > img:hover {
		height: 100%;
		opacity: 1;
	}
	div.lgd_box_top_light {
		bottom: 2px;
		color: #000;
		display: block;
		font-size: 0.8em;
		line-height: 1.4em;
		padding: 4px 0 0 50%;
		right: 20px;
		text-align: right;
		overflow: hidden;
	}
	
	.box_top_light_text {
		text-align: left;
		margin-top: -10%;
	}
		
		span.cat_box_top_light {
			background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
			border: 1px solid #000;
			color: #000;
			display: inline-block;
			font: 1.1em "GothamBookRegular",Verdana,sans-serif;
			padding: 8px 12px;
		}
		h2.sous_titre_box_top_light {
			color: #000;
			display: inline-block;
			margin: 0;
			overflow: hidden;
			padding: 0;
		}

/* BOX CODE */

.box_code {
	max-width:980px;
	margin:0 auto 50px;
	font-family:'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', 'Droid Sans Mono', monospace;
	font-size:0.9em;
}

/* BOX VIDEO */

/* box_video */
.box_video {
	background:#000;
	margin: 0 auto;
	max-width: 640px;
}
.box_video_mini {
	display:inline-block;
	width:50%;
	/*! border: 10px solid #fff; */
	margin:0;
}
.group_vid {
	margin:0 auto 50px;
	max-width: 980px;
}

.vid {
	position:relative;
	line-height:0;
}
	img.thumb {
		width:100%;
	}
	div.vid_play {
		top:0;
		position:absolute;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.25);
		cursor: pointer;
		transition:all 0.4s ease 0s;
	}
	div.vid_play:hover {
		background-color:rgba(0,0,0,0);
	}
	div.vid_play::after {
		display:block;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		width:100%;
		text-align:center;
		color:#fff;
		font:3em/50px "FontAwesome";
		content:'\f16a'
	}
	
	.titre_box_video {
		padding:0 6px;
		color:#fff;
		font-size:0.9em;
		text-align:center;
	}


/* MODULE DIPLOME */

div.module_diplome, div#module_retro {
    background: #ffffff none repeat scroll 0 0;
    padding: 25px 0;
    text-align: center;
	line-height:0;
	text-align:left;
}

/* Dock */

div#dock_bt
{
	width:100%;
	height:40px;
	padding-top:10px;
	background:url('../imgs/dock_bt_shadow.png') repeat-x;
	position:absolute;
	bottom:-50px;
	z-index:2;
}
	div#in_dock_bt
	{
		max-width:980px;
		margin:0 auto;
	}

	div#dock_bt img
	{
		float:left;
	}
	a.dock_bt_a
		{
			display:block;
			font: 1.4em/1em 'GothamBookRegular', Verdana, sans-serif;
			/* letter-spacing:-0.05em; */
			color:#fff;
			text-decoration:none;
			background:#00a3de;
			margin: -2px 0 0;
			display:block;
			float:left;
			padding:10px 40px 0 10px;
			background:url('../imgs/ecaille.png') no-repeat top right;
			height:50px;
		}

div#dock, div#dock_gate {
    display: block;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 3;
	/*! overflow: auto; */
	transition:opacity 0.2s ease 0s, left 0.2s ease 0s, background-color 0.2s ease 0.2s;
}
	.dock_closed {
		background: rgba(255,255,255, 0) none repeat scroll 0 0;
		opacity: 0;
		left: -400px;
		visibility: collapse;
	}
	.dock_open {
		background: rgba(255,255,255, 0.5) none repeat scroll 0 0;
		opacity: 1;
		left: 0;
		visibility: visible;
	}
	div#in_dock
	{
		text-align:left;
		padding: 100px 0;
		margin:0 auto;
	}
	.dock_closed div#in_dock {
		background: rgba(0, 105, 166, 0.98) none repeat scroll 0 0;
		box-shadow: -10px -50px 70px #000;
		margin: 0 auto;
		padding: 100px 20px 100px 50px;
		position: absolute;
		left: 0;
		text-align: left;
		width: 360px;
		height: 100%;
		overflow: auto;
	}
	a#closer {
		display:block;
		cursor: pointer;
		height: 100%;
		right: 0;
		position: absolute;
		top: 0;
		width: calc(100% - 360px);
	}

	div#dock_logo {
		margin:100px 0 0;
	}
	
		a#dock_logo_a
		{
			line-height:0;
		}
		div#dock_logo img
		{
			/*height:110px;*/
		}

		ul#dock_ul {
			margin:0;
			padding:0 0 100px 0;
		}

			li.dock_li
			{
				margin:0 0 10px;
				padding:0;
				list-style-type:none;
				list-style-image:none;
				border-bottom:1px solid rgba(255, 255, 255, 0.39);
				overflow:hidden;
			}
			li.dock_li span.menu-up {
				display:block;
				transition:all 0.4s ease 0.0s;
			/*	transform:translateY(110%);
				-webkit-transform:translateY(110%);
				-ms-transform:translateY(110%);*/
				overflow:hidden;
			}
			.dock_open li.dock_li span.menu-up {
				transform:translateY(0);
				-webkit-transform:translateY(0);
				-ms-transform:translateY(0);
			}

				a.dock_a
				{
					display:inline-block;
					border-bottom: 2px solid transparent;
					color:#fff;
					text-decoration:none;
					padding:0;
					font:1.8em/1.0em "GothamBoldRegular",sans-serif;
					border-bottom: 2px solid transparent;
					transition:all 0.2s ease 0s;
					overflow: hidden;
				}
				a.dock_a:hover
				{
					border-bottom: 2px solid #fff;
				}
				a.dock_a_sel
				{
					display: inline-block;
					border-bottom: 2px solid transparent;
					color: #fff;
					text-decoration:none;
					padding: 0;
					font: 1.8em/1.0em "GothamBoldRegular",sans-serif;
					transition: all 0.2s ease 0s;
					overflow: hidden;
				}
				a.dock_a_sel:hover
				{
					border-bottom: 2px solid #fff;
				}
				
				ul.menu_sous_rubrique {
					line-height: 0;
					list-style-image: none;
					list-style-type: none;
					margin: 0;
					padding: 0 0 18px;
				}
					li.menu_sous_rubrique {
						margin:10px 20px 5px;
						display:block;
					}
						li.menu_sous_rubrique a {
							color:#fff;
							text-decoration:none;
							font:0.9em/1.0em 'OpenSans-regular',sans-serif;
							border-bottom:solid 1px transparent;
							transition:all 0.2s ease 0s;
							padding-bottom: 1px;
						}
						li.menu_sous_rubrique a:hover {
							border-bottom:solid 1px #fff;
						}

/* EN COURS... */
span.important
{
	color:#ff0000;
	font-weight:bold;
}

div#topbar {
	text-align:left;
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	z-index: 3;
	transition:all 0.2s ease-in-out 0s;
	visibility: collapse;
}

.loaded #topbar {
	visibility:visible;
}
	div.deployed {
		background:transparent;
		border-bottom:solid 1px transparent;
		height:70px;
		line-height:70px;		
	}
	div.stretched {
		background:#fff;
		border-bottom:solid 1px #e5e5e5;
		height:40px;
		line-height:40px;
	}

.menu_opened div#topbar {
	background:transparent;
	border-bottom:solid 1px transparent;
	height:70px;
	line-height:70px;		
}
.menu_opened div#topbar a.showmenu{
	color:#fff;
}
.menu_opened span#menu_lab {
	opacity:0;
}

a#home {
	font:0.9em/1em "fontAwesome";
}
a#home:before {
	content:"\f015";
}
div#breadcrumb_wrapper {
    margin: 0 20px;
    text-align: right;
}
span.breadcrumb {
	font-size:0.8em;
	transition: all 0.2s ease-in-out 0s;
}
span.breadcrumb a {
	transition: all 0.2s ease-in-out 0s;
	color: inherit;
	text-decoration:none;
	border-bottom:solid 1px transparent;
}
span.breadcrumb a:hover {
	border-bottom-color:#fff;
}

span.bc_menuwhite {
	color:#fff;
}

.menu_opened span.breadcrumb {
	opacity:0;
}

.stretched span.breadcrumb, .stretched span.breadcrumb a {
	color:#000;
}

.stretched span.breadcrumb a:hover, span.bc_menublack a:hover {
	border-bottom-color:#000;
}

/* interface */
div#interface {
    position: fixed;
    left: 20px;
}

a.showmenu {
	position: relative;
    font: 1em/1em "GothamBoldRegular",sans-serif;
    margin: 0 20px 0 0;
    padding: 0 30px 0 0;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    z-index: 3;
	border: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;    
}

	div.stretched a.showmenu{
		color:#242424;
	}
	a.menuclosed {
		/*top: 30px;*/
	}
	a.menublack {
		color:#242424;
	}
	a.menuwhite {
		color:#fff;
	}
	
	span.menu_bar {
		position:absolute;
		width:30px;
		height:3px;
		right:0;
		transition: all 0.2s ease-in-out 0s;
	}
	span.top_menu_bar {
		top:0;
	}
	span.mid_menu_bar {
		top:7px;
	}
	span.bot_menu_bar {
		top:14px;
	}
	.menuwhite span.menu_bar {
		background:#fff;
	}
	.menublack span.menu_bar {
		background:#242424;
	}
	div.stretched a.showmenu span.menu_bar {
		background:#242424;
	}
	.menu_opened div#topbar a.showmenu span.menu_bar {
		background:#fff;
	}
	.menu_opened div#topbar a.showmenu span.top_menu_bar {
		top:7px;
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
	}
	.menu_opened div#topbar a.showmenu span.mid_menu_bar {
		top: 7px;
		transform:translateX(-23px);
		-webkit-transform:translateX(-23px);
		-ms-transform:translateX(-23px);
		width: 0;
	}
	.menu_opened div#topbar a.showmenu span.bot_menu_bar {
		top:7px;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
	}	
	
/* LANG */
a#lang_bt {
    z-index: 3;
	text-decoration: none;
	margin: 0 20px 0 0;
	font:1em/1em "GothamBoldRegular",sans-serif;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
}
a#lang_bt:hover {
	text-decoration: underline;
}
.menu_opened div#topbar a#lang_bt{
	visibility:hidden;
	opacity:0;
}
div.stretched a#lang_bt {
    color: #242424;
}
	
/* SEARCH... */

a#search_bt {
	z-index: 3;
    border: none;
	margin: 0 20px 0 0;
    font: 19px "GothamBoldRegular",sans-serif;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
}

.menu_opened div#topbar a#search_bt{
	visibility:hidden;
	opacity:0;
}
div.stretched a#search_bt {
    color: #242424;
}

span#search_lab::before {
	font-family:'FontAwesome';
	content:"\f002";
}

div#flap_search {
	background: rgba(0, 105, 166, 0.95) none repeat scroll 0 0;
    display: block;
    height: 100%;
    overflow: auto;
    position: fixed;
    transition: all 0.2s ease 0s;
    width: 100%;
    z-index: 3;
}
div.search_closed {
	visibility:hidden;
	opacity:0;
}
div.search_open {
	visibility:visible;
	opacity:1;
}

a#search_close {
    background: transparent url("../imgs/close-white.png") no-repeat scroll 0 0;
    color: #fff;
    height: 30px;
    position: fixed;
    right: 20px;
    text-decoration: none;
    top: 15px;
    width: 30px;
    display: none;
}

div#search_display {
	max-width:980px;
	margin:150px auto 50px;
	position: relative;
}

	input#search_field {
		background-color: transparent;
		border-color: #fff;
		border-image: none;
		border-radius: 0;
		border-style: solid;
		border-width: 0 0 1px;
		display: block;
		font-family: "opensans-semibold";
		font-size: 3em;
		font-style: italic;
		padding:0 50px 0.5em 0;
		width: 100%;
		color:#fff;
		max-width:980px;
		outline: none;
	}
	input#search_submit {
		position: absolute;
		right: 0;
		top: 0;
		border:none;
		background:transparent ;
		cursor: pointer;
		font-size:3em;
		color:#fff;
		outline: none;
	}
	span#sghost::before {
		font-family:'FontAwesome';
		content:'\f002';
		font-size:3em;
		color:#fff;
		position: absolute;
		right: 0;
		top: 25px;
		cursor:pointer;
		opacity: 0.75;
		transition:all 0.2s ease 0s;
		-moz-transition:all 0.2s ease 0s;
		-webkit-transition:all 0.2s ease 0s;
		-ms-transition:all 0.2s ease 0s;
	}
	span#sghost:hover::before{
		opacity: 1;
	}
	
div#results {
	color:#fff;
}

	a.result {
		border-bottom: 1px solid transparent;
		color: #fff;
		display: block;
		font-size: 1.2em;
		padding: 0 0 0.25em;
		margin:0 0 0.75em;
		text-decoration: none;
		transition:all 0.2s ease 0s;
		-moz-transition:all 0.2s ease 0s;
		-webkit-transition:all 0.2s ease 0s;
		-ms-transition:all 0.2s ease 0s;
	}
	a.result:hover {
		border-bottom: 1px solid #fff;
	}

	
	

a.more
{
	display:block;
	font-size:0.8em;
	margin:20px 0 0;
	font-weight:bold;
	padding:1px 0 0 18px;
	background:url('../imgs/more.png') no-repeat top left;
	text-decoration:none;
	color:#f52206;
	line-height:1.1em;
	height:15px;
}
a.more:hover
{
	text-decoration:underline;
	background:url('../imgs/more.png') no-repeat 0 -25px;
}

div#separator
{
	height:80px;
}


div.box_fiche_rail_e
{
	overflow:hidden;
}

div.fiche_e
{
	width:100%;
}
	.opened
	{
		width:100%;
	}
	div.pad_fiche_e, div.pad_fiche_f
	{
		max-width:980px;
		margin:0 auto;
	}
	
	/* a.bt_fiche { */
		/* display: -ms-flexbox; */
		/* display: -webkit-flex; */
		/* display: flex; */

		/* -ms-flex-align: center; */
		/* -webkit-align-items: center; */
		/* -webkit-box-align: center; */

		/* align-items: center; */
	/* } */
	
	div.menu_fiche_f {
		line-height:0;
	}
	
	a.bt_fiche_e, a.bt_fiche_f
	{
		display:inline-block;
		cursor: pointer;
		margin: 0;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		width: 25%;
		min-height:100px;
	}
	
	a.bt_fiche_e img, a.bt_fiche_f img
	{
		display: block;
		width:100%;
		transform:scale(1.01);
		-webkit-transform:scale(1.01);
		-ms-transform:scale(1.01);
		transition:all 3s ease-in-out 0s;
		-webkit-transition:all 3s ease-in-out 0s;
		-ms-transition:all 3s ease-in-out 0s;
	}
	
	a.bt_fiche_e div.gradient_bottom
	{
		background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;
		background:rgba(0, 0, 0, 0) -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		opacity:0;
		transition:all 0.2s ease-in-out 0s;
	}
	
	a.bt_fiche_f div.gradient_bottom
	{
		background:rgba(0, 0, 0, 0.4);
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		opacity:1;
		transition:all 0.2s ease-in-out 0s;
	}
	
	a.bt_fiche_e h2.with_pic {
		bottom: 5%;
		color: #ffffff;
		margin: 0;
		padding: 0 5%;
		position: absolute;
		text-align: center;
		width:100%;
		opacity:0;
		left:0;
		transition:all 0.2s ease-in-out 0.2s;
	}
	a.bt_fiche_e:hover h2.with_pic
	{
		bottom: 10%;
		opacity:1;	
	}
	
	a.bt_fiche_e h2.no_pic {
		display:inline-block;
		color: #000;
		margin: 0;
		padding: 0 5%;
		text-align: center;
		width:100%;
		transition:all 0.2s ease-in-out 0s;
		border-bottom:solid 2px transparent;
	}
	a.bt_fiche_e:hover h2.no_pic
	{
		border-bottom:solid 2px #000;
	}
	
	a.bt_fiche_f h2 {
		display:inline-block;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		color: #ffffff;
		margin: 0;
		padding: 0 5%;
		position: absolute;
		text-align: center;
		width: 100%;
		opacity:1;
		left:0;
		transition:all 0.2s ease-in-out 0s;
		-webkit-transition:all 0.2s ease-in-out 0s;
		-ms-transition:all 0.2s ease-in-out 0s;
		background:transparent;
	}
	a.bt_fiche_f:hover h2
	{
		opacity:0;
		top: 48%;
	}
	a.bt_fiche_e:hover div.gradient_bottom
	{
		opacity:1;	
	}
	a.bt_fiche_f:hover div.gradient_bottom
	{
		opacity:0;	
	}
	
	a.bt_fiche_e:hover img, a.bt_fiche_f:hover img
	{
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
		-ms-transform:scale(1.1);
	}

	a.fiche_closer
	{
		display:block;
		float:right;
		cursor:pointer;
	}

	
/* galerie_FS */

div#galerie_FS {
    background: #141414 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    transition: all 0.2s ease-in-out 0.1s;
    -webkit-transition: all 0.2s ease-in-out 0.1s;
    -ms-transition: all 0.2s ease-in-out 0.1s;
    width: 100%;
    z-index: 2000;
}
div.galerie_inv {
    top: 100%;
}
div.galerie_vis {
    top: 0;
}
	div#wagon_1 {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	div#wagon_2 {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		height: 100%;
		left: 100%;
		position: absolute;
		top: 0;
		width: 100%;
	}
	div#lgd_FS {
		margin: 0 auto;
		padding: 0 100px;
		position: absolute;
		text-align: center;
		width: 100%;
		font-size: 0.8em;
		color:#fff;
		background:rgba(20,20,20,0.5);
		bottom:0;
	}
	div#lgd_FS a {
		font-weight:bold;
		color:white;
	}

div#interface_FS_top {
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 2001;
}
div.interface_top_inv {
    top: -54px;
}
div.interface_top_vis {
    top: 0;
}

div#interface_FS_bot {
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 2001;
}
div.interface_bot_inv {
    bottom: -54px;
}
div.interface_bot_vis {
    bottom: 23px;
}

div.interface {
    transition: all 0.2s ease-in-out 0.1s;
}

	a.interface {
		background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
		display: block;
		height: 50px;
		position: absolute;
		width: 50px;
		font:20px/50px "FontAwesome";
		color:#fff;
		text-align:center;
		text-decoration:none;
	}
	a#prevFS {
		bottom: 4px;
		left: 4px;
	}
	a#prevFS:before {
		content:"\f053";
	}
	a#nextFS {
		bottom: 4px;
		left: 58px;
	}
	a#nextFS:before{
		content:"\f054";
	}
	a#closeFS {
		left: 4px;
		top: 4px;
	}
	a#closeFS:before {
		content:'\f00d';
	}


div.space
{
	height:55px;
	background:#fff;
	text-align:center;
	color:#ff0000;
	text-decoration:none;
	line-height: 30px;
}

div#wrapper_footer_special
{
	float:right;
	width:80px;
}
	
	a.footer_special
	{
		display:block;
		height:22px;
		background:#484848;
		color:#fff;
		font:1.4em/1em 'GothamBookRegular',Arial,sans-serif;
		text-align:center;
		line-height:20px;
		margin-bottom:2px;
		cursor:pointer;
		text-decoration:none;
	}
	a.footer_special:hover
	{
		background:#00a3de;		
	}
		
/* EXPOS */

div.expo
{
	width:300px;
	height:200px;
	float:left;
	position:relative;
	background:#fff;
	margin:9px;
	box-shadow:3px 3px 3px #999999;
}
	span.titre_expo
	{
		display:block;
		width:280px;
		position:absolute;
		bottom:27px;
		padding:4px 10px;
		font:1.2em 'GothamBookRegular',Arial,sans-serif;
		color:#000;
		background:#fff;
	}
	span.time_expo
	{
		display:block;
		position:absolute;
		bottom:10px;		
		padding:2px 10px;
		width:280px;
		/*color:#fff;
		background:url('../imgs/opaque.png') repeat;*/
		font-size:10px;
		color:#000;
		background:#fff;
	}
	
	div.expo a
	{
		display:block;
		width:300px;
		height:200px;
		border-bottom:solid 1px #ccc;
	}
	
	div.expo a:hover
	{
		border-bottom:solid 1px #666;	
	}
	
	div.expo a:hover span.titre_expo
	{
		color:#fff;
		background:url('../imgs/opaque.png') repeat;
	}
	
	div.expo a:hover  span.time_expo
	{
		background:#fff;
		color:#000;
	}

div.titre_module
{
	float:left;
	margin: 0;
}

div#interface_diplome {
    margin: 25px auto;
    max-width: 980px;
    text-align: center;
	overflow:hidden;
}

	div.filter_wrapper {
		display: inline-block;
		margin: 0 50px 0 0;
		padding: 0;
		text-align: left;
		vertical-align: top;
	}
		a.filter_ed {
			background: rgba(0, 0, 0, 0) url("../imgs/check.png") no-repeat scroll 0 2px;
			display: block;
			font-size: 0.8em;
			line-height: 1.3em;
			margin: 0 0 8px;
			padding: 0 0 0 20px;
			text-decoration: none;
		}
		a.filter_ed_selected
		{
			background:url('../imgs/check.png') no-repeat 0 -15px;
			color:#000;
		}
		a.filter_ed:hover
		{
			color:#000;
			background:url('../imgs/check.png') no-repeat 0 -15px;
		}
		
h2.big {
    display: inline-block;
    margin: 6px 0 0;
}


/* Footer Article */

div#footer_article {
    color: #ffffff;
    font-size: 1em;
    padding: 30px 0;
	margin: 150px 0 0;
	background:#000;
}
div#footer_article a {
	color:#fff;
}
div#logo {
    top: 30px;
    right: 30px;
    position: absolute;
    z-index: 2;
}
div#logo_footer {
    display: inline-block;
    margin: 0 0 0 30px;
    vertical-align: top;
}
div.footer_infos_wrapper {
    display: inline-block;
    margin: 0 0 0 30px;
    vertical-align: top;
}
	div.footer_logo {
		display: inline-block;
		margin: 0 40px 0 35px;
		padding: 0;
	}
	div.footer_infos
	{
		display:inline-block;
		margin:0 40px 0 0;
		padding:0 0 0 30px;
		border-left:solid 1px #dadada;
		font-size: 0.9em;
		line-height: 1.4em;
		vertical-align:top;
	}
	
		a.footer_article
		{
			color:#484848;
		}
		
div.two_cols {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;

}
div#footer_article a.menu_footer {
    display: block;
    margin: 0 20px 6px 0;
    padding: 0 6px;
    text-decoration: none;
}
div#footer_article a.menu_footer:hover {
	color:#000;
	background:#fff;
}
div#footer_article a.footer_a_sel {
	background:#fff;
	color:#000;
}
		
	
/* DIPLOMES */
div.diplome
{
    background: none repeat scroll 0 0 #FAFAFA;
    box-shadow: 3px 3px 3px #999999;
    float: left;
    height: 220px;
    margin-bottom:25px;
    overflow: hidden;
    position: relative;
    width: 300px;
}

	div.diplome a
	{
		display:block;
		width:300px;
		height:180px;
		text-decoration:none;
	}
	
	span.auteur_diplome
	{
		display:block;
		margin:0 0 0 4px;
		color:#2f2f2f;
		font-size:14px;
	}

	span.cat_diplome
	{
		margin:0 0 2px 4px;
		color:#666;
		font-size:11px;
	}
	
	span.more_diplome
	{
		display:block;
		width:15px;
		height:15px;
		background:url('../imgs/more.png') no-repeat 0 0;
		position:absolute;
		bottom:2px;
		left:282px;
	}
	
/* RETRO */
div.retro {
    display: inline-block;
    width:25%;
    overflow: hidden;
    position: relative;
	text-align:left;
	margin-bottom: 25px;
}

	.retro_marg
	{
		margin: 0 1% 1% 0;
	}
	.retro_pic
	{
		width:33%;
	}

	a#retro_back
	{
		display:inline-block;
		padding:5px 8px 5px 30px;
		background:url('../imgs/list.png') no-repeat left center #484848;
		color:#fff;
		text-decoration:none;
		margin:0 0 10px 0;
		float:right;
		font:0.65em "GothamBookRegular",Verdana,sans-serif;
		text-transform:uppercase;
	}
	a#retro_back_left
	{
		display:inline-block;
		padding:5px 8px 5px 30px;
		background:url('../imgs/list.png') no-repeat left center #484848;
		color:#fff;
		text-decoration:none;
		margin:25px 0 10px 0;
		float:left;
		font:0.65em "GothamBookRegular",Verdana,sans-serif;
		text-transform:uppercase;
	}
	a#retro_back:hover, a#retro_back_left:hover
	{
		background-color:#242424;
	}

	div.retro a
	{
		display:block;
		text-decoration:none;
		padding: 0 0 10px;
	}
		div.retro a img {
			width:100%;
			transition:all 0.2s ease-in-out 0s;
			opacity:1;
		}
		div.retro a:hover img {
			opacity:0.6;
		}
	
	span.retro_inf
	{
		display:block;
		margin: 5px 0 0;
	}
	
	span.auteur_retro
	{
		color:#242424;
		font:1.4em/1.0em 'GothamBookRegular',Arial,sans-serif;
		letter-spacing: -1px;
	}

	span.diplo_retro
	{
		color:#242424;
		font:0.8em/1.8em Verdana,sans-serif;
	}
	
	span.more_diplome
	{
		display:block;
		width:15px;
		height:15px;
		background:url('../imgs/more.png') no-repeat 0 0;
		position:absolute;
		bottom:2px;
		left:282px;
	}
	
	h1#retro
	{
		margin: 25px 0 5px;
	}
	
	hr#retro
	{
		margin:100px 0 0;
		border:none;
		color:#999;
		background:#999;
	}

/* BOX ACTU */

div.box_antic {
    margin: 0 auto 55px;
    padding: 0;
	text-align:left;
	min-height: calc(100vh - 350px);
	line-height: 0;
}
	div.antic_prepage {
		line-height:1.45em;
		text-align:left;
	}

.toptoolsantic {
    max-width: 980px;
    margin: 100px auto 75px;
}
	.toptools_antic_nomarg {
		margin:0 auto 75px;
	}
	.toptools_antic_nomarg > .news_filter_wrapper {
		width:70%;
	}

	div#antic_title_wrapper {
		display: inline-block;
		width:50%;
	}
	
	div.news_filter_wrapper {
		margin:0 auto 65px;
		width:50%;
		font: 0.9em "OpenSans-regular",Verdana,sans-serif;
		letter-spacing: -0.025em;
		display: inline-block;
		vertical-align: top;
	}
		div.fixmeup {
			position:fixed;
			box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.28);
			top:40px;
			left:0;
			font-size: 0.80em;
		}

		div.filters {
			font-family: "OpenSans-semibold",sans-serif;
			margin: 20px auto 0;
			overflow: hidden;
			max-width: 100%;
			text-align: left;
			position: relative;
			padding:0;
			column-count: 2;
			column-gap: 1em;
		}
		
		span.filter_mention {
			display: none;
			height: 100%;
			left: 0;
			margin: 0 10px 0 0;
			position: absolute;
			vertical-align: middle;
			width: 20px;
		}
		
		span.filter_mention::before {
			font-family:'FontAwesome';
			content:"\f0b0";
			padding:0 5px 0 0;
		}
	
		a.news_filter {
			display: block;
			padding: 2px 0;
			margin:0 0 2px;
			text-decoration: none;
			transition: all 0.2s ease 0s;
			-moz-transition: all 0.2s ease 0s;
			-webkit-transition: all 0.2s ease 0s;
			-ms-transition: all 0.2s ease 0s;
			vertical-align: top;
			color:#000;
			/*! background:#f0f0f0; */
			font-family: 'OpenSans-Light', sans-serif;
		}
		a.news_filter:hover {
			color:#000;
		}
		a.news_filter_sel {
			color:#060606;
			font-family:'OpenSans-semibold',sans-serif;
		}
		a.news_filter::before {
			content: "— ";
			margin-right: 2px;
		}
		span.sepa {
			display:none;
		}
		span.nb_cat {
			font-size: 0.75em;
			color: #484848;
			display: inline-block;
			padding-left: 2px;
			transition: all 0.2s ease 0s;
			-moz-transition: all 0.2s ease 0s;
			-webkit-transition: all 0.2s ease 0s;
			-ms-transition: all 0.2s ease 0s;
		}
		a.news_filter:hover span.nb_cat, a.news_filter_sel span.nb_cat {
			color: #fff;
		}

	h2#antic
	{
		padding:10px;
		background:#fff;
		margin:0;
	}
	
	div#msg_antic {
		background: #eeeeee none repeat scroll 0 0;
		margin: -10px auto 25px;
		max-width:980px;
		padding: 10px;
	}
	
	div#newser_toolbar {
		margin:75px auto 0;
		max-width:980px;
		text-align: center;
	}

	a.bt_antic {
		background: #fff none repeat scroll 0 0;
		color: #000;
		cursor: pointer;
		display: inline-block;
	    border-bottom: 1px solid transparent;
		margin: 0 4px 0 0;
		padding: 0 4px;
		text-decoration:none;
		transition:all 0.2s ease 0s;
		-webkit-transition:all 0.2s ease 0s;
		-ms-transition:all 0.2s ease 0s;
	}
	a.bt_antic:hover
	{
		border-bottom: 1px solid #242424;
	}
	a.bt_antic_sel
	{
		color:#242424;
		background:#fff;
		border-bottom: 1px solid #242424;
	}
	a.bt_antic_sel:hover
	{
		color:#484848;
		background:#fff;
	}

	div#interface_nb_antic {
		margin: -25px auto 50px;
		max-width:980px;
		overflow: hidden;
		line-height: normal;
	}
		
	div.decal_50
	{
		width:50px;
		float:left;
		display:inline-block;
	}
	
	a#closeTMP
	{
		margin:0 0 2px 2px;
	}

	div.cat_wrapper {
		font-size: 1em;
		line-height: 0;
		margin: 0 auto 105px;
		/*max-width: 980px;*/
		text-align: center;
		padding:0 50px;
	}
	div.cat_wrapper_no_filter {
		/**/
	}
		div.cat_col
		{
			width:100%;
		}
		
	div#box_filter
	{
		line-height:1em;
		font-size:1.1em;
		display:block;
		width:100%;
		max-width:980px;
		margin:0 auto;
	}
	
	.menu_antic {
		border-top: 1px solid #242424;
		color: #242424;
		display: block;
		margin: 0 0 20px;
		opacity: 1;
		overflow: hidden;
		position: relative;
		text-align: left;
		text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
		/*max-width: 980px;*/
		width: 100%;
		height:160px;
		padding:20px 0 0;
	}

	.menu_antic:hover span.menu_titre {
		text-decoration:underline;
	}
	.menu_antic:hover span.menu_cat {
		opacity:1;
	}
	.infos_with_pic:hover span.gradient_antic {
		opacity:0.25;
	}

	.infos_with_pic:hover img.illus	{
		transform:scale(1.3);
		-moz-transform:scale(1.3);
		-webkit-transform:scale(1.3);
		-ms-transform:scale(1.3);
		/*opacity:0.1;*/
	}
	.super_class {
		border: 1px solid #000;
		color: #000;
		display: inline-block;
		margin:0 0 -1px -1px;
		opacity: 1;
		overflow: hidden;
		position: relative;
		transition: all 0.2s ease-in-out 0s;
		width: 33.33%;
		line-height: 0;
		height: auto;
	}
	.hidden_news {
		height:0;
		border:none;
		margin:0;
		padding:0;
	}
	.infos_no_pic {
		background:#fff;
	}
	
	a.antic_filter
	{
		float:left;
	}

		.infos_with_pic span.gradient_antic {
			opacity:1;
		}
		
		img.illus {
			width: 101%;
			opacity: 1;
			transition: all 18s linear 0s;
			-webkit-transition: all 18s linear 0s;
			-moz-transition: all 18s linear 0s;
			-ms-transition: all 18s linear 0s;
		}
		
		span.wrapper_illus_min {
			display: inline-block;
			overflow: hidden;
			position: absolute;
			/* right:0; */
			left: 0;
			/*max-width:30%;*/
			max-width:245px;
		}
		
		.projet_antic span.wrapper_illus_min {
			left:0;
			max-width: 25%;
		}
		
		img.illus_min {
			height:140px;
			transition: all 8s linear 0s;
			-webkit-transition:  all 8s linear 0s;
			-moz-transition:  all 8s linear 0s;
			-ms-transition:  all 8s linear 0s;
			transform:scale(1);
			-webkit-transform:scale(1);
			-moz-transform:scale(1);
			-ms-transform:scale(1);
		}
		
		.menu_antic:hover img.illus_min {
			transform:scale(1.3);
			-webkit-transform:scale(1.3);
			-moz-transform:scale(1.3);
			-ms-transform:scale(1.3);
		}
		
		.menu_antic:hover span.menu_titre_min {
			border-bottom:solid 1px #000;
		}
		

		span.infos_antic_min {
			display: inline-block;
			line-height: 1.1em;
			max-width: 100%;
			/*padding: 0 0 12px;*/
			padding: 0 0 12px 290px;
		}
		.infos_no_pic span.infos_antic_min {
			max-width:100%;
			padding: 0 0 12px 0;
		}
		
		.projet_antic span.infos_antic_min {
			max-width: 100%;
			padding: 0 0 12px 290px;			
		}
		
			span.menu_cat_min {
				border: 1px solid #242424;
				color: #242424;
				display: inline-block;
				font: 0.8em "GothamBookRegular",Verdana,sans-serif;
				opacity: 1;
				padding: 3px 8px;
				margin:0 5px 0 0;
			}
			span.menu_titre_min {
				display: inline-block;
				border-bottom: 1px solid rgba(0, 0, 0, 0);
				font: 1.4em/1em "GothamBoldRegular";
				margin: 6px 0 0;
				transition: all 0.2s ease-in-out 0s;
			}
			span.menu_sous_titre_min {
				display:block;
				padding: 4px 0 0;
				font: 1em/1em "OpenSans-semibold";
			}
			span.menu_desc_min {
				display: block;
				padding: 8px 0;
				color: #484848;
				font-size: 0.9em;
				line-height: 1.35em;
			}
			span.menu_publication_min {
				text-align:left;
				color: #98989b;
				display: block;
				font-family: "OpenSans-semibold",sans-serif;
				font-size: 0.7em;
				padding: 0 0 10px;
				transition: all 0.2s ease-in-out 0s;
			}
		.infos_with_pic span.infos_antic {
			top: 50%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			left: 0;
			line-height: 1.0em;
			opacity: 1;
			padding: 20px;
			position: absolute;
			text-align: center;
			transition: all 0.2s ease-in-out 0s;
			-webkit-transition: all 0.2s ease-in-out 0s;
			-ms-transition: all 0.2s ease-in-out 0s;
			width: 100%;
		}

		.infos_no_pic span.infos_antic {
			bottom: 0;
			left: 0;
			line-height: 1.0em;
			opacity: 1;
			padding: 20px;
			position: absolute;
			text-align: left;
			transition: all 0.2s ease-in-out 0s;
			-webkit-transition: all 0.2s ease-in-out 0s;
			-ms-transition: all 0.2s ease-in-out 0s;
			width: 100%;
		}
		span.menu_cat {
			border: 1px solid #242424;
			color: #242424;
			display: inline-block;
			font-size: 0.8em;
			padding: 1px 6px;
			opacity:1;
			transition:all 0.2s ease-in-out 0s;
			-webkit-transition:all 0.2s ease-in-out 0s;
			-ms-transition:all 0.2s ease-in-out 0s;
		}
		span.menu_titre {
			border-bottom: 1px solid rgba(0, 0, 0, 0);
			display: inline-block;
			font: 1.4em/1em "GothamBoldRegular";
			margin: 6px 0 0;
			transition: all 0.2s ease-in-out 0s;
			-webkit-transition: all 0.2s ease-in-out 0s;
			-ms-transition: all 0.2s ease-in-out 0s;
		}
		span.menu_sous_titre {
			display: block;
			font: 1em/1em "OpenSans-semibold";
			margin:2px 0 0;
			transition: all 0.2s ease-in-out 0s;
			-webkit-transition: all 0.2s ease-in-out 0s;
			-ms-transition: all 0.2s ease-in-out 0s;
		}
		span.menu_desc {
			display: block;
			overflow:hidden;
			line-height:1.3em;
			margin:10px 0 0;
			transition: all 0.2s ease-in-out 0s;
			-webkit-transition: all 0.2s ease-in-out 0s;
			-ms-transition: all 0.2s ease-in-out 0s;
		}
		span.menu_publication
		{
			display:block;
			font-size:0.7em;
			color:#484848;
			padding:4px 0 0;
			font-family: "OpenSans-semibold",sans-serif;
			transition: all 0.2s ease-in-out 0s;
			-webkit-transition: all 0.2s ease-in-out 0s;
			-ms-transition: all 0.2s ease-in-out 0s;
		}
		span.marged {
			margin-bottom:25px;
			font-size:0.8em;
		}
			a.infos_with_pic span.menu_cat {
				background: #fff none repeat scroll 0 0;
				border-color: #fff;
				color: #000;
			}
			a.infos_with_pic span.menu_titre, a.infos_with_pic span.menu_sous_titre, a.infos_with_pic span.menu_publication {
				color:#fff;
			}
			a.infos_with_pic span.menu_desc {
				height:0;
				transform:translateY(150%);
				-webkit-transform:translateY(150%);
				-moz-transform:translateY(150%);
				-ms-transform:translateY(150%);
			}
			
	.big_antic {
		height:203px;
	}
		.big_antic span.infos_antic_min {
			/*padding-left: 40%;*/
			padding-left: 400px;
			max-width: 100%;
		}
		.big_antic span.wrapper_illus_min {
			/*max-width: 36%;*/
			max-width: 353px;
			left:0;
		}
			.big_antic span.wrapper_illus_min img.illus_min {
				height: 202px;
			}
	
	a#next_news, a#previous_news
	{
		display: inline-block;
		font-family: 'GothamBookRegular',Verdana,sans-serif;
		font-size: 3em;
		letter-spacing: -0.08em;
		line-height: 0.8em;
		float:right;
		text-decoration:none;
		color:#242424;
		margin:0 0 0 20px;
	}

	.hidden_news {
		height:0;
		border:none;
		margin:0;
		padding:0;
	}
	
div.antic {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    margin: 75px auto;
    max-width:980px;
    padding: 0;
    position: relative;
    width: 100%;
}
	div.antic_inv {
		display:none;
	}

		div.antic_leftcol {
			display: inline-block;
			vertical-align: middle;
			width: 50%;
		}

			h1.antic {
				color: #000000;
				display: block;
				margin: 5px 0 10px;
			}
			h2.antic {
				display: block;
				margin: 10px 0 20px;
				overflow: hidden;
			}
			span.cat_antic {
				color: #000;
				display: inline-block;
				font: 0.8em/1em "OpenSans-semibold",sans-serif;
				padding: 4px 0;
				line-height: 16px;
			}

		div.antic_rightcol {
			display: inline-block;
			margin: 0 10% 0 0;
			vertical-align: middle;
			width: 40%;
		}
			img.antic_pic
			{
				max-width: 100%;	
			}
			img.antic_pic_hori
			{
				max-width: 100%;	
			}
			img.antic_pic_verti
			{
				max-width: 55%;	
			}
			div.thumbs {
				margin:15px 0 0;
			}
				img.thumb_antic {
					margin:0 10px 10px 0;
				}
			
		div.antic_maincol {
			width:50%;
			line-height:1.6em;
			float: right;
		}
		.decal_bottom {
			margin:50px 0 50px;
			text-align:left;
			line-height: 1.65em;
		}

			div.antic_infos {
				display: inline-block;
				font-size: 0.8em;
				vertical-align: top;
				width: 28%;
				padding:0;
			}
				div.antic_infos a {
					transition:all 0.2s ease-in-out 0s;
					-webkit-transition:all 0.2s ease-in-out 0s;
					-ms-transition:all 0.2s ease-in-out 0s;
					text-decoration:none;
					border-bottom:solid 1px transparent;
				}
				div.antic_infos a:hover {
					text-decoration:none;
					border-bottom:solid 1px #000;
				}
			div.antic_content {
				display:inline-block;
				width: 72%;
				padding:0 8% 0 0;
			}
		.decal_top
		{
			margin-top:50px;
		}
		

		span.legende {
			color: #000;
			display: block;
			font-size: 0.8em;
			line-height: 1.35em;
			margin: 10px 0 0;
			text-align: center;
		}

div.antic span.legende {
    text-align: left;
}
		
hr.antic
{
	width:100%;
	border:none;
	color:#424242;
	background:#424242;
}

a.menu_antic_special {
    color: #242424;
    display: block;
    margin: 100px auto 0;
    max-width:980px;
    text-decoration: none;
    width: 100%;
}
span.menu_titre_special
{
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    display: inline-block;
    font: 1.4em "GothamBookRegular";
    margin: 6px 0 0;
}

a.menu_antic_special:hover span.menu_titre_special
{
	text-decoration:underline;
}
a.menu_antic_special:hover img.img_antic
{
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	opacity: 0.2;
	transform-origin: center center;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
}
span.antic_fx
{
	background:url('../imgs/link_mini.png') no-repeat center center #00a3de;
    float: right;
    line-height: 0;
    margin: -53px 0 0 8%;
    width: 250px;
	overflow:hidden;
}
img.img_antic
{
	transition: all .6s ease-in;
	-webkit-transition: all .6s ease-in;
	-ms-transition: all .6s ease-in;
	width: 100%;
}
span.menu_cat_special {
    color: #ffffff;
    display: inline-block;
    font-size: 0.8em;
    line-height: 16px;
    padding: 4px 8px;
}
span.antic_special
{
	display:block;
}
span.desc {
	display:inline-block;
	margin:5px 0 0 0;
	font-family: "opensans-light";
}

div#time_separator {
    font: 2.8em "GothamBookRegular";
    margin: 50px 0;
    text-transform: uppercase;
    width: 100%;
	text-align: center;
}
	div#line_separator
	{
		width:100%;
		height:1px;
		border-bottom:solid 1px #242424;
		margin:2px 0;
	}
	span#time_now {
		display:block;
		width:100%;
		padding: 0 0 20px;
	}
	span#time_past {
		display:block;
		width:100%;
		padding: 20px 0 0;
	}

div.submemu_antic {
    margin: 50px auto;
    max-width:980px;
}

a.antic_sub {
    background:#242424 none no-repeat scroll right center;
    border: 1px solid #242424;
    color: #fff;
    display: inline-block;
    font: 0.8em "GothamBookRegular",sans-serif;
    margin: 0 4px 4px 0;
    padding: 6px 24px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
}
a.antic_sub:hover {
    background: #fff no-repeat scroll right center;
    color: #242424;
    padding: 6px 24px;
}


a#htpage
{
    bottom: -25px;
    color: #242424;
    display: block;
    padding: 4px 0;
    position: absolute;
    text-align: right;
    text-decoration: none;
    width: 100%;
	font: 0.65em "GothamBookRegular",Verdana,sans-serif;
	text-transform: uppercase;
}

a#prev_news
{
	display:block;
	background:#00a3de;
	color:#fff;
	margin: 20px auto;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
}
a#prev_news:hover
{
	color:#00a3de;
	background:#fff;
}

div#calendar
{
	font-size:1em;
	margin:0 auto;
	display:block;
	max-width:980px;
	text-align: center;
}

a.date {
	
	display:inline-block;
}

div.year_block {
	margin-right:20px;
}
		
/* BOX EDITION */
div.box_edition {
    background: #ffffff;
    line-height: 1.7em;
	margin: 0 auto 55px;
    padding: 0 20px;
}

	a.edition_wrapper {
		display: inline-block;
		font-family: "OpenSans-Light",sans-serif;
		line-height: 1.3em;
		margin:35px 0;
		overflow: hidden;
		width: 25%;
		vertical-align: top;
	}
		a.edition_wrapper > img {
			display:inline-block;
			margin:0 0 20px;
		}

		span.infos_edition {
			display: inline-block;
			padding: 0 10px;
			vertical-align: top;
			width: calc(100% - 150px);
		}
			span.titre_edition {
				font-family: "OpenSans-semibold",sans-serif;
			}
			span.auteur_edition {
				font-size: 0.9em;
			}

div.popup_edition
{
	position:relative;
	max-width:980px;
	margin:50px auto;
	text-align:left;
	background:#fff;
}
	div.popup_edition img {
		float: left;
		max-width: 40%;
	}
	div.popup_edition_infos {
		float: right;
		width: 55%;
	}
	a#closeFSEdition
	{
		cursor:pointer;
		display:block;
		position:absolute;
		height:30px;
		width:30px;
		top:10px;
		right:10px;
		background:url("../imgs/fs_close.png") no-repeat 0 0 #000;
	}
	a#closeFSEdition:hover
	{
		background:url("../imgs/fs_close.png") no-repeat 0 -30px #fff;
	}
	
	hr.edition {
		color:#fff;
		background:#fff;
		margin: 8px 0 2px;
	}

/* PROMOTIONS */
div.promobox
{
	position:relative;
	width:20%;
	width:10%;
	height:100px;
	color:#fff;
	float:left;
	background:#484848;
}
div.promobg
{
	position:absolute;
	width:100%;
	height:100%;
	background:#36bee9;
}
a.promo {
	font-size:20px;
	text-align:center;
	line-height:100px;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	display:block;
	position:absolute;
	width:100%;
	height:100%;
}
a.promo:hover
{
	background:#fff;
	color:#00a3DE;
}
div#ajax_content {
    display: block;
    margin: 0 auto;
    max-width: 980px;
}
table#promo
{
	margin:20px 0 0;
	width:100%;
	font: 14px 'GothamBookRegular',Arial,sans-serif;
}
table {
    border-collapse: collapse;
}
tr,td
{
	padding:10px;
	vertical-align: top;
	border: solid 1px #ccc;
}
h1#promo
{
	margin:0;
	padding:0 0 0 20px;
	height:100px;
	line-height:100px;
	background:#fafafa;
	width:50%;
}
h2#promo
{
	margin:0;
	padding:0 0 0 20px;
	height:50px;
	line-height:50px;
	background:#fafafa;
	color:#787878;
}

div.box_link
{
	background:url('../imgs/link.png') no-repeat center center #00a3de;
	text-align:center;
	line-height:0;
	position:relative;
	cursor:pointer;
	float:left;
}

div.box_link_mini
{
	text-align:center;
	line-height:0;
	position:relative;
	cursor:pointer;
	float:left;
}

/* BOX_COL */

div.box_col {
    
    margin: 0 auto 55px;
    max-width:980px;
    min-height: 50px;
}
	div.box_col_content
	{
		display:inline-block;
		width:100%;
	}
	
	.topalign {
		vertical-align:top;
	}
	.midalign {
		vertical-align:middle;		
	}
	
	div.double
	{
		width:47%;
	}
		div.dmarg
		{
			margin-right:6%;
		}
	div.triple
	{
		width:32%;
	}
		div.tmarg
		{
			margin-right:2%;
		}
		
		span.cat_box_col {
		    border: 1px solid #141414;
			color: #141414;
			display: inline-block;
			font: 0.8em "GothamBookRegular",Verdana,sans-serif;
			margin: 0 0 9px;
			padding: 4px 12px;
		}
		
	.boxcolimgmarginbot {
		margin:0 0 35px;
	}
	.boxcolimgmargintop {
		margin:35px 0 0;
	}
		
		
		a#gotop {
			background: #000 none repeat scroll 0 0;
			bottom: 0;
			color: #fff;
			cursor: pointer;
			display: none;
			font: 20px/40px "FontAwesome";
			height: 40px;
			position: fixed;
			right: 4%;
			text-align: center;
			text-decoration: none;
			width: 40px;
		}
		a#gotop:before {
			content:"\f077";
		}
		

a#next_page {
	background:#fff url("../imgs/micro-arrow-right-black.png") no-repeat center bottom;
	padding:0 0 25px;
	margin-bottom:75px;
	display: block;
	float: right;
	text-align: center;
	width: 50%;
	text-decoration:none;
}
a#next_page:hover
{
	background:#fff url("../imgs/micro-arrow-right-black.png") no-repeat center bottom;
}
a#prev_page {
	background:#fff url("../imgs/micro-arrow-left-black.png") no-repeat center bottom;
	padding:0 0 25px;
	margin-bottom:75px;
	display: block;
	float: left;
	text-align: center;
	width: 50%;
	text-decoration:none;
}
a#prev_page:hover
{
    background:#fff url("../imgs/micro-arrow-left-black.png") no-repeat center bottom;
}

a#htpage, a.back
{
    color: #242424;
    display: block;
    font: 0.8em "GothamBookRegular",Verdana,sans-serif;
    text-align: right;
    text-transform: uppercase;
}

/* NEW RUBRIQUE */

div#display_rubrique {
	line-height: 0;
	margin: 0 auto;
    max-width:980px;
}

	div#display_rubrique h1 {
		height: 200px;
		line-height: 270px;
		text-align: center;
		margin-bottom: 50px;
	}
	
	.ss_rubrique_block {
		margin:0 0 15px 0;
	}
	
	.brick {
		display:inline-block;
		position:relative;
		width:50%;
		overflow:hidden;
		opacity:1;
		margin: -1px 0 0 -1px;
	}

	.no_pic span#gradient {
		display:none;
	}
	 
	.has_pic span#gradient {
		display:block;
		opacity:1;
		transition:all 0.4s ease 0s;
	}
	
	img.bg_brick {
		max-width:100%;
		transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		transition:all 18s linear 0s;
		-webkit-transition:all 18s linear 0s;
		-moz-transition:all 18s linear 0s;
		-ms-transition:all 18s linear 0s;
	}

	span.titre_ss_rubrique {
		transition:all 0.2s linear 0s;
		-webkit-transition:all 0.2s linear 0s;
		-moz-transition:all 0.2s linear 0s;
		-ms-transition:all 0.2s linear 0s;
		bottom: 30px;
		display: inline-block;
		font: 1.4em/1.4em "GothamBoldRegular",sans-serif;
		left: 20px;
		position: absolute;
		width: 100%;
	}

	.has_pic:hover span#gradient {
		opacity:0;
	}
	.has_pic:hover img.bg_brick {
		transform:scale(1.3);
		-webkit-transform:scale(1.3);
		-moz-transform:scale(1.3);
		-ms-transform:scale(1.3);
	}
	
	div.brick_overlay {
		color:#fff;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		transition:all 0.2s ease-in-out 0s;
		-webkit-transition:all 0.2s ease-in-out 0s;
		-moz-transition:all 0.2s ease-in-out 0s;
		-ms-transition:all 0.2s ease-in-out 0s;
		text-align:left;
	}
	.has_pic div.brick_overlay {
		/*! border:1px solid #000; */
	}
	.has_pic:hover div.brick_overlay {
		/*! border:1px solid #000; */
	}
	.no_pic div.brick_overlay {
		color:#000;
		border:1px solid #000;
	}
	
	.brick_large {
		width:50%;
	}
	.brick_large img.bg_brick {
		max-width:100%;
		/* transition:all 0.2s ease-in-out 0s; */
		/* -webkit-transition:all 0.2s ease-in-out 0s; */
		/* -ms-transition:all 0.2s ease-in-out 0s; */
	}
	.brick_large span#gradient {
		max-width:100%;
	}
	span.desc_ss_rubrique {
		background:#fff;
		color:#000;
		display:inline-block;
		vertical-align:top;
		padding:0 20px;
		width:50%;
		height:100%;
		line-height: 1.45em;
	}
	div.links_ss_rubrique {
		margin:10px 0 0;
	}
  div.links_ss_rubrique a {
		display:block;
		font:1em/1em 'OpenSans-Regular', sans-serif;
		margin:0 0 10px;
	}
	
/* NEW TRANSITION */
#bg-transition {
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}
#bg-transition:not(.intro) {
    visibility: collapse;
}
#bg-transition.no-bg {
    background-color: transparent;
}
#bg-transition.anim-in {
    visibility: visible;
}
.bg-transition-slide {
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    transition: top 0.2s ease-in-out 0s, bottom 0.2s ease-in-out 0s;
    -webkit-transition: top 0.2s ease-in-out 0s, bottom 0.2s ease-in-out 0s;
    -ms-transition: top 0.2s ease-in-out 0s, bottom 0.2s ease-in-out 0s;
    z-index: 10;
}
.anim-in .bg-transition-slide {
    top: 0;
}
.anim-out .bg-transition-slide {
    bottom: 100%;
}
.bg-transition-content {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    padding: 12% 5%;
    position: absolute;
    right: 0;
    top: 0;
	height:100vh;
}
.anim-in .bg-transition-content {
    top: auto;
}
.anim-out .bg-transition-content {
    bottom: auto;
    top: 0;
}
.bg-transition-content::after {
    background-color: #121212;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.8s ease-in-out 0s;
    -webkit-transition: opacity 0.8s ease-in-out 0s;
    -ms-transition: opacity 0.8s ease-in-out 0s;
    z-index: 10;
}
.anim-in .bg-transition-content::after {
    opacity: 0;
}
.anim-out .bg-transition-content::after {
    opacity: 0.9;
}
.bg-transition-img-ctn {
    height: 100%;
    width: 100%;
}
.anim-in .bg-transition-img-ctn {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
}
.anim-out .bg-transition-img-ctn {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
}
.bg-transition-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    transition: transform 3s ease-in-out 0s;
    -webkit-transition: -webkit-transform 3s ease-in-out 0s;
    -ms-transition: -ms-transform 3s ease-in-out 0s;
    width: 100%;
}
.anim-in .bg-transition-img {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
}
.bg-light {
    background-color: #fff;
}
.bg-transition-msg {
    display: block;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 100%;
}

/* GATE */
div#gate_maincol {
    background: #0069a6 none repeat scroll 0 0;
	line-height:0;
	position: relative;
	margin: 0 0 75px;
}
	div.diapo
	{
		width:100%;
		height: 90vh;
		opacity:0;
		transform:scale(1);
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transition:all 0.5s ease-in-out 0s;
		z-index:0;
		border: 5px solid #fff;
		overflow: hidden;
		position:relative;
	}
	div.active {
		opacity:1;
		transform:scale(1);
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		z-index:1;
	}

	a.diapo_a {
		position:absolute;
		display: block;
		height: 100%;
		width: 100%;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
	}

	a.diapo_a:hover span.gradient
	{
		opacity:0.45;
	}
	
	a.diapo_a:hover span.image_diapo
	{
		transform:scale(1.3);
		-webkit-transform:scale(1.3);
		-ms-transform:scale(1.3);
	}
	
		span.image_diapo {
			position:absolute;
			width:100%;
			height:100%;
			background-size:cover;
			background-position: center center;
			transition:all 18s linear 0s;
			-webkit-transition:all 18s linear 0s;
			-ms-transition:all 18s linear 0s;
			transform:scale(1);
			-webkit-transform:scale(1);
			-ms-transform:scale(1);
		}
	
		span.gradient {
			background: rgba(0,0,0,0.5);			
			display:block;
			position: absolute;
			top:0;
			width:100%;
			height:100%;
			transition:all 0.2s ease-in-out 0s;
			-webkit-transition:all 0.2s ease-in-out 0s;
			-ms-transition:all 0.2s ease-in-out 0s;
		}	

		span.diapo_infos {
			padding: 0 10%;
			position: absolute;
			text-align: left;
			top: 50%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			width: 100%;
		}

#mid_wrapper {
    border-top: 5px solid #fff;
	background: #fff;
}

	div.diapo_mid {
		border-bottom: 5px solid #fff;
		border-left: 5px solid #fff;
		border-right: 5px solid #fff;
		display: inline-block;
		height: 400px;
		position: relative;
		width: 50%;
		overflow: hidden;
	}
	
	span.cat_box_top_mid {
		border: 1px solid #ffffff;
		color: #ffffff;
		display: inline-block;
		font: 0.8em "GothamBookRegular",Verdana,sans-serif;
		margin: 0 0 9px;
		padding: 4px 12px;
	}
	
	h1.titre_box_top_mid {
		color: #fff;
		font: 2.3em/1.1em "GothamBoldRegular",Verdana,sans-serif;
	}

	h2.sous_titre_box_top_mid {
		color: #fff;
		font: 1.4em "GothamBoldRegular",Verdana,sans-serif;
		margin: 0;
	}
	
		.to_reveal {
			transition:opacity 0.2s ease 0.2s;
			-webkit-transition:opacity 0.2s ease 0.2s;
			-ms-transition:opacity 0.2s ease 0.2s;
			opacity:0;
		}
		.revealed {
			opacity:1;
		}
	
		.to_pull {
			transition:transform 0.2s ease 0.2s, opacity 0.2s ease 0.2s, width 0.2s ease 0s, height 0.2s ease 0s;
			-webkit-transition:transform 0.2s ease 0.2s, opacity 0.2s ease 0.2s, width 0.2s ease 0s, height 0.2s ease 0s;
			-ms-transition:transform 0.2s ease 0.2s, opacity 0.4s ease 0.2s, width 0.2s ease 0s, height 0.2s ease 0s;
			opacity:0;
			transform:translateY(100px);
			-webkit-transform:translateY(100px);
			-ms-transform:translateY(100px);
		}
		.pulled {
			opacity:1;
			transform:translateY(0);
			-webkit-transform:translateY(0);
			-ms-transform:translateY(0);
		}
	
		.vis
		{
			display:block;
		}
		div.invis, span.invis
		{
			display:none;
		}
		
		.centerer {
			text-align:center;
		}
		

a.special {
    background: #0069a6 none no-repeat scroll right center;
    border: 2px solid #0069a6;
    color: #fff;
    display: inline-block;
    font: 1em "OpenSans-Regular",sans-serif;
    margin: 0 auto 4px;
    padding: 6px 24px;
    text-decoration: none;
  /*  text-transform: uppercase;*/
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
}

a.special:hover {
    background: #fff url("../imgs/micro-arrow-right-blue.png") no-repeat scroll right center;
    color: #0069a6;
    padding: 6px 44px 6px 24px;
}
	
/* SHARE */

.shareinpage {
	display:inline-block;
	width:30%;
	vertical-align:top;
	background: #f5f5f5;
	padding: 10px;
	font-size: 0.9em;
}
.shareinpage > #share-buttons > .shareWrapper {
	column-count: 2;
}

#share-buttons {
	max-width: 980px;
	margin: 0 auto;
}
	.shareWrapper {
		overflow:hidden;
		line-height: 21px;
		transition:all 0.2s ease 0s;
		margin-top: 10px;
		font-size: 0.9em;
	}
	.shareWrapperOpen {
		height:125px;
	}
	
	a.shareSwitch {
		/* opacity:0.55; */
	}
	a.share, div.antic_infos a.share {
		display:block;
		opacity:0.55;
		transition:all 0.2s ease 0s;
		border:none;
		text-decoration: none;
	}
	a.share:hover, div.antic_infos a.share:hover {
		opacity:1;
		border:none;
	}
	a.sharePic {
		padding-left:25px;
	}
		.facebook {
			background:url('../imgs/share/facebook.png') no-repeat 0px 3px;
		}
		.twitter {
			background:url('../imgs/share/twitter.png') no-repeat 0px 3px;
		}
		.reddit {
			background:url('../imgs/share/reddit.png') no-repeat 0px 3px;
		}
		.pinterest {
			background:url('../imgs/share/pinterest.png') no-repeat 0px 3px;
		}
		.print {
			background:url('../imgs/share/print.png') no-repeat 0px 3px;
		}
		.email {
			background:url('../imgs/share/email.png') no-repeat 0px 3px;
		}
		
		.site_w {
			background:url('../imgs/share/site_w.png') no-repeat 0px 10px;
		}
		.facebook_w {
			background:url('../imgs/share/facebook_w.png') no-repeat 0px 10px;
		}
		.twitter_w {
			background:url('../imgs/share/twitter_w.png') no-repeat 0px 10px;
		}
		.instagram_w {
			background:url('../imgs/share/instagram_w.png') no-repeat 0px 10px;
		}
		.linkedin_w {
			background:url('../imgs/share/linkedin_w.png') no-repeat 0px 10px;
		}
		
blockquote
{
  font-style:normal;
  margin:0;
  /* font-family:"Segoe Print", "Times New Roman", Verdana; */
  padding-left: 55px;
  background:url('../imgs/quotemark.png');
  background-repeat:no-repeat;
  min-height: 30px;  
}
	
@media screen and (max-width:768px){
	body {
		font-size: 90%;
	}
		
	div#centercol, div#bottomcol {
		padding:0;
	}
	
	ul.global_menu {
		text-align: center;
	}
	
	
	div.menu {
		padding: 0 20px;
	}

	/* Box generique */
	div.box_generique_large_text, div.box_generique_large_img_right,  div.box_generique_large_img_left
	{
		width:100%;
		max-width: 100%;
		margin:0 0 50px 0;
	}
	div.box_generique_super_large_text
	{
		width:100%;
	}
	/* Box Galerie */
	div.vig_mode {
		width: 50%;
	}

	/* Box Top */

	div.box_top {
		height: 50vh;
	}
	
	
	.box_top_light_text {
		padding: 0 20px;
	}
		
	/* Box Lien */
	li.marge_e, li.no_marge_e
	{
		width: 100%;
	}
	li.marge_b,li.no_marge_b
	{
		margin:10px;
	}
	
	/* Box col */
	div.box_col_content, div.double, div.triple, div.dmarge, div.tmarge {
		width:100%;
		margin:0 0 25px 0;
	}
	
	/* Box Actu */
	.cat_wrapper {
		padding:0 20px;
	}
	
	span.cat {
		font-size:0.8em;
		padding: 3px 8px;
	}
	
	h1.nopic
	{
		margin:25px 0;
	}
	div.cat_col
	{
		width: 100%;
	}
	div.antic_leftcol
	{
		width:100%;
	}
	div.antic_rightcol
	{
		width:80%;
		float:left;
		margin:50px 0 0 35px;
	}
	div.antic_maincol
	{
		width:100%;
	}
	span.modif
	{
		display:none;
	}
	span.antic_fx
	{
		background: url("../imgs/link_mini.png") no-repeat scroll center center #00a3de;
		display:block;
		line-height: 0;
		margin: 5px 0 25px 0;
		overflow: hidden;
		width: 100%;
	}
	
	.hidden_news {
		border: medium none;
		margin: 0;
		width: 0;
		padding:0;
	}
	.super_class {
		width: 65%;
	}
	
	div.cat_wrapper {
		padding:0 20px;
	}
	
	div.news_filter_wrapper {
		padding:0 20px;
	}
	
	/* Box_fiche */
	div.menu_fiche_d
	{
		width:100%;
		margin:0 0 50px 0;
	}
	div.rail_fiche_d
	{
		width:100%;
	}

	a.bt_fiche_e, a.bt_fiche_f {
		width: 50%;
	}
	
	a.bt_fiche_b {
		width: 100%;
		padding: 0 10px;
	}
		a.bt_fiche_b span.infos_fiche_b {
			padding: 0 0 0 10px;
		}
	
	/* Box Edition */
	a.edition_wrapper {
		width: 50%;
	}
	
	
	/* Module Retro */
	div.retro
	{
		width:auto;
	}
	.retro_pic
	{
		width:auto;
	}	
	
	div.box_top {
		margin: 0 0 50px;
	}

	div.box_generique_large {
		padding: 0 20px;
	}
	div.grey {
		padding: 40px 20px;
	}
	div.box_col {
		padding:0 20px;
	}
	div.box_lien_large {
		padding: 0 20px;
	}
	div.box_titre {
		padding: 70px 20px 25px;
	}
	
	div#flap_wrapper {
		margin: 80px auto 100px;
	}
	
	.decal_bottom {
		padding: 0 20px;
	}
	
	.brick_large {
		width: 100%;
	}
	span.desc_ss_rubrique {
		width:100%;
		padding: 20px 20px 40px 20px;
	}
}


@media screen and (max-width:640px) {
	
	.dock_closed div#in_dock {
		width:100%;
	}
	
	div#logo {
		display:none;
	}
	
	span#menu_lab {
		display:none;
	}
	h1 {
		font-size:2.4em;
	}
	span.cat_box_top {
		font-size:1em;
		padding: 4px 6px;
	}
	h1.titre_box_top_mid {
		font-size:1.6em;
	}
	h2.sous_titre_box_top_mid {
		color: #fff;
		font: 1.2em "OpenSans-Regular",Verdana,sans-serif;
		margin: 0;
	}
	div.diapo_mid {
		width:100%;
		height: 250px;
	}
	
	.menu_antic {
		margin:5px auto 50px;
		height:auto;
	}
	
		span.infos_antic_min, .big_antic span.infos_antic_min, .projet_antic span.infos_antic_min {
			display: inline-block;
			line-height: 1.1em;
			max-width: 100%;
			padding: 6px 0;
		}
			span.menu_titre_min {
				display: inline-block;
				font: 1.2em/1em "GothamBoldRegular";
				margin: 6px 0 0;
				transition: all 0.2s ease-in-out 0s;
			}
			
	span.wrapper_illus_min, .big_antic span.wrapper_illus_min, .projet_antic span.wrapper_illus_min {
		display: block;
		max-width: 100%;
		position: static;
		text-align: center;
	}
		
	.hidden_news {
		border: medium none;
		margin: 0;
		height: 0;
		padding:0;
	}
	div.antic_infos, div.antic_content {
		display: block;
		width: 100%;
	}
	a.skin_list {
		display: block;
		margin: 0 20px 18px;
	}
	div.footer_infos {
		display:none;
	}
	
	.menu_opened div#topbar a.showmenu span.mid_menu_bar {
		top: 7px;
		transform: translateX(0);
		width: 0;
	}
	li.dock_li {
		margin: 0 0 15px;
	}
	a.dock_a, a.dock_a_sel {
		font: 2em/1.3em "GothamBoldRegular",sans-serif;
	}

	a#search_bt {
		display:none;
	}
	a#search_close {
		left: 8px;
		top: 8px;
	}
	#breadcrumb_wrapper {
		display:none;
	}
	div#search_display {
		margin:100px auto 50px;
		max-width: 100%;
		padding: 0 20px;
	}
	input#search_field {
		font-size: 2em;
		max-width: 100%;
		padding: 0 50px 0.2em 0;
	}
	span#sghost::before {
		font-size: 2em;
		right: 20px;
		top: 8px;
	}
	.brick {
		margin: 0;
	}
	span.titre_ss_rubrique {
		bottom: 15px;
		font: 1.2em/1.1em "GothamBoldRegular",sans-serif;
		left: 15px;
	}

	a.bt_fiche_e, a.bt_fiche_f {
		width: 100%;
	}

	div.vig_mode {
		width: 100%;
	}
	a#godown {
		display:none;
	}	
	li.bouton_sous_menu {
		display: block;
		margin: 0 10px 0 0;
	}
	
	a.edition_wrapper {
		width: 100%;
	}
	div.popup_edition img {
		float:none;
		display: block;
		margin: 0 auto 25px;
		max-width: 50%;
	}

	div.popup_edition_infos {
		width: 100%;
		padding:0 20px;
	}

	div#flap_titre {
		display: none;
	}
	div.fiche_d a.bt_fiche_d {
		font: 1.2em/1em "GothamBoldRegular",Verdana,sans-serif;
		padding: 16px 0 16px 10px;
	}

	div.pad_fiche_e, div.pad_fiche_f, div.pad_fiche_c {
		max-width: 100%;
		padding: 0 20px;
	}
	div.pad_fiche_d {
		padding: 25px 20px 50px 20px;
	}
	div.text_fiche {
		width: 100%;
	}
	
	a.bt_fiche_c {
		margin: 1%;
		width: 98%;
	}
	
	li.marge_e, li.no_marge_e {
		margin: 0 0 20px;
	}
	a.box_lien_large_e {
		min-height:100px;
	}
	a.box_lien_large_e .box_link_mini {
		height: 100px;
	}
	a.box_lien_large_e img {
		height: 100px;
	}
	a.box_lien_large_e .content_box_lien_large_e {
		padding: 0 20px 0 120px;
	}
	
	a.box_lien_large_f .box_link_mini {
		height: 60px;
	}
	a.box_lien_large_f img {
		height: 60px;
	}
	a.box_lien_large_f .content_box_lien_large_f {
		padding: 0 0 0 120px;
	}

	.box_top_light_img {
		height: 200px;
	}
	.box_top_light_text {
		margin:0;
	}
	
	.antic_infos {
		margin:0 0 25px;
	}
	.decal_bottom {
		margin: 50px 0;
		padding:0;
	}
	
	div.space {
		height: 35px;
	}
	
	div.antic {
		padding:0 20px;
	}
	
	img.illus_min {
		height: auto;
		width: 100%;
	}
	
	div.thumbs {
		display:none;
	}
	
	div#antic_title_wrapper {
		padding: 0 20px;
		width: 100%;
	}
	div.news_filter_wrapper {
		width:100%;
		margin: 0 auto;
	}
	.toptoolsantic {
			max-width: 980px;
			margin: 100px auto 15px;
	}
}


/* MEDIA PRINT */
@media print {
	
	 * {
		background:transparent!important;
		color:#000!important;
		box-shadow:none!important;
		text-shadow:none!important
	 }
	
	#bg-transition, .js-bg-transition, .bg-light, .no-bg, .intro {
		width:0;
		height:0;
		opacity:0;
		visibility:hidden;
		left:-100%;
	}
	
	#topbar, div.antic_infos, div.cat_wrapper, div.submemu_antic, div.thumbs, a#gotop, div#footer_article  {
		display:none;
		visibility:hidden;
		height:0;
		width:0;
	}
	div.antic_content {
		width:100%;
	}
	div.footer_infos {
		width:46%;
		min-height:auto;
	}
	div.to_pull {
		opacity:1;
	}
	
	div#box_top_slide {
		position:static;
		height:auto;
	}
}