/* Mise en page globale */
body {
margin: 0;
padding: 0;
background: white;
color: black;
font-size: 80%;
font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;
}

/* En-tête */
#header {
height: 100px;
background: #9e882f url(images/banniere.jpg) top left no-repeat;
}
#header img {
	float: right;
	margin: 5px 5px 0 0;
}
#header h1 {
	text-indent: -5000px;
	margin:0;
	line-height: 0;
}
#header p {
	margin: 43px 0 0 192px;
	font-weight: bold;
	color: white;
	font-size: 1.1em;
}


#blocmenu {
margin-right: 50px;
float: right;
}



/* Menu principal */
ul {
list-style-type: none;
margin:0;
padding:0;
position: relative; 
top: -13px; /* positionnement relatif du menu par rapport à l'en-tete*/
width: 100%; /* précision pour Opera */
}

li {
float: left;
}

.menu a {       /* définition de chaque bouton du menu */
width: 100px;	   /* largeur du bouton */
height: 20px;
float: left;
display: block;
text-align: center;
border: 1px solid #fff; 
text-decoration: none;
color: #000;
background: #fff;
}

.menu a:hover {
color: #411;
background: #AAA;
border: 1px solid gray; 
border-bottom: 0px;
color: #fff;
}

.menu a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}

.menu a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 20px;
left: 0;
width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu (nbr de boutons x taille bouton) */
text-align: left;
font-style: italic;
border-top: 1px solid gray;
color: #000;
}

/* Contenu global*/
#global {
padding-left: 10em;
padding-top: 2em;
padding-right: 10em;
width: 70%; /* limite de largeur pour ecrans wide */
text-align: justify;
}

#global h1 {
	font-weight: bold;
	font-size: 150%;
	padding-bottom: 0.2em;
	border-bottom: 3px solid #ffff99;
	font-variant: small-caps ;
	text-indent: 5px;
	color: #225500;
}

#global h2 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 110%;
	font-weight: bold;
	color: #228822;
}

#global a {
color: #225500;
}

#global a:visited {
border-bottom: 0px dotted #225500;
text-decoration: none;
}

#global a:hover {
border-bottom: 1px dotted #225500;
text-decoration: none;
}

#global img {
margin-left: 0pt;
margin-right: 6pt;
margin-top: 4pt;
margin-bottom: 6pt;
float: left
}

#align {
margin-left: 19em; /* alignement (peu orthodoxe :-) du texte par rapport aux images */
}

/* pied de page */
#footer {
margin-top: 10em;
margin-left: 25em;
margin-right: 25em;
padding-top: 1em;
border-top: 1px solid gray;
text-align: center;
color: gray;
}
#footer a{
color: gray;
text-decoration: none;
}

#footer a:visited {
border-bottom: 0px dotted;
text-decoration: none;
}

#footer a:hover {
border-bottom: 1px dotted;
text-decoration: none;
}

#nodisplay {
display: none;
}