body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #666666;
}

div#conteneur
{
 	margin-top: 40px;
	position:absolute;
    left: 50%; 
    width: 770px;
    margin-left: -380px; 
    border: 1px solid #fff ;
	text-align: left ;
	background: #fff ;
}

#header_i {
position:relative;
width:770px;
height:250px;
background: url(../images/bandeau_report.jpg);
}

ul#menu
{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
		
#navlist {
margin-top:5px;
width: 100%;
position:relative;
background: #FF0000;
left:0px;
text-align:right;
z-index:150;
}

#navlist3 {
width: 98%;
position:absolute;
margin: 0 auto ;
top:-30px;
text-align:right;
z-index:150;
}

#navlist2 {
margin-top:1px;
width: 100%;
position:relative;
left:0px;
text-align:left;
z-index:150;
background: #FF0000;
}

div#contenu
{
	padding: 0 10px 0 10px ;
}

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.2em ;
	color: #CC6600 ;
	border-bottom: 1px solid #9b2 ;
}

div#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #9b2 ;
	border-left: 3px solid #9b2 ;
	color: #666 ;
}

div#contenu p
{
text-align: justify ;
line-height: 1.7em ;
padding-left:15px;
color:#000000;
font-weight:lighter;
font-family: arial, sans-serif;
}

div#contenu a
{
	color: #8a0 ;
	text-decoration:none;
}

div#contenu a:hover
{
	color: #9b2 ;
}

p#footer
{
width: 98%;
position:absolute;
margin: 0 auto ;
top:-30px;
text-align: left ;
color: #fff ;
}
p#footer2
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #8a0 ;
}
pre
{
	overflow: auto ;
	background: #dea ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}
#imag_g{
padding-left:10px;
padding-right:10px;
float:left;
text-align:center;
color:#666;
}
#imag_d{
padding-left:10px;
padding-right:10px;
float:right;
color:#666;
}
#imag_c{
position:relative;
padding-left:10px;
padding-right:10px;
left:350px;
top:-10px;
color:#666;
}
#diap{
position:relative;
left:0px;
top:0px;
padding-bottom:12px;
z-index:100;
width:350px;
}
img.imgs{
vertical-align:middle;
}
#encadre_centre{
position:relative;
margin-left:350px;
padding-left:10px;
padding-right:10px;
font-size:11px;
color:#666;
width:38%;
border-style:solid;
border-width:1px;
}

/* ##### Side Bar ##### */

#side-bar_histoire{

background-color:#CCCC00;
font-weight:bold;
font-variant:small-caps;
color:#ffffff;
font-family:arial;
text-align:left;
line-height: 20 px;
vertical-align: middle;
margin-top:5px;
margin-bottom:1px;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
}
#side-bar_histoire_sous {
background:#999966;
font-weight:bold;
font-variant:small-caps;
color:#ffffff;
font-family:arial;
font-size: 12px;
text-align:left;
line-height: 10 px;
vertical-align: middle;
margin-top:0px;
margin-bottom:5px;
padding-left:15px;
padding-top:0px;
padding-bottom:5px;
}

p.intro{
position:relative;
color:#000000;
font-weight:lighter;
font: 12px/20px "Lucida Grande", verdana, sans-serif;
text-align:justify;
padding-right:15px;
padding-left:15px;

}

p.f_p{
float:right;
color:#000000;
font-weight:lighter;
font-family: arial, sans-serif;
text-align:justify;
display:block;
}

p.p_centre {
width:95%;
padding-left:15px;
color:#000000;
font-weight:lighter;
font-family: arial, sans-serif;
text-align:justify;
}

ul{
font-family: arial, sans-serif;
font-weight:lighter;
}
.champs {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 100px}
A:hover { text-decoration: underline; }
.texte,.texte-gris,.textebordo,.textekaki,.textevert,.texteBlanc,.plan {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.texte { 
color: #000000; 
text-decoration: none; 
font-family: arial, sans-serif;
font-size:13px;
}
.texte-gris {	color: #5F5F5B; }
.texteBlanc {	font-weight: bold; color: #FFFFFF; }
.textebordo { font-weight: bold; color: #993F6B}
.textevert  { font-weight: bold; color: #7A8F57}
.textekaki  { font-weight: bold; color: #696C14; text-decoration: none }

table{
font-family: arial, sans-serif;
font-size:13px;
cellspacing:0px;
cellpadding:0px;
}

td{ 
color:#000;
padding-left:15px;
font-family: arial, sans-serif;
font-size:13px;
font-weight:normal;
text-align:left;
margin :0px; 
}

td.borde{ font-variant:small-caps;width:200px;color:#000;padding-left:15px;font-family: arial, sans-serif;font-size:1px;font-weight:bold;background:#FBCA54;border-left-width:0px;border-top-width:1px;border-bottom-width:1px;vertical-align:middle;border-right-width:0px;text-align:left;font-family:verdana;font-size:13px; border-style:solid;margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
table.tab{border-color : #00AED3;border-style:solid;border-width:1px;background-color:#ffffff;}

td.space{
padding-top:5px;
padding-bottom:5px;
text-indent:10px;
padding-right:10px;
letter-spacing: 0.2em;
font-variant:small-caps;
}
td.space3{
padding-top:5px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
text-indent:10px;
padding-right:10px;
letter-spacing: 0.2em;
font-variant:small-caps;
color:#333;
font-weight:bold;
width:40%;
}
td.space2{
padding-top:5px;
padding-bottom:5px;
text-indent:10px;
padding-right:10px;
color:#67AD79;
font-family:arial;
letter-spacing: 0.2em;
font-size:12px;
font-weight:bold;
}
.plan {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-decoration: none; }

.legendeorgani { padding-left:10px;font: 11px/20px "Lucida Grande", verdana, sans-serif; font-weight: bold; color: #45493D}
.legendevert { font: 12px/20px "Lucida Grande", verdana, sans-serif; font-weight: bold; color: #996633}

.titretabloorgani { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000 ; text-decoration: none}
.liengras { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; }

.datecalen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #787D18 }
.tab-date {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #993F6B}
.liens { font: 11px/20px "Lucida Grande", verdana, sans-serif;font-weight: normal; color: #993F6B; text-decoration: underline }
.paragraphe { font-size: 12px; font-weight: bold; color: #993F6B; text-decoration: underline }
.titretableau { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF }
.lienmenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #7684AF; text-decoration: none }
.titre-page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7684AF;
}
.titreGris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
span.ttitre{font-weight:bold;}
/*********************popup css ******************************/

a.info {
position:relative;
border-bottom:1px dashed #808080;
text-decoration: none; 
font-weight: bold;
}
a:hover.info {
text-decoration: none;
background: none;
}
a.info span {display: none;}
a:hover.info span {
display: inline;
position: absolute; 
top:1.5em;
left:0.5em;
z-index: 20;
background: #446D87;
color: #fff;
border:1px solid #000;
width:150px;
text-align:center;
font-weight:normal;
font-size: 10px;
line-height:12px;
padding:2px 4px;
} 

#titrage{
font: 21px/20px "Lucida Grande", verdana, sans-serif;
font-weight:bold;
font-variant:small-caps;
text-align:left;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
color:#000000;
margin-left:250px;
}

#swf_banner {
float:left;
margin-left:10px;
margin-right:10px;
}
/************************ZONES REACTIVES ************************/

#zone1 {   
float: left;
width : 80px;
height: 70px;
margin-left: 5px;
margin-top: 5px;
}

#zone2 {   
position:absolute;
width : 300px;
height: 20px;
margin-left: 310px;
margin-top: 210px;

}
#zone3 {   
position:absolute;
width : 50px;
height: 20px;
margin-left: 130px;
margin-top: 210px;
}
#zone4 {   
position:absolute;
width : 90px;
height: 20px;
margin-left: 620px;
margin-top: 210px;
}