html {
    height: 100%;
}
body {
    height: 100%;
	background-image: url(img/fond.jpg);
	margin: 0px;
	padding: 0px;
	height: 100%;
}
.entete {
	background-image: url(img/entete-fond.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 299px;
	width: 746px;
}
.caleg {
	background-image: url(img/caleg.gif);
	height: 26px;
	width: 16px;
}
.accueil {
	background-image: url(img/accueil-off.gif);
	height: 26px;
	width: 71px;
}
.chambres {
	background-image: url(img/chambres-off.gif);
	height: 26px;
	width: 110px;
}
.tarifs {
	background-image: url(img/tarifs-off.gif);
	height: 26px;
	width: 61px;
}
.liens {
	background-image: url(img/liens-off.gif);
	height: 26px;
	width: 58px;
}
.calem {
	background-image: url(img/calem.gif);
	height: 26px;
	width: 132px;
}
.contact {
	background-image: url(img/contact-off.gif);
	height: 26px;
	width: 167px;
}
.caled {
	background-image: url(img/caled.gif);
	height: 26px;
	width: 17px;
}
.alentours {
	background-image: url(img/alentours-off.gif);
	height: 26px;
	width: 114px;
}
.entete-bas {
	background-image: url(img/entete-bas.gif);
	height: 20px;
	width: 746px;
}
.pied {
	background-image: url(img/fond-pied.gif);
	height: 99px;
	width: 746px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 10px;
	background-color: #8BA852;
	background-repeat: no-repeat;
	background-position: center top;
}
.contenu {
	padding-right: 20px;
	padding-left: 20px;
	background-color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 18px;
	vertical-align: top;
	padding-bottom: 38px;
	height: 100%;
}
.titre-principal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #3496D3;
}
.photod {
	border: 1px solid #000000;
	margin-left: 12px;
	margin-bottom: 12px;
	margin-top: 12px;
	float: right;
}
#ejs_photo_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-align: center;
	background-color:#EEEEF0;
	text-decoration: none;
}
.tablo-diapo2 {
	border: 1px solid #000000;
	margin: 10px 5px 15px 15px;
	background-color: #EEEEF0;
}
.photo {
	border: 1px solid #000000;
	margin: 5px;
}.titre1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #009900;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-bottom-color: #66CC33;
	width: auto;
}
.td1 {
	background-color: #EEEEF7;
}
.td2 {
	background-color: #E3F4CC;
}
.border {
	border: 1px solid #999999;
}
.form-titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	color: #006600;
	height: 30px;
}
.form-sep {
	height: 20px;
}
.form-intitule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	text-align: right;
	padding: 5px;
}
.form-input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F7DE79;
	border: 1px solid #999999;
}
.pikachoose{width:510px;margin:0 auto 50px auto; }
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:510px;height:auto;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

.pikachoose2{width:510px;margin:0 auto 50px auto; }
/* This is the ul you have all your images in */
.pikachoose2 ul{padding-left:0;width:510px;height:auto;margin:0;overflow:hidden;}
.pikachoose2 ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose2 ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:506px;height:325px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background: url(black.png) left;}
.pika_caption {color: #fbe27d;
	font: bold 13px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}


.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #792727;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.ds_subhead {
	background-color: #E2D6AE;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 11px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #000000;
	color: #FFFFFF;
} /* This hover code won't work for IE */

.ds_head:hover {
	background-color: #990000;
} /* This hover code won't work for IE */