/* Feuille de style du site hotel-coligny.fr */

/* Balises XHTML */
body{
	background:#654318;
	color:#fff;
	font-size:14px;
	font-family:trebuchet,trebuchet ms,sans;
	margin:0;
	padding:0;
	text-align:center;
}
a{
	color:#e09305;
}
h1{
	font-size:22px;
}
h2{
	font-size:18px;
}
h3{
	color:#e09305;
}
strong{
	color:#e09305;
}
hr{
	background:#654318;
	color:#654318;
	border:none;
	height:1px;
	font-size:0;
}

/* Conteneur de la page */
#page{
	width:100%;
}

/* Haut */
#haut{
	width:100%;
	height:150px;
}
#haut h1#logo{
	margin:5px;
	padding:0;
}
#haut h1#logo a{
	display:block;
	width:429px;
	height:109px;
	margin:0 auto 0 auto;
	background:url(/images/logo.png) no-repeat;
}
#haut h1#logo a span{
	display:none;
}
#haut p#reservation{
	font-weight:bold;
	font-size:18px;
	margin:5px;
	padding:0;
}

/* Milieu (menu + contenu) */
#milieu{
	width:100%;
	background:#291c05;
}

/* Menu */
#menu{
	/*width:480px;*/
	width:780px;
	height:40px;
	margin:0 auto 0 auto;
	padding:0 0 0 20px;
	list-style:none;
	background:#432f0a;
	display:table;
}
#menu li{
	/*display:block;
	float:left;*/
	display:table-cell;
}
#menu li a{
	display:block;
	line-height:40px;
	width:auto;
	height:40px;
	padding:0 30px 0 30px;	
	/*padding:0 10px 0 10px;*/
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	position:relative;
	z-index:100;
}
#menu li a:hover,
#menu li.selected a{
	color:#fff;
}
#slider{
	position:absolute;
	left:50%;
	z-index:10;
	top:155px;
	width:100px;
	height:40px;
	background-color:#654318;
}

/* Contenu */
#contenu{
	/*width:500px;*/
	width:780px;
	margin:0 auto 0 auto;
	padding:0 0 20px 0;
	text-align:left;
}

/* Bas */
#bas{
	width:100%;
}
#bas *{
	color:#fff;
}
#bas address{
	font-style:normal;
	padding:2px;
	margin:0;
}
#bas p{
	padding:2px 0 5px 0;
	margin:0;
}

/* Diaporamas */
div.diaporama{
	width:500px;
	margin:0 auto 10px;
}
div.diaporama a{
	background-repeat:no-repeat;
	display:block;
	width:51px;
	height:50px;
	cursor:pointer;
	position:absolute;
}
div.diaporama a span{
	display:none;
}
div.diaporama a.precedent{
	margin-left:-70px;
	background-image:url(/images/fleche_gauche.gif);
}
div.diaporama a.precedent:hover{
	background-image:url(/images/fleche_gauche_roll.gif);
}
div.diaporama a.suivant{
	margin-left:520px;
	background-image:url(/images/fleche_droite.gif);
}
div.diaporama a.suivant:hover{
	background-image:url(/images/fleche_droite_roll.gif);
}
div.diaporama ul.photos{
	margin:0;
	padding:0 0 0 0;
	list-style:none;
	position:relative;
	overflow:hidden;
	width:500px;
	height:340px;
}
div.diaporama ul.photos li{
	position:absolute;
	width:500px;
	height:340px;
	background:#432f0a;
	text-align:center;
}
div.diaporama ul.photos li.premier{
	z-index:1000;
}
div.diaporama ul.photos li img{
	border:none;
	display:block;
	width:500px;
	height:307px;
}
div.diaporama ul.photos li p{
	margin-top:307px;
	padding:5px 0 5px 0;
}
div.diaporama ul.photos ul{
	list-style:none;
	margin:0 auto 0 auto;
	padding:0;
	width:240px;
}
div.diaporama ul.photos ul li{
	position:relative;
	width:auto;
	height:auto;
	background:none;
	line-height:20px;
	border-top:1px solid #e09305;
	margin-top:10px;
	padding-top:10px;
}
div.diaporama ul.photos ul li.premier{
	border-top:none;
	z-index:1;
}

div.diaporama ul.photos.panorama{
	height:200px;
}
div.diaporama ul.photos.panorama li{
	height:200px;
}
div.diaporama ul.photos.panorama li p{
	margin-top:170px;
}
div.diaporama ul.photos.panorama li img{
	height:170px;
	border:none;
}
div.diaporama ul.photos li a{
	text-decoration:none;
}

/* Pictogramme accès handicapés */
#acces_handicapes{
	float:right;
	background:#654318 url(/images/acces_handicapes.png) no-repeat;
	width:30px;
	height:30px;
	margin:0;
	padding:0;
}
#acces_handicapes span{
	display:none;
}

/* Tableaux */
table{
	width:100%;
	border-collapse:collapse;
	border:1px solid #654318;
}
table th,table td{
	padding:5px;
	border:1px solid #654318;
}
table th{
	width:80%;
}

/* Colonnes */
.column{
	float:left;
	margin-left:20px;
}
.column.first{
	margin-left:0;
}
.column.half{
	width:357px;
}
.clear{
	clear:both;
}

/* Encadrés */
.block{
	border:1px solid #654318;
	padding:10px;
}
.block h2{
	background:#654318;
	margin:-10px -10px 10px;
	padding:10px;
}


/* Images et légendes */
.image{
	text-align: center;
}
.legende{
	color: #e09305;
	text-align: center;
}