body
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url('../img/degrade.jpg');
	background-repeat: repeat-x;
}

a img
{	border:0;	}

#container
{
	position:absolute;
	left:50%;
	width:1024px;
	height:712px;
	margin-left:-512px;
}

#menutop
{
	position:absolute;
	top:9px;
	left:5px;
	font-size:11px;
	background-color:#000000;
	padding-right:70px;
	width:505px;
	height:15px;
}

#menutop ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#menutop li
{	float:right;	margin-left:50px;	}
#menutop li a
{	color:#808080; font-size:10px; font-weight:normal;	}
#menutop li .selected{
	color:#FFFFFF;
}
#menutop li.langue
{	float:left; margin-left:0px; padding-left:6px;	}

#menu
{	position:absolute; top:30px;	}

#menu ul
{
	list-style-type:none;
	margin-left:5px;
	margin-top:55px;
	padding:0px;
}

#menu li
{	margin-top:5px;	}

#menu #back
{	position:absolute;	margin-top:-26px;	}

#video
{
	position:absolute;
	top:0px;
	left:599px;
	z-index:3;
}
#video .copy
{
	position:absolute;
	top:275px;
	right:5px;
	color:#666;
	font-size:0.6em;
}

hr{
	border:0px;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	line-height:1px;
	font-size:1px;
}

.clear{	
	visibility:hidden;
	clear:both;
	line-height:1px;
	font-size:1px;
}

#logo
{
	position:absolute;
	top:220px;
	left:5px;
	margin:0;
	
}


#logo p
{	margin:0; padding:0;	}

#logo p.logo
{	margin-left:20px;	background:url('../img/logo.png') no-repeat;	margin-bottom:5px;}

#logo p.logo_print
{	
	display:none;
	margin-left:20px;
	margin-bottom:5px;
}




.borderbfrcontent
{
	position:absolute;
	top:274px;
	width:962px;
	right:57px;
	margin-top:0;
	padding-top:10px;
	margin-left:5px;
	border-top:solid 18px black;
}

#content_scroll
{
	position:absolute;
	top:292px;
	width:982px;
	margin-top:0;
	padding-top:7px;
	margin-left:5px;
	overflow:auto;
	height:386px;
}

.content
{
	position:absolute;
	width:962px;
	margin-top:0;
}

.actualite
{
	position:relative;
	float:right;
	margin-right:43px;
}

.avenir
{
	position:relative;
	float:right;
	width:368px;
}

.avenir h1, .actualite h1, .fiche h1
{
	left:0px;
	top:0px;
	margin:0; padding-left:10px; font-size:11px;
	background:url('../img/white.png');
	padding-top:2px;
	padding-bottom:2px;
}

.queue{
	float:left;
}

.actualite h1
{	width:147px; }

.actualite div.item{	
	float:left;
	padding-right:14px;
}

.avenir h1, .fiche h1
{	width:358px; }

.avenir div.text, .actualite div.text, .fiche div.text, .fiche div.agenda
{
	background:url('../img/white.png');
	padding:7px;
	margin-top:7px;
}

.actualite div.text
{
	position:relative;
	width:143px;
}

.avenir div.text, .fiche div.text, .fiche div.agenda
{
	position:relative;
	width:354px;
}

.fiche div.text p img
{
	border:1px solid #000;
	width:48px;
	height:48px;
	margin:4px;
}

.agenda_separator{
	margin-top:5px;
	margin-bottom:2px;
}

.download_separator{
	margin-top:5px;
	margin-bottom:2px;
	width:354px !important;
	height:1px !important;
	border:0px !important;
}

.download_picto{
	margin:0px !important;
	margin-right:5px !important;
}



div.text p, div.text h2, div.agenda p, div.agenda h2{
	border:0px;
	padding:0px;
	margin:0px;
}

div.item div.text p.image{
}

div.text h2{
	border:0px;
	padding:0px;
	text-transform:uppercase;
	font-size:16px;
	line-height:18px;
	margin-bottom:14px;
	font-weight:bold;
}

div.agenda h2{
	border:0px;
	padding:0px;
	text-transform:uppercase;
	font-size:13px;
	line-height:18px;
}

div.avenir div.text h2, div.fiche div.text h2
{	font-size:24px;
	line-height:22px;	}

.agenda .date{
	border:0px;
	padding:0px;
	margin:0px;
	font-size:11px !important;
	text-transform:uppercase;
	font-weight:bold;
}

.agenda .lieu{
	border:0px;
	padding:0px;
	margin:0px;
	font-size:11px !important;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:10px;
}

.agenda .infos{
	border:0px;
	padding:0px;
	margin:0px;
	font-size:11px !important;
	font-weight:bold;
}

.displace a{
	color:#7c7c7c;
}

div.text p, div.text td, div.text input{
	font-size:11px;
}
div.text label, div.text input{
	font-weight:bold;
}

div.text .stronger{
	font-weight:bold; font-size:14px;
}

div.agenda p{
	font-size:11px;
}

div.agenda .stronger{
	font-weight:bold; font-size:14px;
}

span.date{
	text-transform:uppercase;
}

div#contact
{
	position:absolute;
	left:10px;
	top:470px;
}

div#contact p{
	font-size:11px;	font-weight:bold;
}

a{
	text-decoration:none; color:black;
}

a:hover{
	text-decoration:underline;
}

.selected{
	text-decoration:underline;
}







.nav{
	position:absolute;
	border:0px;
	padding:0px;
	margin:0px;
	width:400px;
	left:194px;
	top:0px;
}

.fiche{
	position:relative;
	float:right;
	width:368px;
	display:none;
}

.unhide{
	display:block;
}

.nav .liste .liste_items, .nav .liste .liste_nav{
	background:url('../img/white.png');
}


.nav .liste{
	position:absolute;
	top:25px;
	left:17px;
	width:255px;
	height:286px;
	border:0px;
	padding:0px;
	margin:0px;
}

.nav .liste_items{
	width:243px;
	height:232px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:6px;
	padding-right:6px;
	overflow:hidden;
}

.nav .liste_items .separator{
	font-size:5px;
	line-height:5px;
}

.noheight{
	height:auto !important;
}

.nav .liste .liste_items .item{
	width:243px;
}

.nav .liste .liste_items .item .separator{
	clear:both;
	height:13px;
	line-height:0px;
	font-size:0px;
}

.nav .liste .liste_items .item .item_image{
	float:left;
	width:64px;
}

.nav .liste .liste_items .item .item_text{
	float:left;
	width:155px;
	padding-left:5px;
	padding-top:15px;
}

.nav .liste .liste_items .item .item_text .titre{
	font-size:0.75em;
	font-weight:bold;
	text-transform:uppercase;
}

.nav .liste .liste_items .item_long .item_text{
	float:left;
	width:230px;
	border:0px;
	padding:0px;
	margin:0px;
}

.nav .liste .liste_items .item_long{
	display:block;
}

.nav .liste .liste_items .item_long .item_text .titre{
	display:block;
	font-size:0.75em;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:10px;
}

.nav .liste .liste_items .item_long .item_text .titre .sous_titre{
	display:block;
	margin-top:5px;
	padding-left:15px;
	text-transform:none;
	background:url('../img/bullet.gif') no-repeat 7px 5px;
}






.nav .liste .liste_items .item_court{
	float:left;
}

.court{
	height:140px !important;
}

.nav .liste .liste_items .item_court .item_text{
	width:40px;
	border:0px;
	padding:0px;
	margin:0px;
}

.nav .liste .liste_items .item_court{
	display:block;
}

.nav .liste .liste_items .item_court .item_text .titre{
	display:block;
	font-size:0.75em;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:10px;
}







.nav .liste_nav{
	position:relative;
	width:255px;
	height:15px;
	margin-top:5px;
}

.nav .liste_nav .steps{
	position:absolute;
	top:3px;
	left:15px;
}

.nav .liste_nav .steps .step_left{
	position:relative;
	float:left;
	font-size:0.7em !important;
	line-height:0.7em !important;
	font-weight:bold;
	margin-right:3px;
}

.nav .liste_nav .steps .step_right{
	position:relative;
	float:left;
	font-size:0.7em !important;
	line-height:0.7em !important;
	font-weight:bold;
	margin-left:5px;
}

.nav .liste_nav .separator{
	position:relative;
	float:left;
	margin-top:-1px;
}

.nav .liste_nav .buttons{
	position:absolute;
	top:3px;
}

.nav .liste_nav .buttons .button_back{
	position:absolute;
	left:175px;
	font-size:0.7em !important;
	line-height:0.7em !important;
	font-weight:bold;
}

.nav .liste_nav .buttons .button_next{
	position:absolute;
	left:215px;
	font-size:0.7em !important;
	line-height:0.7em !important;
	font-weight:bold;
}



.nav .rubriques{
	position:absolute;
	margin:0px;
	padding:0px;
	border:0px;
	top:32px;
	left:272px;
	width:128px;
}


.nav .rubriques ul{
	margin:0px;
	padding:0px;
	border:0px;
	list-style-type:none;
}

.nav .rubriques ul li{
	position:relative;
	left:14px;
	font-size:0.7em;
	background-color:#000;
	width:94px;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:5px;
}

.nav .rubriques .selected{
}

.nav .rubriques .selected a{
	color:#fff;
	text-decoration:underline;
}

.nav .rubriques .selected a:hover{
	color:#fff;
	text-decoration:underline;
}


.nav .rubriques ul li a{
	color:#7c7c7c;
	
}

.nav .rubriques ul li a:hover{
	padding-left:5px;
	color:#FFF;
	text-decoration:underline;
}

#copyright_fond{
	position:absolute;
	top:692px;
	left:5px;
	background-color:#000;
	color:#666	;
	font-size:0.6em;
	display:inline;
	padding-left:6px;
	padding-right:14px;
	padding-bottom:1px;
}

.soundPlayer{
	font-size:0.7em;
	font-weight:bold;
	margin-bottom:15px;
}
.soundPlayer div{
	margin-top:10px;
}
.soundPlayer img{
	margin-bottom:5px;
}
.alert{
	color:#FF0000;
}
.valid{
	color:#009900;
}