/*  body   */
BODY { behavior: url(csshover.htc); background-color: #9f9f9f ; margin-left: 1px ; margin-top: 1px   }
A:link, A:visited, A:active { text-decoration: underline ; color: #5d60ab }
a:hover { color:#698050; text-decoration:none; }

H3{font-size: 16pt ; font-weight: normal ; color: #CC3333; }
H4{font-size: 20pt ; font-weight: normal ; color: #CC3333; }

TD.bkgd {background : #eeeeee}

TD.titre {font-family: comic sans ms,arial ;
	 font-size: 13pt ; font-weight: bold ;  color: #333333; }
.titre {font-family: comic sans ms,arial ;
	font-size: 13pt ; font-weight: bold ; color: #333333; }
TD.menu {font-family: comic sans ms,arial ;
	 font-size: 11pt ; font-weight: bold ;  color: #333333; }
.menu {font-family: comic sans ms,arial ;
	font-size: 11pt ; font-weight: bold ; color: #333333; }
TD.normal {font-family: comic sans ms,arial ;
	font-size: 10pt ; font-weight: normal ; color: #000000; }
TD.normal_p {font-family: comic sans ms,arial ;
	font-size: 9pt ; font-weight: normal ; color: #000000; }
TD.normal_g {font-family: comic sans ms,arial ;
	font-size: 11pt ; font-weight: normal ; color: #000000; }
.normal_g_c {font-family: comic sans ms,arial ;
	font-size: 11pt ; font-weight: normal ; color: #ed331a; }
TD.normal_g_c {font-family: comic sans ms,arial ;
	font-size: 11pt ; font-weight: normal ; color: #ed331a; }
TD.normal_gb {font-family: comic sans ms,arial ;
	font-size: 11pt ; font-weight: bold ; color: #000000; }
TD.formul {font-family: Arial, Helvetica ; font-size: 12pt ; font-weight: normal ; color: #000000; }
.finpage {font-family: Times, Helvetica, Arial ; font-size: 10pt ; color : #000000 ; }
TD.ti_para {font-family: Tahoma, Geneva, Helvetica, Arial ; font-size: 12pt ;
	   font-weight: bold ; color: #222222; }
.ti_para {font-family:  Tahoma, Geneva, Helvetica, Arial ; font-size: 12pt ;
	  font-weight: bold ; color: #222222; }
TD.ti_encar {font-family: Tahoma, Geneva, Helvetica, Arial ; font-size: 12pt ;
	    font-weight: bold ; color: #333333; }
.ti_encar {font-family: Tahoma, Geneva, Helvetica, Arial ; font-size: 12pt ;
	  font-weight: bold ; color: #333333; }
TD.encar {font-family: Times, Serif, Helvetica, Arial ; font-size: 11pt ; color: #000000; }
.encar {font-family: Times, Serif, Helvetica, Arial ; font-size: 11pt ; color: #000000; }
TD.legend {font-family: comic sans ms,arial ;
	  font-size: 10pt ; font-style: italic ; color: #cb1f03 ; text-align : center; }
TD.pleg {font-family: Times, Serif, Helvetica, Arial ; font-size: 12pt ; color: #cb1f03; font-style: italic; text-align:center }

.bloc_coins {
	background: transparent; 
	width:100%; }
.bloc_coins h1, .bloc_coins p {
	margin:0 10px; }
.bloc_coins h1 {
	font-size:2em; 
	color:#fff; }
.bloc_coins p {
	padding-bottom:0.5em;}
.bloc_coins .b1, .bloc_coins .b2, .bloc_coins .b3, .bloc_coins .b4 {
	display:block; 
	overflow:hidden; 
	font-size:1px; }
.bloc_coins .b1, .bloc_coins .b2, .bloc_coins .b3 {
	height:1px; }
.bloc_coins .b2 {
	background:#9c1500; 
	border-left:1px solid #999; 
	border-right:1px solid #999; }
.bloc_coins .b3 {
	background:#9c1500; 
	border-left:1px solid #999; 
	border-right:1px solid #999; }
.bloc_coins .b4 {
	background:#9c1500; 
	border-left:1px solid #999; 
	border-right:1px solid #999; }
.bloc_coins .b1 {
	margin:0 5px; 
	background:#999; }
.bloc_coins .b2 {
	margin:0 3px; 
	border-width:0 2px;}
.bloc_coins .b3 {
	margin:0 2px;}
.bloc_coins .b4 {
	height:2px; 
	margin:0 1px;}
.bloc_coins .bloc_contenu {
	display:block; 
	background:#9c1500; 
	border-left:1px solid #999; 
	border-right:1px solid #999;}

#lightbox{	position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #99CCCC; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #99CCCC; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #CC3333; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#bann { 
        position: relative; 
        height: 0px; }
#bann_img { 
        position: relative; 
        left: -5px; 
        top: -65px; 
        z-index: 1; }
#bann_txt { 
        position:absolute; 
        top: -65px; 
        left: 280px;
        width: 1000px; 
        height: 50px; 
        z-index: 2;
        font-size: 200%;}
a.info {
  position:relative;
}
a.info:hover {
   background: none; 
   z-index: 500; 
}
a.info span {display: none;}
a.info:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-family: comic sans ms,arial ;
   font-size:11px;
   font-weight:normal;
   color: #9f9f9f;
   width:200px;
   top: 10px; 
   left: 100px;
   background: #273d23;
   padding: 4px;
   border: 1px solid #80774F;
   border-top: 4px solid #80774F;
}

#monmenu {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 90%; 
	FONT-FAMILY: trebuchet ms,arial,tahoma,verdana,sans-serif;
	color: #9f9f9f;
	POSITION: absolute; TOP: 200px; LEFT: -35px
}
html>body #monmenu {
position: fixed;
}
#monmenu UL UL {
	BORDER-RIGHT: #888888 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #888888 1px solid; 
	DISPLAY: none; 
	PADDING-LEFT: 0px; 
	LEFT: 155px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	BORDER-LEFT: #888888 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #888888 1px solid; 
	POSITION: absolute; TOP: -1px
}
#monmenu LI {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	PADDING-TOP: 2px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative; 
	BACKGROUND-COLOR: #9c1500; 
	BORDER-BOTTOM: #888888 1px solid; BORDER-RIGHT: #888888 1px solid; BORDER-LEFT: #888888 1px solid;
	WIDTH: 150px;
	border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#monmenu LI:hover {
	BACKGROUND-COLOR: #273d23
}
#monmenu LI.sfhover {
	BACKGROUND-COLOR: #273d23
}
#monmenu LI A {
	TEXT-DECORATION: none
}
#monmenu LI:hover UL.niveau2 {
	DISPLAY: block
}
#monmenu LI LI:hover UL.niveau3 {
	DISPLAY: block
}
#monmenu LI.sfhover UL.niveau2 {
	DISPLAY: block
}
#monmenu LI LI.sfhover UL.niveau3 {
	DISPLAY: block
}
#monmenu LI.plus {
	BACKGROUND-POSITION: right 50%; 
	BACKGROUND-IMAGE: url(../img_menu/fdroite.gif); 
	BORDER-BOTTOM: #888888 1px solid; 
	BACKGROUND-REPEAT: no-repeat
}
#monmenu LI.brdtop {
	BORDER-TOP: #888888 1px solid; 
}