BODY  {
    font-family : sans-serif;
    font-size : small;
    background: #e8e2d8;
}

.titre {
    color : #405649;
    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;
    }

.noCadre  {
    color : black;
    text-align : center;
    }

A:link {
    color : #11146e;
}
A:visited {
    color : #11146e;
}
A:hover {
    color : purple;
}

.centered {
  color : black;
  font-size: small;
  position: relative;
  width: 70%;
  padding: 0.5em 1%;
  background-color: #bed3c6;
  border: 3px solid #405649;
  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;
  }

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

.menu {
  border: 3px solid #666a99;
  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;
  }