#menu ul {
 margin:1;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {
 float:left;
 margin:1;
 padding:0;
 background-color:rgb(255, 208, 0);
 }
#menu li a {
 display:block;
 width:200px;
 color:rgb(55, 0, 255);
 text-decoration:none;
 padding:5px;
 }
#menu li a:hover {
 color:black;
 }

#menu ul li ul {
 display:none;
 }

#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
 #menu li ul {
 position:relative;
 }





body {
	font-family : "Calibri";
	font-size: 18pt;
	background-color: rgb(97, 117, 138);
	color: #222
}

/* style du titre */
h1 {
	font-weight: bold;
	font-size: 150%;
	color: rgb(255, 98, 27);
	text-align: center;
	background-color: rgb(35, 55, 73);
	padding: 15pt;
}
/* style du premier sous titre */

h2 {
	font-weight: bold;
	font-size: 80%;
}

h2.number1 {
		color: yellow;
}

h2.number2 {
		color: yellow;
}

h2.number3 {
		color: green;
}

/* style des listes ordonnées */
o1.center {
	text-align:center;
}


/* style par défaut pour les paragraphes */
p
{
   width: 350px;
   
   text-align: justify;
   padding: 12px;
   margin: 50px; /* Marge extérieure de 50px */
}

p.fondgris {
	background-color : yellow green;
	text-align: justify;
	padding:5pt;
}

/* style de liens spécial pour la table des matières */
a.toc {
	color: red;
	text-decoration : overline; /* surligné */
}
/* style de liens spécial pour les tableaux */
table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 3px solid rgb(35, 55, 73);
}

thead th:nth-child(1) {
  width: 30%;
}

thead th:nth-child(2) {
  width: 20%;
}

thead th:nth-child(3) {
  width: 15%;
}

thead th:nth-child(4) {
  width: 35%;
}

th, td {
  padding: 10px;
}

tbody td {
  text-align: center;
}