/* 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*/

#menu {
	z-index:100;
	width: 655px;
	margin-left: 50px;
}
#menu dl {
float: left;
width: 10em;
margin: 01px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
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: #eee;
}

/*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; 
}

a {text-decoration: none;
color: black;
color: #222;
}
.Style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #D01010;
}
.Style5 {
	color: #D01010;
	font-weight: bold;
}
.Style7 {
	color: #D01010;
	font-size: x-small;
}
.Style10 {font-size: x-small}
.Style11 {font-size: small;color: #D01010;}

.Style21 {font-size: x-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 dessin http*/

.placemeteo {
 position:absolute;
 top:600px; 
 left: 100px;


}  

/*bande couleur fond*/


.bandeau {
position: absolute;
top : 600px;
left: 129px;
width: 206px;
height: 17px;
background-color: #FFCC99;
 
}
 

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

/*tag meteo*/
 
.meteo {
position: absolute;
top : 580px;
left: 130px;
 
}

/*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;
}



/*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;
}


.menuFlash {
position: absolute;
top : 20px;
left: 30px;

}