/*	-----
	Code CSS ©2008 Olivier GIROUX
	pour CHAMPdePUB® [http://www.champdepub.com]
	tous droits réservés
	-----	*/
	
/*	-----
		Définitions de base :
	-----	*/
/*	-	Mise à 0 des marges par défaut	*/
* { margin: 0px; padding: 0px; }
/*	-	Balises	*/
body {
	font: 0.8125em Verdana, sans-serif;
	line-height: 1em;
}

.lang-ja #contenu p, .lang-ja #contenu h2, .lang-ja #contenu h3, .lang-ja #contenu li, .lang-ja #entete li { text-align: right; }

ul li {
	list-style: url(none) none;
}
/*	-----	*/

/*	-----
		Taille et position de la page :
	-----	*/
#top h1, #page 
{	width: 620px;}

/*	-----	*/

/*	-----
		Images & backgrounds :
	-----	*/
body { background: #333 url(fond-body.jpg) repeat-x left top; }
#top h1 a { background: url(haut-page.jpg) no-repeat left top; }
#page { background: #333 url(fond-page.jpg) repeat-y left top; }
#top-lang .lang-fr { background: #262626  url(flag-fr.png) no-repeat left top; }
#top-lang .lang-en { background: #262626 url(flag-en.png) no-repeat left top; }
#top-lang .lang-es { background: #262626 url(flag-es.png) no-repeat left top; }
#top-lang .lang-ja { background: #262626 url(flag-jp.png) no-repeat left top; }
#entete { background: #FFF url(fond-fronton.jpg) no-repeat center top; }
/*	-----	*/

/*	-----
		EnTete de page :
	-----	*/
#top h1 {
	position: absolute;
	left: 50%;
	top: 36px;
	z-index: 100;
	margin-left: -310px;
}
#top h1 a {
	display: block;
	width: 100%;
	height: 60px;
}

#page {
	position: absolute;
	left: 50%;
	top: 96px;
	margin-left: -310px;
	overflow: auto;
}
/*	-----	*/

/*	-----
		Top-lang :
	-----	*/
#top-lang {
	position: absolute;
	z-index: 200;
	top: 5px;
	width: 50px;
	left: 50%;
	text-align: right;
	margin-left: 250px;
}
#top-lang li {
	display: block;
	height: 23px;
	width: 25px;
	float: left;
}
#top-lang a {
	display: block;
	height: 23px;
	width: 23px;
	margin-left: 2px;
	float: left;
}
/*	-----	*/

/*	-----
		Entete :
	-----	*/
#entete { width: 100%; }
#fronton {
	padding: 0px 10px;
}

#entete ul {
 
	width: 200px;
	position: absolute;
	top: 40px;
	right: 20px;
	z-index: 100;
}

#entete li { border-bottom: 1px dotted #FFF; margin: 0 20px 0 0; padding: 5px 0; font: italic normal 1.5em Georgia, "Times New Roman", Times, serif;	color: #300;}

{ font-family: serif; }

#entete li.last { border-bottom: none; } 

#entete li a { width: 100%; display: block; font-weight: bold;  }
#entete li a:link, #entete li a:visited {
	color: #300;
	
	text-decoration: none;

}
#entete li a:hover, #entete li a:focus, #entete li a:active { background-color: #FFF; color: #000; }
/*	-----	*/

/*	-----
		Contenu :
	-----	*/
#contenu {
	margin: 0;
	line-height: 1.5em;
	padding: 10px 20px 0 20px;
}
#contenu h2 {
	font: italic normal 1.5em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
	border-bottom: 3px double #666666;
	color: #663300;
	clear: right; 
}

#contenu h3 {
	font: italic bold normal 1em/1em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	background: #663300;
	margin: 5px 0 0 0;
}
#contenu div.liste { float: left; padding: 0 0 0 20px; width: 350px; clear: right;   }
#contenu p {
	width: 395px;
	text-align: justify;
	float: left; 
	padding: 0 0 1.5em 0;
	color: #333;
}
#contenu a { color: #000; }
#contenu a:link, #contenu a:visited { color: #000; text-decoration: none; }
#contenu a:hover { color: #000; text-decoration: underline; }

#contenu ul, #contenu ol {
	font: 11px/1.5em Arial, Helvetica, sans-serif;
	color: #663300;
	padding: 0 0 10px 0;
}
#contenu li {
	border-bottom: 1px solid #94714D;
	padding-left: 10px;
}

#contenu ol li {
	padding-left: 0;
	margin-left: 15px; 
	border-bottom: 1px dotted #94714D;
}
/*	-----	*/

/*	-----
		Pied de page :
	-----	*/
#pied {
	margin: 0 20px;
	clear: both;
	padding: 10px 0 0 0;
	}
#pied ul { text-align: center;	border-top: 3px double #666; padding: 10px 5px 20px 5px; margin: 10px 0 0 0; }
#pied li {
	display: inline;
	font-size: 9px;
	text-align: center;
	letter-spacing: 1px;
	word-spacing: 2px;
	line-height: 1em;
	color: #997766; 
}
#pied a {	color: #997766; }
/*	-----	*/

/*	-----
		Mentions légales :
	-----	*/
#legals p {
	font: 9px Arial, Helvetica, sans-serif;
	text-align: center;
	word-spacing: 2px;
	letter-spacing: 1px; 
	vertical-align: bottom;
	color: #666;
}
#legals {
	background: #333333 url(bas-page.jpg) no-repeat left top;
	padding: 20px 0;
	width: 620px;
}
#legals a {
	text-decoration: none; padding: 1px 2px; }
#legals a:link, #legals a:visited {
	 border-bottom: #666 dotted 1px; color: #666;  }
#legals a:hover {
	border-bottom: none; background-color: #666; color: #333;  }
/*	-----	*/

/*	-----
		Classes communes :
	-----	*/
/*	-	Paragraphes */
p.intro { padding: 5px;text-align: right;}
p.first:first-letter {
	float:left;
	font:bold 44px/34px verdana, sans-serif; 
    color:#900;
} 
/*	-	Divs */
.image {
	width: 185px;
	float: left;
	clear: left;
}
/*	-----	*/

/*	-----
		Variations par page :
	-----	*/
/*	-	Page d'accueil (taille et couleurs difs.) */
#page-accueil #entete ul { width: 150px; }
#page-accueil #entete li, #page-accueil #entete li a:link, #page-accueil #entete li a:visited { color: #FFF; }
#page-accueil #entete li  a:hover { color: #000; }
{ color: #000; background-color: #FFF;}
/*	-	Page acces (décalage minimap)  */
#page-acces #entete ul { top: 70px; }
/*	-	Navigation de chaque page */
#page-hotel #entete li.hotel a,
#page-chambre #entete li.chambre a,
#page-petit-dejeuner #entete li.petit-dejeuner a,
#page-acces #entete li.acces a,
#page-heure #entete li.heures a,
#page-tarifs #entete li.tarifs a
{ color: #000; background-color: #FFF;}
/*	-----	*/

/*	-----
		Finition :
	-----	*/
/*	-	Disparitions */
h1 span, #top-lang span { display: none; }
/*	-	Clearers */#contact-bas {
	text-align: center;
	font: 11px Arial, Helvetica, sans-serif;
	color: #663300;
	margin: 0px;
	padding: 5px 0px;
	border-bottom: 3px double #333333;
	border-top: 3px double #333333;
}