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;
}