/* CSS Document pour les pages de la planete "PORTAIL" */
/* CSS modifiant le design des structures generales gerees dans les fichiers 		/common/css/ 	*/
/* CSS modifiant le design des structures pour la planete gerees dans les fichiers 	/portal/css/	*/

	/* EE14 : Police d'ecriture */
	@import url(http://fonts.googleapis.com/css?family=Playfair+Display&subset=latin,latin-ext,cyrillic);
	
/* ======================================================================================================== */
/* = NEWS PRODUCT - GESTION DU MENU ELECTIONS 2014 ======================================================== */
/* ======================================================================================================== */

	/* NEWS PRODUCT - MENU ELECTIONS 2014 : Conteneur */
	#header #headerelections{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					0;
		background-color:			#101e38;
		border-top:					1px solid #0e1a31;
	}
	#header #headerelections > span{
		position:					absolute;
		display:					block;
		top:						0;
		bottom:						0;
		left:						0;
		right:						50%;
		width:						auto;
		height:						auto;
		margin:						0;
		padding:					0;
		background-color:			#092a53;
	}
	#header #headerelections > span + span{
		left:						0;
		right:						0;
		background-color:			transparent;
		background-image:			url(../img/background/header_bgelection_shortcut.jpg);
		background-position:		center bottom;
		background-repeat:			no-repeat;
	}
	#header #headerelections > div{
		position:					relative;
		display:					block;
		width:						925px;
		margin:						auto;
		padding:					7px 0;
		font-family:				'Playfair Display', Georgia, Arial, Helvetica, sans-serif;
		letter-spacing:				-0.3em;
		white-space:				nowrap;
		text-transform:				uppercase;
	}
	body[lang="el"] #header #headerelections > div{	font-family: Georgia, Arial, Helvetica, sans-serif !important; text-transform: none !important;	}
	/* NEWS PRODUCT - MENU ELECTIONS 2014 : Titre (conteneur) */
	#header #headerelections > div .ep_title{
		position:					relative;
		display:					block;
		z-index:					20;
		float:						left;
		margin:						0 5px 0 0;
		padding:					0;
		text-decoration:			none;
		vertical-align:				middle;
	}
	/* NEWS PRODUCT - MENU ELECTIONS 2014 : Titre (fleche) */
	#header #headerelections > div .ep_title > span:first-child{
		position:					relative;
		display:					inline-block;
		margin:						0;
		padding:					0;
	}
	/* NEWS PRODUCT - MENU ELECTIONS 2014 : Titre (fleche > texte) */
	#header #headerelections > div .ep_title > span:first-child > span:first-child{
		position:					relative;
		display:					inline-block;
		margin:						0 1.5em 0 0;
		padding:					5px 10px 7px 15px;
		background-color:			#FFF;
		box-shadow:					-2px 0 12px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:			-2px 0 12px rgba(0, 0, 0, 0.5);
		letter-spacing:				-0.3em;
		white-space:				nowrap;
	}
	#header #headerelections > div .ep_title > span:first-child > span:first-child > span{
		position:					relative;
		display:					inline-block;
		overflow:					hidden;
		font-size:					1em;
		line-height:				1em;
		vertical-align:				middle;
	}
	#header #headerelections > div .ep_title > span:first-child > span:first-child > span + span{
		width:						1px;
		height:						2.6em;
	}
	#header #headerelections > div .ep_title > span:first-child > span:first-child > span > span{
		position:					relative;
		display:					block;
		overflow:					hidden;
		font-size:					1.3em;
		font-weight:				bold;
		line-height:				1em;
		letter-spacing:				normal;
		white-space:				normal;
		color:						#112243;
	}
	/* NEWS PRODUCT - MENU ELECTIONS 2014 : Titre (fleche > fleche) */
	#header #headerelections > div .ep_title > span:first-child > span + span{
		position:					absolute;
		display:					block;
		overflow:					hidden;
		top:						0;
		bottom:						0;
		right:						0;
		width:						1.5em;
		margin:						0;
		padding:					0;
		background-image:			url(../img/background/header_bgelection_shortcut_arrow.png);
		background-position:		right center;
		background-repeat:			no-repeat;
		font-size:					1em;
	}
	#header #headerelections > div .ep_title > span:first-child > span + span > span{
		position:					absolute;
		display:					block;
		left:						-2em;
		width:						4em;
		height:						1px;
		font-size:					1em;
	}
	#header #headerelections > div .ep_title > span:first-child > span + span > span > span{
		position:					absolute;
		display:					block;
		left:						-10000px;
		width:						1px;
		height:						1px;
	}
	#header #headerelections > div .ep_title > span:first-child > span + span > span:first-child{
		bottom:						2px;
		margin-left:				0.3em;
		transform:					rotate(117deg);
		-moz-transform:    			rotate(117deg);
		-o-transform:    			rotate(117deg);
		-webkit-transform:			rotate(117deg);
		-ms-filter: 				"progid:DXImageTransform.Microsoft.Matrix(M11=-0.4539904997395469, M12=-0.8910065241883678, M21=0.8910065241883678, M22=-0.4539904997395469, SizingMethod='auto expand')";
		filter: 					 progid:DXImageTransform.Microsoft.Matrix(M11=-0.4539904997395469, M12=-0.8910065241883678, M21=0.8910065241883678, M22=-0.4539904997395469, SizingMethod='auto expand');
		box-shadow:					0 -2px 6px rgba(0, 0, 0, 0.8);
		-moz-box-shadow:			0 -2px 6px rgba(0, 0, 0, 0.8);
	}
	#header #headerelections > div .ep_title > span:first-child > span + span > span + span{
		top:						-3px;
		margin-left:				0.2em;
		transform:					rotate(62deg);
		-moz-transform:    			rotate(62deg);
		-o-transform:    			rotate(62deg);
		-webkit-transform:			rotate(62deg);
		-ms-filter: 				"progid:DXImageTransform.Microsoft.Matrix(M11=0.4694715627858904, M12=-0.8829475928589271, M21=0.8829475928589271, M22=0.4694715627858904, SizingMethod='auto expand')";
		filter: 					progid:DXImageTransform.Microsoft.Matrix(M11=0.4694715627858904, M12=-0.8829475928589271, M21=0.8829475928589271, M22=0.4694715627858904, SizingMethod='auto expand');
		box-shadow:					0 -2px 6px rgba(0, 0, 0, 0.8);
		-moz-box-shadow:			0 -2px 6px rgba(0, 0, 0, 0.8);
	}
	/* NEWS PRODUCT - MENU ELECTIONS 2014 : Titre (logo) */
	#header #headerelections > div .ep_title > span + span{
		position:					absolute;
		display:					block;
		top:						0;
		bottom:						0;
		left:						925px;
		width:						1px;
		text-decoration:			none;
	}
	#header #headerelections > div .ep_title > span + span span{
		position:					absolute;
		display:					block;
		top:						50%;
		right:						0;
		width:						43px;
		height:						35px;
		margin:						-17px 0 0 0;
		background-image:			url(../../ee14/img/icon/boxbody_iconsmall_ee14_en.png);
		background-position:		left center;
		background-repeat:			no-repeat;
	}
	body[lang="bg"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_bg.png);	}
	body[lang="cs"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_cs.png);	}
	body[lang="da"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_da.png);	}
	body[lang="de"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_de.png);	}
	body[lang="el"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_el.png);	}
	body[lang="en"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_en.png);	}
	body[lang="es"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_es.png);	}
	body[lang="et"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_et.png);	}
	body[lang="fi"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_fi.png);	}
	body[lang="fr"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_fr.png);	}
	body[lang="ga"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_ga.png);	}
	body[lang="hr"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_hr.png);	}
	body[lang="hu"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_hu.png);	}
	body[lang="it"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_it.png);	}
	body[lang="lt"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_lt.png);	}
	body[lang="lv"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_lv.png);	}
	body[lang="mt"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_mt.png);	}
	body[lang="nl"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_nl.png);	}
	body[lang="pl"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_pl.png);	}
	body[lang="pt"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_pt.png);	}
	body[lang="ro"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_ro.png);	}
	body[lang="sk"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_sk.png);	}
	body[lang="sl"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_sl.png);	}
	body[lang="sv"] #header #headerelections > div .ep_title > span + span span{	background-image:	url(../../ee14/img/icon/boxbody_iconsmall_ee14_sv.png);	}
	/* NEWS PRODUCT - MENU ELECTIONS 2014 : Titre (effet de survol) */
	#header #headerelections > div a.ep_title:link 	> span:first-child > span:first-child,
	#header #headerelections > div a.ep_title:visited > span:first-child > span:first-child{
		background-color:			#FFF;
		text-decoration:			none;
		color:						#112243;
	}
	#header #headerelections > div a.ep_title:hover 	> span:first-child > span:first-child,
	#header #headerelections > div a.ep_title:focus 	> span:first-child > span:first-child,
	#header #headerelections > div a.ep_title:active 	> span:first-child > span:first-child{
		background-color:			#e0e0e0;
		text-decoration:			none;
		color:						#112243;
	}
	#header #headerelections > div a.ep_title:link 	> span:first-child > span + span,
	#header #headerelections > div a.ep_title:visited > span:first-child > span + span{
		background-image:			url(../img/background/header_bgelection_shortcut_arrow.png);
	}
	#header #headerelections > div a.ep_title:hover 	> span:first-child > span + span,
	#header #headerelections > div a.ep_title:focus 	> span:first-child > span + span,
	#header #headerelections > div a.ep_title:active 	> span:first-child > span + span{
		background-image:			url(../img/background/header_bgelection_shortcut_arrow_hover.png);
	}
	#header #headerelections > div a.ep_title:link 	> span + span span,
	#header #headerelections > div a.ep_title:visited	> span + span span{
		background-position:		left center;
	}
	#header #headerelections > div a.ep_title:hover 	> span + span span,
	#header #headerelections > div a.ep_title:focus 	> span + span span,
	#header #headerelections > div a.ep_title:active 	> span + span span{
		background-position:		right center;
	}
	/* NEWS PRODUCT - MENU ELECTIONS 2014 : Menu */
	#header #headerelections > div .ep_menu{
		position:					relative;
		display:					block;
		z-index:					10;
		overflow:					hidden;
		margin:						0 50px 0 0;
		padding:					0;
	}
	#header #headerelections > div .ep_menu ul,
	#header #headerelections > div .ep_menu ul li{
		position:					relative;
		display:					inline;
		margin:						0;
		padding:					0;
		vertical-align:				middle;
	}
	#header #headerelections > div .ep_menu ul{
		display:					inline-block;
		zoom:						1;
		letter-spacing:				normal;
		white-space:				normal;
	}
	#header #headerelections > div .ep_menu ul + span{
		position:					relative;
		display:					inline-block;
		width:						1px;
		height:						3.8em;
		margin:						0;
		padding:					0;
		vertical-align:				middle;
	}
	#header #headerelections > div .ep_menu ul li a,
	#header #headerelections > div .ep_menu ul li a	span{
		position:					relative;
		display:					inline-block;
		margin:						0;
		padding:					0;
		text-decoration:			none;
	}
	#header #headerelections > div .ep_menu ul li a{
		margin-left:				-1px;
		padding-top:				1px;
		padding-bottom:				1px;
		border-left:				1px solid #FFF;
		letter-spacing:				normal;
		white-space:				normal;
	}
	#header #headerelections > div .ep_menu ul li a	span{
		margin-left:				10px;
		margin-right:				10px;
		font-size:					1.3em;
		font-weight:				normal;
		text-shadow:				1px 1px 1px #0D0D0D;
		color:						#FFF;
	}
	#header #headerelections > div .ep_menu ul li a	span:link,
	#header #headerelections > div .ep_menu ul li a	span:visited{
		color:						#FFF;
	}
	
	#header #headerelections > div .ep_menu ul li a	span:hover,
	#header #headerelections > div .ep_menu ul li a	span:focus,
	#header #headerelections > div .ep_menu ul li a	span:active{
		color:						#d6dadf;
	}