/* CSS Document pour les pages de la galaxie Europarl [createur Olivier Pellichero] */
/* CSS structurant les produits "banniere" de tous les sites de la galaxie */

/* ======================================================================================================== */
/* = BANNER - IMAGE ======================================================================================= */
/* ======================================================================================================== */

	/* IMAGE : Conteneur principal */
	#bannerzone .ep_banner{
		display:					block;
		clear:						both;
		margin:						0;
		padding:					0;
		border:						none;
		font-size:					1em;
		text-decoration:			none;
		color:						#000000;
	}
	/* IMAGE : Conteneur image */
	#bannerzone .ep_banner .ep_img, #bannerzone .ep_banner .ep_img img{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					0;
		border:						none;
	}
	#bannerzone .ep_banner .ep_img{				margin-bottom: 	-1px;	}
	/* IMAGE : Conteneur texte (non autorise) */
	#bannerzone .ep_banner .ep_text{
		position:					absolute;
		display:					none;
	}

/* ======================================================================================================== */
/* = BANNER - TYPE TEXTE ================================================================================== */
/* ======================================================================================================== */

	/* TYPE TEXTE : Conteneur principal */
	#bannerzone .ep_textbanner{
		display:					block;
		clear:						both;
		margin:						0;
		padding:					0;
		background:					none;
		border:						none;
		font-size:					1em;
		text-decoration:			none;
		color:						#000000;
	}
	/* TYPE TEXTE : Conteneur image */
	#bannerzone .ep_textbanner .ep_img, #bannerzone .ep_textbanner .ep_img img{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					0;
		border:						none;
	}
	#bannerzone .ep_textbanner .ep_img{				margin-bottom: 	-1px;	}
	/* TYPE TEXTE : Conteneur texte */
	#bannerzone .ep_textbanner .ep_text{
		position:					absolute;
		display:					block;
		bottom:						25px;
		right:						25px;
		width:						50%;
		margin:						0;
		padding:					25px 0 20px 0;
		background-color:			#ebecec;
		background-image:			url(../img/background/banner_bg_text.jpg);
		background-repeat:			repeat;
		border:						none;
		text-decoration:			none;
		font-size:					1em;
	}
	/* TYPE TEXTE : Conteneur texte (titre) */
	#bannerzone .ep_textbanner .ep_text .ep_title{
		position:					relative;
		display:					block;
		margin:						0 25px 5px 25px;
		padding:					0;
		font-size:					2.4em;
		font-weight:				bold;
		text-decoration:			none;
		letter-spacing:				-0.04em;
		color:						#20425d;
	}
	/* TYPE TEXTE : Conteneur texte (contenu) */
	#bannerzone .ep_textbanner .ep_text .ep_content{
		position:					relative;
		display:					block;
		margin:						0 25px 5px 25px;
		padding:					0;
		font-size:					1.2em;
		font-weight:				normal;
		text-decoration:			none;
		color:						#20425d;
	}
	/* TYPE TEXTE : Correctif lien */
	#bannerzone a.ep_textbanner .ep_text,
	#bannerzone a.ep_textbanner .ep_text .ep_title,
	#bannerzone a.ep_textbanner .ep_text .ep_content{	cursor:		pointer;	 }
		
/* ======================================================================================================== */
/* = BANNER - TYPE DIAPORAMA ============================================================================== */
/* ======================================================================================================== */

	/* TYPE DIAPORAMA : Conteneur principal */
	#bannerzone .ep_slidebanner{
		display:					block;
		clear:						both;
		margin:						0;
		padding:					0;
		background:					none;
		border:						none;
		font-size:					1em;
		text-decoration:			none;
		color:						#000000;
	}
	/* TYPE DIAPORAMA : Conteneur image */
	#bannerzone .ep_slidebanner .ep_img, #bannerzone .ep_slidebanner .ep_img img{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					0;
		border:						none;
	}
	#bannerzone .ep_slidebanner .ep_img{	margin-bottom: 	-1px;	}
	/* TYPE DIAPORAMA : Conteneur lien */
	#bannerzone .ep_slidebanner .ep_link{
		position:					absolute;
		display:					block;
		overflow-x:					hidden;
		overflow-y:					auto;
		top:						25px;
		bottom:						25px;
		right:						25px;
		width:						225px;
	}
	/* TYPE DIAPORAMA : Conteneur lien */
	#bannerzone .ep_slidebanner .ep_link a{
		position:					relative;
		display:					block;
		width:						100%;
		border:						none;
		text-decoration:			none;
	}
	/* TYPE DIAPORAMA : Liste de liens */
	#bannerzone .ep_slidebanner .ep_link ul li a{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					3px 0 3px 25px;
		background-image: 			url(../img/icon/boxbody_icon_link_media.png);
		background-position:		left 2px;
		background-repeat:			no-repeat;
		font-size:					1.2em;
		font-weight:				normal;
		color:						#195B92;
	}
	#bannerzone .ep_slidebanner .ep_link ul li a:link,
	#bannerzone .ep_slidebanner .ep_link ul li a:visited{
		text-decoration:			none;
		color:						#195B92;
	}
	#bannerzone .ep_slidebanner .ep_link ul li a:hover,
	#bannerzone .ep_slidebanner .ep_link ul li a:focus,
	#bannerzone .ep_slidebanner .ep_link ul li a:active{
		text-decoration:			underline;
		color:						#195B92;
	}
	/* TYPE DIAPORAMA : Adaptation JS (positionnement lien) */
	body.ep_jsavailable #bannerzone .ep_slidebanner .ep_link a{
		position:					absolute;
		display:					block;
		bottom:						0;
	}
	/* TYPE DIAPORAMA : Adaptation JS (icone diaporama) */
	body.ep_jsavailable #bannerzone .ep_slidebanner .ep_link a .ep_endbox{
		position:					absolute;
		display:					block;
		cursor:						pointer;
		top:						0;
		bottom:						0;
		left:						0;
		width:						100%;
		height:						auto;
		background-image:			url(../img/icon/boxbody_icon_img_slideshow.png);
		background-position:		center;
		background-repeat:			no-repeat;
	}
	/* TYPE DIAPORAMA : Adaptation JS (disparition des liens supplementaires) */
	body.ep_jsavailable #bannerzone .ep_slidebanner .ep_link ul{
		position:					absolute;
		display:					block;
		overflow:					hidden;
		left:						-100000px;
		width:						1px;
		height:						1px;
	}

/* ======================================================================================================== */
/* = BANNER - TYPE MULTIMEDIA ============================================================================= */
/* ======================================================================================================== */

	/* TYPE MULTIMEDIA : Conteneur principal */
	#bannerzone .ep_mediabanner{
		display:					block;
		clear:						both;
		margin:						0;
		padding:					0;
		background:					#FFFFFF;
		border:						none;
		font-size:					1em;
		text-decoration:			none;
		color:						#000000;
	}
	/* TYPE MULTIMEDIA : Conteneur banner */
	#bannerzone .ep_mediabanner .ep_media{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					0;
		border:						none;
	}
	#bannerzone .ep_mediabanner .ep_media{				margin-bottom: 	-1px;	}
	/* TYPE MULTIMEDIA : Conteneur image */
	#bannerzone .ep_mediabanner .ep_img, #bannerzone .ep_mediabanner .ep_img img{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					12px 0;
		border:						none;
		text-align:					center;
	}
	#bannerzone .ep_mediabanner .ep_img img{
		padding-top:				0;
		padding-bottom:				0;
		display:					inline-block;
	}
	/* TYPE MULTIMEDIA : Conteneur texte */
	#bannerzone .ep_mediabanner .ep_text{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					5px 0 7px 0;
		border:						none;
		text-decoration:			none;
		font-size:					1em;
	}
	/* TYPE MULTIMEDIA : Conteneur texte (titre) */
	#bannerzone .ep_mediabanner .ep_text .ep_title{
		position:					relative;
		display:					block;
		margin:						7px 12px 5px 12px;
		padding:					0;
		font-size:					2.4em;
		font-weight:				bold;
		text-decoration:			none;
		letter-spacing:				-0.04em;
		color:						#20425d;
	}
	/* TYPE MULTIMEDIA : Conteneur texte (contenu) */
	#bannerzone .ep_mediabanner .ep_text .ep_content{
		position:					relative;
		display:					block;
		margin:						7px 12px 5px 12px;
		padding:					0;
		font-size:					1.2em;
		font-weight:				normal;
		text-decoration:			none;
		color:						#20425d;
	}
/* ======================================================================================================== */
/* = BANNER - TYPE ANIMATION ============================================================================== */
/* ======================================================================================================== */

	/* TYPE ANIMATION : Conteneur principal */
	#bannerzone .ep_animatedbanner{
		position:					relative;
		display:					block;
		clear:						both;
		overflow:					hidden;
		margin:						0;
		padding:					0;
		border:						none;
		font-size:					1em;
		text-decoration:			none;
		color:						#000000;
	}
	#bannerzone .ep_animatedbanner .ep_2banners,
	#bannerzone .ep_animatedbanner .ep_3banners,
	#bannerzone .ep_animatedbanner .ep_4banners,
	#bannerzone .ep_animatedbanner .ep_5banners{
		position:					relative;
		display:					block;
		overflow-x:					scroll;
		overflow-y:					hidden;
		margin:						0;
		padding:					0;
		border:						none;
		font-size:					1em;
		text-decoration:			none;
		color:						#363636;
	}
	/* TYPE ANIMATION : Liste des elements */
	#bannerzone .ep_animatedbanner .ep_list{
		position:					relative;
		display:					block;
		margin:						0 0 -1px 0;
		padding:					0;
		border:						none;
		font-size:					1em;
		text-decoration:			none;
		color:						#363636;
	}
	/* TYPE ANIMATION : Element */
	#bannerzone .ep_animatedbanner .ep_list .ep_banner,
	#bannerzone .ep_animatedbanner .ep_list .ep_textbanner{
		position:					relative;
		display:					block;
		overflow:					hidden;
		clear:						none;
		float:						left;
		max-width:					925px;
		margin:						0;
		padding:					0;
		border:						none;
		font-size:					1em;
		text-decoration:			none;
		color:						#000000;
	}
	/* TYPE ANIMATION : Correction affichage plusieurs bannieres */
	#bannerzone .ep_animatedbanner .ep_2banners .ep_list{								width:			1850px;		}
	#bannerzone .ep_animatedbanner .ep_3banners .ep_list{								width:			2775px;		}
	#bannerzone .ep_animatedbanner .ep_4banners .ep_list{								width:			3700px;		}
	#bannerzone .ep_animatedbanner .ep_5banners .ep_list{								width:			4625px;		}
	#bannerzone .ep_animatedbanner .ep_6banners .ep_list{								width:			5550px;		}
	#bannerzone .ep_animatedbanner .ep_7banners .ep_list{								width:			6475px;		}
	#bannerzone .ep_animatedbanner .ep_8banners .ep_list{								width:			7400px;		}
	#bannerzone .ep_animatedbanner .ep_9banners .ep_list{								width:			8325px;		}
	#bannerzone .ep_animatedbanner .ep_10banners .ep_list{								width:			9250px;		}
	/* TYPE ANIMATION : Version JS (conteneur) */
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_banners{
		position:					relative;
		display:					block;
		z-index:					20;
		overflow:					hidden;
		margin:						0 0 25px 0;
		padding:					0;
		border:						none;
		font-size:					1em;
		text-decoration:			none;
		color:						#363636;
	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_banners .ep_list{
		height:						1%;
	}
	/* TYPE ANIMATION : Version JS (banniere) */
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_banners .ep_banner,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_banners .ep_textbanner,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_banners .ep_hidden{
		position:					absolute;
		display:					block;
		z-index:					10;
		overflow:					hidden;
		clear:						none;
		float:						none;
		top:						-1px;
		left:						0;
		width:						auto;
		height:						1px;
		margin:						0;
		padding:					0;
		border:						none;
		font-size:					1em;
		text-decoration:			none;
		color:						#000000;
	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_banners .ep_display{
		display:					block 	!important;
		z-index:					100		!important;
		top:						0 		!important;
		height:						auto 	!important;
	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_banners .ep_banner .ep_img{
		margin-bottom:				0;
	}
	/* TYPE ANIMATION : Version JS (menu) */
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu{
		position:					absolute;
		display:					block;
		z-index:					30;
		bottom:						70px;
		height:						1px;
	}
	/* TYPE ANIMATION : Version JS (menu > bouton ) */
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li{
		position:					absolute;
		display:					block;
		margin:						0;
		box-shadow: 				0 3px 3px #d8d9d9;
		-moz-box-shadow: 			0 3px 3px #d8d9d9;
		-webkit-box-shadow: 		0 3px 3px #d8d9d9;
	}
	/* TYPE ANIMATION : Version JS (menu > bouton > image) */
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li span{
		position:					relative;
		display:					block;
		border:						4px solid #FFFFFF;
	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li span span{
		cursor:						pointer;
		width:						50px;
		height:						50px;
		background-color:			#FFFFFF;
		border:						none;
	}
	/* TYPE ANIMATION : Version JS (menu > bouton > chrono) */
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer{
		position:					absolute;
		display:					block;
		cursor:						pointer;
		top:						0;
		bottom:						0;
		width:						100%;
		height:						auto;
		background:					none;
		border:						none;
	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer span{
		position:					absolute;
		display:					block;
		top:						auto;
		bottom:						auto;
		left:						auto;
		right:						auto;
		width:						auto;
		height:						auto;
		background:					none;
		border:						none;
	}
	/* TYPE ANIMATION : Version JS (menu > bouton > chrono > animation) */
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_top,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_bottom{
		width:						100%;
		height:						4px;
	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_left,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_right{
		top:						0;
		bottom:						0;
		width:						4px;
	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_top{			z-index:	30;	top:	0; 		left:	0;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_bottom{		z-index:	20;	bottom:	0; 		left:	0;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_left{			z-index:	15;	top:	0; 		left:	0;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_right{			z-index:	25;	top:	0; 		right:	0;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_top 	span,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_bottom span,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_left 	span,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_right 	span{	background-color: #ababab;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_top	span{	height:	3px;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_bottom	span{	height:	4px;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_left	span,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_right	span{	width:	4px;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_bottom	span{	width:	100%;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_left	span{	height:	100%;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_bottom,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_left{			background-color: #ababab;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_bottom	span,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_left	span{	background-color: #FFFFFF;	}
	/* TYPE ANIMATION : Version JS (menu > bouton > chrono > cache) */
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_bordertop,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_borderbottom,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_borderleft,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_borderright{	z-index:	50;	background-color: #FFFFFF;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_bordertop,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_borderbottom{
		left:						0;
		width:						100%;
		height:						1px;
	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_borderleft,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_borderright{
		top:						0;
		bottom:						0;
		width:						1px;
	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_bordertop{		top:	0;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_borderbottom{	bottom:	0;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_borderleft{	left:	0;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_borderright{	right:	0;	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_bordercenter{
		z-index:					50;
		top:						3px;
		bottom:						3px;
		left:						3px;
		right:						3px;
		background-position:		center;
		background-repeat:			no-repeat;
		border:						1px solid #FFFFFF;
	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li .ep_timer .ep_background{
		z-index:					45;
		opacity:					0.6;
		filter:						alpha(opacity=60);
		top:						3px;
		bottom:						3px;
		left:						3px;
		right:						3px;
		background-repeat:			repeat;
	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li.ep_selected .ep_play .ep_bordercenter{			background-image:	url(../img/icon/banner_icon_play.png);	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li.ep_selected:hover .ep_pause .ep_bordercenter{	background-image:	url(../img/icon/banner_icon_pause.png);	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li.ep_selected .ep_play .ep_background,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li.ep_selected:hover .ep_pause .ep_background{		background-image:	url(../img/background/banner_bg_button.png);	}
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li.ep_selected:hover .ep_pause .ep_background,
	body.ep_jsavailable #bannerzone .ep_animatedbanner .ep_menu li.ep_selected:hover .ep_play .ep_background{
		opacity:					100;
		filter:						alpha(opacity=100);
	}
	
		
/* ======================================================================================================== */
/* = BANNER - CORRECTIF DE ZONES ========================================================================== */
/* ======================================================================================================== */
	
	/* CORRECTIF ZONE : General */
	#maincontent #bannerzone .ep_banner{					padding-bottom:		0;			}
	/* CORRECTIF ZONE : Banniere texte */
	#maincontent #bannerzone .ep_textbanner .ep_text{		width:				495px;		}