/* Graphical Flexible menu */

.graphic {
	display : table;
	table-layout: fixed;
	width: 640px;
	margin: auto;
	padding:0;
	padding-top: 10px;
	list-style: none;
}
.graphic li {
	display: table-cell;
	height: 140px;
	width: 50px;
	border-left: 1px solid #fff;
	background: url(http://www.bagn.obs-mip.fr/webcamV2/webcam86.jpg) left top no-repeat;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;
	background-size: cover;
}
.graphic li a {
	display: block;
	height: 100%;
	opacity: 0;
	filter:alpha(opacity=0);
}
.graphic li:hover {
	width: 105px;
}

.graphic #link1 {
	background-image: url(http://www.bagn.obs-mip.fr/webcamV2/webcam86.jpg);
}
.graphic #link2 {
	background-image: url(http://www.bagn.obs-mip.fr/webcamV2/webcam85.jpg);
}
.graphic #link3 {
	background-image: url(http://www.bagn.obs-mip.fr/webcamV2/webcam88.jpg);
}
.graphic #link4 {
	background-image: url(http://www.bagn.obs-mip.fr/webcamV2/webcam87.jpg);
}
.graphic #link5 {
	background-image: url(http://www.bagn.obs-mip.fr/webcamV2/webcam89.jpg);
}
.graphic #link6 {
	background-image: url(http://www.bagn.obs-mip.fr/webcamV2/webcam84.jpg);
}