@charset "utf-8";
/* CSS Document */

#conteneur {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 731px;
     height: 610px;
     margin-top: -305px; 
     margin-left: -365px;
	 text-align:left; 
    
     }

html, body {
	margin: 0px;
	font-family: Sans Serif;
	font-size: 10px;
	text-align: left;
	font-weight: ;
	background-color:#000000;
	background-image: url();
	background-position: top center;	
	background-repeat: no-repeat;
	}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#contour {
	position : absolute;
	margin-left: auto;
	margin-right: auto;
	width: 733px;
	height:610px;
	text-align: left;
	background-image:none;
	
	}

#design1 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 731px;
	height:156px;
	background-image:url(../deco/1.jpg);
	background-color:#f0eae1;
	text-align: left;
	left: 0px;
	top: 0px;
	background-repeat:no-repeat;

}

#design2 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 121px;
	height:356px;
	background-image:url(../deco/2a.jpg);
	text-align: left;
	left: 0px;
	top: 156px;
	background-repeat:no-repeat;

}

#design3 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 133px;
	height:66px;
	background-image:url(../deco/3.jpg);
	text-align: left;
	left: 121px;
	top: 156px;
	background-repeat:no-repeat;

}

#design4 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 320px;
	height:424px;
	background-image:url(../deco/4.jpg);
	text-align: left;
	left: 254px;
	top: 156px;
	background-repeat:no-repeat;

}

#design5 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 157px;
	height:278px;
	background-image:url(../deco/5.jpg);
	text-align: left;
	left: 574px;
	top: 156px;
	background-repeat:no-repeat;

}

#design6 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 133px;
	height:40px;
	text-align: left;
	left: 121px;
	top: 219px;
	background-repeat:no-repeat;

}

		

#design7 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 133px;
	height:36px;
	text-align: left;
	left: 121px;
	top: 259px;
	background-repeat:no-repeat;

}

#design8 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 133px;
	height:30px;
	text-align: left;
	left: 121px;
	top: 295px;
	background-repeat:no-repeat;

}

#design9 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 133px;
	height:31px;
	text-align: left;
	left: 121px;
	top: 325px;
	background-repeat:no-repeat;

}

#design10 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 133px;
	height:36px;
	text-align: left;
	left: 121px;
	top: 355px;
	background-repeat:no-repeat;

}

#design11 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 133px;
	height:38px;
	text-align: left;
	left: 121px;
	top: 391px;
	background-repeat:no-repeat;

}

#design12 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 133px;
	height:26px;
	text-align: left;
	left: 121px;
	top: 429px;
	background-repeat:no-repeat;

}

#design13 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 157px;
	height:176px;
	background-image:url(../deco/13.jpg);
	text-align: left;
	left: 574px;
	top: 433px;
	background-repeat:no-repeat;

}

#design14 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 133px;
	height:56px;
	text-align: left;
	left: 121px;
	top: 455px;
	background-repeat:no-repeat;

}

#design15 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 254px;
	height:98px;
	background-image:url(../deco/15.jpg);
	text-align: left;
	left: 0px;
	top: 511px;
	background-repeat:no-repeat;

}

#design16 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 320px;
	height:30px;
	background-image:url(../deco/16.jpg);
	text-align: left;
	left: 254px;
	top: 579px;
	background-repeat:no-repeat;

}

#news1 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	left: 0px;
	top: 0px;
	background-repeat:no-repeat;

}

#news2 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	height:12px;
	text-align: left;
	font:"Courier New", Courier, monospace;
	font-style:italic;
	font-size:8px;
	left: 7px;
	top: 94px;
	color:#990000;
	background-repeat:no-repeat;

}

#news3 {
	position: absolute;
	margin-left: auto;
	letter-spacing:2px;
	margin-right: auto;
	font-size:12px;
	font-weight:bold;
	color:#990000;
	width: 150px;
	height:14px;
	font:"Courier New", Courier, monospace;
	text-align: left;
	left: 6px;
	top: 79px;
	background-repeat:no-repeat;

}

#news4 {
	position: absolute;
	font:"Courier New", Courier, monospace;
	font-size:11px;
	margin-left: auto;
	margin-right: auto;
	width: 145px;
	height:129px;
	text-align: left;
	left: 10px;
	top: 124px;
	background-repeat:no-repeat;
	border-left-style:solid;
	border-left-width:thin;
	padding: 2px;

}

#block_newsletter {
	position: absolute;
	left: 80%;
	top: 64%;
	background-repeat:no-repeat;

	
}

#vignettes {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 86px;
	height:86px;
	text-align: left;
	left: 32px;
	top: 46px;
	background-repeat:no-repeat;
	
}

#contenu {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	height:313px;
	text-align: left;
	left: 7px;
	top: 99px;
	background-repeat:no-repeat;
	
}

#art_titre {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 155px;
	height:16px;
	text-align: left;
	left: 71px;
	top: 50px;
	background-repeat:no-repeat;
	
}

ul#menu1
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu1 li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu1 li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 133px ;
	line-height: 80px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(bg_menu.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 1px solid #dbd ;
}

ul#menu li a:hover
{
	background: url(../deco/6c.jpg) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 1px solid #f97 ;
}

#hotel {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 90px;
	height:20px;
	text-align: left;
	left: 120px;
	top: -79px;
	background-repeat:no-repeat;
	color:#000000;
	border-right-style:solid;
	border-right-width:thin;
	
}

#livre {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	width: 95px;
	height:20px;
	text-align: left;
	left: 215px;
	top: -79px;
	background-repeat:no-repeat;
	color:#000000;
	
}