/* Style CSS des pages par défaut
---------------------------------*/
body {

	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

table {
	 border: 0;
	 /* font-size: 10pt;*/
}

h1 { font-family: BankGothic Md BT, Tahoma, Verdana, Arial, sans-serif; }	
h2 { font-family: BankGothic Md BT, Tahoma, Verdana, Arial, sans-serif; }	
h3 { font-family: BankGothic Md BT, Tahoma, Verdana, Arial, sans-serif; }
h4 { font-family: Verdana, Tahoma, Arial, sans-serif; }
h5 { font-family: Verdana, Tahoma, Arial, sans-serif; }
h6 { font-family: Verdana, Tahoma, Arial, sans-serif; }

hr {
	 color: #008080;
	 width: 150px;
	 margin-left: 15px
}

img {
	 border: 0;
}

a.A { display: block; width: 100px; height: 24px; background-image: url('../_borders/accueil_actif.jpg') }
a.A:hover { visibility: visible }
a.A:hover img { visibility: hidden }
a.B { display: block; width: 100px; height: 24px; background-image: url('../_borders/hg_system_actif.jpg') }
a.B:hover { visibility: visible }
a.B:hover img { visibility: hidden }
a.C { display: block; width: 100px; height: 24px; background-image: url('../_borders/cgbooster_actif.jpg') }
a.C:hover { visibility: visible }
a.C:hover img { visibility: hidden }
a.D { display: block; width: 100px; height: 24px; background-image: url('../_borders/forums_actif.jpg') }
a.D:hover { visibility: visible }
a.D:hover img { visibility: hidden }
a.E { display: block; width: 100px; height: 24px; background-image: url('../_borders/images_actif.jpg') }
a.E:hover { visibility: visible }
a.E:hover img { visibility: hidden }
a.F { display: block; width: 100px; height: 24px; background-image: url('../_borders/liens_actif.jpg') }
a.F:hover { visibility: visible }
a.F:hover img { visibility: hidden }
a.G { display: block; width: 100px; height: 24px; background-image: url('../_borders/x2rvibes_actif.jpg') }
a.G:hover { visibility: visible }
a.G:hover img { visibility: hidden }

a.K { display: block; margin-left: 32px; width: 100px; height: 24px; background-image: url('../_borders/connect_actif.jpg') }
a.K:hover { visibility: visible }
a.K:hover img { visibility: hidden }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 2px;
left: -1000px;
border: 1px solid white;
visibility: hidden;
color: white;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 25px;
left: -240px; /*position where enlarged image should offset horizontally */

}