body
{
   background-image: url("img/bg.jpg");
   background-repeat: repeat; 
   color:#58585A;			/* #463F32 // faire part : 88 88 90*/
   font-family: "Monotype Corsiva"; /* Comic Sans MS */
}
table
{
   background-color:#F09FC0; 	/* #FF69B4 RGB : #D40060 192, 0, 96 // faire part :  240 159 192  */
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin: auto; /* Centre le tableau */
   border: 0px solid black; 
}
td.titre
{
   vertical-align: bottom;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
td.hotels
{
   text-align: left;
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
td.carte
{
   vertical-align: top;
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
td
{
    text-align: center; /* Tous les textes des cellules seront centrés*/
}
p
{
   font-size: 20px; 
   text-align: justify;
}
.top
{
   font-size: 50px; 
   color:#F09FC0;
   text-align: center;
}
.titre
{
   font-size: 14px;
   font-family: "Comic Sans MS"; 
   text-align: center;
   font-variant: small-caps;
}
.centre
{
   font-size: 20px; 
   text-align: center;
}
.livreor
{
   font-size: 17px; 
   text-align: justify;
}
.descriptif
{
   font-size: 17px; 
   text-align: justify;
}
.signature
{
   text-align: right; /* Pour aligner ŕ droite ma signature */
   font-size: 20px; 
}
.alerte
{
   text-align: justify;
   font-size: 15px; 
}
.pied
{
   text-align: center; 
   vertical-align: down;
   font-size: 12px; 
}
.and  /* pour le & du titre */
{
   font-family: "Times"; 
   font-size: 40px; 
}
a
{
   color:#58585A;  	/* #463F32 */
   text-decoration:none;  
}
a:hover  
{
   color:#58585A;  	/* #463F32 */
   text-decoration:none;
}
a:visited 
{
   color:#58585A;  	/* #463F32 */
   text-decoration:none;
}

ul{
	margin:0;
	padding:0;
}
.diaporama{
	position : relative; /* position:relative; */
	top:10%; left:-35%;
	width : 70%; /* width:512px; */
	/* height:288px; */
}

.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
}

.diaporama_controls{
	width : 70%;  /* width:512px; */
	margin:3px 0;
	padding:5px;
	clear:both;
	overflow:hidden;
}

.diaporama_controls .btns{
	float:right;
}

.diaporama_controls a{
	font-weight:normal;
	width:10px;
	height:13px;
	text-indent:-9999px;
	display:inline-block;
	margin:0 3px;
}

.diaporama_controls .prev{
	background:url(img/fleches_diapo.png) no-repeat top right;
}

.diaporama_controls .next{
	background:url(img/fleches_diapo.png) no-repeat top left;
}

.diaporama_controls .pause{
	background:url(img/fleches_diapo.png) no-repeat bottom right;
}

.diaporama_controls .play{
	background:url(img/fleches_diapo.png) no-repeat bottom left;
}