body {
	margin: 10px 0 ;
	/*padding: 0 ;*/
	text-align: center;
	font: 0.8em Comics, helvetica, sans-serif ;
	background:#000000; /*#E8CBA4;*/ /* dee */
	
}

h1
{ 
	font: 35px papyrus, Arial, sans-serif;

}


h2{
	font: 25px papyrus, Arial, sans-serif;
	text-align: center;
}

h3{
font: 16px papyrus, Arial, sans-serif;
}

div#conteneur
{
	width:900px ;
	margin: 0 auto ;/*auto*/
	text-align: center;
	border: 3px solid #dee ; /* #000FFF=bleu*/
	background:#fff; /* #fff = couleur blanche*/
}

div#contenu
{
	/*padding: 30px 30px 0 30px ; BIZARRE CA CHANGE RIEN!*/
	/*background: url(logog.jpg) no-repeat 15px 15px ;*/
}

div#contenu h1
{
	padding-left: 25px ;
	line-height: 200px ;
	font-size: 2.0em ;
	background: url(images/logog.jpg) no-repeat left bottom; 
	border-bottom: 1px solid #000;
}

div#contenu h3 /*j'crois que j'en ai pas besoin*/
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color: #9b2 ;
}

div#contenu p /*j'crois qu'on en a pas besoin*/
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
	
}


div#contenu a /*j'crois qu'on en a pas besoin*/
{
	color:#8a0;
}

div#contenu a:hover
{
	color:#9b2;
}
div#zone_lecture
{
text-align: left;
/*border: 3px solid #0000FF;*/ /*#0000FF bleu */
padding-bottom: 550px; /*300px pour éviter la superposition selon alsacreation*/
/*margin: 0 0 0 0;*/  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
background:url(images/wallpaper.jpg) no-repeat right top;
}
div#zone_lecture2
{
text-align: left;
/*border: 3px solid #0000FF;*/ /*#0000FF bleu */
height: 2500px; /*300px pour éviter la superposition selon alsacreation -- avant padding-bottom*/
/*margin: 0 0 0 0;*/  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
background:url(images/wallpaper.jpg) repeat center top;
}
div#zone_lecture3
{
text-align: left;
/*border: 3px solid #0000FF;*/ /*#0000FF bleu */
height: 1000px; /*300px pour éviter la superposition selon alsacreation -- avant padding-bottom*/
/*margin: 0 0 0 0;*/  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
background:url(images/wallpaper.jpg) repeat center top;
}

div#zone_lecture4
{
text-align: left;
/*border: 3px solid #0000FF;*/ /*#0000FF bleu */
height: 600px; /*300px pour éviter la superposition selon alsacreation -- avant padding-bottom*/
/*margin: 0 0 0 0;*/  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
background:url(images/wallpaper.jpg) repeat center top;
}


div#haut{
width: 100%;
height:400px;
/*border: 1px solid #0000FF ;*/
}
div#navigation {
	width: 20%;
	list-style:none;
	margin: 10px;
	/*padding: 0 10px;*/
	float: left;
	text-align: left;
	margin: 0 0 0 0; 
}
.boutton
{
 width:70px;
 float: right;
 text-align: right;
 overflow:hidden;
 display:block;
 text-decoration:underline; /*une fois que le souligement permanent est enlever voir si cela souligne quand on passe dessus avec la souris*/
}

#navigation ul li{
	list-style-type: none;
	margin: 0 0 0 -35%; /*-40px*/
}

div#navigation p
{
margin:20px 0 0 0;
}

div#navigation a /*est-ce que ca sert à qqch£? pas sur*/
{
font-size: 12px;
}
div#liens
{
	width:80%;
	margin:0 0 0 0;
	text-align: left;
	/*border: 1px solid #0000FF ;*/
	font: 16px papyrus, Arial, sans-serif;
	text-align: left;
}

div#texte
{
	width:53%;
	margin:0 10% 10% 20%;
	text-align: left;
	/*border: 1px solid #0000FF ;*/
}

div#actualité 
{
	width:25%;
	height:400px;
	margin: -73% 0 10% 20%;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	text-align: center;
	font: bold 16px papyrus, Arial, sans-serif;
	border: 1px solid #404040; /*#404040*/ /* #E8CBA4; */
	float: right;/* box sur le côté droite */
}

div#actualité a /*pour que les liens hypertexte de la zone actualité sortent en couleur*/
{
color:#FF0F00 /*noir*/
}

div#waldenga {
	width:15%;
	margin: 0 0 10% 10%;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	text-align: center;
	float: left;/* box sur le côté droite */
}
/*div#waldenga p{background:#2121E5;}*/

div#vicky{
	width:20%;
	margin: 0 15% 10% 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	text-align: center;
	float: right;/* box sur le côté droite */
}
/*div#vicky p{background:#2121E5;}*/

div#kiwi{
	width:22%;
	margin: 6% 4% 10% 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	text-align: center;
	/*border: 3px solid #9E624E;*/
	/*background: #E8CBA4;*/
	float: left;/* box sur le côté droite */
}
/*div#kiwi p{background:#2121E5;}*/

div#koka{
	width:22%;
	margin: 6% 4% 10% 0;  
	text-align: center;
	float: left;
}
/*div#koka p{background:#2121E5;}*/

div#aqua{
	width:22%;
	margin: 6% 4% 20% 0; 
	text-align: center;
	float: left;
}
/* div#aqua p{background:#2121E5;}*/

.clear{clear:both;}

div#virgule
{
	width:15%;
	margin: 6% 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	text-align: center;
	/*border: 3px solid #9E624E;*/
	/*background: #E8CBA4;*/
	float: left;/* box sur le côté droite */
}
/* div#virgule p{background:#2121E5;}*/

div#wanda{
	width:15%;
	margin: 6% 5% 0 0;  
	text-align: center;
	float: left;
}
/* div#wanda p{background:#2121E5;}*/

div#valida{
	width:15%;
	margin: 6% 5% 0 0; 
	text-align: center;
	float: left;
}
/* div#valida p{background:#2121E5;}*/

div#waldenga2{
	width:15%;
	margin: 6% 0 0 0;   /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	text-align: center;
	float: left;/* box sur le côté droite */
}

/* div#waldenga2 p{background:#2121E5;}*/

div#haut2{
width: 100%;
height:330px;
/*border: 1px solid #0000FF ;*/
}

div#mousquetaire{
	width:135px;
	margin:4.45% 5% 0 0;    /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height: 300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#mousquetaire p{background:#2121E5;}*/

div#vicky2
{
	width:135px;
	margin:0 5% 0 0 ;  
	height: 300px;
	text-align: center;
	float: left;
}
/* div#vicky2 p{background:#2121E5;}*/

div#waldona{
	width:135px;
	margin:0 5% 0 0;    /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height: 300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#waldona p{background:#2121E5;}*/

div#wania{
	width: 135px; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#wania p{background:#2121E5;}*/

div#wanina{
	width: 135px; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#wanina p{background:#2121E5;}*/

div#rocky{
	width: 135px; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#rocky p{background:#2121E5;}*/

div#milou
{
	width:135px;
	margin:0 5% 0 0 ;  
	height: 300px;
	text-align: center;
	float: left;
}
/* div#milou p{background:#2121E5;}*/

div#walessa{
	width:135px;
	margin:0 5% 0 0;    /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height: 300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#walessa p{background:#2121E5;}*/

div#windy{
	width: 135px; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#windy p{background:#2121E5;}*/

div#obelix{
	width:135px;
	margin:0 5% 0 0;    /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height: 300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#obelix p{background:#2121E5;}*/

div#ivanoe
{
	width:135px;
	margin:0 5% 0 0 ;  
	height: 300px;
	text-align: center;
	float: left;
}
/* div#ivanoe p{background:#2121E5;}*/

div#wayanna{
	width:135px;
	margin:0 5% 0 0;    /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height: 300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#wayanna p{background:#2121E5;}*/

div#nikita{
	width: 135px; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#nikita p{background:#2121E5;}*/

div#ringo{
	width:135px;
	margin:0 5% 0 0;    /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height: 300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#ringo p{background:#2121E5;}*/

div#wako{
	width: 135px; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#wako p{background:#2121E5;}*/

div#rambo
{
	width:135px;
	margin:0 5% 0 0 ;  
	height: 300px;
	text-align: center;
	float: left;
}
/* div#rambo p{background:#2121E5;}*/

div#garou{
	width:135px;
	margin:0 5% 0 0;    /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height: 300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#garou p{background:#2121E5;}*/

div#walda{
	width: 135px; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#walda p{background:#2121E5;}*/

div#victoria{
	width:135px;
	margin:0 5% 0 0;    /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height: 300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#victoria p{background:#2121E5;}*/

div#lasco{
	width: 135px; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#lasco p{background:#2121E5;}*/

div#virgule2
{
	width:135px;
	margin:0 5% 0 0 ;  
	height: 300px;
	text-align: center;
	float: left;
}
/* div#virgule2 p{background:#2121E5;}*/

div#waruna{
	width:135px;
	margin:0 5% 0 0;    /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height: 300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#waruna p{background:#2121E5;}*/

div#waite{
	width: 135px; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#waite p{background:#2121E5;}*/

div#kiwi2{
	width:135px;
	margin:0 5% 0 0;    /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height: 300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#kiwi2 p{background:#2121E5;}*/

div#koka2{
	width: 135px; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#koka2 p{background:#2121E5;}*/

div#aqua2
{
	width:135px;
	margin:0 5% 0 0 ;  
	height: 300px;
	text-align: center;
	float: left;
}
/* div#aqua2 p{background:#2121E5;}*/

div#concours{
width: 100%;
height:330px;
/*border: 1px solid #0000FF ;*/
}

div#concours1{
	width: 20%; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#concours1 p{background:#2121E5;}*/

div#concours2{
	width: 135px; /*135px; height:256px;*/
	margin: 0 5% 0 3%;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#concours2 p{background:#2121E5;}*/

div#concours3{
	width: 20%; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#concours3 p{background:#2121E5;}*/

div#concours4{
	width: 20%; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#concours4 p{background:#2121E5;}*/

div#concours5{
	width: 20%; /*135px; height:256px;*/
	margin: 0 5% 0 0;  /*pourquoi ca ne monte pas? parce qu'il faut mettre en négatif!!*/
	height:300px;
	text-align: center;
	float: left;/* box sur le côté droite */
}
/* div#concours5 p{background:#2121E5;}*/

div#haut3{
width: 100%;
height:330px;
/*border: 1px solid #0000FF ;*/
}
div#milieu{
width: 100%;
height:330px;
/*border: 1px solid #0000FF ;*/
}
div#milieu2{
width: 100%;
height:330px;
/*border: 1px solid #0000FF ;*/
}
div#bas{
width: 100%;
height:330px;
/*border: 1px solid #0000FF ;*/
}
div#bas2{
width: 100%;
height:330px;
/*border: 1px solid #0000FF ;*/
}
div#footer{
height:20px;
width: 100%;
}

p#footer
{
	margin: 0;
	padding-right: 10px ;
	text-align: center ;
	color: #00009C ;
}

pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}