*
{
margin: 0;
padding: 0;
}

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

/* Rend invisible tout notre bloc span */
a.bulle span
{								   
position: absolute;
top: -2000em;
left: -2000em;
width: 300px;
height: 10px;
overflow:  hidden; 
color: #706667;
background:  #ffffff;   /* Définition du fond, sinon on a le même que notre lien */
border:  none /* Définition des bordures */
}

a.bulle
{				
font-family : arial;
font-size : 6pt;
text-transform : uppercase;
padding: 0px 0px 0px 0px; /*Définition des marges intérieures de notre lien */ 
position : relative; /* Indispensable pour le bon positionnement de l'info-bulle */    
}

/* 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 : 98%;
left :  -50%;
width :  300px;
height :  auto;
overflow :  visible;
}

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


body {
color : #ffffff;
background-color : #ffffff;
}
img {
border : 0;
}
.legall {
position : absolute;
left : 27.5%;
}
.culture {
position : absolute;
left : 20.5%;
}
.urban {
position : absolute;
left : 30%;
}
.science {
position : absolute;
left : 41%;
}
.event {
position : absolute;
left : 50%;
}
.parcours {
position : absolute;
left : 62.5%;
}
.liens {
position : absolute;
left : 71.5%;
}
.mail {
position : absolute;
left : 77.5%;
}

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

a:link {
color : #000000;
text-decoration : none;
}
a:visited {
color : #000000;
text-decoration : none;
}
a:hover {
color : #000000;
text-decoration : none;
}
a:active {
color : #000000;
text-decoration : none;
}
#screen {
background-color : #ffffff;
margin-left : auto;
margin-right : auto;
text-align : center;
width : 800px;
height : 508px;
}
#legall {
background-color : #ffffff;
margin-left: auto;
margin-right: auto;
text-align: center;
width : 800px;
height : 70px;
}

#menu 
{
background-color : #ffffff;
margin-left: auto;
margin-right: auto;
text-align: center;
width : 800px;
height : 16px;
}

#picture {
margin-top: 3%;
margin-left : auto;
margin-right : auto;
text-align: center;

width : 400px;
height : 370px;
}

#cc {
margin-top : 0;
margin-left : auto;
margin-right : auto;
width : 400px;
}