/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	background-color:#232323;
	background-image:url(../images/bg-top.jpg);
	background-repeat:repeat-x;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	scrollbar-face-color:#232323;
	scrollbar-base-color:#232323;
	scrollbar-arrow-color:#707070;
	scrollbar-track-color:#232323;
	scrollbar-shadow-color:#707070;
	scrollbar-highlight-color:#707070;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-Color:#000000;
}

p{ text-align:justify;
	color:#FFFFFF;
}

h1{
	font-size:2em;
	color:#bbcf56;
}
h2{
	font-size:1.5em;
	color:#FFFFFF;}

h3{
	font-size:1.2em;
	color:#FFFFFF;}

#nouvelle{
	width:270px;
	height:223px;
	background-attachment:fixed
	useless: none;
	background-image:url(../images/bg-nouvelles-bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin:0 0 0 0;
	padding:8px 15px 0 15px;
	overflow:auto;
}

#nouvelle a{
	color:#999999;
}

*html #centre #droite #nouvelle{
	background-attachment:fixed;
}

#centre{
	width:800px;
	margin:auto;
}

#gauche{
	position:relative;
	width:480px;
	float:left;
}

#droite{
	position:relative;
	width:310px;
	float:right;
	padding:0 0 0 10px;
}
#droite h1{
	display:block;
	height:32px;
	width:295px;
	background-image:url(../images/bg-nouvelles-top.jpg);
	background-repeat:no-repeat;
	padding:8px 0 0 15px;
	margin:0 0 0 0;
	/*line-height:0;*/
}

		#droitevideo[id]{
			padding:56px 0 0 0px;
			}
		#droitevideo{
			position:relative;
			height:380px;
			padding:45px 0 0 0px;
			float:left;
			color:#FFFFFF;
		}

		#droitevideo ul{
		background-image:url(../images/bg-video-vertical.gif);
		background-repeat:repeat-y;
		width:300px;
		/*height:271px;*/
			list-style:none;
			margin:0 0 0 0;
			padding:0 0 0 14px;
			list-style:none;
		}
		
		#droitevideo li{
			display:block;
			clear:both;
			width:300px;
			height:50px;
			padding:10px 0 4px 0;
		}
		#droitevideo li.dernier{
		padding-bottom:6px;
		}
		#droitevideo li p{
		margin:0 0 0 0;
		padding:0 0 0 0;
		float:left;
		}	
		
		#droitevideo img{
			padding:0 10px 0 0;
			float:left;
		}
		#droitevideo a img{
		border:none;
		}
		#droitevideo a{
		text-decoration:none;
		color:#FFFFFF;}
#menu{
	width:560px;
}
#menu[id] ul{
	font-size:0.9em;
	color:#999999;
	background-image:url(../images/menu.gif);
	background-repeat:no-repeat;
	width:600px;
	height:35px;
	margin:0px 0 0 0;
	padding:10px 0 0 0;
	list-style:none;
}
#menu ul{
	font-size:0.9em;
	color:#999999;
	background-image:url(../images/menu.gif);
	background-repeat:no-repeat;
	width:600px;
	height:35px;
	margin:-3px 0 0 0;
	padding:10px 0 0 0;
	list-style:none;
}

#menu ul li{
	margin:0px 15px 0 0;
	padding:0px 0 0 0px;
	float:left;
	height:20px;
}

#menu ul li a{
	color:#999999;
	text-decoration:none;
}
#menu ul li a.actif{
	display:block;
	background-image:url(../images/hi-light.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	height:20px;
	float:left;
}
#menu ul li a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
#menu2 {
	float:right;
	text-align:right;
}
#menu2[id] ul{
	color:#bbcf56;
	position:absolute;
	margin:-45px 0 0 10px;
	padding-left: 30px;
	float:right;
	width:200px;
}
#menu2 ul{
	color:#bbcf56;
	position:relative;
	margin:-45px 0 0 555px;
	padding-left: 30px;
	float:right;
	width:200px;
}

#menu2 ul li{
	margin:0px 0 0 0;
	padding:0px 0 0 15px;
}
#menu2 ul li a{
	color:#bbcf56;
}
#contenuvideo{
width:100%}

#contenu{
	width:600px
}
#contenu a {
	color:#CCCCCC;
}

#contenu ul {
	padding:0 0 0 0;
	margin: 0 0 0 12px;
}
#contenu[id] li {
	margin: 5px 0 0 0;
	}
	
#contenu li {
	padding:0 0 0 6px;
	margin: 5px 0 0 5px;
	color:#FFFFFF;
}

#contenu li.vert{
	color:#009864;
}

#contenu li.rouge{
	color:#9d0a0e;
}
#contenu li.orange{
	color:#de761c;
}
#contenu li.bleugris{
	color:#92abbc;
}

#contenu li.bleupale{
	color:#4ba6dc;
}
#contenu li.beige{
	color:#dbba9c;
}
#contenu li.orange2{
	color:#f15a22;
}


#videosaccueil{
	background-image:url(../images/bg-video.gif);
	width:480px;
	height:150px;
	clear:both;
}
#videosaccueil ul{
	width:480px;
	/*height:176px;*/
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	}

#videosaccueil li{
	padding:0 0 0 10px;
	font-size:0.85em;
	width:110px;
	color:#FFFFFF;
	float:left;
	display:block;
}
#videosaccueil h1{
	margin:0px 0 5px 10px;
	padding:5px 0 0 0;

}
		#videosaccueil a img{
		border:none;
		}
		#videosaccueil a{
		text-decoration:none;
		color:#FFFFFF;}
#pub{
	margin:-126px 15px 0px 504px;
	width:275px;
	height:120px;
	/*float:right;*/
	background-color:#232323;
}
	#logo_pub{
		float:left;
	}
	#prog_annee{
		float:right;
		padding-right:15px;
		padding-top:17px;
		width:126;
		height:46;
	}
	#programs{
		width:120px;
		height:50px;
		float:right;
		padding-right:17px;
		color:#FFFFFF;
		font-size:1.6em;
		font-weight:800;
		text-decoration:underline;
		text-align:center;
	}
	#programs a{
		color:#FFFFFF;
	}
#bas{
	clear:both;
	color:#999999;
	font-size:0.9em;
	text-align:center;
	height:18px;
	background-image:url(../images/bg-bas.gif);
	margin:40px 0 0 0;
	padding:20px 0 0 0;
	background-repeat:repeat-x;
	
}
.date{
	color:#999999;
}
.soustitre{
	color:#bbcf56;
}
iframe a {
	color:#CCCCCC;

}
.photos {
		margin: 0px 12px 12px  0px;
}

.photos2 {
		margin: 0px 3px 3px  6px;
}