.vis-timeline {
  margin: 3em 0 0 0;
}
.legend-frame {
	clear:both;
}
#GraphPreferences dd input {
  floet:left;
  clear: left;
}
#GraphPreferences dd p {
  width:230px;
  clear:right;
  float:right;
  margin:0;
}
#GraphPreferences dd {
  clear:both;
  width:300px;
}
dd#save-element {
  width:95%;
}
.vert {
  background-color: #9bde5c;
}
.bleu {
   background-color: #d5726d;
   color: #111111;
}

#graphchoix div:nth-of-type(1) {
/*   width: 286px; */
  margin-right:20px;
  float: left;
}
#graphchooserelation {
  clear:both;
}
#collections {
  max-height: 200px;
}
#graphchoix div:nth-of-type(2) {
  clear:right;
}
#graphchoix div:nth-of-type(2) label,
#graphchoix div:nth-of-type(3) label,
#graphchoix div:nth-of-type(4) label {
  padding-top:0;
  padding-left:.5em;

}
#graphchoix div:nth-of-type(2) input,
#graphchoix div:nth-of-type(3) input,
#graphchoix div:nth-of-type(4) input {
  float:left;
  clear:none;
}
#graphchoix div:nth-of-type(3),
#graphchoix div:nth-of-type(4) {
  clear:right;
}
#graphchooserelation div:nth-of-type(1) {
  width:350px;
  clear:none;
  float:left;
}
#graphchooserelation div:nth-of-type(1) label {
  float:left !important;
  clear:both !important;
  font-size:24px;
  font-weight:normal;
  display:block;
}
#graphchooserelation div:nth-of-type(1) #relations {
  width: 344px;
  clear:left !important;
  display:block;
}
#graphchooserelation div:nth-of-type(2) {
  float:left;
  clear:right;
  width:350px;  `
  display:block;
  margin-top:3.3em;
  margin-left:1em;
}

#graphchoix div:nth-of-type(4) input {
  display:inline;
}
#graphchoix div:nth-of-type(4) label {
  display:inline;
}

.timeline-elem-wrapper {
  width:450px;
  margin-right:40px;
  float: left;
  clear:none;
}
.timeline-elem-wrapper label {
  display: block;
  clear:both;
}
#timelineform label[for='submit']{
  display: none;
}
#visualization {
  position:relative;
}
.menu {
  position: absolute;
  top: 30px;
  right: 0;
  margin: 10px;
  z-index: 9999;
}
.jscolor {
  cursor:pointer;
}