BODY  {
    font-family : sans-serif;
    font-size : small;
    background: #9a9ac3;
    color : black;
}

.titre {
    color : black;
    text-align : center;
    font-size : small;
    font-weight : bold;
}

.licence {
    color: gray;
    font-size : x-small;
    margin: 0.5em;
}

.cadreRouge {
    color : black;
    text-align : left;
    border: 3px solid red;
    padding:5px;
    margin: 5px;
    }

A:link {
    color : black;
}
A:visited {
    color : black;
}
A:hover {
    color : red;
}

.centered {
  color : black;
  font-size: small;
  position: relative;
  width: 70%;
  padding: 0.5em 1%;
  background-color: white;
  border: 2px solid black;
  left: 11em;
  margin: 1em;
  }

.simple {
  color : black;
  text-align : center;
  font-size: small;
  position: relative;
  margin: 1em;
  }


.absoleft {
  color : black;
  position: absolute;
  top: 1em;
  left: 1em;
  width:7em;
  }

html>body .absoleft {
position: absolute;
}

.titremenu {
    text-align : center;
    font-size : small;
    font-weight : bold;
    color: white;
}

.menu {
  border: 2px dotted white;
  background-color: #d3d4ea;
  color: black;
  font-size: x-small;
  text-align : center;
  margin: 0.5em;
  padding:0.5em;
  }

.menu2 {
  border: 0px;
  color: black;
  font-size: small;
  text-align : center;
  margin: 0.5em;
  }