body
{
background: #919191;
   width: 300px;
   margin: auto;
   padding: O;
   margin-top: 5px;
   margin-bottom: 10px;   
   text-align : center;
}

.diaporama1 li{
	float:left;
	display:block;
	width:256px;
	height:500px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama1{
	float:left;
    position:relative;
    width:256px; /* Largeur d'une photo */
    height:500px /* Hauteur d'une photo */
}
 

.diaporama2 li{
	float:left;
	display:block;
	width:275px;
	height:500px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama2{
	float:left;
    position:relative;
    width:275px; /* Largeur d'une photo */
    height:500px /* Hauteur d'une photo */
}
 

.diaporama3 li{
	float:left;
	display:block;
	width:251px;
	height:500px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama3{
	float:left;
    position:relative;
    width:251px; /* Largeur d'une photo */
    height:500px /* Hauteur d'une photo */
}

.diaporama4 li{
	float:left;
	display:block;
	width:283px;
	height:500px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama4 {
	float:left;
    position:relative;
    width:283px; /* Largeur d'une photo */
    height:500px /* Hauteur d'une photo */
}
.diaporama5 li{
	float:left;
	display:block;
	width:332px;
	height:500px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama5 {
	float:left;
    position:relative;
    width:332px; /* Largeur d'une photo */
    height:500px /* Hauteur d'une photo */
}

.diaporama6 li{
	float:left;
	display:block;
	width:375px;
	height:500px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama6 {
	float:left;
    position:relative;
    width:375px; /* Largeur d'une photo */
    height:500px /* Hauteur d'une photo */
}

.diaporama7 li{
	float:left;
	display:block;
	width:228px;
	height:600px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama7 {
	float:left;
    position:relative;
    width:228px; /* Largeur d'une photo */
    height:600px /* Hauteur d'une photo */
}

.diaporama8 li{
	float:left;
	display:block;
	width:850px;
	height:478px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama8 {
	float:left;
    position:relative;
    width:850px; /* Largeur d'une photo */
    height:478px /* Hauteur d'une photo */
}

.diaporama9 li{
	float:left;
	display:block;
	width:524px;
	height:700px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama9 {
	float:left;
    position:relative;
    width:524px; /* Largeur d'une photo */
    height:700px /* Hauteur d'une photo */
}
.diaporama10 li{
	float:left;
	display:block;
	width:394px;
	height:700px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama10 {
	float:left;
    position:relative;
    width:394px; /* Largeur d'une photo */
    height:700px /* Hauteur d'une photo */
}
.diaporama11 li{
	float:left;
	display:block;
	width:756px;
	height:567px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama11 {
	float:left;
    position:relative;
    width:756px; /* Largeur d'une photo */
    height:567px /* Hauteur d'une photo */
}
.diaporama12 li{
	float:left;
	display:block;
	width:654px;
	height:567px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama12 {
	float:left;
    position:relative;
    width:654px; /* Largeur d'une photo */
    height:567px /* Hauteur d'une photo */
}

.diaporama13 li{
	float:left;
	display:block;
	width:853px;
	height:567px;
	list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
	}
	
.diaporama13 {
	float:left;
    position:relative;
    width:853px; /* Largeur d'une photo */
    height:567px /* Hauteur d'une photo */
}

h3
{
font-family: Times;
font-size: 20px;
}

.menu {
font-family: Times;
color: white;
font-size: 16px;
 border-collapse: separate; /* Les bordures du tableau seront collées (plus joli) */
 border-spacing : 2px;
 position : relative;
 top : 0px;
 width : 820px;
 margin : auto;
}
table
{
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
.menutd /* Les cellules normales */
{
   border: 1px solid #6C6B6C;
   font-family : "Garamont","Times New Roman";
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   text-decoration : none;
}

#en_tete
{
   height: 100px;
   margin-top: 20px;
   margin-bottom: 10px;
}
p
{
font-family: Times;
font-size: 16px;
   text-align: justify; 
   text-indent: 10px;
}
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #3F3F3F;
}
p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
   color: #3F3F3F; /* En noir */
}

#corps
{
position: relative;
top: 10px;
width: 820px;
font-family: Times;
color: white;
font-size: 16px;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: Opx; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   }
td
{
padding: 10px;
vertical-align: top;
text-align : center;
}
.ligne{
border-top :1px solid #6C6B6C;
}

.titretab{
font-size : 40px;
}
.hautdepage{
text-align : right;
}
.lienimage{
border : 0px;
}

.imageflottante
{
   float: left;
   margin-right: 10px;
}
#phrase{
font-family : Mistral;
font-size : 30px;
text-align : center;
}