body
{
   width: 700px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 90px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: rgb(235,235,235); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   font-family: Tahoma, Arial, serif;
   background-image: url("images_design/fond.jpg");
   background-repeat: no-repeat;
   font-size: 0.8em;
   text-align: justify;
}

img
{
	border: none;
}

/* L'en-tête */

#en_tete
{
   width: 700px;
   height: 195px;
   background-image: url("images_design/banniere_hiver.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#titre
{
	width: 218px;
	position: relative;
	top: 180px;
	left: 10px;
}

#design
{
	width: 300px;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 0.8em;
	text-align: center;
	margin: auto;
}

a
{
	color: rgb(147,151,152);
	text-decoration: none;
}

a:hover
{
	color: white; 
	background-color: black;
	text-decoration: underline;
}

/* Le corps de la page */

#corps
{
   margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   padding-bottom: 0px;
   color: black;
   background-color: rgb(235,235,235); /* Une couleur de fond pour le corps */
   height: 274px;
   border: none;
}

#corps .centrage
{
	text-align: center;
}

#corps .centragesanssurlignage
{
	border: none;
	text-align: center;
}
#corps .centragesanssurlignage a img:hover
{
	text-decoration: none;
	border: none;
}
#corps .centragesanssurlignage a:hover
{
	background-color: transparent;
}

#corps .lien_en_noir a
{
	color: black;
}

#site
{
	width: 280px;
	height: 290px;
	position: relative;
	top: -16px;
	left: 16px;
	border: none;
}

#corps #site a img:hover
{
	text-decoration: none;
	border: none;
}

#corps #site a:hover
{
	background-color: transparent;
}

#blog
{
	width: 280px;
	height: 290px;
	position: relative;
	top: -319px;
	left: 360px;
	border: none;
}

#corps #blog a img:hover
{
	text-decoration: none;
	border: none;
}

#corps #blog a:hover
{
	background-color: transparent;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   clear:both;
   padding: 0px;
   text-align: center;
   color: #B3B3B3;
   background-color: rgb(235,235,235);
   border: none;
}

#pied_de_page a img:hover
{
	text-decoration: none;
	border: none;
}

#pied_de_page a:hover
{
	background-color: transparent;
}