div#rfov4_tout_le_document {
	background:black;
	padding-left: 4px !important;
	padding-left: 8px;
}

/*#rfov4_haut_de_page div {
	position: relative;
}
#rfov4_haut_de_page a img {
	position: static;
}
*/
a.lienMask {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
a.lienMask span {
	display: none;
}

.lienTout span {
	display: none;
}

#page {
	position: relative;
	left: -4px !important;
	left: -2px;
	background: black url(../img/fond.jpg) no-repeat left top;
	width: 998px;
	height: 1042px;
	overflow: hidden;
}

#header {
	overflow: hidden;
	height: 80px;
}
	#header h1 {
		position: absolute;
		left: 10px;
		top: 0px;
		margin: 0;
	}
	#header h1 a {
		display: block;
		width: 976px;
		height: 81px;
	}
	#header h1 a span {
		display: none;
	}
	#header p {
		display: none;
	}

#interaction{
	position: absolute;
	top: 81px;
	height:41px;
	left: 512px;
	}
	#interaction a, #interaction img{
		margin:0; padding:0; border:0;
		}
#contenu {
	position: absolute;
	top: 122px;
	left: 12px;
	width: 657px;
	height: 1379px;
	overflow: auto;
	color:black;
	background:#F5C399;
}
#contenu a {
	color:#FF690A;
	font-weight:bold;
	text-decoration:underline;
}

	#contenu h2 {
		display: none;
	}
	#contenu ul {
		padding-left: 10px;
	}
		ul#contenuListe h3 {
			margin: 0;
			font-size: 14px;
		}
		ul#contenuListe h4 {
			display: inline;
			margin: 0;
			font-size: 11px;
		}
		ul#contenuListe p.date {
			display: inline;
			margin: 0;
			padding: 0;
			font-weight: normal;
		}
		ul#contenuListe p {
			margin: 6px 0 12px;
			padding-left: 30px;
			font-size: 11px;
		}
		ul#contenuListe li {
			margin-right: 10px;
			list-style: none;
		}
			#contenuListe li ul {
				margin: 6px 0 12px 15px;
			}
				#contenuListe ul li {
					list-style: circle;
				}
		ul#contenuListe a {
			color: black;
		}
	#contenu .date {
		color: gray;
		font-size: 11px;
		font-weight: bolder;
		margin: 10px 0 7px 10px;
	}
	#contenu h3 {
		font-size:12px;
		font-weight:bold;
		margin: 0 0 5px 10px;
	}
	#contenu h4 {
		font-size:16px;
		font-weight:bolder;
		margin: 4px 0 5px 10px;
	}
	#contenu .chapo {
		font-size: 12px;
		font-weight: bold;
		margin: 0 20px 0 10px;
		text-align: justify;
	}
	#contenu .auteur {
		font-size:11px;
		font-style:italic;
		margin:3px 0 0;
		text-align:right;
		color: gray;
		padding: 5px;
	}
	#videoPlayers {
		margin: 20px auto 10px;
		text-align: center;
	}
	#videoPlayers .video {
		margin: 25px auto 15px;
	}
	#videoPlayers object, #videoPlayers embed {
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	#videoPlayers p {
		margin: 5px auto 0;
		padding: 5px;
		width: 310px;
		font-size: 11px;
		background: #ccc;
	}
	#videoPlayers p b {
		display: block;
	}
	#contenu div.texte {
		margin: 25px 10px 10px;
		font-size: 12px;
		text-align: justify;
	}
		#contenu div.texte span.spip_documents {
			margin: 8px;
			text-align: center;
		}
		#contenu div.texte span.spip_documents img {
			margin: 0 auto 5px;
		}
		#contenu div.texte span.spip_documents span.legende {
			display: block;
			font-weight: bold;
			color: gray;
			padding: 2px 8px 0;
			font-size: 11px;
		}
	#contenu div.texte table {
		background: #ccc;
		width: 100%;
	}
	#contenu div.texte a {
		color: #2e789b;
	}

#lireaussi {
	position: absolute;
	top: 81px;
	right: 12px;
	width: 306px;
	height: 199px;
}
	#lireaussi h2 {
		display: none;
	}
	#lireaussi ul {
		margin: 35px 0 0 -20px;
		padding: 0;
		color: white;
		height: 1px;
	}
		#lireaussi li {
			position: relative;
			display: inline;
			float: left;
			width: 300px;
			margin: 0 0 4px 25px;
			padding: 0;
			overflow: hidden;
			list-style: none;
			background: url(../img/puces/losange_halo.png) no-repeat left top !important;
			background: url(../img/puces/losange_halo.gif) no-repeat left top;
		}
		#lireaussi li.hover {
			text-decoration: underline;
		}
			#lireaussi li h3 {
				margin: 0 0 0 30px;
				font-size: 12px;
				font-weight: bold;
			}
			#lireaussi li p.chapo {
				margin: 0 0 0 30px;
				font-size: 11px;
				font-weight: bold;
			}
			#lireaussi li p.date {
				margin: 3px 0 0 30px;
				font-size: 11px;
				font-weight: normal;
				font-style: italic;
			}
	#lireaussi .lienTout {
		position: absolute;
		bottom: 5px;
		right: 8px;
		width: 155px;
		height: 20px;
	}

#lienForum {
	position: absolute;
	width: 477px;
	height: 90px;
	background: url(../img/commun/fond_forum.jpg) no-repeat top left;
}
	#lienForum.court {
		width: 306px;
		height: 61px;
		background: url(../img/commun/fond_forum_court.jpg) no-repeat top left;
	}
	#lienForum h2 {
		display: none;
	}
	
#temoignages {
background:transparent url(../img/commun/fond_temoignages.jpg) no-repeat scroll left top;
height:163px;
position:absolute;
width:477px;
}
	#temoignages.court {
		height:199px;
		width: 306px;
		background: url(../img/commun/fond_temoignages_court.jpg) no-repeat top left;
	}
	#temoignages h2 {
		display: none;
	}
	#temoignages ul {
		margin: 50px 0 0 5px;
		padding: 0;
		color: white;
	}
	#temoignages.court ul {
		margin: 35px 0 0 5px;
	}
		#temoignages li {
			position: relative;
			list-style: none;
			margin: 0 10px 4px 0;
			padding-left: 25px;
			overflow: hidden;
			background: url(../img/puces/losange_halo.png) no-repeat left top !important;
			background: url(../img/puces/losange_halo.gif) no-repeat left top;
		}
			#temoignages li p {
				margin: 0;
				font-size: 11px;
				font-weight: bold;
			}
			#temoignages li p.date {
				margin: 3px 0 0 0px;
				font-size: 11px;
				font-weight: normal;
				font-style: italic;
			}
			#temoignages li.hover {
				text-decoration: underline;
			}
	#temoignages .lienTout {
		position: absolute;
		bottom: 6px;
		right: 18px;
		width: 250px;
		height: 20px;
	}

#diaporama {
	background:transparent url(../img/commun/fond_diaporama.jpg) no-repeat scroll left top;
	height:264px;
	position:absolute;
	width:477px;
}
	#diaporama.court {
		width: 306px;
		height: 258px;
		background: url(../img/commun/fond_diaporama_court.jpg) no-repeat top left;
	}
	#diaporama h2 {
		display: none;
	}
	#diaporama #listediapo {
		height:177px;
		margin:58px 0pt 0pt 0px;
		overflow:hidden;
		padding:0pt;
		text-align:left;
		position:relative;
		width:480px;
	}
	
	#diaporama.court #listediapo {
		width:306px;
	}
	#diaporama.court #listediapo li {
				width:306px;
			}
		#diaporama #listediapo ul {
			position:absolute;
			left:0;
			margin:0;
			padding:0;	
		}
		#diaporama #listediapo li {
				display:block;
				float:left;
				height:177px;
				width:480px;
				text-align:center;
				vertical-align:middle;
			}
			#diaporama #listediapo li p {
				margin: 0;
				font-size: 11px;
				font-weight: bold;
				line-height: 24px;
				color:#FFF;
			}
			#diaporama #listediapo li.hover {
				text-decoration: underline;
			}
		#diaporama .lienTout {
		position: absolute;
		bottom: 6px;
		right: 16px;
		width: 250px;
		height: 20px;
	}
	
#voirEcouter {
	position: absolute;
	width: 481px;
	height: 114px;
	background: url(../img/commun/fond_voirEcouter.jpg) no-repeat top left;
	overflow: hidden;

}
#voirEcouter.court {
	width: 306px;
	height: 262px;
	background: url(../img/commun/fond_voirEcouter_court.jpg) no-repeat top left;
}
	#voirEcouter h3 {
		display: none;
	}
	#voir img {
		position: absolute;
		top: 21px;
		left: 17px;
		border: 1px solid #ff6900;
	}
	.court #voir img {
		top: 35px;
		left: 56px;
	}
		#voir img:hover, #voir img.hover {
			border-color: #ffbb99;
		}
	#voir a {
		position: absolute;
		left: 16px;
		top: 84px;
		width: 190px;
		height: 30px;
		margin: 0;
		padding: 0 0 0 9px;
		background: url(../img/puces/flecheOrange.gif) no-repeat left 5px;
		color: white;
		font-size: 11px;
		font-weight: bold;
	}
		#voir a:hover, #voir a.hover {
			text-decoration: underline;
		}
	.court #voir a {
		left: 56px;
		top: 98px;
	}
	#ecouter {
		position: absolute;
		top: 0;
		left: 255px;
	}
	.court #ecouter {
		position: absolute;
		top: 158px;
		left: 54px;
	}
		#ecouter img {
			position: absolute;
			left: 8px;
			top: 25px;
		}
		.court #ecouter img {
			left: 6px;
			top: 7px;
		}
		#ecouter ul {
			position: absolute;
			left: 84px;
			top: 35px;
			width: 120px;
			margin: 0;
			padding: 0;
		}
		.court #ecouter ul {
			left: 80px;
			top: 17px;
		}
			#ecouter li {
				margin: 0;
				padding: 0 0 0 9px;
				background: url(../img/puces/flecheOrange.gif) no-repeat left center;
				list-style: none;
				white-space: nowrap;
			}
				#ecouter li a {
					font-size: 10px;
					font-weight: bold;
					line-height: 20px;
				}


#actus {
	position: absolute;
	right: 11px;
	width: 306px;
	height: 311px;
	background: url(../img/commun/fond_actu.jpg) no-repeat top left;
}
	#actus h2 {
		display: none;
	}
	#actus ul {
		margin: 50px 0 0 5px;
		padding: 0;
		font-size: 12px;
		color: white;
	}
		#actus li {
			position: relative;
			margin: 4px 10px 0 0;
			list-style: none;
			overflow: hidden;
		}
			#actus li h3 {
				margin: 0;
				font-size: 14px;
				font-weight: bold;
				color: white;
			}
			#actus li .chapo {
				margin: 0;
				font-size: 11px;
				font-weight: normal;
			}
			#actus li .date {
				margin: 3px 0 0;
				font-size: 10px;
				font-weight: normal;
				font-style: italic;
			}
		#actus li.court {
			height: 58px;
			padding-left: 25px;
			background: url(../img/puces/losange_halo.png) no-repeat left top !important;
			background: url(../img/puces/losange_halo.gif) no-repeat left top;
		}
		#actus li.long {
			height: 95px;
		}
			#actus li.long img {
				position: absolute;
				left: 0;
				top: 0;
			}
			#actus li.long h3 {
				margin-left: 110px;
				font-size: 15px;
			}
			#actus ul li.long.nologo h3 {
				margin-left: 0;
			}
			#actus li.long p {
				margin: 4px 5px 2px 115px;
				text-align: justify;
			}
			#actus ul li.long.nologo p {
				margin-left: 0;
			}
			#actus ul li.long.nologo {
				padding-left: 25px;
				background: url(../img/puces/losange_halo.png) no-repeat left top !important;
				background: url(../img/puces/losange_halo.gif) no-repeat left top;
			}
		#actus li.hover {
			text-decoration: underline;
		}
	#actus .lienTout {
		position: absolute;
		bottom: 13px;
		right: 6px;
		width: 150px;
		height: 20px;
	}

#videos {
	position: absolute;
	width: 477px;
	height: 397px;
	background: url(../img/commun/fond_videos_long.jpg) no-repeat top left;
	overflow: hidden;
}
	#videos h2 {
		display: none;
	}
	#videos h3 {
		font-size: 14px;
		font-weight: bold;
	}
	#videos ul {
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
	}
		#videos li.unfold {
			position: relative;
			padding: 0 0 0 160px;
			height: 175px;
			background: url(../img/puces/unfold.gif) no-repeat 451px 15px;
			color: white;
			list-style: none;
			overflow: hidden;
			cursor: pointer;
		}
		#videos ul li.unfold.nologo {
			padding: 0 0 0 20px;
		}
			#videos li.unfold h3 {
				margin: 15px 30px 0 10px;
			}
			#videos li.unfold img {
				position: absolute;
				left: 4px;
				top: 16px;
			}
			#videos li.unfold p.chapo {
				margin: 8px 0 0 10px;
				font-size: 13px;
				font-weight: normal;
			}
			#videos li.unfold p.date {
				margin: 10px 0 0 10px;
				font-size: 11px;
				font-style: italic;
			}
			#videos li.hover {
				text-decoration: underline;
			}
		#videos li.fold {
			height: 24px;
			width: 471px;
			margin: 5px 0 0 4px;
			overflow: hidden;
			background: url(../img/accueil/fond_videoItem_fold.gif) no-repeat top left;
			line-height: 24px;
			color: #517b8c;
			/*cursor: row-resize;*/
			cursor: pointer;
		}
			#videos li.fold h3 {
				display: inline;
				padding: 0 20px 0 10px;
				font-size: 12px;
				font-weight: bold;
			}
			#videos li.fold p.date {
				display: inline;
				padding: 0 0 0 6px;
				font-size: 12px;
			}
			#videos li.fold img, #videos li.fold p.chapo, #videos.court li.fold p.date, #videos li.fold a {
				display: none;
			}
	#videos .lienTout {
		position: absolute;
		bottom: 5px;
		right: 8px;
		width: 180px;
		height: 20px;
	}

#videos.court {
	width: 306px;
	height: 358px;
	background: url(../img/commun/fond_videos_moyen.jpg) no-repeat top left;
}
	#videos.court ul, #videos.moyen ul {
		top: 45px;
	}
		#videos.court li.unfold {
			padding-left: 100px;
			height: 150px;
		}
			#videos.court li.unfold h3, #videos.moyen li.unfold h3 {
				margin-top: 10px;
			}
			#videos.court li.unfold img, #videos.moyen li.unfold img {
				top: 10px;
			}
		#videos.court li.unfold p {
			margin-top: 5px;
		}
		#videos.court li.fold {
		width:306px;
		background: url(../img/accueil/fond_videoItem_fold_moyen.gif) no-repeat top left;
	}
	#videos.court .lienTout {
		bottom: 9px;
		right: 6px;
		width: 160px;
		height: 18px;
	}


div#videos.moyen {
	width: 306px;
	height: 358px;
	background: url(../img/commun/fond_videos_moyen.jpg) no-repeat top left;
}
		#videos.moyen li.unfold {
			height: 150px; padding-left: 100px;
		}
	#videos.moyen li.fold {
		width:306px;
		background: url(../img/accueil/fond_videoItem_fold_moyen.gif) no-repeat top left;
	}
	#videos.moyen .lienTout {
		bottom: 3px;
		width: 160px;
		height: 18px;
	}

#retourAccueil {
	position: absolute;
	bottom: 20px;
	right: 8px;
	width: 306px;
	height: 44px;
	background: url(../img/commun/fond_retourAccueil.jpg) no-repeat top left;
}
	#retourAccueil h2 {
		display: none;
	}