/* CSS Document pour les pages de la galaxie Europarl */
/* CSS structurant l'entete generique de toutes les pages de la galaxie */

/* ======================================================================================================== */
/* = HEADER - CONTENEUR =================================================================================== */
/* ======================================================================================================== */

	/* CONTENEUR : Conteneur principal */
	#header{
		position:					relative;
		display:					block;
		z-index:					70;
		cursor:						default;
		min-width:					975px;
		margin:						0;
		padding:					3.5em 0 0 0;
		background-color:			#092e52;
		background-image:			url(../img/background/header_bg_main.png);
		background-position:		top;
		background-repeat:			repeat-x;
		border-bottom:				5px hidden transparent;
		border-bottom-width:		5px;
		border-style:				none;
		border-color:				transparent;
		font-size:					1em;
	}
	/* CONTENEUR : Conteneur incluant une eventuelle banniere */
	#header #header{
		position:					relative;
		display:					block;
		top:						0;
		left:						0;
		margin:						0;
		padding:					0;
		background:					none;
		font-size:					1em;
	}
	/* CONTENEUR : Conteneur gerant le positionnement des elements */
	#header #headerwrapper_title, #header #headerwrapper_menu, #header #headerwrapper_promo{
		position:					absolute;
		display:					block;
		overflow:					visible;
		top:						0;
		left:						0;
		min-height:					15em;
		margin:						0;
		padding:					0;
		font-size:					1em;
	}
	/* CONTENEUR : Conteneur gerant le positionnement (correctif > zone titre) */
	#header #headerwrapper_title{
		z-index:					10;
		top:						3.5em;
		width:						100%;
	}
	/* CONTENEUR : Conteneur gerant le positionnement (correctif > zone menu linguistique et galaxie) */
	#header #headerwrapper_menu{
		z-index:					30;
		right:						0;
		min-height:					3.5em;
		background-color:			#10446d;
		background-image:			url(../img/background/header_bg_menu.png);
		background-position:		top;
		background-repeat:			repeat-x;
		border-bottom:				1px solid #0f3e64;
	}
	/* CONTENEUR : Conteneur gerant le positionnement (correctif > zone promotionnelle) */
	#header #headerwrapper_promo{
		position:					relative;
		/z-index:					20;
		width:						925px;
		margin-left:				auto;
		margin-right:				auto;
	}
	/* CONTENEUR : Conteneur gerant le positionnement (correctif > page avec menu linguistique) */
	body.ep_languageheader #header{								padding-top:	0; 		}
	body.ep_languageheader #header #headerwrapper_menu{			display:		none; 	}
	body.ep_languageheader #header #headerwrapper_title{			top:			0; 		}
	body.ep_languageheader #header #headerwrapper_title, body.ep_languageheader #header #headerwrapper_menu, body.ep_languageheader #header #headerwrapper_promo{	min-height: 10em; }
	body.ep_languageheader #header #headertitle span.ep_align{	min-height:		9.8em;	}

/* ======================================================================================================== */
/* = HEADER - TITRE & LOGO ================================================================================ */
/* ======================================================================================================== */

	/* TITRE & LOGO - Conteneur de position */
	#header #headertitle{
		position:					relative;
		display:					block;
		z-index:					10;
		top:						-1px;
		left:						-25px;
		width:						925px;
		margin:						0 auto;
		height:						1px;
		padding:					0;
		vertical-align:				middle;
		text-shadow:				1px 1px 1px #0d0d0d;
		font-size:					1em;
	}
	#header #headertitle > span{
		position:					relative;
		display:					inline-block;
		vertical-align:				middle;
		letter-spacing:				-0.04em;
	}
	/* TITRE & LOGO - Conteneur d'alignement */
	#header #headertitle span.ep_align{	min-height:	14.8em;	}
	/* TITRE & LOGO - Gestion de l'alignement du logo et du titre */
	#header #headertitle span.ep_title{
		margin-top:					20px;
		margin-left:				-37px;
		font-size:					1em;
		font-weight:				normal;
		text-decoration:			none;
		line-height:				1.6em;
		color:						#FFFFFF;
	}
	#header #headertitle span.ep_title > img,
	#header #headertitle span.ep_title > span{
		position:					static;
		display:					inline-block;
		vertical-align:				bottom;
		letter-spacing:				-0.04em;
	}
	#header #headertitle span.ep_title > span{
		margin-bottom:				1px;
		margin-left:				10px;
		padding-left:				15px;
		border-left:				1px solid #fff;
	}
	/* TITRE & LOGO - Masque du lien */
	#header #headertitle span.ep_title  span.ep_endbox {
		position: 					absolute;
		display: 					block;
		cursor:						default;
		top: 						0;
		left: 						85px;
		width: 						200px;
		height: 					52px;
		opacity:					0;
		filter:						alpha(opacity=0);
		background: 				#ffffff;
	}
	/* TITRE & LOGO - Conteneur du titre */
	#header #headertitle span.ep_title .ep_galaxy,
	#header #headertitle span.ep_title .ep_site{
		position:					static;
		display:					inline-block;
		margin:						0;
		padding:					0;
		font-size:					2em;
		letter-spacing:				normal;
	}
	#header #headertitle span.ep_title .ep_galaxy span + span{
		position:					absolute;
		display:					block;
		top:						0;
		left:						0;
		width:						112px;
		height:						63px;
		background-color:			#fff;
		opacity:					0;
		filter:						alpha(opacity=0);
	}
	#header #headertitle span.ep_title .ep_site{
		margin-top:					3px;
		font-family:				"Arial Black", Arial, Helvetica, sans-serif;
		font-weight:				900;
	}
	/* TITRE & LOGO - Conteneur du titre (separateur) */
	#header #headertitle span.ep_title .ep_galaxy + span{
		position:					relative;
		display:					block;
		overflow:					hidden;
		height:						0;
	}
	/* TITRE & LOGO - Lien */
	#header #headertitle span.ep_title a:link, #header #headertitle span.ep_title a:visited{
		text-decoration:			none;
		color:						#FFFFFF;
	}
	#header #headertitle span.ep_title a:hover, #header #headertitle span.ep_title a:focus, #header #headertitle span.ep_title a:active{
		text-decoration:			underline;
		color:						#FFFFFF;
	}
	/* TITRE & LOGO - Version linguistique */
	#header #headertitle a.ep_title{
		position:					relative;
		display:					inline-block;
		vertical-align:				middle;
		letter-spacing:				-0.04em;
	}
	#header #headertitle a.ep_title img{
		position:					relative;
		display:					block;
		top:						0;
		margin:						0 0 0 25px;
		padding:					0;
	}
	#header #headertitle a.ep_title:link 	img,
	#header #headertitle a.ep_title:visited 	img{
		opacity:					1;
		filter:						alpha(opacity=100);
	}
	#header #headertitle a.ep_title:hover 	img,
	#header #headertitle a.ep_title:focus 	img,
	#header #headertitle a.ep_title:active 	img{
		opacity:					0.7;
		filter:						alpha(opacity=70);
	}
	#header #headertitle a.ep_title span.ep_align{	min-height:	14.8em;	}
	#header #headertitle a.ep_title span{
		position:					absolute;
		display:					block;
		overflow:					hidden;
		top:						0;
		left:						-100000px;
		width:						1px;
		height:						1px;
		margin:						0;
		padding:					0;
	}
	/* TITRE & LOGO - Correction de l'affichage pour l'ancien logo */
	body.ep_oldlogo #header #headertitle{
		position:					relative;
		display:					block;
		z-index:					10;
		top:						-1px;
		left:						-25px;
		width:						925px;
		margin:						0 auto;
		height:						1px;
		padding:					0;
		vertical-align:				middle;
		text-shadow:				1px 1px 1px #0d0d0d;
		font-size:					1em;
	}
	body.ep_oldlogo #header #headertitle span,
	body.ep_oldlogo #header #headertitle .ep_title span{
		position:					relative;
		display:					inline-block;
		vertical-align:				middle;
		letter-spacing:				-0.04em;
	}
	body.ep_oldlogo #header #headertitle span.ep_title{
		margin-top:					0;
		margin-left:				0;
		padding-top:				50px;
	}
	body.ep_oldlogo #header #headertitle span.ep_title > img, 
	body.ep_oldlogo #header #headertitle span.ep_title > span{
		position:					absolute;
		display:					block;
		top:						0;
		left:						-100000px;
		width:						1px;
		height:						1px;
		margin:						0;
		padding:					0;
	}
	body.ep_oldlogo #header #headertitle span.ep_align{	min-height:	14.8em;	}
	body.ep_oldlogo #header #headertitle .ep_title  span.ep_endbox,
	body.ep_oldlogo #header #headertitle span.ep_title >  .ep_galaxy + span.ep_endbox {
		position: 					absolute;
		display: 					block;
		cursor:						default;
		top: 						-5px;
		left: 						85px;
		width: 						200px;
		height: 					57px;
		margin:						0;
		padding:					0;
		opacity:					0;
		filter:						alpha(opacity=0);
		background: 				#ffffff;
	}
	body.ep_oldlogo #header #headertitle span.ep_title .ep_galaxy,
	body.ep_oldlogo #header #headertitle span.ep_title .ep_site{
		font-size:					1em;
		line-height:				1em;
		letter-spacing:				-0.04em;
	}
	body.ep_oldlogo #header #headertitle span.ep_title >  .ep_galaxy + span{
		position:					relative;
		display:					inline-block;
		overflow:					visible;
		left:						auto;
		width:						auto;
		height:						auto;
		margin:						0;
		padding:					0;
		border:						none;
	}
	body.ep_oldlogo #header #headertitle span.ep_title{
		padding:					50px 0 0 0;
		font-size:					2em;
		font-weight:				normal;
		text-decoration:			none;
		color:						#FFFFFF;
	}
	body.ep_oldlogo #header #headertitle span.ep_title .ep_galaxy{
		position:					static;
		display:					inline;
		padding: 					52px 0 0 25px;
		background-image:			url(../img/icon/header_icon_eplogo_old.png);
		background-position:		left top;
		background-repeat:			no-repeat;
	}
	body.ep_oldlogo #header #headertitle span.ep_title .ep_site{
		font-family:				"Arial Black", Arial, Helvetica, sans-serif;
	}
	body.ep_oldlogo #header #headertitle span.ep_title a:link, #header #headertitle span.ep_title a:visited{
		text-decoration:			none;
		color:						#FFFFFF;
	}
	body.ep_oldlogo #header #headertitle span.ep_title a:hover, #header #headertitle span.ep_title a:focus, #header #headertitle span.ep_title a:active{
		text-decoration:			underline;
		color:						#FFFFFF;
	}

/* ======================================================================================================== */
/* = HEADER - MENU ======================================================================================== */
/* ======================================================================================================== */

	/* MENU - Conteneur principal */
	#header #headermenu{
		position:					relative;
		display:					block;
		z-index:					20;
		clear:						both;
		top:						0;
		width:						925px;
		margin:						0 auto;
		padding:					0;
		font-size:					1em;
	}
	#header #headermenu .ep_wrapper{
		position:					relative;
		display:					block;
		width:						925px;
		min-height:					3.5em;
		margin:						0 auto;
		padding:					0;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* MENU - Menu linguistique : Conteneur */
	#header #headermenu .ep_lang{
		position:					relative;
		display:					block;
		z-index:					15;
		float:						left;
		max-width:					29%;
		margin:						0;
		padding:					0.6em 0 0.4em 0;
		font-size:					1em;
	}
	/* MENU - Menu linguistique : Bouton de validation */
	#header #headermenu .ep_lang input{
		position:					relative;
		display:					inline-block;
		cursor:						pointer;
		margin:						0;
		padding:					0.1em 3px;
		background-color:			#FFFFFF;
		border:						1px solid #DADFE2;
		border-radius:				3px;
		-moz-border-radius:			3px;
		box-shadow: 				0 1px 1px #cccccc ;
		-moz-box-shadow: 			0 1px 1px #cccccc;
		-webkit-box-shadow: 		0 1px 1px #cccccc;
		font-size:					1.2em;
		font-weight:				bold;
		text-transform:				uppercase;
		text-shadow:				0 1px 1px #163c5b;
		color:						#195B92;
	}
	body[lang='el'] #header #headermenu .ep_lang input{
		text-transform:				none;
		font-size:					1.3em;
	}
	#header #headermenu .ep_lang input:hover, #header #headermenu .ep_lang input:focus, #header #headermenu .ep_lang input:active{
		background-color:			#F4F4F4;
	}
	/* MENU - Menu linguistique : Version JS (conteneur sans JS) */
	body #header #headermenu .ep_lang .ep_menu div.ep_selected,
	body #header #headermenu .ep_lang .ep_menu ul{
		display:					none;
	}
	/* MENU - Menu linguistique : Version JS (conteneur) */
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu{
		position:					relative;
		display:					block;
		box-sizing:					border-box;
		-moz-box-sizing:			border-box;
		z-index:					20;
		top:						1px;
		right:						1px;
		float:						none;
		height:						2em;
		margin:						0;
		padding:					0 3px 0 0;
		background-color:			#f1f3f4;
		border:						1px solid #f1f3f4;
		box-shadow:					1px 2px 5px rgba(193, 193, 193, 0.5);
		border-radius:				3px;
		-moz-border-radius:			3px;
		font-size:					1.1em;
	}
	/* MENU - Menu linguistique : Version JS (langue selectionnee) */
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu div.ep_selected,
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu div.ep_empty{
		position:					relative;
		display:					block;
		box-sizing:					border-box;
		-moz-box-sizing:			border-box;
		z-index:					10;
		cursor:						pointer;
		width:						11em !important;
		height:						2em;
		margin:						0;
		padding:					0.2em 26px 0 6px;
		background-image:			url(../img/icon/header_icon_menulang_arrow.png);
		background-position:		right 2px;
		background-repeat:			no-repeat;
		border-radius:				3px;
		-moz-border-radius:			3px;
		outline:					none;
		font-weight:				normal;
		color:						#13334d;
	}
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu div.ep_selected	span,
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu div.ep_empty	span{
		position:					relative;
		display:					block;
		z-index:					10;
		overflow:					hidden;
		cursor:						pointer;
		margin:						0;
		padding:					0;
		font-size:					1.1em;
		font-weight:				normal;
		white-space:				nowrap;
		color:						#13334d;
	}
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu div.ep_empty
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu div.ep_empty	span{
		color:						#999999;
	}
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu.ep_focus{
		background-color:			#fff;
		border-color:				#fff;
	}
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu div.ep_selected:focus,
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu div.ep_selected:active,
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu div.ep_empty:focus,
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu div.ep_empty:active,
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu.ep_focus div{
		background-color:			#fff;
		background-image:			url(../img/icon/header_icon_menulang_arrow_hover.png);
		color:						#000;
	}
	/* MENU - Menu linguistique : Version JS (langues disponibles >> conteneur) */
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu fieldset{
		position:					absolute;
		display:					block;
		float:						none;
		z-index:					5;
		top:						-3px;
		left:						-1px;
		width:						15em !important;
		margin:						0;
		padding:					2px 0 0 0;
		font-size:					1em;
	}
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu fieldset .ep_buttons{
		position:					absolute;
		display:					block;
		float:						none;
		z-index:					5;
		top:						1.5em;
		width:						100%;
		margin:						0.5em 0 0 0;
		padding:					0;
		background-color:			#f1f3f4;
		border-radius:				0 3px 3px 3px;
		-moz-border-radius:			0 3px 3px 3px;
		font-size:					1em;
	}
	/* MENU - Menu linguistique : Version JS (langues disponibles >> conteneur) */
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu fieldset legend{
		position:					absolute;
		display:					block;
		overflow:					hidden;
		z-index:					0;
		width:						15em;
		height:						1px;
		margin:						0;
		padding:					0;
		background:					none;
		font-size:					0.01em;
	}
	/* MENU - Menu linguistique : Version JS (langues disponibles >> lien) */
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu fieldset input{
		position:					relative;
		display:					block;
		overflow:					hidden;
		width:						100%;
		margin:						-1px 0 0 0;
		padding:					3px 5px 3px 0;
		background:					none;
		border-top:					1px solid #ffffff;
		border-bottom:				1px solid #DCE1E4;
		border-left:				1px solid #DCE1E4;
		border-right:				1px solid #DCE1E4;
		outline:					none;
		font-size:					1.1em;
		font-weight:				normal;
		text-indent:				5px;
		text-align:					left;
		text-transform:				none;
		text-decoration:			none;
		text-shadow:				none;
		color:						#13334d;
	}
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu fieldset input:hover,
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu fieldset input:focus,
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu fieldset input:active,
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu fieldset input.ep_focus{
		text-decoration:			underline;
	}
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu fieldset input.ep_selected{
		font-weight:				bold;
	}
	/* MENU - Menu linguistique : Version JS (affichage linguistique sur 2 caracteres) */
	#header #headermenu .ep_lang.ep_small form select{
		width:						3em;
	}
	body.ep_jsavailable #header #headermenu .ep_lang.ep_small .ep_menu div.ep_selected,
	body.ep_jsavailable #header #headermenu .ep_lang.ep_small .ep_menu div.ep_empty{
		box-sizing:					content-box;
		-moz-box-sizing:			content-box;
		width:						1.3em !important;
		height:						auto;
		padding-bottom:				2px;
	}
	body.ep_jsavailable #header #headermenu .ep_lang.ep_small .ep_menu fieldset .ep_buttons{
		border-radius:				0 3px 3px 3px;
		-moz-border-radius:			0 3px 3px 3px;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* MENU - Menu galaxy : Conteneur */
	#header #headermenu .ep_menu{
		position:					relative;
		display:					block;
		z-index:					10;
		top:						10px;
		right:						-12px;
		float:						right;
		margin:						0;
		padding:					0;
		font-size:					1em;
	}
	#header #headermenu .ep_menu ul{
		position:					relative;
		display:					block;
		float:						left;
		margin:						-10px 0 0 0;
		padding:					0;
	}
	/* MENU - Menu galaxy : Liens */
	#header #headermenu .ep_menu ul li{
		position:					relative;
		display:					block;
		float:						left;
		margin:						0;
		padding:					1.2em 8px 0.9em 8px;
		padding-bottom:				1.1em\9;
	}
	#header #headermenu .ep_menu ul li a,
	#header #headermenu .ep_menu ul li span{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					0;
		outline:					none;
		font-size:					1.1em;
		font-weight:				bold;
		text-decoration:			none;
		text-shadow:				1px 1px 1px #0d0d0d;
		color:						#FFFFFF;
	}
	/* MENU - Menu galaxy : Suppression du sous titre sans JS */
	#header #headermenu .ep_menu ul li span{
		display:					none;
	}
	/* MENU - Menu galaxy : Effet de lien */
	#header #headermenu .ep_menu ul li a:link, #header #headermenu .ep_menu ul li a:visited{
		text-decoration:			none;
		color:						#FFFFFF;
	}
	#header #headermenu .ep_menu ul li a:hover, #header #headermenu .ep_menu ul li a:focus, #header #headermenu .ep_menu ul li a:active,
	#header #headermenu .ep_menu ul li span:hover, #header #headermenu .ep_menu ul li span:focus, #header #headermenu .ep_menu ul li span:active{
		text-decoration:			underline;
		color:						#FFFFFF;
	}
	/* MENU - Menu galaxy : Lien "more" */
	#header #headermenu .ep_menu ul #menumore,
	#header #headermenu .ep_menu ul #jsmenumore{					padding-right:		0;			}
	#header #headermenu .ep_menu ul #menumore 		> a,
	#header #headermenu .ep_menu ul #menumore 		> span,
	#header #headermenu .ep_menu ul #jsmenumore 	> a,
	#header #headermenu .ep_menu ul #jsmenumore 	> span{
		display:					block;
		cursor:						pointer;
		margin:						0 0 0 3px;
		padding:					0 23px 0 0;
		background-image:			url(../img/icon/header_icon_menumore.png);
		background-position:		right 0.4em;
		background-repeat:			no-repeat;
	}
	/* MENU - Menu galaxy : Sous menu (conteneur principal) */
	#header #headermenu .ep_menu ul #menumore 		div,
	#header #headermenu .ep_menu ul #jsmenumore 	div{
		position:					relatif;
		display:					block;
		float:						left;
	}
	/* MENU - Menu galaxy : Sous menu (titre) */
	#header #headermenu .ep_menu ul #menumore 		div .ep_title,
	#header #headermenu .ep_menu ul #jsmenumore 	div .ep_title{
		position:					relatif;
		display:					block;
		float:						none;
		clear:						both;
		margin:						10px 0;
		padding:					0;
		font-size:					1.1em;
		font-weight:				bold;
		color:						#FFFFFF;
	}
	/* MENU - Menu galaxy : Sous menu (conteneur elements) */
	#header #headermenu .ep_menu ul #menumore 		div ul,
	#header #headermenu .ep_menu ul #jsmenumore 	div ul{
		float:						none;
		clear:						both;
		overflow:					hidden;
	}
	/* MENU - Menu galaxy : Sous menu (element) */
	#header #headermenu .ep_menu ul #menumore 		div ul li,
	#header #headermenu .ep_menu ul #jsmenumore 	div ul li{
		left:						-7px;
		margin:						0 0 5px 0;
		padding:					0;
		border-left:				1px solid #ffffff;
	}
	#header #headermenu .ep_menu ul #menumore 		div ul li a,
	#header #headermenu .ep_menu ul #jsmenumore 	div ul li a{
		margin:						-1px 0;
		padding:					0 6px;
		font-weight:				normal;
		text-shadow:				none;
		white-space:				nowrap;
	}
	/* MENU - Menu galaxy : Version JS (selection conteneur) */
	body.ep_jsavailable #header #headermenu .ep_menu ul #menumore.ep_selected,
	body.ep_jsavailable #header #headermenu .ep_menu ul #jsmenumore.ep_selected{		background-color:	#0d3657;	}
	/* MENU - Menu galaxy : Version JS (conteneur) */
	body.ep_jsavailable #header #headermenu .ep_menu ul #menumore	 	div,
	body.ep_jsavailable #header #headermenu .ep_menu ul #jsmenumore	div{
		position:					absolute;
		top:						3.5em;
		right:						0;
		min-width:					30em;
		max-width:					inherit;
		background-color:			#0d3657;
	}
	body.ep_jsavailable #header #headermenu .ep_menu ul #menumore 		div .ep_title,
	body.ep_jsavailable #header #headermenu .ep_menu ul #jsmenumore	div .ep_title{
		position:					relative;
		top:						0;
		width:						auto;
		margin-left:				12px;
		margin-right:				12px;
		margin-bottom:				-6px;
		background:					none;
	}
	body.ep_jsavailable #header #headermenu .ep_menu ul #menumore 		div ul,
	body.ep_jsavailable #header #headermenu .ep_menu ul #jsmenumore	div ul{
		margin:						12px;
	}

/* ======================================================================================================== */
/* = HEADER - ZONE PROMOTIONNELLE ========================================================================= */
/* ======================================================================================================== */

	/* ZONE PROMOTIONNELLE - General : Conteneur principal */
	#header #headerpromotion{
		position:					relative;
		display:					block;
		overflow:					visible;
		z-index:					15;
		top:						-5px;
		left:						650px;
		width:						275px;
		margin:						0;
		padding:					0;
		font-size:					1em;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* ZONE PROMOTIONNELLE - General : Liste d'element (conteneur) */
	#header #headerpromotion ul{
		position:					relative;
		display:					block;
		overflow-x:					scroll;
		overflow-y:					hidden;
		top:						20px;
		left:						0;
		min-height:					132px;
		margin:						0;
		padding:					0;
		font-size:					1em;
		white-space:				nowrap;
		letter-spacing:				-0.3em;
	}
	/* ZONE PROMOTIONNELLE - General : Liste d'element (element) */
	#header #headerpromotion li{
		position:					relative;
		display:					inline;
		margin:						-1px 0 0 0;
		padding:					0;
		width:						273px;
		font-size:					1em;
		vertical-align:				top;
	}
	#header #headerpromotion.ep_2elements ul li,
	#header #headerpromotion.ep_3elements ul li,
	#header #headerpromotion.ep_4elements ul li,
	#header #headerpromotion.ep_5elements ul li,
	#header #headerpromotion.ep_6elements ul li,
	#header #headerpromotion.ep_7elements ul li,
	#header #headerpromotion.ep_8elements ul li,
	#header #headerpromotion.ep_9elements ul li,
	#header #headerpromotion.ep_10elements ul li{				padding-left:	12px;	}
	#header #headerpromotion.ep_2elements ul li:first-child,
	#header #headerpromotion.ep_3elements ul li:first-child,
	#header #headerpromotion.ep_4elements ul li:first-child,
	#header #headerpromotion.ep_5elements ul li:first-child,
	#header #headerpromotion.ep_6elements ul li:first-child,
	#header #headerpromotion.ep_7elements ul li:first-child,
	#header #headerpromotion.ep_8elements ul li:first-child,
	#header #headerpromotion.ep_9elements ul li:first-child,
	#header #headerpromotion.ep_10elements ul li:first-child{	padding-left:	0;		}
	/* ZONE PROMOTIONNELLE - General : Liste d'element (lien) */
	#header #headerpromotion li a{
		position:					relative;
		display:					inline-block;
		margin:						4px 0 5px 0;
		padding:					0;
		background-repeat:			no-repeat;
		font-size:					1em;
		white-space:				normal;
		letter-spacing:				normal;
		text-decoration:			none;
		vertical-align:				top;
	}
	/* ZONE PROMOTIONNELLE - General : Liste d'element (lien > debug IE) */
	#header #headerpromotion li a .ep_endbox{
		position:					absolute;
		display:					block;
		z-index:					30;
		cursor:						pointer;
		opacity:					0;
		filter:						alpha(opacity=0);
		top:						0;
		bottom:						0;
		width:						273px;
		height:						auto;
		margin:						0;
		padding:					0;
		background-color:			#FFFFFF;
		font-size:					0.1em;
		white-space:				normal;
		letter-spacing:				normal;
		text-decoration:			none;
	}
	/* ZONE PROMOTIONNELLE - General : Liste d'element (lien > image) */
	#header #headerpromotion li a .ep_img{
		position:					relative;
		display:					block;
		z-index:					10;
		overflow:					hidden;
		margin:						0;
		padding:					0;
		font-size:					1em;
		text-decoration:			none;
	}
	#header #headerpromotion li a .ep_img img{
		position:					relative;
		display:					block;
	}
	#header #headerpromotion li a .ep_img span{
		position:					absolute;
		display:					block;
		top:						0;
		bottom:						0;
		width:						100%;
		margin:						0;
		padding:					0;
		background-color:			#FFFFFF;
		font-size:					1em;
		text-decoration:			none;
	}
	/* ZONE PROMOTIONNELLE - General : Liste d'element (lien > contenu) */
	#header #headerpromotion li a .ep_text{
		position:					relative;
		display:					block;
		z-index:					20;
		margin:						3px 0 0 0;
		padding:					0;
		font-size:					1em;
		line-height:				1.3em;
		text-decoration:			none;
	}
	/* ZONE PROMOTIONNELLE - General : Liste d'element (lien > contenu > titre) */
	#header #headerpromotion li a .ep_title{
		position:					relative;
		display:					block;
		margin:						3px 0 0 0;
		padding:					0;
		font-size:					1.1em;
		font-weight:				bold;
		line-height:				1.3em;
		color:						#FFFFFF;
	}
	/* ZONE PROMOTIONNELLE - General : Liste d'element (lien > contenu > chapo) */
	#header #headerpromotion li a .ep_content{
		position:					relative;
		display:					block;
		margin:						3px 0 0 0;
		padding:					0;
		font-size:					1.1em;
		line-height:				1.3em;
		color:						#a9d1f6;
		text-decoration:			none;
	}
	#header #headerpromotion li a .ep_title + .ep_content{	margin-top:	0; }
	#header #headerpromotion li a .ep_content span{
		position:					relative;
		display:					inline;
		margin:						0;
		padding:					0;
		font-size:					1em;
		line-height:				auto;
		text-decoration:			none;
	}
	/* ZONE PROMOTIONNELLE - General : Liste d'element (lien > contenu > auteur) */
	#header #headerpromotion li a .ep_author{
		position:					relative;
		display:					block;
		margin:						3px 0 0 0;
		padding:					0;
		font-size:					1.1em;
		font-weight:				bold;
		line-height:				1.3em;
		color:						#e5e5e5;
		text-decoration:			none;
	}
	/* ZONE PROMOTIONNELLE - General : Liste d'element (lien > contenu > source) */
	#header #headerpromotion li a .ep_source{
		position:					relative;
		display:					block;
		margin:						3px 0 0 0;
		padding:					0;
		font-size:					1em;
		font-weight:				bold;
		line-height:				1.3em;
		color:						#e5e5e5;
		text-decoration:			none;
	}
	/* ZONE PROMOTIONNELLE - General : Liste d'element (lien > effet de survol) */
	#header #headerpromotion li a:link, 					#header #headerpromotion li a:visited,
	#header #headerpromotion li a:hover, 					#header #headerpromotion li a:focus, 					#header #headerpromotion li a:active,
	#header #headerpromotion li a:link .ep_text, 			#header #headerpromotion li a:visited .ep_text,
	#header #headerpromotion li a:hover .ep_text, 			#header #headerpromotion li a:focus .ep_text, 			#header #headerpromotion li a:active .ep_text,
	#header #headerpromotion li a:link .ep_text span, 		#header #headerpromotion li a:visited .ep_text span,
	#header #headerpromotion li a:hover .ep_text span, 	#header #headerpromotion li a:focus .ep_text span, 	#header #headerpromotion li a:active .ep_text span{
		border:						none;
		outline:					none;
		text-decoration:			none;
	}
	#header #headerpromotion li a:link .ep_img span, 		#header #headerpromotion li a:visited .ep_img span,	#header #headerpromotion li a:hover .ep_img span{
		opacity:					0;
		filter:						alpha(opacity=0);
	}
	#header #headerpromotion li a:focus .ep_img span, 		#header #headerpromotion li a:active .ep_img span{
		opacity:					0.25;
		filter:						alpha(opacity=25);
	}
	#header #headerpromotion li a:link .ep_text .ep_title, #header #headerpromotion li a:visited .ep_title{
		text-decoration:			none;
	}
	#header #headerpromotion li a:hover .ep_title, 		#header #headerpromotion li a:focus .ep_title, 		#header #headerpromotion li a:active .ep_title{
		text-decoration:			underline;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* ZONE PROMOTIONNELLE - News : Lien (dimension minimale) */
	#header #headerpromotion li.ep_news a, #header #headerpromotion li.ep_news a .ep_endbox{		min-height:	70px;	}
	/* ZONE PROMOTIONNELLE - News : Lien (image) */
	#header #headerpromotion li.ep_news a .ep_img{
		position:					absolute;
		top:						0;
		left:						0;
		width:						120px;
		height:						70px;
		border:						1px solid #2c6a9d;
	}
	/* ZONE PROMOTIONNELLE - News : Lien (texte) */
	#header #headerpromotion li.ep_news a .ep_text{					margin-left:	134px;	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* ZONE PROMOTIONNELLE - Vignette : Lien */
	#header #headerpromotion li.ep_img a .ep_img{
		overflow:					hidden;
		top:						0;
		left:						0;
		width:						273px;
	}
	/* ZONE PROMOTIONNELLE - Vignette : Lien (texte) */
	#header #headerpromotion li.ep_img a .ep_text{						display:		none;	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* ZONE PROMOTIONNELLE - Facebook : Lien (dimension minimale) */
	#header #headerpromotion li.ep_facebook a, 		#header #headerpromotion li.ep_facebook a .ep_endbox{		min-height:	110px;	}
	/* ZONE PROMOTIONNELLE - Facebook : Lien (icone facebook) */
	#header #headerpromotion li.ep_facebook a{						background-image:	url(../img/icon/promotional_icon_facebook.png);	}
	#header #headerpromotion li.ep_facebook a:link, 	#header #headerpromotion li.ep_facebook a:visited{												background-position:		left 	84px;	}
	#header #headerpromotion li.ep_facebook a:hover, 	#header #headerpromotion li.ep_facebook a:focus, #header #headerpromotion li.ep_facebook a:active{	background-position:		-496px 	84px;	}
	/* ZONE PROMOTIONNELLE - Facebook : Lien (image) */
	#header #headerpromotion li.ep_facebook a .ep_img{
		position:					absolute;
		overflow:					hidden;
		top:						0;
		left:						0;
		width:						75px;
		height:						75px;
		border:						1px solid #2c6a9d;
	}
	/* ZONE PROMOTIONNELLE - Facebook : Lien (texte) */
	#header #headerpromotion li.ep_facebook a .ep_text{				margin-left:	90px;	}
	#header #headerpromotion li.ep_facebook a .ep_text .ep_source{
		position:					absolute;
		overflow:					hidden;
		top:						0;
		left:						-10000px;
		width:						1px;
		height:						1px;
	}
	/* ZONE PROMOTIONNELLE - Facebook version light */
	#header #headerpromotion li.ep_light a .ep_img{					position:		absolute;		display:		none;			}
	#header #headerpromotion li.ep_light a:link, 		#header #headerpromotion li.ep_light a:visited{													background-position:		left 	top;	}
	#header #headerpromotion li.ep_light a:hover, 	#header #headerpromotion li.ep_light a:focus, #header #headerpromotion li.ep_light a:active{		background-position:		-496px 	top;	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* ZONE PROMOTIONNELLE - Twitter : Lien (dimension minimale) */
	#header #headerpromotion li.ep_twitter a, 		#header #headerpromotion li.ep_twitter a .ep_endbox{		min-height:		30px;			}
	/* ZONE PROMOTIONNELLE - Twitter : Lien (icone twitter) */
	#header #headerpromotion li.ep_twitter a{						background-image:	url(../img/icon/promotional_icon_twitter.png);	}
	/* ZONE PROMOTIONNELLE - Twitter : Lien (effet de survol) */
	#header #headerpromotion li.ep_twitter a:link, 	#header #headerpromotion li.ep_twitter a:visited{													background-position:		left 	top;	}
	#header #headerpromotion li.ep_twitter a:hover, 	#header #headerpromotion li.ep_twitter a:focus, #header #headerpromotion li.ep_twitter a:active{		background-position:		-500px 	top;	}
	/* ZONE PROMOTIONNELLE - Twitter : Lien (suppression image) */
	#header #headerpromotion li.ep_twitter a .ep_img{					position:		absolute;		display:		none;			}
	/* ZONE PROMOTIONNELLE - Twitter : Lien (texte) */
	#header #headerpromotion li.ep_twitter a .ep_text{					margin-left:	84px;											}
	#header #headerpromotion li.ep_twitter a .ep_text .ep_content{		color:			#FFFFFF;										}
	#header #headerpromotion li.ep_twitter a .ep_text .ep_content span{	color:			#bcd5ee;										}
	#header #headerpromotion li.ep_twitter a .ep_text .ep_source{
		position:					absolute;
		overflow:					hidden;
		top:						0;
		left:						-10000px;
		width:						1px;
		height:						1px;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* ZONE PROMOTIONNELLE - Activation javascript (correction du design des liens) */
	body.ep_jsavailable #header #headerpromotion.ep_animated{
		overflow:					hidden;
		width:						275px;
		margin-bottom:				0;
		padding-top:				0;
		padding-bottom:				10px;
	}
	/* ZONE PROMOTIONNELLE - Activation javascript (correction du design des liens) */
	body.ep_jsavailable #header #headerpromotion ul{
		overflow:					hidden;
		top:						-1px;
		width:						auto;
		margin:						0;
		padding-top:				21px;
		padding-bottom:				8px;
	}
	/* ZONE PROMOTIONNELLE - Activation javascript (correction du design des liens) */
	body.ep_jsavailable #header #headerpromotion.ep_animated ul{
		overflow:					hidden;
		box-sizing:					border-box;
		-moz-box-sizing:			border-box;
		top:						0;
		width:						auto;
		margin:						0;
		padding-top:				21px;
		padding-bottom:				8px;
	}
	body.ep_jsavailable #header #headerpromotion.ep_animated li{
		position:					absolute;
		display:					block;
		float:						none;
		padding-left:				0;
		border:						none;
	}
	body.ep_jsavailable #header #headerpromotion.ep_animated li a span.ep_endbox{
		position:					absolute;
		display:					block;
		top:						0;
		bottom:						0;
		width:						100%;
	}
	/* ZONE PROMOTIONNELLE - Activation javascript (menu > conteneur) */
	body.ep_jsavailable #header #headerpromotion .ep_menu{		
		position:					absolute;
		display:					none;
	}
	body.ep_jsavailable #header #headerpromotion.ep_animated .ep_menu{	
		display:					block;
		z-index:					100;
		overflow:					hidden;
		bottom:						3px;
		right:						0;
		width:						100%;
		height:						10px;
		margin:						0;
		padding:					0;
		outline:					none;
		font-size:					1em;
	}
	body.ep_jsavailable #header #headerpromotion.ep_animated .ep_menu ul{	
		position:					relative;
		display:					block;
		overflow:					hidden;
		float:						right;
		margin:						0;
		padding:					0;
		outline:					none;
		font-size:					1em;
	}
	/* ZONE PROMOTIONNELLE - Activation javascript (menu > bouton) */
	body.ep_jsavailable #header #headerpromotion.ep_animated .ep_menu li{
		position:					relative;
		display:					block;
		overflow:					hidden;
		float:						left;
		width:						11px;
		height:						11px;
		margin:						0;
		padding:					0;
		font-size:					1em;
	}
	body.ep_jsavailable #header #headerpromotion.ep_animated .ep_menu li span{
		position:					relative;
		display:					block;
		cursor:						pointer;
		overflow:					hidden;
		width:						36px;
		height:						11px;
		margin:						0;
		padding:					0;
		background-image:			url(../img/icon/promotional_icon_button.png);
		background-position:		left top;
		background-repeat:			no-repeat;
		font-size:					1em;
	}
	body.ep_jsavailable #header #headerpromotion.ep_animated .ep_menu li span:hover,
	body.ep_jsavailable #header #headerpromotion.ep_animated .ep_menu li span:focus,
	body.ep_jsavailable #header #headerpromotion.ep_animated .ep_menu li span:active{
		left:						-11px;
	}
	body.ep_jsavailable #header #headerpromotion.ep_animated .ep_menu li span.ep_selected,
	body.ep_jsavailable #header #headerpromotion.ep_animated .ep_menu li span.ep_selected:hover,
	body.ep_jsavailable #header #headerpromotion.ep_animated .ep_menu li span.ep_selected:focus,
	body.ep_jsavailable #header #headerpromotion.ep_animated .ep_menu li span.ep_selected:active{
		left:						-25px;
	}