*{
	margin: 0;
	padding: 0;
}
body{
	font-family: "Comic Sans MS", calibri, Arial, sans-serif;
	background-color: #F5CBA7;
}
.bgi{	/*Background Image*/
	background-image: url(image/839r.jpg);
	/*background-position: top;*/
   	background-size: 1500px;
   	background-repeat: repeat-y;
   	margin-top: 100px; 
}

nav ul {	/*Liste du Menu*/
 	list-style-type: none; /*Pas de puces*/
  	padding-left: 10px;
}
.gen { /*pour le corps de page*/
	color: black; /* Textes noirs */
	background-color: #CC9966; /* Couleur de fond  */
	line-height: 1.5em;
	width: 75%; /* Définit la largeur des div à xx% de leur parent (body ici) */
	/*font-size: 1em;*/
	border-radius: 15px;
	padding:  15px; /* Marge Interieure */
	overflow: auto;
	margin: auto; /* Permet de centrer les div dans leur élément parent (body ici) */
	margin-bottom: 20px;/*Marge Exterieure*/
}
ul, ol {
	margin-left: 0;
	padding-left: 40px;
}
p {
	padding-bottom: 1.25em;
}
h1 {	/*Titre du site*/
	color: #6699CC; 
	font-size: 3.5em;
}
h2 {	/*Titre de la page (défilant)*/
	font-size: 1.8em;
	font-weight: bold;
	color: white;
	padding:  0 15px 0px 15px; /* Marge Interieure */
}
h3 {	/*Titre de la section principale*/
	font-size: 1.6em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 20px;
	color: darkblue;
}
h4 {	/* Sous titre gras souligné */
	text-decoration: underline;
	font-weight: bold;
	margin-left: 2%;
	}
#conteneur {
	display: flex;
	justify-content: space-between; /*Un element de chaque coté*/
	width: 80%;
	margin: auto; /*Centrage horizontal du conteneur */
	align-items: stretch; /*Alignement horizontal des élements mise à la taille du plus grand*/
	margin-bottom: 20px; /*Marge exterieure*/
}
.title {
	
	background-color: #CC9966; 
	width: 75%;
	text-align: center;
	text-shadow: 6px 6px 6px black;
	border-radius: 15px;
	font-weight: bold;
}
.menu {	/* Menu */
	color: darkblue;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #6699CC; 
	/*height: auto;*/
	width: 18%;
	border-radius: 15px;
	padding: 10px;
	
}

.tp {	/*titre de page*/
	background-color: #996633;
  	width: 75%; /* Définit la largeur des div à xx% de leur parent (body ici) */
	border-radius: 15px;
	margin: auto; /* Permet de centrer les div dans leur élément parent (body ici) */
	margin-bottom: 20px;/*Marge Exterieure*/
}
.imgpied { /*Images du pied*/
	width:64px;
	height:80px;
	vertical-align: middle;
}

	
.pied { /*Pied de Page*/
	/*display: flex;
	justify-content: space-between;*/
	padding-top: 15px;
	padding-left: 15px;
	word-spacing: 1em;
	color: black; /*Textes noirs */
	background-color: #FFFFFF; /* Couleur de fond des div */
	width: 57%; /*Définit la largeur des div à xx% de leur parent (body ici 650px)*/
	margin: 0 auto; /*Permet de centrer les div dans leur élément parent (body ici)*/
	font-size: 1.2em;
	border: thick double #32a1ce;
	border-style: inset;
	border-radius: 15px;
	/*overflow-wrap: normal;*/
	/*overflow-wrap: anywhere;*/
}

/*.p1 {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
}*/

td{
	border: 1px solid #808B96;
    text-align: center;
    vertical-align: middle;
}

thead, tfoot {
    background-color: #996633;
    color: #fff;
}
table { 
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	
}