/* --- STYLES DE BASE --- */

/* Page */
html {
	font-size: 100%; /* Évite un bug d'IE 6-7. */
}
body {
	margin: 0;
	border: none;
	padding: .5em; /* Remettre à zéro si nécessaire. */
	background: url("images/fd-chamois.jpg") fixed;
	color: black;
}

.h1, .h2, .h3, .h4 {font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; color: #0000AF; 
}
.h1 {font-size: 200%}
.h2 {font-size: 150%}
.h3 {font-size: 125%; font-style: italic}
.h4 {font-size: 100%}

/* Titres */

p, div, blockquote, td, tr {font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: black}
p.vert {color: green}
li {font-family: Times New Roman, Book Antiqua, serif; color: inherit}

.maj {
	font-size: 80%; font-family: Arial, Helvetica, sans-serif; color: black; font-style: normal
}  
  
.info {
	font-size: 90%; font-family: Arial, Helvetica, Verdana, sans-serif; 
	color: purple; font-style: italic; 	text-align: left
}

.bando {
	font-size: 125%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0000AF; font-style:italic;
	text-align: center
}

.hdp, .note, .note-rouge {font-family: Times New Roman, Book Antiqua, serif, serif}
.hdp {font-size: 90%; color: purple; text-align: left}

/* Bulles */

a.bulle {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.bulle span {
   display: none; /* on masque l'infobulle */
}
a.bulle:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.bulle:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: azure;
   color: navy;
   padding: 3px;
   font-size: 11px;
   border: 1px solid navy;
  /* border-left: 4px solid green;*/
}
.calendrier {
	background-image: url("images/fd-bleu.jpg");
	/*  background: #BCD1F7; */
   border: 4px grey ridge;
}