/* Suppression des spécificités des navigateurs et définition des fontes */
* { padding: 0; margin: 0; border: 0; font-family: Arial,Helvetica,"Liberation Sans",sans-serif; }

/* Conteneur du texte de présentation : position fixe prédéfinie, taille, fond, marge intérieure, bordure gauche, définition du texte */
#texte {
	position: fixed;
	top: 0;
	left: 201px;
	width: 569px;
	background-color: #cc6600;
	padding: 10px;
	border-left: 10px solid #ffe6cc;
	color: white;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}

/* Conteneur du menu : position fixe prédéfinie, taille, fond, marge intérieure, bordure gauche et haute */
#menu {
	position: fixed;
	top: 69px;
	left: 201px;
	width: 569px;
	color: white;
	background-color: #cc6600;
	padding: 10px;
	border-left: 10px solid #ffe6cc;
	border-top: 5px solid #ffe6cc;
	line-height: 16px;
}

#menu p { /* Marge intérieure de l'information */
	padding: 10px;
}

/* Configuration du tableau */
.rubrique {
	width: 100px;
	background-color: #E2F9FB;
	text-align: center;
	padding: 3px;
	margin: 5px;
	border: 2px solid black;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
}

/* Couleur des liens */
.rubrique a {
	color: black;
}

/* Coin photo : position, taille, couleur, marge intérieure, position fixe prédéfinie */
#coin { /* Sélecteur de l'id "coin" */
	position: fixed;
	top: 0;
	left: 0;
	background-color: #cc6600;
	padding: 10px;
}

/* Sommaire : position fixe prédéfinie, taille, couleur du fond, marge intérieure */
#sommaire {
	position: fixed;
	top: 216px;
	left: 0;
	width: 190px;
	height: 100%;
	background-color: #ffe6cc;
	padding: 5px;
	font-weight: bold;
}

/* Items réguliers du sommaire : couleur, fond, marge intérieure et extérieure, bordure, définition du texte */
.paragraf {
	background-color: #E2F9FB;
	text-align: center;
	padding: 3px;
	border: 2px solid black;
	line-height: 20px;
}

/* Contenu de la page */
#page {
	position: fixed;
	top: 216px;
	left: 201px;
	width: 582px;
	height: 80%;
	padding-top: 10px;
	padding-left: 5px;
	background-color: #ffe6cc;
	overflow: scroll;
	border-left: 10px solid #cc6600;
}

/* Les titres et paragraphes */
h1 { font-size: 24px; font-style: italic; color: #a85400; padding: 0 0 10px 20px;}
h2 { font-size: 20px; color: #a85400; padding: 8px 0 0 8px;}
h3 { font-size: 18px; color: #a85400; padding: 4px 0 0 16px;}
h4 { font-size: 16px; font-style: italic; color: #a85400; padding: 2px 0 0 24px;}
h5 { font-size: 14px; color: #a85400; padding: 2px 0 0 24px;}
#page p { padding: 0 0 7px 7px;}
#page ul { margin-left: 14px; padding-bottom: 7px;}
li { margin-left: 7px; display: list-item; font-size: 1em;}
ol { margin-left: 14px; padding-bottom: 7px;}

/* Position des images */
.gauche { float: left; padding-right: 10px;}
.droite { float: right; padding-left: 10px;}

.cle { background-color: white; padding: 14px; border: 2px solid #288F97; }

.p5 { padding: .15em 0; color: #00A7FA; }