body
{
padding-left:10%;
padding-right:10%;
margin-left:10%;
margin-right:10%;
font-family:times new roman;
}

table#calendrier 
{
margin:auto;
width:90%;
font-size:13pt;
text-align:center;
vertical-align:middle;
height:60%;
padding:0.8em;
}
table#calendrier td
{
border:solid thin black;
}

table#calendrier td.jour
{
border:none;
background:#eeeeff;
}

table#moist
{
margin:auto;
width:80%;
font-size:16pt;
text-align:center;
vertical-align:middle;
padding:0.8em;
}
td.mois
{
text-align:center;
width:5em;
}
A:link {color:#7788bb; text-decoration: none}
A:visited {color:#556699; text-decoration: none}
A:active {color:#335577; text-decoration: none}
A:hover {color:#556699; text-decoration: underline;}
A.menu:link {color:white; text-decoration: none}
A.menu:visited {color:white; text-decoration: none}
A.menu:active {color:#999999; text-decoration: none}
A.menu:hover {color:white; text-decoration: underline;}


table.menu
{

width:69%;
background:#556699;
margin:auto;
font-size:20pt;
text-align:center;
}
table.credit
{
margin:auto;
font-size:14pt;
text-align:center;
}
td.menu
{
padding:1em;
}

p,div {font-size:12pt;}

.titre
{
font-size:16pt;
font-weight:bold;
}

#legende
{
border: 1px solid black;
position:fixed;
top:20%;
right:10%;
background-color:white;
padding:0.5em;
margin-right:10%;
text-align:center;
display:block;
}

div.ar
{
Border:Thin Solid Red;
Font-Weight:bold;
Text-Align:Center;
Padding:1ex;
Margin: 1cm 25% 1cm 25%;
}

div.av
{
Border:Thin Solid Green;
Font-Weight:bold;
Text-Align:Center;
Padding:1ex;
Margin: 1cm 25% 1cm 25%;
}

div.ombre
{
position:fixed;
background-color:rgb(100,100,100);
background-color:rgba(0,0,0,0.5);
width:100%;
height:100%;
top:0;
left:0;
text-align:center;
vertical-align:middle;
display:block;
z-index:200;
}

div.popup
{
cursor:pointer;
border: 3px solid black;
position:fixed;
background-color:rgb(245,245,255);
background-color:rgba(245,245,255,1);
padding:2em;
height:8em;
width:15em;
margin:auto;
right:0;
left:0;
top:0;
bottom:0;
text-align:center;
display:block;
vertical-align:middle;
font-size:15pt;
font-family:Arial;
}

.points
{
width:1em;
}