body{
	width:100%;
	margin:auto;
	background-color:black;
	color:#01a7de;
	font-family:"DejaVu Sans Condensed", Verdana, Arial, serif;
}
h1{
	text-align:center;
}
h2{
	background-color:#464646;
	color:#dedfc8;
	text-align:center;
}
td{
	background-color:#464646;
	width:100px;
	text-align:center;
}
td a{
	text-decoration:none;
	color:#01a7de;
}
a:hover{
	color:#31d7ff;
}
select, input{
	background-color:#dedfc8;
	color:#464646;
	border:solid #464646;
}
#entete{
	width:100%;
	height:150px;
	background-image:url("images/Logo2.jpg");
	background-repeat:no-repeat;
}
#pub{
	float:left;
	width:17%;
	padding:5px;
	margin:auto;
}
#pub2{
	width:64%;
	text-align:center;
	margin:auto;
	background-color:black;
}
#recherche{
	width:15%;
	border:3px ridge #dedfc8;
	padding:5px;
	margin:5px;
	position:fixed;
	right:0%;
}
#news{
	text-align:left;
}
#contenu{
	margin-left:18%;
	margin-right:18%;
	text-align:center;
}
#contenu img{
	border:1px ridge #dedfc8;
	margin:8px;
	padding:10px;
	padding-top:20px;
	background-color:#464646;
}
#pub img{
	border:none;
}
/* Rend invisible tout notre bloc span */

a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #464646;   /* D�finition du fond, sinon on a le m�me que notre lien */
    border         :  2px ridge #dedfc8; /* D�finition des bordures */
}
/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:active span 
{
    top        :  auto;
    left       :  auto;
    width      :  19%;
    height     :  auto;
    overflow   :  visible;
    text-align:left;
    //padding:2px;
    color:#01a7de;
}