html {
background-color:#93319e;
	height: 100%;
	margin: 0;
	font-family:"Helvetica Neue";
	font-size:0.9em;
	color: #333333;
	}
	
body {
	background:url(images/fond.png) repeat-x;
	height: 100%;
	margin: 0;
	
	color: #333333;
	}

div#global {

	min-height: 100%;
	width: 810px;
	padding:0;
	margin:0 auto;
	position: relative;
	
	}

div#header {
	background:url(images/header.png) no-repeat;
	height: 393px;
	width:810px;
	
	}

div#menu {
font-size:1.2em;
	background:url(images/menu.png) no-repeat;
	height: 34px;
	width:810px;
	margin-left:1px;
	
	}
	
div#center {
	background:url(images/fond_center.png) repeat-y;
	margin:0px;
	padding-top:0px;
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 50px; 
	overflow: auto;
	
	}
	
div#left {

	float: left;
	width: 500px;
	padding-left:30px;
	padding-right:10px;
	padding-top:30px;
	
	}

div#right {
	float: right;
	width: 260px;
	}

div#haut_r {
background:url(images/haut_r.png) no-repeat;
	width:249px;
	height:55px;
	padding:0px;
	margin-top: 30px;
	margin-right:11px;
	margin-bottom:0px;
	}
	
div#milieu_r {

margin:0px;
width:208px;
height:230px;
border-left: #8f2796 solid 1px;
border-right:#8f2796 solid 1px;
padding-bottom:0px;
padding-right:0px;
padding-top:5px;
padding-left:10px;
font-size:0.9em;
	}
	
div#bas_r {
	background:url(images/bas_r.png) no-repeat;
	width:249px;
	height:237px;
	margin-top:0px;
	margin-right:11px;
	}
	
	
div#footer {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#FFFFFF;
	text-align:center;
	width: 810px;;
	bottom: 0;
	left: 10px;
	}
#menufooter {

text-align:right;
padding-right:10px;


}
#menufooter ul li {
font-size:1.4em;
text-align:right;
padding-right:10px;
text-decoration:none;
display : inline;

}

div#menufooter ul li a {

	text-decoration: none;
	color:#FFFFFF
}
div#menufooter ul li a:hover {


color: #999999;
}

/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */
div#menu ul li {
text-decoration:none;
display : inline;
margin:0px;
padding:0px;
padding : 0 0.5em; /* Pour espacer les boutons entre eux */

}
#menu ul {

text-decoration:none;
margin:0px;
padding-left:25px;
padding-top:10px;
list-style-type : none; /* Car sinon les puces se placent n'importe où */

font-size:0.8em;
}

div#menu ul li a {

	text-decoration: none;
	color:#FFFFFF
}
div#menu ul li a:hover {


color: #999999;
}

#form {
margin:0px;
padding:0px;}



      h2 {

        font-size: 1.2em;

      background: url(images/fleche.png) no-repeat left center;
	  padding-left:25px;
	  color: #565656;

        }
		
		h3 {

        font-size: 1em;

      
	
	  color: #8f2796;

        }
a{
text-decoration:none;
color:#8f2796;

}
a:hover {
text-decoration: underline;
color: #666666;

}