body 
{ 
   color:silver;
   background-color:black; 
}

TD.logo { width: 200px }
TD.menu { width: 200px }

SPAN { font-size:300%; font-weight:600;  }
SPAN.titre { font-weight:normal;  }
SPAN.nav { font-weight:normal; color:#00FFFF;font-size:100%; }
SPAN.CYAN { color:#00FFFF; }
SPAN.MAGENTA { color:#DB0073; }
SPAN.JAUNE { color:#FFFF00; }

#menuv {font-size: 100%;font-weight:bold;}
#menuv ul{
	padding: 0px; margin : 0px;
	background-color: #202020;
	}	
#menuv ul ul{
	display:none; 
	width:inherit;
	}
#menuv ul.niveau2 li{
	background-color: #404040;
	}
#menuv ul.niveau2 li.lien {border-top:2px solid #505050; border-right:2px solid #505050; border-bottom:2px solid #252525; border-left:2px solid #252525; }

#menuv div:hover ul.niveau2{
	display:inline;
	background:none;
	}

#menuv a {font-weight:bold; font-style: normal; color: silver; background-color:transparent; text-decoration:none; width:100%; display:block}
#menuv li {font-weight:normal; font-style: italic; list-style-type: none; background-color: transparent; color: silver; padding: 3px; margin-left: 0px; }

#menuv li.lien {padding:0; margin-left:-1; margin-right:-1; border-top:2px solid #353535; border-right:2px solid #353535; border-bottom:2px solid #050505; border-left:2px solid #050505; }
#menuv li.lien:hover {background-color: silver; color:black; border-top:2px solid #D5D5D5; border-right:2px solid #D5D5D5; border-bottom:2px solid #A5A5A5; border-left:2px solid #A5A5A5; }
#menuv li.lien:hover a {background-color: silver; color:black; }
#menuv div{ width:140px;  }

#menuv ul.niveau2 li.lien a {background-color: transparent; color:silver; }
#menuv ul.niveau2 li.lien:hover a {background-color: transparent; color:black; }

#search ul {float:right; width:90%; padding:0; margin:0; list-style-type:none}
#search li {display:inline; background-color: #202020;}     
#search a.menu {width:6em;background-color: #202020;color:silver; border-top:2px solid #353535; border-right:2px solid #353535; border-bottom:2px solid #050505; border-left:2px solid #050505; }
#search a.menuselec:visited {font-weight:bold;background-color:silver;color:black }
#search a.menuselec {border:1px solid silver;width:6em;background-color:silver;color:black }

#search a, #menu a {float:left;background-color:black;padding:0.2em 0.6em;}

.vue {border-bottom:1px solid silver; border-top:1px solid silver;border-left:1px solid silver;border-right:1px solid silver;}
img.photo {border: 1px solid black;z-index: 20;}

a
{
text-decoration:none;
color:silver;
}
a.nav {float:none}
a:visited {background-color:black;color:silver }
a:hover {background-color:black;color:#DB0073 }
a.photo {border:1px solid silver;color:green }


p.search {width:36em;text-align:center;line-height: 90%}
P.nav { text-align: center; color:silver }

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 10;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 20;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 10px;
left: 15px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span.bdv{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 10px;
left: -300px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span.hgv{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: -327px;
left: 15px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span.hdv{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: -327px;
left: -300px; /*position where enlarged image should offset horizontally */
}
.thumbnail:hover span.bdh{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 10px;
left: -330px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span.hgh{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: -300px;
left: 15px; /*position where enlarged image should offset horizontally */
}

.thumbnail:hover span.hdh{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: -300px;
left: -330px; /*position where enlarged image should offset horizontally */
}