body, th, td, p, li, span, div, a, SELECT, INPUT, TEXTAREA {
	font-size: 12px;
	font-family : Verdana,Arial,Helvetica;
}

body {
	background-color: dimgray;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-Bottom:10px;
}

li, p, span {
	text-align: justify;
}

/* lettrines */
td.blockcorps:first-letter {
	font-family: vivaldi, "French Script MT", "Lucida Handwriting", mistral, verdana, helvetica, arial, sans-serif;
	color: #000044;
	font-size: 12px;
	float: left;
	text-transform: uppercase;
}
.lettrine:first-letter {
	font-family: vivaldi, "French Script MT", "Lucida Handwriting", mistral, verdana, helvetica, arial, sans-serif;
	color: #000044;
	font-size: 200%;
	float: left;
	text-transform: uppercase;
}

A, A:visited, A:hover { 
	FONT-STYLE: normal;
	TEXT-DECORATION: none;
	FONT-WEIGHT: normal;
}

A, A:visited {
	COLOR: firebrick;
}
A:hover {
	COLOR: red;
	text-decoration:underline;
}

table.principal {
	border-collapse: collapse;
	border: 1px solid gold;
	background-color: white;
	width: 980px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

td.colmenus {
	width: 166px;
	font-size : 12px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	vertical-align: top;
	color: dimgray;
	border-left: 1px gold solid;
  border-right: 1px gold solid;
  
  background-color: firebrick;
}

.colmenus div, .colmenus a, .colmenus a:visited {
	font-size : 9px;
	color: white}

.colmenus a:hover {
	font-size : 9px;
	color: black;
	text-decoration:underline;
}

.colmenus INPUT, .colmenus SELECT, .colmenus TEXTAREA {
	FONT-SIZE: 9px;
	background-color: dimgray;
	border-style: groove;
	color: white;
}
.colmenus INPUT:hover {
	background-color: black;
	color: white;
}


td.credits {
	background-color: gold;
	width: 976px;
	height: 22px;
	text-align:center;
	font-size : 10px;
	
	border: 1px gold solid;
}

td.banniere {
	padding: 0px;
	width: 980px;
	border-bottom: 1px gold solid;
}

td.contenu {
	padding: 4px;
	width: 818px;
	vertical-align: top;
	font-size : 12px;
}

/* Les "block" */
.colmenus h1 {
		
	background-color: gold;
	color: black;
	width: 166px;
	height: 20px;
	
	text-align: left;
	
	font-style:italic;
	padding-left: 10px;
	font-size: 12px;
	/* CSS3 and Mozilla CSS*/
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
  
}

.contenu h1 {
	color: firebrick;
	width: 100%;
	height: 15px;
	
	font-style:italic;
	padding-left: 5px;
	font-size: 12px;
	
	border-bottom: 1px firebrick solid;
}

h1:before {
	content: "\25B6" " ";
	font-style:normal;
	font-weight: bold;
}

h1:first-letter {
	text-transform: uppercase;
	font-weight: bold;
}

h2 {
	color: firebrick;
	width: 100%;
	height: 15px;
	
	font-style:italic;
	padding-left: 5px;
	font-size: 12px;
	
	border-left: 5px firebrick solid;
}

h2:first-letter {
	text-transform: uppercase;
	font-weight: bold;
}

.navigation, .navigation a {
	font-weight: bold;
	font-style: italic;
	color: black;
}

INPUT, SELECT, TEXTAREA {
	FONT-SIZE: 9px;
	background-color: firebrick;
	border-style: groove;
	color: white;
}
INPUT:hover {
	background-color: red;
}

/** Les tableaux */
.bordure {
	border: 1px solid black;
	border-collapse: collapse;	
}
.bordure td, .bordure th {
	border: 1px solid black;
}
.th {
	background-color: #F2F6FA;
}
.legende {
	border-top: 1px solid black;
	background-color: #F2F6FA;
}

/* Menu "dynamique" */
.menu{
    position:relative;
    /* solve a Opera7/IE display bug */
    width:164px;
    margin-top:2px;
    margin-left:0px;
    margin-right:0px;
    margin-Bottom:7px;
    padding:2px;
    font-size : 12px;
}
    
.menu span{
    display:none;
}
    
.menu ul{
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:164px;
}
    
.menu li ul{
    visibility:hidden;
}
            
.menu li ul{
    margin-left:164px; /* be careful */
    margin-top:-24px;
}
    
.menu a, .menu a:visited {
		font-size : 12px;
		background-color: white;
    text-align:center;
    color:firebrick;
    font-weight: bold;
    display:block;
    width:164px;
    border-right: 1px gold solid;
    border-top: 1px gold solid;
    border-bottom: 1px gold solid;
    border-left: 5px gold solid;
    
    text-decoration:none;
    margin:0;
    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */

}
    
.menu a:hover {
		font-size : 12px;
    background-color: gold;
    border-left: 5px firebrick solid;
    text-decoration:underline;
    font-weight: bold;
    color:firebrick;
}

/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: gold;
    border-left: 5px firebrick solid;
    text-decoration:underline;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
}
        
.menu li{
    width:164px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
}
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
}