/* CSS Document pour les pages de la galaxie Europarl [createur Olivier Pellichero] */
/* CSS structurant l'entete generique de toutes les pages de la galaxie */

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

	/* CONTENEUR : Conteneur principal */
	#header{
		position:					relative;
		display:					block;
		z-index:					20;
		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;
	}

/* ======================================================================================================== */
/* = 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;
}

/* ======================================================================================================== */
/* = 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;
	}
	#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;
		z-index:					20;
		top:						2px;
		right:						1px;
		float:						none;
		width:						15em;
		max-width:					15em;
		height:						2em;
		margin:						0;
		padding:					0;
		background-color:			#f1f3f4;
		background-image:			url(../img/background/header_bg_menulang_field.png);
		background-position:		top;
		background-repeat:			repeat-x;
		box-shadow:					1px 2px 5px #c1c1c2;
		border-radius:				3px;
		-moz-border-radius:			3px;
	}
	/* 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;
		z-index:					10;
		cursor:						pointer;
		width:						11.9em;
		margin:						0;
		padding:					0.3em 2.5em 0.4em 0.6em;
		background-image:			url(../img/icon/header_icon_menulang_arrow.png);
		background-position:		11.7em 0.2em;
		background-repeat:			no-repeat;
		font-size:					1.1em;
		font-weight:				normal;
		color:						#13334d;
	}
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu div.ep_empty{
		color:						#999999;
	}
	/* 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:						0;
		width:						15em !important;
		margin:						0;
		padding:					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:						15em;
		margin:						0;
		padding:					0.5em 0 0 0;
		background-color:			#f1f3f4;
		border-radius:				3px;
		-moz-border-radius:			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;
		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-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{
		text-decoration:			underline;
	}
	body.ep_jsavailable #header #headermenu .ep_lang .ep_menu fieldset input.ep_selected{
		font-weight:				bold;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* MENU - Menu galaxy : Conteneur */
	#header #headermenu .ep_menu{
		position:					relative;
		display:					block;
		top:						10px;
		z-index:					10;
		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 6px 0.9em 6px;
	}
	#header #headermenu .ep_menu ul li a,
	#header #headermenu .ep_menu ul li span{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					0;
		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 : Sous menu (conteneur principal) */
	#header #headermenu .ep_menu ul #menumore div{
		position:					relatif;
		display:					block;
		float:						left;
	}
	/* MENU - Menu galaxy : Sous menu (titre) */
	#header #headermenu .ep_menu ul #menumore 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{
		float:						none;
		clear:						both;
		overflow:					hidden;
	}
	/* MENU - Menu galaxy : Sous menu (element) */
	#header #headermenu .ep_menu ul #menumore 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{
		margin:						-1px 0;
		padding:					0 6px;
		font-weight:				normal;
		text-shadow:				none;
		white-space:				nowrap;
	}
	/* MENU - Menu galaxy : Version JS (deplacement menu) */
	body.ep_jsavailable #header #headermenu .ep_menu{
		right:						-12px;
	}
	/* MENU - Menu galaxy : Version JS (conteneur) */
	body.ep_jsavailable #header #headermenu .ep_menu ul #menumore{					padding-right:		0;			}
	/* MENU - Menu galaxy : Version JS (selection conteneur) */
	body.ep_jsavailable #header #headermenu .ep_menu ul #menumore.ep_selected{		background-color:	#0d3657;	}
	/* MENU - Menu galaxy : Version JS (affichage du sous titre) */
	body.ep_jsavailable #header #headermenu .ep_menu ul #menumore span,
	body.ep_jsavailable #header #headermenu .ep_menu ul #menumore a.ep_open, 	body.ep_jsavailable #header #headermenu .ep_menu ul #menumore a.ep_close{
		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 : Version JS (conteneur) */
	body.ep_jsavailable #header #headermenu .ep_menu ul #menumore 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{
		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{
		margin:						12px;
	}

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

	/* ZONE PROMOTIONNELLE - General : Conteneur principal */
	#header #headerpromotion{
		position:					relative;
		display:					block;
		overflow:					visible;
		z-index:					15;
		left:						650px;
		width:						275px;
		margin:						0;
		padding:					20px 0 0 0;
		font-size:					1em;
	}
	#header #headerpromotion.ep_2elements,
	#header #headerpromotion.ep_3elements,
	#header #headerpromotion.ep_4elements,
	#header #headerpromotion.ep_5elements,
	#header #headerpromotion.ep_6elements,
	#header #headerpromotion.ep_7elements,
	#header #headerpromotion.ep_8elements,
	#header #headerpromotion.ep_9elements,
	#header #headerpromotion.ep_10elements{			overflow-x:		scroll;		}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* ZONE PROMOTIONNELLE - General : Liste d'element (conteneur) */
	#header #headerpromotion ul{
		display:					block;
		overflow:					hidden;
		top:						0;
		left:						0;
		margin:						0;
		padding:					0;
		font-size:					1em;
	}
	#header #headerpromotion.ep_2elements ul{		width:			560px;		}
	#header #headerpromotion.ep_3elements ul{		width:			845px;		}
	#header #headerpromotion.ep_4elements ul{		width:			1130px;		}
	#header #headerpromotion.ep_5elements ul{		width:			1415px;		}
	#header #headerpromotion.ep_6elements ul{		width:			1700px;		}
	#header #headerpromotion.ep_7elements ul{		width:			1985px;		}
	#header #headerpromotion.ep_8elements ul{		width:			2270px;		}
	#header #headerpromotion.ep_9elements ul{		width:			2555px;		}
	#header #headerpromotion.ep_10elements ul{		width:			2840px;		}
	/* ZONE PROMOTIONNELLE - General : Liste d'element (element) */
	#header #headerpromotion li{
		position:					relative;
		display:					block;
		float:						left;
		margin:						-1px 0 0 0;
		padding:					20px 0;
		width:						273px;
		font-size:					1em;
	}
	#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:					block;
		margin:						0;
		padding:					0;
		background-repeat:			no-repeat;
		font-size:					1em;
		text-decoration:			none;
	}
	/* 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;
		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 - 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:				0;
	}
	/* ZONE PROMOTIONNELLE - Activation javascript (correction du design des liens) */
	body.ep_jsavailable #header #headerpromotion.ep_animated ul{
		overflow:					visible;
		width:						auto;
	}
	body.ep_jsavailable #header #headerpromotion.ep_animated li{
		position:					absolute;
		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;
		bottom:						9px;
		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;
		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;
	}