html {
  font-size: 100%;
}

body {
  background-color: #9BB2DA;
  color: #000;
  line-height: 1.3;
  font-family: Courier;
  font-style: normal;
  font-weight: normal;
}
#home a {
  display:block;
  width:180px;
  color:black;
  text-decoration:none;
  padding:5px;
  border:2px solid;   /*Effet bouton*/
  border-color:#DCDCDC #696969 #696969 #DCDCDC; /*Effet bouton*/
}
#home a:hover {
  background-color:#D3D3D3;
  border-color:#696969 #DCDCDC #DCDCDC #696969;
}
#navigation ul {
  margin:0;
  padding:0;
  list-style-type:none;
  text-align:center;
}
#navigation li {
  float:left;
  margin:auto;
  padding:0;
  background-color:#6495ED;
}
#navigation li a {
  display:block;
  width:140px;
  color:black;
  text-decoration:none;
  padding:5px;
  border:2px solid;   /*Effet bouton*/
  border-color:#DCDCDC #696969 #696969 #DCDCDC; /*Effet bouton*/
}
#navigation li a:hover {
  /*color:yellow;*/
  background-color:#D3D3D3;
  border-color:#696969 #DCDCDC #DCDCDC #696969;
}
#navigation ul li ul {
  display:none;
}
#navigation ul li:hover ul {
  display:block;
}
#navigation li:hover ul li {
  float:none;
}
#navigation li ul {
  position:absolute;
}

#user_actif{
  text-align: right;
  width: 50px;
}
#one_button a{
  text-align: center;
  margin-left: 42%;
  align-self: center;
  display:block;
  float: center;
  align-items: center;
  /* width:140px;*/
  color:black;
  text-decoration:none;
  /*padding:5%;*/
  height: 5%;
  width: 16%;
  border:2px solid;   /*Effet bouton*/
  background-color:#6495ED;
  border-color:#DCDCDC #696969 #696969 #DCDCDC; /*Effet bouton*/
}
#one_button a:hover {
  /*color:yellow;*/
  background-color:#D3D3D3;
  border-color:#696969 #DCDCDC #DCDCDC #696969;
}

a{
  color: blue;
}

footer {
  position:fixed;
  bottom:0px;
  text-align: center;
  width:99%;
  height:75px;
}
footer img {
  align:center;
  width:30px;
  height:30px;
}