/* ---------------------
Html et body
--------------------- */
html {
	font : 80%/1.7em Arial, sans-serif;
	color : #black;
	background : #white;
	}

page {
	width:90%; margin:0 auto;
	}
/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 1.8em;}
h2 {font-size : 1.2em;}
h3 {font-size : 1.1em; padding : 5px 0; margin : 0;}
p {margin : 0; padding : 3px 0; text-align:justify;}
p a {color :  #111;font-size : 1.2em;letter-spacing : 1px;text-decoration : none;}
p a:hover {color :  #111;font-size : 1.2em;letter-spacing : 3px;}
li {margin-left:15px;list-style-type:circle;}
img {border: 0;}
#num {border:1px solid gray;}

form {font-size : 1.2em;letter-spacing : 2px;width:55%;margin-left:30%;}

/* ---------------------
Haut de page 
--------------------- */
#header {
	background : url(img/bandeau.png) no-repeat 50% 25px;
	width : 65%;
	height:163px;
	color : #eee;
	margin-top : 15px;
	margin-bottom : 30px;
	margin-left : 30%;
	}

/* --------------------- 
Panneau latéral (#menu)  
--------------------- */
#menu {
	position:absolute;
	width : 20%;
	}
#menu ul { /* bloc de liste */
	margin : 0; padding : 0;
	}
#menu li { /* élément de liste */
	list-style-type : none;
	padding: 5px 0 0px 5px;
	}
#menu li a {
	/* Liens dans les listes */
	font-size: 1.3em;
	color: #111;
	padding: 0 0 0 0px;
	text-decoration: none;
	font-weight: bold;
}
#menu li a:hover {
	color :  #111;
	font-size : 1.2em;
	letter-spacing : 2px;
	}

/* --------------------- 
Zone de contenu (#contenu)  
--------------------- */
#contenu { 
	width:65%;
	margin-left:30%;
	}