*{
	margin:0px;
	padding:0px;
}

body {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
}

.bigletters {
font-size: 35px;
font-weight: bold;
}

#menu {
	font-family: "Arial", Helvetica, sans-serif;
	margin-top: 0;
	font-size: 90%;
	padding: 0;
	list-style: none;
	position: relative;
	left : 0px; 
}

#menu li {
	float:left;
	display: inline;
}

/* Les liens sont affichés comme des blocs, de même que les SPAN qu'ils
   contiennent, et on joue sur du padding et une même image de fond alignée
   différement à chaque fois pour créer une «boite» de lien. */
#menu a {
	width: 100%; /* Nécessaire pour IE6. Voir concept de HasLayout */
	text-decoration: none;
	font-weight: bold;
	color: white;
	background: url(red_tab.png) no-repeat left bottom;
}

#menu a span {
	display: block;
    bottom: 5px;
	padding: 6px 18px;
	background: url(red_tab.png) no-repeat left top;
}

/* Styles au survol et marquage du lien correspondant à la page en cours: on
   garde exactement les mêmes propriétés de mise en forme des liens et de
   placement des images de fond, et on change uniquement l'image de fond. */
#menu .being-watched a,
#menu .being-watched a span,
#menu a:hover,
#menu a:hover span,
#menu a:focus,
#menu a:focus span {
	background-image: url(black_tab.png);
	font-weight: bold;
}

.content {
padding: 15px;
font-size: 14px;
background: url(background.gif) repeat-y  ;
background-position: center;
}

table {
  border-collapse: collapse;
  border: 2px solid white;
}

caption {
  padding: 10px 0;
  font-weight: bold;
  text-decoration: underline;
  text-align: left;
}

th, td {
  padding: 5px 8px;
  border: 1px solid;
}

a {
	color: #000;
	text-decoration: none;
}

.flag {
	float:right;
	margin-left: 970px;
	position: absolute;
	margin-top: -119px;
}

a img {
border: none;
}

.footer {
text-align: center;
font-size: 80%;
background:url(footer.gif);	
}

.footer a {
color: white;	
}

ul {
padding-left: 15px;	
}

.logo {
margin-bottom: -50px;
}

.blackline {
margin-top:-10px;
margin-bottom:-10px;
}

.picture {
float: left;	
border: white solid 1px;
margin-bottom: 8px;
margin-right: 10px;
}
