/* CSS Document */

* {
	padding:0px;
	margin:0px;
}
.hrBoth {
	clear:both;
	visibility:hidden;
	height:1px;
}
#container {
	width: 951px;
	height: 612px;
	background:url(../_img/bg.jpg) no-repeat;
	margin:0 auto;
	position:relative;
}
#frameRight {
	width: 243px;
	height: 510px;
	background: #000000;
	position:absolute;
	top:80px;
	left:708px;
	z-index:90;
}
#openFrameRight {
	display:block; 
	width:69px;
	height:29px;
	position:absolute;
	left:882px;
	top:80px;
	z-index:99;
}

#menu_niv1 {
	background-color:#000000;
	width:176px;
	height:116px;
	position:absolute;
	top:80px;
	left:20px;
}
#menu_niv1 a {
	font:bold 12px Helvetica, sans-serif, Arial;
	color:#5e90d9;
	text-decoration: none;
	line-height:14pt;
	display:block;
	width:128px;
	padding:10px 13px;
	margin:0 auto;
	border-bottom:1px solid #384d5f;
	letter-spacing:1px;
	text-transform: uppercase
}
 #menu_niv1 a.on {
	color:#FFFFFF;
	background:url(../_img/arrow.gif) no-repeat -2px 15px;
}
#menu_niv1 a.nobord {
	border:0px;
}
#frameRight ul, #frameRight ul li {
	list-style-type:none;
}
#frameRight ul li {
	margin-bottom:10px
}
#frameRight ul li.titleDomain {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#ddd;
	height:20px;
	vertical-align:text-bottom;
	margin-top:15px
}
#frameRight a.video {
	display:block;
	width:215px;
	margin-bottom:8px;
	text-decoration:none;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(Opacity=50);
	cursor:pointer
}
#frameRight a.video:hover, #frameRight a.on {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(Opacity=100);
}

#frameRight #scrollUp {
	display:block;
	width:200px;
	height:25px;
	background:url(../_img/scrollUp.gif) no-repeat center;
	margin:0 auto;
	margin-top:35px;
}
#frameRight #scrollDown {
	display:block;
	width:200px;
	height:25px;
	background:url(../_img/scrollDown.gif) no-repeat center;
	margin:0 auto;
	margin-top:11px
}
#frameRight a img {
	margin-right:10px;
	margin-bottom:15px;
	float:left;
	cursor:pointer
}
#frameRight a p {
	background:url(../_img/arrow2.gif) no-repeat 0px 5px;
	padding-left:12px;
	float:left;
	width:126px;
	cursor:pointer
}
span.date,
span.title,
span.author,
span.time {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#c4dbfa;
}
span.date {
	line-height:13pt;
}
span.title {
	color:#FFF;
	text-transform:uppercase
}
span.author,
span.time {
	color:#5c91d5;
}

#listVideo_1,
#listVideo_2 {
	width:100%;
	height:390px;
	margin-top:10px
}
#listVideo_2 {
	height:309px;
	margin-top:10px
}
#onglets {
	position:relative;
	width:200px;
	height:25px;
	margin-top:-27px
}
#onglets #ong_theme,
#onglets #ong_date {
	display:block;
	width:77px;
	height:16px;
	background:#000;
	font:bold 10px Helvetica, sans-serif, Arial;
	color:#6eace7;
	text-align:center;
	text-decoration: none;
	float:left;
	margin-right:5px;
	padding:5px;
}
#onglets #ong_theme.on,
#onglets #ong_date.on {
	border-bottom:1px solid #000;
	color:#FFFFFF;
	background:url(../_img/arrow3.gif) no-repeat 11px 8px;
	background-color:#000;
}
#onglets #ong_theme.on {
	background:url(../_img/arrow3.gif) no-repeat 6px 8px;
	background-color:#000;
}


#video {
	width:452px;
	height:343px;
	position:absolute;
	top:98px;
	left:225px;
}
#titleVideo {
	width:452px;
	height:25px;
	position:absolute;
	top:77px;
	left:225px;
	font:normal 16px Helvetica, sans-serif, Arial;
	color:#FFF;
	text-transform:uppercase
}
#podcast {
	width:89px;
	height:27px;
	position:absolute;
	top:455px;
	left:20px;
	background:url(../_img/podcast.gif) no-repeat
}
#infosVideo {
	position:absolute;
	top:461px;
	left:225px;
	width:431px;
	height:110px;
	border-left:1px solid #b7ccdf;
	padding-left:20px;
}
#infosVideo #infosTitle {
	height:41px;
	margin-top:-6px;
	margin-bottom:6px;
}

#infosVideo #infosTitle h1 {
	font:bold 15px Verdana, Helvetica, sans-serif, Arial;
	color:#133e50;
	line-height:17pt;
	text-transform:uppercase
}
#infosVideo #infosTitle,
#infosVideo #infosTitle .date {
	font:normal 10px Verdana, Helvetica, sans-serif, Arial;
}
#infosVideo #infosTitle .date {
	color:#6eace7;
}

#infosVideo #infosPdf,
#infosVideo #infosLink {
	width:215px;
	height:33px;
	float:left;
	padding-top:35px
}
#infosVideo #infosLink {
	width:195px;
	border-left:1px solid #b7ccdf;
	padding-left:20px;
	padding-top:35px
}
#infosVideo #infosLink a {
	color:#7ea2c4;
	font:normal 11px Verdana, Helvetica, sans-serif, Arial;
	background:url(../_img/arrow_up.gif) no-repeat 0 2px;
	display:block;
	padding-left:15px;
	margin-left:6px
}
#infosVideo #infosPdf a {
	color:#2b5164;
	text-decoration:none;
	font:normal 11px Verdana, Helvetica, sans-serif, Arial;
	background:url(../_img/arrow_up.gif) no-repeat 0 2px;
	display:block;
	padding-left:15px;
	margin-left:6px
}
#form_date_video {
	z-index:999;
	position:relative
}
#select_date_video {
	width:210px;
	margin:0 auto;
	margin-top:35px;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:12pt;
	margin-bottom:0px
}
#select_date_video select {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#2888b2;
	border:1px solid #fff;
	width:120px;
	margin-top:5px
}
.noresult {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-left:60px
}


/* COPIE DE MAIN.CSS */
#langue {	position: absolute;	top: 9px;	left: 823px;	font: normal 10px Verdana, Arial, Helvetica, sans-serif;	color: #c9ced0;	border: 1px solid #d1d7d8; background:#FFFFFF;	width: 117px;	height: 14px;	overflow: hidden;}
#langue.over{	height: 28px;	overflow: visible;}
#langue #down {	z-index: 11;	position: absolute;	right: 0px;top: 0px;	width: 13px;height:14px;	overflow: visible;	cursor: pointer;}
#langue #langlist{	z-index: 10;	width: 117px;	height: 14px; 	position: absolute; 	top: 0px; 	left: 0px;	margin: 3px; margin-left:6px; }
#langlist a {	display:block;	width: 10px;	height: 14px;}
#langue #langlist.uk{	top: -14px;}
/* ---------------- */