/* CSS Document pour la structure des boites de contenu du site du Parlement Europeen */

	/* Styles contenus dans ce fichier : 
		Styles pour la boite de type standart
		Styles pour la boite avec un coin brise
		Styles pour la boite sans entete
		Styles pour la boite avec un degrade dans l'entete
		Styles pour la boite avec l'entete ressemblant a un onglet
		Styles pour la boite avec un contenu en deux colonnes
		Styles pour la boite avec un contenu en trois colonnes
		Styles pour la boite sans bordure
		Styles pour la boite sans marges internes
		Styles pour la boite de couleur
		Styles pour la zone decoupee en 3 colonnes
		Styles pour la zone decoupee en 2 colonnes dynamiques
		Styles pour la boite avec des onglets
		Styles pour les contenus generiques des boites
	*/


/* ======================================================================================================== */
/* Styles pour la boite standart */

	/* Boite standart : Conteneur */
	.ep_box{
		position:					relative;
		display:					block;
		/height:					1%;				/* Correction pour IE7 et precedent */
		margin:						0 0 20px 0;
	}
	/* Boite standart : Entete */
	.ep_box_top{
		position:					relative;
		display:					block;
		/height:					1%;				/* Correction pour IE7 et precedent */
		border:						solid 1px #C5C5C7;
		border-bottom:				none;
	}
	.ep_box_top .ep_box_title{
		position:					relative;
		display:					block;
		margin:						0;
		padding:					7px 10px;
		font-size:					1.3em;
		font-weight:				normal;
		text-align:					left;
	}
	/* Boite standart : Corps */
	.ep_box_body{
		display:					block;
		clear:						both;
		height:						1%;
		padding:					5px 15px;
		border:						solid 1px #C5C5C7;
		border-top:					none;
	}
	

/* ======================================================================================================== */
/* Styles pour la boite avec un coin brise */

	/* Boite avec coin casse : Entete */
	.ep_box_topcorner .ep_box_title{
		position:					relative;
		display:					block;
		-height:					1%;				/* Correction pour IE6 */
		top:						-1px;
		left:						-1px;
		margin:						0;
		padding:					7px 0 7px 30px;
		background-image:			url(../../img/struct/navigation/bullet_ei0.gif);
		background-repeat:			no-repeat;
		background-position:		left top;
		font-size:					1.3em;
		font-weight:				normal;
		text-align:					left;
	}
	
/* ======================================================================================================== */
/* Styles pour la boite sans entete */

	.ep_box_notitle{ 
		padding:					10px;
		border:						solid 1px #C5C5C7;
	}
	
/* ======================================================================================================== */
/* Styles pour la boite avec degrade dans l'entete */

	.ep_box_topgradient{ 
		padding:					10px;
		background-image:			url(../../img/struct/navigation/gradient_blue.gif);
		background-repeat:			repeat-x;
		background-position:		top;
	}
	
/* ======================================================================================================== */
/* Styles pour la boite avec l'entete ressemblant a un onglet */

	.ep_box_toptablike .ep_box_title{
		position:					relative;
		display:					block;
		height:						1%;
		margin:						0;
		padding:					0;
		border:						0 solid #02519C;
		border-top-width:			5px;
		font-size:					1em;
		font-weight:				normal;
		text-align:					left;
	}
	.ep_box_toptablike .ep_box_title .ep_title{
		position:					relative;
		display:					block;
		float:						left;
		margin:						0;
		padding:					0 1.5em 5px 10px;
		background-color:			#02519C;
		background-image:			url(../../img/struct/functional/bgTabLike_title_product.gif);
		background-repeat:			no-repeat;
		background-position:		right top;
		font-size:					1.em;
		font-weight:				normal;
		text-align:					left;
		color:						#FFFFFF;
	}
	.ep_box_toptablike .ep_box_title .ep_title a{
		text-decoration:			none;
		color:						#FFFFFF;
	}
	.ep_box_toptablike .ep_box_title .ep_endbox{
		position:					relative;
		display:					block;
		overflow:					hidden;
		clear:						both;
		height:						1px;
		margin:						0;
		padding:					0;
		background:					none;
		border:						none;
	}
	
/* ======================================================================================================== */
/* Styles pour la boite sans bordure */

	.ep_box_noborder .ep_box_body{ 
		border-left:				none;
		border-right:				none;
		padding-top:				0;
		padding-bottom:				0;
	}
	
/* ======================================================================================================== */
/* Styles pour la boite sans marges internes */

	.ep_box_body_nomargin{ 
		padding-left:				0;
		padding-right:				0;
	}
	
/* ======================================================================================================== */
/* Styles pour la boite de couleur */

	.ep_colorbox{ 
		position:					relative;
		display:					block;
		margin:						0 0 20px 0;
		padding:					10px;
		background-color:			#E5EAF0;
		border:						1px solid #D0D0D0;
	}
	
/* ======================================================================================================== */
/* Styles pour la boite avec un contenu en deux colonnes */

	/* Boite avec un contenu en 2 colonnes : Bloc separateur */
	.ep_box .ep_box_body_2columns{ 
		display:					block;
		height:						1%;
		background-image:			url(../../img/struct/navigation/pix_grey.gif);
		background-position:		50% top;
		background-repeat:			repeat-y;
	}
	/* Boite avec un contenu en 2 colonnes : Colonnes */
	.ep_box .ep_box_body_2columns .ep_column_left, .ep_box .ep_box_body_2columns .ep_column_right{
		position:					relative;
		display:					block;
		width:						50%;
		margin:						0;
		padding:					0;
	}
	.ep_box .ep_box_body_2columns .ep_column_left{
		float:						left;
	}
	.ep_box .ep_box_body_2columns .ep_column_right{
		float:						right;
	}
	/* Boite avec un contenu en 2 colonnes : Arret du flottement en fin de boite */
	.ep_box .ep_box_body_2columns .ep_endbox{
		position:					relative;
		display:					block;
		clear:						both;
		overflow:					hidden;
		height:						1px;
	}
	/* Boite avec un contenu en 2 colonnes : Contenu - Generique */
	.ep_box .ep_box_body_2columns .ep_content{
		position:					relative;
		display:					block;
		height:						1%;
		margin:						10px 0;
		padding:					0;
	}
	/* Boite avec un contenu en 2 colonnes : Contenu - Marges internes */
	.ep_box .ep_box_body_2columns .ep_column_left .ep_content{
		margin-right:				10px;
	}
	.ep_box .ep_box_body_2columns .ep_column_right .ep_content{
		margin-left:				10px;
	}
	
/* ======================================================================================================== */
/* Styles pour la boite avec un contenu en trois colonnes */

	/* Boite avec un contenu en 3 colonnes : Bloc separateur */
	.ep_box .ep_box_body_3columns{ 
		display:					block;
		height:						1%;
		background-image:			url(../../img/struct/navigation/pix_grey.gif);
		background-position:		33% top;
		background-repeat:			repeat-y;
	}
	.ep_box .ep_box_body_3columns .ep_bodycontent{ 
		display:					block;
		height:						1%;
		background-image:			url(../../img/struct/navigation/pix_grey.gif);
		background-position:		67% top;
		background-repeat:			repeat-y;
	}
	/* Boite avec un contenu en 3 colonnes : Colonnes */
	.ep_box .ep_box_body_3columns .ep_column_left, .ep_box .ep_box_body_3columns .ep_column_center, .ep_box .ep_box_body_3columns .ep_column_right{
		position:					relative;
		display:					block;
		width:						33%;
		margin:						0;
		padding:					0;
	}
	.ep_box .ep_box_body_3columns .ep_column_left, .ep_box .ep_box_body_3columns .ep_column_center{
		float:						left;
	}
	.ep_box .ep_box_body_3columns .ep_column_right{
		float:						right;
	}
	/* Boite avec un contenu en 3 colonnes : Arret du flottement en fin de boite */
	.ep_box .ep_box_body_3columns .ep_endbox{
		position:					relative;
		display:					block;
		clear:						both;
		overflow:					hidden;
		height:						1px;
	}
	/* Boite avec un contenu en 3 colonnes : Contenu - Generique */
	.ep_box .ep_box_body_3columns .ep_content{
		position:					relative;
		display:					block;
		height:						1%;
		margin:						10px 0;
		padding:					0;
	}
	/* Boite avec un contenu en 3 colonnes : Contenu - Marges internes */
	.ep_box .ep_box_body_3columns .ep_column_left .ep_content, .ep_box .ep_box_body_3columns .ep_column_center .ep_content{
		margin-right:				10px;
	}
	.ep_box .ep_box_body_3columns .ep_column_right .ep_content, .ep_box .ep_box_body_3columns .ep_column_center .ep_content{
		margin-left:				10px;
	}
	
/* ======================================================================================================== */
/* Styles pour la zone decoupee en 2 colonnes */

	/* Zone en 2 colonnes : Colonnes - Conteneur */
	.ep_2columns{ 
		position:					relative;
		display:					block;
		clear:						both;
		height:						1%;
	}
	/* Zone en 2 colonnes : Colonnes - Colonne */
	.ep_2columns .ep_column_left, .ep_2columns .ep_column_right{
		position:					relative;
		display:					block;
		width:						50%;
		height:						1%;
		margin:						0;
		padding:					0;
	}
	.ep_2columns .ep_column_left{
		float:						left;
	}
	.ep_2columns .ep_column_right{
		float:						right;
	}
	/* Zone en 3 colonnes : Fermeture de la zone */
	.ep_2columns .ep_endcolumn{
		position:					relative;
		display:					block;
		clear:						both;
		overflow:					hidden;
		height:						1px;
		margin:						0;
		padding:					0;
		border:						none;
	}
	
/* ======================================================================================================== */
/* Styles pour la zone decoupee en 3 colonnes */

	/* Zone en 3 colonnes : Colonnes - Conteneur */
	.ep_3columns{ 
		position:					relative;
		display:					block;
		clear:						both;
		height:						1%;
	}
	/* Zone en 3 colonnes : Colonnes - Colonne */
	.ep_3columns .ep_column_left, .ep_3columns .ep_column_center, .ep_3columns .ep_column_right{
		position:					relative;
		display:					block;
		width:						33.3%;
		height:						1%;
		margin:						0;
		padding:					0;
	}
	.ep_3columns .ep_column_left, .ep_3columns .ep_column_center{
		float:						left;
	}
	.ep_3columns .ep_column_right{
		float:						right;
	}
	/* Zone en 3 colonnes : Fermeture de la zone */
	.ep_3columns .ep_endcolumn{
		position:					relative;
		display:					block;
		clear:						both;
		overflow:					hidden;
		height:						1px;
		margin:						0;
		padding:					0;
		border:						none;
	}
	
/* ======================================================================================================== */
/* Styles pour la zone decoupee en 2 colonnes dynamiques */

	/* Zone en 2 colonnes dynamiques : Conteneur */
	.ep_2columns_dynamics{ 
		position:					relative;
		display:					block;
		clear:						both;
	}
	/* Zone en 2 colonnes dynamiques : Colonne optionelle (gauche) -> la taille doit etre fixee en dur */
	.ep_2columns_dynamics .ep_column_optional{
		position:					relative;
		display:					block;
		float:						left;
		width:						50%;
		height:						1%;
	}
	/* Zone en 2 colonnes dynamiques : Colonne indispensable (droite) -> la taille s'adapte a l'espace laisse par la colonne optionnelle */
	.ep_2columns_dynamics .ep_column_essential{
		position:					relative;
		display:					block;
		overflow:					hidden;
		height:						1%;
	}
	/* Zone en 2 colonnes dynamiques : Fermeture de la zone */
	.ep_2columns_dynamics .ep_endcolumn{
		position:					relative;
		display:					block;
		clear:						both;
		overflow:					hidden;
		height:						1px;
		margin:						0;
		padding:					0;
		border:						none;
	}
	/* Zone en 2 colonnes dynamiques : Correction eventuelle du corps de la boite */
	.ep_2columns_dynamics .ep_column_essential .ep_box .ep_box_body{
		clear:						none;
	}
	
/* ======================================================================================================== */
/* Styles pour la boite avec des onglets */

	/* Boite avec onglet : Fermeture de l'entete */
	.ep_box_tab .ep_box_top .ep_top_end{
		position:					relative;
		display:					block;
		clear:						both;
		overflow:					hidden;
		top:						-1px;
		height:						1px;
		margin:						0;
		padding:					0;
		border:						none;
		border-top:					solid 1px #C5C5C7;
	}
	/* Boite avec onglet : Entete */
	.ep_box_tab .ep_box_top{
		border-top:					none;
		border-right:				none;
	}
	/* Boite avec onglet : Entete - Conteneur */
	.ep_box_tab .ep_box_top ul.ep_box_title, .ep_box_tab .ep_box_top ol.ep_box_title{
		position:					relative;
		display:					block;
		z-index:					120;
		-height:					1%;				/* Correction pour IE6 */
		margin:						0;
		padding:					0;
		font-size:					1.3em;
		font-weight:				normal;
		text-align:					left;
	}
	/* Boite avec onglet : Entete - Onglet */
	.ep_box_tab .ep_box_top li{
		position:					relative;
		display:					block;
		float:						left;
		border-right:				solid 1px #C5C5C7;
		border-bottom:				solid 1px #C5C5C7;
		color:						#02519C;
	}
	.ep_box_tab .ep_box_top li .ep_title{
		position:					relative;
		display:					block;
		padding:					7px 10px;
		border-top:					solid 1px #C5C5C7;
		font-weight:				normal;
		font-size:					1em;
	}
	/* Boite avec onglet : Entete - Lien */
	.ep_box_tab .ep_box_top li a:link, .ep_box_tab .ep_box_top li a:visited{
		display:					block;
		text-decoration:			none;
		color:						#02519C;
	}
	.ep_box_tab .ep_box_top li a:hover, .ep_box_tab .ep_box_top li a:focus, .ep_box_tab .ep_box_top li a:active{
		text-decoration:			underline;
		color:						#02519C;
	}
	/* Boite avec onglet : Entete - Onglet selectionne */
	.ep_box_tab .ep_box_top .ep_selected, .ep_box_tab .ep_box_top .ep_selected_first{
		top:						0px;
		left:						-1px;
		background-image:			url(../../img/struct/navigation/bullet_ei0.gif);
		background-repeat:			no-repeat;
		background-position:		left top;
		border-bottom-color:		#FFFFFF;
	}
	.ep_box_tab .ep_box_top .ep_selected .ep_title{
		padding-left:				30px;
	}
	.ep_box_tab .ep_box_top .ep_selected_first .ep_title{
		margin-left:				30px;
		padding-left:				0;
	}
	/* Boite avec onglet : Corps - Correction de l'espacement */
	.ep_box_tab .ep_box_body{
		position:					relative;
		top:						-2px;
	}
	
/* ======================================================================================================== */
/* Styles pour les contenus generiques des boites */

	/* Contenu : Lien "Retour >>" */
	.ep_linknext{
		position:					relative;
		display:					block;
		clear:						both;
		margin:						0;
		padding:					0;
		text-align:					right;
	}
	.ep_linknext a:link, .ep_linknext a:visited{
		padding:					0 15px 0 0;
		background-image:			url(../../img/struct/functional/readmore.gif);
		background-repeat:			no-repeat;
		background-position:		right center;
		text-decoration:			underline;
		color:						#02519C;
	}
	.ep_linknext a:hover, .ep_linknext a:focus, .ep_linknext a:active{
		text-decoration:			underline;
		color:						#02519C;
	}
	/* Contenu : Lien "Retour <<" */
	.ep_linkprev{
		position:					relative;
		display:					block;
		clear:						both;
		margin:						0;
		padding:					0;
		text-align:					left;
	}
	.ep_linkprev a:link, .ep_linkprev a:visited{
		padding:					0 0 0 15px;
		background-image:			url(../../img/struct/functional/return.gif);
		background-repeat:			no-repeat;
		background-position:		left center;
		text-decoration:			underline;
		color:						#02519C;
	}
	.ep_linkprev a:hover, .ep_linkprev a:focus, .ep_linkprev a:active{
		text-decoration:			underline;
		color:						#02519C;
	}
	
	/* Contenu : Lien (Faux onglet) ">>" */
	.ep_box .ep_linkendbox{
		position:					relative;
		display:					block;
		height:						1%;
		margin:						0;
		padding:					10px 0 0 0;
	}
	.ep_box .ep_linkendbox .ep_link{
		position:					relative;
		height:						1%;
		display:					block;
	}
	.ep_box_noborder .ep_linkendbox{
		top:						1px;
		border-left:				1px solid #C5C5C7;
		border-right:				1px solid #C5C5C7;
		border-bottom:				1px solid #C5C5C7;
	}
	/* Contenu : Lien (Faux onglet) ">>" - Lien */
	.ep_box .ep_linkendbox .ep_link .ep_linknext{
		margin:						0;
		padding:					2px 5px 0 0;
		background-image:			url(../../img/struct/functional/bgTabLike_link_product.gif);
		background-position:		right top;
		background-repeat:			no-repeat;
		border-bottom:				5px solid #02468a;
	}
	.ep_box .ep_linkendbox .ep_link .ep_linknext a:link,
	.ep_box .ep_linkendbox .ep_link .ep_linknext a:visited,
	.ep_box .ep_linkendbox .ep_link .ep_linknext a:hover,
	.ep_box .ep_linkendbox .ep_link .ep_linknext a:focus,
	.ep_box .ep_linkendbox .ep_link .ep_linknext a:active{
		padding-right:				2.5em;
		background-image:			url(../../img/struct/functional/readmore_white.gif);
		text-decoration:			none;
	}
	/* Contenu : Lien (Faux onglet) "<<" */
	.ep_box .ep_linkendbox .ep_link .ep_linkprev{
		margin:						0;
		padding:					2px 0 0 5px;
		background-image:			url(../../img/struct/functional/bgTabLike_linkback_product.gif);
		background-position:		left top;
		background-repeat:			no-repeat;
		border-bottom:				5px solid #02468a;
	}
	.ep_box .ep_linkendbox .ep_link .ep_linkprev a:link,
	.ep_box .ep_linkendbox .ep_link .ep_linkprev a:visited,
	.ep_box .ep_linkendbox .ep_link .ep_linkprev a:hover,
	.ep_box .ep_linkendbox .ep_link .ep_linkprev a:focus,
	.ep_box .ep_linkendbox .ep_link .ep_linkprev a:active{
		padding-left:				2.5em;
		background-image:			url(../../img/struct/functional/return_white.gif);
		text-decoration:			none;
	}
	/* Contenu : Lien (Faux onglet) - Correction pour afficher plusieurs liens sur la meme ligne */
	.ep_box .ep_multilinkendbox{
		height:						1%;
		border-bottom:				5px solid #02468a;
	}
	.ep_box .ep_multilinkendbox .ep_link{
		padding-left:				0;
		padding-right:				0;
		border-bottom-width:		0;
	}
	.ep_box .ep_multilinkendbox .ep_endbox{
		background-color:			#02468a;
	}
	.ep_box .ep_multilinkendbox .ep_link .ep_linkprev{
		float:						left;
		clear:						none;
		border-bottom-width:		0;
	}
	.ep_box .ep_multilinkendbox .ep_link .ep_linknext{
		float:						right;
		clear:						none;
		border-bottom-width:		0;
	}
	
	/* Contenu : Contenu flottant */
	.ep_box .ep_float_left{
		float:						left;
		clear:						left;
		margin-right:				10px;
	}
	.ep_box .ep_float_right{
		float:						right;
		clear:						right;
		margin-left:				10px;
	}
	
/* ======================================================================================================== */
/* Styles pour les liens multimedia dans les boites */

	/* Liens multimedia - Icone sur lien - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
	
	/* Contenu : Lien avec icone multimedia */
	a.ep_read, a.ep_doc, a.ep_video, a.ep_audio, a.ep_infography, a.ep_galery{
		position:					relative;
		display:					inline;
		padding:					0 0 0 25px;
		background-repeat:			no-repeat;
		background-position:		left center;
		text-decoration:			none;
		color:						#02519C;
	}
	/* Contenu : Lien "Lire" */
	a.ep_read:link, a.ep_read:visited{
		background-image:			url(../../img/struct/navigation/picto_linkarrow.gif);
		text-decoration:			none;
	}
	a.ep_read:hover, a.ep_read:focus, a.ep_read:active{
		text-decoration:			underline;
	}
	/* Contenu : Lien "Document" */
	a.ep_doc:link, a.ep_doc:visited{
		background-image:			url(../../img/struct/navigation/picto_doc_short.gif);
		text-decoration:			none;
	}
	a.ep_doc:hover, a.ep_doc:focus, a.ep_doc:active{
		text-decoration:			underline;
	}
	/* Contenu : Lien "Multimedia video" */
	a.ep_video:link, a.ep_video:visited{
		background-image:			url(../../img/cont/news/navigation/picto_video_short.gif);
		text-decoration:			none;
	}
	a.ep_video:hover, a.ep_video:focus, a.ep_video:active{
		text-decoration:			underline;
	}
	/* Contenu : Lien "Multimedia audio" */
	a.ep_audio:link, a.ep_audio:visited{
		background-image:			url(../../img/cont/news/navigation/picto_audio_short.gif);
		text-decoration:			none;
	}
	a.ep_audio:hover, a.ep_audio:focus, a.ep_audio:active{
		text-decoration:			underline;
	}
	/* Contenu : Lien "Multimedia infographie flash" */
	a.ep_infography:link, a.ep_infography:visited{
		background-image:			url(../../img/cont/news/navigation/picto_infography_short.gif);
		text-decoration:			none;
	}
	a.ep_infography:hover, a.ep_infography:focus, a.ep_infography:active{
		text-decoration:			underline;
	}
	/* Contenu : Lien "Diaporama/Galerie" */
	a.ep_galery:link, a.ep_galery:visited{
		background-image:			url(../../img/cont/news/navigation/picto_gallery_short.gif);
		text-decoration:			none;
	}
	a.ep_galery:hover, a.ep_galery:focus, a.ep_galery:active{
		text-decoration:			underline;
	}

	/* Liens multimedia - Icone sur liste - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

	/* Contenu : Lien avec icone multimedia */
	li.ep_read, li.ep_doc, li.ep_video, li.ep_audio, li.ep_infography, li.ep_galery{
		position:					relative;
		padding:					0 0 0 25px;
		background-repeat:			no-repeat;
		background-position:		left top;
	}
	/* Contenu : Lien "Lire" */
	li.ep_read{
		background-image:			url(../../img/struct/navigation/picto_linkarrow.gif);
	}
	/* Contenu : Lien "Document" */
	li.ep_doc{
		background-image:			url(../../img/struct/navigation/picto_doc_short.gif);
	}
	/* Contenu : Lien "Multimedia video" */
	li.ep_video{
		background-image:			url(../../img/cont/news/navigation/picto_video_short.gif);
	}
	/* Contenu : Lien "Multimedia audio" */
	li.ep_audio{
		background-image:			url(../../img/cont/news/navigation/picto_audio_short.gif);
	}
	/* Contenu : Lien "Multimedia infographie flash" */
	li.ep_infography{
		background-image:			url(../../img/cont/news/navigation/picto_infography_short.gif);
	}
	/* Contenu : Lien "Diaporama/Galerie" */
	li.ep_galery{
		background-image:			url(../../img/cont/news/navigation/picto_gallery_short.gif);
	}