@import url(nyroModal.full.css);

	/* Positionnement des blocs */
	html, body
	{
		background:#FFF;
		margin:0 auto;
		width:100%;
		height:100%;
		background-image:url(imgs/FD3000.jpg);
		background-position:left top;
		/*background-repeat:repeat-y;*/
	}
	*html html, body
	{
		background: url(null) fixed ; /* évite le sautillement */
		overflow:auto;
	}
	
	#principal
	{
		border:0px solid green;
		height:auto;
		margin:65px 0 0;
		min-height:100%;
		padding:0;
		position:absolute;
		width:100%;
		z-index:1;
	}
	*html #principal{ height:100%; }
	
	#top_header
	{
		background-image:url(imgs/fdban.png);
		background-position:center top;
		border:0px solid blue;
		height:65px;
		margin:auto;
		padding:0;
		position:fixed;
		width:100%;
		z-index:10;
	}
	*html #top_header{ position:absolute; top:expression(documentElement.scrollTop+body.scrollTop); }
	
	#top_left
	{
		margin:0px;
		padding:0px;
		height:51px;
		width:790px;
		float:left;
		overflow:hidden;
		display:block;
	}

		#top_left ul {
			/*list-style-image:none;*/
			/*list-style-position:outside;*/
			list-style-type:none;
			height:22px;
			width:460px;
			/*display:block;*/
			margin-left:270px;
			border:0px solid blue;
		}
		*html  #top_left ul{ border:0px solid green; }
		
		#top_left ul li a {
			display:block;
			float:left;
			padding:60px 0 0;
			margin:0px;
			height:22px;
			border:0px solid blue;
		}
		*html  #top_left ul li a { border:0px solid green; padding:0px; }
		
		#menu_1 a{ width:102px; height:22px; background:url(imgs/1-live.jpg) no-repeat 0 0; }
		#menu_1 a:hover{ background: url(imgs/1-live_hover.jpg) no-repeat 0 0; }
		#menu_2 a{ width:120px; height:22px; background:url(imgs/2-captation.jpg) no-repeat 0 0; }
		#menu_2 a:hover{ background: url(imgs/2-captation_hover.jpg) no-repeat 0 0; }
		#menu_3 a{ width:120px; height:22px; background:url(imgs/3-documentaire.jpg) no-repeat 0 0; }
		#menu_3 a:hover{ background: url(imgs/3-documentaire_hover.jpg) no-repeat 0 0; }
		#menu_4 a{ width:83px; height:22px; background:url(imgs/4-contact.jpg) no-repeat 0 0; }
		#menu_4 a:hover{ background: url(imgs/4-contact_hover.jpg) no-repeat 0 0; }
		
	/* ---------------------- */
	
	#top_right
	{
		float:right;
		height:55px;
		margin:0;
		overflow:hidden;
		padding:20px 15px 0 0;
		width:auto;
	}
	
	#left
	{
		border: 0px solid red;
		padding:0px;
		margin:0px;
		margin-left:0px;
		height:auto;
		min-height:100%;
		overflow:hidden;
		width:280px;
		position:absolute;
	}
	*html #left{ height:100%; }
	*+html #left {border: 0px solid red; position:relative; float:left; }
	
	#right
	{
		border:0px solid black;
		padding:0px;
		margin:0px;
		margin-left:280px;
		min-height:100%;
		height:auto;
		overflow:hidden;
		width:auto;
		position:relative;
	}
	*html #right{ margin-left:0px; padding-left:280px; }
	*+html #right { float:left; margin-left:0px;  }
	
	#left_top
	{
		margin-left:10px;
		/*height:130px;
		width:585px;*/
	}
	
	#left_livereport
	{
		background-image:url(imgs/fond_livereport.jpg);
		padding:0px;
		margin:30px 0 0 10px;
		overflow:hidden;
		height:176px;
		width:258px;
		z-index:1;
	}
	
	#left_captation
	{
		background-image:url(imgs/fond_captation.jpg);
		padding:0px;
		margin:20px 0 0 10px;
		overflow:hidden;
		height:176px;
		width:258px;
		z-index:1;
	}
	
	#left_docu
	{
		background-image:url(imgs/fond_docu.jpg);
		padding:0px;
		margin:20px 0 0 10px;
		overflow:hidden;
		height:176px;
		width:258px;
		z-index:1;
	}
	
	#left_actu
	{
		padding:0px;
		margin:20px 0 50px 10px;
		overflow:hidden;
		height:auto;
		width:258px;
		z-index:1;
	}
	
	#contenu_detail
	{
		background-image:url(imgs/fond_detail.jpg);
		padding:0px;
		margin:0px;
		margin-left:12px;
		overflow:hidden;
		min-height:100%;
		height:auto;
		width:692px;
		z-index:1;
	}
	#contenu_detail_top
	{
		background-image:url(imgs/titre_page_detail.jpg);
		padding:0px;
		margin:auto;
		width:692px;
		height:51px;
		z-index:2;
	}
	#contenu_detail_bottom
	{
		margin:auto;
		width:692px;
		height:auto;
	}
	
	.vignette
	{
		display:block;
		float:left;
		height:95px;
		margin:0.2%;
		width:156px;
		z-index:40;
	}
	*html .vignette{ margin:0px; }
	*+html .vignette{ border:0px solid red;  }

	.zonecliquable
	{
		border:0 solid yellow;
		height:17px;
		padding:0px;
		margin-left:22px;
		margin-top:70px;
		position:absolute;
		width:50px;
		z-index:30;
	}	
	.photo
	{
		position:absolute;
		margin:0px;
		padding:0px;
		background-color:#FFF;
		border:0px solid yellow;
		float:left;
		height:95px;
		width:156px;
		z-index:20;
	}
	.infos
	{
		background-color:#000;
		border:0 solid blue;
		color:#FFFFFF;
		font-family:Arial,Helvetica,sans-serif;
		font-size:18px;
		height:82px;
		margin:0;
		padding:5px;
		padding-top:8px;
		position:absolute;
		width:146px;
		z-index:10;
		text-align:center;
		/*
		height:120px;
		width:200px;
		visibility:hidden;*/
	}

	
	#vignette_glob
	{ 
		height:auto;
		margin:auto;
		overflow:hidden;
		/*padding-left:20px;
		padding-top:6px;*/
		position:relative;
		border:0px solid red;
	}
	*+html #vignette_glob{ border:0px solid red; }
	/* ------------- TYPO ------------*/
	a.lien_gris, a.lien
	{
		color:#909090;
		font-family:Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
	}
	a.lien{ font-size:10px; }
	
	.txt_gris_petit
	{
		color:#909090;
		font-family:Arial,Helvetica,sans-serif;
		font-size:11px;
		font-weight:bold;
	}
	
	.input_newsletter {
		background-color:#F4F4F4;
		border:1px solid #898989;
		color:#000000;
		font-family:Arial;
		font-size:8pt;
		font-weight:bold;
		height:14px;
		padding-left:2px;
		width:155px;
	}
	
	/* ----- ZONE RECHERCHE ----- */
	.input_search
	{
		background-color:#F4F4F4;
		border:1px solid #898989;
		color:#474747;
		font-family:Arial;
		font-size:8pt;
		font-weight:bold;
		height:14px;
		padding-left:2px;
		width:155px;
	}
	.envoi_search
	{
		background-color:#FFFFFF;
		border:0px solid #582013;
		color:#959595;
		font-family:Arial;
		font-size:9pt;
		font-weight:bold;
	}
	
	a.lien_videoleft, a.lien_videolisteprojet
	{
		display:block;
		text-decoration:none;
	}
	
	a.lien_videoleft_hover
	{
		border:0 solid yellow;
		color:#6A6C6B;
		display:block;
		font-family:Arial;
		font-size:10pt;
		font-weight:bold;
		letter-spacing:-1px;
		margin-left:87px;
		margin-top:137px;
		position:absolute;
		text-decoration:none;
		z-index:100;
	}
	
	.titre_vignette, a.lien_vignette
	{
		color:#FFF;
		font-family:Arial;
		font-size:11pt;
		font-weight:bold;
		text-decoration:none;
		text-transform:uppercase;
		line-height:17px;
	}
	a.lien_vignette{ font-size:7pt; color:#EEEEEE; }
	
	.txt_gris
	{
		color:#747474;
		font-family:Arial;
		font-size:9pt;
		text-decoration:none;
	}
	
	/* --------- PAGE DETAIL ----------- */
	.titre_detail, .titre_detail_tableau
	{
		color:#3D3D3D;
		font-family:Arial;
		font-size:14pt;
		font-weight:bold;
		padding-left:15px;
		padding-top:22px;
		position:relative;
		text-decoration:none;
	}
	.titre_detail_tableau
	{
		padding:0px;
		color:#9e9e9e;
		font-size:9pt;
		line-height:20px;
	}
	.etoile
	{
		color:#080808;
		font-family:Arial black,Arial;
		font-size:20pt;
		font-weight:bold;
	}
	.txtvignette_petit
	{
		color:#FFF;
		font-family:Arial,Helvetica,sans-serif;
		font-size:9px;
		font-weight:bold;
	}
	.txtvignette_petitplus{ font-size:11px; font-weight:bold; }
	
	.video-url
	{
		font-size:10px;
		height:13px;
		width:350px;
	}