/* ---------------------------------- */
/* GLOBAL */
/* ---------------------------------- */

.png{
behavior: url(data/css/png.htc);
}
.AffichNone{
display:none;
}

@media aural {
	.AffichNone {
	display:block;
	}
}
#conteneur{background:#FFF; height:488px;}
#contenu{
	margin:0; padding:0;
	background:#FFF;
	font-size:10px;
	width:754px; 
	height:488px;
	margin:0 auto;
	color:#000;
	}
#header, #headerf4{
	height:200px;
	background:url(../img/header.gif) no-repeat;
	}
#headerf4{background:url(../img/headerf4.gif) no-repeat;}
	
	#header .accroche, #headerf4 .accroche{
		position:absolute;
		margin:140px 0 0 230px;
		width:295px;
		height:60px;
		font-size:10px;
		font-weight:bold;

		}
	#header #flash, #headerf4 #flash{
		position:absolute;
		margin-left:526px;
	}


#listing_gauche{
	width:168px;
	float:left;
	}
	#listing_gauche .titre{
		position:absolute;
		top:192px;
		}
	#listing_gauche .titref4{
		position:absolute;
		margin-left:2px;
		}
	#listing_gauche .soustitre{
		margin-top:70px;
		}

	#listing_gauche #scroll{
		overflow:hidden;
		position:absolute;
		height:150px;
		width:168px;
		}

		#listing_gauche #scrollIn{
			position:absolute;
			width:158px;
			}

		#listing_gauche #scrollIn ul{
		padding:0;
		margin-left:0;
		list-style-position:inside;
		list-style-image:url(../img/li_fleche.gif);
		}
		#listing_gauche #scrollIn a{
		color:#000;
		text-decoration:none;
		}

	#listing_gauche #scrollLinks{
		margin-top:150px;}
	#listing_gauche #scrollLinks a {
		text-decoration:none;}

#video{
	position:absolute;
	background:#F9991D url(../img/player_controls.gif) no-repeat;
	padding-left:66px;
	margin-left:168px !important;
	margin-left:0px;
	width:320px;
	height:288px;
	}

#ensavoirplusf4{
	float:right;
	width:200px;
	background:#F9991D url(../img/etaussif4.gif) no-repeat;
	height:288px;
	}
#ensavoirplus{
	float:right;
	width:200px;
	background:#F9991D url(../img/etaussif5.gif) no-repeat;
	height:288px;
	}

#ensavoirplus .f2{ display:block;width:130px;height:65px;margin-left:50px;margin-top:45px; }
#ensavoirplus .f4{ display:block;width:130px;height:45px;margin-left:50px; }
#ensavoirplus .f5{ display:block;width:120px;height:110px;margin-left:80px; }

#ensavoirplusf4 .f2{ display:block;width:130px;height:70px;margin-left:50px;margin-top:45px; }
#ensavoirplusf4 .f5{ display: block; height: 80px; margin-left: 70px; width: 130px; }
#ensavoirplusf4 .f5bis{  display: block; height: 80px; margin-left: 70px; width: 130px; }