body
{
	width: 1000px;
   height: 800px;
   margin: auto;
   margin-top: 10px;
}

section
{
   width: 790px;
   height: 600px;
   
   border: 1px solid #0000ff;
   border-radius: 10px;
}

nav, section
{
   display: inline-block;
   vertical-align: top;   
}

section h1
{
   width: 790px;
   margin-top: 5px;
   
   font-family: 'Comic Sans MS';
   text-align: center;
   font-size: 1.3em;
}

section h1 p
{
   margin-top: 0px;
   margin-bottom: 0px;
}

section h1 strong
{
   font-size: 1.5em;
	color: blue;   
}

.calendrier
{
   height: 150px;
}

.mois
{
   margin-left: 70px;
   font-family: 'Comic Sans MS';
   font-size: 1em;
   color: blue;
}

/* Affichage du saxo et de la trompette */

saxo, trompette
{
   display: inline-block;
   vertical-align: top;
}

.saxo
{
   margin-left: 80px;
}
 
.trompette
{
   margin-left: 80px;
}
 
/* Affichache mensuel mois par mois */
 
section table
{
   margin: auto;
   border-collapse: collapse;
   
}
 
section td ,th
{   
   border: 1px solid #000000;
   font-family: 'Comic Sans MS';
   padding-left: 10px;
   padding-right: 10px;
	font-size: 1.1em;    
}

 
section h2
{
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 50px;   
   font-family: 'Comic Sans MS';
	color: #000000;
	font-size: 1.1em;
   text-align: left;
}

section h3
{
   margin-left: 50px;   
   font-family: 'Comic Sans MS';
	color: #000000;
	font-size: 1.1em;
   text-align: left;
}

section h4
{
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 50px;   
   font-family: 'Comic Sans MS';
	color: #000000;
	font-size: .9em;
   text-align: left;
}

section h2 p
{
   margin-top: 0px;
   margin-bottom: 0px;
   color: blue;
}

section h3 p
{
   margin-top: 0px;
   margin-bottom: 0px;
   color: blue;
}

section h4 p
{
   margin-top: 0px;
   margin-bottom: 0px;
   color: blue;
}

.calendrier_mois
{
   height: 40px;
}

.ligne1, .ligne2
{
   display: inline-block;
   vertical-align: top;
   margin-top: 0px;
   margin-bottom: 0px;
}

.mois_en_cours
{
   margin-left: 70px;
   font-family: 'Comic Sans MS';
   font-size: 1em;
   color: red;
}

.prochain
 {    
   color: red;  
 }
 
.fini
 {
   background-color: black;
   color: white;
   opacity: 0.2;
 }
 
.futur
 {
   color: blue;
 }