body
{
   margin-bottom: 10px;
   font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
   background-image:url(fond001.jpg);
   background-repeat-x;
   background-attachment: fixed;
   color: #003300;

}

#contenu { 
margin-left: 200x
} 

#pays
{
   color: #AC2B00;
}

.img_menu { 
border:1px solid #006600; 
} 

p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #8a0 ;
}
/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/*une couleur de fond, une bordure, la taille de police
 et un léger espace entre le texte et les bords du pre */

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span
 eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span
 utilisés pour les commentaires */


.buttonscontainer
{
float: left;
width: 300px;
}

.buttons a 
{
color: #FFFF66;
width: 200px;
background-color: #006600;
padding: 2px;
padding-left: 3px;
display: block;
border-left: 20px solid #FFFF66;
font: 30px "French Script MT", "Book Antiqua";
font-weight: bold;
text-decoration: none;
text-align: left;
margin-top: 1px;
}

.buttons a:hover 
{
border-left: 20px solid #CC3300;
width: 200px;
text-decoration: none;
color: #FFFF66;
}

.corps
{
   margin-left: 300x
   margin-bottom: 20px;
   margin-right: none;
   padding: 5px;
}


h1
{ 
   text-align: center;
   font-style: bold; 
}

h2
{
   font-style: bold;
   color: #003300;
}

h3
{
   font-style: italic;
   color : #FFFF66;
}

.blocknote
{
   text-align: justify;
}

.signature
{
   text-align: right;
   font-style: italic;
   font-size: 80%;
}

.souligne
{
   text-decoration: underline;
   color: red;
}

a img{
border:none ;
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}

#container
{
	margin-left: 300px;
}

#personnages
{
	margin-right: 300px;
}

#personnages tr
{
	text-align:center;
}
.calendrier {
display:inline;
padding-right:10px ;
border-width:0px ;
text-align: center; 
color: #003300; /* Couleur du texte dans les cases du calendrier */
border-spacing: 1px; 
font-size: 1.0em; 
margin: auto ;
float: left;
z-index: 100;
}

.calendrier td, .calendrier tr{
padding: 0;
}

/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs 
sont utilisés pour le titre de l'évènement */
.calendrier .celluleevenement, .calendrier .evenement h6{
background-color: #CAF745 ;
color:red ;
}

.calendrier .evenement h6{
font-size:0.9em ;
margin:0;
padding:0;
}

.calendrier .evenement{
font-weight:normal ;
border: 1px solid #006600; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
background-color: #F4F9FD; /* Couleur de fond du cadre qui contient l'évènement */
color: #000000 ; /* Couleur du texte dans le cadre qui contient l'évènement */
z-index: 10; 
padding: 2px;
margin-top:1px;
width: 150px;
position: absolute; 
visibility: hidden; 

}

.calendrier td {
border: none; 
background-color: #45A31B; /* Couleur de fond des cases du calendrier */
width:25px ;
}

.calendrier td:hover {
background-color:#73BF29 ;  /* Couleur de fond des cases lors du survol de la souris */
}

.calendrier .today{
font-weight:bold ;
border: 2px solid #003300; /* Largeur, type et couleur du bord de la case du calendrier qui correspond à aujourd'hui */
}