/* Structure */

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 12px arial, helvetica, Sans-Serif;
	line-height: 13pt;
	color: #000;
	}

#page {
	background-color: white;
	border: 1px solid #000000;
	text-align: left;
	margin: 10px auto;
	padding: 0;
	width: 800px;
	height: 100%;
	}


.normal { width: 700px;
margin: 2em 0 0 30px;
 }

.anormal { width: 450px;
margin: 2em 0 0 30px;
 }


.xtra { position: absolute;
	right: 10%;
	top: 55px;
	width: 30%;
	font-family: arial, helvetica;
	font-size: 8pt;
	line-height: 11pt;
	color: rgb(210, 210, 210);
	border: none; }

/* Formats */


hr {	border: 0;
	width: 100%;
	color: rgb(1, 160, 198);
	background-color: rgb(1, 160, 198);
	height: 2px;
 }

 a { text-decoration: none;
	color: rgb(0, 0, 0); }

 a.plain { text-decoration: none;
	color: rgb(204, 102, 0); }

	a:link { color: rgb(107, 164, 43); }
	a:visited { color: #A8A8A8; }
	a:hover { color: rgb(1, 160, 198); }
	a:active { color: rgb(1, 160, 198); }

a.courant { color: rgb(1, 160, 198); }
a.courant:hover { color: #A8A8A8; }
a.noir { color: rgb(0, 0, 0); }
a.noir:hover { color: rgb(1, 160, 198); }
a.noir:visited { color: #A8A8A8; }

.mini {
	font-size: 11px;
	line-height: 11pt;
	font-family: Georgia, Times, "New Century Schoolbook", "New York", serif; }

h1 { font-size: 18pt;
	line-height: 18pt;
	font-family: arial, helvetica;
	color: rgb(153, 204, 255);
	margin-top: 1.3em; }

h2 { font-size: 14pt;
	font-family: arial, helvetica;
	color: rgb(153, 204, 255);
	margin-top: 1.3em; }

h4 { font-size: 10pt;
	font-family: arial, helvetica;
	color: rgb(102, 102, 204); }

ul.a { color: rgb(102, 102, 204);
        line-height: 14pt;
	list-style: square; }

ul.b { line-height: 10pt;
	color: rgb(204, 102, 0);
	list-style: circle; }

    /* navigation menus inline : "b" */

#navinline
{
width: 90%;
float: right;
background-color: #ffffff;
}

#navinline ul { padding: 0; }
#navinline ul li { display: inline; }

#navinline ul
{
margin: 0;
padding: 0 0 0 7%;
color: #ffffff;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: .7em;
letter-spacing: 3px;
}

#navinline ul li a
{
padding: 0.2em 12px;
background-color: #ffffff;
color: #666666;
text-decoration: none;
float: right;
border-right: 1px solid #94B473;
}

#navinline ul li a:hover
{
background-color: #cccc00;
color: #000000;
}

#navinline li a:hover, #navblist li a:active
{
color: #ff0000;
text-decoration: none;
background: #CC3333;
text-align: left;
font: normal "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}


    /* fin des liens de navigation */

    /* nouveaux liens de navigation */

#navcontainer
{
margin: 10px 0 0 30px;
padding: 0;
height: 20px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #9cf;
width: 85px;
height: 18px;
border-top: 1px solid #66c;
border-left: 1px solid #ccf;
border-bottom: 1px solid #66c;
border-right: none;
padding: 0;
margin: 0 0 10px 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #fff;
background: #66c;
}

#navcontainer a:active
{
background: #c60;
color: #fff;
}

#navcontainer li#active a
{
background: #99c;
border: 1px solid #66c;
color: #fff;
}

    /* fin des nouveaux liens de navigation */