body
{
   width: 1024px;
   margin: auto; 
   background-color: black;
}

a img        /* pour toutes les images contenues dans un lien */
{
   border: none;
   display: block;
}

a
{
  color: white;
  text-decoration:none;
  text-align: center;
  font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
  font-size: 110%;
}  

em
{
 color: yellow;
 font-size: 80%;
 }

h2
{
  color: red;
  text-decoration: underline;
  text-align: left;
  font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
}


/* L'en-tête*/

.bannière
{
   position: absolute;
   left:50px;
}

.debut
{
   position: absolute;
   left:10px;
   top: 10px;
}



/* Les menus et les liens */

.calendrier
{
  position: absolute;
  top: 200px;
  left:50px;
  float: left;
  width: 183px;
  height:356px;
  color: white;
  text-align: center;
  text-decoration: none; 
  font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
  font-size: 80%;
  background-image: url("bordure.jpg");
}  

.calendrierb
{
  position: absolute;
  top: 200px;
  left: 790px;
  float: right;
  width: 183px;
  height:356px;
  color: white;
  text-align: center;
  text-decoration: none; 
  font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
  font-size: 80%;
  background-image: url("bordure.jpg");
}  

.info
{
  position: absolute;
  left: 63px;
  top: 565px;
  float: left;
  width: 150px;
  height:70px;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  color: red;  
  font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
  font-size: 80%;
  border: 3px inset red; 
  background-color: black; 
}


.accueil
{
  position: absolute;
  left: 800px;
  top: 720px;
  float: left;
  width: 100px;
  height:70px;
}

.concerts
{
  position: absolute;
  left: 835px;
  top: 560px;
  float: left;
} 
 
.reservation
{
  position: absolute;
  left: 60px;
  top: 670px;
  float: left;
} 
 
 /* Les animations */
 
.coeur
{
  position: absolute;
   left: 750px;
   top: 1025px;
   float: left;
   width: 150px;
}

 
.patrick
{
  position: absolute;
   left: 10px;
   top: 1200px;
   float: left;
   width: 573px;
   height: 240px; 
   text-indent: 50px;    
 }


.panier
{
   position: absolute;
   left: 780px;
   top: 1370px;
   float: left;
   width: 100px;
}

.music
{
  position: absolute;
   left: 10px;
   top: 1760px;
   float: left;
   width: 160px;
}

.mplogo
{
  position: absolute;
   left: 800px;
   top: 1760px;
   float: left;
   width: 160px;
}

 .artifice
{
   position: absolute;
   left: 800px;
   top: 1980px;
   float: left;
   width: 160px;
}

.retour
{
   position: absolute;
   left: 290px;
   top: 2250px;
   float: left;
   width: 820px;
}
 .halo
{
  position: absolute;
   left: 80px;
   top: 2500px;
   float: left;
   width: 160px;
}

 

/* Le corps de la page */

.corps
{
   position:absolute; 
   left: 260px;
   top: 200px;
   float:none;
   width:500px;
   height:200px;
   margin:auto;
   color: white;
   text-indent: 50px;   
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   font-size: 130%;
   background-color: black;
}

.corps2
{
   position:absolute; 
   left: 260px;
   top: 445px;
   float:none;
   width:200px;
   height:140px;
   margin:auto;
   color: white;
   text-indent: 50px;   
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   font-size: 130%;
   background-color: black;
}
.facade
{
   position:absolute; 
   left: 475px;
   top: 440px;
   float: left;
   width:300px;
   height:205px;
   margin:auto;
}

.corps3
{
   position:absolute; 
   left: 260px;
   top: 595px;
   float:none;
   width:500px;
   height:180px;
   margin:auto;
   color: white;
   text-indent: 50px;   
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   font-size: 130%;
   background-color: black;
}

.janvier
{
   position: absolute;
   left: 60px;
   top: 800px;
   float:right;
   width:700px;
   height:200px;
   margin:auto;
   color: white;
   text-align: center;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   font-size: 110%;
}


.valentin
{
   position: absolute;
   left: 60px;
   top: 1000px;
   float:right;
   width:700px;
   height:200px;
   margin:auto;
   color: white;
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   font-size: 110%;
}

.stpatrick
{
   position: absolute;
   left: 420px;
   top: 1142px;
   float:right;
   width:380px;
   height:200px;
   margin:auto;
   color: white;
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   font-size: 110%;
}
   
.paques
{
   position: absolute;
   left: 60px;
   top: 1360px;
   float:right;
   width:700px;
   height:200px;
   margin:auto;
   color: white;
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   font-size: 110%;  
}
   
.mai
{
   position: absolute;
   left: 60px;
   top: 1530px;
   float:right;
   width:700px;
   height:200px;
   margin:auto;
   color: white;
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   font-size: 110%;  
}
   
.juin
{
   position: absolute;
   left: 200px;
   top: 1750px;
   float:right;
   width:550px;
   height:200px;
   margin:auto;
   margin-left: 1px;
   color: white;
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   background-color: black;
   font-size: 110%;
}   
   
.juillet
{
   position: absolute;
   left: 60px;
   top: 1980px;
   float:right;
   width: 700px;
   height:120px;
   margin:auto;
   color: white;
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   background-color: black;
   font-size: 110%;
}
 
 .aout
{
   position: absolute;
   left: 60px;
   top: 2150px;
   float:right;
   width: 700px;
   height:30px;
   margin:auto;
   color: white;
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   background-color: black;
   font-size: 110%;
}
 
 .septembre
{
   position: absolute;
   left: 60px;
   top: 2300px;
   float:right;
   width: 180px;
   height:50px;
   margin:auto;
   color: white;
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   background-color: black;
   font-size: 110%;
}
      
.haloween
{
   position: absolute;
   left: 330px;
   top: 2450px;
   float:right;
   width: 600px;
   height:250px;
   margin:auto;
   color: white;
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   background-color: black;
   font-size: 110%;
}
     
 .novembre
{
   position: absolute;
   left: 60px;
   top: 2720px;
   float:right;
   width:600px;
   height:25px;
   margin:auto;
   color: white;
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   font-size: 110%;
   background-color: black;
}

 .noel
{
   position: absolute;
   left: 60px;
   top: 2850px;
   float:right;
   width:700px;
   height:300px;
   margin:auto;
   color: white;
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   font-size: 110%;
   background-color: black;
}

.pere
{
   position: absolute;
   left: 800px;
   top: 2950px;
   float:right;
   width:100px;
   height:150px;
   margin:auto;
   color: white;
   text-align: justify;
   font-family: "Comic sans Ms",Arial,Verdana,"Trebuchet MS", serif;
   font-size: 110%;
   background-color: black;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   position: absolute;
   left: 20px;
   top: 3150px;
   float:left;
   width:560px;
   height:60px;
   padding: 5px;
   color: white;
   text-align: left;
   font-family: Arial,Verdana,"Trebuchet MS", serif;
   font-size: small;
   font-style: italic;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;   
}