/* CSS Document */


*{ margin:0; padding:0; outline:0; border:0}
body{ background:#d4d4d4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#454646}
li{ list-style:none}

input{ border:1px solid #d9d9d9; padding:2px; font-size:11px;}
textarea{font-size:11px; color:#757575; border:1px solid #999; padding:1px 0 1px 3px;}
select{font-size:11px; color:#757575; border:1px solid #999; padding:1px 0 1px 3px;}
alertText{font-size:11px; color:#CC0000;}
h1.ariane{clear:both; font-size:10px; color:#176e9b; padding:0 0 15px 30px; text-transform:none; font-weight:normal;}
h1.int{clear:both; font-size:13px; color:#176e9b; padding:0 0 15px 30px; text-transform:none; font-weight:bold;}
h2 {display:block; clear:both; color:#186996; font-size:13px; font-weight:bold;}
h2:hover { text-decoration:underline;}

/* a{ color:#9fc9e0; text-decoration:none;}*/
a{ color:#65aad0; text-decoration:none;}
a:hover{ text-decoration:underline;}

.bottom{padding:0 0 10px 0;}
.clear{ clear:both; height:1%;}
/* Alert class */
	.alertLayer { color:#FFFFFF; font-size:10px; padding:5px; width:150px; position:absolute; top:0; left:0; visibility:hidden; z-index:999; background:#2879a4}
		.alertLayer a {overflow:hidden; float:right; color:#FFFFFF; margin:0 0 0 20px;}
/******************Common Structure css*****************/
#container{ width:990px; margin:0 auto; }
#univier{ background:url(/images/medgen/bgd_main.gif) 0 0 repeat-y; width:960px; padding:0 15px;}
	#header{ padding:10px 35px 15px 35px; }
		#header span{ float:left;}
		#header h1.header{ display:block; clear:both; color:#186996; font-size:13px; font-weight:bold;padding:0 ; margin:0; }
		#header p{ display:block; clear:both; }
		#header img.header{ padding:0 0 20px 0}
		#header img{ padding:0 0 0px 0}
		#header form{ float:right;}
		#header form p{ padding:2px 0; display:block;}
		#header form label{ color:#186b97; padding:0 5px 0 0}
		#header form input.inType01{ width:178px; font-size:12px; height:16px;}
		#header form .btn{ text-align:right; margin:-30px 0 0 0;}
		#header form .btn input{ width:31px; height:21px; border:none; padding:0; margin:3px 0 0 0}
		#header form a{ background:url(/images/medgen/ico_01.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#65aad0;}
	#main{ overflow:hidden;}
	/**lev1**/
	.lev1{ background:url(/images/medgen/bgd_nav_shadow.gif) bottom left repeat-x; width:960px; overflow:hidden; height:28px; }
		.lev1 a{ display:block; float:left; }


	/*content*/
	#contentMain{ overflow:hidden; width:960px;}
		#highlightPreouverture{ width:920px; float:left; overflow:hidden; padding:10px 10px 10px 10px; margin:0px 0px 0px 0px;}
		#highlightContent{ width:960px; float:left; background:url(/images/medgen/bgd_top_main.gif) top left repeat-x; overflow:hidden; padding:20px 0; margin:0 0 20px 0}
		#highlightContentCommon{ width:960px; float:left; overflow:hidden; padding:20px 0; margin:0 0 20px 0}
			#highlightContentCommon h1{ display:block;}
			.blocShowMovie{ width:578px; float:left; overflow:hidden; color:#999999;}
				.blocShowMovie p{ padding:0 0 10px 30px}
				.flash{ background:url(/images/medgen/bgd_big.jpg) top left no-repeat; padding:0 0 15px 20px; margin:0 0 0 8px;}
				
				.flashDetail{  margin:0 0 0 30px;background-color:#000000; width:530px;}
				.blocShowMovie .blockVideoInfo{width:530px;margin:10px 0 0 30px;}
					
					.blocShowMovie .blockVideoInfo #etoilesLeftRight{width:530px;margin:0;display:block;height:25px;}
						.blocShowMovie .blockVideoInfo #etoilesLeftRight #etoilesLeft {float:left;width:190px;}
							.blocShowMovie .blockVideoInfo #etoilesLeftRight .etoilesRight {float:right;}	
						
						
						.blocShowMovie .blockVideoInfo p{padding:5px 5px 5px 0;}
			
			
			.blocShowMovie01{ width:578px; float:left; overflow:hidden; color:#454646;}
				.blocShowMovie01 p{ padding:0 0 0 30px;}
				.flash01{ background:url(/images/medgen/bgd_big_01.jpg) top left no-repeat; padding:5px 0 0 16px; margin:0 0 0 8px;}				
				
				.scrollDiv{ padding:20px 0 0 5px;}
				.scrollDiv p.btnBack, .scrollDiv p.btnNext{ width:18px; padding:34px 0 0 0; float:left;}
				.scrollDiv ul{}
				.scrollDiv li{ display:block; float:left; margin:0 14px 0 0; width:119px; position:relative;}
								
				.scrollDiv li.selected img{ /*border:6px solid #9fc9e0;*/}
				
				
				/* OLD
				.scrollDiv li.selected span{color:#9fc9e0;} 
				.scrollDiv span{ display:block; padding:0 0 10px 0;}
				*/
				/* NEW */	
				.scrollDiv span{ display:block; padding:0;}
				.scrollDiv li.selected span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:0;}
				
				.titreVideo{padding: 0px 0pt 10px;}
				.scrollDiv li.selected .titreVideo{padding: 0px 0pt 10px;}
				.scrollDiv li .titreVideo{padding: 0px 0pt 10px;}		
						
				.btnPlay{ /*background:url(/images/medgen/ico_play.png) 0 0 no-repeat; width:43px; height:32px;*/ 
				position:absolute; z-index:999; top:21px; left:40px; visibility:hidden}
				.borderImg{position:absolute; z-index:9000; top:0px; left:0px; width:110px; height:80px; visibility:hidden;}
				.slideLionWrap {width:520px; float:left; overflow:hidden; margin:0 8px; position:relative; z-index:1000}
				.slideLionWrapVideo{width:550px; float:left; overflow:hidden; padding:0px 0px 35px 5px; margin:0px 0px -60px 0px; position:relative; z-index:1000;}
				.slideLion {position:relative; z-index:1;}
				.slideLion01{ position:relative; z-index:1}
				.slideLion01 li.selected span{ color:#166b97;}
				
				
			/*----------------------------*/	
			.blocDescription{ width:341px; float:left; padding:0 5px 0 25px;overflow-x:hidden;}
			.blocDescription img{ padding:0; margin:0;}
			.blocDescription p{ color:#c1c1c1; padding:0 0 15px 0}
			.blocDescription strong{ font-size:15px; color:#9fc9e0;}
			.blocDescription span{ font-size:11px; font-family:Verdana,Arial,Helvetica,sans-serif;}
			.blocDescription a{ background:none; padding:0;}
			.blocDescription a.WithPuce{ background:url(/images/medgen/ico_02.gif) 0 0 no-repeat; padding:0 0 0 15px;}
			
			.blocDescription .infosLeft{float:left;padding:0; margin:0; width:130px;}
			.blocDescription .infosRight{float:right;padding:0; margin:0;width:150px;}
				.blocDescription .infosRight a{float:right; margin-right:22px;width:150px; text-align:right;}
			
			.blocDescription .infosLeft #voter {padding:0; margin:0; width:110px;}
			.blocDescription .infosLeft #voter a{padding:0; width:17px;height:16px; margin:-2px;}
			
			.blocDescription .infosRight #vote {padding-left:2px; margin:0}
			.blocDescription .infosRight #vote a{padding:0; }
			.blocDescription .infosRight #vote img {padding-top:2px; width:17px;height:16px; margin:-2px; }
			
			
			
			.blocDescription01{ width:341px; float:left; padding:20px 10px 0 10px;}
			.blocDescription01 img{ padding:0;}
			.blocDescription01 p{ color:#454646; padding:0 0 15px 0}
			.blocDescription01 strong{ font-size:15px; color:#176e9b;}
			.blocDescription01 span{ font-size:9px;}
			.blocDescription01 a{ background:none; padding:0; color:#176e9c}
			.blocDescription01 a.WithPuce{ background:url(/images/medgen/ico_03.gif) 0 0 no-repeat; padding:0 0 0 15px;}
			
			.highlightIntro{ width:620px; float:left; padding:0 0 0 10px; margin:0 0 10px 0; }
				.blocLef{ width:280px; float:left; padding:0 10px 0 0;}
					.blocLef ul{ padding:5px 0 5px 0}
					.blocLef li{ background:url(/images/medgen/ico_04.gif) 0 3px no-repeat; padding:0 0 0 10px; margin:8px 0}
					.blocLef li a{color:#454646}
					.blocLef li a:hover{color:#186792;}
					.blocLef p a{ background:url(/images/medgen/ico_03.gif) 0 0 no-repeat; padding:0 0 0 10px; color:#166b97}
				.blocRigt{ width:280px; float:left; padding:0 0 0 10px;}
					.blocRigt ul{ padding:5px 0 5px 0}
					.blocRigt li{ background:url(/images/medgen/ico_04.gif) 0 3px no-repeat; padding:0 0 0 10px; margin:8px 0}
					.blocRigt li a{color:#454646}
					.blocRigt li a:hover{color:#186792;}
					.blocRigt a.WithPuce{ background:url(/images/medgen/ico_03.gif) 0 0 no-repeat; padding:0 0 0 10px; }
			.highlightVote{ background:url(/images/medgen/bgd_top_vote.gif) top left no-repeat; width:221px; overflow:hidden; float:left; margin:0 0 0 15px;}
				.highlightVote form{background:url(/images/medgen/bgd_bottom_vote.gif) bottom left no-repeat; overflow:hidden; padding:0 10px 10px 15px;}
				.highlightVote h3{ background:url(/images/medgen/bgd_line_vetical.gif) bottom left no-repeat; padding:0 0 5px 0;}
				.highlightVote p{ width:196px; padding:10px 0 0 0; overflow:hidden;}
				.highlightVote input{ width:15px; height:15px; float:left; border:none; padding:0; margin:0 3px 0 0}
				.highlightVote label{ display:block;}
				.highlightVote .blockSubmit{ display:block;}
				.highlightVote .blockSubmit input{ width:53px; height:22px; margin:0 0 0 140px; background:url(/images/medgen/btn_voter.gif)}			
			.highlightBottom{ width:840px; padding:0 0 0 120px;}
				.highlightBottom ul{ padding:10px 30px 0 0; float:left}
				.highlightBottom li{ display:inline; padding:0 5px 0 0; font-size:10px; color:#808080}
				.highlightBottom a{ padding:0 5px 0 0; color:#808080}
				.highlightBottom img{ float:left;}
			.breadcrumb{ width:500px; padding:0 0 0 30px;}
				.breadcrumb dl{ padding:10px 30px 0 0; }
				.breadcrumb dt{ display:inline; padding:0 5px 0 0; font-size:10px; color:#176e9b}
				.breadcrumb dd{ display:inline; padding:0 5px 0 0; font-size:10px; color:#176e9b}
				.breadcrumb a{ padding:0 5px 0 0; color:#176e9b}
			/***********Page Actualites********************/
			.meaListNews{ width:560px; float:left; padding:0 10px 0 0;}
				.meaListNews .retourPage{ padding:0 30px; }
					.meaListNews .retourPage p{ padding:0 30px; }
						.meaListNews .imgRss{margin:0 28px; height:30px; display:block;}
							.meaListNews .txtOnglets{width:auto; height:25px; padding:0 0 0 28px;}
								.meaListNews .RetourListe{margin:0 0 15px 30px;}
				
				
		#frmSearch{ background:url(/images/medgen/new_bgd_top_search.gif) top left no-repeat; width:550px; height:50px;padding:20px 0 0 0; margin:0 0 0 10px; overflow:hidden;}
		#frmSearch p{ background:url(/images/medgen/new_bgd_bottom_search.gif) bottom left no-repeat; width:550px; padding:5px 15px 25px 35px; overflow:hidden}
		
		#frmSearch .btnOK{ width:31px; height:21px; border:none; padding:0; float:right;position:relative; bottom:46px; right:30px; }	
		#frmSearch label{ color:#FFFFFF; font-weight:bold; float:left; padding:3px 3px 0 5px;}	
		#frmSearch input{ width:160px; float:left; margin:0 0 0 10px; height:16px; font-size:12px;}
		#frmSearch select{ width:100px; float:left; margin:0 0 0 10px; height:23px; font-size:12px; border:1px solid #323232;}
			
		
		
/* OLD 
#frmSearch{ background:url(/images/medgen/bgd_top_search.gif) top left no-repeat; width:359px; padding:20px 0 0 0; margin:0 0 0 10px; overflow:hidden;}
#frmSearch p{ background:url(/images/medgen/bgd_bottom_search.gif) bottom left no-repeat; width:309px; padding:5px 15px 25px 35px; overflow:hidden}
#frmSearch .btnOK{ width:31px; height:21px; border:none; padding:0;}
#frmSearch label{ color:#FFFFFF; font-weight:bold; float:left; padding:3px 0 0 0}
#frmSearch input{ width:160px; float:left; margin:0 0 0 10px; height:16px; font-size:12px;}
*/				
				.highlightItemClip{ width:560px; margin:15px 0 15px 30px; overflow:hidden; color:#454646;}
					
	
					/* Images Videos */
					 .blocClip .ImgVideos{ float:left; margin:0px 15px 0 0; position:relative;}
					 .blocClip .ImgVideos img{height:auto !important; width:auto !important; float:left; margin:0px 15px 0 0; position:relative;} 
					 
					 /* Liste Videos pour actualites_liste.php */
					 .blocDescListeVideos{ width:400px; float:left; height:100px; margin:0px 5px 25px 5px;}
					 
	.btnPlay01{ /*background:url(/images/medgen/ico_play.png) 0 0 no-repeat; width:43px; height:32px;*/ position:absolute; z-index:9999; top:25px; left:40px;visibility:hidden}
					
					/* OLD .blocDesc{ width:400px; float:left; height:200px;} */
					
					/* OLD .blocClip{ width:120px; float:left; margin:10px 15px 0 0; position:relative}*/					
					#ContentBloc{width:550px; display:block; clear:left;}
					
					/* IE6  */
					* html #ContentBloc .blocClip{float:left; margin:0; position:relative;clear:left;}
					* html #ContentBloc .blocClip img{float:left; padding:0px 5px 25px 0px; position:relative;} 
					* html #ContentBloc .blocDesc{ width:350px; float:left; height:120px auto; padding:0 5px 20px 0; display:inline;}
					
					/* FF + autres*/
					#ContentBloc .blocClip{float:left; margin:0; position:relative;clear:left;}
					#ContentBloc .blocClip img{float:left; padding:0px 5px 25px 0px;margin:0px 10px 25px 0px; position:relative;} 
					#ContentBloc .blocDesc{ width:350px; float:left; height:auto; padding:0 5px 20px 0;margin:0 5px 20px 5px; display:inline;}
					
					#ContentBloc .blocDesc h3{ font-size:15px; font-weight:bold; color:#166b97; padding:10px 0}
					#ContentBloc .blocDesc a{ font-size:15px; font-weight:bold; color:#166b97; padding:10px 0}
					#ContentBloc .blocDesc a.esp{ font-size:11px; color:#166b97; padding:10px 0}
					#ContentBloc .blocDesc span{ font-size:9px;}
					

			.highlightContentCommon	.meaMoreNews{ width:315px; float:right; padding:20px 10px 0 0; display:inline;}			
			.meaMoreNews{ width:315px; float:right; padding:20px 10px 0 0; display:inline; position:relative;}
				.blocViewMore{ background:url(/images/medgen/bgd_top_news.gif) top left no-repeat; width:315px; padding:15px 10px 0 0; margin:20px 0; overflow:hidden;}
				
				.blocViewMore div{ background:url(/images/medgen/bgd_bottom_news.gif) bottom left no-repeat; padding:10px 15px 20px 20px; width:315px;}
				
				.blocViewMore h4{ background:url(/images/medgen/bgd_line_vetical_01.gif) bottom left no-repeat; padding:0 20px 10px 0;}
				.blocViewMore ul{ padding:15px 0; color:#c1c1c1;width:290px;}
				.blocViewMore li{ background:url(/images/medgen/ico_04.gif) 0 4px no-repeat; padding:0 0px 0 10px; margin:5px 0;}
				.blocViewMore li a{ color:#454646;}
				.blocViewMore li a:hover{color:#186792;}
				.blocViewMore p a{ background:url(/images/medgen/ico_08.gif) 0 0 no-repeat; padding:0 0 0 10px; color:#166b97}
				
				.blocViewMore01{ background:url(/images/medgen/bgd_top_news_01.gif) top left no-repeat; width:315px; padding:15px 0 0 0; margin:50px 0; overflow:hidden}
				.blocViewMore01 div{ background:url(/images/medgen/bgd_bottom_news_01.gif) bottom left no-repeat; padding:10px 20px 30px 30px;}
				.blocViewMore01 h4{ background:url(/images/medgen/bgd_line_vetical_01.gif) bottom left no-repeat; padding:0 0 10px 0;}
				.blocViewMore01 ul{ padding:15px 0; color:#c1c1c1;}
				.blocViewMore01 li{margin:10px 0}
				.blocViewMore01 li a{ color:#454646;}
				.blocViewMore01 li a:hover{color:#186792;}
				.blocViewMore01 p a{ background:url(/images/medgen/ico_08.gif) 0 0 no-repeat; padding:0 0 0 10px; color:#166b97}
				/*path*/
				.path{ clear:both; padding:20px 18px 0 85px;}
				.path a{ color:#454646}
					
				.path ul{ width:500px; float:left; text-align:center}
				.path li{ display:inline; padding:0 2px 0 0;}
				.path li a{}
				.path li.actived a{ text-decoration:underline}
					.btnPreceden{}
					.btnPreceden a{ background:url(/images/medgen/ico_07.gif) 0 3px no-repeat; padding:0 0 0 10px;}					
					.btnSuivante{}
					.btnSuivante a{ background:url(/images/medgen/ico_06.gif) right 3px no-repeat; padding:0 10px 0 0;}


/* PAGINATION */
/*==============================================================================================================================================================*/
.pagination { clear: both; padding:20px 18px 0 85px; }
	.pagination .pages { float: right; padding: 0 5px 0 5px; text-align: center; }
		.pagination .pages a { color:#454646; }
		.pagination .pages a:hover { color:#454646; }
		.pagination .pages a.first { width: 10px; height: 10px; background: url(/images/medgen/ico_07.gif) center center no-repeat; text-decoration: none; }
		.pagination .pages a.previous { padding: 0 5px 0 5px; font-weight: text-decoration: none; }
		.pagination .pages a.active {}
		.pagination .pages a.next { padding: 0 5px 0 5px; text-decoration: none; }
		.pagination .pages a.last { width: 10px; height: 10px; background: url(/images/medgen/ico_06.gif) center center no-repeat; text-decoration: none; }
		.pagination .pages span.first { display: none; }
		.pagination .pages span.previous { display: none; }
		.pagination .pages span.active { font-weight: bold; color:#454646; }
		.pagination .pages span.next { display: none; }
		.pagination .pages span.last { display: none; }
		.pagination .pages span.separateur { padding: 0 3px 0 3px; font-size: 10px; color:#505151; }
	.pagination .callage-ie { clear: both; font-size: 1px; line-height: 1px; }
#listArticles .pagination { margin-top: 25px; }
#listArticles .introductionResults .pagination { margin-top: 0; }
/*==============================================================================================================================================================*/



			/********Page Analyses***************/
			.highlightItemAnalyses{ width:560px; margin:30px 0 30px 30px; overflow:hidden; color:#454646;}
				.highlightItemAnalyses img{ float:left; margin:0 30px 15px 15px;}
				.highlightItemAnalyses div{ display:inline; width:500px; margin:0 15px 0 0;}
				.highlightItemAnalyses h3{display:inline; font-size:15px; font-weight:bold; color:#166b97; padding:10px 0;}
				.highlightItemAnalyses span{ font-size:9px;}
				.TxtAccess{border:1px solid;margin:0 35px;}
			/********Page Videos***************/
			.blocMoreClips{ clear:both; overflow:hidden; padding:0 0 0 28px; color:#c7c7c7}
			.blocMoreClips li{ display:block; float:left; width:119px; margin:0 14px 5px 0; position:relative}
			.blocMoreClips span { display:block; height:24px; padding:10px 0 0 0;}				
			.blocMoreClips li.selected span {color:#9fc9e0;}
			.blocTextFiche { color:#454646;}
			#BlocComment { margin-left: 30px;}
			.blocTextFiche ul { margin-left: 30px;}
	/*footer*/
	#footer{ background:url(/images/medgen/bgd_footer.gif) top left repeat-x;  padding:20px 0 15px 0; text-align:center}
		#footer li{ display:inline; padding:0 5px 0 0; font-size:10px; color:#176e9b;}
		#footer a{ padding:0 5px 0 0; color:#176e9b}
		#footer li.actived a{ text-decoration:underline;}
		
		/* 
		//add kim
		*/
		

textarea{font-size:11px; color:#757575; border:1px solid #999; padding:1px 0 1px 3px;}
select{font-size:11px; color:#757575; border:1px solid #999; padding:1px 0 1px 3px;}
.alertText{font-size:11px; color:#CC0000;}