* {margin:0 ; padding:0} /* initialise tous les éléments avec ni marge, ni bourrage*/

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%; */
	height: auto;
	width : 99%; 
	background-color: #FF0000;
	min-width: 700px;
	min-height: 800px;
	padding-bottom : 3px;
}

#footer {
	position:relative;
	width: 96%;
	height:40px;
	clear:both;
  	color: #f4f9fd ;
	margin: auto;
	margin-top: -60px;
	text-align: center;
}
  	
#header {
	position: relative;
	height: 100px;
	width: 100%;
}
#header2 {
	position: relative;
	height: 148px;
	width: 100%;
}

/* Horizontal Menu */
#menu_horizontal { 
	position:relative;
	float:right;
	width : 88%; 
	height : 72px;
	padding-right : 15px;
	list-style-type : none; 
	}
 
#menu_horizontal li {
	padding : 0px; 
	/*float:right;*/
	/*border : 2px white;*/
	}
 
#menu_horizontal li.bouton_gauche {
	float : left;
	padding : 2px;  
	width: 70px;
	}
 
#menu_horizontal li.bouton_droite {
	float : right;
	padding : 1px;  
	width: 70px;
	}
 
#menu_horizontal a {
	color : black;
	text-decoration : none;
	padding : 0px; 
	}
 
#menu_horizontal a:hover { 
	text-decoration : underline;
	/*border : 1px Blue;*/
	}
 
#menu_horizontal a img { 
	border : none; 
	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;
	color: white;
  	background: #FF0000 ;
	padding: 0 1px;
	margin-left: 0;
	width: 13%;
	font: normal 0.9em 'Comic Sans MS';
	}

#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;
	color: white;
	background: #39c;
	border-width: 1px;
	border-style: solid;
	border-color: #5bd #035 #068 #6cf;
	border-left: 1em solid #fc0;
	padding: 0.25em 0.5em 0.4em 0.75em;
	}

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

#navlist a:hover, #navlist a#courant:hover {
	background: #28b;
	border-color: #069 #6cf #5bd #fc0;
	padding: 0.4em 0.35em 0.25em 0.9em;
	}

#navlist a:active, #navlist a#courant:active {
	background: #17a;
	border-color: #069 #6cf #5bd white;
	padding: 0.4em 0.35em 0.25em 0.9em;
	}
	
/* ---------- partie centrale ---------------- */	
#conteneur
{
	float:left;
	position:relative;
	top: 1px;
	/*left:1px; */
	width: 85% ;  
	/*margin:  auto ; */
	text-align: center ; 
	border: 1px solid #ab4 ;
	background-color: #FF0000 ;
	padding-bottom : 3px;
	}

/* --------------- right -------------------- */
#navlist2 {
	float:right;
	position: relative;
	/*width: 10%;
	height:300px; */

	color: white;
	/*background: #17a;*/
  	background: #FF0000 ;
	/*border-bottom: 0.2em solid #17a;
	border-right: 0.2em solid #17a;*/
	padding: 0 1px;
	margin-left: 0;
	width: 9em;
	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;
	color: white;
	background: #39c;
	border-width: 1px;
	border-style: solid;
	border-color: #5bd #035 #068 #6cf;
	border-left: 1em solid #fc0;
	padding: 0.25em 0.5em 0.4em 0.75em;
	}

#navlist2 a#courant { border-color: #5bd #035 #068 #f30; }

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

#navlist2 a:hover, #navlist a#courant:hover {
	background: #28b;
	border-color: #069 #6cf #5bd #fc0;
	padding: 0.4em 0.35em 0.25em 0.9em;
	}

#navlist2 a:active, #navlist a#courant:active {
	background: #17a;
	border-color: #069 #6cf #5bd white;
	padding: 0.4em 0.35em 0.25em 0.9em;
	}
	
/* Navigation avec bouton dynamique */
#navbtcontainer {
	position: relative; 
	float: left;
	top: 10px;
	width: 13%;
	}
	
#navbt {
	position: relative; 
	float: left;
	
	margin-left: 2px !important; /* pris en compte par Firefox */
	margin-left: 1px; /* pris en compte par IE*/
	width: 13%;
	padding: 0;
	}

#navbt li {
	list-style-type : none; 
	font-size: 1em;
	height: 25px;
	width: 120px;
	}

#navbt a {
	text-decoration: none;
	}
	
#navbt a:active {
	text-decoration: none;
	color: blue;
	}
	
#navbt a:visited {
	text-decoration: none;
	color: white;
	}
	
#navbt a:hover {
	text-decoration: underline;
	color: white;
	cursor: pointer; 
	cursor: hand;
	}
	
#navbt a img { 
	border : none; 
	}

/* bouton de menu avec texte dynamique */	
#bt-menu {
	display: inline;
	position: relative;
	float: left;
	margin-left: 2px !important; /* pris en compte par Firefox */
	margin-left: 1px; /* pris en compte par IE*/
}
#bt-img {
 	position: absolute;
	z-index: 1;
}
#bt-text {
	position: absolute;
	z-index: 2;
	left: 31px;
	top: 1px;
	text-decoration: none;
	font-style: none;
	font-size: 15pt;	
	font-family: 'Comic Sans MS';
	color: white;
}

/* class pour image */
.bgfixed {
  background-attachment: fixed;
}
 
.bgscroll {
  background-attachment: scroll;
}
/* class pour Header */
.logo
{
	float:left;
	position: relative;
	top:0px;
	left:2px;
	width:100px;
	height:100px;
	border : none; 
}

.sitetitle
{
	position: absolute;
	top: 30px;
	left: 200px;
	height: 100px;
	font-family: georgia, sans-serif;
	font-weight:bold;
	font-size: 300%;
	color: white;
}
	
/* -------------- */
.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: #FFFFFF; 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; }
.lien	a   { font-family: cursive; font-size: medium; color: #FFFFFF; font-weight: normal; text-align: center; }
/* FFFFFF = blanc, 0000FF = bleu, FFFF00 = jaune */
.cours	a   { font-family: cursive; font-size: small; color: #FFFFFF; font-weight: normal; text-align: center; }
.horaire   { font-family: cursive; font-size: small; color: #FFFF00; font-weight: normal; text-align: center; }
.jour         { font-family: cursive; font-size: medium ; color: #FFFF00; font-weight: normal; text-align: center; }

.titre 	   { font-family: Times New Roman, Times, serif; font-size: x-large; color: #FFFFFF; font-weight: normal; text-align: center; text-decoration: underline; padding-top: 5px;  }

.adresse  { font-family: Times New Roman, Times, serif; font-size: large; color: #FFFF80; font-weight: normal; text-align: center; }
.prof	  { font-family: Times New Roman, Times, serif; font-size: x-large; color: #FFFF80; font-weight: normal; text-align: center; }
.grade	  { font-family: Times New Roman, Times, serif; font-size: large; color: #FFFF80; font-weight: normal; text-align: center; }
.phone	  { font-family: Times New Roman, Times, serif; font-size: large; color: #FFFFFF; font-weight: normal; text-align: center; }
.interv	  { font-family: Times New Roman, Times, serif; font-size: large; color: #FFFFFF; font-weight: normal; text-align: center; text-decoration: underline }

.texte       { font-family: cursive; font-style: normal; font-size: 3; color: #ffff80; font-weight: normal; padding-bottom: 3px; padding-left: 5px; text-align: left; }
.textecentre       { font-family: cursive; font-style: normal; font-size: 3; color: #ffff80; font-weight: normal; padding-bottom: 3px; padding-left: 5px; text-align: center; }

.menu	   { font-family: Times New Roman, Times, serif; font-size: large; color: #FFFFFF; font-weight: normal; text-align: center; text-decoration: underline}
.citation  { font-family: cursive; font-size: 13px; color: #FFFFFF; font-weight: normal; text-align: center; }
/* -------------- */

img 	   { border : none; }
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}
/*
ul           { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; 
               font-style: normal; font-size: large; color: #FFFF00; background-position: center}
*/