body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: geneva, verdana, arial, helvetica, sans-serif;
	}
strong, b {
	font-weight: bold;
	}
p, ul, li {
	font-size: 12px;
	line-height: 16px;
	margin-top: 10px;
	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: 20px;
	line-height: 30px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	background: #CC0000;
	text-align: center;
	}
h2 {
	font-size: 17px;
	line-height: 25px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	}
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; 
	}	
.people {
	font-size: 11px;
	line-height: 16px;
	margin-top: 11px;
	margin-bottom: 5px; 
	}
span.PrenomNom {
	color: red;
	}

span.PrenomNom a{
	font-weight: bold;
	color: red;
	text-decoration: none;
	}

#top {
	margin: 10px 10px 0px 10px;
	border: 0px solid #ccc;
	text-align: center;
	height: 130px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 130px;
	}
html>body #top {
	height: 130px; /* ie5win fudge ends */
	}
#bottom {
	margin: 20px 20px 0px 230px;
	padding: 10px;
	border: 0px #ccc;
    border-top-style: solid;
	background: #FFF;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 80px;
	}
html>body #bottom {
	height: 80px; /* ie5win fudge ends */
	}

#footer {
	position: relative;
	padding: 2px;
	margin: 2px;
	background-color: #CC0000;
	width: 750px;
	text-align: center;
	font-weight: bold;
}

#footer a {
	font-size: 12px;
	text-transform: lowercase;
	text-decoration: none;
	color: #000000;
}

#footer a:hover {
	text-decoration: none;
	color: grey;
	background: transparent;
}

#left {
	position: absolute;
	top: 130px;
	left: 0px;
	margin: 20px;
	padding: 10px;
	border: 0px solid #ccc;
	background: #FFF;
	width: 175px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 175px;
	}
html>body #left {
	width: 175px; /* ie5win fudge ends */
	}

#middle {
	margin: 10px 250px 30px 225px;
	padding: 10px;
	border: 0px solid #ccc;
	background: #FFF;
	}

#highlight {
	font-size: 12px;
	padding: 4px;
	margin: 0px;
	margin-top: 2px;
	border: 1px dashed #CC0000; 
}

#right {
	position: absolute;
	top: 130px;
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #FFF;
	width: 250px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 200px;
	}
html>body #right {
	width: 200px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
img.logo {
	height: 25px;
	margin: 0px 10px 0px 10px;
	}
/*************/
/*  span     */
/*************/

div#title {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
    width: 400px;
    position:absolute;
    left:15em;
    top:1em;
}

table#tabtitle {
	position:absolute;
    background-color:#FFFFFF;
	left:320px;
    width: 685px;
}


.L1 {
	line-height: 28px;
	font-size: 25px;
	color: #CC0000;
	font-weight: bold;
    text-align: center;
    background-color: #FFFFFF;
}
.L2 {
	line-height: 25px;
	font-size: 14px;
    color: #CC0000;
	font-weight: bold;
    text-align: right;
    background-color: #000000;
}
.L3 {
	line-height: 25px;
	font-size: 14px;
    color: #000000;
	font-weight: bold;
    text-align: right;
    background-color: #CC0000;
}

span.role {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
        display: block;
        width: 100%;
        padding: 0.2em 0 0.2em 0.5em;
        border-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        color: #777;
        text-decoration: none;
        background: #f7f2ea;
	}

/*************/
/* images    */
/*************/
img.gauchelogo {
	position: absolute;
	top: 15px;
	left: 20px;
	voice-family: "\"}\"";
	voice-family:inherit;
	}

img.middlelogo {
	position: relative;
	top: 0px;
	left: 250px;
	width: 300px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 300px; 
	}
html>body img.middlelogo {
	width: 300px;  /* ie5win fudge ends */
	left: 250px;
	}

img.middleImg {
	position: relative;
	top: 15px;
	left: 290px;
	width: 200px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 200px; 
	}
html>body img.middleImg {
	left: 290px;
	width: 200px;  /* ie5win fudge ends */
	}

img.droitelogo {
	position: absolute;
	top: 20px;
	left: 1050px;
	width: 400px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px; 
	}
html>body img.droitelogo {
	width: 180px;  /* ie5win fudge ends */
	}

img.logopdf {
	position: relative;
	top: 0px;
	left: 0px;
	width: 50px;
	}

table#dowloadpdf{
	font-size: 10px;
		text-align: center;

}
/*************/
/*  menus    */
/*************/

#menu
{
margin: 0 auto;
padding: 1em 0;
font-size: 11px;
text-align: center;
text-transform: lowercase;
position:relative;
left:0em;
top:0em;
left:0px;
}

ul#menu
{
text-align: left;
list-style: none;
padding: 0;
width: 95%;
}

ul#menu li
{
display: block;
margin: 0;
padding: 0.2em 0.2em 0.5em 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #666;
text-decoration: none;
background: #f7f2ea;
}
ul#menu li a
{
display: block;
width: 100%;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

ul#menu li#active
{
background: #ffe7d7;
color: #800000;
}

ul#menu li#active a
{
background: #ffe7d7;
color: #800000;
}

ul#menu li#nolink a
{
background: #ffe7d7;
color: #800000;
}

ul#menu li a:hover, ul#menu li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}


/*************/
/* sous-menu */
/*************/

#smenu
{
width: 17em;
margin: 0 0;
padding: 0 0 0 0;
font-size: 11px;
text-transform: lowercase;
left:0em;
position:relative;
left:3px;
}

ul#smenu
{
text-align: left;
list-style: none;
padding: 0 0 0 0;
width: 96%;
}

ul#smenu li
{
display: block;
margin: 0;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #666;
text-decoration: none;
background: #f7f2ea;
padding: 0.2em 0.2em 0.2em 3em;
}

ul#smenu li a
{
display: block;
width: 100%;

color: #777;
text-decoration: none;
background: #f7f2ea;
}

ul#smenu li a {
width: auto; 
}

ul#smenu li#active
{
background: #ffe7d7;
color: #800000;
}

ul#smenu li#active a
{
background: #ffe7d7;
color: #800000;
}

ul#smenu li#nolink a
{
background: #ffe7d7;
color: #800000;
}

ul#smenu li a:hover, ul#smenu li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}