/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 17px 0 0 0; /* il est conseill� de mettre � z�ro la marge et le remplissage de l'�l�ment body, pour tenir compte des diff�rentes valeurs par d�faut des navigateurs */
	padding: 0;
	text-align: center; /* ce param�trage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite align� � gauche (valeur par d�faut) dans le s�lecteur #container */
	color: #000000;
	background-image: url(../images/Fond_Gris3000.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

td {
    color:#666666;
	}
.oneColFixCtrHdr #container {
    
	width: 955px;  /* param�trage de la largeur � 20 pixels de moins que le plein �cran (800 pixels) pour tenir compte de l'habillage du navigateur et �viter l'apparition d'un ascenseur horizontal */
	background: #FFFFFF;
	margin: 0 auto; /* les marges automatiques (et dot�es d'une largeur positive) centrent la page */
	
	text-align: left; /* ce param�trage annule le param�tre text-align: center de l'�l�ment body. */
}
.oneColFixCtrHdr #header {
    display:block;
	position:absolute;
	width:955px;
	height:160px;
	padding: 0 10px 0 20px;  /* ce remplissage correspond � l'alignement � gauche des �l�ments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est ins�r�e dans l'�l�ment #header, il est conseill� de supprimer le remplissage. */
	background-image: url(../images/Bandeau.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* la mise � z�ro de la marge du dernier �l�ment du div #header permet d'�viter une disparition de la marge (espace inexplicable entre les �l�ments div). Si l'�l�ment div est entour� d'une bordure, cette pr�caution n'est pas n�cessaire, car la bordure �vite �galement la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'�loigner l'�l�ment des bords de l'�l�ment div */
}
.oneColFixCtrHdr #mainContent {
	display:block;
	position:absolute;
	width:955px;
	top:150px;
	padding: 0; /* ne pas oublier que le remplissage est l'espace � l'int�rieur du cadre de l'�l�ment div, alors que la marge est l'espace � l'ext�rieur de celui-ci */
	background: #FFFFFF;
	
	
}


.main_ #footer {
	padding: 0; /* ce remplissage correspond � l'alignement � gauche des �l�ments des div qui apparaissent au-dessus. */
	background:#FFFFFF;
}
.main_ #footer a {
	display:inline;
    padding: 0px 7px 0px 7px;
	border:none;
	text-decoration:none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
 }
.main_ #footer a:hover {
	display:inline;
	padding: 0px 7px 0px 7px;
	border:none;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	}
.main_ #footer p{
	text-align: center;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0px;
	font-variant: normal;
	background-color: #EBE7E4;
 }
.main_ #footer p a{
	color: #B59A3E;
	font-weight: bold;
	text-decoration:none;
 }
.main_ #footer p a:hover{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	background-color: #999999;
 }
#languages  {
	position:absolute;
	top: 10px;
	left: 355px;
	padding:0;
	margin:0;
	}
#languages a img{
   display:inline;
   border: none;
   padding-left:15px;
   }
#adresse {
	display:block;
	position:absolute;
	top:-15px;
	left:0;
	width:955px;
	padding:0;
	margin:0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	}
#adresse a{
	color:#666666;
	text-decoration:none;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#adresse a:hover{
	color:#B59A3E;
	text-decoration:none;
	font-weight: bold;
	background-color: #333333;
	}
.media {
	display:block;
	position:absolute;
	width:955px;
	top:160px;
	padding: 0;
	background-color: #FFFFFF;
	height: 279px;
	}
.promo {
	display:block;
	position:absolute;
	left: 595px;
	width: 309px;
	padding: 15px;
	margin-top:-13px;
	background-color: #66CC33;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;	
	}
.promo a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	text-align: center;
	padding: 0 10px 0 10px;
	background-image: url(../images/Bouton-Reservation.gif);
	letter-spacing: 3px;
	background-repeat: no-repeat;
	text-decoration:none;
   } 
 .promo a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	padding: 0 10px 0 10px;
	background-image: url(../images/Bouton-Reservation.gif);
	text-decoration:none;
   }
.promo-FB {
	display:block;
	position:absolute;
	left: 579px;
	width: 324px;
	padding: 15px;
	margin-top:-13px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #DBDBDB;
	border: 1px outset #333333;
	background-image: url(../images/Fond-Paris-C.jpg);
	background-repeat: no-repeat;
	background-position: 0px 70px;
	height: 285px;
	background-color: #0E0A09;
	}
.promo-FB a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	text-align: left;
	padding: 0 10px 0 10px;
	background-image: url(../images/Bouton-Reservation-FB.gif);
	letter-spacing: 3px;
	background-repeat: no-repeat;
	text-decoration:none;
	
   } 
.promo-FB a:visited {
    color:#333333;
	}	
.promo-FB a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: left;
	padding: 0 10px 0 10px;
	background-image: url(../images/Bouton-Reservation-FB.gif);
	text-decoration:none;
   }
.promo-FB {
	display:block;
		}
.promo-rappel a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000099;
	text-align: left;
	padding: 0 10px 0 10px;
	background-image: none;
	letter-spacing: 3px;
	background-repeat: no-repeat;
	text-decoration:none;
	
   } 
.promo-rappel a:visited {
	color:#000099;
	font-size: 14px;
	}	
.promo-rappel a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFF00;
	text-align: left;
	padding: 0 10px 0 10px;
	background-image: none;
	text-decoration:none;
   }

.main_A {
    margin-top:-20px;
	}	
	
.main_A a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF3;
	text-align: left;
	padding: 0 10px 0 10px;
	background-image: url(../images/Bouton-Reservation-FB.gif);
	letter-spacing: 3px;
	background-repeat: no-repeat;
	text-decoration:none;
	
   } 
.main_A a:visited {
    color:#FFFFFF;
	}
 .main_A a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	text-align: left;
	padding: 0 10px 0 10px;
	background-image: url(../images/Bouton-Reservation-FB.gif);
	text-decoration:none;
   }
.promo_DE {
	display:block;
	position:absolute;
	left: 595px;
	width: 309px;
	padding: 15px;
	margin-top:-13px;
	background-color: #B5C0DD;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;	
	}
.promo_DE a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	text-align: center;
	padding: 0 10px 0 10px;
	background-image: url(../images/Bouton-Reservation_DE.gif);
	letter-spacing: 3px;
	background-repeat: no-repeat;
	text-decoration:none;
   } 
 .promo_DE a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	padding: 0 10px 0 10px;
	background-image: url(../images/Bouton-Reservation_DE.gif);
	text-decoration:none;
   } 
 
.barre {
	text-decoration: line-through;
	color: #FF0000;
	font-size: 16px;
	font-weight: lighter;
}
.photoright {
	display:block;
	position: absolute;
	margin-top:-15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	height: 320px;
	width: 540px;
	left: 20px;
}
.media{
   top:120px;
   width:895px;
   padding: 5px 30px;
   height: 305px;
   }
.main_{
	position:relative;
	top:350px;
	width:895px;
	padding: 5px 30px;
	background-color:#FFFFFF;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
   }
li {
	list-style-type: square;
}
.box {
    
    margin-top:-80px;
    padding-right:0;
	float:right;
	} 
.titrepage {
	position:absolute;
	top:30px;
	left:0;
	width:955px;
	padding:0;
	margin-left:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	text-align: center;
	color: #AC8304;
	font-variant: small-caps;
	font-weight: bold;
   }
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #8D8D8D;
	text-align: center;
	padding-top:60px;
	margin:0;
	font-variant: small-caps;
	vertical-align: middle;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: lighter;
	color: #371F1C;
	text-align: left;
	margin:0;


	}
.main {
	display:block;
	position:absolute;
	top:160px;
	left:0;
	margin:0;
	padding:0;
	width:955px;
	height:auto;
	background-color: #FFFFFF;	
	}
.titrepagePROMO {
	position:absolute;
	top:37px;
	left:0;
	width:955px;
	padding:0;
	margin-left:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: 2px;
	text-align: center;
	color: #371F1C;
	font-variant: small-caps;
	font-weight: normal;
	vertical-align: top;
   }
.OffresSpeciales {
	position:absolute;
	z-index:100;
	left:810px;
	top:17px;
        width:125px;
	height:75px;
	background-image: url(../images/Offres%20speciales.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top:20px;
        text-align: center;
	}

.OffresSpeciales a{
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #330000;
	line-height: 25px;
	text-align: center;
	padding-top:15px;
}
.OffresSpeciales a:visited{
	color: #330000;
}
.OffresSpeciales a:hover{
	color: #FFFFFF;
}
.OffresSpecialesWE {
	position:absolute;
	z-index:1;
	top:17px;
	left:20px;
	width:125px;
	height:75px;
	background-image: url(../images/Offres%20speciales.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top:20px;
        text-align: center;	
	}

.OffresSpecialesWE a{
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #623F39;
	line-height: 25px;
	text-align: center;
	padding-top:15px;
}
.OffresSpecialesWE a:visited{
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #623F39;
	line-height: 25px;
	text-align: center;
	padding-top:15px;
}
.OffresSpecialesWE a:hover{
	color: #FFFFFF;
}
table {
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#999999;
   margin-top:15px;
   margin-left:25px;
   }
table ul li {
   margin: 0;
   padding-top:0;
   
   }
a {color:#999999;
   text-decoration:none;}

a:visited {color:#8D8D8D;}   
a:hover {color:#8D8D8D;}

.prix-promo {
	font-size: 20px;
}
.indice{
	vertical-align: superexposant;
}
.plan1 {
   position:absolute;
   display:block;
   width:955px;
   top:115px;
   left:0;
   background-color:#FFFFFF;
   height:1100px;
   }
.plandesite {
	position:absolute;
	display:block;
	width:200px;
	padding-top:30px;
	left:70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
   }
.plandesite img {
   margin-left:-30px;
   padding-right:5px;
   }
.site_map {
	position:absolute;
	display:block;
	width:200px;
	padding-top:30px;
	left:310px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
   }
.site_map img {
   margin-left:-30px;
   padding-right:5px;
   }
   
 .Sitemap {
	position:absolute;
	display:block;
	width:200px;
	padding-top:30px;
	left:530px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
   }
.Sitemap img {
   margin-left:-30px;
   padding-right:5px;
   }
   
.Mappa {
	position:absolute;
	display:block;
	width:200px;
	padding-top:30px;
	left:770px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
   }
.Mappa img {
   margin-left:-30px;
   padding-right:5px;
   }