/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family: "Trebuchet MS", arial, sans-serif;
background-color:#1A1A1A;
background-image:url(../image/bg.jpg);
background-repeat:repeat-x;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#header {
height: 221px;
background-image:url(../image/header.jpg);
}
#haut {
height: 50px;
background-color:#1A1A1A;
margin-left:50px;
}
#conteneur {
position: relative;
width: 750px;
margin: 0 auto; 
background-color: #1A1A1A;
}
#centre {
background-color: #1A1A1A;
margin-top:15px;
margin-left: 230px;
margin-right: 0px;
	font-size: 1em;
	font-weight: normal;
	color:#ffffff;
	line-height: 1.3em;
}
#droite {
float:left;
background-image:url(../image/menu_dr.jpg);
right:0;
width: 220px;
height:464px;
}

#image_menu{
	position:absolute;
	height:150px;
	width:150px;
	left: 48px;
	top: 532px;
}


#pied {
text-align:center;
font-size:0.8em;
color:#FFFFFF;
height: 50px;
weight:750px;
padding-top: 30px;
background-image:url(../image/pied.jpg);
background-repeat:no-repeat;
}

.menuhaut {
list-style-type:none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
margin:0 10px 0 10px;
}
.menuhaut a {
margin: 0 2px;
color: #ffffff;
text-decoration:none;

}
.menuhaut a:hover {
color:#a0dd0b;
}

.menudroit {
list-style-type: none; 
margin-left: 50px;
margin-top: 20px;
padding:0;
}
.menudroit li {

margin: 0 0 0px 0 ;
	padding: 0 ;
}
.menudroit a {
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 145px ;
	line-height: 30px ;
	color: #ffffff ;
	text-indent: 10px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(../image/bg_menu.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */

}
.menudroit li a:hover {
background: url(../image/bg_menu.jpg) no-repeat 0 -30px ;
color: #A0DD0B;

}

p {
margin: 0px 0 10px 0;
padding-right:35px;
}

h1 {
margin: 0 0 10px 0;
font-size: 1.2em;
color:#A0DD0B;
font-weight:bold;
}
.spacer{
clear:both;}

.img{

border:solid 5px #FFFFFF;
margin: 20px 5px 5px 10px;

}

.imggal{

border:solid 3px #FFFFFF;
margin: 5px 5px 5px 5px;

}

a {
color:#A0DD0B;
 }
 
a:hover {
color:#ffffff;

 }

