div#header {
  width: auto;
  height: auto;
  margin-top : 10px;
  margin-left: 10em;
  margin-right:10em;
/*  background-color: #000000; */
/*  background-color:white; */
  color: black;
  font-family: computer modern;
  font-size: 125%;
}

span#header_title {
  display: block;
  font-size: 300%;
}

span#header_legend {
  display: block;
  padding: .3em;
  font-size: 200%;
}



div#main {
  padding: 20px;
  background-color:#white;
  float: right
  color: #white;
  font-size: 125%;
/*  margin-top: -30px;*/
  margin-left: 10em;
  margin-right: 10em;
  font-family: computer modern;
  font-size: 10pt;
  text-align: justify;
}





div#sidebar {
/*  position: fixed;*/
  float: left;
  width: 12.5em;
/*  width: 18.5%;*/
  height: 47em;
/*  height: 100%;*/
  top: 0em;
  left: 0em;
  bottom: -0em;
  background-color: #000080;
  color: white;
  font-family: computer modern;
    
  
}

span#sidebar_title {
  display: block;
  font-size: 300%;
  margin-top: 0.8em;
/*  margin-bottom: 0.5em;*/
  margin-bottom: 0.1em;
}

span#menu {
  display: block;
  margin-bottom: 3em;
}

span#menu a {
  display: block;
  text-indent: .2em;
  text-align: left;
  font-size: 100%;
  background-color: #3333CC;
  padding: .2em 0;
  text-decoration: none;
  color: white;
}

span#menu a:hover {
  font-weight: bold;
}

span#texte {
  font-size: 100%;
  color: #000000;
}

span#commentaire {
  font-size: 100%;
  color: #0000FF;
}

span#logos {
  font-size: 100%;
}

span#logos p {
  display: block;
  margin: .1em;
}

span#logos img {
  margin: 5px;
  border-style: none;
    
}


body { 

 background-image: url("map4.png");
                background-attachment:fixed;
                overflow:scroll
                position: 50% 50%
                repeat: no-repeat 
                width:100%;
		height:75%;
    
         	


          
        background-color:white;
        color: #000000;
/*  margin-left: .5em;*/
/*  margin-right: .5em;*/
       font-family: computer modern;
        font-size: 10pt;
      text-align: justify;

}


h1 {
  font-size: 200%;
  margin: 1.5em .5em .5em .5em;
  color: black;
  font-family: computer modern;

}



h2 {
  font-size: 150%;
  color: black;
 font-family: computer modern;
}



h3 {
  font-size: 125%;
  color: #000000;
  text-indent: 0.7em;
 
  margin-top : 40px;
  margin-left: 5em;
  margin-right:5em;
  font-family: computer modern;  
}

p#footer {
  font-family: computer modern;
  font-size: 80%;
}


.hovermenu ul{
font: bold 15px computer modern;
padding-left: 0;
margin-left: 0;
height: 30px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: #000000;
float: center;
color: black;
background-color:#F2EFE9;
border: 2px solid #000000;
}

.hovermenu ul li a:hover{
background-color:#8DC56C;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}