/* CSS Document by Fan2 & Lapoz */

html {
	height:100%; /* Correction d'un bug de IE lié à la selection de texte */
}

body {
	margin: 0 0 0 0; /* On supprime toutes les marges de la page */
	padding: 0 0 0 0; /* On supprime les espacements de la page */
	overflow: auto; /* Si une barre de défilement verticale est nécessaire, on l'affiche. Sinon, non. */
	background: #FFF; /* Le fond de page est blanc */
	font-family: Verdana, sans-serif; /* La police par défaut sera du Verdana, ou du sans-serif si verdana n'est pas installé */
	font-size: 12px; /* La taille par défaut sera du 12px  */
	height: 100%; /* Correction du bug IE */
}
H1,H2,H3,P,UL,LI,FORM { /* On réinitialise tous les styles classiques, en supprimant les marges et les espacements. */
	margin:0; 
	padding:0; 
}
#centrage { /* Calque permettant de centrer le site via la technique des marges négatives */
	position: absolute;
	left: 50%;
	width: 600px;
	margin: 0 0 0 -300px;
}
#header { /* Calque d'entête contenant le logo */
	margin: 10px 0 0 0;
	height:225px;
	text-align:center; /* Le contenu du calque sera centré */
}
#menu { /* Le calque contenant votre menu */
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #7E65A4;
	margin: 0 30px 0 30px;
	padding: 10px 0 10px 0;
	border-top: 1px solid #DDDD39; /* On affiche une bordure en haut de couleur verte et de 1px */
	border-bottom: 1px solid #DDDD39; /* Idem avec la bordure du bas */
}
#menu li { /* Un menu est composé d'une liste à puce */
	display: inline; /* Pour éviter que les éléments soient alignés les un en dessous des autres, on les affiche "en ligne" */
	list-style: none; /* On supprime les puces par défaut (les petis carrés ou les petits ronds) */
}
#menu a {
	color: #7E65A4; /* Un lien appartenant au menu sera de couleur violette */
	text-decoration:none; /* Pas de soulignement sur les liens */
}
#menu a:hover {
	text-decoration:underline; /* Un lien survolé par la souris sera souligné */
}
#article { /* Le calque contenant le texte proprement dit */
	margin: 20px 30px 20px 30px;
}
#article h1 { /* Les titres de niveau 1 */
	font-size: 14px;
	font-weight: bold;
	color:#DDDD39;
	background: #7E65A4;
	margin: 0 0 10px 0;
	padding:2px;
}
#article h2 { /* Les titres de niveau 2 */
	font-size: 12px;
	font-weight: bold;
	color:#7E65A4;
	padding: 0 0 10px 0;
}
#article p { /* Les paragraphes */
	color:#56636B;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	margin: 0 0 15px 0;
}
#footer { /* Le calque de bas de page */
	height:40px;
	text-align:center;
	margin: 0 30px 0 30px;
	padding: 10px 0 10px 0;
	border-top:1px solid #DDDD39; /* Avec une bordure haute de 1px et verte */
}
#footer p { /* Les paragraphes affichés dans le footer */
	font-size:10px;
	color:#333;
	padding: 0 0 15px 0;
}
#footer h2 { /* les titres de niveau 2 dans le footer */
	font-size:11px;
	color:#7E65A4;
	padding: 0 0 10px 0;
}

/* ----- AUTRES ----- */
img {
	border:none; /* Supprime les cadres affichés autour des images lorsque celles-ci proposent un lien */
}