/** Depuis layout_web.css */

/** ARTICLE
  * Concerne le composant portail/_article
  * affiché depuis web/Article et portail/Article
  * - la classe article concerne touts les elements connexes de l'article ( affichage du titre, résumé, infos etc. )
  * - classe article_content pour le contenu meme de l'article
-------------------------------------------------------------*/
.article
{
	background: 	#fefefe;
	padding: 		1em;
}

	.article h1
	{
		line-height:	normal;
		height:			auto;
		background: 	#fff;
		color:			#888 !important;
		padding: 		0.2em 0;
		border-bottom:	solid 2px #e0e0e0 !important;
		font-size:		250% !important;
		font-weight:	normal !important;
		font-family:
			Cambria,
			"Hoefler Text",
			Utopia,
			"Liberation Serif",
			"Nimbus Roman No9 L Regular",
			Times,
			"Times New Roman",
			serif;
		margin-bottom:	0 !important;
	}

		.article h1 img
		{
			position: 	relative;
			left: 		0;
			top: 		0.2em;
		}

/* RESUME et FICHIERS ATTACHES------------------------------------------------------------------------- */

.article_quicklook
{
	position:			relative;
	font-style:			italic;
	background:		#f0f0f0;
	padding:			1em 0.5em;
	margin: 			0em;

}

	.article_resume
		{
		padding:			0.5em;
		position:			relative;
		/* *float:				left; */
		}

	.article_attachements
	{
		padding: 			0.5em;
		position: relative;
	}

		.article_attachements.right
		{
			float: 				right;
			border-left:		solid 1px #fff;
			z-index:			500;
		}

		.article_attachements strong
		{
			background:			transparent url(/images/icones/attach.gif) no-repeat;
			padding-left:		20px;
			height:				2em;
			color: 				#555;
		}

/* BLOC INFOS ----------------------------------------------------------------------------------------- */

.article_info
{
	position:			relative;
	padding: 			0.5em ;
	color: 				#bbb;
	background: 		#fafafa;
	font-size:			77%;
	border-bottom:		solid 1px #e0e0e0;
	border-top:			solid 1px #e0e0e0;
}

	.article_info strong
	{
		font-weight:		bold;
		font-size:			96%;
		color:				#888;
	}

	.article_info a
	{
		color: 				#ccc;
	}

		.article_info a:hover
		{
			color: 				#888;
		}

	.article_author
	{
		background:			transparent url(/images/icones/user.gif);
	}

	.article_date
	{
		background:			transparent url(/images/icones/calendar_edit.gif);

	}

	.article_keywords
	{
		background:			transparent url(/images/icones/tag_blue.gif);
	}

		.article_keywords p
		{
			padding:			0;
			padding-left:		20px;
			color:				#888;
			background:			none;
		}



	.article_author,
	.article_date,
	.article_keywords
	{
		padding-left:		20px;
		padding-top:		0.5em;
		margin-right:		1em;
		height:				20px;
		line-height:		20px;
		background-position:0% 90%;
		background-repeat:	no-repeat;
	}


/** JDMENU ------------------------------------------------------------------------------------------- */

.article_info ul.jd_menu
{
	position:			absolute;
	right: 				0;
	margin: 			0px;
	padding: 			0px;
	list-style-type: 	none;
	line-height:		15px;
	border-bottom:		none;
	font-size: 			100% !important;
	width:				150px !important;
}

*html .article_info ul.jd_menu { right:	1.5em; } /* FIX: position de jdMenu sous ie6 et inférieurs */


/* BLOC PORTEE ---------------------------------------------------------------------------------------- */

.article_portee
{
	margin:				0.5em 0;
	padding:			0.5em;
	font-weight:		bold;
	border:				solid 1px #fbe488;
	background:			#f7f9cc;
	-moz-border-radius:	3px;
}


/* CONTENU DE L'ARTICLE ------------------------------------------------------------------------------- */

.article_content
{
	padding:			1em 0;
	margin:				0;
	background:			#fff;
	clear:				both;
	text-align:			justify;
	line-height:		1.5em;
	overflow: 		hidden; 		/* Clearfix pour flottants (ex: image plus haute que le texte) */
}


	/* Style des balises HTML standard */

	.article_content h1
	{
		clear:				left;
		font-family:		sans-serif;
		font-size:			146.5% !important;
		font-weight:		bold !important;
		border: 			none !important;
		color:				#555 !important;
		padding: 			0.5em 0 !important;
	}

	.article_content h2
	{
		font-size:			131%;
		font-weight:		bold;
		border: 			none;
		color:				#777;
		background: 		transparent;
		padding:			0.5em 0;
	}

	.article_content h3
	{
		font-size:			116%;
		font-weight:		bold;
		color:				#999;
		padding:			0.5em 0;
		display:			block !important;
		float:				none !important;
	}

	.article_content ul
	{
		margin-left:		3em;
	}

		.article_content ul li
		{
			list-style-type:	square;
		}

	.article_content blockquote
	{
		margin:				1em 2em;
		padding:			1em;
		border: 			solid 1px #f0f0f0;
		background:			#fafafa;
		font-size:			93%;
		color:				#555;
		font-style:			italic;
		-moz-border-radius:	3px;
	}

	.article_content a
	{
		color:				#888;
		font-size:			77%;
		/*background:			transparent url(/images/icones/link-ext.gif) no-repeat 100% 50%;*/
		padding-right:		13px;
	}

		.article_content a:hover
		{
			color:				#555;
		}

/* NAVIGATION ----------------------------------------------------------------------------------------- */
/** Navigation rubriques etc. */
.article_nav
{
	background:			transparent url(/images/web/fond_search.gif) repeat-x;
	line-height:		20px;
	margin:				0;
	padding:			0.3em;
	color:				#555;
	font-weight: 		bold;
	border: 			solid 1px #e5e5e5;
}

.article_nav a
{
	color:				#555;
	text-decoration:	none;
	font-weight:		bold;
}

.article_nav a:hover
{
	color:				#2690b3;
}

.articles_ssrubs
{
	width:				150px;
	padding:			0.5em;
	border:				solid 1px #cecece;
	margin-right:	1em;
	background: 	#fff;
	float:	left;
	display: inline;
	margin-bottom: 1em	;
}

.articlesListe_info
{
	line-height:		3em;
}

.articlesListe_info img
{
	position:			relative;
	vertical-align:		middle;
}

.articles_ssrubs strong
{
	color: 				#667b86;
	font-family:		serif;
	font-size:			123%;
}

.articles_ssrubs a
{
	color: 				#888;
	text-decoration:	none;
}

.articles_ssrubs a:hover
{
	text-decoration:	underline;
}

/** DIAPORAMA */


#article_diaporama
{
/*float: left;*/
}

#article_diaporama ul
{
	background-color: #efefef;
	border-top: solid 1px #cecece;
	border-bottom: solid 1px #cecece;
	/*width: 696px;*/
}

#article_diaporama ul li
{
	display: inline;
	margin:	5px;
}

 #article_diaporama li a
 {
	text-decoration: none;
 }

#article_diaporama ul li img
{
	width: 80px;
	padding: 2px;
	background-color: #fff;
	border: solid 1px #cecece;
	vertical-align:	middle;
	margin: 2px 3px 5px 0px;
}

#article_diaporama div.diapoImages
{
	margin-bottom: 5em;
}

#article_diaporama div.diapoImages img
{
	width: 690px;
	margin: 0 auto;
	padding: 5px;
	background-color: #fff;
	border: solid 1px #cecece;
}

#article_diaporama div.diapoControls
{
	width:	300px;
	margin: 1em auto;
}

#article_diaporama div.diapoControls img { cursor: pointer; }

#article_diaporama div.diapoControls img#first,
#article_diaporama div.diapoControls img#prev,
#article_diaporama div.diapoControls img#stop,
#article_diaporama div.diapoControls img#next
 { margin-right: 2em; }


#fancybox-title {
	height: 62px;
	background-image: url('../images/fancybox/blank.gif');
}

#fancybox-title .controls {
	height: 52px;
	background: transparent url(../images/player.png) repeat-x;
	left: 10px !important;
	padding: 10px 0 0 0 !important;
	text-align: center;
	display: none;
}

	#fancybox-title .controls a {
		display: block;
		height: 44px;
		width: 45px;
		margin: 0 auto;
		text-indent: -9999px;
		outline: none;
	}

	#fancybox-title .controls a.play {
		background: transparent url(../images/player-play.png) no-repeat;
		_background: transparent url(../images/player-play.gif) no-repeat;  						/* IE6 */
	}

		#fancybox-title .controls a.play:hover {
			background: transparent url(../images/player-play-hover.png) no-repeat;
			_background: transparent url(../images/player-play-hover.gif) no-repeat;			/* IE6 */
		}

	#fancybox-title .controls a.pause {
			background: transparent url(../images/player-pause.png) no-repeat;
			_background: transparent url(../images/player-pause.gif) no-repeat;					/* IE6 */
	}

		#fancybox-title .controls a.pause:hover {
			background: transparent url(../images/player-pause-hover.png) no-repeat;
			_background: transparent url(../images/player-pause-hover.gif) no-repeat;		/* IE6 */
		}

#fancybox-wrap .status {
	position: absolute;
	top: 40px;
	right: 40px;
	padding: 10px;
	background: #000;
	background: rgba(0,0,0,0.8);
	color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-shadow: #000 1px 1px 0px;
	display:none;
}