a
{
border: 0PX;
color: #333333;
font-weight: bold;

}
body
{
	margin: 10px 0 ;
	padding: 0 ;
	background: #5FA44C ;
	height: 100%;
	width: 100%;
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */


div#conteneur
{
	width: 768px ;
	margin: 0 auto ;
	text-align: left ;
	border: 3px solid #ab4 ;
	outline: 10px double white;
	background: #2A6819 ;
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */

h1#header
{
	height: 254px ;
	margin-top: 0px;
	background: url(images/banniere.gif) no-repeat;
}
/* On définit la hauteur de la partie header, contenant le titre du site */

ul#home
{
	margin: 0px ;
	padding: 0px ;
	margin-top: -60px ;
	margin-right: 600px ;
	margin-left: 15px ;
	background: #135800 ;
	border: 2px solid #ab4 ;	
}

ul#home p a
{
	/*line-height: 5px ;*/
	font: 1.1em arial, helvetica, sans-serif ;
	padding-left: 8px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #5FA44C ;
	display: static ;
	/*text-decoration: none ;*/
}

ul#menu
{
	margin: 0px ;
	padding: 0px ;
	margin-top: 10px ;
	margin-left: 15px;
	margin-right: 600px;
	background: #135800 ;
	list-style-type: none ;
	border: 2px solid #ab4 ;	
}

ul#menu p
{
	font: 1.1em arial, helvetica, sans-serif ;
	font-variant: small-caps ;
	padding-left: 8px ;
	line-height: 5px ;
	font-weight: bold ;
	text-decoration: underline ;
	letter-spacing: 1px ;
	color: #5FA44C ;
	/*display: static ;*/
}

ul#menu li a
{
	/*line-height: 15px ;*/
	font: 0.8em arial, helvetica, sans-serif ;
	margin-left: 5px ;
	margin-right: 5px ;
	letter-spacing: 1px ;
	color: #fff ;
	display: solid ;
	text-decoration: none ;
	/*text-align: left ;
	margin-right: 100px;*/
}
/*
ul#menu li a:hover
{
	background: url(bg_menu.gif) repeat-x 0 0 ;
}
*/
ul#links
{
	margin: 0px ;
	padding: 0px;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 600px;
	background: #135800 ;
	list-style-type: none ;
	border: 2px solid #ab4 ;	
}

ul#links p a
{
	/*width: 300px ;*/
	font: 1.1em arial, helvetica, sans-serif ;
	padding-left: 8px ;	
	line-height: 20px ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: #5FA44C ;
	display: static ;
	/*text-decoration: none ;*/
}

div#contenu
{ 
	margin-top: -600px;
	margin-left: 180px ;
	width: 575px ;
	height: auto ;
}

div#contenu_haut
{
	/*margin-left: 180px;*/
	width: 570px;
	margin-top: 60px ;
	height: auto;
	border: 2px solid #ab4;
	background: #5FA44C ;
}

div#contenu_haut h2
{
	/*margin-left: 15px ;*/
	margin-top: 2px ;	
	padding-left: 2px ;
	margin-top: 10px ;
	border-bottom: 1px solid #9b2 ;
	/*border-left: 3px solid #9b2 ;*/
	color: #fff ;
}

div#contenu_haut p
{
	/*margin-left: 5px ;*/
	margin-right: 5px ;
	padding-left: 5px ;
	margin-top: 5px ;
	text-align: justify ;
	color: #fff ;
}
div#contenu_milieu
{
	/*margin-left: 180px;*/
	margin-top: 60px ;
	width: 570px;
	height: auto;
	border: 2px solid #ab4;
	background: #5FA44C;
}

div#contenu_milieu h2
{
	/*margin-left: 15px ;*/
	padding-left: 2px ;
	margin-top: 2px ;
	border-bottom: 1px solid #9b2 ;
	/*border-left: 3px solid #9b2 ;*/
	color: #fff ;
}

div#contenu_milieu p
{
	/*margin-left: 5px ;*/
	margin-right: 5px ;
	padding-left: 5px ;
	margin-top: 5px ;
	text-align: justify ;
	color: #fff ;
}
div#contenu_milieu p a
{
	border: 0px ;
	text-decoration: none ;
	
}
div#ecrire
{
	/*margin-left: 180px;*/
	margin-top: 10px ;
	width: 570px;
	border: 2px solid #ab4;
	background: #5FA44C;
}
div#ecrire2 label
{
	/*display: inline ; */
	width: 170px ; 
	color: #fff;
	font-weight: bold ; 
	/*padding-top: 10px ;
	margin-left: 10px ;*/
}
div#ecrire2 form 
{
	background-color:#EEEE;
	padding:10px;
	width:350px;
}
div#ecrire2 textarea 
{
	border:2px solid #ab4;
	background-color:white;
	font-family:arial;
	color:black;
	width: 500px;
}
div#ecrire2 h2
{
	/*margin-left: 15px ;*/
	padding-left: 2px ;
	margin-top: 2px ;
	border-bottom: 1px solid #9b2 ;
	/*border-left: 3px solid #9b2 ;*/
	color: #fff ;
}
div#ecrire2 form p input.bouton 
{
	border:2px outset #ab4;
	font-weight:bold;
	cursor:pointer;
}
div#ecrire2 form p input.bouton:hover 
{
	border:2px outset #ab4;
	background-color:white;
	color:#ab4;
}
div#ecrire2 form p input.bouton:active 
{
	border:2px inset #ab4;
	background-color:#ab4;
	color:white;
}
div#lire
{
	/*margin-left: 180px;*/
	margin-top: 10px ;
	width: 570px;
	background: #5FA44C;
	border: 2px solid #ab4 ;	
}
div#lire2 p
{
	color: white;
}
div#lire2 h2
{
	margin-top: 2px;
	padding-left: 2px ;	
	color: white;
	border-bottom: 1px solid #ab4;
}
div#la_patate
{
	/*margin-left: 180px;*/
	margin-top: 10px;
	width: 570px;
	height: auto;
	border: 2px solid #ab4;	
	background: #5FA44C;
}
div#la_patate h2
{
	/*margin-left: 15px ;*/
	margin-top: 2px ;
	padding-left: 2px ;
	border-bottom: 1px solid #9b2 ;
	/*border-left: 3px solid #9b2 ;*/
	color: #fff ;
}
div#la_patate p
{
	/*margin-left: 5px ;
	margin-top: 10px ;*/
	margin-right: 5px ;
	padding-left: 5px ;
	text-align: justify ;
	color: #fff ;
}
p#footer
{
	height: 196px ;
	margin-bottom: 0px;
	background: url(images/bas.gif) ;
}
/*on definit la hauteur du footer */

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

/* En passant on définit l'overflow de la balise pre à auto pour permettre d'afficher des barres de défilement si le texte contenu dans cette balise est trop grand */
* html pre
{
	width: 768px ;
}
/* On dois donner une largeur au pre à cause d'Internet Explorer, on ne va donc l'appliquer qu'à Internet Explorer en utilisant un "hack", la combinaison " * html " permet de n'appliquer ce qui suis qu'à Internet Explorer */

.description
{
width: 570px ;
height: 175px ;
font: 1em arial, helvetica, sans-serif ;
color: #fff ;
border: 1px solid #ab4;
}