﻿html, body, p
{
    margin: 0;
    padding: 0;
}

.Menu
{
	position: absolute; 
	top: 153px; 
	width: 135px; 
	background-color: #DFD495;
	color: Black; 
	vertical-align: middle; 
	text-align: center; 
	padding-top: 4px; 
	padding-bottom: 4px;
	font-family:Trebuchet MS;
	font-size:14pt;
}

.MenuSelected
{
	position: absolute; 
	top: 153px; 
	width: 135px; 
	background-color: #BB1220;
	color: White; 
	vertical-align: middle; 
	text-align: center; 
	padding-top: 4px; 
	padding-bottom: 4px;
	font-family:Trebuchet MS;
	font-size:14pt;
}

.SubMenu
{
	position: absolute; 
	width: 135px; 
	background-color: #DFD495;
	color: Black; 
	vertical-align: middle; 
	text-align: left; 
	font-family:Trebuchet MS;
	font-size:12pt;
	font-style:italic;
}
.SubMenuSelected
{
	position: absolute; 
	width: 135px; 
	background-color: #BB1220;
	color: White; 
	vertical-align: middle; 
	text-align: left; 
	font-family:Trebuchet MS;
	font-size:12pt;
	font-style:italic;
}

.divCenter
{
	position:absolute;
	width:100%;
	text-align:center;
}

.BandeauHaut
{
	position:absolute;
	font-family:Trebuchet MS;
	font-size:14pt;
	left:0px;
	width:100%;
	text-align:center;
}

.Title
{
	position:relative;
	font-family:Trebuchet MS;
	font-size:24pt;
	font-weight:bold;
}

.SubTitle
{
	position:relative;
	font-family:Verdana;
	font-size:14pt;
	font-weight:bold;
	color:#BB1220;
}

.Contenu
{
	text-align:left;
	font-family:Verdana;
	font-size:11pt;
	position: absolute; 
	top: 190px; 
	left: 0px; 
	width: 625px; 
	height: 382px; 
	overflow:auto;
}
.SousContenu
{
	font-family:Trebuchet MS;
	font-size:11pt;
	font-style:italic;
}
.Metropole
{
	font-family:Verdana;
	font-size:11pt;
	font-weight:bold;
}
.ContenuTarif
{
	font-size:12pt;
}
.Parenthese
{
	font-size:10pt;
}

.ImageBobine
{
	position: absolute;
	top: 207px;
	left: 643px;
	width: 67px;
	height: 63px;
	background-image: url('../Images/menu-seul.png');
}
.ImageBobine:hover
{
	position: absolute; 
	top: 207px; 
	left: 561px;
	width: 149px;
	height:63px;
	background-image: url('../Images/menu-bobine.png');
}
.ImageBobineShown
{
	position: absolute; 
	top: 207px; 
	left: 561px;
	width: 149px;
	height:63px;
	background-image: url('../Images/menu-bobine.png');
}

.ImageDiapo
{
	position: absolute;
	top: 300px;
	left: 643px;
	width: 67px;
	height: 63px;
	background-image: url('../Images/menu-seul.png');
}
.ImageDiapo:hover
{
	position: absolute; 
	top: 300px; 
	left: 561px;
	width: 149px;
	height:63px;
	background-image: url('../Images/menu-diapo.png');
}
.ImageDiapoShown
{
	position: absolute; 
	top: 300px; 
	left: 561px;
	width: 149px;
	height:63px;
	background-image: url('../Images/menu-diapo.png');
}

.ImageVinyle
{
	position: absolute;
	top: 397px;
	left: 643px;
	width: 67px;
	height: 63px;
	background-image: url('../Images/menu-seul.png');
}
.ImageVinyle:hover
{
	position: absolute; 
	top: 397px; 
	left: 561px;
	width: 149px;
	height:63px;
	background-image: url('../Images/menu-vinyle.png');
}
.ImageVinyleShown
{
	position: absolute; 
	top: 397px; 
	left: 561px;
	width: 149px;
	height:63px;
	background-image: url('../Images/menu-vinyle.png');
}

.ImageCassette
{
	position: absolute;
	top: 488px;
	left: 643px;
	width: 67px;
	height: 63px;
	background-image: url('../Images/menu-seul.png');
}
.ImageCassette:hover
{
	position: absolute; 
	top: 488px; 
	left: 561px;
	width: 149px;
	height:63px;
	background-image: url('../Images/menu-cassette.png');
}
.ImageCassetteShown
{
	position: absolute; 
	top: 488px; 
	left: 561px;
	width: 149px;
	height:63px;
	background-image: url('../Images/menu-cassette.png');
}
