/* --- Global Object styles --- */

BODY
{
background-color: #22262d;
color: #c3c3c3;
}

.header
{
font-family: tahoma;
font-size: 12pt;
font-weight: bold;
color: #c3c3c3;
}

.text
{
font-family: tahoma;
font-size: 10pt;
color: #c3c3c3;
}

.captiontext
{
font-family: tahoma;
font-size: 7.5pt;
color: #c3c3c3;
}

.menucl
{
font-family: tahoma;
font-size: 10pt;
color: #c3c3c3;
text-align: right;
line-height: 85%;
}

.headernews
{
font-family: tahoma;
font-size: 12pt;
font-weight: bold;
color: #c3c3c3;
}

.news
{
font-family: tahoma;
font-size: 10pt;
color: #c3c3c3;
}

.news div
{
text-align: top;
}

.boldtext
{
font-family: tahoma;
font-size: 9pt;
font-weight: bold;
color: #c3c3c3;
line-height: 60%;
}

.header_nl
{
font-family: tahoma;
font-size: 12pt;
font-weight: bold;
color: #c3c3c3;
}

.nl
{
font-family: tahoma;
font-size: 9pt;
color: #c3c3c3;
}

.billcontent{
width: 100%;
display:block;
}

table.horaire
{
width: 400pt;
border-collapse: collapse;
}

table.horaires
	td
		{
		width: 61px;
		height: 40px;
		font-family: tahoma;
		font-size: 7pt;
		color: #c3c3c3;
		text-align: center;
		vertical-align: middle;
		}
 
table.horaires
	tr.odd
		{
		background-color: #22262d;
		}
 
table.horaires
	tr.evn
		{
		background-color: #383C44;
		}

a.info
{
position:relative; 
z-index:24;
color:#c3c3c3;
text-decoration: none;
}

a.info:hover
{
z-index:25;
}

a.info span
{
display: none;
}

a.info:hover span
{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
display: block; 
position: absolute;
    
top: 2em;
left: 2em;
width: 16em;
border: 1px solid #22262d;
background-color: #c3c3c3;
color: #22262d;
text-align: left;
font-size: 10pt;
font-weight: none;
line-height: 120%;
padding: 5px;
}

A:link
{
font-family: tahoma;
text-decoration: none;
color:#ffffff;
}

A:visited
{
text-decoration: none;
color:#ffffff;
}

A:hover
{
font-family: tahoma;
text-decoration: none;
color:#a77a14;
}

A img
{
border: none;
}

/*  -- Containers styles - Main page --  */

#global
{
position: absolute;
left: 50%;
margin-left: -480px;
top: 50%;
margin-top: -290px;
width: 960px;
height: 580px;
}

	#menucontainer
	{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 160px;
	height: 580px;
	}
	
		#logo
		{
		position: absolute;
		left: 0px;
		top: 10px;
		width: 160px;
		height: 200px;
		z-index: 2;
		}
		
		#menu
		{
		position: absolute;
		left: 0px;
		top: 200px;
		width: 150px;
		height: 375px;
		padding: 0px 10px 0px 0px;
		z-index: 2;
		}
		
	#picture_bg
	{
	position: absolute;
	left: 160px;
	top: 0px;
	width: 800px;
	height: 580px;
	}
	
		#content
		{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 560px;
		height: 580px;
		z-index: 5;
		}
		
		#nlmenubg
		{
		position: absolute;
		left: 560px;
		top: 0px;
		width: 170px;
		height: 580px;
		z-index: 2;
		}

		#nlmenu
		{
		position: absolute;
		left: 560px;
		top: 0px;
		width: 170px;
		height: 580px;
		z-index: 3;
		}
		
			#newsletters
			{
			position: absolute;
			left: 0px;
			top: 0px;
			width: 150px;
			height: 580px;
			padding-left: 10px;
			padding-right: 6px;
			z-index: 4;
			}
			
		#blank
		{
		position: absolute;
		left: 730px;
		top: 0px;
		width: 70px;
		height: 580px;
		z-index: 2;
		}

		
/*  -- Containers styles - Newsletters --  */

#bgcont
{
position: absolute;
top: 0px;
left: 0px;
width: 560px;
height: 580px;
background-image: url(./images/contentbg90.png);
}

	#head
	{
	position: absolute;
	left: 20px;
	top: 0px;
	width: 540px;
	height: 40px;
	}

	#contmenu
	{
	position: absolute;
	left: 20px;
	top: 40px;
	width: 540px;
	height: 540px;
	padding-right:20px;
	}
		
	#contcoach
	{
	position: absolute;
	left: 20px;
	top: 40px;
	width: 540px;
	height: 80px;
	}
		
	#contenttable
	{
	position: absolute;
	left: 0px;
	top: 40px;
	width: 560px;
	height: 540px;
	border: 0px;
	padding-right: 20px;
	z-index: 4;
	}

	#contevent
	{
	position: absolute;
	left: 20px;
	top: 40px;
	width: 540px;
	height: 500px;
	padding-right:20px;
	}
		
	#navbottom
	{
	position: absolute;
	left: 20px;
	top: 540px;
	width: 540px;
	height: 40px;
	padding-right:20px;
	}
		
		#navbottomleft
		{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 270px;
		height: 40px;
		}
			
		#navbottomright
		{
		position: absolute;
		right: 20px;
		top: 0px;
		width: 270px;
		height: 40px;
		padding-right:20px;
		}
		
#bgnl
{
position: absolute;
top: 0px;
left: 0px;
width: 560px;
height: 580px;
background-image: url(./images/contentbg90.png);
}

	#cont
	{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 560px;
	height: 580px;
	}
	
		#nlhead
		{
		position: absolute;
		left: 20px;
		top: 0px;
		width: 520px;
		height: 50px;
		}
		
		#nlcont
		{
		position: absolute;
		left: 20px;
		top: 50px;
		width: 520px;
		height: 510px;
		}

#dhtmlgoodies_progressPane{
	width: 100%;
	height: 100%;
	background-color: #22262d;
	z-index: 5000;
	position: absolute;
	left: 0px;
	top: 0px;
	
}
#dhtmlgoodies_progressBar_bg{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 250px;
	height: 15px;
	border: 1px solid #000;
	background-color: #383c44;
	margin-left: -125px;	
	margin-top: -15px;
	text-align: center;
}
#dhtmlgoodies_progressBar_outer{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;	
	height: 100%;
	overflow: hidden;	
}

#dhtmlgoodies_progressBar{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 250px;
	background-color: #a77a14;
	filter: Alpha(Opacity=0, FinishOpacity=100,Style=1,StartX=0, StartY=0, FinishX=200,FinishY=20);
	opacity: 0.75;
	height: 100%;
	z-index: 5000;
}
#dhtmlgoodies_progressBar_txt{
	color: #000;
	z-index: 10000;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;		
	font-family: tahoma;
	font-size: 0.7em;
	line-height: 15px;	/* Same as height of progress bar */
}

#bgcontblank
{
position: absolute;
top: 0px;
left: 0px;
width: 560px;
height: 580px;
}