* { 
	margin:0; padding:0; 
	}
BODY { 
	PADDING-TOP: 25px;
	BACKGROUND: white /*url(5GA.png) no-repeat top center*/;
	BACKGROUND-COLOR: #fff;
	FONT-FAMILY: Georgia, times, serif;
	FONT-SIZE: 1.2vw;
	TEXT-ALIGN: justify;
	COLOR: #111; 
	WIDTH: 830px;
	MARGIN-LEFT: auto; /* remplacer par auto; pour centrer */
	MARGIN-RIGHT: auto; 
	}
/* 
#menu { 
	FLOAT:left;
	MARGIN: 20px 0px 0px 0px;
	WIDTH:135px;
	}
*/
#footer { 
	CLEAR: both;
	PADDING: 8px; 
	TEXT-ALIGN: right; 
	FONT-SIZE: 0.7vw; 
	COLOR: #AAA; 
	}
H1, H2, H3, H4, H5, H6 { 
	TEXT-ALIGN: left; 
	}
H1, H2, H3, H5 {
	COLOR: #83100D;
	}
H1 { 
	FONT-SIZE: 3vw; 
	}
H2 { 
	FONT-SIZE: 2.5vw; 
	}
H3 { 
	FONT-SIZE: 1.4vw; 
	}
H4 { 
	FONT-SIZE: 1.3vw; 
	COLOR: #111; 
	}
H5 { 
	FONT-SIZE: 1.2vw; 
	}
H6 { 
	FONT-SIZE: 1.2vw; 
	COLOR: #111; 
	}
p  { 
	MARGIN: 6px 0px;
	FONT-SIZE: 1.2vw; 
 	COLOR: #333; 
	}
blockquote { 
	MARGIN-LEFT: 3ex;
	MARGIN-RIGHT: 1ex; 
	FONT-SIZE: 1.2vw; 
	COLOR: #111; 
	}
td { 
	font-size: 1.2vw; 
/*	text-align: justify;*/ 
	vertical-align: top; 
	COLOR: #111; 
	}
td.alignright {
    font-size: 1.2vw; 
	text-align: right; 
	vertical-align: top; 
	COLOR: #111; 
	}
UL {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px;
	LIST-STYLE-TYPE: none;
	FONT-SIZE: 1.2vw;
	COLOR: #111; 
	}
LI {
	TEXT-ALIGN: left;
	LIST-STYLE-TYPE: none;
	COLOR: #111; 
	}
a, a:link, a:visited, a:active {
	COLOR: #111; 
	FONT-WEIGHT: bold;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	FONT-SIZE: 1.2vw;
	}
a:hover { 
	COLOR: #a80f0f;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	FONT-SIZE: 1.2vw;
	BACKGROUND-COLOR: #B7B7B7;
	}
a.h3 {
    FONT-SIZE: 1.4vw; 
    TEXT-ALIGN: left; 
    COLOR: #83100D;
    }
a.h3:hover { 
    BACKGROUND-COLOR: #B7B7B7; 
    }
span.note {
/*    position: relative;*/
    background-color:#DDD;
    cursor: pointer;
    }
span.note:hover {
    background-color:#fff
    }
span.note span {
    display: none
    }
span.note:hover span {
    display: inline-block;
    position: absolute;
    float: none;
    width: 18%;
    text-align: left;
    border: 2px solid #000;
    padding: 7px;
    background-color:#EEE; 
    font-size: 1vw;
    z-index:10;
    }

#menu table {
	WIDTH: 830px;
    PADDING: 0px;
	MARGIN: 0px;
	BACKGROUND-COLOR: #CCC;
	}
#menu td {
/*	MAX-WIDTH: 118px;*/
	PADDING: 2px 2px 2px 2px;
    MARGIN: 0px;
	BORDER-TOP: 2px solid #e8e8e8;
   	BORDER-LEFT: 2px solid #e8e8e8;
	BORDER-BOTTOM: 1px solid #888;
	BORDER-RIGHT: 2px solid #888;
	COLOR: #3A3A3A;
	BACKGROUND-COLOR: #D7D7D7;
	FONT-SIZE: 1.2vw; 
	TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
/*    FONT-WEIGHT: bold;*/
	TEXT-DECORATION: none;
	}
#menu td:hover {
	COLOR: #a80f0f;
	BACKGROUND-COLOR: #B7B7B7;
	}
#menu td.active {
/*	MAX-WIDTH: 118px;*/
	PADDING: 2px 2px 2px 2px;
    MARGIN: 0px;
	BORDER-TOP: 2px solid #CCC;
	BORDER-LEFT: 2px solid #CCC;
	BORDER-BOTTOM: 1px solid #CCC;
	BORDER-RIGHT: 2px solid #CCC; 
	BACKGROUND-COLOR: #CCC;
	FONT-SIZE: 1.2vw; 
	TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
/*    FONT-WEIGHT: bold;*/
	TEXT-DECORATION: none;
	}
#menu td.divider {
    WIDTH: 1px;
    }
    
/*.fixed {
	DISPLAY: block;
 	POSITION: fixed; 
	FLOAT: right; 
	BOTTOM: 2em;
    RIGHT: 1em;
    BACKGROUND-COLOR: #EEE;
    ZOOM: 1;
    FILTER: alpha(opacity=85);
    OPACITY: 0.85;*/
#fixed {
	DISPLAY:block; 
	FLOAT:left;
	MARGIN: 75px 0px 0px -120px;
	WIDTH:100px;
/*	TOP:500px; 
	LEFT:35px; 
	WIDTH:135px; */
	POSITION:fixed; 
/*    filter:alpha(opacity=80);   /* Internet Explorer 6     */
/*    -moz-opacity:0.8;           /* Mozilla 1.6 et infér.   */
/*    opacity: 0.8;               /* CSS3 et Mozilla récents */*/
    COLOR: #444; 
	}
#fixed a {
	DISPLAY: block;
    PADDING: 4px;
	BORDER-TOP: 2px solid #e8e8e8;
    	BORDER-LEFT: 2px solid #e8e8e8;
	BORDER-BOTTOM: 1px solid #888;
	BORDER-RIGHT: 2px solid #888;
	COLOR: #3A3A3A;
	BACKGROUND-COLOR: #D7D7D7;
	FONT-SIZE: 0.9vw; 
	FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
	}
#fixed a:hover {
	COLOR: #a80f0f;
	BACKGROUND-COLOR: #B7B7B7;
	}
.border { PADDING: 5pt;
	BORDER: 1px solid #224;
	FONT-SIZE: 0.9vw;
   	TEXT-ALIGN: left;
	}
.smallcaps { 
	font-variant: small-caps; 
	}
.super { 
	font-size: 60%;
	vertical-align: super; 
	}
.sub { 
	font-size: 60%;
/*	vertical-align: sub;*/ 
	}
.small {
	FONT-SIZE: 8pt;
	}
.large {
	FONT-SIZE: 1.3vw;
	}
.indent {
    MARGIN-LEFT: 12pt;
    TEXT-INDENT: -12pt;
    }    
.disc { margin-left: 2ex; 
	text-indent: -2ex;
	list-style-type: disc;
    list-style-position: inside
    }
.list { margin-left: 2ex;
      padding-bottom: 1ex;
      text-indent: -2ex; }
.red { 
	COLOR: #83100D;
    }
.alignleft {
    TEXT-ALIGN: left;
    }
.alignright {
    TEXT-ALIGN: right;
    }
.aligncenter {
    TEXT-ALIGN: center; 
    }
.mod {
    FONT-SIZE: 0.7vw;
    TEXT-ALIGN: right;
    COLOR: #AAA;
    }
.popup { width: 500px; }
/*.popup a span {
    display: none;
    }
.popup a:hover span { 
    display: block;
    position: absolute;
    top: 500px;
    left: 200px; 
    width: 600px;
    PADDING: 4pt;
    MARGIN: 4pt;
    text-align: justify;
    BORDER-TOP: 2px solid #eee;
    BORDER-LEFT: 2px solid #eee;
    BORDER-BOTTOM: 2px solid #888;
    BORDER-RIGHT: 2px solid #888;
    background-color: #D7D7D7;
    filter:alpha(opacity=90);   /* Internet Explorer 6     */
/*    -moz-opacity:0.9;           /* Mozilla 1.6 et infér.   */
/*    opacity: 0.9;               /* CSS3 et Mozilla récents */
/*    COLOR: #111; 
    }*/
.pop a span {
    margin-left: 100px;
	BORDER: 1px solid #224;
    width= 700px
    display: none;
    }
.pop a:hover span { 
    display: block;
    position: absolute;
/*    top: 500px; */
    left: 200px; 
    width: 500px;
    PADDING: 4pt;
    MARGIN: 4pt;
    text-align: justify;
    BORDER-TOP: 2px solid #eee;
    BORDER-LEFT: 2px solid #eee;
    BORDER-BOTTOM: 2px solid #888;
    BORDER-RIGHT: 2px solid #888;
    background-color: #D7D7D7;
    COLOR: #111; 
    }