body {
    font-family: 'Times New Roman', Times, serif; /* Utilisation de Times New Roman */
    background-color: #000; /* Couleur de fond noir */
    color: #f5a623; /* Couleur du texte en blanc */
    text-align: center;
	-webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.carte-container {
    position: relative;
    display: inline-block; /* Pour centrer la carte */
}

.layer {
    position: absolute; /* Positionner les couches les unes sur les autres */
    top: 0;
    left: 0;
    width: 100%; /* Ajuste la taille à 70% de la taille d'origine */
	height: auto; /* Conserve les proportions */
	display: none; /* Initialement masqué */
}

.carte {
    position: absolute; /* Positionner les couches les unes sur les autres */
    top: 0;
    left: 0;
    width: 100%; /* Ajuste la taille à 70% de la taille d'origine */
    height: auto; /* Conserve les proportions */
}

.controls {
    position: fixed; /* Rendre la section fixe */
    top: 80px; /* Positionner depuis le haut */
    left: 20px; /* Positionner depuis la gauche */
}

.button-frame {
    background-color: rgba(0, 0, 0, 0.7); /* Fond semi-transparent */
    padding: 10px; /* Espacement à l'intérieur */
    border-radius: 8px; /* Coins arrondis */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Ombre pour effet 3D */
}

.button-frame button {
    display: block; /* Afficher les boutons en bloc */
    width: 100%; /* Rendre les boutons larges */
    margin: 5px 0; /* Espacement entre les boutons */
    padding: 10px; /* Espacement à l'intérieur des boutons */
    background-color: #f5a623; /* Couleur de fond par défaut des boutons */
    color: #000; /* Couleur du texte des boutons */
    border: none; /* Pas de bordure */
    border-radius: 5px; /* Coins arrondis des boutons */
    cursor: pointer; /* Changer le curseur au survol */
}

.button-frame button:hover {
    background-color: #d89b1a; /* Changement de couleur au survol */
}

img {
    -webkit-user-drag: none; /* Safari */
    -khtml-user-drag: none; /* Konqueror HTML */
    -moz-user-drag: none; /* Firefox */
    -o-user-drag: none; /* Opera */
    user-drag: none; /* Non standard */
}