body
{
	background-color: black;
	background-repeat: no-repeat;
	margin: auto; /*Pour centrer notre page*/
	margin-top: 20px; /*Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
}
h4
{
	color: yellow;
	font-family: "comic sans ms", Arial, "Arial Black", "Times New Roman", Times, serif;
	text-decoration: underline;
	font-style: italic; /* Les titres h2 seront en italique ! */
}

h3
{
	color: yellow;
	font-family: "comic sans ms", Arial, "Arial Black", "Times New Roman", Times, serif;
	text-decoration: underline;
}

h2
{
	font-family: "comic sans ms", Arial, "Arial Black", "Times New Roman", Times, serif;
}

p
{
	font-family: "comic sans ms", Arial, "Arial Black", "Times New Roman", Times, serif;
}

img
{
	border: 2px solid black;
}

a
{
	color: yellow;
	text-decoration: none;
}

a:hover
{
	color: aqua;
}

.intro:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.4em; /* Ecrit légèrement plus gros que la normale */
}

.firefox
{
	font-size: 0.9em;
	color: white;
	text-align: center;
}


.paiement
{
	color: yellow;
	font-size: 1.4em;
}

/* L'en-tête */
#en_tete
{
	width: 1000px;
	height: 170px;
	background-color: #00007c;
	color: yellow;
	text-align: center;
	background-image: url(images/deco_site/magretsbaniere.jpg);
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid black;
	margin: auto;
	font-family: "comic sans ms", Arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: bolder;
	font-size: 1.2em;
}

/* Le menu */
#menu
{
	font-family: "comic sans ms", Arial, "Arial Black", "Times New Roman", Times, serif;
	float: left; /* Le menu flottera à gauche */
	width: 160px; /* Très important : donner une taille au menu */
}
.element_menu
{
	background-color: #00007c;	
	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	padding-top: 50px;
	border: 2px solid black;
	margin-top:20px;
	margin-right: 20px;
	background-image: url(images/deco_site/canard_menu.gif);
	background-repeat: no-repeat;
}

/* Quelques effets sur les menus */
.element_menu h3 /* Tous les titres de menus */
{
	font-family: "comic sans ms", Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	color: yellow;
	font-size: 2em;
	text-decoration: blink;
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
	list-style-image: url("images/deco_site/puce.gif"); /* On change l'apparence des puces */
	padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
}

/* Le corps de la page */
#corps
{
	width: 830px;
	margin-left: 150px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	margin-top: 20px;
	padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	color: white;
	background-color: #00007c; /* Une couleur de fond pour le corps */
	background-repeat: repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
	border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
	font-size: 1.2em;
}

.photomagasin
{
	width: 742px;
	height: 460px; 
}

.photomagret
{
	float: right;
}

.photosalade
{
	float: right;
}

.lienaccueil
{
	text-decoration: blink;
}

.horaires
{
	text-align: center;
}

.traiteur
{
	size: 1.2em;
	color: red;
	text-decoration: blink;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
	font-weight: bolder;
	background-color: #00007c;
	color: white;
	text-align: center;
	border: 2px solid black;
}