body {background: white; 
      font-family: Tahoma, Verdana, Arial; 
	  font-size: 11px; 										   
	  margin: 0px; 
	  width: auto; 
	  color: black}	
	  
H1 {font-family: Tahoma, Verdana, Arial; font-size: 18px; font-weight: bold; color: #006633}
H2 {font-family: Tahoma, Verdana, Arial; font-size: 14px; font-weight: bold; color: #006633}
H3 {font-family: Tahoma, Verdana, Arial; font-size: 10px; font-weight: bold; color: #006633}
.normal {font-family: Tahoma, Verdana, Arial; font-size: 11px; color: black}
.texterouge {font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: bold; color: red}
.bernard{font-family: BernhardMod BT, Tahoma, Verdana, Arial; font-size: 11px; color: black}
.chambres {font-family: TypoUpright BT, BibleScrT, Aristocrat, Cookies; font-size: 13px; font-weight: bold; color: #006633}
.chambres_grand {font-family: TypoUpright BT, BibleScrT, Aristocrat Cookies; font-size: 16px; font-weight: bold; color: #006633}
.txt_cadre_chambre{font-family: Arial, Aristocrat, Cookies; font-size: 13px; font-weight: bold; color: #006633}
.lien_enter{font-family: Tahoma, Verdana, Arial; font-size: 18px; font-weight: bold; color: #006633; TEXT-DECORATION : none}

.tetiere {
    font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: normal;
	text-align: left;
	color: black;
	border-top: 1px solid #009900;
	border-bottom: 1px solid #006600;
	border-right: 1px solid #006600;
	border-left: 1px solid #009900;
	padding: 4px; 
	background-color: #99FF99;
}

.tetiere_chambre {
	border-top: 1px solid #CCCCCC;
	border-bottom: 2px solid #006600;
	border-right: 2px solid #006600;
	border-left: 1px solid #CCCCCC;
	padding: 4px; 
	background-color: #FFFFFF;
} 

.cadre {
    font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: normal;
	text-align: left;
	color: black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	padding: 4px; 
}

.cadre_tableau {
    font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	font-weight: normal;
	color: black;
	border: 1px solid black;
	padding: 3px;
	spacing: 2px; 
}

.cadre_erreur {
    font-family: Tahoma, Verdana, Arial; 
	font-size: 13px; 
	font-weight: bold;
	color: red;
	border: 1px solid red;
	background-color: #FFCCCC;
	padding: 3px;
	spacing: 2px;
}

.cadre_2 {
    font-family: Arial, BibleScrT, Aristocrat, Cookies; 
	font-size: 14px; 
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding: 4px;
	background-color: #CCFF66;
	background-image:url(../images/cadre.jpg);
	height: 320px; 
	width: 363px;  
}

.cadre_livre_or {
    font-family: Cookies, arial; 
	font-size: 11px; 
	font-weight: normal;
	text-align: left;
	color: #000000;
	border-top: 3px solid #FFCC33;
	border-bottom: 3px solid #FFCC33;
	border-right: 3px solid #FFCC33;
	border-left: 3px solid #FFCC33;
	padding: 4px;
	background-color: white; 
}

.footer {
	width: 1000px;
	text-align: center; 
	background-color:white;
	background-image:url(../images/footer.gif);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0;
	font-size: 8pt;
	color: black;
}

/*-----Div global-----*/
#conteneur {
	width: 1000px;
	position: absolute;
	margin:0;
	background-image: url(../images/bgConteneur.gif);
	background-position:center top;
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-right: 20px;
}

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

.ds_tbl {background-color: #FFF;}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

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

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

.ds_cell:hover {background-color: #F3F3F3;} 

/* ------ diaporama ----*/
.SlideShow
{
	text-align: center; 
	font: 10px arial, helvetica, sans-serif; 
	margin:20px;
}

.SlideShow div#centered { 
	margin-left:auto; 
	margin-right:auto; 
	height: 100%; 
	width: 100%; 
	position: absolute;
}

.SlideShow a:link  {
	color: #000000; 
	text-decoration: none;
}

.SlideShow a:visited {
	color: #000000;
	text-decoration: none;
}

.SlideShow a:hover {
	text-decoration: none;
	color: #66CC00;
}


.SlideShow a img { 
	border: none;
	outline: none;
	-moz-outline: none;
}

.SlideShow_divExt {
	position: relative;
	background-color: #FFFFFF; /* Couleur arriere plan principal de la div du slideshow */
	color: inherit;
	width: 20px;
	height: 1px;
	margin: 0 auto;
	display: table;
}

.ShadowStyle {
	border-top:1px solid #FFF;
	border-right:1px solid #CCC;
	border-left:1px solid #FFF;
	border-bottom:1px solid #CCC;
}

.SlideShow {
	position: inherit;
	display: none;
}
	
.SlideShow_loading{
	position: absolute;
	top: 0;
	left: 0;
	display:none;
}

.SlideShow_bottom {
	margin: 0 auto;
	text-align: left;
	color:#666666;
	background-color: inherit;
}

.SlideShow_topNav {
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 10px;
	background-color: inherit;
	color:#000000;
	line-height: 170%;
	width: 100%;
}

.SlideShow_descriptions {
	background-color: #FFF;
	color:#999999;
	margin: 0 auto;
	text-align: left;
	line-height:140%;
	height: 35px;
	width: 100%;
}

.SlideShow_divInt {
	background-color:#666666;
	color: inherit;
	position: relative;
	text-align: center;
	line-height: 0.0;
}
	
.SlideShow_ImageNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0 auto;
}

.SlideShow_prevImg, .SlideShow_nextImg {
	width: 30%;
	height: 100%;
	background: transparent url(./images/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
}
	
.SlideShow_prevImg { 
	left: 0; 
	float: left; 
	outline: none; 
	-moz-outline: none;
}
.SlideShow_nextImg { 
	right: 0; 
	float: right; 
	outline: none; 
	-moz-outline: none;
}
.SlideShow_prevImg:hover, .SlideShow_prevImg:visited:hover { 
	background: url(./images/prev.gif) left 100% no-repeat; 
}
.SlideShow_nextImg:hover, .SlideShow_nextImg:visited:hover { 
	background: url(./images/next.gif) right 100% no-repeat; 
}


.SlideShow_IPTC {
	position: absolute;
	top: 0px;
	left: 0px;
	height: auto;
	background-color: #000;
	color:#CCCCCC;
	font-size:9px;
	line-height:140%;
	text-align:left;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	display: none;
}
		
.SlideShow_IPTCbutton {
	position: absolute;
	top: 0;
	left: 0;
}

.SlideShow_PLAYbutton {
	position: absolute;
	top: 0;
	right: 17px;
	_right: 27px;
}

.SlideShow_STOPbutton {
	position: absolute;
	top: 0;
	right: 0;
	_right: 10px;
}

.SlideShow_IPTC_left {
	float: left;
	text-align:right;
	width:28%;
}

.SlideShow_IPTC_right {
	float: right;
	text-align:left;
	width:70%;
}

.slider_pos {
	position: absolute;
	top: -10px;
	right: 30px;
}

.minSliderValue {
	position: absolute; 
	top:22px;
	_top: 15px; 
	width: 30px; 
	right: 65px;
	_right: 69px;
	height: 25px;
	vertical-align:bottom;
}
.medSliderValue
{
	position: absolute; 
	top:22px;
	_top: 15px; 
	width: 30px; 
	right: 27px;
	_right: 30px;
	height: 25px;
	vertical-align:bottom;
}
.maxSliderValue
{
	position: absolute; 
	top:22px;
	_top: 15px; 
	width: 30px; 
	right: -10px;
	height: 25px;
	vertical-align:bottom;
}
/*********************************************************/

/* Pour le slider de reglage de la vitesse de defilement */

.dynamic-slider-control 
{
	position:			relative;
	background-color:	transparent;/*rgb(204,204,204);*/
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
}

.horizontal 
{
	width:				200px;
	height:				27px;
}

.dynamic-slider-control input 
{
	display:	none;
}

.dynamic-slider-control .handle 
{
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle 
{
	width:				15px;
	height:				16px;
	background-image:	url("./images/handle.png");
}

.dynamic-slider-control.horizontal .handle div 
{

}

.dynamic-slider-control.horizontal .handle.hover 
{		
	width:				15px;
	height:				16px;
	background-image:	url("./images/handle.hover.gif");
}

.dynamic-slider-control .line 
{
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid;
	border-color:		rgb(102,102,102) white
						white rgb(102,102,102);
	
	behavior:			url("boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}

.dynamic-slider-control.horizontal .line 
{
	height:				4px;
}

.dynamic-slider-control .line div
{
	width:		2px;
	height:		2px;
	
	border:				1px solid;
	border-color:		rgb(152,153,153) rgb(102,102,102)
						rgb(102,102,102) rgb(152,153,153);
}