/* CSS Document */

body {
color: #fff;
background-color: #000;
font-family: "Palatino Linotype", "times New Roman", times, serif;
font-size: 0.9em;
margin: 0;
padding: 0;
}

#Cgeneral {
margin-left: auto;
margin-right: auto;
padding: 0;
margin-top: 0;
width: 794px;
position: absolue;
}

#image1 {
position: relative;
left: 111px;
width: 338px;
padding-top: 10px;
padding-bottom: 0px;
margin: 0px;
}

#image2 {
position: relative;
left: 212px;
width: 150px;
padding-top: 10px;
padding-bottom: 0px;
margin: 0px;
}

#Ctitle{
position: relative;
height: 99px;
width: 700px;
left: 47px;
margin: 0;
padding: 0;
}

#Chome {
position: absolute;
}

#Cbg {
position: absolute;
top: 99px;
background-color: #000;
background-repeat: no-repeat;
width: 794px;
}

#Cbg1 {
position: absolute;
top: 99px;
background-image: url(BG/BG1.jpg);
background-repeat: no-repeat;
width: 794px;
}

#Cbg2 {
position: absolute;
top: 99px;
background-image: url(BG/BG2.jpg);
background-repeat: no-repeat;
width: 794px;
}

#Cbg3 {
position: absolute;
top: 99px;
background-image: url(BG/BG3.jpg);
background-repeat: no-repeat;
width: 794px;
}

#Csecondaire {
position: relative;
top: 0px;
left: 69px;
height: 618px;
width: 654px;
margin: 0;
padding: 0;
}

	#Cmenu {
	position: absolute;
	width: 654px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	}

			#nav {
				list-style: none;
				margin: 0;
				padding: 0;
				overflow: hidden;
				font-size: 1.1em;
				}
				
			#nav li {
				float: left;
				width: 218px;
				border: 0px;
				margin-right: 0px;
				color: #fff;
				}
				
			#nav li a {
				display: block;
				background: url(images/menu.png) left top no-repeat;
				color: #999;
				text-align: center;
				text-decoration: none;
				padding-top: 14px;
				padding-bottom: 17px;
				padding-left: 0;
				padding-right: 0;
				font-variant: small-caps;
				font-weight: bold;
				}
				
			#nav li a.current {
				display: block;
				background: url(images/menuC.png) left top no-repeat;
				color: #fff;
				text-align: center;
				text-decoration: none;
				padding-top: 14px;
				padding-bottom: 17px;
				padding-left: 0;
				padding-right: 0;
				font-variant: small-caps;
				font-weight: bold;
				}
				
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: url(images/menu.png) right top no-repeat;
				text-decoration: underline;
				color: #fff;
				font-variant: small-caps;
				font-weight: bold;
				}

#Text {
position: absolute;
top: 70px;
left: 0px;
width: 654px;
}

#Cdownbanner {
position: absolute;
}

#contenu {
position: absolute;
top: 52px;
left: 45px;
width: 609px;
height: 460px;
padding: 0;
margin: 0;
}

#contenuHome {
position: absolute;
top: 52px;
left: 45px;
width: 559px;
height: 460px;
padding: 0;
margin: 0;
}


	#Page {
	position: absolute;
	top: 513px;
	left: 248px;
	width: 170px;
	height: 37px;
	padding: 0;
	margin: 0px;
	background-color: #000;
	}
		
		#leafPrev {
		position: absolute;
		margin: 0px;
		padding: 0px;
		width: 66px;
		left: 0px;
		}
			
		#num {
		position: absolute;
		color: #fff;
		font-family: "Palatino Linotype", "times New Roman", times, serif;
		text-align: center;
		font-size: 1.1em;
		margin: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 5px;
		padding-bottom: 0px;
		width: 38px;
		left: 66px;
		top: 1px;
		}
		
		#leafNext {
		position: absolute;
		margin: 0px;
		padding: 0px;
		width: 68px;
		left: 104px;		
		top: 0px;
		}

#menu2 {
position: absolute;
top: 50px;
left: 0px;
width: 30px;
height: 456px;
padding-top: 5px;
padding-bottom: 0px;
margin: 0px;
}

			#nav2 {
				list-style: none;
				margin: 0;
				padding: 0;
				overflow: hidden;
				font-size: 1.2em;
				}
				
			#nav2 li {
				float: left;
				width: 30px;
				height: 30px;
				border: 0px;
				margin-right: 0px;
				color: #fff;
				}
				
			#nav2 li a {
				display: block;
				background: url(images/menu2.png) left top no-repeat;
				color: #999;
				text-align: center;
				text-decoration: none;
				padding-top: 3px;
				padding-bottom: 8px;
				padding-left: 1px;
				padding-right: 0;
				font-variant: small-caps;
				font-weight: bold;
				}
				
			#nav2 li a.current {
				display: block;
				background: url(images/menu2C.png) left top no-repeat;
				color: #fff;
				line-height: 1em;
				text-align: center;
				text-decoration: none;
				padding-top: 6px;
				padding-bottom: 8px;
				padding-left: 1px;
				padding-right: 0;
				font-variant: small-caps;
				font-weight: bold;
				}
				
			#nav2 li a:hover, #nav2 li a:focus, #nav2 li a:active {
				display: block;
				background: url(images/menu2.png) right top no-repeat;
				line-height: 1em;
				text-align: center;
				text-decoration: underline;
				padding-top: 6px;
				padding-bottom: 7px;
				padding-left: 1px;
				padding-right: 0;
				color: #fff;
				font-variant: small-caps;
				font-weight: bold;
				}

.italique {
font-style: italic;
font-family: "Palatino Linotype", "times New Roman", times, serif;
font-size: 1.0em;
color: #fff;
}

.italiquecenter {
font-style: italic;
text-align: center;
font-family: "Palatino Linotype", "times New Roman", times, serif;
font-size: 1.0em;
color: #fff;
}

.copyright {
text-align: center;
font-family: "Palatino Linotype", "times New Roman", times, serif;
font-size: 0.7em;
color: #222;
}

.center {
text-align: center;
font-family: "Palatino Linotype", "times New Roman", times, serif;
font-size: 1.0em;
color: #fff;
}


h1 {
font-family: "Palatino Linotype", "times New Roman", times, serif;
font-size: 1.1em;
color: #fff;
font-variant: small-caps;
font-weight: bold;
border-bottom: 1px solid #fff;
color: #fff;
padding-bottom: 5px;
}


h2 {
font-family: "Palatino Linotype", "times New Roman", times, serif;
font-size: 1.0em;
color: #fff;
font-weight: bold;
font-variant: small-caps;
border-bottom: 1px solid #666;
border-bottom-style: dashed;
color: #fff;
padding-left: 5px;
}

p {
font-family: "Palatino Linotype", "times New Roman", times, serif;
font-size: 1.0em;
color: #fff;
margin: 0px;
padding: 5px;
}

.floatR {
border: none;
float: right;
margin-left: 20px;
margin-right: 0px;
}

.border {
border-color: #666;
border-width: 1px;
margin-top: 0px;
margin-bottom: 0px;
}


		
		a.LIENS:link, a.LIENS:visited {
		font-family: "Palatino Linotype", "times New Roman", times, serif;
		font-size: 1.0em;
		color: #38b0be;
		text-decoration: none;
		}	
		
		a.LIENS:hover {
		font-family: "Palatino Linotype", "times New Roman", times, serif;
		font-size: 1.0em;
		color: #3ebd44;
		text-decoration: underline;
		}
		
		a.LIENS:active {
		font-family: "Palatino Linotype", "times New Roman", times, serif;
		font-size: 1.0em;
		color: #242aa5;
		text-decoration: underline;
		}

														#lightbox{
															position: absolute;
															left: 0;
															width: 100%;
															z-index: 100;
															text-align: center;
															line-height: 0;
															}
														
														#lightbox a img{ border: none; }
														
														#outerImageContainer{
															position: relative;
															background-color: #000;
															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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
															display: block;
															}
														#prevLink { left: 0; float: left;}
														#nextLink { right: 0; float: right;}
														#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
														#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
														
														
														#imageDataContainer{
															font: 10px Verdana, Helvetica, sans-serif;
															background-color: #000;
															margin: 0 auto;
															line-height: 1.4em;
															}
														
														#imageData{	padding:0px 20px; color: #fff; font-family: "Palatino Linotype", "times New Roman", times, serif; font-size: 1.4em;}
														#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;	}	
																
														#overlay{
															position: absolute;
															top: 0;
															left: 0;
															z-index: 90;
															width: 100%;
															height: 500px;
															background-color: #000;
															}
															
														
														/* Min-Width */
														.lbWidth { /* most browsers */
															position: absolute;
															top: 0px; left: 0px;
															width: 100%;
															min-width: 790px;
															}
														
														* html .lbContent { /* IE6 */
															margin-left: -790px;
															position:relative;
															}
														
														* html .lbMinWidth { /* IE6 */
															padding-left: 790px;
															}
															
															
														/* Clearfix */	
														.clearfix:after {
														content: ".";
														display: block;
														height: 0;
														clear: both;
														visibility: hidden;
														}
														
														.clearfix {display: inline-block;}
														
														/* Hides from IE-mac \*/
														* html .clearfix {height: 1%;}
														.clearfix {display: block;}
														/* End hide from IE-mac */