* {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }
 a:link, a:visited, a:hover, a:active {color: #006600; font-style:italic; text-align:center;}
 .link:hover {text-decoration: underline;}
 img {display: block;}
 em {font-style: normal; font-weight: bold; text-decoration:underline;}
 
 body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 21px; background-color:#998899; }

 .clearer { height: 0.1em; clear: both;}

 #container {width: 830px; height: 555px; position: absolute; top: 285px; left: 50%; margin-left: -415px; margin-top: -260px;}
 #real_page {background:url(../images/hostellerie_flou.jpg); height: 494px; position: relative; overflow: hidden; border: 9px solid #990066; }
 
 h1 {width: 174px; height: 174px;  position: absolute; top: 60px; left:417px; z-index: 10000; }
 h1 a {text-indent: -3000px; overflow: hidden; background:url(../images/fenetre.jpg); display: block; height: 100%; width: 100%;}
 
 h5 {width: 120px; height: 55px;  position: absolute; top: 15px; left:650px; z-index: 10000; }
 h5 a {text-indent: -3000px; overflow: hidden; background:url(../logos/efgh.gif); display: block; height: 100%; width: 100%;}
 
 h2 {width: 246px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
 h3 {height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
 
 #main_menu {width: 160px; position: absolute; top: 67px; left: 599px; padding: 1px 0 0;}
 #main_menu li { width: 100%; float: left; }
 #main_menu li a {display: block;  color:#006600; border-bottom: dotted thin #006633; font-style:normal; text-align:left;}
 #main_menu li a#end{border:none;}
  
 #contents_wrapper {width: 494px; height: 494px;  position: absolute; overflow: hidden;}
 #contents {width: 3952px; height: 3952px;; position: relative;}
 .content {width: 494px;  position: absolute; overflow: hidden; }
 #home {left: 0; top: 0; background-image:url(../images/facade.jpg); height:494px;}
 
 em {font-size:10px; font-weight:bold; color:#990066; text-decoration:none}
				  
#nouveautes {left: 494px; top: 0; background-image:url(../images/piscine.jpg); height:494px;}
.news{height:auto !important;  height:1%; background:#FFFFFF; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;opacity: 0.8; z-index: 0; margin:20px; margin-right:100px;}
.news h4{padding:10px 10px 5px 10px;  font-variant:small-caps; font-size:large;}
.news p{ padding:5px; text-align:justify; }
.cnews{height:auto !important;  height:1%; background:#CCFFFF; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;opacity: 0.7; z-index: 0; margin:10px; margin-right:100px; border:ridge #000000;}

#descriptionEtHistoire {left: 988px; top: 0; background-image:url(../images/salon.jpg); height:494px;}
#surPlace {left: 1482px; top: 0; background-image:url(../images/langeais.jpg); height:494px;}
#tarifs {left: 2470px; top: 0; background-image:url(../images/langeais.jpg); height:494px;}
#infos {left: 2964px; top: 0; background-image:url(../images/pont.jpg); height:494px;}


.navi_photos_haut{height:20px; background:#FFFFFF; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;opacity: 0.8; z-index: 0;  margin-left:100px; margin-right:100px; text-align:center;}
.navi_photos_bas{height:auto !important;  height:1%; background:#FFFFFF; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;opacity: 0.7; z-index: 0; margin-top:145px;  text-align:center;}
.navi_photos{height:auto !important;  height:1%; background:#FFFFFF; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;opacity: 0.7; z-index: 0;margin-top:180px; width:35px; padding:4px;padding-right:0;}



/*Contact - Home Page*/
#contact {left:0px; top:494px; background-image:url(../images/pont.jpg); height:494px;}
#baniere_contact {height:25px; background:#FFFFFF; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;opacity: 0.8; z-index: 0;
}
.contact a{font-size:large;}
/* Formulaire de contact */
 .input{border-bottom:dotted thin; }
 input.text, textarea {background-color:#CCCCCC; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
 th {text-align:left; margin-left:25px;}
 .coordonnes{height:auto !important;  height:1%; background:#FFFFFF; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;opacity: 0.8; z-index: 0; margin:20px; margin-right:100px;}
.image {
	display: inline;
	margin-top: -5px;
}

.coordonnes p{text-align:center; }
.coordonnes h4{text-align:center;  font-variant:small-caps; font-size:large;}

.right{text-align:right;}
.center{text-align:center; padding:2px;}
#picto_lang {top:380px; left:720px; position: absolute;}
#picto_recommandations_1 {top:400px; left:494px; position: absolute;}
#picto_recommandations_2 {top:400px; left:555px; position: absolute;}
#picto_recommandations_3 {top:400px; left:616px; position: absolute;}
#picto_recommandations_4 {top:300px; left:494px; position: absolute;}
#picto_recommandations_5 {top:300px; left:555px; position: absolute;}
#picto_recommandations_6 {top:300px; left:616px; position: absolute;}