body
{
width:760px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-image: url("images/bgm.gif");
background-repeat: repeat-x top, left, bottom, right;
}

#en_tete
{
width:760px;
height:130px;
background-image:url("images/entete.jpeg");
background-repeat:no-repeat;
margin-botton:10px
margin:auto;
}

#slogan
	{
	background-color: rgb(214,214,214);
	color: #ff0000;
	font-famliy:font-family: verdana, Geneva, Arial, sans-serif;
	position:relative;
	text-align:right;
	}

	#navigation 
	{
	color: white;
	font-size: 15px;
	line-height: 26px;
	background-color: #4169e1;
	text-align: center;
	letter-spacing: 7px;
	margin-bottom: 15px;
	height: 26px
	}

#navigation a
{
color: white;
text-decoration: none;
text-align:center;
}

#navigation a:hover 

{
background-color:rgb(255,255,85);
color:rgb(255,0,0);
}



#menu
{
float: left;
width: 120px;
background-color:rgb(214,214,214);
}

.element_menu
{
background-repeat:repeat-x; 
border:2px solid black;
margin-botton:20px;
}

.element_menu h3
{
color: rgb(105,105,216);
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu ul
{
list-style-image: url("images/star.gif");
padding: 0px;
padding-left: 30px;
margin:0px;
margin-botton:15px;
}

.element_menu a
{
color:rgb(105,105,216);
}

.element_menu a:hover
{
background-color:rgb(255,255,85);
color:rgb(255,0,0);
}

#corps
{
margin-left:140px;
margin-botton:20px;
padding:5px;
color: black;
background-color:rgb(214,214,214); 
border: 2px solid black; 
}

#corps h1
{
color:rgb(105,105,216);
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
height: 30px;
background-image: url("images/dex.gif"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
padding-left: 35px;
color: rgb(105,105,216);
text-align: left;
}


#corps h3
{
height: 26px;
background-image: url("images/genera1.gif"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
padding-left: 30px;
color: rgb(105,105,216);
text-align: left;
}

#corps p
{
text-indent: 25px;
}

#corps ul
{
list-style-image: url("images/bluearrow.gif");
margin-bottom: 25px;
margin-top:25px;
padding-left: 70px;
}


	#naviga
	{
	color: white;
	font-size: 15px;
	line-height: 26px;
	background-color: #4169e1;
	text-align: center;
	letter-spacing: 7px;
	margin-bottom: 15px;
	margin-top:15px;
	height: 26px
	}
#naviga a
{
color: white;
text-decoration: none;
text-align:center;
}

#naviga a:hover 

{
background-color:rgb(255,255,85);
color:rgb(255,0,0);
}

#contact

{
text-align:center;
color:rgb(105,105,216);
}


#contact a
{
color:rgb(105,105,216);
text-align:center;
image-align:center;
}

#contact a:hover

{
background-color:rgb(255,255,85);
color:rgb(255,0,0);
}


#pied_de_page
{
padding: 5px;
text-align: center;
color:red; 
background-color:#4169e1,
background-repeat: repeat-x;
 }