body {
margin: 0;
padding: 0;
text-align: center;
font-family: Arial;
font-size: 10px;
background-color: #E2C366;

color: #333333;
font-weight: bold;
}

a {
text-decoration: none;
color: #993300;
}

a:hover {
text-decoration: none;
color: #CC0000;
}

H1 {margin: 0;padding: 0; text-align: center;}
H2 {margin: 0;padding: 0; text-align: center;}
H3 {margin: 0;padding: 0; text-align: center;}
H3 a {text-decoration: none;}
H4 {margin: 0;padding: 0; text-align: center;}
H5 {margin: 0;padding: 0; text-align: center;}
H6 {margin: 0;padding: 0; text-align: center;}

.haut {float:right;}

.ligne1 {background-color:#ffffee;}

img {display: block;}

/* ------------------------------ Heure ------------------------------ */
div#ejs_heure {
margin-top: 35px;
margin-bottom: 0;
margin-right: auto;
padding: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFCC66;
}

/* ------- NB Connectés ------------*/
div#conn {
margin-right: auto;
margin-left: 24px;
padding: 0;
float: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFCC66;
}

	
/* ------------------------------ CENTRE ------------------------------ */
.centre {
margin: 0;
padding: 0;
margin-left: 2px;
float: left;
width: 540px;
border: 0px solid green;

font-size: 12px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
}

.centre H5 {
margin: 0;
padding: 0;
text-align: left;
text-decoration: underline;
color: #666600;
}


/* ------------------------------COLONNE------------------------------ */
.colonne {
margin: 0;
padding: 0;
margin-left: 3px;
float: left;
width: 100px;
border: 0px solid red;
}


/* ------------------------------COPYRIGHT------------------------------ */
.copyright {
margin: 0;
padding: 0;
width: 500px;
color: #666600;
font-family: Arial, Helvetica, sans-serif;
}

.copyright a{
color: #666600;
text-decoration: none;
}

.copyright a:hover{
color: #666600;
background-color: #FFCC00;
text-decoration: none;
}

/* ------------------------------MENU------------------------------ */
ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
top: 0;
left: 0;
width: 174px;
float: left;
}

#menu table {
margin-left: 22px;
}

#menu ul {
margin: 0;
padding: 0;
line-height: 20px;
border: 0;
}

#menu ul a {
display: block;
text-align: left;
font-size: 11px;
font-weight: bold;
font-family: arial;
color: #FFFFCC;
text-decoration: none;
text-indent: 18px;

background-image: url(../images/dune.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: #996600;

border-bottom: 1px solid #FFFFCC;
}

#menu li img {display: inline;}

#menu li a {
margin: 0;
padding: 0;
line-height: 17px;
height: 17px;
border: 0;
font-weight: normal;
color: #FFCC00;
text-decoration: none;
text-align: left;
background: none;
text-indent: 1px;
}

#menu li a:hover{
margin: 0;
padding: 0;
border: 0;

text-decoration: none;
color: #FFFFFF;
background-color: #999966;
text-align: left;
}

 @-webkit-keyframes clignote {
0%{background:rgba(255, 255, 255, 0.9);}
50%{background:rgba(255, 255, 255, 0.3);}
100%{background:rgba(255, 255, 255, 0.9);}
}
 @keyframes clignote {
0%{background:rgba(255, 255, 255, 0.9);}
50%{background:rgba(255, 255, 255, 0.3);}
100%{background:rgba(255, 255, 255, 0.9);}
}

#menu a.cligno {
	font-weight: bold;
	color:red;
	background:#fff;
	-webkit-animation-name: clignote; 
	-webkit-animation-duration: 3s; 
	-webkit-animation-iteration-count:infinite; 

	-moz-animation-name: clignote; 
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count:infinite; 

	animation-name: clignote; 
	animation-duration: 3s;
	animation-iteration-count:infinite; 
 }