/*--on annule les valeurs par défauts--*/
*{ margin: 0; padding: 0; list-style: none;}

body {
	background: #009900;
	margin: auto;
	text-align: left;
	font: 80% verdana, arial, sans-serif;
	color: #004400 ; 
	height: 100%;
}
/*--*********************header*******************--*/
#header
{
background-image:url('images/header.jpg');/*On affiche l'image*/
height:166px;/*Hauteur de l'image*/
width:770px;/*Largeur de l'image*/
margin: auto;/*La marge*/
margin-top: 10px;
}

/*--*********************Menu*******************--*/
#menu
{
	float:right;
	background: url(images/bgmenu.jpg) repeat-y;
	color: #a9ffa9;
	margin: 40px 0 0 0;
	text-align: center;
}
#menu a
{
	color: #FFFFFF;
	padding: 0 0 0 0;
}
#menu a:hover{color: #FF0000;}

#menuhaut
{
	background: url(images/menutop.jpg) no-repeat;
	width: 50px;
	height: 35px;
	padding: 0 0 0 30px;
	line-height: 35px;
}
#menubas
{
	background: url(images/menubas.jpg) no-repeat;
	width: 150px;
	height: 34px;
}

/*--*******************menu horizontal*****************--*/
#menu2
{
background-image:url('images/menu.jpg');/*On affiche l'image*/
width:770px;/*Largeur de l'image*/
height:35px;/*Hauteur de l'image ( ne pas le mettre si exstensible)*/
margin:auto;
}
#menu2 a
{  
	position: absolute;
	top: 179px;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration:none
}
#menu2 a#a1{left: 250px;}
#menu2 a#a2{left: 350px;}
#menu2 a#a3{left: 450px;}
#menu2 a#a4{left: 550px;}
#menu2 a#a5{left: 650px;}
#menu2 a#a6{left: 750px;}

#menu2 a:hover{color: #FF0000;}

/*--*********************corps*******************--*/
#corps
{
background:#ffffff url(images/corps.jpg);/*On affiche l'image*/
width:770px;/*Largeur de l'image*/
margin: auto;
}
#contenu 
{
	min-height: 500px;
	padding: 10px 30px 0 80px;
}
/*--*********************footer*******************--*/
#footer
{
background-image:url('images/footer.jpg');/*On affiche l'image*/
height:61px;/*Hauteur de l'image*/
width:770px;/*Largeur de l'image*/
margin:auto;/*Marge automatique (milieu)*/
}

/*  definition des Liens
--------------------------------------------------------------------*/
a{color: #0066a9; text-decoration:none}
a:hover{color: #00BF00;}

h2
{
	margin: 20px 0 5px 20px;
	padding-left: 20px ;
	line-height: 20px ;
	font-size: 1.2em ;
	background: url(images/pretitle.jpg) no-repeat left;
	color: #007700;
}

h3
{
	margin: 20px 0 5px 20px;
	padding-left: 20px ;
	line-height: 20px ;
	font-size: 1.2em ;
	background: url(images/pretitle.jpg) no-repeat left;
	color: #007700;
}

h6
{
	position: absolute;
	text-align: left;
	padding: 35px 0 0 360px;
	color: #095ab5;
}

/*--------------------------selecteur de style----------*/
#carrebleu
{
	position:absolute;
	height: 15px;
	width: 15px;
	background: #000099;
	border: 1px solid #cccccc;
	margin: 2px 0 0 20px;
}