body {
margin: 0;
padding: 0;
position: absolute; top:0;left:0;
width: 100%;
background-color: #ffffff;
color: #000000;
font-family:  arial, verdana, sans-serif;
}

a:link { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold;  color: #000000;text-decoration: underline;}
a:visited { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #000000;text-decoration: underline;}
a:hover { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #000000;text-decoration: none;}
a:active { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none;}

.white:link { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: underline;}
.white:visited { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: underline;}
.white:hover { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none;}
.white:active { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none;}

.changeurs:link { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #990033; text-decoration: underline;}
.changeurs:visited { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #990033; text-decoration: underline;}
.changeurs:hover { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #990033; text-decoration: none;}
.changeurs:active { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #990033; text-decoration: none;}

.electro:link { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #006699; text-decoration: underline;}
.electro:visited { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #006699; text-decoration: underline;}
.electro:hover { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #006699; text-decoration: none;}
.electro:active { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #006699; text-decoration: none;}

.disco:link { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #6699cc; text-decoration: underline;}
.disco:visited { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #6699cc; text-decoration: underline;}
.disco:hover { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #6699cc; text-decoration: none;}
.disco:active { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #6699cc; text-decoration: none;}

.leds:link { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #cc9900; text-decoration: underline;}
.leds:visited { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #cc9900; text-decoration: underline;}
.leds:hover { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #cc9900; text-decoration: none;}
.leds:active { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #cc9900; text-decoration: none;}

.lyres:link { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #993300; text-decoration: underline;}
.lyres:visited { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #993300; text-decoration: underline;}
.lyres:hover { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #993300; text-decoration: none;}
.lyres:active { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #993300; text-decoration: none;}

.video:link { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #660066; text-decoration: underline;}
.video:visited { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #660066; text-decoration: underline;}
.video:hover { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #660066; text-decoration: none;}
.video:active { font-family:  arial, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #660066; text-decoration: none;}

blockquote{
margin-bottom: 0;
}

form{
font-size: 10px; 
margin: 0;
padding: 0;
}

font {
font-family:  arial, verdana, sans-serif;
font-size: 10px;
}

input{
font-family:  arial, verdana, sans-serif;
font-size: 10px; 
border: 1px solid  #bdc8fb;
background-color: #fff;
}

select{
font-family:  arial, verdana, sans-serif;
font-size: 10px; 
border: 1px solid  #bdc8fb;
background-color: #fff;
}

p{
margin-left:10px;
margin-right:10px;
margin-top:8px;
font-family: Arial , Helvetica, sans-serif;
font-size: 11px;
}

textarea{
font-family:  arial, verdana, sans-serif;
font-size: 10px; 
border: 1px solid  #bdc8fb;
background-color: #fff;
}

ul{
margin-top: 5px;
margin-bottom: 10px;
font-family:  arial, verdana, sans-serif;
font-size: 10px; 
}

.nospace{
margin: 0;
}

.sstitre {
margin-top: 0px;
margin-left: 10px;
font-family:  arial, verdana, sans-serif;
font-size: 8pt;
color: #ffffff;
}

.titre {
font-family:  arial narrow, verdana, sans-serif;
font-size: 9pt;
font-weight: bold;
color: #ffffff;
}

.titre2 {
font-family:  arial, verdana, sans-serif;
font-size: 9pt;
font-weight: bold;
}

.titre3 {
font-family:  arial, verdana, sans-serif;
font-size: 14pt;
font-weight: bold;
}

.titre4 {
font-family:  arial, verdana, sans-serif;
font-size: 24pt;
font-weight: bold;
color: red;
}

.titrebarre {
font-family:  arial, verdana, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: line-through;
}

.small {
font-family:  arial, verdana, sans-serif;
font-size: 9px;
color: #ffffff;
}

.borduregauche{
border-left:5px solid #fff;
}


.frame2 {
margin-left: 0px; 
margin-top:0px;
padding: 0;
width: 480px;
height: 318px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
}

.frame3 {
margin-left: 0px; 
margin-top:0px;
padding: 4;
width: 585px;
height: 378px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
background-color: #fff;
color: black;
}

.frame4 {
margin-left: 0px; 
margin-top:0px;
padding: 0;
width: 740px;
height: 500px;
background-color: #fff;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
}

.frame5 {
margin-right: 0px; 
margin-top:0px;
padding: 0;
width: 460px;
height: 450px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
}

.popup {
margin-left: 0px; 
margin-top:0px;
padding: 4;
width: 250px;
height: 190px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
background-color: #fff;
color: black;
font-size: 8pt;
}

/* le tableau d'affichage du mois */
table.Mois {
	font-family:  arial, verdana, sans-serif; 
	font-size: 10px;
	background:#333333;
}

/* lignes des initiales du jour de la semaine 1ere ligne du tableau */
tr.titrejours {
	text-align: center;
	font-weight: bold;
	background:white;
}

/* le jour actuel */
td.auj { width:30; height:32; padding:2; text-align:right; vertical-align:top; background: #ffffff;} 
/* jour passé */
td.passe {width:30; height:32; padding:2; text-align:right; vertical-align:top; background: #999999;}

/* case vide */
td.vide {width:30; height:32; padding:2; text-align:right; vertical-align:top; background: #999999;}

/* couleur des marques */
td.ch  {width:30; height:32; text-align:right; vertical-align:top; background: #ef3333;}
td.di  {width:30; height:32; text-align:right; vertical-align:top; background: #33ef33;}
td.st  {width:30; height:32; text-align:right; vertical-align:top; background: #0099ff;}
td.sa  {width:30; height:32; text-align:right; vertical-align:top; background: #ec8500;}
td.ch2  {background: #ef3333;}
td.di2  {background: #33ef33;}
td.st2  {background: #0099ff;}
td.sa2  {background: #ec8500;}
td.hover {width:30; height:32; text-align:right; vertical-align:top; background: yellow;}
td.out  {width:30; height:32; text-align:right; vertical-align:top; background: white;}

/* les jours de semaine :definit une colonne du tableau */
td.jour {width:30; height:32; padding:2; text-align:right; vertical-align:top;}
td.J1 {width:30; height:32; padding:2; text-align:right; vertical-align:top; background: #ffffff;}
td.J2 {width:30; height:32; padding:2; text-align:right; vertical-align:top; background: #ffffff;}
td.J3 {width:30; height:32; padding:2; text-align:right; vertical-align:top; background: #ffffff;}
td.J4 {width:30; height:32; padding:2; text-align:right; vertical-align:top; background: #ffffff;}
td.J5 {width:30; height:32; padding:2; text-align:right; vertical-align:top; background: #ffffff;}
td.J6 {width:30; height:32; padding:2; text-align:right; vertical-align:top; background: #ffff99;}
td.J0 {width:30; height:32; padding:2; text-align:right; vertical-align:top; background: #ffff99;}

.indice { font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#dedede; font-weight:bold; position:relative; top:60px;}

#navigation { position:relative; top:-25px; left:-10px; width:740px;
				font-family: Arial, Helvetica, sans-serif; display:inline;
				
				font-weight: bold;}
#navigation a{ font-size: 11px;
				color: #cccccc; text-decoration:none; border-right:2px solid #000033;
}
#navigation a:hover{ color: #ff9900; border-right:2px solid #ffffff;
}
#news { position:relative; top:-125px;left:55px; text-align:left; line-height:0.9em; }
#news a { color:#555588;}
#news li,ul {list-style: none ;}
#page { position:relative;top:-25px;}
#pied  {position:relative; top:-25px;  }