html { height: 100%; }
body { height: 100%; border:none 0; margin:0; padding:0; }
cite { color: #707070; font-style: normal; font-size: smaller }
h1   { font-size: 14px; line-height: 12px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular }
h2 { font-weight: 600; font-size: 13px }
h3  { font-size: 11px; line-height: 11px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular }
h4  { font-style: normal; font-weight: lighter; font-size: 10px; line-height: 12px; font-family: Geneva, Helvetica, Arial, Swiss, SunSans-Regular }
.fdphoto       { background-color: #fff }
.footer  { color: #999; font-size: 9px; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular }
.footer a { color: #999; }
.footer a:hover { color: #444444; }
.hpadding { padding: 0px 10px 0px 6px; }

.ptitext   { color: #7a7a7a; font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva }
.standard    { color: #7a7a7a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
A.menulink   { color: #fff; font-size: 11px; font-family: Geneva, Helvetica, Tahoma, Verdana, Swiss; text-decoration: none }
A.menulang { color: #000080; font-size: 11px; font-family: Geneva, Helvetica, Tahoma, Verdana, Swiss; text-decoration: none }
A.lientextes   { color: #2c2f4d; text-decoration: none }
A.lientextes:hover  { color: #393b4d; text-decoration: underline }
A.menulink:hover      { text-decoration: underline }
A.menulang:hover { font-weight: bold; text-decoration: none }
.date  { color: #424242; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
.place  { color: #5a5a5a; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }
.event  { color: #424242; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px 0px 6px }
.justif { text-align: justify }
.standard2   { color: #555; }
.standard2 p  { white-space:normal; }
.normal { color: #333333;  }
#citation {	color: #666666;  }
.lettrine    { color: #5a5a5a; font-weight: bold; font-size: 130%; font-family: Times, "Times New Roman", Georgia, Geneva, helvetica }
.lettrine2 { color: #5a5a5a; font-weight: bold; font-size: 180%; font-family: Times, "Times New Roman", Georgia, Geneva, helvetica }
.titre        { color: #656565; font-weight: bold; font-size: 16px; font-family: Tahoma, Verdana, Geneva, Helvetica, Swiss }
.titreclair  { color: #e5e5e5; font-weight: bold; font-size: 14px; font-family: Helvetica, Geneva, Arial, Swiss, SunSans-Regular; text-indent: 4px }
p.legende    { margin:3px 0 0 0; padding:0;  }
.titrephoto, .legendephoto  { color: #7a7a7a; font-size: 11px; "Trebuchet MS", "Lucida Grande", Tahoma;  }
.legendephoto    { margin-left:6px; }


#navigation td.mnactif {
	color:#FFFFFF;
	}
	
#navigation td.bordroit {
		border-right: solid 2px #999999;
	}
 
#navigation {
margin-top:6px;
height:16px;
border:none;
border-collapse:collapse;
}

#navigation td {
	display: table-cell;
	white-space:nowrap;
	padding:0 8px;
	color: #CCCCCC;
	font-size: 11px;
	font-family: Geneva, Helvetica, Tahoma, Verdana, Swiss; 
	background:transparent;
	
}
#navigation td {
	border: none;
	border-width:0;
}

#navigation td.puce1,
#navigation td.puce2,
#navigation td.puce3,
#navigation td.puce4 {
	margin:0;
	padding:0 14px 0 0;
	width:16px;
	height:16px;
}

#navigation a {
	color: #CCCCCC;
	text-decoration: none;
}

#navigation a:hover  {
	text-decoration: underline;
	color:#FFFFFF;
	}

#navigation td.puce1 a,
#navigation td.puce2 a,
#navigation td.puce3 a,
#navigation td.puce4 a {
	display:block;
	padding:0 ;
	margin:0;
	width:16px;
	height:16px;
	text-align: center ;
	line-height:11px;
	text-decoration: none;
	}
	
#navigation td.puce1 a {
	background: transparent url(img/navsect_1.gif) left center no-repeat ;
	}
#navigation td.puce2 a {
	background: transparent url(img/navsect_2.gif) left center no-repeat ;
	}
#navigation td.puce3 a {
	background: transparent url(img/navsect_3.gif) left center no-repeat ;
	}
#navigation td.puce4 a {
	background: transparent url(img/navsect_4.gif) left center no-repeat ;
	}
#navigation td.puce1 a:hover,
#navigation td.puce1 a:focus,
#navigation td.puce1 a:active,
#navigation td.puce1 a.puceactif {
	background: transparent url(img/navsect_1.gif) right center no-repeat ;
	}
#navigation td.puce2 a:hover,
#navigation td.puce2 a:focus,
#navigation td.puce2 a:active,
#navigation td.puce2 a.puceactif {
	background: transparent url(img/navsect_2.gif) right center no-repeat ;
	}
#navigation td.puce3 a:hover,
#navigation td.puce3 a:focus,
#navigation td.puce3 a:active,
#navigation td.puce3 a.puceactif {
	background: transparent url(img/navsect_3.gif) right center no-repeat ;
	}
#navigation td.puce4 a:hover,
#navigation td.puce4 a:focus,
#navigation td.puce4 a:active,
#navigation td.puce4 a.puceactif {
	background: transparent url(img/navsect_4.gif) right center no-repeat ;
	}