/* Éléments généraux */
 
html { background-image: url("pics/fond_space.png"); margin-left: auto; margin-right: auto; color: #000000; background-color: #000000;}
body { background-image: url("pics/fond_bleu.png"); min-height: 1200px; min-width: 780px;  padding: 1em; margin: 1em; background-color: #D0D1D9; border: thin #8A2BE2;   -moz-border-radius : 1.2em; }
h1   { width: 420px; margin: 2.5em auto 3em auto;  font-size: 140%;}
h2   { width: 350px; margin: 1.8em auto 40px auto; font-size: 125%; }
h3   { width: 300px; margin: 3em auto 1.5em auto; font-size: 110%;} 
h4   { width: 189px; margin: auto;}
h1, h2, h3, h4 { color: #24027D; font-weight: normal; text-align: center; background-color: #a0a0bb;   -moz-border-radius : 0.2em; 
                 font-family:  Verdana, Arial, sans-serif; background-image: url("pics/fond_grisfonce.png"); padding: 0.3em;  border: 2px solid Gray; }
			h4 a:link    { color: #330099}
			h4 a:visited { color: #800080}  
					  
p, ul  { width: 90%;  max-width: 40em; margin: 2em auto 1em auto; font-size: 105%; font-family: Arial, sans-serif; text-align: justify;  padding: 0.3em 0.5em 0.3em 1em;  border-left: 1px solid #666666; }

img { border: 0;  margin: 0.8em;}
hr {color: #330099; border-color: #330099; border-style: solid border-width: 1px;}

 /* Liens */
 
a:link       { color: #26004C; text-decoration: none; }
a:hover      { color: #ff0000; text-decoration: underline}
a:active     { color: #ff0000; font-size: larger; text-decoration: overline}
a:visited    { color: #7861A4; text-decoration: none}
  a[rel="external"]:before { padding: 0.25em;  content: url("pics/external.png") ;}


/* Divers centrages */

div.version    { text-align: center; padding: 3.2em; font-family: Verdana, Arial,  sans-serif; 
                 font-size: 78%; font-weight: bold;	line-height: 2em;} /* Utilisé dans la partie logiciel aussi */
div.imagecentre    { text-align: center; }
div.lienforum {	text-align: center; margin: 1em auto 1em auto ; font-weight: bold; 
							font-family:  Verdana, Arial, sans-serif; width: 20em; padding: 0.5em;}


.licence {text-align: center; margin: 3em; font: 80% Verdana, Arial, sans-serif; } 	/* 3 utilisations */		


/* Toolbar */		
			
.toolbar {	margin: -1.3em auto 1em auto; border: 0; text-align: center;  max-width: 70em; }
.toolbar li {	display: inline; padding: 0.25em; font-family: Verdana, Arial, sans-serif; margin: 0 0.5em 0 0.5em; 
               font-weight: bold; font-size: 82%; white-space: nowrap; border-left: solid 1px;  border-bottom: solid 1px;  -moz-border-radius: 7px; }	
		 #titremini { margin: 0 ;  padding: 0; border: 0; }
.toolbar li a img { margin: 0 ;  padding: 0; display: inline;   }
		 					 
/* Page d'accueil  */		

/* .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%;   } */

div.signature { text-align: right; font-family: "BrushScript BT", cursive; margin-top: 3em; margin-right: 14%; }				/* Babylon V aussi */			
	
.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: #68697B; }
 #titre {text-align: center; margin: -1.4em auto 1.5em auto; border: 2px none Gray; width: 773px; height: 90px; padding: 0;  }
 #titre a img { margin: 0; padding: 0;}
 #edito { margin : auto; width: 45%; float: left; margin: 3em auto auto auto; }
 #edito  h4 { margin-bottom: 1em; }
 #maj {  width: 45%;  height: 25em;  overflow: auto; margin: 3em auto auto auto; background-image: url(pics/fond_gris.png); background-color: #9C9AA9; padding: 1.5em;}
 #footer { 	height: 10em;} /* spacer */