/* CSS Document */

#head-left{
        width:270px;
        height:60px;
        background-color:#023669;
        color:#e7ebee;
		vertical-align:middle;
		font-size:24px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:200;
		margin-left:0px;
		padding-left:30px;
		padding-top:15px;
		padding-bottom:15px;
		text-align:left;
	
}
 
#head-middle{
        width:300px;
        height:60px;
        background-color:#023669;
        color:#e7ebee;
		font-size:12px;
		border:none;
		text-transform:lowercase;
		padding-top:15px;
		padding-bottom:15px;
}

 
#head-right{
        width:200px;
        height:60px;
        background-color:#023669;
        color:#e7ebee;
		vertical-align:middle;
#text-align:right;
		text-transform:lowercase;
		padding-top:15px;
		padding-bottom:15px;
}  

#head-right a{
		text-decoration:none;
		color:#e7ebee;
}
#head-right a:hover{
        color:#FFFF66;
		text-decoration:underline;
}


#menu{
        width:800px;
        height:30px;
		font-size:14px;
		font-weight:500;
		color:#FFFFFF;
        background-color:#6D7781;
        color:#e7ebee;
		border:none;
		vertical-align:middle;

}

#menu a{
		text-decoration:none;
		color:#FFFFFF;

}

#menu a:hover{
	text-decoration:underline;
	color:#FFFF66;
}

#menu-bckg-1{
        width:800px;
		height:20px;
		vertical-align:middle;
		background-image:url(blue-to-gray.jpg);
#		background-color:#99CC33;
}
#menu-bckg-2{
        width:800px;
		height:20px;
		vertical-align:middle;
		background-image:url(gray-to-white.jpg);
#		background-color:#99CC33;
}
#menu-bckg-3{
        width:800px;
		height:20px;
		vertical-align:middle;
		background-image:url(white-to-blue.jpg);
#		background-color:#99CC33;
}
#blue-middle-left{
		width=20px;
		height:20px;
		background-image:url(white-to-blue-L.jpg);
}
#blue-middle-right{
		width=20px;
		height:20px;
		background-image:url(white-to-blue-L.jpg);
}
#blue-middle-left{
		width=20px;
		height:20px;
		background-image:url(white-to-blue-L.jpg);
}
#blue-middle-right{
		width=20px;
		height:20px;
		background-image:url(white-to-blue-R.jpg);
}
#blue-to-gray-left{
		width=20px;
		height:20px;
		background-image:url(blue-to-gray-L.jpg);
}
#blue-to-gray-right{
		width=20px;
		height:20px;
		background-image:url(blue-to-gray-R.jpg);
}
#gray-left{
		width=20px;
		height:20px;
		background-image:url(gray-L.jpg);
}
#gray-right{
		width=20px;
		height:20px;
		background-image:url(gray-R.jpg);
}
#photo{
	margin-left:30px;
	margin-top:10px;
	#width:800px;
	text-align:center;
}
#photo-comment{
	margin-left:15px;
	margin-right:0px;
	margin-top:10px;
	font-size:14px;
	font:Arial, Helvetica, sans-serif;
	color:#000066;
	top:auto;
	text-align:left;
	text-shadow:#333333;
	width:200px;
}
	
#photo-liste a{
	top:200px;
	margin-left:30px;
	margin-right:0px;
	margin-top:20px;
	font-size:14px;
	font:Arial, Helvetica, sans-serif;
	color:#000066;
	top:auto;
	text-align:left;
	text-shadow:#3333AB;
	width:500px;
	text-decoration:none
}	

#photo-liste a:hover{
	margin-left:30px;
	margin-right:0px;
	margin-top:20px;
	font-size:14px;
	font:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#000066;
	top:auto;
	text-align:left;
	text-shadow:#3333AB;
	width:500px;
	text-decoration:none
}	


#top-middle{
	position:absolute;
	left:100px;
	top:0px;
	width:800px;
	height:100px;
	background:#FFFFFF;
}

#top-middle-a{
	position:absolute;
	left:10px;
	top:10px;
	width:250px;
	height:100px;
	background:#FFFFFF;
}

#top-middle-b{
	position:absolute;
	left:260px;
	top:10px;
	width:350px;
	height:100px;
	background:#FFFFFF;
}

#top-middle-c{
	position:absolute;
	left:610px;
	top:10px;
	width:400px;
	height:100px;
	background:#FFFFFF;
}

#top-middle-a p.grand {
	font-family: Arial, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: gray;
}

#top-middle-b p.petit {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
}

#top-middle-c a {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-decoration:none;
	color: gray;
}

#top-middle-c a:hover {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-decoration:none;
	color: black;
}


#top-liste-menu{
	position:absolute;
	left:10px;
	top:110px;
	height:40px;
	width:1000px;
	margin-left:0px;
	margin-right:0px;
	background:white;
	color:gray;
	text-align:center;
}

#top-liste-menu a{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	text-decoration:none;
	color:gray;
}

#top-liste-menu a:hover{
	color:black;
}



#center-left{
	position:absolute;
	left:0px;
	top:150px;
	width:100px;
	height:3000px;
	background-image: url(../background.gif);
}


#center-middle{
	position:relative;
	left:100px;
	top:10em;
	width:800px;
	height:auto;
//	background-image: url(../background.gif);
	background:white;
}

#center-middle-wide{
	position:absolute;
	left:10px;
	top:300px;
	width:1000px;
	height:auto;
//	background-image: url(../background.gif);
	background:white;
}




#bottom-liste-menu{
	position:relative;
	left:0px;
	top:100px;
	height:40px;
	width:1000px;
	background:white;
	text-align:left;
	color:gray;
	font-size: 10pt;
	font-family: Arial, sans-serif;
}

#bottom-liste-menu a{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	text-decoration:none;
	color:gray;
}

#bottom-liste-menu a:hover{
	color:black;
}

#google-up{
	position:absolute;
	left:10px;
	top:180px;
	height:40px;
	width:1000px;
}

#ref-page{
	position:relative;
	font-size:44pt;
	color:black; 
}