body,html
  {
  margin:0;
  padding:0;
  font-size:80%;
  font-family:Comic sans MS,Arial,Bitstream vera sans,sans-serif;
  color:blue;
  background:#cff;
  }
.titre
  {
  margin:0;
  padding:0;
  background:#06f;
  }
.titre h1
  {
  text-indent:120px;
  text-align:center;
  margin:0;
  height:110px;
  font-size:2.5em;
  font-weight:bold;
  letter-spacing:0.1em;
  color:#ff0;
  background:url("Images/Maillot.jpg") no-repeat left top;
  }
.titre h1 span
  {
  font-size:0.6em;
  }
.menu
  {
  font-size:1.1em;
  font-weight:bold;
  width:180px;
  float:left;
  margin:0;
  padding:0 10px;
  }
.menu h2
  {
  background:#0af;
  padding:5px;
  font-size:1.2em;
  font-style:italic;
  letter-spacing:0.1em;
  color:#ff0;
  border-right:2px solid #444;
  border-bottom:3px solid #444;
  border-left:1px solid #fff;
  border-top:1px solid #fff;
  }
.menu ul
  {
  list-style:none;
  padding:0;
  text-align:center;
  }
.menu li
  {
  margin-top:5px;
  }  
.menu a
  {
  display:block;
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
  text-decoration:none;
  text-align:center;
  border:2px outset #c0c0c0;
  background:#08f;
  color:#fff;
  }
.menu a:hover
  {
  border:2px inset #c0c0c0;
  color:#ff0;
  }
.contenu
  {
  padding-left:220px;
  padding-right:20px;
  font-size:1.1em;
  text-indent:2em;
  clear:botth;
  }
.contenu h1
  {
  font-size:2.5em;
  text-align:center;
  }
.contenu span
  {
  color:fuchsia;
  }
.contenu note
  {
  font-size:0.8em;
  }
.contenu h2
  {
  font-weight:bold;
  font-size:2em;
  text-align:center;
  }
.contenu h3
  {
  font-weight:bold;
  font-size:1.3em;
  margin:0;
  padding:0;
  }
.contenu h4
  {
  font-weight:bold;
  font-size:1.1em;
  margin:0;
  padding:0;
  }
.voyage 
  {
  font-size:1.1em;
  font-weight:bold;
  padding:0 1em;
  text-decoration:none;
  background:#08f;
  color:#fff;
  }  
.voyage:hover
  {
  color:#ff0;
  }
.photo
  {
  text-align:center;
  }
.sous_titre
  {
  float:left;
  width:55%;
  }
.lien
  {
  font-weight:bold;
  }
.lien a
  {
  display:block;
  width:100%;
  padding-top:2px;
  padding-bottom:2px;
  text-decoration:none;
  text-align:center;
  border:2px outset #c0c0c0;
  background:#08f;
  color:#fff;
  }
.lien a:hover
  {
  border:2px inset #c0c0c0;
  color:#ff0;
  }
.lien span
  {
  font-size:0.8em;
  color:#fff;
  }  
div.lien
  {
  float:left;
  }
div.lien ul
  {
  list-style:none;
  padding:0;
  text-align:center;
  }
div.lien li
  {
  margin-top:8px;
  }
.description
  {
  float:left;
  }
.tableau
  {
  background:#fff;
  border-collapse:collapse;
  } 
.tableau a
  {
  text-decoration:none;
  }
.tableau td
  {
  vertical-align:top;
  }
.tableau span
  {
  font-style:italic;
  color:green;
  }
.tableau caption
  {
  font-size:1.5em;
  font-weight:bold;
  }
.tableau li
  {
  list-style-position:inside;
  }  
div.tableau
  {
  float:left;
  }  
.grille
  {
  background:#fff;
  border-collapse:collapse;
  border:2px solid #06f;
  } 
.grille a
  {
  text-decoration:none;
  }
.grille caption
  {
  font-weight:bold;
  font-size:1.3em;
  } 
.grille th
  {
  border:2px solid #06f;
  }
.grille td
  {
  border:1px solid #06f;
  padding:0 5px;
  }
.green a
  {
  color:green;
  }
.fuchsia a
  {
  color:fuchsia;
  }
.red a
  {
  color:red;
  }   
.grand
  {
  color:red;
  }  
.moyen
  {
  color:blue;
  }  
.petit
  {
  color:green;
  }  
.categorie span
  {
  font-size:1.2em;
  font-weight:bold;
  color:fuchsia;
  }  
.photos
  {
  margin-top:0px;
  padding:0;
  }  
.photos td
  {
  background:#fff;
  border:5px solid #fff;
  }   
.cartes
  {
  width:60%;
  float:left
  }
.cartes h2
  {
  font-size:1.3em;
  font-weight:bold;
  }  
.vision input
  {
  width:120px;
  margin:0 8px;
  padding:0 3px;
  text-align:center;
  font-weight:bold;
  background:#08f;
  color:#fff;
  }
#attente
  {
  color:red;
  text-align:center;
  }
.nom
  {
  font-weight:bold;
  }     
.email
  {
  color:fuchsia;
  }
.portable
  {
  font-style:italic;
  color:green;
  }  
.alerte
  {
  font-size:1.2em;
  color:fuchsia;
  margin-top:10px;
  text-indent:20px;
  }
.alerte span
  {
  font-weight:bold;
  font-size:1.5em;
  color:red;
  }     
#divCalendrier 
  {
  position:absolute;
	font-size:1em;
	font-weight:bold;
	border:1px solid #06f;
	background-color:#fff;
	padding:3px;
  }
#divCalendrier table 
  {
	background-color:#999;
	width:180px;
	border-collapse:collapse;
  }
#divCalendrier a 
  {
	font-size:1em;
	text-decoration:none;
	text-align:center;
	color:#06f;
  }
#divCalendrier a.titre 
  {
  font-size:1.2em;
	color:#fff;
  }
#divCalendrier td 
  {
	font-size:1em;
	color:#06f;
	text-align:center;
	border:1px solid #06f;
  }
#divCalendrier td.titre 
  {
	background-color:#06f;
	color:#fff;
	font-weight:bold;
  }
#divCalendrier td.jour 
  {
	background-color:#06f;
	width:14%;
	color:#fff;
	font-weight:bold;
  }
#divCalendrier td.moisActif 
  {
	background-color:#fff;
  }
#divCalendrier td.moisInactif 
  {
	background-color:#0bf;
  }
#divCalendrier td.jourSelection 
  {
	background-color:#ccc;
	border:1px solid #c00;
  }
.inputCalendrier 
  {
	width:100px;
  }
.menu_h
  {
  font-weight:bold;
  font-size:1.2em;
  margin:2 0 0 0;
  padding:0;
  }       
.menu_h ul
  {
  list-style:none;
  padding:0;
  }
.menu_h li
  {
  display:inline;
  margin:0;
  padding:0 2em;
  background:#08f;
  }
.menu_h a
  {
  color:#fff;
  text-decoration:none;
  }
.menu_h a:hover
  {
  color:#ff0;
  }
.compte span
  {
  font-weight:bold;
  font-size:1.5em;
  color:fuchsia;
  }  
.histo
  {
  margin:0;
  padding:0;
  background:#fff;
  border-collapse:collapse;
  }  
.histo td
  {
  margin:0;
  padding:0;
  }  
td.out
  {
  background:#cff;
  }  
td.out span
  {
  color:fuchsia;
  }  
td.fleche_texte
  {
  padding:5px;
  font:1.1em;
  }  
td.fleche_titre
  {
  padding:5px;
  font-size:1.2em;
  font-weight:bold;
  }   
td.classement
  {
  font-weight:bold;
  font-size:1.2em;
  }
td.laureat
  {
  font-weight:bold;
  font-size:1.2em;
  color:green;
  }
td.participants     
  {
  font-weight:bold;
  font-size:1.2em;
  color:fuchsia;
  }