body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #F2E084;
	background-color: black;
	width:800px;
	/* margin-left:120px; */
	background-image: url("../IMAGES/fondtoile.jpg");
	background-repeat:repeat-y;
	z-index:0;
	}
a {
	text-decoration: none;
	font-weight: bold;
	color:  #F2E084;
	outline: none;
	}
a:visited {
	color:  #D19876;
	}
a:active {
	color:  #D19876;
	}
a:hover {
	color: #D19876;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 9px;
	line-height: 1px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}

#top {
	padding: 0px;
	background: black;
	position:absolute;
	margin-top: 0;
	margin-left: 150px;
	height: 130px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 130px;
	background-image:  url("../images/titresitemc.png");
	background-repeat: no-repeat;
	background-position:center;
	width: 770px;
	z-index:10;
	left: 21px;
	}
#top h1 {
		text-indent: -5000px;
		margin:0;
		font-size:80%;
		line-height:0;
}
#top h3 {
		text-indent: -5000px;
		margin:0;
		line-height:0;
		font-size:60%;
		font-style:oblique;
}
html>body #top {
	height: 130px; /* ie5win fudge ends */
	}
#menu {
	top: 0px;
	left: 1px;
	margin: 0px;
	padding: 0px;
	position:absolute;
	border: 0px solid #ccc;
	background-color: ;
	width: 180px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 180px;
	height:400px;
	/* background-image:url(../images/fondtoile.jpg);
	background-repeat:repeat-y;
	z-index:0; */
	}
html>body #menu {
	width: 120px; /* ie5win fudge ends */
	}
#menu ul{
	
	margin-top:150px; /* ajustement hauteur bouton dans le menu */
	font: bold 1em Georgia, Times,sans;
	list-style-type:none;
}	
#menu a {
	text-decoration: none;
	font-weight: bold;
	color:  #99FFFF;
	outline: none;
	}
#menu li {
 	line-height:60px;
	}

a:visited {
	color:  #ccc;
	}
a:active {
	color:  #ccc;
	}
a:hover {
    background: none;
	color: #ccc;
	text-decoration: underline;
	}
/*
a:hover span {
	color: #ccc;
	vertical-align: middle;
	display:block;
	}
a span {
	display:none
	}
*/
.ahem {
	display: none;
	}
#contenu {
	position:absolute;
	top: 130px;
	left:199px;
	
	padding: 0px;
	width:789px;
	border: 0px solid #ccc;
	background: black;
	overflow: visible;
	}
#contenu p {
	
	}
.titref {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size: 1.8em;
	line-height: 100%;
	color: #F2E084;
	text-align: left;
	text-indent: 10%; 
	letter-spacing: 0.25em;
	}
.titree {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic; 
	letter-spacing: 1em;
	font-weight:bold;
	font-size:1em;
	line-height:75%;
	margin-top: 10px;
	margin-bottom:1em;
	color:#D19876;
	text-align:left;
	text-indent:20%;
	vertical-align: text-bottom;
	}
.francais{
	padding: 0x;
	color: #F2E084;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:100%;
	font-style:normal;
	font-weight:normal;
	font-size: small;
	text-align:justify;
	list-style-type: none;
	margin: 0 10px;
 	}
.english{
	padding: 0x;
	color:#D19876;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	line-height:100%;
	font-weight:normal;
	font-size:small;
	text-align:justify;
	list-style-type: none;
	margin: 0 10px;
 	}		
#divfloat {
	padding: 0px;
	float:left;
	margin-top: 10;
	margin-left: 0px;
	height: 200px;
	width: 250px;
	z-index:10;
	}
#divexpofloat {
	padding: 0px;
	float:left;
	margin-top: 20;
	margin-left: 50px;
	height: 200px;
	width: 650px;
	z-index:10;
	}
.expofrancais{
	padding: 0x;
	color: #F2E084;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:200%;
	font-style:normal;
	font-weight:normal;
	font-size: 1.25em;
	text-align: center;
	list-style-type: none;
	margin: 0 10px;
 	}
div.picmc {
	position: relative;
	float:left;
	height: 258px;
	width: 194px;
	padding: 15px;
	margin: 10px 10px;
	background: black;
	border: 1px solid black;
	border-color: #AAA #444 #444 #AAA;
	}	
.separation { 
	clear:both;
	visibility: hidden;
	}
ul#menusecf {
	padding: 0x;
	color: #F2E084;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:x-small;
	text-align:left;
	list-style-type: none;
	margin: 0 10px;
	}
#menusecf li {
	float: left;
	}	
#menusecf a {
	text-decoration: none;
	font-weight: bold;
	color:#F2E084;
	text-decoration: none;
	}
ul#menusece {
	clear: left;
	padding: 0x;
	color:#D19876;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:normal;
	font-size:x-small;
	text-align:left;
	list-style-type: none;
	margin: 0 10px;
	}
#menusece li {
	float: left
	}	
#menusece a {
	text-decoration: none;
	font-weight: bold;
	color:#D19876;
	text-decoration: none;
	}	
a:visited {
	color:  #ccc;
	}
a:active {
	color:  #ccc;
	}
a:hover {
    background: none;
	color: #ccc;
	text-decoration: underline;
	}
div.pic {
	float:left;
	height: 160px;
	width: 130px;
	padding: 15px;
	margin: 10px 6px;
	background: black;
	border: 1px solid black;
	border-color: #AAA #444 #444 #AAA;
	left: 92px;
	top: 122px;
}
div.row {display: table-row;}
div.row div {display: table-cell;}
div.img {border: none;}
div.ls img {height: 96px; width: 128px; margin: 16px 0;}
div.pt img {height: 128px; width: 96px; margin: 0 16px;}
div.dpt img {height: 128px; width: 48px; margin: 0 40px;}
div.dls img {height: 48px; width: 128px; margin: 40px 0px;}
div.sq img {height: 128px; width: 128px; margin: 0 0;}
div.lsp1 img {height: 42px; width: 128px; margin: 43px 0;}
div.pic ul {margin: 5px 0 0; padding: 0;
			font: bold small Verdana, Arial, Helvetica, sans-serif;
			display: block; list-style: none; text-align: center;}
li.legendef {
	font-style:normal;
	font-size:small;
	color:#F2E084;
	letter-spacing: 0,75em;
	overflow: visible;
	}
li.legendee {
	font-style:italic;
	letter-spacing: 0,5em;
	font-size: x-small;
	color:#D19876;
	}
div.pic img {border: 1px solid; border-color: #444 #AAA #AAA #444;}
div.fpicsq {
	float: left;
	height: 410px;
	width: 410px;
	padding: 15px;
	margin: 10px 6px;
	background: black;
	border-color: #AAA #444 #444 #AAA;
	left: 92px;
	top: 122px;
}
div.fsq {height: 400px; width: 400px; margin: 0 0;}
}
div#pied {clear: both; padding-top: 3em; font: 85% Verdana, sans-serif;}
/* CSS Document */