/* CSS Document */

/*body --------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: white;
	font: 80% verdana, arial, sans-serif;
	background-color: #1FFED8;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}







/*menu ----------z-index:100;--------------------------*/

#menu {
	
	width: 690px;
	height: 20px;

	margin-left: 50px;
}
#menu dl {
float: left;
width: 10em;
margin: 01px;
}
#menu dt {
cursor: pointer;
text-align: center;



background: #F9EA45;
border: 1px solid gray;
color: #D01010;
}
#menu dd {
border: 1px solid gray;

}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #D01010;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background:#1FFED8;
}

/*calendrier*/
#calendar{
margin: 0;
	padding: 0;
	background: white;
	font: 80% verdana, arial, sans-serif;
	background-color: #CCCCCC;

 float:left; /* Le menu flottera à gauche */
   width: 200px; /*  donner une taille au menu */

}


#site {
position: relative;
z-index: 1;
top : 500px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}





/*------------ les styles polices  _______*/


.Style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #D01010;
}
.Style5 {
	color: #D01010;font-size: small;
	font-weight: bold;
}
.Style7 {
	color: navy;
	font-size: small;font-weight: bold;
}

.Style11 {font-size: small;color: #D01010;}

.Style21 {font-size: xx-small;color: #D01010;}
.Style13 {font-size: x-small; font-weight: bold; }
.Style14 {font-size: 75%}
.Style15 {color: #D01010; font-weight: bold; font-size: medium; }
.Style16 {	color: #D01010;
	font-weight: bold;
}
.Style16 {	color: #D01010;
	font-weight: bold;
	font-size: large;
}





/*meteo http -------------------------------index */

#placemeteo {
 position:relative;
 top: 60px; 
 left:100px;


} 

.menuFlash {
position: relative;
top : 90px;
left:90px;
 
}


 

/*Logo  activités  & tarifs  ---------------------*/


.pub {
position: absolute;
top : 350px;
left: 42px;
;
 
}
 

 
.pub2 {
position: absolute;
top : 350px;
left: 830px;
 
}








/*------------------pub chambres*/

 
.pub3 {
position: absolute;
top : 390px;
left: 830px;
 
}

.pub33 {
position: absolute;
top : 390px;
left: 42px;
 
}



/* --------------------pub apparts*/


 
.pub4 {
position: absolute;
top : 320px;
left: 830px;
 
}

/*  droite*/

.pub5 {
position: absolute;
top : 320px;
left: 42px;
;
 
}







/* --------------pub hotes------------------------------*/
 
.pub6 {
position: absolute;
top : 270px;
left: 830px;
 
}

/*  droite*/

.pub7 {
position: absolute;
top : 270px;
left: 42px;
;
 
}

#container{width:780px; margin:0 auto;}

/* ------------------pub environs -------------*/


.pub8 {
position: absolute;
top : 350px;
left: 830px;
 
}

/*  droite*/

.pub9 {
position: absolute;
top : 350px;
left: 42px;
;
 
}



/*compteur ---------------------------------------------*/

.compteur {
position: absolute;
top : 960px;
left: 865px;
width: 200px;
height: 10px;
}

.texte{
position: absolute;
top : 960px;
left: 680px;
width: 200px;
height: 10px; 
}

.calque {
position: absolute;
top : 960px;
left: 865px;
width: 200px;
height: 10px;
}


/* -----------------------end -------------------------*/



/* hors site -----------------------------------*/

/* bande noire*/
.bandeau2 {
position: absolute;
top : 602px;
left:130px;
width: 200px;
height: 0px;
background-color: #000000;
 
}

/*compteur2*/

.compteur2 {
position: absolute;
top :970px;
left: 76px;
width: 200px;
height: 10px;
}
.calque2 {
position: absolute;
top : 970px;
left: 283px;
width: 90px;
height: 10px;
background-color: #FFCC99;
}