/* line 6, app/assets/stylesheets/didg_edition.scss */
#section_edition_row {
  box-shadow: 3px 3px 3px black;
  background-color: rgba(250, 250, 250, 0.9);
}

/* line 11, app/assets/stylesheets/didg_edition.scss */
#pitch_row {
  margin: 3px;
  margin-top: 2px;
  padding: 3px;
  padding-top: 6px;
  border: 2px ridge gray;
  border-radius: 5px;
  text-align: center;
  background-color: rgba(250, 250, 250, 0.9);
  box-shadow: 3px 3px 3px black;
}

/* line 23, app/assets/stylesheets/didg_edition.scss */
#didg_sections_wrapper {
  box-shadow: 3px 3px 3px black;
  background-color: rgba(250, 250, 250, 0.9);
}

/* line 28, app/assets/stylesheets/didg_edition.scss */
#didg_canvas_wrapper {
  margin: 3px;
  margin-top: 2px;
  padding: 3px;
  padding-top: 6px;
  border: 2px ridge gray;
  border-radius: 5px;
  text-align: center;
  background-color: rgba(250, 250, 250, 0.9);
  box-shadow: 3px 3px 3px black;
}

/* line 41, app/assets/stylesheets/didg_edition.scss */
#curve_canvas_wrapper {
  margin: 3px;
  padding-top: 10px;
  padding-left: 10px;
  border: 2px ridge gray;
  border-radius: 5px;
  background-color: rgba(250, 250, 250, 0.9);
  box-shadow: 3px 3px 3px black;
}

/* line 52, app/assets/stylesheets/didg_edition.scss */
#didg_canvas {
  margin: 0px;
  padding: 0px;
}

/* line 60, app/assets/stylesheets/didg_edition.scss */
.cut_section {
  background-image: url("icons/cut_section.png");
  height: 20px;
  width: 20px;
}

/* line 67, app/assets/stylesheets/didg_edition.scss */
.fuse_section {
  background-image: url("icons/fuse_section.png");
}

/* line 72, app/assets/stylesheets/didg_edition.scss */
.table_tones {
  margin-left: auto;
  margin-right: auto;
}

/* line 77, app/assets/stylesheets/didg_edition.scss */
.table_tones th {
  padding-right: 5px;
  padding-left: 5px;
}

/* line 82, app/assets/stylesheets/didg_edition.scss */
.table_tones td {
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

/* line 88, app/assets/stylesheets/didg_edition.scss */
#sections_table td {
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

/* line 94, app/assets/stylesheets/didg_edition.scss */
.tuto_wrap {
  position: relative;
  display: inline-block;
  text-align: justify;
  text-justify: inter-word;
}

/* line 101, app/assets/stylesheets/didg_edition.scss */
.tuto_wrap .tuto {
  visibility: hidden;
  width: 900px;
  border-style: groove;
  background-color: white;
  color: #333333;
  border-radius: 6px;
  padding: 10px;
  font-family: 'Helvetica';
  font-size: '8px';
  /* Position the tooltip */
  position: absolute;
  z-index: 90;
  top: -5px;
  margin-top: 10px;
}

/* line 120, app/assets/stylesheets/didg_edition.scss */
.tuto_wrap:hover .tuto {
  visibility: visible;
}

/* line 124, app/assets/stylesheets/didg_edition.scss */
.tuto_wrap .tuto_canvas {
  visibility: hidden;
  width: 600px;
  border-style: groove;
  background-color: white;
  color: #333333;
  border-radius: 6px;
  padding: 10px;
  font-family: 'Helvetica';
  /* Position the tooltip */
  position: absolute;
  z-index: 90;
  top: -5px;
  margin-top: 27px;
  margin-left: -100px;
}

/* line 142, app/assets/stylesheets/didg_edition.scss */
.tuto_wrap .tuto_canvas li {
  padding: 3px;
}

/* line 146, app/assets/stylesheets/didg_edition.scss */
.tuto_wrap:hover .tuto_canvas {
  visibility: visible;
}

/* line 150, app/assets/stylesheets/didg_edition.scss */
.tuto_wrap .tuto_note {
  visibility: hidden;
  width: 500px;
  border-style: groove;
  background-color: white;
  color: #333333;
  border-radius: 6px;
  padding: 10px;
  font-family: 'Helvetica';
  /* Position the tooltip */
  position: absolute;
  z-index: 90;
  top: -5px;
  margin-top: 27px;
  margin-left: -150px;
}

/* line 168, app/assets/stylesheets/didg_edition.scss */
.tuto_wrap:hover .tuto_note {
  visibility: visible;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

#html_body::before {
  background-color: rgba(255,255,255,0.6);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

 #html_body {
   background-image:url("/assets/fond.jpg");
   background-size:100% auto;
 }

/*# sourceMappingURL=application.css-9602f5172f7c151d86871239685e57eabc2bbd816f4cf9cc2d27446cc6e5b89f.map */