/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family: times, Arial, Helvetica, sans-serif;
font-size: medium;
margin: 0px;
background-color: #d8dad8;
color: #444;
min-width: 41em; 
}
#header {
width: 100%;
background-color: #d8dad8;
border-bottom: 2px solid #AAA;
}
#gauche {
position: absolute;
left: 0;
width: 120px;
min-height:290px;
padding-left: 0px;
padding-top: 0px;
background-color:#d8dad8;
}
#centre {
margin-left: 120px;
border-left: 2px solid #AAA;
min-height:340px;
padding: 10px;
background-color: #FFF;
}
#pied {
height: 30px;
background-color: #d8dad8;
border-top: 2px solid #AAA;
border-bottom: 2px solid #AAA;
padding-top: 10px;
padding-left: 10px;
}
#annonce {
width: 100%;
background-color: #EE0;
border-bottom: 4px solid #900;
border-top: 4px solid #900;
color: #111;
}
#annonce-1 {
width: 100%;
background-color: #ee0;
border-bottom: 4px solid #AAA;
border-top: 4px solid #CCC;
color: #900;
}
/*--header---------------------*/
#header h1, #header h2, #header h3{
text-align: center;
vertical-align: middle;
}
img.posg
{
float: left;
padding-left: 10px;
width:110px;
height:70px;
}
img.posd {
float: right;
padding-right: 10px;
width: 90px;
height: 80px;
}
/*-- annonce---------------------*/
#annonce h1, #annonce h2, #annonce h3, #annonce-1 h1, #annonce-1 h2, #annonce-1 h3 {
text-align: center;
vertical-align: middle;
}
/*--menu---------------------*/
#navigation {
	width: 116px ;
	list-style: none ;
	margin: 0px ;
	padding: 2px ;
	}
#navigation li {
	background: #c00 ;
	color: #fff ;
	border: 1px solid #600 ;
	margin-bottom: 1px ;
	}
#navigation li a {
	display: block ;
	background: #E00 ;
	color: #fff ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	padding: 4px 0 ;
	}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #900 ;
	text-decoration: none ;
	}
a.accueil{
padding-left: 0px;
width: 113px;
height: 20px;
border-width: 1px;
border-color: black;
border-style: double;
background: #00ffff;
}
/*--corps de la page---------------------*/
.boiteimage {
float: right ;
position:relative;
top: 10px;
left: 00%;
width: 300px;
height: 200px;
}
.boiteimage1 {
float: right ;
position:relative;
top: 10px;
left: 00%;
height: 200px;
}
.text {
float: right ;
clear: right;
position: relative;
}
p {
margin: 0 0 10px 0;
text-align: justify;
}
/*--pied de page---------------------*/
.copy {
position : relative;
float : left;
color: #555;
font-size: small;
}
.date {
position : relative;
float : right;
color: #555;
padding-right: 10px;
font-size: small;
font-style: oblique;

}