html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
	background-color:#C0D9D9;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
}
img {border:none;}
div.clear {clear:both;}
a.lien {color:#1B277F;}
a.lien:hover {color:#FC0404;}
.centered {text-align:center !important;}
html>body #wrap {height:100%;} /* 100 % height */
#header {
  background-color:#666699;
  width:100%;
  text-align:center;
	width:100%;
	height:28px;
}
html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}
#header ul {
  margin:0;
  padding-top:6px;
}
#header ul li {
  color:#C0D9D9;
  list-style-type:none;
  display:inline;
  text-align:center;
}
#header ul li a{
  color:#C0D9D9;
}
#header ul li a:hover, #header ul li a.active{
  color:#FFFFBE;
}
html>body #content-wrap {height:100%; } /* 100 % height */
html>body #content {padding:35px 1em 100px 1em;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#content {text-align:center; color:#1B277F; }
#content p span {color:#FC0404;}
#content p.firstp {margin-top:0px;}
#footer {
	width:100%;
	height:92px;
	background:url(images/bas.jpg) top left repeat-x;
	z-index:200 !important;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

#meteo {
position:absolute;
top:100px;
left:20px;
border:1px #666699 solid;
}


/*
-------------menu page accueil-------------------*/

#img_menu {
  width:652px;
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  margin-top:20px;
  }
#img_menu li {
  float:left;
  width:90px;
  /*border:1px solid #C0D9D9;*/ 
  }
#img_menu a {
  display:block;
  width:90px;
  height:70px;
  color:#1B277F; 
  background:#C0D9D9; 
  text-align:center; 
  padding:4px 0; 
  text-decoration:none; 
  float:left; 
  padding-top:10px;
  }
#img_menu a:hover {
  color:#FFFFBE; 
  background:#4F718A;
  }
  
  
h3 {color:#FC0404; font-size:12px;}  
h3.firsth3 {margin:0px;}
div.ligne {width:650px; margin: 0 auto;}
div.ligne h3.h3l {text-align:left;}
div.ligne h3.h3l span {color:#1B277F; text-align:left; font-weight:normal;}
div.ligne h3.h3l i, div.ligne h3.h3r i, h3 i, h3 span {font-weight:normal;}
div.ligne h3.h3r {text-align:right;}
div.ligne p, div.ligne ul {text-align:left;}
div.ligne ul {margin-top:-10px;}
div.ligne p span {color:#1B277F;}

div.ligne ul li {margin-left:30px; }
img.floatr {float:right; margin:0px 0px 0px 15px;}
img.floatl {float:left; margin:0px 15px 0px 0px;}

ul#liensweb {list-style-type:none; margin:0; padding:0;}
ul#liensweb li {line-height:18px;}


#plan {width:680px; margin:0 auto;    }
#plan img {float:left; }
#michelin {width:300px; margin:0 auto; }
#tbl_formulaire {
  background:#666699;
  margin:0 auto;
  text-align:left;
  color:#FFFFBE;
}
tr.btn td {text-align:center; padding-top:10px;}
#reseok {width:280px; height:40px; background:#666699; color:#FFFFBE; margin:0 auto; padding-top:10px;}
/*----------------------------- Galerie pages chambre---------------------------------*/
/* needed for IE to make :active state work first time */
a, a:visited {color:#1B277F;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:56px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(images/cham_ap.jpg);}
a.slideb {background:url(images/cham_bp.jpg);}
a.slidec {background:url(images/cham_cp.jpg);}
a.slided {background:url(images/cham_dp.jpg);}
a.slidee {background:url(images/cham_ep.jpg);}
a.slidef {background:url(images/cham_fp.jpg);}
a.slideg {background:url(images/cham_gp.jpg);}
a.slideh {background:url(images/cham_hp.jpg);}
a.slidei {background:url(images/cham_ip.jpg);}
a.slidej {background:url(images/cham_jp.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

/* styling for LEFT gallery */
#container_left {position:relative; width:600px; height:350px; background:#4F718A; border:1px solid #a49188; margin:1em auto;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:312px; left:175px; padding:5px; font-style:italic; color:#000;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#fff;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:402px; height:300px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}

/*----------------------------- Galerie pages environnement---------------------------------*/
#content_scroller {border:1px #666699 solid; width:660px; height:375px; margin:0 auto; padding-top:5px; background:#4F718A;}
#scroller {width:650px; height:360px; position:relative; padding:5px 0px;  margin:0 auto;}
#scroller em {display:block; width:229px; height:175px; position:absolute; top:0; right:0; border:1px solid #ddd;}
#scroller span {display:block; width:360px; height:365px; position:absolute; top:0; left:0; border:1px solid #ddd;}
#scroller span b#copyright {font-size:10px; color:#888; position:absolute; bottom:5px; right:20px; font-family:georgia, verdana, arial, sans-serif; font-weight:normal;}

#scroller b#thumbs {display:block; width:220px; height:175px; overflow:auto; float:right; margin-top:175px; border:1px solid #ccc; border-width:1px 0 1px 1px; padding:5px;}
#scroller b#thumbs a {display:block; float:left; margin:0 10px 10px 0; background:#f8f8ff; width:50px; height:50px; border:1px solid #000;}
#scroller b#thumbs a img {width:50px; height:50px; border:0;}

#scroller b#thumbs a:hover {border:1px dotted #ccc; background:#fff url(images/click_on.gif);}
#scroller b#thumbs a:active, #scroller b#thumbs a:focus {border:1px solid #fff; background:#fff; outline:0;}
#scroller b#thumbs a:hover img {display:block; position:absolute; background:#aaa; z-index:500;}
#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {display:block; position:absolute; background:#aaa; z-index:400;}

#scroller b#thumbs a:hover img.hr, #scroller b#thumbs a:focus img.hr {width:160px; height:120px; right:35px; top:25px; border:1px solid #333;}
#scroller b#thumbs a:hover img.vt, #scroller b#thumbs a:focus img.vt {width:120px; height:160px; right:55px; top:7px; border:1px solid #333;}

#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {width:400px; height:300px; left:7px; top:10px; border:1px solid #333;}
#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {width:240px; height:320px; left:85px; top:10px; border:1px solid #333;}

/*------------lien referencement et description h1*/
#star,  h1#desc{
position:absolute;
top:-5000px;
left:-6000px;
}