body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial,sans-serif;
	background-color: #ffffff;
	}
a {	
	color:  #24629f;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	}
a:VISITED {
	color:  #000000;
	text-decoration: none;
	}

a:HOVER {
	color: #15385B;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	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;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}	
#top {
/*	margin: 20px 150px 0px 20px; */
	margin: 20px 220px 0px 20px;
	padding: 1px;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 70px;
	}
html>body #top {
	height: 70px; /* ie5win fudge ends */
	}
#left {
	position: absolute;
	top: 90px;
	left: 0px;
	margin: 20px;
	padding: 1px;
/*	border: 1px solid #ccc;  */
	width: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 100px;
	}
html>body #left {
	width: 100px; /* ie5win fudge ends */
	}
#left_middle {
	position: absolute;
	top: 90px;
	left: 120px;
	margin: 20px;
	padding: 1px;
/*	border: 1px solid #ccc;  */
	width: 170px;
	}
#middle {
/*	margin: 15px 160px 20px 140px; */
	margin: 15px 220px 20px 140px;
	padding: 1px;
/*	border: 1px solid #ccc;  */
	}
#right {
	position: absolute;
	top: 90px;
/*	right: 0px; Opera5.02 will show a space at right when there is no scroll bar */
	right: 60px; /* Opera5.02 will show a space at right when there is no scroll bar */

	margin: 20px;
	padding: 1px;
/*	border: 1px solid #ccc;  */
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px; 

	}
html>body #right {
	width: 120px; /* ie5win fudge ends */
	}

pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
#bas {
        clear: both;
 /*    margin: 20px 20px 0px 20px; */
        margin: 20px 110px 0px 20px;
/*	border: 5px solid #ccc; */
        padding-top: 2px;
        border-top: 1px solid #000000;
}
#info {
        font-family:  Arial, Helvetica, sans-serif;
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-size : 60%;
        color: #818181;
        font-weight: bold;
}
#info a{
        font-family:  Arial, Helvetica, sans-serif;
        font-weight: inherit;
        font-size: inherit;
        font-size:100%;
        color: #818181;
        font-weight: normal;
        text-decoration: none;
}

#info a:HOVER{
        color: #818181;
        text-decoration: underline;
}
#MiseJour{
        font-family:  Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #818181;
        font-size: 60%;
        padding-left: 5px;
}
#MiseJour a{
        font-family:  Arial, Helvetica, sans-serif;
        font-weight: inherit;
        font-size: inherit;
        font-size: 100%;
        color: #818181;
        text-decoration: none;
}
#MiseJour a:HOVER{
        color: #818181;
        text-decoration: underline;
}
.miseAJour{
        font-weight: normal;
}

ul li{
        font-family: Arial, Helvetica, sans-serif;
        font-size:75%;
        list-style-image: none;
	list-style-type:none;
}
#menu{
        font-family: Arial, Helvetica, sans-serif;
	color: #0A55A3;
        list-style: none;
        margin-left:-40px;
        margin-top: 0px;
        margin-right:5px;
        font-size: 100%;
        font-weight: bold;

}

* html body #menu {  /* hack pour IE */
        margin-left:0px;
}

#menu li{
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 10px;
        list-style-image: none;
        border-bottom:1px solid #ccc;
        text-align: right;


}

#menu li a{
        text-decoration: none;
        color: #000000;
}

#menu li a:HOVER{
        text-decoration: none;
        color: #15385B;
}


#middle_desc {
/*	margin: 15px 20px 20px 330px; */
	margin: 15px 220px 20px 330px;
	padding: 1px;
/*	border: 1px solid #ccc; */
	}
.content{
	position:relative;
	width:auto;
	min-width:120px;
	margin:0px 210px 20px 330px;
/*	border: 1px solid #ccc; */
	z-index:3;
	padding:1px;
}
div.titre{
	float:left;
	margin-left:10px;
	margin-right:10px;
	padding:0em;
	border-right:1px solid #ccc;
	min-height:80px;
}
div.description{
	margin-top:-10px;
	padding:0em;
}
div.photo{
	padding:1em;
}
#menu li.premier{
        border-top: 2px solid  #15385B;
        border-top-style: solid;

}

p.langue{
	position:relative;
	left: 20px;
}
div#menuHoriBanniere {
	position:relative;
	float: right;
	text-transform : uppercase;
	margin-top:-20px;
	margin-bottom: 0px;
/*	margin-right: 70px; */
	margin-right: 130px;

	z-index: 4;
/*	border: 1px solid #ccc;  */

}
#separation {
        clear: both;
 /*    margin: 20px 20px 0px 20px; */
        margin: 0px 110px 0px 20px;
/*	border: 5px solid #ccc;  */
        border-top: 1px solid #000000;
}