/* CSS Document */

#page {
	position: absolute;

	width: 995px;        /* selon la largeur voulue */
	margin-left: -498px; /* moitie de width */
	left: 50%;           /* constant, toujours 50% */

	height: 586px;       /* selon la quantite de texte */
	margin-top: -293px;   /* moitie de height */
	top: 50%;            /* constant, toujours 50% */

	border: 0px solid #333;
	background:#FFF  url(../images/i_fond.jpg) 0 0 no-repeat;
	text-align:left;
}
#contenu {
	position:relative;
	width: 995px;
	height: 586px;
}
#logo{
	position:absolute;
	top:10px;
	left:15px;
	width:155px;
	height:90px;
}
#menu{
	position:absolute;
	top:115px;
	left:50px;
	height:30px;
}
#menu li{
	display:block;
	float:left;
}
#menu li a.norm{
	display:block;
	padding:5px 8px 2px;
	font-size:9pt;
	font-weight:bold;
	line-height:12pt;
	border-right:1px solid #B0BFD1;
	color:#3B628F;
}
#menu li a.norm:hover,#menu li.active a.norm{
	padding-top:2px;
	border-top:3px solid #C4BFA2;
}
#menu li a.coeur{
	display:block;
	border-right:medium none;
	color:#EB7000;
	display:block;
	font-size:8pt;
	font-weight:bold;
	line-height:12pt;
	padding:6px 10px 0;
	text-transform:uppercase;
}
#menu li a.coeur:hover{
	text-decoration:underline;
}

#titrerub{
	position:absolute;
	top:155px;
	left:30px;
	width:391px;
	height:19px;
	color:#6286B1;
	border-bottom:1px solid #80A1C0;
}
a#reservation {
	position:absolute;
	top:539px;
	left:57px;
	font-size:9pt;
	color:#EF9000;
	padding:13px 30px 15px 38px;
	font-weight:bold;
	background:url(../images/i_reservation.jpg) 0 0 no-repeat;
}
a#reservation:hover{
	background:url(../images/i_reservation_o.jpg) 0 0 no-repeat;
}
a#arc {
	position:absolute;
	top:539px;
	left:231px;
	font-size:9pt;
	color:#5C83A8;
	padding:13px 30px 15px 38px;
	font-weight:bold;
	background:url(../images/i_arc1950.jpg) 0 0 no-repeat;
}
a#arc:hover{
	color:#EF9000;
	background:url(../images/i_arc1950_o.jpg) 0 0 no-repeat;
}
#titrehaut{
	position:absolute;
	top:56px;
	left:230px;
	width:676px;
	text-align:right;
	color:#6286B1;
	font-size:13pt;
}
h1#video{
	position:absolute;
	top:152px;
	left:460px;
	color:#356CA0;
	font-size:11pt;
	padding:0px 0px 0px 18px;
	background:url(../images/i_fle_bleu.gif) 0 4px no-repeat;
}
#textevideo{
	position:absolute;
	top:170px;
	left:480px;
	width:480px;
	font-size:8pt;
	line-height:9pt;
	color:#555555
}
#lecteur{
	position:absolute;
	top:196px;
	left:460px;
	color:#356CA0;
	width:480px;
}
#footer{
	position:absolute;
	top:595px;
	left:0px;
	width:995px;
	text-align:center;
	color:#FFF;
	font-size:8pt;
}
#footer a{
	color:#FFF;
	font-size:8pt;
	text-transform:uppercase;
}
#footer a:hover{
	color:#EF9000;
}
#listevideo{
	position:absolute;
	top:188px;
	left:16px;
	width:406px;
	height:341px;
	overflow:auto;
}
#listevideo a{
	position:relative;
	display:block;
	float:left;
	margin:8px 8px 8px 8px;
	border:2px solid #FFF;
	width:109px;
	height:82px;
}
#listevideo a:hover{
	border:2px solid #356CA0;
}
#listevideo a.active, #listevideo a.active:hover{
	border:1px solid #EF9000;
	margin:9px;
}
#listevideo a.active span.fond{
	/*border:2px solid #EF9000;*/
	background:#EF9000;
	opacity:0.80;
	filter : alpha(opacity=80);
}
#listevideo a.active span.texte{
	font-weight:bold;
}
#listevideo a span{
	display:block;
	position:absolute;
	width:109px;
	height:82px;
	overflow:hidden;
}
#listevideo span.fond{
	top:55px;
	height:27px;
	background:#3A5FA9;
	opacity:0.75;
	filter : alpha(opacity=75);
}
#listevideo span.texte{
	top:58px;
	left:5px;
	width:99px;
	height:22px;
	color:#FFF;
	font-size:8pt;
	line-height:8pt;
}
#listevideo span.error {
	display:block;
	margin:4px 0 0 7px;
	color:#CC0000;
}