/* CSS Document pour les pages de la galaxie Europarl */
/* CSS structurant les infographies de l'entete de la page "portail" */

/* ======================================================================================================== */
/* = INFOGRAPHIE : HEARINGS (image a gauche et texte a droite) ============================================ */
/* ======================================================================================================== */

	/* INFOGRAPHIE : HEARINGS */
	
	
	/* INote pour Oli : Im manque le letter spacing quelque-part mais je ne sais pas ou...
		Et je ne mets pas 	white-space: 							nowrap; car ela explose toute ma page
	*/
	
	/* Conteneur principale */
	#infographichearings {
		position:								relative; 
		margin:									0;
		padding:								0;
		white-space:							nowrap;
	}
	/* Conteneur  Image */
	#infographichearings .ep_hearings_img {
		position:								relative;
		display:								inline-block;
		margin:									0;
		padding:								0;
		width:									435px;
		text-align:								left;
		letter-spacing:							normal;
		white-space:							normal;
		vertical-align:							top;
	}
	/* Conteneur image  : Image */
	#infographichearings .ep_hearings_img img {
		position:								relative;
		margin:									0 0 0 40px;
		padding:								0;
	}
	#infographichearings .ep_title {
		position:								absolute;
		top:									90px;
		left:									210px;
		font-family:							Georgia;
		font-size:								12px;
		line-height:							2.2em; 
	}
	#infographichearings .ep_title span {
		display:								block;
		clear:									both;
		font-size:								46px; 
		margin-left:							-4px; 
	}
	
	/* Conteneur Texte */
	#infographichearings  .ep_hearings_text {
		position:								static;
		display:								inline-block;
		margin:									0;
		padding:								0;
		font-size:								1em;
		font-family:							arial;
		vertical-align:							top;
	}
	
	#infographichearings  .ep_infographichearings_content {
		position:								static;
		display:								inline-block; 
		width:									490px;
		box-sizing: 							border-box;
		-moz-box-sizing: 						border-box;
		padding:								0 20px;
		vertical-align:							middle; 
	}
	
	
	#infographichearings   .ep_hearings_text .ep_align {
		position:								relative;
		display:								inline-block; 
		vertical-align:							middle; 
		width:									1px; 
		height:									240px;
	}
	#infographichearings   .ep_hearings_text .ep_end{
		position:								absolute;
		display:								block;
		z-index:								10;
		top:									0;
		bottom:									0;
		width:									490px;
		height:									auto;
		background-color:						#eeeeee;
	}
	
	
	
	/* Conteneur Texte : paragraphes */
	#infographichearings  .ep_hearings_text p{
		position:								relative;
		z-index:								20;
		padding:								0;
		margin:									0 0 12px 0;
		font-size:								1.2em;
		line-height:							1.4em;
		letter-spacing:							normal;
		white-space:							normal;
	}
	#infographichearings  .ep_hearings_text p strong{
		position:								relative;
		z-index:								20;
		padding:								0;
		margin:									0 0 12px 0;
		line-height:							1.4em;
		letter-spacing:							normal;
		white-space:							normal;
		color:									#13334D;
	}
	
	#infographichearings  .ep_hearings_text p.ep_link{
		position:								static;
	}
	#infographichearings  .ep_hearings_text p.ep_link  a{
		cursor: 								pointer;
		text-decoration: 						none;
		color: 									#195B92;
	}
	#infographichearings a span.ep_name{
		position:								relative;
		z-index:								20;
		padding:								0 0 0 20px;
	}
	#infographichearings a span.ep_hidden{
		position:								absolute;
		display:								block;
		overflow:								hidden;
		z-index:								20;
		top:									auto;
		left:									455px;
		width:									16px;
		height:									16px;
		margin:									-16px 0 0 0;
		background-image:						url(../../common/img/icon/boxbody_icon_link_simple.png);
		background-position:					center;
		background-repeat:						no-repeat;
		text-indent:							30px;
		white-space:							nowrap;
	}
	#infographichearings a span.ep_readmore{
		position:								absolute;
		display:								block;
		overflow:								hidden;
		top:									0;
		bottom:									0;
		left:									0;
		width:									435px;
		background-color:						#fff;
		opacity:								0;
		filter:									alpha(opacity=0);
		white-space:							nowrap;
		text-indent:							500px;
	}
	#infographichearings  .ep_hearings_text p.ep_link  a:link		span.ep_name, 
	#infographichearings  .ep_hearings_text p.ep_link  a:visited 	span.ep_name{
		text-decoration:						none;
		color: 									#195B92; 
	}
	#infographichearings  .ep_hearings_text p.ep_link  a:hover 	span.ep_name, 
	#infographichearings  .ep_hearings_text p.ep_link  a:focus 	span.ep_name,
	#infographichearings  .ep_hearings_text p.ep_link  a:active 	span.ep_name{
		text-decoration:						underline; 
		color: 									#195B92;
	}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_text,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_text{
		display:								block;
		padding-bottom:							120px;
	}
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_text .ep_align,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_text .ep_align,
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_text .ep_end,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_text .ep_end{
		display:								none;
	}
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_img,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_img,
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_text .ep_infographichearings_content,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_text .ep_infographichearings_content{
		width:									auto;
	}
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_text .ep_infographichearings_content,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_text .ep_infographichearings_content{
		margin-top:								1.8em;
		margin-bottom:							0;
	}
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_text .ep_infographichearings_content,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_text .ep_infographichearings_content{
		margin-top:								9px;
	}
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_text p strong,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_text p strong{
		font-size:								1.25em;
	}
	
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_text p.ep_link,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_text p.ep_link{
		display:								block;
		height:									1px;
	}
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_img,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_img{
		position:								absolute;
		bottom:									0;
		right:									20px;
	}
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_img img,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_img img{
		width:									225px;
	}
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_text p.ep_link span.ep_readmore,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_text p.ep_link span.ep_readmore{
		top:									auto;
		bottom:									0;
		left:									auto;
		right:									20px;
		width:									225px;
		height:									136px;
	}
	#topzone  #topzone-left  		#infographichearings  .ep_hearings_text p.ep_link span.ep_hidden,
	#topzone  #topzone-right		#infographichearings  .ep_hearings_text p.ep_link span.ep_hidden{
		left:									20px;
	}