/* 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 - 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;		}