body {

  font: 14px Helvetica Neue;

  text-rendering: optimizeLegibility;

  margin-top: 1em;

  overflow-y: scroll;

}

.content {

  position: relative;

}

.content img {

  display: block;

  margin: auto;

}

.gallery {

  position: absolute;

  z-index: 1;

  border: 1 px dashed;

}

#canvas {

	z-index: 0;

	position: absolute;

	padding: 1px;

}

h1 {

  font-size: 36px;

  font-weight: 300;

  margin-bottom: .3em;

}

circle.node {

  stroke: #fff;

  stroke-width: 0.75px;

}

line.link {

  stroke: #999;

  stroke-opacity: 0;

}

body {

	position: relative;	

}

#infos {

	background: white;

	border: solid black 1px;

	font-weight: bold;

	padding: 5px;

	position: absolute;

	width: 200px;

	z-index: 10;

}

#infos h4 { margin: 0 0 5px; }

#infos p { margin: 0 0 5px; }

#infos.selected {

}

/* Barre latérale pour les informations complémentaires */

#infosLaterales {

	float: right;

	width: 0px;

	border: 1px solid black;

	height: 500px;

	opacity: 0;

	z-index: 100;

	background: white;

	padding: 10px 5px;

	overflow-y: scroll;

	overflow-x: hidden;

}

#infosLaterales img {

	width: 390px;

}

#choixLateral {

	float: right;

	width: 0px;

	left:1005px;

	top: 50px;

	position: absolute;

	border: 1px solid black;

	height: 200px;

	opacity: 0;

	z-index: 100;

	background: white;

	padding: 10px 5px;

	overflow-y: scroll;

	overflow-x: hidden;

}

#choixLateral select {

	width: 100px;

}