* {
	font-family: Verdana, Arial;
	font-size: 10px;
}

body {
	background-image: url(img/background.jpg);
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div.NormalText {
	margin: 5%;
	padding: 1%;
	text-align: left;
	font-size: 13px;
	background-color: #E7CEA3;
}

div.NormalText B,div.NormalText ul li,div.NormalText div.CodeJava, div.NormalText a , div.NormalText i {
	text-align: left;
	font-size: 13px;
}

div.NormalText h1
{
	text-align: center;
	font-size: 20px;
}

div.NormalText h2
{
	text-align: left;
	font-size: 15px;
	text-decoration: underline;
}

div.CodeJava {
	text-align: left;
	border: 1px solid #000000;
	background-color: #D69446;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:10px;
	padding-left:10px;
}

div.Copyright {
	text-align: center;
}

table.formulaire {
	border: 2px solid #000000;
	width: auto;
	border-collapse: collapse;
	margin: auto;
}

table {
	border: 2px solid #000000;
	width: 90%;
	border-collapse: collapse;
	margin: auto;
}

th {
	border: 1px solid #000000;
	font-weight: bold;
	text-align: center;
}

td {
	border: 1px solid #000000;
}

td.Submit {
	text-align: center;
}


/* Page */

div.Page
{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

/* Comparaison */

TD.MinCompare 
{
	color: red;
	font-weight: bold;
}

TD.MaxCompare
{
	color: green;
	font-weight: bold;
}

/* Chat */

div.Chat
{
	border: solid thin black;
	width:90%;
	text-align: justify;
	padding: 0 5px;
}


/* Map */

DIV.PasLoin {
	width:300px;
	border:thien solid black;
	float:right;
}

DIV.Map {
	width:301px;
	height:301px;
	border:thien solid black;
	background-color:white;
	position:relative;
	font-family:Verdana,Arial;
	font-size:1px;
	background-image: url(createMapWithWay.php);
}

DIV.MapPoint {
	position:absolute;
	width:5px;
	height:5px;
	font-family:Verdana,Arial;font-size:1px;
}

DIV.ShowMapPoint {
	position:absolute;
	width:10px;
	height:10px;
	font-family:Verdana,Arial;font-size:1px;
}


/* Menu */

#nav {
	text-align: left;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
}

div#header {
	text-align: center;
}

#menu, #menu ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	/*line-height: 1;*/
}

#menu a {
	text-align: center;
	display: block;
	width: 120px;
}

#menu li { /* tous les items de liste */
	float: left;
	width: 124px; /* largeur obligatoire, sinon opera devient fou */
}

#menu li ul { /* listes de deuxième niveau */
	position: absolute;
	width: 124px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

#menu li:hover ul, #menu li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

#menu a, #menu a:visited, #menu a:active {
	background-color: #dcb;
	border:1px #666 solid;
	color:#000;
	text-decoration:none;
	padding:3px 0;
}
    
#menu a:hover {
	background-color: #eee;
	border:1px #aaa solid;
	color:#000;
}

#menu li a {
	font-weight: bold;
}

#menu li li a {
	font-weight: normal;
}

/* Info bulle */
#infosVue {
	position: absolute;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 5px;
	margin: 0px;
	text-align: left;
	visibility: hidden;
}