*{margin:0;padding:0;border:0;}

html{height:100%;width:100%;font-family:verdana;color:#000;font-size:100%} 

body {height:100%;width:100%;background-image:url(../images/fond.jpg);background-color: #9999ff;font:100% verdana #ccc;text-align:center;}
	

#conteneur {margin:10px auto;padding:0;width: 800px;border:2px solid #6666cc;background-color: #fff}

#haut {;border-bottom:0px solid #9999cc; width:800px;height:150px;background: url(../images/LOGO_MINI_h.JPG);
background-repeat:no-repeat; background-color: #fff;text-align:left	}
#haut img{display:none}

#traduction{text-align:right;margin-right:15px;font-size:65%;border:0px solid #000}

#contenu {width:100%}

#centre {width:800px;
	background-color: #fff;text-align:center;
} 

#pied { width: 800px;height:30px; background-color: #fff; text-align: center;
   }
#pied img{display:none;float:right;border:none}
#pied a{font-size:10px;float:right}
.tampon_photo{display:block;height:10px;}
.tampon{display:block;height:170px;}
.fond_photo{height:350px;width:800px;background-color: #fff;text-align:left}
hr {clear:both;}	
.spacer { clear: both;}

.centre{text-align:center}

body#index a#nav_index, body#prix a#nav_prix, body#photo a#nav_photo, body#informations a#nav_informations, body#chalets a#nav_chalets, body#activites a#nav_activites{ color: #000; background-color: #fff; border-bottom:0}

h1, h2, h3, h4{text-align:left;}
h1 {font-size:140%}
h2{font-size:110%}
h3{font-size:110%}
h4{font-size:100%}

a {text-decoration: none;color: blue}
a:visited {color: blue}
a:hover {color: #9999ff;}
a:active a:focus {color: blue}


img {border:5px solid #9999ff;margin:10px 10px 10px 10px}

.left{float:left;padding-left:10px}
.right{float:right;padding-right:10px}
#gauche{float:left;padding:0 10px 0 10px; width:47%;text-align:left;}
#droite{float:right;padding:0 10px 0 10px; width:47%;text-align:left;}

.cadre {background-color: #ccccff;padding:10px 10px 10px 10px}
ul.info {text-align: left; font-size: 90%; font-weight: normal; list-style-type: none;}
.info li {padding-left: 80px;}

ul.prix{text-align:left;font-size:90%;font-weight:normal;list-style-type: none;padding-left:10px}

.prix li{padding-left:60px}
p {text-align:justify;font-size:90%;padding:0 10px 0 10px}	
p.adresse{padding-left:60px;}
p.important{font-size:80%;font-weight:bold;text-align:justify}
p.note{font-size:70%;}
p.note_c{font-size:70%;text-align:center}
span.activite{font-weight:bold;text-align:left}
/*menu_______________________margin: 5px 0px 0 30px _________________________*/

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {height:26px;
width:775px;
margin:0 auto;
background:#000:

}
#menu dl {
float: left;
width: 8em;
margin: 0 1px 0 0 ;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #9999ff;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #ccccff;
}







#defileH1 {position: absolute;margin:0 auto;width:270px;}
#message{position:relative;overflow: hidden;width:270px;left:510px;top:20px;;height: 100px;
border-left:1px solid #d9d8d8;border-right:2px solid #cac8c8;border-bottom:2px solid #cac8c8;border-top:1px solid #d9d8d8;}	
#message p{text-align:center;font-size:80%}

/*image pour carte	*/
#carte {position:relative; top:20px; left:20px; width:118px; z-index:100;background-color:#efedec;height:95px;}
#carte a.p1, #carte a.p1:visited {display:block; width:116px; height:85px; text-decoration:none;background-color:#efedec; top:-1px; left:0; border:0; }
#carte a img {border:0;margin:0}
#carte a.p1:hover {text-decoration:none;background-color:#8c97a3;border:0px solid gray; color:#000;}
#carte a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#carte a.p1:hover .large {display:block; position:absolute; top:-70px; left:120px; width:463px; height:353px; border:10px solid gray;}


 
#formulaire{width:80%;margin:0 auto;border:1px solid blue;text-align:left;background-color:#efedec} 
#formulaire input, textarea, select	{border:1px solid black;background-color:#fff}
#formulaire table{background-color:#efedec;width:100%}
#formulaire tr{}
#formulaire td.droite{text-align:right}
#formulaire td.message1{}
#formulaire td.message2{text-align:center}