body, html {
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
  	font-family: Georgia, "Times New Roman", "Times", "serif";
  	background-color: #FF0000 ;
	scrollbar-face-color: #8F0720;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color:#590619;
}

#frame {
	display: table;
	/* border: solid 1px #006600; */
	margin: 8px 8px 64px 8px;
	height: 98%;
	width : 99%; 
	background-color: #FF0000;
	min-width: 700px;
	min-height: 800px;
}

#footer {
	position:relative;
	width: 96%;
	height: 40px;
	clear: both;
  	color: #f4f9fd ;
	margin: auto;
	margin-top: -60px;
	text-align: center;
}
  	
#header {
	position: relative;
	height: 140px;
	width: 100%;
}
#header2 {
	position: relative;
	height: 145px;
	width: 100%;
}
 
#marqueecontainer{
	position: relative;
	width:  200px; /*marquee width */
	height: 135px; /*marquee height */
	background-color: white;
	overflow: hidden;
	border: 1px solid orange;
	padding: 2px;
	padding-left: 2px;
}

#vmarquee{
	position: absolute; 
	width: 98%; 
	padding: 0px;
	#left: -1px;
}


/* Horizontal Menu */
#menu_horizontal { 
	position:relative;
	width : 90%; 
	height : 72px;
	margin: center;

	padding : 0px;
	background-color : #FF0000;
	/*border : 1px solid black; */ 
	list-style-type : none; 
	}
 
#menu_horizontal li {
	padding : 0px; 
	/* border : 2px white; */
	}
 
#menu_horizontal li.bouton_gauche {
	float : left;
	padding : 2px;  
	width: 70px;
	}
 
#menu_horizontal li.bouton_droite {
	float : right;
	padding : 2px;  
	width: 70px;
	}
 
#menu_horizontal a {
	color : black;
	text-decoration : none;
	padding : 0px; 
	}
 
/*#menu_horizontal a:hover { 
	text-decoration : underline;
	border : 2px Blue;
	}
 
#menu_horizontal a img { 
	border : 2px Blue;
	padding :  0 0.3em;
	margin: center;
	}
*/
/* Bloc central entre Header et footer */	
#global{
	margin: 0px;
  	font-family: Georgia, "Times New Roman", "Times", "serif";
  	color: #FFFF00;
  	background-color: #FF0000;
  	}

address {
  	margin-top: 1em;
  	padding-top: 1em;
  	border-top: thin dotted ;
  	}
  
/* --------------- left */
#navlist {
	float: left;
	position: relative;
	top: 10px;
	width: 12%;
	/* color: white; */
  	background: #FF0000 ;
	padding: 0 1px;
	margin-left: 1;
	font: normal 0.8em Verdana, sans-serif;
	}

#navlist li {
	list-style: none;
	margin: 0;
	font-size: 1em;
	}

#navlist a {
	display: block;
	text-decoration: none;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	}
/* #navlist a#courant { border-color: #5bd #035 #068 #f30; } */

#navlist a {
	width: 99%;
	/* necessaire seulement pour Internet Explorer */
	}

#navlist a {
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 9.6em;
	/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
	}

#navcontainer>#navlist a {
	width: auto;
	/* only necessary if you use the hacks above for the Internet Explorer */
	}

/* ---------- partie centrale ---------------- */	
#conteneur
{
	float:left;
	position:relative;
	top: 1px;
	left:1px;
	width: 74% ;  
	margin:  auto ;
	text-align: center ; 
/*	border: 2px solid #ab4 ; */
	background-color: #FF0000 ;
	}

/* --------------- right -------------------- */
#navlist2 {
	float: right;
	position: relative;
	top: 10px;
	width: 12%;
  	background: #FF0000 ;
	padding: 0 1px;
	margin-left: 1;
	font: normal 0.8em Verdana, sans-serif;
	}

#navlist2 li {
	list-style: none;
	margin: 0;
	font-size: 1em;
	}

#navlist2 a {
	display: block;
	text-decoration: none;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	}

#navlist2 a {
	width: 99%;
	/* necessaire seulement pour Internet Explorer */
	}

#navlist2 a {
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 9.6em;
	/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
	}

#navcontainer>#navlist2 a {
	width: auto;
	/* only necessary if you use the hacks above for the Internet Explorer */
	}


/* class pour Hearder */
.logo {
	float:left;
	position: relative;
	top:0px;
	left:2px;
	width:100px;
	height:100px;
}

.sitetitle {
	position: absolute;
	top: 20px;
	left: 180px;
	font-family: georgia, sans-serif;
	font-weight:bold;
	font-size: 300%;
	color: white;
	height:100px;
}
.siteticker	{
	position: absolute;
	top: 80px;
	left: 180px;
}
.tickernews{
	float:right;
	position: relative;
	top: 0px;
	width:205px;
	height:135px;
}

/* -------------- */
.legend     { font-family: cursive; font-style: normal; font-size: small; color: #FFFFFF; text-align: center; font-weight: normal; }
.pagenbpc { font-family: cursive; font-style: normal; font-size: x-small; font-weight: normal; padding-left: 3px;}
.titlepc   { font-family: cursive; font-style: normal; font-size: small; color: #FFFF00; font-weight: normal; }
.legendpc { font-family: cursive; font-size: x-small; color: #FFFFFF; font-weight: normal; text-align: center; }
.cache       { padding-top: 4px; text-align: center; vertical-align: middle; width: 143px; height: 143px; border: 1px solid #0F0F0F; border-color: #FAFAFA #555555 #555555 #FAFAFA; background-color: #F0F0F0; }
.nocache   { text-align: center; vertical-align: middle; width: 130px; height: 130px; }
.mini         { padding-top: 3px; }
.title       { font-family: cursive; font-style: normal; font-size: medium; color: #FFFF00; font-weight: normal; padding-bottom: 3px; }
.thumb       { margin-top: 4px; margin-left: 1px; }
.micro       { font-size: xx-small; font-weight: normal; }
.image       { padding-top: 6px; padding-bottom: 3px; }
.cours	   { font-family: cursive; font-size: x-small; color: #FFFFFF; font-weight: bold; text-align: center; }
.horaire   { font-family: cursive; font-size: x-small; color: #FFFF00; font-weight: bold; text-align: center; }
.jour         { font-family: cursive; font-size: medium ; color: #FFFF00; font-weight: bold; text-align: center; }
.menu	   { font-family: "Times New Roman", Times, serif; font-size: large; color: #FFFF00; font-weight: normal;
				text-align: center; ; text-decoration: underline}
.titre 	   { font-family: "Times New Roman", Times, serif; font-size: x-large; color: #FFFF00; font-weight: normal; 
				text-align: center; ; text-decoration: underline }
.adresse  { font-family: Times New Roman, Times, serif; font-size: large; color: #FFFF80; font-weight: normal; text-align: center; }
.citation  { font-family: cursive; font-size: 13px; color: #FFFFFF; font-weight: normal; text-align: center; }

img { border : none; }
ul           { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; 
               font-style: normal; font-size: large; color: #FFFF00; background-position: center}

h1        { font-family: 'Times New Roman', 'Times New Roman', Times; font-weight: bold; 
               font-style: normal; font-size: 24pt; color: #FFFF00}
h2        { font-family: 'Times New Roman', 'Times New Roman', Times; font-weight: bold; 
               font-style: normal; font-size: 18pt; color: #FFFF00}
h3        { font-family: 'Times New Roman', 'Times New Roman', Times; font-weight: bold; 
               font-style: normal; font-size: 14pt; color: #FFFF00}
h4        { font-family: 'Times New Roman', 'Times New Roman', Times; font-weight: normal; 
               font-style: normal; font-size: 12pt; color: #FFFF00}
h5        { font-family: 'Times New Roman', 'Times New Roman', Times; font-weight: normal; 
               font-style: normal; font-size: 10pt; color: #FFFF00}
h6        { font-family: 'Times New Roman', 'Times New Roman', Times; font-weight: normal; 
               font-style: normal; font-size: 8pt; color: #FFFF00}