body {
	font-family: verdana, arial, sans-serif;
	color: black;
	background-color: #808080;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin:5px;
	padding:0px;

	scrollbar-face-color: #FFFF33; /* dessus de la barre */
	scrollbar-arrow-color: #000000; /* fleche barre */
	scrollbar-track-color: #808080; /* fond de la barre */
	scrollbar-shadow-color: #000000; /* contour effet 3d de la barre */
	scrollbar-highlight-color: #000000; /* sous contour effet 3d de la barre */

	scrollbar-3dlight-color: #000000; /* contour haut de la barre */
	scrollbar-darkshadow-color: #000000 /* contour bas de la barre */
}

/* gestion du tableau du haut */
.tabhaut {
background-color: #000000;
border : 1px solid #FFFF33;
}

a.ville:link, a.ville:visited, a.ville:active {
padding-top : 1px;
padding-left : 25px;
padding-right : 25px;
padding-bottom : 1px;
font-family: verdana, arial, sans-serif;
text-align: center;
font-size: 12px;
color : #ff0000;
border: 1px solid #FFFF33;
background-color: #000000;
}

a.ville:hover{
padding-top : 1px;
padding-left : 25px;
padding-right : 25px;
padding-bottom : 1px;
font-family: verdana, arial, sans-serif;
text-align: center;
font-size: 12px;
color : #990000;
border: 1px dashed #FFFF33;
background-color: #000000;
}

.tabhautligne1 {
height : 100px;
border-bottom : 1px dashed #FFFF33;
}

.tabhautligne1left {
text-align : center;
font-family: courier,verdana, arial, sans-serif;
font-size : 24px;
text-decoration: none;
color: #FFFF33;
}

.tabhautligne2 {
border : #FFFF33;
border-right : 1px solid;
border-bottom : 1px solid;
border-left : 1px solid;
text-align : left;
}

a.tabhaut:link, a.tabhaut:visited, a.tabhaut:active {
padding-top : 1px;
padding-left : 1px;
padding-right : 1px;
padding-bottom : 1px;
font-family: verdana, arial, sans-serif;
text-decoration: none;
text-align: left;
font-size: 12px;
color : #000000;
border: 1px solid #FFFF33;
background-color: #FFFF66;
width : 200px;
}

a.tabhaut:hover {
border: 1px solid #FFFF33;
font-family: verdana, arial, sans-serif;
background-color: #FFFF33;
text-decoration: none;
font-size: 12px;
color: #000000;
text-align: left;
padding-left: 1px;
padding-right: 1px;
padding-top : 1px;
padding-bottom : 1px;
width : 200px;
}


/* gestion du tableau du bas */
.tabbas {
background-color: #000000;
border : 1px solid #FFFF33;
font-family: verdana, arial, sans-serif;
font-size : 10px;
padding-top : 2px;
padding-right : 2px;
padding-bottom : 2px;
padding-left : 2px;
text-align : center;
color: #FFFF33;

}

a.tabliens:link, a.tabliens:visited, a.tabliens:active {
	height : 20px;
  	font-family: verdana, arial, sans-serif;
  	text-decoration: none;
  	font-weight: bold;
  	font-size: 10px;
  	color: #ffffff;
  	background-color: #cc0033;
  	vertical-align: middle;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top : 3px;
	padding-bottom : 2px;
	border: 1px solid #663300;
	width: 110px;
  }

a.tabliens:hover {
	height : 20px;
  	font-family: verdana, arial, sans-serif;
  	background-color: #660000;
  	text-decoration: none;
  	font-weight: bold;
  	font-size: 10px;
  	color: #ffffff;
  	vertical-align: middle;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top : 3px;
	padding-bottom : 2px;
	border: 1px dashed #663300;
	width: 110px;
}

 a:link, a:visited, a:active {
 color : #ffffff;
 text-decoration : none;
 }

 a:hover {
 color : #ffffff;
 border-bottom :  1px dashed;
}

.dates {
padding-left : 10px;
font-family: verdana, arial, sans-serif;
text-align: left;
font-size: 12px;
color : #FFFF33;
}