 a:link       { color: #99ffff; text-decoration: none; }
 a:hover      { color: #ff0000; text-decoration: underline}
 a:active     { color: #ff0000; font-size: larger; text-decoration: overline}
 a:visited    { color: #0099ff; text-decoration: none}
 h4 a:link    { color: #330099}
 h4 a:visited { color: #800080}
 table.sommaire a:link    {color: #330099}
 table.sommaire a:visited {color: #800080}
 body         { color: #c0cce0; background-color: #000000; background-image: url(fond.png); max-width: 60em; margin-left: auto; margin-right: auto; }
 
h1 {font-size: 140%; color: Navy; font-weight: 500; text-align: center; 
    font-family: "Final Frontier", "Comic Sans MS", Arial, sans-serif; 
	 position: relative; left: 50%;  margin-left: -209px; width: 418px ; height: 71px; 
	 margin-top: 2.5em;  margin-bottom: 3em; line-height: 3em; 
	 background-color: #a0a0bb; background-image: url(buttons/h1.png); background-repeat: no-repeat;}
/* h1:after { content: url(buttons/barre.png); position: relative; left: 70%; top: -40px; z-index: -2;  } */
h2 {font-size: 125%; color: Navy; font-weight: 500; text-align: center; 
    font-family: "Final Frontier", "Comic Sans MS", Arial, sans-serif; 
	 position: relative; left: 50%;  margin-left: -172px; width: 343px; height:51px; 
	 margin-top: 1.8em; margin-bottom: 40px; line-height: 2.8em; 
	 background-color: #a0a0bb; background-image: url(buttons/h2.png); background-repeat: no-repeat; }
/* h2:after { content: url(buttons/minibarre.png); position: relative; left: 70%; top: -30px; z-index: -2;  } */
h2.image {	background: transparent;}
h2.image:after { content: no-open-quote;}
h3 {font-size: 110%; color: Navy; font-weight: 500; text-align: center; line-height: 3em; 
    font-family: "Final Frontier", "Comic Sans MS", Arial, sans-serif; margin-top: 3em; margin-bottom: 1.5em;
	 position: relative; left: 50%;  margin-left: -222px;  width: 445px; height: 53px;
	 background-color: #a0a0bb; background-image:  url(buttons/h3.png); background-repeat: no-repeat;  overflow: visible } 
h4 {font-size: 105%; color: Navy; font-weight: 500; text-align: center; line-height: 2.8em; 
    font-family: "Final Frontier", "Comic Sans MS", Arial, sans-serif; width: 189px; height: 52px; 
    background-color: #a0a0bb; background-image: url(buttons/h4.png); background-repeat: no-repeat; } 
 
 p {font-family: Arial, sans-serif; text-align: justify;  width: 90%; position: relative; left:5%;}
 p:first-letter {font-size: 2em; margin: 0.2em; line-height: 70%; float: left; overflow: visible; font-family: "Final Frontier", "Comic Sans MS", Arial, sans-serif;}

 
	  /* 
	  div.barre { width: 50%; height: 24px; margin-right: -15px; margin-top: 50px; background: #a0a0bb; background-image: url(buttons/barre.png)}  
     div.minibarre { width: 50%; height: 16px; margin-right: -15px; margin-top: 60px; background: #a0a0bb; background-image: url(buttons/minibarre.png)}
     table {margin-top: 40px} 
	  li {font-family: Verdana; font-size: 95%} 
	  
	  */

   
	/* Fiches float: right; */		
	
img { 	border: 0; }
p img {    margin: 0.8em;}
p img.agauche {   float: left; margin: 0.8em;  }
ul.links { font-family: Verdana, Arial,  sans-serif;  list-style: circle; margin-left: 10%; margin-bottom: 4	em;}
ul.links img {margin: 2em; vertical-align: middle;} 
ul.fichetech { font-family: Arial, sans-serif;  	list-style-type: none;   }
li.dispo {   	margin-top: 1em; }
li.copy { margin-bottom: 1em; }
div.version {text-align: center; padding: 3.2em; font-family: Verdana, Arial,  sans-serif; font-size: 78%; font-weight: bold;	line-height: 2	em;}
div.signature { text-align: right; font-family: "BrushScript BT", cursive; margin-top: 3em; margin-right: 14%; }
div.note { margin-left: 6em; font-family: Verdana, Arial,  sans-serif;  font-size: 80%; width: 60%; 	}

	/* Divers pas encores revus  */	
	

div.divx { text-align: center; position: relative; left: 50%; margin-left: -100px; width: 200px;
           border-color: #ffff99; border-width: 10px;  border-style: dotted; padding: 1em;  
			  margin-top: 4em; margin-bottom: 4em;}

			/* Tableaux  */		
		
table.listefiches    {width: 90%; position: relative; left: 5%;   	 }
table.listefiches td { padding: 1em	}  
table.listetotale    { width: 90%; position: relative; left: 5%; margin-top: 2em; margin-bottom: 2em;
                       font-family: Verdana, Arial,  sans-serif; font-size: 80%; background-color: Black;	}	
table.listetotale th { background-color: #222222; padding: 8px;  }		
table.listetotale td { padding: 6px;  }	
table.listetotale a {  font-weight: bold; }							 
table.sommaire       { background-color: #a0a0bb; background-image: url(fond3.png);  text-align: center; 
                      position: relative; left: 15%;  width: 70%; margin-top: 3em; margin-bottom: 1.5em;}
table.listecreations {	width: 60%;  margin-left: 20%; text-align: center; }
table.listecreations td {padding: 1em; font-family: "Comic Sans MS", cursive;}							 
.imgtable {	width: 90%; position: relative; left: 5%; }
table.imgtable td {	padding: 0.2em	}  
table.vueortho { width: 615px; position: relative; left: 50%; margin-left: -308px;}
table.vueortho h4 {  text-align: center;}	
							 
/* Menus de la page d'accueil et de la toolbar */		

.menu {	list-style-type: none; line-height: 2.4em; text-align: center; padding: 0.1em;
         font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 90%;   }
.menu hr {color: #330099; border-color: #330099; border-width: 1px;}
.toolbar {	margin: 1em; text-align: center;}
.toolbar li {	display: inline; padding: 0.3em; font-family: Verdana, Arial, sans-serif; 
               font-weight: bold; font-size: 82%; white-space: nowrap; }

/* class et ID de la page d'accueil */		
			
.historysite {font-family: Arial, Helvetica, sans-serif; margin-left: 6em; font-size: 85%; text-indent: -6em; line-height: 1.6em; }
.history {font-family: Arial, Helvetica, sans-serif; margin-left: 6em; font-size: 85%; text-indent: -6em; line-height: 2em; color: #66ff66; }
 #titre {text-align: center; margin-top: 2em; margin-bottom: 0em;}
 #portail { position: absolute; left: 50%; margin-left: -32em; margin-top: -7em; }
 #menugauche {width: 8em; position: absolute; top: 12em; left: 2.5em }
 #menudroit {width: 8em; position: absolute; top: 15em; left: 57em }
 #edito {position: absolute; left: 32em; top: 12em; margin-left: -17em; width: 34em}
 #edito  h4 {position: relative; left: 50%; margin-left: -95px; margin-bottom: 1em; }
 #maj {  width: 33em;  height: 20em;  overflow: auto; margin-top: 2em}
 #compteurs { 	text-align: center }
