body{

background-color: #5C0A0A;
margin: 0;
font-family: Arial;

}


.conteneur {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}



h1 {

font-size: 100px;
font-weight: bold;
color: #D6B61E;
text-align: center;

 }



ul {

list-style-type: none;

}

ol{

list-style-type: none;
font-size: 18px;
color: #EA4343;

}

h2 {

font-size: 32px;
color: #D6B61E;

}

nav {

text-align: center;
border: 10px solid black;
padding: 15px;
float: center;
margin: 50px;
background-color: #FCE8E8;

}

a:hover{

color: #400707;
font-size: 20px;

}

a{

color: #EA4343;

}


article{

padding: 10px;
border: 2px solid black;
border-radius: 5px;
height: auto;
display: block;
width: calc(50% - 10px);
box-sizing: border-box;
background-color: #FCE8E8;

}

picture{

width: 100%;
height: auto;
display: block;

}

body.noir{

background-color: black;
color: green;

}

#enigme {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;

background: black;
z-index: 9999;

display: none;

pointer-events: auto;
  
color: green;
font-size: 50px;
text-align: center;

font-family: "Soria",
}


.espace-fin {
height: 300px;
}


#credits{

background: black;
color: white;
display: none;
font-family: "Nunito";

}

#contenu_credits{

background: black;

}


#grilleCavalier td{
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
cursor: pointer;
font-weight: bold;
font-size: 18px;
}

.case_blanche{
background-color: white;
}
.case_noire{
background-color: black;
}
.case_secrete{
background-color: #5C0A0A;
}

#grilleCavalier td.visite{
background-color: lightgreen !important;
}

#resetCavalier {
margin-top: 10px;
padding: 8px 15px;
font-size: 16px;
cursor: pointer;
}


#intermission{
display: none;
position: fixed;
inset: 0;
width: 100vw;
height: 100vh;
object-fit: cover;
z-index: 999999999;
}


#image_piece{
display: block;
margin: 50px auto;
max-width: 100%;
}

#pauseBtn {
display: none;
position: fixed;
top: 20px;
right: 20px;
z-index: 20000;
}






















aside {
  position: relative;
  width: 40%;
  overflow: hidden;      
  margin: 0 auto;
}

aside table {
  position: relative;
  transform: translateX(0);
  background-color: #FCE8E8;
  border: 4px solid black;
}


th {
  background-color: #D6B61E;
  font-weight: bold;
  color: #400707;
  font-family: "Poppins";
  min-width: 200px;
}




#pompeZone{
  margin: 30px;
  text-align: center;
}

#pompeBtn{
  font-size: 24px;
  padding: 15px 30px;
  cursor: pointer;
}

#photo_alan_turing{

width: 200%;

}

#regles cavalier{


width: calc(50% - 10px);
box-sizing: border-box;

}

#deplacement_piege{


width: calc(50% - 10px);
box-sizing: border-box;
}

#deplacement_cavalier{

width: calc(50% - 10px);
box-sizing: border-box;

}

#grilleCavalier td {
  width: 60px;
  height: 60px;
  text-align: center;
  vertical-align: middle;
}

#messageCavalier{

font-family: "IBM Plex Mono";

}
























#annee1912{
cursor: default;
}