body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color: #1d4ea4;
	top: 50px;
}
#conteneur {
	width: 750px;
	margin: 0 auto;
	top: 0px;
}
#header {
	height: 110px;
	top: 0px;
}
#haut {
	height: 37px;
	background-color:#foc82b;
	z-index: auto;
}
#centre {
	z-index: 1;

}

#pied {
	height: 30px;
}

.menuhaut {
	list-style-type: none;
	margin: 0;
	padding:0;
	z-index: 9;
}
.menuhaut li {
	display: inline;
	z-index: 9;
}
.menuhaut a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
	z-index: 9;
}
.menuhaut a:hover {
	text-decoration: none;
	z-index: 9;
	visibility: visible;
}
p {margin: 0 0 10px 0;}
#outer {
	width:750px;
	height:auto;
	padding-top:2px;
	border-top:10px solid #2b73f0;
	background-image: url(file:///H|/M-aOC%20Diffusion-SITE/version34/photo3.jpg);
	background-position: 0 550px;
}
#first {
	display:block;
	width:44px;
	height:0;
	overflow:hidden;
	border-top:25px solid #6ad;
	border-right:25px dashed transparent;
	float:left;
	margin-right:-23px;
}
#last {
	display:block;
	width:44px;
	height:0;
	overflow:hidden;
	border-bottom:25px solid #6ad;
	border-left:25px dashed transparent;
	float:left;
}

/* hacks for IE5.5 */
* html #first, * html #last {width:59px; height:25px; w\idth:34px; he\ight:0;}

#slants {
	padding:0;
	margin:0;
	list-style:none;
	z-index: 9;
}
#slants li {
	float:left;
	margin-right:-23px;
	z-index: 9;
}
#slants li a {
	display:block;
	float:left;
	height:25px;
	line-height:24px;
	background:transparent;
	color:#000;
	text-decoration:none;
	cursor:pointer;
	z-index: 9;
} /* add cursor:hand; for IE5.5 */
#slants li a span {
	display:block;
	float:left;
	width:100px;
	background:#6ad;
	height:25px;
	font-style:italic;
	text-align:center;
	font-family:georgia, "times new roman", serif;
	z-index: 9;
}
#slants li a b {
	display:block;
	float:left;
	width:0;
	height:0;
	overflow:hidden;
	border-top:25px dashed transparent;
	border-right:25px solid #6ad;
	z-index: 9;
} 
#slants li a em {
	display:block;
	float:left;
	width:0;
	height:0;
	overflow:hidden;
	border-top:25px solid #6ad;
	border-right:25px dashed transparent;
	z-index: 9;
}

/* hacks for IE5.5 */
* html #slants li a b,
* html #slants li a em {width:25px; height:25px; w\idth:0; he\ight:0;}

#slants li:hover {position:relative;}
#slants li a:hover {color:#fff; white-space:normal; position:relative;}
#slants li:hover > a {color:#fff;}
#slants li a:hover span {background:#48b;}
#slants li:hover > a span {background:#48b;}
#slants li a:hover b {border-right-color:#48b;}
#slants li:hover > a b {
	border-right-color:#48b;
	z-index: 9;
}
#slants li a:hover em {border-top-color:#48b;}
#slants li:hover > a em {border-top-color:#48b;}

/* use the table to position the dropdown list */
#slants table{
position:absolute;
border-collapse:collapse;
z-index:9;
left:0;
top:0;
font-size:1em;
}
/* hide the sub level links */
#slants ul {
visibility:hidden;
position:absolute;
height:0;
left:-40px;
list-style:none;
width:150px;
top:25px;
}
/* make the sub level visible on hover list or link */
#slants li:hover ul,
#slants a:hover ul{
visibility:visible;
}



#slants li:hover ul li a span,
#slants a:hover ul li a span {background:#7be;}
#slants li:hover ul li a b,
#slants a:hover ul li a b {border-right-color:#7be;}
#slants li:hover ul li a em,
#slants a:hover ul li a em {border-top-color:#7be;}

#slants li:hover ul li.odd a span,
#slants a:hover ul li.odd a span {background:#6ad;}
#slants li:hover ul li.odd a b,
#slants a:hover ul li.odd a b {border:0; border-top:25px solid #6ad; border-left:25px dotted transparent;}
#slants li:hover ul li.odd a em,
#slants a:hover ul li.odd a em {border:0; border-top:25px dotted transparent; border-left:25px solid #6ad;}

#slants li:hover ul li a:hover b,
#slants a:hover ul li a:hover b {border-right-color:#48b;}
#slants li:hover ul li a:hover em,
#slants a:hover ul li a:hover em {border-top-color:#48b;}
#slants li:hover ul li a:hover span,
#slants a:hover ul li a:hover span {background:#48b;}

#slants li:hover ul li.odd a:hover b,
#slants a:hover ul li.odd a:hover b {border-top-color:#37a;}
#slants li:hover ul li.odd a:hover em,
#slants a:hover ul li.odd a:hover em {border-left-color:#37a; border-top-color:transparent;}
#slants li:hover ul li.odd a:hover span,
#slants a:hover ul li.odd a:hover span {background:#37a;}
.Style3 {color: #FFFFFF; font-weight: bold; }
.Style5 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}
.Style6 {color: #FFFFFF}
.Style8 {
	color: #FFFFFF;
	font-size: xx-small;
}