body
{
	width: 1000px;
	margin: auto; /*pour centrer notre page*/
	margin-top: 20px; /*pour éviter de coller avec le haut de la fenêtre du navigateur*/
	margin-bottom: 20px; /*idem avec le bas du navigateur*/
	background-color: maroon;
}

#en_tete
{
	width: 1000px;
	height: 185px;
	background-image: url("images/vignes03.jpg");
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 10px;
}

#en_tete h1, h2
{
	color: rgb(249,215,6);
	text-align: center;
}

#menu
{
	float: left; /*le menu flottera à gauche*/
	width: 155px; /*largeur du menu*/
	border: 2px solid rgb(189,21,35);
	padding-left: 10px;
	font-family: "Trebuchet MS", "Times New Roman", Times, Arial, Serif;
}

#menu h3 /*Tous les titres des menus*/
{
	color: rgb(249,215,6);
	text-align: left;
	font-style: italic;
	text-decoration: underline;
}

#menu a:hover /* Quand on pointe sur un lien du menu */
{
   color: red;
}

.element_menu ul  /*toutes les listes à puces se trouvant dans les sous-menus*/
{
	list-style-image: url("images/puce01.png");
}


.element_menu a,h3  /*tous les titres et liens se trouvant dans les sous-menus*/
{
	font-family: "Trebuchet MS", "Times New Roman", Times, Arial, Serif;
	color: rgb(249,215,6);
}

.element_menu a:hover /* Quand on pointe sur un lien du sous-menu */
{
   color: red;
}	

#corps
{
	margin-left: 180px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 10px; /*pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

	border: 2px solid rgb(189,21,35);
	font-family: "Times New Roman", Times,"Trebuchet MS", Arial, Serif;
	font-size: 1.1em;
	color: rgb(249,186,6);
}

#corps h3 /* Tous les titres du corps*/
{
	text-align: left;
	font-style: italic;
	text-decoration: underline;
	text-indent: 60px;
	font-family: "Times New Roman", Times,"Trebuchet MS", Arial, Serif;
	color: rgb(249,186,6);
}

#corps p /*Tous les paragraphes du corps*/
{
	text-align: justify;
	text-indent: 30px;
	font-style: normal;
}

#corps ul /*Toutes les listes à puces du corps*/
{
	list-style-type: none;
	text-indent: 60px;
}

#corps td /*toutes les cellules de tableaux du corps*/
{
	text-align: justify;
}

#corps a img /* Toutes les images contenues dans un lien du corps*/
{
   border: none; /* Pas de bordure */
}

#corps a:hover /* Quand on pointe sur un lien du corps */
{
   color: yellow;
}

#pied_de_page
{
	margin-top: 10px;
	padding: 0px;
	line-height: 0px;
	text-align: center;
	border: 2px solid rgb(189,21,35);
	color: rgb(249,186,6);
	font-size: 0.7em;
}

a /*Tous les liens*/
{
	color: red;
}

img
{
	margin: 10px;
}

p acronym
{
	color: yellow;
	font-size: 1.2em;
}

.rien
{
	list-style-type: none;
}

.imageflottante_gauche
{
	float: left;
}

.imageflottante_droite
{
	float: right;
}

.centrer
{
	text-align: center;
}

.dessous_droite
{
	clear: right;
}

.dessous_gauche
{
	clear: left;
}

.conclusion
{
	text-align: justify;
	text-indent: 60px;
	font-weight: bold;
	font-size: 1.1em;
}
.titres_tab
{
	text-align: center;
	font-style: italic;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.2em;
}