/* CSS Document pour les pages d'exemple pour les sites d'Europarl */

/* ======================================================================================================== */
/* Import des styles generaux */
	/* Reinitialisation des balises */
	@import "../../common/css/reset.css";
	/* Styles gerant la structure principale de la page */
		/* Styles generaux */
		@import "../../common/css/common.css";
		/* Styles pour la zone de pied de page */
		@import "../../external/css/footer.css";
		/* Styles pour la zone principale */
		@import "../../external/css/body.css";
		/* Styles pour la boite */
		@import "../../common/css/box.css";
		/* Styles pour le contenu des boites */
		@import "../../common/css/content.css";
		/* Styles pour les corrections de contenu des boites */
		@import "../../common/css/alteration.css";
		/* Styles pour la boite modale "EP Box" */
		@import "../../common/css/epbox.css";
	/* Import gerant le design pour l'impression */
		@import "../../common/css/print.css";
	
/* Fin d'import */ 	
/* ======================================================================================================== */

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

	#header{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					0;
		background-color:			#092e52;
		background-image: 			url(../../common/img/background/header_bg_main.png);
		background-repeat: 			repeat-x;
		background-position:		top;
	}

	/* TITRE & LOGO - Conteneur de position */
	#header #headertitle{
		position:					relative;
		display:					block;
		z-index:					10;
		top:						-1px;
		left:						-25px;
		width:						925px;
		margin:						0 auto;
		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;
	}