*{margin:0; padding:0; border:0;} 
a{text-decoration:none; color:#666666; font-size:8pt}
a:hover{text-decoration:underline; color:#006699;}

body 
{
	width: 887px;
	margin:0 auto;
	font: normal 10pt Tahoma, Verdana, sans-serif, Arial;
	color:#666666;
	background: #ededed; /*////fait ça concerne seulement les cotés en fond  pour la couleur///*/
}
#paragr_refere /*////c'est le paragraphe caché mais bon pour le référencement///*/
{
	font: normal 5pt;
	color:#ededed;
}
/*///////////////////////////////////  corps  //////////////////////////*/
#corps {
	margin:0 auto;
	float:left;
	width:900px;
	background:#ededed url(images/fondcontenu.png) repeat-y left top;
}

/*///////////////////////////////////  bandeau  //////////////////////////*/
#bandeau {
	width:900px;
	height:301px;
	font-weight:bold;
	text-transform:uppercase;
	background:#ededed url(images/bandeau.png) no-repeat left top; 
}
#diapo{
text-align : center;
} 

/*///////////////////////////////////  MENU  A GAUCHE //////////////////////////*/
#menu {
	float:left;
	display:inline;
	width:200px;
	text-align:left;
	margin:0 0 0 40px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu h2 {
	width:177px;
	height:30px;
	line-height:30px;
	font-size:10pt;
	margin:0;
	padding:0 0 0 10px;
	color:#666666;
	background: url(images/rubrique.png) no-repeat left top;
}
#menu ul {
	margin:0 0 15px 0;
	width:162px;
	font-size:10pt;
	list-style:none;
}

#menu ul li {
	width:177px;
}

#menu ul li a {
	display:block;
	margin:0px;
	padding:0 0 0 20px;
	width:177px;
	height:29px;
	line-height:29px;
	text-decoration:none;
	color:#006699;
	background: url(images/lien.png) no-repeat left top;
}

#menu ul li a:hover {
	text-decoration:underline;
}

/*///////////////////////////////////  milieu  //////////////////////////*/
#milieu 
{
	margin:0 40px 0 230px;
	padding:10px;
	text-align:justify;
}
#milieu h1
{
	color:#006699;
	margin: 20px 0 0 -10px;
	padding:0 5px;
	font: bold 10pt Tahoma,Verdana,sans-serif, Arial;
	text-indent:5px;
}
#milieu p a 
{
	color:#006699;
	font-weight:bold;
}

#milieu p.right 
{
	margin:5px 0 5px 0;	
	text-align:right;
	font-weight:bold;
	font-size:9px;
/* 	letter-spacing:1px; */
	color:#666666;
}
.moindre
{
margin:7px 0 0 0px;
font-size: 9px;
}

/*///////////////////////////////////  bas-de-page  //////////////////////////*/
p#bas-de-page {
	clear:both;
	width:900px;
	height:98px;
	padding-top:25px;
	font-size:9px;
	text-align:center;
	color:#666666;
	background:#ededed url(images/bas-de-page.png) no-repeat left top;
}

p#bas-de-page a{
color:#006699;
}
.flottante1
{
	float:right;
	padding:10px;
	margin:10px;
	height:180px;
	border: 1px dotted #666666;
}
.flottante2
{
	float:right;
	padding:10px;
	margin:10px;
	width:180px;
	border: 1px;
}
.ombre
{
	height:180px;
	float:right;
	padding: 0px 3px 3px 0px ;
	margin:  10px;
	background: url(images/shadow.gif) no-repeat bottom right;
/* 	border: outset 3px #666666; */
}
.ombre img
{
	display: block;
	position: relative;
	margin: -5px 3px 2px -3px; 	/* Cette ligne permet de placer correctement notre image par rapport à notre ombre dans IE.  Les valeur sont choisie en conséquence de l'étendue de l'ombre. */
}
.stop
{	clear: both;	}