/* CSS Document pour le portail de la galaxie Europarl */
/* CSS structurant le corps specifique de la page portail */

/* ======================================================================================================== */
/* = BODY - CONTENEUR =================================================================================== */
/* ======================================================================================================== */

	/* CONTENEUR : Conteneur principal */
	#body{
		position:					relative;
		display:					block;
		z-index:					10;
		clear:						both;
		min-width:					975px;
		margin:						-1px 0 0 0;
		padding:					0;
		background-color:			#FFFFFF;
		background-image:			url(../../common/img/background/body_bg_main.png);
		background-repeat:			repeat;
		font-size:					1em;
	}
	
/* ======================================================================================================== */
/* = BODY - MENU ========================================================================================== */
/* ======================================================================================================== */

	/* MENU : Conteneur principal */
	#body #mainmenu{
		position:					relative;
		display:					block;
		clear:						both;
		z-index:					10;
		margin:						0;
		padding:					0 0 3px 0;
		background-image:			url(../../common/img/background/body_bg_menu_shadow.png);
		background-position:		bottom;
		background-repeat:			repeat-x;
		font-size:					1em;
	}
	#body #mainmenu #mainmenubox{
		position:					relative;
		display:					block;
		z-index:					10;
		margin:						0;
		padding:					0;
		background-image:			url(../../common/img/background/body_bg_menu_main.png);
		background-repeat:			repeat;
		font-size:					1em;
	}
	/* MENU : Conteneur principal (dimension) */
	#body #mainmenu .ep_wrapper{
		position:					relative;
		display:					block;
		width:						927px;
		margin:						0 auto;
		padding:					0;
		font-size:					1em;
	}
	/* MENU : Conteneur principal (effacement de la ligne de separation) */
	#body #mainmenu span.ep_endbox{
		top:						1px;
		margin-top:					-1px;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* MENU : Recherche (conteneur) */
	#body #mainmenu #menusearch{
		position:					relative;
		display:					block;
		float:						right;
		right:						2px;
		width:						275px;
		margin:						0;
		padding:					0;
		font-size:					1em;
		vertical-align:				middle;
	}
	#body #mainmenu #menusearch .ep_menu{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					0;
		vertical-align:				middle;
	}
	/* MENU : Recherche (hauteur minimale) */
	#body #mainmenu #menusearch .ep_align{
		position:					relative;
		display:					inline-block;
		width:						1px;
		height:						6.1em;
		margin-right:				-1px;
		font-size:					1em;
		vertical-align:				middle;
	}
	/* MENU : Recherche (champ) */
	#body #mainmenu #menusearch #menusearch_field{
		position:					relative;
		display:					inline-block;
		width:						230px;
		margin:						0;
		padding:					5px;
		background-color:			#f1f1f1;
		box-shadow: 				1px 3px 3px #d8d9d9 inset;
		-moz-box-shadow: 			1px 3px 3px #d8d9d9 inset;
		-webkit-box-shadow: 		1px 3px 3px #d8d9d9 inset;
		border:						1px solid #eaebec;
		border-radius:				3px;
		-moz-border-radius:			3px;
		font-size:					1.2em;
		vertical-align:				middle;
		color:						#13334D;
	}
	#body #mainmenu #menusearch #menusearch_field.ep_empty{
		color:						#999999;
	}
	/* MENU : Recherche (bouton) */
	#body #mainmenu #menusearch #menusearch_btn{
		position:					relative;
		display:					inline-block;
		visibility:					visible;
		cursor:						pointer;
		width:						27px;
		height:						27px;
		margin:						0;
		padding:					0;
		background-image:			url(../../common/img/icon/menu_icon_search.png);
		background-position:		left center;
		background-repeat:			no-repeat;
		border-radius:				3px;
		-moz-border-radius:			3px;
		font-size:					1.2em;
		font-weight:				bold;
		letter-spacing:				-10em;
		text-indent:				50px;	
		vertical-align:				middle;
		color:						#13334D;
	}
	#body #mainmenu #menusearch #menusearch_btn:hover,
	#body #mainmenu #menusearch #menusearch_btn:hover,
	#body #mainmenu #menusearch #menusearch_btn:active{
		background-position:		right center;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	/* MENU : Social (menu principal > conteneur) */
	#body #mainmenu #menusocial{
		position:					relative;
		display:					block;
		z-index:					20;
		overflow:					hidden;
		width:						650px;
		margin:						0;
		padding:					0;
		font-size:					1em;
	}
	/* MENU : Social (menu principal > lien) */
	#body #mainmenu #menusocial li{
		position:					relative;
		display:					block;
		float:						left;
		margin:						0 10px 0 0;
		padding:					0;
		font-size:					1em;
	}
	/* MENU : Social (menu principal > alignement) */
	#body #mainmenu #menusocial li span.ep_align{
		position:					relative;
		display:					inline-block;
		width:						1px;
		height:						6.1em;
		font-size:					1em;
		text-decoration:			none;
		vertical-align:				middle;
	}
	/* MENU : Social (menu principal > lien) */
	#body #mainmenu #menusocial li a{
		position:					relative;
		display:					inline-block;
		overflow:					hidden;
		min-width:					25px;
		min-height:					25px;
		background-position:		left center;
		background-repeat:			no-repeat;
		font-size:					1em;
		text-decoration:			none;
		vertical-align:				middle;
	}
	#body #mainmenu #menusocial #menusocial_facebook 			a:link,
	#body #mainmenu #menusocial #menusocial_facebook 			a:visited,
	#body #mainmenu #menusocial #menusocial_twitter 			a:link,
	#body #mainmenu #menusocial #menusocial_twitter			a:visited,
	#body #mainmenu #menusocial #menusocial_facebook 			a:hover, 
	#body #mainmenu #menusocial #menusocial_facebook 			a:focus, 
	#body #mainmenu #menusocial #menusocial_facebook 			a:active,
	#body #mainmenu #menusocial #menusocial_twitter 			a:hover, 
	#body #mainmenu #menusocial #menusocial_twitter 			a:focus, 
	#body #mainmenu #menusocial #menusocial_twitter 			a:active,
	#body #mainmenu #menusocial #menusocial_instagram			a:hover,
	#body #mainmenu #menusocial #menusocial_instagram	 		a:focus, 
	#body #mainmenu #menusocial #menusocial_instagram	  		a:active,
	#body #mainmenu #menusocial #menusocial_google 			a:hover,
	#body #mainmenu #menusocial #menusocial_google 			a:focus, 
	#body #mainmenu #menusocial #menusocial_google 			a:active,
	#body #mainmenu #menusocial #menusocial_mailnotification 	a:hover, 
	#body #mainmenu #menusocial #menusocial_mailnotification 	a:focus, 
	#body #mainmenu #menusocial #menusocial_mailnotification 	a:active{	
		width: 						auto;
	}
	
	#body #mainmenu #menusocial #menusocial_linkedin			a:hover,
	#body #mainmenu #menusocial #menusocial_linkedin			a:focus,
	#body #mainmenu #menusocial #menusocial_linkedin			a:active,
	#body #mainmenu #menusocial #menusocial_youtube			a:hover,
	#body #mainmenu #menusocial #menusocial_youtube			a:focus,
	#body #mainmenu #menusocial #menusocial_youtube			a:active,
	#body #mainmenu #menusocial #menusocial_flickr			a:hover,
	#body #mainmenu #menusocial #menusocial_flickr			a:focus,	
	#body #mainmenu #menusocial #menusocial_flickr			a:active,
	#body #mainmenu #menusocial #menusocial_facebook 			a:hover, 
	#body #mainmenu #menusocial #menusocial_facebook 			a:focus, 
	#body #mainmenu #menusocial #menusocial_facebook 			a:active,
	#body #mainmenu #menusocial #menusocial_twitter 			a:hover, 
	#body #mainmenu #menusocial #menusocial_twitter 			a:focus, 
	#body #mainmenu #menusocial #menusocial_twitter 			a:active,
	#body #mainmenu #menusocial #menusocial_instagram			a:hover,
	#body #mainmenu #menusocial #menusocial_instagram	 		a:focus, 
	#body #mainmenu #menusocial #menusocial_instagram	  		a:active,
	#body #mainmenu #menusocial #menusocial_google 			a:hover,
	#body #mainmenu #menusocial #menusocial_google 			a:focus, 
	#body #mainmenu #menusocial #menusocial_google 			a:active,
	#body #mainmenu #menusocial #menusocial_pinterest			a:hover,
	#body #mainmenu #menusocial #menusocial_pinterest 		a:focus, 
	#body #mainmenu #menusocial #menusocial_pinterest 		a:active{	

		background-position:		-25px 0  ;
	}
	
	/* MENU : Social (menu principal > icone) */
	#body #mainmenu #menusocial #menusocial_facebook 				a{	background-image:	url(../img/icon/menu_icon_facebook.png);	}
	#body #mainmenu #menusocial #menusocial_twitter 				a{	background-image:	url(../img/icon/menu_icon_twitter.png);		}
	#body #mainmenu #menusocial #menusocial_flickr				a{	background-image:	url(../img/icon/menu_icon_flikr.png);		}
	#body #mainmenu #menusocial #menusocial_youtube				a{	background-image:	url(../img/icon/menu_icon_youtube.png);		}
	#body #mainmenu #menusocial #menusocial_myspace				a{	background-image:	url(../img/icon/menu_icon_myspace.png);		}
	#body #mainmenu #menusocial #menusocial_linkedin				a{	background-image:	url(../img/icon/menu_icon_linkedin.png);	}
	#body #mainmenu #menusocial #menusocial_instagram				a{	background-image:	url(../img/icon/menu_icon_instagram.png);	}
	#body #mainmenu #menusocial #menusocial_google				a{	background-image:	url(../img/icon/menu_icon_google+.png);		}
	#body #mainmenu #menusocial #menusocial_pinterest				a{	background-image:	url(../img/icon/menu_icon_pinterest.png);		}

	/* MENU : Social (menu principal > texte) */
	#body #mainmenu #menusocial li a span{
		position:					absolute;
		display:					block;
		left:						-10000px;
		padding:					6px 0;
		font-size:					1.2em;
		font-weight:				bold;
		text-decoration:			none;
		color:						#13334D;
	}
	
	#body #mainmenu #menusocial li a span + span{
		position:					relative;
		display:					inline-block;
		left:						0;
		padding-left:				35px;
		vertical-align:				middle;
	}
	

	
	
	
	#body #mainmenu #menusocial li#menusocial_mailnotification a:link 		span + span,
	#body #mainmenu #menusocial li#menusocial_mailnotification a:visited 	span + span{		color:		#777777;	}
	#body #mainmenu #menusocial li#menusocial_mailnotification a:hover		span + span,
	#body #mainmenu #menusocial li#menusocial_mailnotification a:focus 		span + span,
	#body #mainmenu #menusocial li#menusocial_mailnotification a:active 	span + span{		color:		#777777;	}
	
	body[lang="bg"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	140px;		}
	body[lang="cs"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	190px;		}
	body[lang="da"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	120px;		}
	body[lang="de"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	140px;		}
	body[lang="el"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	140px;		}
	body[lang="en"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	90px;		}
	body[lang="es"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	180px;		}
	body[lang="et"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	90px;		}
	body[lang="fi"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	110px;		}
	body[lang="fr"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	100px;		}
	body[lang="ga"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	210px;		}
	body[lang="hr"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	185px;		}
	body[lang="hu"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	130px;		}
	body[lang="it"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	97px;		}
	body[lang="lt"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	125px;		}
	body[lang="lv"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	115px;		}
	body[lang="mt"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	140px;		}
	body[lang="nl"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	120px;		}
	body[lang="pl"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	180px;		}
	body[lang="pt"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	150px;		}
	body[lang="ro"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	100px;		}
	body[lang="sk"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	190px;		}
	body[lang="sl"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	130px;		}
	body[lang="sv"] #body #mainmenu #menusocial li#menusocial_mailnotification a span + span{	max-width:	120px;		}
	
	#body #mainmenu #menusocial li#menusocial_mailnotification a span + span span{
		position:					relative;
		display:					inline-block;
		left:						0;
		padding:					0;
		max-width:					auto;
		white-space:				nowrap;
		font-size:					1em;
		font-weight:				inherit;
		color:						inherit;
	}
	/* MENU : Social (menu principal > texte) */
	#body #mainmenu #menusocial #menusocial_mailnotification	span{
		position:					relative;
		display:					inline-block;
		left:						auto;
		padding:					0;
		font-size:					1.2em;
		font-weight:				bold;
		text-decoration:			none;
		color:						#13334D;
	}
	#body #mainmenu #menusocial #menusocial_mailnotification a	> span:first-child{
		position:					relative;
		overflow:					hidden;
		width:						25px;
		min-height:					25px;
		background-position:		left center;
		background-repeat:			no-repeat;
		font-size:					1em;
		text-decoration:			none;
		text-indent:				30px;
		white-space:				nowrap;
		vertical-align:				middle;	
		background-image:			url(../img/icon/menu_icon_mailnotification.png);
		
	}
	/* 	Ajout de la bordure */
	#body #mainmenu #menusocial li#menusocial_mailnotification {
		 border-left: 				1px solid #e3e3e3;
		height: 					25px;
		margin: 					18px 0 0;
	}
	/* 	Ajout de la bordure */
	#body #mainmenu #menusocial #menusocial_mailnotification a{
		 margin-left: 				12px;
		margin-top: 				-36px;
	}
	#body #mainmenu #menusocial #menusocial_mailnotification 	a:hover span:first-child, 
	#body #mainmenu #menusocial #menusocial_mailnotification 	a:focus span:first-child, 
	#body #mainmenu #menusocial #menusocial_mailnotification 	a:active span:first-child{
		background-position:		-25px 0 ;
	}
	#body #mainmenu #menusocial  li#menusocial_mailnotification  a span + span{
		position:					relative;
		display:					inline-block;
		left:						0;
		padding:					6px 0 6px 5px;
		font-size:					1.2em;
		font-weight:				bold;
		text-decoration:			none;
		vertical-align:				middle;
		color:						#13334D;
	}
	#body #mainmenu #menusocial  li#menusocial_mailnotification  span.ep_align{
		position:					relative;
		display:					inline-block;
		width:						10px;
		height:						6.1em;
		font-size:					1em;
		text-decoration:			none;
		vertical-align:				middle;
	}
	

	
/* ======================================================================================================== */
/* = BODY - CORPS ========================================================================================= */
/* ======================================================================================================== */

	/* CORPS : Design du conteneur */
	#body #maincontent{
		position:					relative;
		display:					block;
		z-index:					5;
		clear:						both;
		margin:						-2px 0 0 0;
		padding:					0;
		font-size:					1em;
	}
	/* CORPS : Delimitation du conteneur */
	#body #maincontent #maincontentbox{
		position:					relative;
		display:					block;
		overflow:					visible;
		width:						927px;
		margin:						0 auto;
		padding:					0;
		background-image:			url(../../common/img/background/body_bg_page.png);
		background-repeat:			repeat;
		border-left:				1px solid #ffffff;
		border-right:				1px solid #ffffff;
		font-size:					1em;
	}
	#body #maincontent #maincontentbox .ep_wrapper{
		position:					relative;
		display:					block;
		height:						1%;
		margin:						0;
		padding:					0;
		border-left:				1px solid #dce1e4;
		border-right:				1px solid #dce1e4;
		font-size:					1em;
	}
	
	
/* ======================================================================================================== */
/* = BODY - ZONES DE CONTENU ============================================================================== */
/* ======================================================================================================== */

	/* ZONES DE CONTENU : Conteneurs principaux */
	#body #maincontent #maincontentbox #leftzone,
	#body #maincontent #maincontentbox #centerzone,
	#body #maincontent #maincontentbox #rightzone{
		position:					relative;
		display:					block;
		float:						left;
		width:						275px;
		margin:						0;
		padding:					0 0 25px 0;
		font-size:					1em;
	}
	#body #maincontent #maincontentbox #leftzone{		left:		25px;	}
	#body #maincontent #maincontentbox #centerzone{		left:		50px;	}
	#body #maincontent #maincontentbox #rightzone{		left:		75px;	}
	
	
	#body #maincontent #maincontentbox #topzone{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					0;
		font-size:					1em;
		background-image:			url(../../common/img/background/boxfoot_bg.jpg);
		white-space:				nowrap;
		letter-spacing:				-0.3em;
	}
	#body #maincontent #maincontentbox #topzone		#topzone-top,
	#body #maincontent #maincontentbox #topzone		#topzone-left,
	#body #maincontent #maincontentbox #topzone		#topzone-right{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					0;
		font-size:					1em;
		background-image:			url(../../common/img/background/boxfoot_bg.jpg);
		white-space:				normal;
		letter-spacing:				normal;
		vertical-align:				top;
	}
	#body #maincontent #maincontentbox #topzone		#topzone-left,
	#body #maincontent #maincontentbox #topzone		#topzone-right{
		display:					inline-block;
		width:						50%;
	}
	#body #maincontent #maincontentbox #topzone		#topzone-left{		margin-right:	0;	border-right:	1px solid #bec3c8;	}
	#body #maincontent #maincontentbox #topzone		#topzone-right{		margin-left: 	0;	border-left:	1px solid #bec3c8;	}
	#body #maincontent #maincontentbox #topzone		#topzone-left:first-child,
	#body #maincontent #maincontentbox #topzone		#topzone-left:first-child + #topzone-right{
		padding-top:				12px;
	}