/* Page de repères : effet de survol */
.survol {
    width : 1080px;
    margin : 0;
    padding:0;
}
.survol a {
    width : 350px;
    height : 200px;
    display : block;
    float : left;
    position : relative;
    text-decoration : none;
    text-indent:inherit;
}
.survol a img {
    border : none;
    width : 350px;
    height : 200px;
}
.survol a span {
    position : absolute;
    display:none;
    top : 25px;
    left : 25px;
}
.survol a:hover span {
    display:block;
    left:20px;
}
#catalogue{
	background-image:url(LV.jpg);
	left:20px;
}
#catalogue:hover{
	background-image:url(LV-f.jpg);	
	display:block;
	left:20px;
}
#biblio{
	background-image:url(calcul.jpg);
	left:20px;
}
#biblio:hover{
	background-image:url(calcul-f.jpg);
	left=20px;
	display:block;
}
#chrono{
	background-image:url(chrono.jpg);
	left:20px;
}
#chrono:hover{
	background-image:url(chrono-f.jpg);
	display:block;
	left:20px;
}
#docs{
	background-image:url(cham.jpg);
	left:20px;
}
#docs:hover{
	background-image:url(cham-f.jpg);
	display:block;
	left:20px;
}
#focus{
	background-image:url(LVdupain.jpg);
	left:20px;

}
#focus:hover{
	background-image:url(LVdupain-F.jpg);
	left:20px;
	display:block;
}
#expo{
	background-image:url(obs.jpg);
	left:20px;
}
#expo:hover{
	background-image:url(obs-f.jpg);
	left:20px;
}
.survol .title {
    top : 60px;
    font-size:2em;
    color:white;
}
.survol .desc{
    top:90px;
    font-size : 0.9em;
    color:#BABABA;
}
.survol .desc2{
    top:120px;
    font-size : 0.9em;
    color:#BABABA;
}
.survol .bg{
    top:0;
    left:0;
    height:200px;
    width:350px;
   /* background : rgba(0,0,0,0.5);/*
    border:none;
}