body
{
	/*background-color:rgb(200,200,190);*/
	background-image: url("./images/tile2.png");
	font-family: Georgia, Arial, Verdana, sans-serif;
	color:rgb(120,20,20);
	font-size: normal;
	text-align:center;
}

/************** les premiers niveaux de blocs (sauf nav)********************/
header
{
	background-color:rgb(200,200,190);
	/*text-align:center;*/
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	border: 1px rgb(100,100,0) solid;
	border-radius: 15px/10px;
	box-shadow: 6px 6px 4px black;
	/*padding:20px;*/
	min-width:1000px;
}


section
{
	background-color:rgb(235,235,225);
	border: 1px rgb(100,100,0) solid;
	border-radius: 15px/10px;
	box-shadow: 6px 6px 4px black;
	padding:20px;
	width:1050px;
	margin:auto;			/* pour centrer automatiquement les sections dans la page */
	margin-bottom:30px; 	/* espace qui separe les section */
}

footer
{

}

h1
{
font-size: 80px;
}
h2
{
text-align:center;
font-size: 60px;
}
h3
{
font-size: 48px;
}
h4
{
font-size: 40px;
}
h5
{
font-size: 32px;
}
h6
{
font-size: 24px;
}

/************** les seconds niveaux de blocs ********************/
article
{
	font-size: 1.5em;
	display:inline-block;
	vertical-align:middle;
	text-align: justify;
	margin:auto;
	margin-bottom:10px;	
}

aside
{
	display:inline-block;
	vertical-align:top;
	/*float:right;*/
	/*background-color:rgb(230,230,215);*/
	padding:10px;
	width:380px;
	margin:10px;
	text-align:center;
	font-size: x-large;
}

strong
{
	font-weight: bold;
}

a
{
color:rgb(210,40,40);
}

img
{
	border: 5px rgb(210,40,40) ridge;
	margin:auto;			 pour centrer automatiquement les sections dans la page 
	margin-bottom:30px; 	/* espace qui separe les section */
	/*position: absolute;
	margin-left:20px;*/
}

textarea
{
border: 5px rgb(210,40,40) ridge;
background-color:rgb(240,240,240);
height:240px;
width:350px;
}

rows { min-height:25px; margin-bottom:8px; }

.preambule
{
	font-family: "Times New Roman", Verdana, sans-serif;
	width:560px;
	font-size: 1.5em;
}

.question
{
	text-transform: uppercase;
}

.reponse
{
	margin-bottom:40px;
}

.element_dossier
{
	border: 5px rgb(210,40,40) ridge;
	background-color:rgb(230,230,230);
	padding:10px;
}

.comment
{
	width:600px;
	text-align:center;
}

/************** gestion du menu ********************/
nav
{
	background-color:rgb(215,215,215);
	border: 1px rgb(100,100,0) solid;
	border-radius: 15px/10px;
	box-shadow: 6px 6px 4px black;
	/*padding:10px;*/		/* ce parametre empeche le width de fonctionner correctement */
	width:90%;
	margin:auto;			/* pour centrer automatiquement le menu dans la page */
	margin-bottom:30px; 	/* espace qui separe le menu de la section */
    text-align: center;
    font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
    font-size: 48px;
}

nav ul
{
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-left: 21px;
    margin-right: 21px;
}

nav a
{
	color:rgb(210,40,40);
    font-size: 1.2em;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover /* hover c'est quand la souris passe dessus */
{
    border-bottom: 3px solid rgb(190,40,40); /* trace un trait de 3 pixel sous le texte */
}

/************** page mot de passe ********************/
label
{
	display: block; /* transforme un label en quelquechose de type block */
	width: 120px;	/* largeur du label */
	float: center;	/* position, pas clair, pourquoi ca met a la ligne plutot que centrer ??? */
}

.introduction
{
	margin-top:150px;
    color: blue;
	text-align: center;
}

.password_intro
{
	 /* text-align: center;   */
}

.important
{
	color: red;
	text-align: center;
	font: bold 20px Arial;

}

/***************** Bouton donné par ChatGPT ********************/

.button
{
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    background-color: #007BFF;
    border: none;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.button:hover 
{
    background-color: #0056b3;
}


textarea:
{
	overflow: hidden; /* Cache les barres de défilement */
    resize: none; /* Empêche le redimensionnement */
}