html, body{
  height : 100%;
  margin : 0;
  padding; : 0;
}
body{
  display : table;
  width : 100%;
}
/*HEADER*/
#header{
    display : flex;
    align-items : center;
    justify-content: flex-end;
    flex-direction : column;
    margin-top : 25px;
    margin : auto;
}
#banniere{
  margin : auto;
  max-width: 100%;
  max-height: 100%;
}
#name{
  margin-left: 0;
  margin-right: 30px;;
}
a{
  color :white;
  text-decoration:none;
}
/*BARRE DE MENU*/
#menu{
  display : flex;
  flex-direction : row;
  justify-content : center;
  align-items : flex-end;
  background-color:rgb(51,51,51);
  height : 50px;
  width : 100%;
}
.sommaire{
  font-size : 22px;
  padding-right : 15px;
  padding-left : 15px;
  height : 50px;
  display : flex;
  align-items : center;
  font-family : Verdana Pro;
}
.sommaire:hover{
  background-color : grey;
  opacity : 0.8;
}
/*SECTION*/
section{
  width : 810px;
  margin : auto;
  display : flex;
}
#ressourcestext{
  margin-top : 25px;
  font-size : 18px;
  text-align : justify;
}
#ressourceimg{
  float : right;
}
/*FOOTER*/
footer{
  display : table-row;
  height : 150px;
}
#footer{
  display: flex;
  justify-content: space-around;
  align-items : center;
  background-color: rgb(51,51,51);
  height : 150px;
  width : 100%;
  margin-top : 50px;
}
.footertext{
  color : white;
  font-size : 17px;
}
#adressetext{
  text-align : justify;
}
#contacttext{
  margin-bottom : 3px;
}