body {
margin-top: -10px;
    background-color: #567;
    color: #474747;
	 font: 16px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Arial, Sans-Serif;
}

h1 {
padding-top: 20px;
padding-left: 50px;
}


#site{
background-color: #ffffff;
width: 890px;
	margin: 0px auto;
	padding: 0;
	text-align: left;
	line-height: 120%;
}

.abstract{
margin-left: 10px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
font-style:italic;
border-style:solid;
border-width:1px;
}

.abstract img{
float: left;
padding-right: 10px;
}

#signature{
text-align: right;
margin-right: 50px;
font-style: normal;
font-weight: bold;
}

.projet{
padding: 30px 30px 30px 30px;
text-align: center;
margin-left: 50px;
font-size: larger;
font-weight: bold;
}

.projet a, a:visited{
color: #000000;
}

ul{
width: 800px;
  display: block;
  list-style-type:none;
margin: 0px auto;
margin-top: 10px;
}

li{
margin-bottom: 10px;
   float:left;
}

li.projet{
position: relative;
}
li.projet:hover{
background: none;
      z-index: 50; 
}

li.projet span{
display: none;
}

li.projet:hover span {
      display: block;
      position: absolute;
      top: 60px;
      left: 60px;
      font-family:arial, verdana, sans-serif;
      text-align:justify;
      font-size:12px;
      font-weight:normal;
      width:250px;
      background: white;
	  color: #000000;
      padding: 5px;
      border: 1px solid #567;
      border-left: 10px solid #567;
   }


#p1{
background-color: #3FBCFF;
}

#p2{
background-color: #A8FF3F;
}

#p3{
background-color: #FF9B3E;
}

#p4{
background-color: #3FFF85;
}

#p5{
background-color: #BEB2FF;
}

#p1:hover{
background-color: #A0A0A0;
color: #F3FFAF;
}

#p2:hover{
background-color: #A0A0A0;
color: #F3FFAF;
}

#p3:hover{
background-color: #A0A0A0;
color: #F3FFAF;
}

#p4:hover{
background-color: #A0A0A0;
color: #F3FFAF;
}

#p5:hover{
background-color: #A0A0A0;
color: #F3FFAF;
}

.projet :hover{
background-color: #A0A0A0;
color: #F3FFAF;
}
#footer{
clear: both;
background-color: #A0A0A0;
color: #F3FFAF;
text-align: center;
padding-top:5px;
padding-bottom: 5px;
}

#footer a{
color: #F3FFAF;
}

#footer a:visited{
color: #F3FFAF;
}

#footer a:hover{
color: #D8FF00;
}