/*CSS par défaut 
*/
@font-face {
   font-family: 'godofwar';
  src: url('polices/godofwar.ttf') format('truetype');
}

body {	
	color: #AB9F82;
	font: 11pt/13pt georgia, sans-serif, bold;
	margin: 0px; padding: 0px;	
	background: black url(images/background_body.jpg) no-repeat center top;
	}

h1	{
	text-align: center;
	padding: 20px;
	line-height: 2;
	font-size: 36pt;
	font-family: 'godofwar';
	color: #EDE5D1;
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5); 
}

h2	{
	text-align: center;
	padding: 20px;
	font-family: 'godofwar';
	background-color: rgba(200, 200, 200, 0.5);
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5); 
}
h3	{
	text-align:center;
	padding: 10px;
	
}
a {
	color: #EDE5D1;
}
abbr {
	border-bottom: 1px dotted #AB9F82;
	cursor: help;
	font-weight: bold;
	}

main {
  max-width: 600px;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 50px;
  padding: 2em;
  background-color: rgba(139, 69, 19, 0.5);
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid black;
}


form {
  display: grid;
  gap: 1em;
}

label {
 padding-bottom: 10px;
}

input[type="text"],
select {
  width: 50%;
  padding: 0.5em;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: rgba(255, 228, 196, 0.5); /* Beige transparent */
}

button {
  padding: 0.5em 1em;
  background-color: #333;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

button:hover {
  background-color: #555;
}
.centre{
	text-align: center;
	position: center;
	 background-color: rgba(255, 228, 196, 0.5);
	 padding: 6px;
	  border-radius: 3px;
	 
}
.questions	{
	color: #D2B48C;
	font: 11pt georgia, sans-serif, bold;
	text-align : left;
	line-height: 2;
		
}

.recit	{
	text-align:justify;
}

img {
  max-width: 90%; /* La largeur maximale de l'image sera égale à la largeur de son conteneur */
  display: block;
  margin: 0 auto;
}
.attention	{
	color: red;
	text-align:center;
	background-color: rgba(255, 228, 196, 0.8);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	padding : 10px;
	 border: 2px solid beige;
	border-radius: 3px;
}

.recit img	{
      display: block;
      margin: 0 auto;
	  text-align:center;
	  margin-top: 15px;
	  margin-bottom: 15px;
}
.recit {
	text-align: center;
	
}

.floating-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 60%;
  background-color: rgba(255, 228, 196, 0.5);
  color: white;
  padding: 1em;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.floating-header nav {
  text-align: right;
}

.floating-header ul li {
  display: inline-block;
  margin-left: 20px;
}

.floating-header ul li:first-child {
  margin-left: 0;
}

.floating-header a {
  text-decoration: none;
  color: white;
  transition: color 0.3s;
}

.floating-header a:hover {
  color: #FFD700; /* Changez la couleur au survol */
}

.bordure
	{
	border: 2px solid beige; /* Bordure de 1 pixel de large, solide et noire */
    padding: 20px; /* Espace à l'intérieur de la bordure */
	text-align:center;
	border-radius: 3px;
	line-height: 2;
	}
.fixed-box {
    position: fixed;
    bottom:200px; /* Position verticale depuis le haut de la fenêtre */
   left: 120px; /* Position horizontale depuis la gauche de la fenêtre */
    width: 150px;
    height: auto;
    background-color: rgba(200, 200, 200, 0.5);
    border: 2px solid beige;
	border-radius: 3px;
    padding: 10px;
	text-align : center;
}

table {
    border-collapse: collapse;
    width: 100%;
    max-width: 560px; /* ajustez selon vos besoins */
    margin: 0 auto;
	color: black;
}

table, th, td {
    border: 1px solid black;
}

th, td {
    padding: 10px;
    text-align: center;
	font-size: 10pt;
	
	
}

table {
    background-color: rgba(255, 235, 205, 0.7); /* Couleur beige transparente */
	max-width: 95%;
}

th {
    background-color: beige; /* Couleur beige non transparente pour l'en-tête */
    
}
.resultats_bruts
{
	max-width: 1200px;
}
footer	{
	text-align: center;
	 position: fixed;
	 bottom: 0;
	 right: 0;
}