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

#header{
position: relative;
height: 100px;
background: darkblue url(banniere.jpg) top left no-repeat;
}

#header img{
float: left;
margin: 1px 1px 30px 30px;
}

#header h1{
   text-indent: -5000px;
	 margin: 0;
	 line-height: 0;
}
#header p {
   
}
#logo{
position : absolute;
top: 19px;
left: 18px;
font-size: 3em;
color: maroon;
background: white;
padding: 5px;
}
#agrement{
position : absolute;
top: 77px;
left: 20px;
font-size: 1em;
color: white;
background: maroon;
padding: 5px;

}
#devise {
position : absolute;
top: 20px ;
left: 250px;
width: 180px;
}
#devise p {
	 color: navy;
	 font-size: 1.1em;
	 background: lightblue;
	 padding:5px;
}
#menuhaut {
margin: 0;
padding: 0.1em 0.5em 0.1em 0;
list-style-type: none;
background-color: navy;
color: white;
text-align: right;
}

#menuhaut li {
display: inline;
}

#menuhaut a {
color: white;
text-decoration: none;
}

#menuhaut a:hover {
text-decoration: underline;
}

#menu {
float: left;
width: 17em;
padding: 0.5em 0 0.8em 0;
margin: 0px;
background: navy url(fondmenu.jpg) bottom left no-repeat;
}

#menu ul {
list-style-type: none;
padding:0;
margin: 0 1em;
}

#menu li a {
   display: block;
	 text-decoration: none;
	 height: 1.4em;
	 line-height: 1.4em;
	 color: white;
	 font-weight: bold;
	 font-size: 120%;
	 text-indent: 1em;
}

#menu li a:hover {
background: #cccc33;
color: #336600;
} 

#menu p {
margin: 1.5em 0 0 1em;
font-weight: bold;
color: white;
}

#menu form .champ {
width: 8em;
}

#global{
margin-left: 17.5em;

padding-left: 0.2em;
}

#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: #250;
}

#global h2 {
margin-top: 1em;
margin-bottom: 1em;
margin-right: 1em;
font-size: 110%;
font-weight: bold;
color: #500;
text-indent: 5px;
background : yellow left top no-repeat;
}

#global h3 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 90%;
font-weight: bold;
color: #282;
text-indent: 5px;
}

#encart {
float: right;
width: 250px;
margin: 0 5px 5px 5px;
padding-top: 30px;
background : yellow left top no-repeat;
}
#encart a:link {
text-decoration: underline;
}
#encart a:visited {
text-decoration: underline;
}

#encart h3 {
font-size: 130%;
margin: 0 0 0 40px;
color: #250;
}

#bloccadre {
background: url(postbas.png) left bottom no-repeat;
padding: 0 0 25px 40px;
}
#bloccadre ul {
margin: 1em 0 0 0;
padding:0;
}
#bloccadre li {
margin: 0;
list-style-image: url(postpuce.png);
}
#bloccadre li a {
color:black;
text-decoration: none;
}
#bloccadre li a:hover{
text-decoration: underline;
}
#formulaire{
margin : 1em 0 0 0;
padding : 20px;
background: lightblue;
}
#formulaire h1{
background: lightblue;
}

#rss{
font: .7em}

strong{
	background-color: #FFFF99;
}

#glossaire{
width:600px;
padding:0;
margin:auto;
background: #ccccff;
border: 2px ridge black;
}
#glossaire                                                                                                                                                                                                                                                                                                      dl{
margin-top:0;
margin-bottom:0;
}

#glossaire h1{
margin: 0 auto 0;
padding:8px;
font-size:2em;
font-weight:normal;
color: white;
background:#6495ed;
}                                                                                  

#glossaire dt{
font-size:2em;
margin: 0 auto 0;
padding:8px;
color: #ffffff;
background: #c0c0c0;
border-top:2px dashed black;
}
 
#glossaire dd{
font-size:1.5em;
margin: 0;
padding:8px;                                                                  
color: blue;
background: aliceblue;
}  
#glossaire strong{
font-weight:normal;
color: maroon;
background: aliceblue;
}