/* ================================================================ */
/* === Infographie Hearings - European Parliament, how to elect === */
/* ================================================================ */
#maincontent #mainzone  #infographichearings {
	margin-top:	0;
}


#infographic_eParliament{
	background-color: #e4e4e4;
	color: #1d1d1d;
	padding-bottom: -25px;
}

#infographic_eParliament {
    background-color: #E4E4E4;
    color: #1D1D1D;
    width: 650px;

}



#infographic_eParliament  .ep_title{

	font-family: Georgia,Arial,Helvetica,sans-serif;
	line-height: 0.9em;
	
}
#infographic_eParliament > .ep_title{
	background-color: #0f1e38;
	color: #ffffff;
	padding: 24px;
	font-size: 3.2em;
	text-transform:			uppercase;
	padding: 25px;
}

body[lang="el"] #infographic_eParliament > .ep_title{
	text-transform:			none;
}






#infographic_eParliament > .ep_title span {
	display:				block; 

}

#infographic_eParliament .ep_section{
	padding: 12px 0;
	font-size: 1.2em;
	padding: 25px;
}


#infographic_eParliament .ep_text{
	line-height:			1.4em
}


#infographic_eParliament strong {font-weight: normal}
#infographic_eParliament .ep_important {font-weight:bold; }


	#infographic_eParliament .ep_section 	> .ep_title {
		text-transform:uppercase; 
	}
	
	body[lang="el"] #infographic_eParliament .ep_section 	> .ep_title {
	text-transform:			none;
}

	
	
#infographic_eParliament ol{
margin:		0;
padding:	0; 
}


/* = General	============== */
/* = General	============== */
/* = General	============== */

#infographic_eParliament .ep_section.ep_president {				border-bottom:	1px solid #fff 	!important; background-color : #e4e4e4; }
#infographic_eParliament .ep_section.ep_political_group {		border-bottom : 1px solid #fff 	!important; background-color : #eeeeee;}
#infographic_eParliament .ep_section.ep_bureau {					border-bottom : 1px solid #fff	!important; background-color : #e6e6e6;}
#infographic_eParliament .ep_section.ep_committees {				border-bottom : 1px solid #fff 	!important; background-color : #eeeeee;}
#infographic_eParliament .ep_section.ep_delegations {			border-bottom : 1px solid #fff 	!important; background-color : #e7e7e7;}



/* = Title	============== */

	#infographic_eParliament .ep_section .ep_title:first-child {}
	
	
	
	#infographic_eParliament .ep_column .ep_subtitle {
		 border-bottom: 1px solid #000000;
		font-family: Georgia,Arial,Helvetica,sans-serif;
		font-size: 1.6em;
		font-weight: normal;
		padding-bottom: 10px;
	}
	
	
	
	


	/* = Column	============== */
	#infographic_eParliament .ep_column {
		display:					inline-block;
		vertical-align:				top;
		margin:						10px 0;	
		background-repeat:			no-repeat;
		background-position:		center top; 
	}
	/* = Column	LEFT ============== */
	#infographic_eParliament .ep_column.ep_left {
		position:					relative; 
		width:						40%;
		margin:						10px 10px 0 0;		
	}
	#infographic_eParliament .ep_important {
		font-weight:	bold;
	}
	#infographic_eParliament .ep_column.ep_right {
		width:						54%; 
	}
	
	
	

	
/* ========================================================= */
/* = President  ============================================ */
/* ========================================================= */	
	
	
	/* = President ============== */
	#infographic_eParliament .ep_section.ep_president  .ep_title{
		margin-bottom:				20px;
		font-size:					2em; 
	}	
	
	
	
	/* = President ============== */
	#infographic_eParliament .ep_section.ep_president  .ep_president .ep_column.ep_left {
		
		padding-top: 				120px;	
		background-image: 			url(../img/background/infographic_toward_parliament_president.png);
		text-align:					center;
	}
	
	#infographic_eParliament   .ep_section.ep_president  .ep_president  .ep_column.ep_left .ep_number {
	min-height:						30px;
	margin-bottom:					10px; 
	}
	
	/* = Demander de verifier a Oli la posiiton du TEXT INDENT ============== */
	#infographic_eParliament   .ep_section.ep_president  .ep_president  .ep_column.ep_left .ep_number span:first-child {
		height:						30px;
		width:						30px; 		
		display:					inline-block;
		vertical-align:				middle; 		
		text-indent:				-600px;
		overflow:					hidden; 	
		background-image: 			url(../img/background/infographic_toward_parliament_1.png);
		background-repeat:			no-repeat; 
		background-position:		left top;
	}
	
	/* = Demander de verifier a Oli la posiiton du TEXT INDENT ============== */
	#infographic_eParliament   .ep_section.ep_president  .ep_president  .ep_column.ep_left .ep_number span + span {
		display:					inline-block;
		vertical-align:				middle;
		font-size:					2.2em;
		font-family: 				Georgia,Arial,Helvetica,sans-serif;
		font-weight: 				normal;
		color:						#0755a1;
	}
	
	
	#infographic_eParliament  ul.ep_column.ep_right .ep_subtitle {
		text-transform:				uppercase; 
		margin-bottom:				10px; 
	}
	
	
		body[lang="el"] #infographic_eParliament  ul.ep_column.ep_right .ep_subtitle {
	text-transform:			none;
}
	
	
	#infographic_eParliament  ul.ep_column.ep_right li {
		line-height:				1.6em; 
		margin-bottom: 				12px; 
	}
	
	

	/* = President > Vice President ============== */
	#infographic_eParliament .ep_section.ep_president 	.ep_vicepresident {
		margin:					10px 0;
		background-color:		#f3f3f3;
		border: 				1px solid #FFFFFF;
		box-shadow: 			0 3px 5px 0 #636363;
		margin-top: 			12px;
		padding: 				12px;
	}
	
	#infographic_eParliament .ep_section.ep_president 	.ep_vicepresident .ep_title {
		text-transform:			uppercase;
		margin:					10px 0 6px 10px;
		padding-left:			10px; 
		font-size:				1.8em;
	}
	
	body[lang="el"] #infographic_eParliament .ep_section.ep_president 	.ep_vicepresident .ep_title {
		text-transform:			none;
	}
	
	#infographic_eParliament .ep_vicepresident .ep_column.ep_right .ep_subtitle {
		margin-top:					10px;
		margin-bottom:				10px;		
		font-size:					1.6em;
		text-transform:				uppercase; 		
	}
	body[lang="el"] #infographic_eParliament .ep_vicepresident .ep_column.ep_right .ep_subtitle {
		text-transform:			none;
	}
	#infographic_eParliament .ep_section.ep_president 	.ep_vicepresident .ep_column.ep_left {
		padding-top: 				120px;	
		background-image: 			url(../img/background/infographic_toward_parliament_vicepresident.png);
		text-align:					center;
	}
	/* = Demander de verifier a Oli la posiiton du TEXT INDENT ============== */
	#infographic_eParliament   .ep_section.ep_president  .ep_vicepresident  .ep_column.ep_left .ep_number {
	min-height:						35px;
	margin-top:						-8px;
	margin-left:					-12px
	}
	#infographic_eParliament   .ep_section.ep_president  .ep_vicepresident  .ep_column.ep_left .ep_number span:first-child {
		height:						30px;
		width:						30px; 		
		display:					inline-block;
		vertical-align:				middle; 		
		text-indent:				-600px;
		overflow:					hidden; 	
		background-image: 			url(../img/background/infographic_toward_parliament_14.png);
		background-repeat:			no-repeat; 
		background-position:		left top;
	}
	
	
		#infographic_eParliament   .ep_section.ep_president  .ep_vicepresident  .ep_column.ep_left .ep_number span + span {
		display:					inline-block;
		vertical-align:				middle;
		font-size:					1.8em;
		font-family: 				Georgia,Arial,Helvetica,sans-serif;
		font-weight: 				normal;
		color:						#0755a1;
	}
	
	
	#infographic_eParliament .ep_section.ep_president 	.ep_vicepresident .ep_column.ep_right {
		/* margin-top:					-25px;   */
	}
	
	

	/* ========================================================= */
	/* = Politicals Group  ===================================== */
	/* ========================================================= */		
	/* = Politicals Group > Conference des presidents ========= */
	
	#infographic_eParliament .ep_section.ep_political_group {
		background-image: 		url(../img/background/infographic_toward_parliament_hemicycle.png) !important;
		background-position: 	510px 10px !important;
		background-repeat: 		no-repeat !important;
	}
	#infographic_eParliament .ep_section.ep_political_group 	.ep_confofpresident {
		margin:					10px 0;
		background-color:		#dcdcdc;
	}
	#infographic_eParliament .ep_section.ep_political_group 	> .ep_title {
		font-size:				2.5em; 
		 margin-bottom: 		20px;
	}
	
	#infographic_eParliament .ep_section.ep_political_group  .ep_column.ep_left {
		margin-top:				-4px; 
	}
	
	#infographic_eParliament .ep_section.ep_political_group  .ep_column.ep_left p{
		margin:					6px 0;
	}
	
	
	#infographic_eParliament .ep_section.ep_political_group  .ep_column.ep_left .ep_margin_top {
		padding-top:				12px ; 
		
	}
	
	
	#infographic_eParliament .ep_section.ep_political_group .ep_column.ep_right .ep_subtitle {
		font-size:				1.8em; 
		border-bottom:			0;
		border-top:				1px solid #000;
		padding-top:			4px;
		padding-bottom:			4px;
	}
	#infographic_eParliament .ep_section.ep_political_group .ep_column.ep_right {  }
	#infographic_eParliament .ep_section.ep_political_group .ep_column.ep_right .ep_text ul {
		border-bottom:			1px solid #000; 
		padding-bottom:			6px;
	}
	#infographic_eParliament .ep_section.ep_political_group .ep_column.ep_right .ep_text ul li {margin-bottom:	2px; }
	#infographic_eParliament .ep_section.ep_political_group .ep_column.ep_right .ep_text ul + p  {margin-top:	6px;}
	
	
	
	
	#infographic_eParliament .ep_section.ep_political_group .ep_confofpresident {
		background-color: 			#DCDCDC;
		border: 					1px solid #FFFFFF;
		box-shadow: 				0 3px 5px 0 #636363;
		margin-top: 				12px;
		padding: 					12px;
	}
	
	#infographic_eParliament .ep_section.ep_political_group .ep_confofpresident  .ep_title{
		font-size:					2em; 
		text-transform:				uppercase; 
		margin-bottom:				10px; 
	}
	body[lang="el"]  #infographic_eParliament .ep_section.ep_political_group .ep_confofpresident  .ep_title{
		text-transform:			none;
	}
	#infographic_eParliament .ep_section.ep_political_group .ep_confofpresident  .ep_subtitle{
		font-size:					1.4em; 
		border-bottom:				0;
		padding-bottom:				4px;
	}
	/* ================================================ */
	/* =  Bureau  ===================================== */
	/* ================================================ */	
	/* = Bureau ============== */
	#infographic_eParliament .ep_section.ep_bureau 	{
		position:					relative;
	}
	
	#infographic_eParliament .ep_section.ep_bureau 	> .ep_title {
		position:					absolute; 		
		top:						52px; 
		font-size:					2.4em;
		width:						225px;
	}
	#infographic_eParliament .ep_section.ep_bureau ol  {
		margin-top:					0; 
		margin-bottom:				20px; 
		padding-top:				0; 
		min-height:					260px; 
		background-image: 			url(../img/background/infographic_toward_parliament_troisbulles.png);
		background-repeat:			no-repeat;
		background-position:		top center;
		
		margin-top: 25px;
	}
	#infographic_eParliament  .ep_section.ep_bureau  .ep_column  {
		background-color: 			#F2F2F2;
		border: 					1px solid #FFFFFF;
		box-shadow: 				0 3px 5px 0 #636363;
		margin-top: 				12px;
		padding: 					12px;
	}
	#infographic_eParliament .ep_section.ep_bureau   .ep_column .ep_title {
		border-bottom: 				1px solid #000000;
		font-size: 					1.6em ;
		text-transform:				uppercase; 
		top: 						auto !important;
		margin-bottom:				10px;
		padding-bottom:				10px; 
	}
	
	body[lang="el"]  #infographic_eParliament .ep_section.ep_bureau   .ep_column .ep_title {
		text-transform:			none;
	}
	
	#infographic_eParliament .ep_section.ep_bureau  ol  li {
		margin:						0;
		padding:					0;
		list-style:					none;
	}
	#infographic_eParliament .ep_section.ep_bureau  .ep_president {
		position: 				absolute;		
		left: 					271px;
		top: 					136px;
		color: 					#FFFFFF;
		font-size: 				1.5em;
		width: 					100%;
		display:				inline-block;
		width:					auto; 
		font-family: 			Georgia,Arial,Helvetica,sans-serif;
	}
	body[lang="lt"]  #infographic_eParliament .ep_section.ep_bureau  .ep_president,
	body[lang="pl"]  #infographic_eParliament .ep_section.ep_bureau  .ep_president,
	body[lang="lv"]  #infographic_eParliament .ep_section.ep_bureau  .ep_president{
		font-size: 1.1em;
	}
	#infographic_eParliament .ep_section.ep_bureau  .ep_president  span:first-child {
		position:				absolute;
		left: 					-4000px; 
	}
	#infographic_eParliament .ep_section.ep_bureau  .ep_vicepresident {		
		position: 				absolute;
		color: 					#FFFFFF;
		font-size: 				1.2em;
		left: 					210px;
		top: 					240px;
		display:				inline-block;
		width:					80px !important;
		text-align:				center;
		line-height:			1.2em; 
		font-family: 				Georgia,Arial,Helvetica,sans-serif;
	}
	body[lang="lt"]  #infographic_eParliament .ep_section.ep_bureau  .ep_vicepresident{
		font-size: 1.1em;
	}
	body[lang="pl"]  #infographic_eParliament .ep_section.ep_bureau  .ep_vicepresident{
		font-size: 0.9em;
	}
	#infographic_eParliament .ep_section.ep_bureau  .ep_vicepresident  span:first-child {
	position:					absolute;
	left: 						-4000px; 
	}
	#infographic_eParliament .ep_section.ep_bureau  .ep_quaestor {	
		position: 				absolute;
		color: 					#FFFFFF;
		font-size: 				1.6em;
		left: 					335px;
		top: 					220px;
		display:				inline-block;
		text-align:				center;
		line-height:			1.2em; 
		font-family: 			Georgia,Arial,Helvetica,sans-serif;
	}
	
	body[lang="lt"]  #infographic_eParliament .ep_section.ep_bureau  .ep_quaestor {
		top: 198px;
		font-size: 1em;
	}

	#infographic_eParliament .ep_section.ep_bureau  ol li.ep_quaestor,
	#infographic_eParliament .ep_section.ep_bureau  ol li span+span {
		display:				block;
		width: 105px;
		text-align: center;
	}
	#infographic_eParliament .ep_section.ep_bureau li.cms_left {
		position: 				absolute;   
		border-right: 			1px solid #CCCCCC;
		left:				 	50px;
		padding-right: 			0px;
		top: 					206px;
		width: 					100px;
		min-height:				60px; 
	}
	#infographic_eParliament .ep_section.ep_bureau li.cms_left span{
		position:				absolute; 
		width:					50px; 
		height:					1px;
		left: 					100px;
		top:					15px;
		border-top:				1px solid #ccc;
	}
	#infographic_eParliament .ep_section.ep_bureau li.cms_right {
		 position:				absolute;       
		 top:					210px;    
		 left:					489px;    
		 width:					120px;
		 padding-left:			20px;
		 min-height:			60px;
		 border-left:			1px solid #CCCCCC;
	}
	
	#infographic_eParliament .ep_section.ep_bureau li.cms_right span{
		position:				absolute; 		
		left: 					-30px;
		top:					11px;   
		width:					30px; 
		height:					1px;
		border-top:				1px solid #ccc;
	}
	
	
	/* = Committes ============== */
	
	#infographic_eParliament .ep_section.ep_committees  .ep_column:first-child  >  .ep_title {
		position:					relative; 		
		top:						30px;
		font-size: 					1.8em;

		text-transform:				uppercase; 
	}
	
	body[lang="el"]  #infographic_eParliament .ep_section.ep_committees  .ep_column:first-child  >  .ep_title {
		text-transform:			none;
	}
	
	
	#infographic_eParliament .ep_section.ep_committees ul {
		 border-left: 				1px solid #000000;
		margin: 					-44px 0 0 330px;
		padding-left: 				30px;
		position: 					relative;
		width: 						250px;
	}
	#infographic_eParliament .ep_section.ep_committees ul li{
		margin: 					0 0 8px 0;
		padding-right:				20px; 
	}
	#infographic_eParliament .ep_section.ep_committees  .ep_column:first-child  .ep_title  {
		position:					relative; 
		font-size: 					2.8em ;
		text-transform:				uppercase; 
		margin-bottom:				10px;
		padding-bottom:				10px; 
		width:						311px;
	}
	#infographic_eParliament .ep_section.ep_committees  .ep_column:first-child{
		white-space: nowrap;
		position: relative;
	}
	#infographic_eParliament .ep_section.ep_committees  .ep_column:first-child .ep_title,
	#infographic_eParliament .ep_section.ep_committees  .ep_column:first-child ul
	{
		display: inline-block;
		vertical-align: middle;
 		position: static;
		clear: none;
		white-space: normal;
		margin: 0;
	}
	#infographic_eParliament .ep_section.ep_committees  .ep_column:first-child ul{
		margin-left: 17px;
	}
	#infographic_eParliament .ep_section.ep_committees  .ep_column:first-child .ep_endbox{
		top: 50%;
		right: 281px;
	}




	body[lang="bg"] #infographic_eParliament .ep_section.ep_committees  .ep_column:first-child  .ep_title{
		font-size:					2.3em;
	}
	body[lang="cs"] #infographic_eParliament .ep_section.ep_committees  .ep_column:first-child  .ep_title{
		font-size:					2.2em;
	}
	body[lang="hr"] #infographic_eParliament .ep_section.ep_committees  .ep_column:first-child  .ep_title{
		font-size:					2.1em;
	}
	
	body[lang="el"]  #infographic_eParliament .ep_section.ep_committees  .ep_column:first-child  .ep_title  {
		text-transform:				none;
	}
	#infographic_eParliament .ep_section.ep_committees .ep_column.ep_left  {
		margin-top:					10px;
		width:						50%; 
	}
	#infographic_eParliament .ep_section.ep_committees .ep_column.ep_left .ep_title {
		border-bottom: 				1px solid #000000;
		font-size: 					1.6em ;
		text-transform:				uppercase; 
		margin-bottom:				10px;
		padding-bottom:				10px; 
	}
	
	body[lang="el"]  #infographic_eParliament .ep_section.ep_committees .ep_column.ep_left .ep_title {
		text-transform:				none;
	}
	
	/* =  Committes >> Right ============== */
	
	#infographic_eParliament .ep_section.ep_committees {
		position: 						relative;
		padding-bottom:					40px; 
	}
	#infographic_eParliament .ep_section.ep_committees .ep_column.ep_right{
		width: 							240px;
		padding:						12px;
		border: 						1px solid #FFFFFF;	
		background-color: 				#074F95;
		color: 							#FFFFFF;
		box-shadow: 					0 3px 5px 0 #636363;
		margin-left:					20px;
		margin-top:						38px;
	}
	#infographic_eParliament .ep_section.ep_committees > .ep_column span{
		position:						absolute;
		top:							80px;
		right:							294px;
		width:							20px;
		height:							1px;
		border-top:						1px solid #000; 
	}
	#infographic_eParliament .ep_section.ep_committees .ep_column.ep_right	.ep_title {
		font-size: 						1.6em;
		text-transform:					uppercase;
		line-height: 					1.2em;
		padding: 						0 0 12px 12px;
	}
	body[lang="da"]	#infographic_eParliament .ep_section.ep_committees .ep_column.ep_right	.ep_title {
		font-size: 1em;
	}
	body[lang="de"]	#infographic_eParliament .ep_section.ep_committees .ep_column.ep_right	.ep_title {
		font-size: 1.3em;
	}
	body[lang="fi"]	#infographic_eParliament .ep_section.ep_committees .ep_column.ep_right	.ep_title {
		font-size: 1.35em;
	}
	body[lang="nl"]	#infographic_eParliament .ep_section.ep_committees .ep_column.ep_right	.ep_title {
		font-size: 1.4em;
	}
	body[lang="sl"]	#infographic_eParliament .ep_section.ep_committees .ep_column.ep_right	.ep_title {
		font-size: 0.95em;
	}
	body[lang="sv"]	#infographic_eParliament .ep_section.ep_committees .ep_column.ep_right	.ep_title {
		font-size: 0.95em;
	}
	body[lang="el"]  #infographic_eParliament .ep_section.ep_committees .ep_column.ep_right	.ep_title {
		text-transform:			none;
	}
	
	
	#infographic_eParliament .ep_section.ep_committees .ep_column.ep_right	.ep_text {
		padding-left:					10px;
		margin-bottom:					10px; 
	}
	
	
	
	/* = Delegations ============== */


	#infographic_eParliament 	.ep_section.ep_delegations  {
		background-image: 		url(../img/background/infographic_toward_parliament_map.png);
		background-repeat:		no-repeat;
		background-position:	20px 60px;
	}
	#infographic_eParliament .ep_section.ep_delegations  .ep_column:first-child .ep_title {
		font-size: 				2.6em;
		margin-bottom:			6px;
		margin-top:				-10px; 
		text-transform:			uppercase; 
	}
	
	body[lang="el"] #infographic_eParliament .ep_section.ep_delegations  .ep_column:first-child .ep_title {
		text-transform:			none;
	}
	
	
	#infographic_eParliament .ep_section.ep_delegations	.ep_column {
		width:					50% !important;
		float:					right;
		padding: 				12px;		
	}
	#infographic_eParliament .ep_section.ep_delegations	.ep_column  + .ep_column  {
		background-color: 		#F2F2F2;
		border: 				1px solid #FFFFFF;
		box-shadow: 			0 3px 5px 0 #636363;
		margin-top: 			-10px;
		width:					48% !important; 
	}
	
	#infographic_eParliament .ep_section.ep_delegations	.ep_column  + .ep_column .ep_title {
		 border-bottom: 		1px solid #000000;
		font-size: 				1.6em;
		margin-bottom: 			10px;
		padding-bottom: 		10px;
		text-transform: 		uppercase;
	}
	
	body[lang="el"]#infographic_eParliament .ep_section.ep_delegations	.ep_column  + .ep_column .ep_title {
		text-transform:	none
	}
	
	
	/* = Delegations ============== */
	
	#infographic_eParliament  li.ep_section.ep_source  {
		background-color:		#fff !important;
		padding:				10px 0 0 20px !important; 
	}

	
	

/* ================================================================ */
/* === Infographie Hearings - European Commission, how to elect === */
/* ================================================================ */
#infographic_eCommission{
	width: 650px;
	padding-bottom: -25px;
	background-color: #e4e4e4;
	color: #1d1d1d;
}
#infographic_eCommission  .ep_title{
	text-transform: uppercase;
	font-family: Georgia,Arial,Helvetica,sans-serif;
	line-height: 0.9em;
}
body[lang="el"] #infographic_eCommission  .ep_title{
    text-transform: none;
}
#infographic_eCommission > .ep_title{
	padding: 25px;
	background-color: #0f1e38;
	color: #ffffff;
	font-size: 3.2em;
}
#infographic_eCommission > .ep_title span{
	display: block;
}
#infographic_eCommission .ep_section{
	padding: 25px;
	font-size: 1.2em;
}
#infographic_eCommission>ol{
	margin: 0;
	padding-left: 0;
}
#infographic_eCommission li.ep_section{
	list-style: none;
	border-bottom: 1px solid #ffffff;
}
 
#infographic_eCommission > .ep_section{
	border-bottom: 1px solid #ffffff;
}
#infographic_eCommission .ep_section .ep_title{
	margin-bottom: 24px;
	font-size: 2em;
}
#infographic_eCommission .ep_section ol{
	padding-left: 0;
}
#infographic_eCommission .ep_section .ep_section{
	margin-top: 12px;
	padding: 12px;
	background-color: #f2f2f2;
	border: 1px solid #ffffff;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(99, 99, 99, 1);
	-moz-box-shadow:    0px 1px 5px 0px rgba(99, 99, 99, 1);
	box-shadow:         0px 1px 5px 0px rgba(99, 99, 99, 1);
}
#infographic_eCommission .ep_section .ep_section .ep_title{
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #a4a4a4;
	font-size: 1.4em;
}
#infographic_eCommission .ep_section.ep_portfolio .ep_title{
	white-space:normal;
}
#infographic_eCommission .ep_section ol{
	white-space: nowrap;
}
#infographic_eCommission .ep_section ol li{
	display: inline-block;
	*display: block;
	zoom: 1;
	width: 125px;
	margin-left: 31px;
	list-style-type: none;
	vertical-align: top;
	white-space: normal;
	line-height: 1.3em;
}
#infographic_eCommission .ep_section ol li:first-child{
	margin-left: 0;
}
#infographic_eCommission .ep_section .ep_section ul li{
	padding-left: 15px;
	background: url(../../common/img/icon/boxbody_icon_list_grey.png) center left no-repeat;
	line-height: 1.5em;
}

#infographic_eCommission .ep_hidden{
	position: absolute;
	left: -10000px;
}

#infographic_eCommission .ep_legende{
	margin-bottom: 6px;
}

/**
 *	President box
 *
 */
#infographic_eCommission .ep_section.ep_president{
	background-color: #e4e4e4;
}
#infographic_eCommission .ep_section.ep_president .ep_section  ul  li{
	font-size: 0.9em;
}

#infographic_eCommission .ep_section.ep_president li span{
	display: block;
	width: 128px;
	height: 80px;
	background-image: url(../img/background/infographic_toward_commission_sprit.png);
	background-repeat: no-repeat;
}
#infographic_eCommission .ep_section.ep_president li.ep_electionResult span{
	background-position: left top;
}
#infographic_eCommission .ep_section.ep_president li.ep_consultation span{
	background-position: -150px top;
}
#infographic_eCommission .ep_section.ep_president li.ep_result span{
	background-position: -300px top;
}
#infographic_eCommission .ep_section.ep_president li.ep_president span{
	background-position: -450px top;
}

/**
 *	Commissioners & Portfolio
 *
 */
#infographic_eCommission .ep_section.ep_portfolio{
	background-color: #eeeeee;
	white-space: nowrap;
}
#infographic_eCommission .ep_section.ep_portfolio>span{
	display: inline-block;
	width: 125px;
	height: 115px;
	background-image: url(../img/background/infographic_toward_commission_sprit.png);
	background-repeat: no-repeat;
	background-position: -295px -80px;
}
#infographic_eCommission .ep_section.ep_portfolio>p{
	display: inline-block;
	width: 125px;
	margin: 5px 0 0 31px;
	vertical-align: top;
	white-space: normal;
}
/**
 *	Hearings
 *
 */
#infographic_eCommission .ep_section.ep_hearings{
	background-color: #e6e6e6;
	white-space: nowrap;
}
#infographic_eCommission .ep_section.ep_hearings>p{
	display: inline-block;
	width: 125px;
	margin: 5px 0 0 31px;
	vertical-align: top;
	white-space: normal;
}
#infographic_eCommission .ep_section.ep_hearings p.ep_legende{
	display: block;
	width: auto;
	margin: auto 0 12px 0;
}
#infographic_eCommission .ep_section.ep_hearings p.ep_legende + p{
	margin-left: 0;
}
#infographic_eCommission .ep_section.ep_hearings p.written_procedure span,
#infographic_eCommission .ep_section.ep_hearings span.written_procedure{
	display: inline-block;
	*display: block;
	zoom: 1;
	width: 130px;
	height: 90px;
	margin-top: 6px;
	margin-bottom: 6px;
	background-image: url(../img/background/infographic_toward_commission_sprit.png);
	background-repeat: no-repeat;
	background-position: -150px -70px;
}
#infographic_eCommission .ep_section.ep_hearings span.written_procedure{
	display:		none;
}
#infographic_eCommission .ep_section.ep_hearings p.h24 span{
	display: none;
}

/**
 *	Investiture
 *
 */
#infographic_eCommission .ep_section.ep_investiture{
	background-color: #eeeeee;
}
#infographic_eCommission .ep_section.ep_investiture p{
	line-height: 1.4em;;
}
#infographic_eCommission .ep_section.ep_investiture .ep_section{
	background-color: #074f95;
}
#infographic_eCommission .ep_section.ep_investiture .ep_section .ep_title{
	margin-bottom: 0;
	padding: 12px 0;
	text-align: center;
	color: #ffffff;
	border-bottom: none;
}

/**
 *	New commission
 *
 */
#infographic_eCommission .ep_section.ep_newCommission{
	background-color: #e6e6e6;
}
#infographic_eCommission .ep_section.ep_newCommission .ep_section .ep_title{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	text-align: center;
}