/* --- CHARTE CARACTÈRES -- */
@font-face {
  font-family: 'Oswald-Regular';
  src: url('/fonts/Oswald-Regular.eot');
  src: url('/fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
  url('/fonts/Oswald-Regular.woff') format('woff'),
  url('/fonts/Oswald-Regular.ttf') format('truetype'),
  url('/fonts/Oswald-Regular.svg#texgyreadventorregular') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  
@font-face {
  font-family: 'MLSJU';
  src: url('fonts/MLSJU.ttf');
  src: url('fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/MLSJU.ttf') format('truetype'),
  url('fonts/MLSJU.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  }
  
  html, body {
  color:#eee;
  font-size:100%;
  width:70%;
  margin:50px auto;
background-color: #ff0000;
/*background-image: url('fond.jpg');
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;*/
font-family:'MLSJU';
}
.disk {
  width: 800px;
  height: 800px;
  margin: 30px -300px;
  border-radius: 50%; /* pour faire un cercle */
  background-color: #000; /* pour appliquer une couleur de fond */
}

div.arcane {
width:680px;
height: 300px;
border:solid 1px #ccc;
background:#333;
border-radius:8px;
padding:30px;
border: solid 1px #ccc;
}
div.arcane img {
width: 360px ;
border: 3px solid #fff;
border-radius:8px;
}
div.message {
padding:10px;
font-family:'MLSJU';
}