*
{
margin: 0;
padding: 0;
}

/* Rend invisible tout notre bloc span */
a.bulle span
{								   
top: -2000em;
left: -2000em;
width: 300px;
height: 10px;
overflow:  hidden; 
color: #706667;
border:  none /* Définition des bordures */
}

a.bulle
{				
text-transform : uppercase;
}

/* Rend visible tout notre bloc span et lui attribue une taille */
a.bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
top :  94%;
left :  35%;
width :  300px;
height :  auto;
overflow :  visible;
}

a.bulle:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}      

/*fin de style bulle d'après tutoriel http://r-hunel.developpez.com/tutoriels/css/info-bulle/ */

body
{
font-family : arial;
font-size : 0.8em;
}

body,#screen,#legall,#menu,#picture,a.bulle span 
{
background-color : #ffffff;
}

.legall,.culture,.urban,.science,.event,.parcours,.liens,.mail,a.bulle span
{
position : absolute;
}

p,.real,.det1,.det2,.det3,.det4,.led1,.led2,.led3,.led4,.led5,.led6,.led7,.home
{
position : fixed;
}
 
img 
{
border : 0;
}

.legall 
{
left : 27.5%;
}

.culture 
{
left : 20.5%;
}

.urban 
{
left : 30%;
}

.science 
{
left : 41%;
}

.event 
{
left : 50%;
}

.parcours
{
left : 62.5%;
}

.liens 
{
left : 71.5%;
}

.mail 
{
left : 77.5%;
}

a
{
text-decoration : none;
}

a:link 
{
color : #F9A452;
}

a:visited,a:hover,a:active 
{
color : #000000;
}

p 
{
color : #706667;
text-align : left;
width: 90px;
top : 65%;
left : 72%;
}

#screen,#legall,#menu
{
margin-left: auto;
margin-right: auto;
text-align: center;
width : 70%;
}

#screen
{
height: 100%
}

#legall
{
height : 70px;
}

#menu 
{
height : 16px;
}

#picture 
{
margin-top: 3%;
margin-left : auto;
margin-right : auto;
text-align: center;
width : 400px;
height : 400px;
}

.real 
{
top : 20%;
left : 76%;
}

.det1 
{
top : 25%;
left : 76%;
}

.det2 
{
top : 35%;
left : 76%;
}

.det3 
{
top : 45%;
left : 76%;
}

.det4 
{
top : 55%;
left : 76%;
}

.led1 
{
top : 95%;
left : 20.8%;
}

.led2 
{
top : 95%;
left : 23.4%;
}

.led3 
{
top : 95%;
left : 26%;
}

.led4 
{
top : 95%;
left : 28.6%;
}

.led5 
{
top : 95%;
left : 31.2%;
}

.led6
{
top : 95%;
left : 33.8%;
}

.led7 
{
top : 95%;
left : 36.4%;
}

.home 
{
top : 95%;
left : 77.9%;
}

.news {
position : absolute;
left : 72.5%;
top: 48%;
}

ul 
{
list-style-type : none; 
text-align:left;
color : #706667;
font-size : 1.2em;
text-align :justify;
}