/* CSS Document pour le portail de la galaxie Europarl */
/* CSS gerant les styles generiques n'ayant pas de lien specifique avec l'emplacement dans la page */

/* ======================================================================================================== */

	/* Style permettant l'ajout de texte cache */
	.ep_hidden{
		position:					absolute;
		display:					block;
		overflow:					hidden;
		top:						0;
		left:						-100000px;
		width:						1px;
		height:						1px;
		margin:						0;
		padding:					0;
		background:					#FFFFFF;
		border:						none;
		font-size:					1em;
		color: 						#000000;
	}
	/* Style permettant la cloture de balises flottantes */
	.ep_endbox{
		position:					relative;
		display:					block;
		overflow:					hidden;
		clear:						both;
		height:						1px;
		margin:						0;
		padding:					0;
		background:					none;
		border:						none;
		font-size:					1em;
	}

/* ======================================================================================================== */
/* = COMMON - ALERTE MOBILE =============================================================================== */
/* ======================================================================================================== */

	/* ALERTE MOBILE : Conteneur principal */
	#alertmobile{
		position:					relative;
		display:					block;
		overflow:					hidden;
		z-index:					500;
		margin:						0;
		padding:					0;
		background-color:			#ffb604;
		background-image:			url(../../common/img/background/alertmobile_background.png);
		background-position:		top;
		background-repeat:			repeat-x;
		font-size:					1em;
	}
	#alertmobile .ep_content{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					0;
		text-align:					center;
	}
	/* ALERTE MOBILE : Message */
	#alertmobile .ep_content .ep_text{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					20px;
		font-size:					2em;
		text-align:					center;
		color:						#08284a;
	}
	/* ALERTE MOBILE : Bouton */
	#alertmobile .ep_content .ep_button{
		position:					relative;
		display:					block;
		margin:						-5px 0 0 0;
		padding:					0 0 20px 0;
	}
	#alertmobile .ep_content .ep_button a{
		position:					relative;
		display:					inline-block;
		min-width:					200px;
		margin:						0;
		padding:					0;
		background-color:			#FFFFFF;
		background-image:			url(../../common/img/background/alertmobile_bg_button.png);
		background-position:		bottom;
		background-repeat:			repeat-x;
		border:						1px solid #0a3662;
		border-radius:				5px;
		-moz-border-radius:			5px;
		text-align:					center;
		text-decoration:			none;
	}
	#alertmobile .ep_content .ep_button a span{
		position:					relative;
		display:					inline-block;
		margin:						0;
		padding:					10px 15px;
		font-size:					1.8em;
		color:						#0a3662;
	}
	#alertmobile .ep_content .ep_button a:link, #alertmobile .ep_content .ep_button a:visited{
		background-color:			#FFFFFF;
		background-image:			url(../../common/img/background/mobile_bg_button.png);
	}
	#alertmobile .ep_content .ep_button a:hover, #alertmobile .ep_content .ep_button a:focus, #alertmobile .ep_content .ep_button a:active{
		background-color:			#f4f4f4;
		background-image:			none;
	}

/* ======================================================================================================== */
/* = COMMON - MENU D'ACCESSIBILITE ======================================================================== */	
/* ======================================================================================================== */

	/* MENU D'ACCESSIBILITE : Conteneur principal */
	#waimenu{
		position:					relative;
		display:					block;
		z-index:					1000;
		overflow:					visible;
		top:						-1px;
		width:						975px;
		height:						1px;
		margin:						0 auto -1px auto;
		padding:					0;
		background:					none;
	}
	#waimenu div{
		position:					absolute;
		display:					block;
		overflow:					visible;
		top:						0;
		width:						975px;
		height:						1px;
		margin:						0;
		padding:					0;
		background:					none;
	}
	/* MENU D'ACCESSIBILITE : Lien (invisible) */
	#waimenu a, #waimenu a:link, #waimenu a:visited{
		position:					absolute;
		display:					inline-block;
		overflow:					hidden;
		top:						5px;
		left:						-100000px;
		width:						1px;
		margin:						0; 
		padding:					0;
		background:					none;
	}
	/* MENU D'ACCESSIBILITE : Lien (visible) */
	#waimenu a:focus, #waimenu a:active{
		left:						5px;
		width:						auto;
		margin:						0; 
		padding:					2px;
		background-color:			#002e4b;
		box-shadow:					6px 6px 12px #002e4b;
		-moz-box-shadow:			6px 6px 12px #002e4b;
		-webkit-box-shadow:			6px 6px 12px #002e4b;
		outline-color:				#FFFFFF;
		text-decoration:			none;
	}
	/* MENU D'ACCESSIBILITE : Lien (contenu) */
	#waimenu a span{
		position:					relative;
		display:					block;
		margin:						0; 
		padding:					12px 25px;
		border:						1px solid #FFFFFF;
		background-color:			#002e4b;
		font-size:					1.2em;
		font-weight:				bold;
		text-decoration:			none;
		color:						#FFFFFF;
	}

/* ======================================================================================================== */
/* = COMMON - BOITE SONDAGE =============================================================================== */
/* ======================================================================================================== */

	/* BOITE SONDAGE : Conteneur */
	body.ep_jsavailable #pollbox{
		position:					fixed;
		display:					block;
		z-index:					1000;
		top:						0;
		bottom:						0;
		width:						100%;
	}
	/* BOITE SONDAGE : Conteneur (background) */
	body.ep_jsavailable #pollbox .ep_background{
		position:					absolute;
		display:					block;
		z-index:					10;
		top:						0;
		bottom:						0;
		width:						100%;
		background:					url(../../common/img/background/epbox_background.png);
	}
	/* BOITE SONDAGE : Conteneur (boite) */
	body.ep_jsavailable #pollbox .ep_pollbox{
		position:					absolute;
		display:					block;
		z-index:					20;
		left:						50%;
		height:						100%;
	}
	/* BOITE SONDAGE : Boite (conteneur) */
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box{
		position:					relative;
		display:					inline-block;
		left:						-250px;
		width:						500px;
		background-color:			#ffffff;
		border:						4px solid #000000;
		border-radius:				5px;
		-moz-border-radius:			5px;
		vertical-align:				middle;
	}
	/* BOITE SONDAGE : Boite (positionnement) */
	body.ep_jsavailable #pollbox .ep_pollbox .ep_align{
		position:					relative;
		display:					inline-block;
		height:						100%;
		vertical-align:				middle;
	}
	/* BOITE SONDAGE : Boite (bouton fermeture) */
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_close{
		position:					absolute;
		display:					block;
		overflow:					hidden;
		top:						0;
		right:						-40px;
		width:						24px;
		height:						24px;
		margin:						0;
		background-image:			url(../../common/img/icon/epbox_close.jpg);
		background-position:		left top;
		background-repeat:			no-repeat;
		margin:						0;
		padding:					0;
		font-size:					1.5em;
		color:						#195b92;
	}
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_close:link,
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_close:visited{		background-position:	right top;	}
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_close:hover,
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_close:focus,
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_close:active{		background-position:	left top;	}
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_close span{
		position:					absolute;
		display:					block;
		top:						0;
		left:						-10000px;
		width:						1px;
		height:						1px;
	}
	/* BOITE SONDAGE : Boite (corps) */
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_body{
		position:					relative;
		display:					block;
		margin:						0;
		background-image:			url(../../common/img/icon/epbox_logope.png);
		background-position:		25px 25px;
		background-repeat:			no-repeat;
		outline:					none;
		padding:					90px 55px 15px 55px;
		font-size:					1.5em;
		color:						#195b92;
	}
	/* BOITE SONDAGE : Boite (pied de boite) */
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer{
		position:					relative;
		display:					block;
		margin:						0;
		background-image:			url(../../common/img/background/footer_bg_main.jpg);
		padding:					15px 0 15px 20px;
		text-align:					right;
	}
	/* BOITE SONDAGE : Boite (pied de boite > bouton) */
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a{
		position:					relative;
		display:					inline-block;
		width:						auto;
		cursor:						pointer;
		margin:						0 20px 0 0;
		padding:					3px 12px;
		background-color:			#FFFFFF;
		background-position:		top;
		background-repeat:			repeat-x;
		border:						1px solid #dadfe2;
		border-radius:				5px;
		-moz-border-radius:			5px;
		font-size:					1.1em;
		text-transform:				uppercase;
		text-decoration:			none;
		text-align:					center;
		color:						#195B92;
	}
	body[lang='el'].ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a{
		text-transform:				none;
		font-size:					1.2em;
	}
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a:link,
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a:visited{
		background-color:			#FFFFFF;
		color:						#195B92;
	}
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a:hover,
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a:focus,
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a:active{
		background-color:			#f4f4f4;
		color:						#195B92;
	}
	/* BOITE SONDAGE : Boite (pied de boite > bouton vert) */
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a.ep_validate:link,
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a.ep_validate:visited{
		background-color:			#99ac49;
		background-image:			url(../../common/img/background/button_bg_greenlight.png);
		color:						#FFFFFF;
	}
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a.ep_validate:hover,
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a.ep_validate:focus,
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a.ep_validate:active{
		background-color:			#677a2a;
		background-image:			url(../../common/img/background/button_bg_greendark.png);
		color:						#FFFFFF;
	}
	/* BOITE SONDAGE : Boite (pied de boite > bouton bleu) */
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a.ep_cancel:link,
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a.ep_cancel:visited{
		background-color:			#497fad;
		background-image:			url(../../common/img/background/button_bg_bluelight.png);
		color:						#FFFFFF;
	}
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a.ep_cancel:hover,
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a.ep_cancel:focus,
	body.ep_jsavailable #pollbox .ep_pollbox .ep_box .ep_footer a.ep_cancel:active{
		background-color:			#345979;
		background-image:			url(../../common/img/background/button_bg_bluedark.png);
		color:						#FFFFFF;
	}