@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/gem/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/gem/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/gem/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/gem/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/gem/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/gem/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/gem/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/gem/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/gem/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: 'Brochard_';
  src: url("fonts/BrochardOT-webregular.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brochard_';
  src: url("fonts/BrochardOT-Medium.otf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Brochard_';
  src: url("fonts/BrochardOT-Bold.otf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Elzevier_';
  src: url("fonts/Elz_Text_X_Book_Web.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Elzevier_';
  src: url("fonts/Elz_Text_X_Italic_Web.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

/* line 2, ../sass/_placeholders.scss */
aside.side-nav, #trash-panel, #notes-panel {
  position: fixed;
  max-width: 100%;
  top: 0;
}
/* line 7, ../sass/_placeholders.scss */
aside.side-nav:hover, #trash-panel:hover, #notes-panel:hover, aside.open.side-nav, .open#trash-panel, .open#notes-panel {
  overflow-y: scroll;
  overflow-x: visible;
}

/* line 12, ../sass/_placeholders.scss */
.button.add-chapter, aside.side-nav tr.thispage td.pagination a, .circled, .button.open[href="#notes-panel"] .icon.note.new .info {
  position: relative;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  margin-top: .1em;
  padding-top: .1em;
  border-radius: 50%;
  text-align: center;
}

/* line 23, ../sass/_placeholders.scss */
.setting-tabs .setting.tab, .authorization-rule, .button.tab {
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
}

/* line 25, ../sass/_placeholders.scss */
.project-sheet, .project-tree.edit tr.page[data-editable="true"], .project-tree tr.page:focus, .project-tree tr.page:active, .button.add-chapter, #project-table-view .chapter, .page-section li.loaded-images, #log-in .portal, #user-profile .user-informations, .setting-tabs .setting.tab, .authorization-rule, #confirm-edit .button.plain {
  -webkit-box-shadow: -1px 1px 3px #d9d9d9;
  -moz-box-shadow: -1px 1px 3px #d9d9d9;
  box-shadow: -1px 1px 3px #d9d9d9;
}

/* line 30, ../sass/_placeholders.scss */
aside.side-nav, #trash-panel, #notes-panel {
  -webkit-transition-duration: .6s;
  -moz-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

/* line 38, ../sass/_placeholders.scss */
.read-project .page p {
  -ms-word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* line 49, ../sass/_placeholders.scss */
aside.side-nav .right-overflow-fade {
  display: block;
  position: absolute;
  width: 30%;
  height: 100%;
}

/* line 63, ../sass/_placeholders.scss */
body:before, body > header:before, #view-wrap:before, .project-sheet:before, .project-tree li.add-chapter:before, .project-tree .edit-section:before, .page-section ul.loaded-images:before, #settings header:before, .setting-tab-heads:before, #setting-authorizations:before, #setting-languages:before, .authorization-rule:before, .labels-filter:before, .labels-picker:before, .controls:before, #confirm-edit:before, body:after, body > header:after, #view-wrap:after, .project-sheet:after, .project-tree li.add-chapter:after, .project-tree .edit-section:after, .page-section ul.loaded-images:after, #settings header:after, .setting-tab-heads:after, #setting-authorizations:after, #setting-languages:after, .authorization-rule:after, .labels-filter:after, .labels-picker:after, .controls:after, #confirm-edit:after {
  content: "";
  display: table;
}
/* line 64, ../sass/_placeholders.scss */
body:after, body > header:after, #view-wrap:after, .project-sheet:after, .project-tree li.add-chapter:after, .project-tree .edit-section:after, .page-section ul.loaded-images:after, #settings header:after, .setting-tab-heads:after, #setting-authorizations:after, #setting-languages:after, .authorization-rule:after, .labels-filter:after, .labels-picker:after, .controls:after, #confirm-edit:after {
  clear: both;
}
/* line 65, ../sass/_placeholders.scss */
body, body > header, #view-wrap, .project-sheet, .project-tree li.add-chapter, .project-tree .edit-section, .page-section ul.loaded-images, #settings header, .setting-tab-heads, #setting-authorizations, #setting-languages, .authorization-rule, .labels-filter, .labels-picker, .controls, #confirm-edit {
  zoom: 1;
}

/* line 68, ../sass/_placeholders.scss */
.button.add-chapter, aside.side-nav tr.thispage td.pagination a, .circled, .button.open[href="#notes-panel"] .icon.note.new .info, body, #view-wrap, .project-sheet header, .project-sheet .project-summary, .project-sheet .project-summary td, .project-tree .chapter, .project-tree .chapter-section, aside.side-nav, .setting-tabs .setting.tab, #setting-authorizations .user-name, #setting-languages .user-name, .user-authorizations, .authorization-rule, .authorization-rule .rules, .authorization-rule .scope, .single-note, .post-new-note, #notes-panel, #notes-panel .inner > header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 19, ../sass/screen.scss */
html {
  background-color: white;
  font-size: 20px;
  line-height: 1.4;
  font-family: "Brochard_", sans-serif;
  color: #444444;
}

/* line 26, ../sass/screen.scss */
html {
  height: 100%;
}

/* line 28, ../sass/screen.scss */
body {
  width: 100%;
  min-height: 100%;
  padding-bottom: 1em;
}

/* line 38, ../sass/screen.scss */
body > header {
  pointer-events: none;
}
/* line 40, ../sass/screen.scss */
body > header nav {
  pointer-events: auto;
}

/* line 43, ../sass/screen.scss */
a {
  color: #444444;
  text-decoration: none;
}
/* line 46, ../sass/screen.scss */
a:hover {
  color: #ee2200;
}

/* line 48, ../sass/screen.scss */
h2 {
  font-size: 1.5em;
}

/* line 49, ../sass/screen.scss */
h4 {
  font-size: .9em;
}

/* line 50, ../sass/screen.scss */
h1, h2, h3, h4 {
  font-weight: 500;
}

/* line 53, ../sass/screen.scss */
h2 .circled, h3 .circled, h4 .circled, h5 .circled {
  background-color: #000;
  color: #fff;
  font-size: .75em;
  font-weight: 500;
  margin-right: .5em;
}

/* line 59, ../sass/screen.scss */
.instruction, *[data-placeholder]:not(:focus):not([data-div-placeholder-content]):before {
  font-size: 0.9em;
  font-weight: 500;
  color: #e0e0e0;
}

/* line 67, ../sass/screen.scss */
#view-wrap {
  max-width: 50em;
  margin: 0 auto;
  padding: 0 1em 1em;
}
/* line 72, ../sass/screen.scss */
#page-content-compare #view-wrap {
  max-width: 90%;
}
/* line 73, ../sass/screen.scss */
#view-wrap main {
  margin-top: 6em;
}

/* line 76, ../sass/screen.scss */
#projects-library, #project-table-view, #settings {
  background-color: #f9f9f9;
}

/* line 77, ../sass/screen.scss */
#project-read-view {
  background-color: #fcfcfc;
}

/* line 80, ../sass/screen.scss */
#project-table-view .project-title, #project-table-view .project-settings {
  float: left;
}
/* line 81, ../sass/screen.scss */
#project-table-view .project-settings .icon {
  position: relative;
  top: .2em;
  left: .25em;
  font-size: 1.1em;
}
/* line 82, ../sass/screen.scss */
#project-table-view [contenteditable="true"] + .project-settings .icon {
  display: none;
}

/* line 83, ../sass/screen.scss */
#project-table-view .synopsis {
  clear: left;
}

/* line 85, ../sass/screen.scss */
.project-language {
  padding: .15em .3em;
  margin-right: .2em;
  background-color: #e5e5e5;
  border-radius: .2em;
}
/* line 90, ../sass/screen.scss */
#view-wrap > header nav .language-switch .project-language {
  margin: 0;
}
/* line 93, ../sass/screen.scss */
#view-wrap > header nav .project-language:hover, #view-wrap > header nav .project-language.main-language:hover, .project-language:hover, .project-language.main-language {
  color: white;
}
/* line 94, ../sass/screen.scss */
.project-language:hover, .project-language.main-language:hover {
  background-color: #ee2200;
}
/* line 95, ../sass/screen.scss */
.project-language.main-language {
  background-color: #666666;
}

/* line 97, ../sass/screen.scss */
.language-switch {
   position: relative;
}

/* line 98, ../sass/screen.scss */
.language-switch li:not(:first-child) {
  display: none;
}

/* line 99, ../sass/screen.scss */
.language-switch, .language-switch li:first-child {
  display: inline-block;
}

/* line 100, ../sass/screen.scss */
.language-switch:hover li:not(:first-child) {
  display: inline-block;
  padding-left: .25em;
}

/* line 1, ../sass/_project-collection.scss */
.project-sheet {
  position: relative;
  background-color: #e0e0e0;
  background-attachment: fixed;
  background-size: cover;
  margin: 2em 0;
  border-style: solid;
  border-width: 2px;
  border-color: transparent;
}
/* line 13, ../sass/_project-collection.scss */
.project-sheet header, .project-sheet .project-summary {
  background-color: white;
  width: 75%;
  margin-left: 25%;
  float: left;
  padding: 1.5em 1em 1.5em 3em;
}
/* line 21, ../sass/_project-collection.scss */
.project-sheet .project-title {
  display: inline-block;
  margin-bottom: .25em;
  font-size: 1.5em;
  line-height: 1.1;
  float: left;
}
/* line 27, ../sass/_project-collection.scss */
.project-sheet:hover {
  border-color: #cfe7f3;
}
/* line 28, ../sass/_project-collection.scss */
.project-sheet:hover .project-title a {
  color: #ee2200;
}
/* line 30, ../sass/_project-collection.scss */
.project-sheet .project-settings {
  position: relative;
  top: -.15em;
  font-size: 1.25em;
  margin-left: .5em;
}
/* line 37, ../sass/_project-collection.scss */
.project-sheet header .info {
  font-family: "Elzevier_", sans-serif;
  font-size: .75em;
  font-weight: 300;
  color: #999999;
  letter-spacing: 1px;
  clear: left;
}
/* line 44, ../sass/_project-collection.scss */
.project-sheet header .info:before {
  content: "{ ";
}
/* line 45, ../sass/_project-collection.scss */
.project-sheet header .info:after {
  content: " }";
}
/* line 48, ../sass/_project-collection.scss */
.project-sheet .project-summary h4 {
  color: #adadad;
  font-weight: 300;
}
/* line 49, ../sass/_project-collection.scss */
.project-sheet .project-summary .spec:not(:first-child) {
  margin-top: .5em;
}
/* line 50, ../sass/_project-collection.scss */
.project-sheet .project-summary table, .project-sheet .project-summary tbody {
  width: 100%;
  margin: .5em 1.25em;
  table-layout: fixed;
}
/* line 54, ../sass/_project-collection.scss */
.project-sheet .project-summary tr {
  font-size: 0.75em;
}
/* line 55, ../sass/_project-collection.scss */
.project-sheet .project-summary td {
  padding: .5em 0;
}
/* line 56, ../sass/_project-collection.scss */
.project-sheet .project-summary td:nth-child(1) {
  width: 30%;
  font-weight: 500;
}
/* line 57, ../sass/_project-collection.scss */
.project-sheet .project-summary td:nth-child(2) {
  width: 70%;
}

/* line 61, ../sass/_project-collection.scss */
#van-goghs-dream, .project-sheet:nth-child(1) {
  background-image: url("../images/backgrounds/vgd.jpg");
}

/* line 62, ../sass/_project-collection.scss */
#dreams-of-walhalla, .project-sheet:nth-child(2) {
  background-image: url("../images/backgrounds/dow.jpg");
}

/* line 107, ../sass/screen.scss */
.synopsis {
  margin: .5em 0;
}

/* line 4, ../sass/_project-tree.scss */
.project-tree .chapter-group {
  margin-top: 1em;
}
/* line 7, ../sass/_project-tree.scss */
.project-tree .chapter {
  border: 1px solid transparent;
  overflow: hidden;
}
/* line 11, ../sass/_project-tree.scss */
.project-tree .chapter:first-child {
  margin-top: 0;
}
/* line 12, ../sass/_project-tree.scss */
#project-table-view .project-tree .chapter:hover {
  border-color: #cfe7f3;
}
/* line 14, ../sass/_project-tree.scss */
.project-tree li.add-chapter {
  text-align: center;
  margin-top: 1em;
}
/* line 19, ../sass/_project-tree.scss */
.project-tree .chapter-title {
  margin-bottom: .75em;
}
/* line 20, ../sass/_project-tree.scss */
.project-tree .chapter-title .circled {
  margin-right: 1em;
  font-size: 0.65em;
}
/* line 21, ../sass/_project-tree.scss */
.project-tree .chapter-section {
  position: relative;
}
/* line 24, ../sass/_project-tree.scss */
.project-tree .chapter-section:hover .button.edit-section {
  opacity: 1;
}
/* line 25, ../sass/_project-tree.scss */
.project-tree .edit-section {
  text-align: center;
  margin-top: 1em;
}
/* line 27, ../sass/_project-tree.scss */
.project-tree .chapter.close .chapter-section, .project-tree .chapter.close .edit-section {
  height: 0;
  overflow: hidden;
}
/* line 30, ../sass/_project-tree.scss */
.project-tree .chapter-section-title {
  background-color: #f9f9f9;
  border-style: solid;
  border-color: #e0e0e0;
  border-width: 1px;
  color: #666666;
  padding: .5em;
  margin: 2em 0 0;
  min-height: 1em;
  line-height: 1;
}
/* line 40, ../sass/_project-tree.scss */
.project-tree .chapter-section-title.empty {
  display: none;
}
/* line 45, ../sass/_project-tree.scss */
.project-tree.edit .chapter-section-title.empty {
  display: block;
  border-bottom-color: #e0e0e0;
}
/* line 47, ../sass/_project-tree.scss */
.project-tree.edit thead, .project-tree.edit thead tr, .project-tree.edit th {
  display: none;
}
/* line 50, ../sass/_project-tree.scss */
.project-tree.edit tr.page td a, .project-tree.edit tr.page td span {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
/* line 61, ../sass/_project-tree.scss */
.project-tree.edit .glissement {
  border: 1px dashed red;
  border-radius: 3px;
}
/* line 66, ../sass/_project-tree.scss */
.project-tree.edit tr.page[data-editable="true"].glissement {
  background-color: #0c6d9e;
  border: none;
}
/* line 73, ../sass/_project-tree.scss */
.project-tree.edit tr.page[data-editable="true"].glissement a, .project-tree.edit tr.page[data-editable="true"].glissement td.extract a, .project-tree.edit tr.page[data-editable="true"].glissement td.pagination a, .project-tree.edit tr.page[data-editable="true"].glissement span {
  color: white;
}
/* line 76, ../sass/_project-tree.scss */
.project-tree.edit tr.page[data-editable="true"].glissement td.notes .icon, .project-tree.edit tr.page[data-editable="true"].glissement td.template .icon {
  background-position: center -4.5em;
}
/* line 79, ../sass/_project-tree.scss */
.project-tree.edit .chapter-group[data-can-edit-structure="1"] h3,
.project-tree.edit .chapter-group[data-can-edit-structure="1"] h4 {
  cursor: move;
}
/* line 82, ../sass/_project-tree.scss */
.project-tree.edit tr.page[data-editable="true"] {
  cursor: move;
  background-color: #cfe7f3;
}
/* line 86, ../sass/_project-tree.scss */
.project-tree.edit tr.page[data-editable="true"] td {
  background: none;
  border-color: white;
}
/* line 87, ../sass/_project-tree.scss */
.project-tree.edit tr.page[data-editable="true"] td a, .project-tree.edit tr.page[data-editable="true"] td span {
  color: #0c6d9e;
}
/* line 88, ../sass/_project-tree.scss */
.project-tree.edit tr.page[data-editable="true"] td.pagination a, .project-tree.edit tr.page[data-editable="true"] td.extract a {
  color: #0c6d9e;
}
/* line 89, ../sass/_project-tree.scss */
.project-tree.edit tr.page[data-editable="true"] td.notes .icon, .project-tree.edit tr.page[data-editable="true"] td.template .icon {
  background-position: center -3em;
}
/* line 92, ../sass/_project-tree.scss */
.project-tree.edit .button.add-section {
  display: block;
}
/* line 94, ../sass/_project-tree.scss */
.project-tree table {
  table-layout: fixed;
}
/* line 95, ../sass/_project-tree.scss */
.project-tree table, .project-tree tbody, .project-tree tr, .project-tree thead {
  width: 100%;
}
/* line 96, ../sass/_project-tree.scss */
.project-tree th {
  font-size: .5em;
  padding: 1.3em .5em .65em 1em;
  color: #cccccc;
  letter-spacing: .1em;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* line 106, ../sass/_project-tree.scss */
.project-tree tr.page {
  font-size: .85em;
  padding: .25em 0;
}
/* line 109, ../sass/_project-tree.scss */
.project-tree tr.page:focus, .project-tree tr.page:active {
  background-color: #cfe7f3;
}
/* line 112, ../sass/_project-tree.scss */
.project-tree tr.page:focus td, .project-tree tr.page:active td {
  background: none;
}
/* line 113, ../sass/_project-tree.scss */
.project-tree tr.page:focus td.pagination a, .project-tree tr.page:focus td.extract a, .project-tree tr.page:active td.pagination a, .project-tree tr.page:active td.extract a {
  color: #444444;
}
/* line 115, ../sass/_project-tree.scss */
.project-tree tr.page.busy, .project-tree tr.page.busy:hover {
  position: relative;
  pointer-events: none;
}
/* line 118, ../sass/_project-tree.scss */
.project-tree tr.page.busy td, .project-tree tr.page.busy:hover td {
  background-color: #e8f0f4;
}
/* line 119, ../sass/_project-tree.scss */
.project-tree tr.page.busy td .right-overflow-fade, .project-tree tr.page.busy:hover td .right-overflow-fade {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(232, 240, 244, 0)), color-stop(50%, rgba(232, 240, 244, 0.75)), color-stop(70%, #e8f0f4));
  background-image: -webkit-linear-gradient(left, rgba(232, 240, 244, 0) 0%, rgba(232, 240, 244, 0.75) 50%, #e8f0f4 70%);
  background-image: -moz-linear-gradient(left, rgba(232, 240, 244, 0) 0%, rgba(232, 240, 244, 0.75) 50%, #e8f0f4 70%);
  background-image: -o-linear-gradient(left, rgba(232, 240, 244, 0) 0%, rgba(232, 240, 244, 0.75) 50%, #e8f0f4 70%);
  background-image: linear-gradient(left, rgba(232, 240, 244, 0) 0%, rgba(232, 240, 244, 0.75) 50%, #e8f0f4 70%);
}
/* line 120, ../sass/_project-tree.scss */
.project-tree tr.page.busy td.notes .icon, .project-tree tr.page.busy td.template .icon, .project-tree tr.page.busy:hover td.notes .icon, .project-tree tr.page.busy:hover td.template .icon {
  background-position: center -1.5em;
}
/* line 121, ../sass/_project-tree.scss */
.project-tree tr.page.busy a, .project-tree tr.page.busy:hover a {
  text-decoration: line-through;
}
/* line 122, ../sass/_project-tree.scss */
.project-tree tr.page.busy a, .project-tree tr.page.busy span, .project-tree tr.page.busy:hover a, .project-tree tr.page.busy:hover span {
  color: #6fa1bb;
}
/* line 123, ../sass/_project-tree.scss */
.project-tree td a {
  display: block;
}
/* line 124, ../sass/_project-tree.scss */
.project-tree td {
  line-height: 1.4;
  padding: .75em 1em;
  border-top: 1px solid #e0e0e0;
  font-size: .9em;
}
/* line 129, ../sass/_project-tree.scss */
.project-tree td.template .icon {
  position: relative;
  top: .1em;
}
/* line 130, ../sass/_project-tree.scss */
.project-tree td.notes .icon {
  position: relative;
  top: .2em;
  left: .3em;
}
/* line 131, ../sass/_project-tree.scss */
main .project-tree td.characters a, main .project-tree td.pagination a {
  font-size: .85em;
  letter-spacing: 1px;
}
/* line 132, ../sass/_project-tree.scss */
main .project-tree td.characters.overflow a {
  color: #ee2200;
  font-weight: 500;
  text-decoration: underline;
}
/* line 134, ../sass/_project-tree.scss */
.project-tree tr.hidden, .project-tree tr.hidden td, .project-tree li.hidden {
  height: 0;
  padding: 0;
}
/* line 137, ../sass/_project-tree.scss */
.project-tree li.hidden h4 {
  cursor: default !important;
}
/* line 140, ../sass/_project-tree.scss */
.project-tree tr:hover td {
  background-color: #f9f9f9;
}
/* line 142, ../sass/_project-tree.scss */
.project-tree tr:hover td a, .project-tree tr:hover td span {
  color: #ee2200;
}
/* line 143, ../sass/_project-tree.scss */
.project-tree tr:hover td.notes .icon, .project-tree tr:hover td.template .icon {
  background-position: center -6em;
}
/* line 144, ../sass/_project-tree.scss */
.project-tree tr:hover td .right-overflow-fade {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(249, 249, 249, 0)), color-stop(50%, rgba(249, 249, 249, 0.75)), color-stop(70%, #f9f9f9));
  background-image: -webkit-linear-gradient(left, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.75) 50%, #f9f9f9 70%);
  background-image: -moz-linear-gradient(left, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.75) 50%, #f9f9f9 70%);
  background-image: -o-linear-gradient(left, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.75) 50%, #f9f9f9 70%);
  background-image: linear-gradient(left, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.75) 50%, #f9f9f9 70%);
}
/* line 150, ../sass/_project-tree.scss */
.project-tree td.extract, .project-tree th.extract {
  width: 68%;
}
/* line 151, ../sass/_project-tree.scss */
.project-tree td.template, .project-tree td.characters, .project-tree td.notes, .project-tree td.pagination, .project-tree th.template, .project-tree th.characters, .project-tree th.notes, .project-tree th.pagination {
  width: 8%;
}
/* line 152, ../sass/_project-tree.scss */
.project-tree td.template, .project-tree td.characters, .project-tree td.notes, .project-tree td.pagination, .project-tree th.template, .project-tree th.characters, .project-tree th.notes, .project-tree th.pagination {
  text-align: center;
}

/* line 155, ../sass/_project-tree.scss */
.add-chapter, .edit-section {
  display: none;
}
/* line 155, ../sass/_project-tree.scss */
.project-tree.edit .add-chapter, .project-tree.edit .edit-section {
  display: block;
}

/* line 156, ../sass/_project-tree.scss */
.project-tree.edit .button.add-chapter {
  display: inline-block;
}

/* line 158, ../sass/_project-tree.scss */
.button.plain.add-section, .button.plain.add-page {
  display: inline-block;
  background-color: #22aaee;
  border-width: 1px;
  border-style: solid;
  border-color: #22aaee;
}
/* line 164, ../sass/_project-tree.scss */
.button.plain.add-section:hover, .button.plain.add-page:hover {
  background: none;
  color: #22aaee;
}

/* line 167, ../sass/_project-tree.scss */
.button.add-chapter {
  display: inline-block;
  float: none;
  font-size: 1.5em;
  position: relative;
  background-color: #e0e0e0;
  color: white;
}

/* line 177, ../sass/_project-tree.scss */
.button.toggle-chapter {
  font-size: 1.25em;
  margin: -.15em .5em 0 -1em;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform .5s ease-in;
  -moz-transition: transform .5s ease-in;
  transition: transform .5s ease-in;
}
/* line 187, ../sass/_project-tree.scss */
.button.toggle-chapter.close-chapter {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* line 196, ../sass/_project-tree.scss */
#project-table-view .chapter {
  padding: 2em;
  background-color: white;
}

/* line 203, ../sass/_project-tree.scss */
aside.side-nav {
  width: 24em;
  top: 2.5em;
  left: -21em;
  bottom: 0;
  padding-top: 3.5em;
  -webkit-transition-property: left, border-color, background-color;
  -moz-transition-property: left, border-color, background-color;
  transition-property: left, border-color, background-color;
  background-color: #FFF;
  border-style: solid;
  border-color: transparent;
  border-width: 1px 1px 0 0;
}
/* line 215, ../sass/_project-tree.scss */
aside.side-nav.open, aside.side-nav:hover {
  left: 0;
  width: 24.8em;
  border-color: #e0e0e0;
}
/* line 225, ../sass/_project-tree.scss */
aside.side-nav .chapter {
  padding-top: 1em;
  background-color: #FFF;
  margin-bottom: 2em;
}
/* line 226, ../sass/_project-tree.scss */
aside.side-nav .project-tree .chapter {
  margin-top: 0;
}
/* line 227, ../sass/_project-tree.scss */
aside.side-nav .chapter-title, aside.side-nav .chapter-section-title {
  padding-left: 1em;
}
/* line 228, ../sass/_project-tree.scss */
aside.side-nav .page {
  margin-left: 1em;
}
/* line 231, ../sass/_project-tree.scss */
aside.side-nav td.extract, aside.side-nav th.extract {
  width: 80%;
}
/* line 232, ../sass/_project-tree.scss */
aside.side-nav td.template, aside.side-nav td.pagination, aside.side-nav th.template, aside.side-nav th.pagination {
  width: 10%;
}
/* line 235, ../sass/_project-tree.scss */
aside.side-nav td, aside.side-nav .chapter-section-title {
  background-color: none;
  border: none;
}
/* line 236, ../sass/_project-tree.scss */
aside.side-nav td.pagination a {
  color: #cccccc;
}
/* line 237, ../sass/_project-tree.scss */
aside.side-nav td.extract p {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
/* line 241, ../sass/_project-tree.scss */
aside.side-nav td.characters, aside.side-nav td.notes {
  display: none;
}
/* line 243, ../sass/_project-tree.scss */
aside.side-nav tr.thispage td.pagination a {
  display: inline-block;
  float: none;
  font-size: .85em;
  background-color: #cccccc;
  color: #fff;
}
/* line 250, ../sass/_project-tree.scss */
aside.side-nav tr.thispage:hover td.pagination a {
  background-color: #ee2200;
  color: white;
}
/* line 252, ../sass/_project-tree.scss */
aside.side-nav .right-overflow-fade {
  top: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ffffff), color-stop(30%, rgba(255, 255, 255, 0.75)), color-stop(50%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.75) 30%, rgba(255, 255, 255, 0) 50%);
  background-image: -moz-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.75) 30%, rgba(255, 255, 255, 0) 50%);
  background-image: -o-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.75) 30%, rgba(255, 255, 255, 0) 50%);
  background-image: linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.75) 30%, rgba(255, 255, 255, 0) 50%);
}

/* line 260, ../sass/_project-tree.scss */
#trash-panel {
  height: 100%;
  width: 70px;
  position: fixed;
  left: -70px;
  top: 0;
  background: rgba(12, 109, 158, 0.3);
  border-right: 1px solid rgba(255, 0, 0, 0.6);
}
/* line 270, ../sass/_project-tree.scss */
#trash-panel.open {
  left: 0;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 276, ../sass/_project-tree.scss */
#trash-panel > div {
  height: 30%;
  width: 70px;
  border: 1px solid rgba(207, 231, 243, 0.6);
}
/* line 281, ../sass/_project-tree.scss */
#trash-panel .deleted {
  display: none;
}
/* line 284, ../sass/_project-tree.scss */
#trash-panel .handle {
  cursor: move;
  display: block;
  width: 60px;
  height: 30px;
  background: red;
}

/* line 2, ../sass/_page.scss */
.page-section {
  max-width: 38em;
  padding-top: 1em;
  background-color: #f9f9f9;
  border-style: solid;
  border-color: #e0e0e0;
  border-width: 1px;
}
/* line 9, ../sass/_page.scss */
.page-section:not(:first-child) {
  border-top-color: white;
}
/* line 11, ../sass/_page.scss */
.page-section header {
  color: #cccccc;
  font-size: .75em;
  margin: 0 0 1em 1.5em;
}
/* line 16, ../sass/_page.scss */
.page-section select, .page-section button {
  margin: 0 2em 2em;
}
/* line 17, ../sass/_page.scss */
.page-section h4, .page-section h5, .page-section.add-comment p {
  padding: .5em 1.5em;
}
/* line 19, ../sass/_page.scss */
.page-section.template-selection {
  height: 90px;
}
/* line 21, ../sass/_page.scss */
.page-section.template-selection label {
  font-size: .85em;
}
/* line 22, ../sass/_page.scss */
.page-section.page-synopsis p {
  font-size: 0.8em;
  padding: 2.75em 10em 2.75em 2.75em;
}
/* line 27, ../sass/_page.scss */
.page-section.page-text p {
  font-family: "Elzevier_", sans-serif;
  padding: 4em;
  font-size: 1.1em;
  line-height: 1.5em;
}
/* line 34, ../sass/_page.scss */
.page-section ul.loaded-images {
  margin: 0 1em 1em;
}
/* line 37, ../sass/_page.scss */
.page-section li.loaded-images {
  float: left;
  background-color: #cccccc;
  width: 6em;
  height: 4em;
  margin-right: .5em;
}

/* line 47, ../sass/_page.scss */
#page-content-edit .overflow, #page-content-compare .overflow, #project-read-view .overflow {
  color: red;
  background-color: #ffcccc;
}

/* line 54, ../sass/_page.scss */
#page-content-compare .page-content {
  border-top: 1px solid #e0e0e0;
  width: 50%;
  height: 100%;
  float: left;
}
/* line 59, ../sass/_page.scss */
#page-content-compare .page-content:first-child .page-section {
  border-left: none;
}
/* line 60, ../sass/_page.scss */
#page-content-compare .page-content p {
  background-color: #FFF;
}

/* line 64, ../sass/_page.scss */
.page-section.page-text .lineCount {
  line-height: 1.5;
  font-family: "Brochard_", sans-serif;
  font-size: 1.1em;
  position: relative;
  float: left;
  color: #ccc;
  counter-reset: linecount;
  margin-top: 0;
  position: relative;
  top: 0;
  left: 2.4em;
  padding-top: 4em;
}
/* line 80, ../sass/_page.scss */
.page-section.page-text .lineCount > li {
  list-style-type: none;
}
/* line 81, ../sass/_page.scss */
.page-section.page-text .lineCount > li:not(:nth-child(5n)) {
  opacity: 0;
}
/* line 82, ../sass/_page.scss */
.page-section.page-text .lineCount > li:before {
  font-size: 0.6em;
  content: counter(linecount);
  counter-increment: linecount;
}

/* line 5, ../sass/_reading.scss */
.read-project {
  max-width: 35em;
}
/* line 7, ../sass/_reading.scss */
.read-project .chapter {
  border-bottom: 3em solid #f4f4f4;
  counter-reset: page-counter;
}
/* line 10, ../sass/_reading.scss */
.read-project .chapter-title {
  font-size: 1.1em;
  margin-top: 3em;
}
/* line 13, ../sass/_reading.scss */
.read-project .chapter-title .circled {
  font-size: 0.65em;
  margin-top: .25em;
  margin-right: 2.25em;
}
/* line 18, ../sass/_reading.scss */
.read-project .chapter-section-title {
  margin-bottom: 1em;
}
/* line 19, ../sass/_reading.scss */
.read-project .chapter-section, .read-project .page {
  border-bottom: 1px solid #ececec;
}
/* line 21, ../sass/_reading.scss */
.read-project .chapter:last-child, .read-project .chapter-section:last-child, .read-project .page:last-child {
  border-bottom: none;
}
/* line 22, ../sass/_reading.scss */
.read-project .page {
  position: relative;
  padding: 3em;
  min-height: 3em;
}
/* line 26, ../sass/_reading.scss */
.read-project .page p {
  color: #515151;
  font-family: "Elzevier_", sans-serif;
  line-height: 1.5;
}
/* line 31, ../sass/_reading.scss */
.read-project .page:before {
  font-family: "Elzevier_", sans-serif;
  font-size: .85em;
  color: #999999;
  position: absolute;
  bottom: 3.7em;
  left: 1em;
  content: counter(page-counter);
  counter-increment: page-counter;
}
/* line 41, ../sass/_reading.scss */
.read-project .page .button.edit-page, .read-project .page .button.add-note {
  position: absolute;
  left: .3em;
}
/* line 44, ../sass/_reading.scss */
.read-project .page .button.edit-page {
  bottom: 4.6em;
}
/* line 45, ../sass/_reading.scss */
.read-project .page .button.add-note {
  bottom: 6.2em;
}

/* line 116, ../sass/screen.scss */
#log-in {
  text-align: center;
}

/* line 117, ../sass/screen.scss */
#log-in, #user-profile {
  background-color: #f1f1f1;
}

/* line 119, ../sass/screen.scss */
.error {
  font-size: .85em;
  font-weight: 500;
  padding: 1em;
  border: 1px solid #444444;
  margin-top: 1em;
}

/* line 2, ../sass/_forms.scss */
#log-in .portal, #user-profile .user-informations {
  margin-top: 5em;
  background-color: #f9f9f9;
  display: inline-block;
  padding: 2em;
  border: 1px solid #cccccc;
  text-align: left;
  font-size: .9em;
}

/* line 13, ../sass/_forms.scss */
label, input {
  display: inline-block;
  line-height: 1.5;
  padding: .1em;
  width: 200px;
}

/* line 18, ../sass/_forms.scss */
input[type="checkbox"], input[type="submit"] {
  width: auto;
}

/* line 19, ../sass/_forms.scss */
input[type="submit"] {
  margin-top: 2em;
}

/* line 20, ../sass/_forms.scss */
label[for="remember"], input[name="remember"] {
  font-size: .8em;
  margin-top: 1em;
}

/* line 4, ../sass/_settings.scss */
#settings .project-title {
  width: 50%;
  float: left;
}

/* line 7, ../sass/_settings.scss */
.setting-tab-heads {
  width: 50%;
  float: right;
  margin-top: 1em;
  font-size: .75em;
  z-index: 10000;
}
/* line 14, ../sass/_settings.scss */
.setting-tab-heads li {
  float: right;
}
/* line 15, ../sass/_settings.scss */
.setting-tab-heads .button.tab {
  border-radius: .2em .2em 0 0;
}
/* line 16, ../sass/_settings.scss */
.setting-tab-heads .button.tab.active {
  background-color: #0c6d9e;
  color: white;
  border-bottom-color: #0c6d9e;
}

/* line 23, ../sass/_settings.scss */
.setting-tabs .setting.tab {
  background-color: white;
  border-color: #e0e0e0;
  margin-top: -1px;
  border-radius: 0 0 .2em .2em;
  display: none;
}
/* line 31, ../sass/_settings.scss */
.setting-tabs .setting.tab:first-child {
  display: block;
}

/* line 36, ../sass/_settings.scss */
#setting-authorizations, #setting-languages {
  font-size: .85em;
}
/* line 39, ../sass/_settings.scss */
#setting-authorizations h3, #setting-authorizations h4, #setting-languages h3, #setting-languages h4 {
  font-size: 1em;
  padding: 1em;
}
/* line 42, ../sass/_settings.scss */
#setting-authorizations h3, #setting-languages h3 {
  color: #0c6d9e;
}
/* line 43, ../sass/_settings.scss */
#setting-authorizations h4, #setting-languages h4 {
  color: white;
  background-color: #0c6d9e;
  border-left: 1px solid #e0e0e0;
  padding-left: 2em;
  font-weight: normal;
}
/* line 50, ../sass/_settings.scss */
#setting-authorizations .user-name, #setting-languages .user-name {
  position: relative;
  display: block;
  padding: 1em;
  color: #666666;
  border-top: 1px solid #f9f9f9;
  overflow: hidden;
}
/* line 58, ../sass/_settings.scss */
#setting-authorizations .user:first-child .user-name, #setting-languages .user:first-child .user-name {
  border-top: 1px solid #e0e0e0;
}
/* line 59, ../sass/_settings.scss */
#setting-authorizations .user:last-child .user-name, #setting-languages .user:last-child .user-name {
  border-bottom: 1px solid #e0e0e0;
}
/* line 60, ../sass/_settings.scss */
#setting-authorizations .user-name:hover, #setting-authorizations .active .user-name, #setting-languages .user-name:hover, #setting-languages .active .user-name {
  background-color: #f9f9f9;
  color: #ee2200;
}
/* line 63, ../sass/_settings.scss */
#setting-authorizations .active .user-name, #setting-languages .active .user-name {
  padding-left: 2em;
}
/* line 65, ../sass/_settings.scss */
#setting-authorizations .active .user-name:before, #setting-languages .active .user-name:before {
  content: " ";
  position: absolute;
  display: block;
  width: 3em;
  height: 3em;
  top: 50%;
  left: -1.7em;
  margin-top: -1.5em;
  background: #ee2200;
  -webkit-transform: scale(0.5, 1) rotate(45deg);
  transform: scale(0.5, 1) rotate(45deg);
}

/* line 78, ../sass/_settings.scss */
.users-list {
  width: 25%;
  height: 100%;
  float: left;
}
/* line 82, ../sass/_settings.scss */
.users-list h3 {
  font-size: 1em;
}
/* line 83, ../sass/_settings.scss */
.users-list ul {
  margin-top: 2em;
  min-height: 350px;
  font-size: 0.85em;
}

/* line 88, ../sass/_settings.scss */
.user-authorizations {
  float: right;
  width: 75%;
  border-left: 1px solid #e0e0e0;
  display: none;
}
/* line 95, ../sass/_settings.scss */
.user-authorizations:first-child {
  display: block;
}
/* line 98, ../sass/_settings.scss */
.user-authorizations > ul, .user-authorizations > form > ul {
  min-height: 350px;
  padding-bottom: 1em;
  background-color: #f9f9f9;
  overflow-y: scroll;
}

/* line 105, ../sass/_settings.scss */
.authorization-rule {
  border-color: #e0e0e0;
  margin: 2em;
  background-color: white;
}
/* line 113, ../sass/_settings.scss */
.authorization-rule h5 {
  padding: .5em 1em;
  background-color: #e0e0e0;
  color: #999999;
  border-bottom: 1px solid #cccccc;
}
/* line 118, ../sass/_settings.scss */
.authorization-rule .rules, .authorization-rule .scope {
  float: left;
  border-top: 1px solid white;
}
/* line 122, ../sass/_settings.scss */
.authorization-rule .rules {
  width: 40%;
  font-size: .9em;
}
/* line 125, ../sass/_settings.scss */
.authorization-rule .rules label {
  width: 85%;
}
/* line 126, ../sass/_settings.scss */
.authorization-rule .rules label.disabled {
  color: #cccccc;
}
/* line 127, ../sass/_settings.scss */
.authorization-rule .rules, .authorization-rule .scope header, .authorization-rule .scope > ul {
  padding: 1em;
}
/* line 128, ../sass/_settings.scss */
.authorization-rule .scope {
  width: 60%;
  background-color: #cfe7f3;
}
/* line 131, ../sass/_settings.scss */
.authorization-rule .scope .project-tree {
  color: #0c6d9e;
}
/* line 133, ../sass/_settings.scss */
.authorization-rule .scope .project-tree ul {
  padding-left: 1em;
}
/* line 134, ../sass/_settings.scss */
.authorization-rule .scope .project-tree label {
  margin-left: .25em;
}
/* line 136, ../sass/_settings.scss */
.authorization-rule small {
  color: #cccccc;
  font-size: .76em;
}

/* line 142, ../sass/_settings.scss */
.rule-summary {
  padding: .5em 1em;
}

/* line 146, ../sass/_settings.scss */
.add-rule {
  margin: 1em;
}

/* line 147, ../sass/_settings.scss */
.add-rule .button.plain {
  display: block;
  float: none;
  text-align: center;
  background-color: #666666;
  width: 8em;
  margin: 0 auto;
}

/* line 4, ../sass/_ui-elements.scss */
.circled {
  display: block;
  float: left;
}

/* line 16, ../sass/_ui-elements.scss */
.icon {
  display: block;
  background-repeat: no-repeat;
  background-size: auto 9em;
  background-position: center -7.5em;
  position: relative;
  width: 1em;
  height: 1em;
  padding: 0.25em;
  color: #999999;
}
/* line 18, ../sass/_ui-elements.scss */
td .icon {
  display: inline-block;
}
/* line 27, ../sass/_ui-elements.scss */
.icon .info {
  display: block;
  position: absolute;
  color: inherit;
  font-size: .75em;
}
/* line 33, ../sass/_ui-elements.scss */
.chapter td .icon .info, aside .icon > .info {
  text-align: right;
  left: -.5em;
}

/* line 35, ../sass/_ui-elements.scss */
a.button:hover .icon, .button:hover .icon, .icon.new {
  background-position: center -6em;
  color: #ee2200;
}

/* line 37, ../sass/_ui-elements.scss */
.icon.settings {
  background-image: url("../images/pictograms/button-cog.svg");
}

/* line 38, ../sass/_ui-elements.scss */
.icon.fullscreen {
  background-image: url("../images/pictograms/button-fullscreen.svg");
}

/* line 39, ../sass/_ui-elements.scss */
.icon.compare {
  background-image: url("../images/pictograms/button-compare.svg");
}

/* line 40, ../sass/_ui-elements.scss */
.icon.edit {
  background-image: url("../images/pictograms/button-edit.svg");
}

/* line 41, ../sass/_ui-elements.scss */
.icon.write {
  background-image: url("../images/pictograms/button-writing.svg");
}

/* line 42, ../sass/_ui-elements.scss */
.icon.note {
  background-image: url("../images/pictograms/button-note.svg");
}

/* line 43, ../sass/_ui-elements.scss */
.icon.close {
  background-image: url("../images/pictograms/button-close.svg");
}

/* line 44, ../sass/_ui-elements.scss */
.icon.back {
  background-image: url("../images/pictograms/button-back.svg");
}

/* line 45, ../sass/_ui-elements.scss */
.icon.preview {
  background-image: url("../images/pictograms/button-preview.svg");
}

/* line 46, ../sass/_ui-elements.scss */
.icon.download {
  background-image: url("../images/pictograms/button-download.svg");
}

/* line 47, ../sass/_ui-elements.scss */
.icon.person {
  background-image: url("../images/pictograms/button-person.svg");
}

/* line 49, ../sass/_ui-elements.scss */
.template-text .icon.template {
  background-image: url("../images/pictograms/template-text.svg");
}
/* line 50, ../sass/_ui-elements.scss */
.template-image .icon.template {
  background-image: url("../images/pictograms/template-image.svg");
}
/* line 51, ../sass/_ui-elements.scss */
.template-text-image .icon.template {
  background-image: url("../images/pictograms/template-text-image.svg");
}
/* line 52, ../sass/_ui-elements.scss */
.template-interaction .icon.template {
  background-image: url("../images/pictograms/template-interaction.svg");
}

/* line 57, ../sass/_ui-elements.scss */
.button {
  display: block;
  float: left;
}

/* line 61, ../sass/_ui-elements.scss */
.button.plain {
  font-size: 0.7em;
  padding: 0.25em 0.5em;
  background-color: #0c6d9e;
  color: white;
  border-radius: .1em;
  margin: .25em .5em .25em 0;
}
/* line 68, ../sass/_ui-elements.scss */
.button.plain:hover {
  background-color: #22aaee;
}

/* line 70, ../sass/_ui-elements.scss */
.button.tab {
  background-color: #cccccc;
  color: #f9f9f9;
  padding: .5em 1em;
  border-color: #e0e0e0;
}
/* line 76, ../sass/_ui-elements.scss */
.button.tab:hover, .button.tab:active, .button.tab:focus, .button.tab.active {
  background-color: white;
  color: #444444;
}
/* line 79, ../sass/_ui-elements.scss */
.button.tab:active, .button.tab:focus, .button.tab.active {
  border-bottom-color: white;
}

/* line 84, ../sass/_ui-elements.scss */
.single-note, .post-new-note {
  position: relative;
  margin-bottom: .5em;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
}
/* line 91, ../sass/_ui-elements.scss */
.single-note header, .post-new-note header {
  padding: 1em 1em 0;
}
/* line 94, ../sass/_ui-elements.scss */
.single-note .button.plain.save,
.single-note .button.plain.reply,
.single-note .button.plain.save-edit, .post-new-note .button.plain.save,
.post-new-note .button.plain.reply,
.post-new-note .button.plain.save-edit {
  position: absolute;
  display: none;
  top: 1em;
  right: 1em;
}
/* line 101, ../sass/_ui-elements.scss */
.single-note:hover .button.plain.save, .single-note:hover .button.plain.reply, .single-note:hover .button.plain.save-edit, .post-new-note:hover .button.plain.save, .post-new-note:hover .button.plain.reply, .post-new-note:hover .button.plain.save-edit {
  display: block;
}
/* line 102, ../sass/_ui-elements.scss */
.single-note p, .post-new-note p {
  padding: 1em;
}

/* line 106, ../sass/_ui-elements.scss */
.single-note:before {
  content: " ";
  position: absolute;
  top: 1.2em;
  left: -.425em;
  display: block;
  width: .75em;
  height: .75em;
  border-color: transparent;
  border-style: solid;
  border-width: 0px 0px 1px 1px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 122, ../sass/_ui-elements.scss */
.single-note.shadowed, .single-note:not(.reply).shadowed:before {
  -webkit-box-shadow: -2px 2px 3px #e0e0e0;
  -moz-box-shadow: -2px 2px 3px #e0e0e0;
  box-shadow: -2px 2px 3px #e0e0e0;
}
/* line 123, ../sass/_ui-elements.scss */
.single-note.reply {
  width: 95%;
  margin-left: 5%;
}
/* line 125, ../sass/_ui-elements.scss */
.single-note.reply:before {
  top: -.3em;
  left: 1em;
  width: .5em;
  height: .5em;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* line 2, ../sass/_notes.scss */
.button.open[href="#notes-panel"] {
  position: fixed;
  top: 50%;
  right: 1em;
  -webkit-transition: opacity .1s 1s ease-in;
  -moz-transition: opacity .1s 1s ease-in;
  transition: opacity .1s 1s ease-in;
}
/* line 10, ../sass/_notes.scss */
.button.open[href="#notes-panel"] .info {
  left: -.35em;
}
/* line 12, ../sass/_notes.scss */
.button.open[href="#notes-panel"] .icon.note.new .info {
  font-size: .6em;
  display: block;
  background-color: #ff3413;
  color: white;
  top: -.1em;
  left: -1.65em;
}

/* line 23, ../sass/_notes.scss */
#notes-panel {
  width: 24em;
  height: 100%;
  right: -24em;
  background-color: #f9f9f9;
  border-left: 1px solid #e0e0e0;
  -webkit-transition-property: right;
  -moz-transition-property: right;
  transition-property: right;
}
/* line 36, ../sass/_notes.scss */
#notes-panel .inner > header {
  padding: 1em 1.5em;
  background-color: #f9f9f9;
}
/* line 42, ../sass/_notes.scss */
#notes-panel .inner > header h2, #notes-panel .inner > header h3 {
  font-weight: 500;
}
/* line 43, ../sass/_notes.scss */
#notes-panel .inner > header h2, #notes-panel .inner > header h3, #notes-panel .inner > header h4 {
  display: inline;
  font-size: .8em;
}
/* line 46, ../sass/_notes.scss */
#notes-panel .inner > header :not(:first-child):before {
  content: " — ";
}
/* line 48, ../sass/_notes.scss */
#notes-panel .notes-list {
  margin-top: 1em;
  padding: 1em 1.5em 2em;
}
/* line 52, ../sass/_notes.scss */
#notes-panel.open {
  right: 0;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* line 57, ../sass/_notes.scss */
#notes-panel.open .button.open {
  opacity: 0;
  -webkit-transition: opacity .01s ease-in;
  -moz-transition: opacity .01s ease-in;
  transition: opacity .01s ease-in;
}
/* line 64, ../sass/_notes.scss */
#notes-panel .button.close {
  position: absolute;
  top: 1em;
  right: 1.5em;
}
/* line 70, ../sass/_notes.scss */
#notes-panel .single-note h4 {
  color: #444444;
  font-size: .8em;
  font-weight: 500;
}
/* line 74, ../sass/_notes.scss */
#notes-panel .single-note h5 {
  color: #999999;
  font-size: .6em;
}
/* line 75, ../sass/_notes.scss */
#notes-panel .single-note p {
  font-size: .8em;
}
/* line 76, ../sass/_notes.scss */
#notes-panel .single-note .controls .button {
  font-size: .65em;
  color: #79c0e3;
  margin-right: 1em;
}
/* line 80, ../sass/_notes.scss */
#notes-panel .single-note .controls .button:hover {
  color: #22aaee;
}
/* line 84, ../sass/_notes.scss */
#notes-panel .post-new-note .controls {
  display: none;
}
/* line 85, ../sass/_notes.scss */
#notes-panel .post-new-note {
  margin-bottom: 1em;
}
/* line 87, ../sass/_notes.scss */
#notes-panel .post-new-note p {
  min-height: 1.5em;
  font-size: .8em;
  padding-right: 5em;
}
/* line 95, ../sass/_notes.scss */
#notes-panel .post-new-note [contenteditable]:focus + .controls,
#notes-panel .post-new-note [contenteditable="True"]:focus + .controls,
#notes-panel .post-new-note [contenteditable]:active + .controls,
#notes-panel .post-new-note [contenteditable="True"]:active + .controls {
  display: block;
}
/* line 97, ../sass/_notes.scss */
#notes-panel .post-new-note .controls:hover {
  display: block;
}
/* line 102, ../sass/_notes.scss */
#notes-panel .single-note, #notes-panel .single-note:before,
#notes-panel .post-new-note.reply:before,
#notes-panel .post-new-note {
  background-color: white;
  border-color: #e0e0e0;
}
/* line 103, ../sass/_notes.scss */
#notes-panel .post-new-note.reply {
  width: 95%;
  margin-left: 5%;
}
/* line 105, ../sass/_notes.scss */
#notes-panel .single-note.new {
  border-left-color: #ff654b;
}
/* line 108, ../sass/_notes.scss */
#notes-panel .single-note.new h4, #notes-panel .single-note.new h5 {
  color: #ff4222;
}
/* line 109, ../sass/_notes.scss */
#notes-panel .single-note.new:before {
  border-color: transparent transparent #ff4222 #ff4222;
}
/* line 111, ../sass/_notes.scss */
#notes-panel .no-note {
  font-size: .75em;
  border: 1px solid #cccccc;
  color: #cccccc;
  text-align: center;
  padding: 1em;
  border-radius: .25em;
}

/* line 121, ../sass/_notes.scss */
.labels-filter, .labels-picker {
  border-style: solid;
  border-color: #e0e0e0;
}

/* line 125, ../sass/_notes.scss */
.controls.labels-filter {
  padding: .75em 1.5em .75em;
  border-width: 1px 0;
}

/* line 128, ../sass/_notes.scss */
.labels-picker {
  border-width: 1px;
}

/* line 130, ../sass/_notes.scss */
.labels-filter .button.plain.filter {
  border-radius: .2em;
  background-color: #999999;
  border-color: #999999;
}

/* line 135, ../sass/_notes.scss */
.labels-picker .button.plain {
  background-color: #FFF;
  border-radius: 0 .3em .3em .3em;
  border-width: 1px;
  border-style: solid;
}

/* line 142, ../sass/_notes.scss */
.label-traduction header, .label-traduction p, .label-traduction ul, .label-edition header, .label-edition p, .label-edition ul, .label-structure header, .label-structure p, .label-structure ul, .label-unmarked header, .label-unmarked p, .label-unmarked ul {
  border-right-width: 10px;
  border-right-style: solid;
}

/* line 151, ../sass/_notes.scss */
.label-all:hover .button.plain, .label-all.active .button.plain {
  background-color: #0c6d9e;
}
/* line 152, ../sass/_notes.scss */
.label-all .button.plain:hover {
  background-color: #22aaee;
}

/* line 155, ../sass/_notes.scss */
.label-unread.active > .button.plain {
  background-color: #ee2200;
}
/* line 156, ../sass/_notes.scss */
.label-unread > .button.plain:hover {
  background-color: #ff6d55;
}

/* line 159, ../sass/_notes.scss */
.label-unmarked.active > .button.plain, .label-unmarked > .button.plain:hover {
  background-color: #666666;
}

/* line 162, ../sass/_notes.scss */
.labels-picker .label-traduction > .button.plain.filter, .labels-picker .label-edition > .button.plain.filter, .labels-picker .label-structure > .button.plain.filter {
  background-color: #cccccc;
  color: white;
}

/* line 165, ../sass/_notes.scss */
.label-traduction header, .label-traduction p:not(:first-child), .label-traduction ul {
  border-color: purple;
}
/* line 167, ../sass/_notes.scss */
.label-traduction .button.plain.filter:hover, .label-traduction .button.plain.filter.active, .label-traduction .button.plain.save {
  background-color: purple;
  border-color: purple;
  color: white;
}

/* line 173, ../sass/_notes.scss */
.label-edition header, .label-edition p:not(:first-child), .label-edition ul {
  border-color: yellow;
}
/* line 175, ../sass/_notes.scss */
.label-edition .button.plain.filter:hover, .label-edition .button.plain.filter.active, .label-edition .button.plain.save {
  background-color: yellow;
  border-color: yellow;
  color: white;
}

/* line 181, ../sass/_notes.scss */
.label-structure header, .label-structure p:not(:first-child), .label-structure ul {
  border-color: green;
}
/* line 183, ../sass/_notes.scss */
.label-structure .button.plain.filter:hover, .label-structure .button.plain.filter.active, .label-structure .button.plain.save {
  background-color: green;
  border-color: green;
  color: white;
}

/* line 8, ../sass/_contenteditable.scss */
#project-table-view main [contenteditable="true"], .single-note [contenteditable="true"] {
  background-color: #f0f8fb;
  color: #0c6d9e;
  border-color: #cfe7f3;
  border-width: 1px 0;
  border-style: solid;
}

/* line 18, ../sass/_contenteditable.scss */
[contenteditable],
[contenteditable="true"] {
  border-width: 1px 0;
  border-style: solid;
  border-color: transparent;
  outline: none;
}
/* line 24, ../sass/_contenteditable.scss */
.page-section [contenteditable], .page-section
[contenteditable="true"] {
  min-height: 1.5em;
}
/* line 28, ../sass/_contenteditable.scss */
.page-text [contenteditable]:focus, .post-new-note [contenteditable]:focus, .page-text [contenteditable]:active, .post-new-note [contenteditable]:active, .page-text
[contenteditable="true"]:focus, .post-new-note
[contenteditable="true"]:focus, .page-text
[contenteditable="true"]:active, .post-new-note
[contenteditable="true"]:active {
  color: #444444;
  background-color: #fff;
}
/* line 32, ../sass/_contenteditable.scss */
.page-title [contenteditable]:focus, .page-synopsis [contenteditable]:focus, .page-title [contenteditable]:active, .page-synopsis [contenteditable]:active, .page-title
[contenteditable="true"]:focus, .page-synopsis
[contenteditable="true"]:focus, .page-title
[contenteditable="true"]:active, .page-synopsis
[contenteditable="true"]:active {
  outline: none;
  background-color: #f0f8fb;
  color: #0c6d9e;
  border-color: #cfe7f3;
  border-width: 1px 0;
  border-style: solid;
}
/* line 41, ../sass/_contenteditable.scss */
.post-new-note [contenteditable]:focus, .post-new-note [contenteditable]:active, .post-new-note
[contenteditable="true"]:focus, .post-new-note
[contenteditable="true"]:active {
  border: none;
}

/* line 1, ../sass/_nav.scss */
body > header {
  position: absolute;
  width: 100%;
  font-size: 1em;
}
/* line 5, ../sass/_nav.scss */
body > header .global.controls > ul > li, body > header .global.controls > ul > li > a {
  display: block;
}
/* line 6, ../sass/_nav.scss */
body > header .controls {
  margin: .5em;
}
/* line 7, ../sass/_nav.scss */
body > header .global.controls {
  float: right;
}
/* line 8, ../sass/_nav.scss */
body > header .global.controls > ul > li {
  float: left;
}
/* line 9, ../sass/_nav.scss */
body > header .global.controls li:hover > .submenu {
  display: block;
}
/* line 10, ../sass/_nav.scss */
body > header .global.controls > ul > li > a {
  padding: 0 .25em;
}
/* line 11, ../sass/_nav.scss */
body > header .submenu {
  position: absolute;
  display: none;
  right: 0;
  padding-top: .5em;
  margin-top: 1.5em;
  width: 10em;
}
/* line 18, ../sass/_nav.scss */
body > header .submenu li {
  padding: .25em 0;
  border-top: 1px solid #e0e0e0;
  text-align: center;
}
/* line 22, ../sass/_nav.scss */
body > header .submenu li a {
  font-size: .8em;
}

/* line 25, ../sass/_nav.scss */
#view-wrap > header {
  position: absolute;
  top: 0;
  left: 0;
  height: 2.5em;
}
/* line 30, ../sass/_nav.scss */
#view-wrap > header, #view-wrap > header a {
  color: #999999;
}
/* line 31, ../sass/_nav.scss */
#view-wrap > header a:hover {
  color: #666666;
}
/* line 32, ../sass/_nav.scss */
#view-wrap > header h1, #view-wrap > header h2, #view-wrap > header h3, #view-wrap > header h4, #view-wrap > header h5 {
  font-size: 0.8em;
  position: relative;
  float: left;
  padding: 0.85em 1em;
}
/* line 38, ../sass/_nav.scss */
#view-wrap > header nav {
  padding-right: .5em;
}
/* line 45, ../sass/_nav.scss */
#view-wrap > header nav h1:not(:first-child):before, #view-wrap > header nav h2:not(:first-child):before, #view-wrap > header nav h3:not(:first-child):before, #view-wrap > header nav h4:not(:first-child):before, #view-wrap > header nav h5:not(:first-child):before {
  content: " ";
  display: block;
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  left: -0.325em;
  top: 50%;
  margin-top: -0.3em;
  border-color: #999999;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: scale(0.75, 1) rotate(45deg);
  -moz-transform: scale(0.75, 1) rotate(45deg);
  transform: scale(0.75, 1) rotate(45deg);
}

/* line 1, ../sass/_controls.scss */
.controls {
  position: relative;
  padding: .5em .75em;
}

/* line 5, ../sass/_controls.scss */
.global.controls {
  padding: 0;
}

/* line 7, ../sass/_controls.scss */
.controls.open .button.open .icon.edit {
  background-image: url("../images/pictograms/button-close.svg");
  background-position: center -1.5em;
}

/* line 12, ../sass/_controls.scss */
.project.controls {
  margin: 1em 0;
  padding: 0;
  font-size: 1.25em;
}
/* line 16, ../sass/_controls.scss */
.project.controls li {
  float: left;
}
/* line 17, ../sass/_controls.scss */
.project.controls .button.plain {
  background: none;
  color: #999999;
  border-width: 1px;
  border-style: solid;
}
/* line 22, ../sass/_controls.scss */
.project.controls .button.plain:hover {
  color: #22aaee;
}

/* line 26, ../sass/_controls.scss */
#confirm-edit {
  display: none;
  position: fixed;
  right: 1em;
  bottom: 1em;
  pointer-events: none;
  width: 25%;
}
/* line 34, ../sass/_controls.scss */
#confirm-edit .button.plain {
  pointer-events: auto;
  float: right;
  border-radius: .25em;
}

/* #### Tablettes paysage */
/* #### Tablettes portrait */
@media only screen and (max-device-width: 800px) and (orientation: portrait), only screen and (max-width: 800px) {
  /* line 15, ../sass/_media-queries.scss */
  .projets {
    width: 100%;
    height: auto;
  }
}
/* #### Smartphones paysage */
@media only screen and (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (device-width: 320px) and (device-height: 533px) and (-webkit-device-pixel-ratio: 1.5) and (orientation: landscape), only screen and (max-width: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape), only screen and (max-width: 640px) {
  /* line 28, ../sass/_media-queries.scss */
  .projets table {
    font-size: .9em;
    line-height: 1.6;
  }
  /* line 33, ../sass/_media-queries.scss */
  .projets tr, .projets td {
    display: block;
  }
  /* line 34, ../sass/_media-queries.scss */
  .projets tr {
    padding-top: 1em;
  }
  /* line 35, ../sass/_media-queries.scss */
  .projets td.info {
    width: 100%;
  }
  /* line 36, ../sass/_media-queries.scss */
  .projets td.values {
    width: 100%;
  }
}
/* #### Smartphones portrait */
@media only screen and (device-height: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (device-width: 320px) and (device-height: 533px) and (-webkit-device-pixel-ratio: 1.5) and (orientation: portrait), only screen and (max-width: 480px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait), only screen and (max-width: 480px) {
  /* Styles ici */
}
@keyframes popIn {
  /* line 3, ../sass/_animations.scss */
  0% {
    opacity: 0;
  }

  /* line 4, ../sass/_animations.scss */
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes popIn {
  /* line 8, ../sass/_animations.scss */
  0% {
    opacity: 0;
  }

  /* line 9, ../sass/_animations.scss */
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes out {
  /* line 12, ../sass/_animations.scss */
  100% {
    opacity: 0;
  }
}

@keyframes out {
  /* line 13, ../sass/_animations.scss */
  100% {
    opacity: 0;
  }
}

@keyframes vex-fadein {
  /* line 9, ../sass/vex/_keyframes.sass */
  0% {
    opacity: 0;
  }

  /* line 11, ../sass/vex/_keyframes.sass */
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes vex-fadein {
  /* line 9, ../sass/vex/_keyframes.sass */
  0% {
    opacity: 0;
  }

  /* line 11, ../sass/vex/_keyframes.sass */
  100% {
    opacity: 1;
  }
}

@-moz-keyframes vex-fadein {
  /* line 9, ../sass/vex/_keyframes.sass */
  0% {
    opacity: 0;
  }

  /* line 11, ../sass/vex/_keyframes.sass */
  100% {
    opacity: 1;
  }
}

@-ms-keyframes vex-fadein {
  /* line 9, ../sass/vex/_keyframes.sass */
  0% {
    opacity: 0;
  }

  /* line 11, ../sass/vex/_keyframes.sass */
  100% {
    opacity: 1;
  }
}

@-o-keyframes vex-fadein {
  /* line 9, ../sass/vex/_keyframes.sass */
  0% {
    opacity: 0;
  }

  /* line 11, ../sass/vex/_keyframes.sass */
  100% {
    opacity: 1;
  }
}

@keyframes vex-fadeout {
  /* line 16, ../sass/vex/_keyframes.sass */
  0% {
    opacity: 1;
  }

  /* line 18, ../sass/vex/_keyframes.sass */
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes vex-fadeout {
  /* line 16, ../sass/vex/_keyframes.sass */
  0% {
    opacity: 1;
  }

  /* line 18, ../sass/vex/_keyframes.sass */
  100% {
    opacity: 0;
  }
}

@-moz-keyframes vex-fadeout {
  /* line 16, ../sass/vex/_keyframes.sass */
  0% {
    opacity: 1;
  }

  /* line 18, ../sass/vex/_keyframes.sass */
  100% {
    opacity: 0;
  }
}

@-ms-keyframes vex-fadeout {
  /* line 16, ../sass/vex/_keyframes.sass */
  0% {
    opacity: 1;
  }

  /* line 18, ../sass/vex/_keyframes.sass */
  100% {
    opacity: 0;
  }
}

@-o-keyframes vex-fadeout {
  /* line 16, ../sass/vex/_keyframes.sass */
  0% {
    opacity: 1;
  }

  /* line 18, ../sass/vex/_keyframes.sass */
  100% {
    opacity: 0;
  }
}

@keyframes vex-rotation {
  /* line 127, ../sass/vex/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  /* line 129, ../sass/vex/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}

@-webkit-keyframes vex-rotation {
  /* line 127, ../sass/vex/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  /* line 129, ../sass/vex/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}

@-moz-keyframes vex-rotation {
  /* line 127, ../sass/vex/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  /* line 129, ../sass/vex/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}

@-ms-keyframes vex-rotation {
  /* line 127, ../sass/vex/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  /* line 129, ../sass/vex/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}

@-o-keyframes vex-rotation {
  /* line 127, ../sass/vex/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }

  /* line 129, ../sass/vex/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}

/* line 11, ../sass/vex/vex.sass */
.vex, .vex *, .vex *:before, .vex *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 14, ../sass/vex/vex.sass */
.vex {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1111;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 25, ../sass/vex/vex.sass */
.vex-overlay {
  background: black;
  filter: alpha(opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

/* line 30, ../sass/vex/vex.sass */
.vex-overlay {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 39, ../sass/vex/vex.sass */
.vex.vex-closing .vex-overlay {
  animation: vex-fadeout 0.5s;
  -webkit-animation: vex-fadeout 0.5s;
  -moz-animation: vex-fadeout 0.5s;
  -ms-animation: vex-fadeout 0.5s;
  -o-animation: vex-fadeout 0.5s;
  -webkit-backface-visibility: hidden;
}

/* line 42, ../sass/vex/vex.sass */
.vex-content {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  background: white;
}
/* line 46, ../sass/vex/vex.sass */
.vex.vex-closing .vex-content {
  animation: vex-fadeout 0.5s;
  -webkit-animation: vex-fadeout 0.5s;
  -moz-animation: vex-fadeout 0.5s;
  -ms-animation: vex-fadeout 0.5s;
  -o-animation: vex-fadeout 0.5s;
  -webkit-backface-visibility: hidden;
}

/* line 49, ../sass/vex/vex.sass */
.vex-close:before {
  font-family: Arial, sans-serif;
  content: "\00D7";
}

/* line 53, ../sass/vex/vex.sass */
.vex-dialog-form {
  margin: 0;
}

/* line 56, ../sass/vex/vex.sass */
.vex-dialog-button {
  -webkit-appearance: none;
  cursor: pointer;
}

/* line 60, ../sass/vex/vex.sass */
.vex-loading-spinner {
  animation: vex-rotation 0.7s linear infinite;
  -webkit-animation: vex-rotation 0.7s linear infinite;
  -moz-animation: vex-rotation 0.7s linear infinite;
  -ms-animation: vex-rotation 0.7s linear infinite;
  -o-animation: vex-rotation 0.7s linear infinite;
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 1112;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2em;
  width: 2em;
  background: white;
}

/* line 76, ../sass/vex/vex.sass */
body.vex-open {
  overflow: hidden;
}

@keyframes vex-pulse {
  /* line 136, ../sass/vex/_keyframes.sass */
  0% {
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    -moz-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent;
  }

  /* line 138, ../sass/vex/_keyframes.sass */
  70% {
    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
  }

  /* line 140, ../sass/vex/_keyframes.sass */
  100% {
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    -moz-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent;
  }
}

@-webkit-keyframes vex-pulse {
  /* line 136, ../sass/vex/_keyframes.sass */
  0% {
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    -moz-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent;
  }

  /* line 138, ../sass/vex/_keyframes.sass */
  70% {
    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
  }

  /* line 140, ../sass/vex/_keyframes.sass */
  100% {
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    -moz-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent;
  }
}

@-moz-keyframes vex-pulse {
  /* line 136, ../sass/vex/_keyframes.sass */
  0% {
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    -moz-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent;
  }

  /* line 138, ../sass/vex/_keyframes.sass */
  70% {
    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
  }

  /* line 140, ../sass/vex/_keyframes.sass */
  100% {
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    -moz-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent;
  }
}

@-ms-keyframes vex-pulse {
  /* line 136, ../sass/vex/_keyframes.sass */
  0% {
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    -moz-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent;
  }

  /* line 138, ../sass/vex/_keyframes.sass */
  70% {
    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
  }

  /* line 140, ../sass/vex/_keyframes.sass */
  100% {
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    -moz-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent;
  }
}

@-o-keyframes vex-pulse {
  /* line 136, ../sass/vex/_keyframes.sass */
  0% {
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    -moz-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent;
  }

  /* line 138, ../sass/vex/_keyframes.sass */
  70% {
    -webkit-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
  }

  /* line 140, ../sass/vex/_keyframes.sass */
  100% {
    -webkit-box-shadow: inset 0 0 0 300px transparent;
    -moz-box-shadow: inset 0 0 0 300px transparent;
    box-shadow: inset 0 0 0 300px transparent;
  }
}

/* line 11, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain {
  padding-top: 160px;
  padding-bottom: 160px;
}
/* line 15, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-content {
  font-family: "Helvetica Neue", sans-serif;
  background: white;
  color: #444444;
  padding: 1em;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  width: 450px;
  font-size: 1.1em;
  line-height: 1.5em;
}
/* line 27, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-content h1, .vex.vex-theme-plain .vex-content h2, .vex.vex-theme-plain .vex-content h3, .vex.vex-theme-plain .vex-content h4, .vex.vex-theme-plain .vex-content h5, .vex.vex-theme-plain .vex-content h6, .vex.vex-theme-plain .vex-content p, .vex.vex-theme-plain .vex-content ul, .vex.vex-theme-plain .vex-content li {
  color: inherit;
}
/* line 30, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
/* line 36, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-close:before {
  position: absolute;
  content: "\00D7";
  font-size: 26px;
  font-weight: normal;
  line-height: 31px;
  height: 30px;
  width: 30px;
  text-align: center;
  top: 3px;
  right: 3px;
  color: #bbbbbb;
  background: transparent;
}
/* line 50, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-close:hover:before, .vex.vex-theme-plain .vex-close:active:before {
  color: #777777;
  background: #e0e0e0;
}
/* line 56, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-dialog-form .vex-dialog-message {
  margin-bottom: 0.5em;
}
/* line 59, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input {
  margin-bottom: 1em;
}
/* line 62, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="week"] {
  background: #f0f0f0;
  width: 100%;
  padding: 0.25em 0.67em;
  border: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  min-height: 2.5em;
  margin: 0 0 0.25em;
}
/* line 73, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
  -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  outline: none;
}
/* line 77, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons {
  *zoom: 1;
}
/* line 38, ../../../../../../Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/gem/gems/compass-0.12.6/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons:after {
  content: "";
  display: table;
  clear: both;
}
/* line 80, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-dialog-button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 0;
  float: right;
  margin: 0 0 0 0.5em;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  line-height: 1em;
  padding: 0.75em 2em;
}
/* line 92, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-dialog-button.vex-last {
  margin-left: 0;
}
/* line 95, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-dialog-button:focus {
  animation: vex-pulse 1.1s infinite;
  -webkit-animation: vex-pulse 1.1s infinite;
  -moz-animation: vex-pulse 1.1s infinite;
  -ms-animation: vex-pulse 1.1s infinite;
  -o-animation: vex-pulse 1.1s infinite;
  -webkit-backface-visibility: hidden;
  outline: none;
}
@media (max-width: 568px) {
  /* line 95, ../sass/vex/vex-theme-plain.sass */
  .vex.vex-theme-plain .vex-dialog-button:focus {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    -webkit-backface-visibility: hidden;
  }
}
/* line 104, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-primary {
  background: #3288e6;
  color: white;
}
/* line 108, ../sass/vex/vex-theme-plain.sass */
.vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-secondary {
  background: #e0e0e0;
  color: #777777;
}

/* line 112, ../sass/vex/vex-theme-plain.sass */
.vex-loading-spinner.vex-theme-plain {
  height: 2.5em;
  width: 2.5em;
}

/**
 * Choses ajoutées, à merge plus tard
 */
/* line 7, ../sass/_victor.scss */
.page-content > div.autosave {
  border-top: none;
}

/* line 10, ../sass/_victor.scss */
.autosave {
  position: fixed;
  bottom: 0.8em;
  right: 0.8em;
  color: #cdcdcd;
  font-size: 0.8em;
}

/* line 20, ../sass/_victor.scss */
.page-content select[name=versionA], .page-content select[name=versionB] {
  margin: 0 2em 2em;
}

/* line 26, ../sass/_victor.scss */
.version-selection span {
  font-size: 0.75em;
}

/* line 30, ../sass/_victor.scss */
ins {
  color: green;
  background: #dfd;
  text-decoration: none;
}
/* line 35, ../sass/_victor.scss */
ins.normal {
  color: inherit;
  background: transparent;
  text-decoration: none;
}

/* line 42, ../sass/_victor.scss */
del {
  color: red;
  background: #fdd;
}

/* line 50, ../sass/_victor.scss */
*[data-placeholder]:not(:focus):not([data-div-placeholder-content]):before {
  content: attr(data-placeholder);
  float: left;
}

/* line 57, ../sass/_victor.scss */
.button.plain.saving {
  background-color: #888;
}

/* line 142, ../sass/screen.scss */
.nocss {
  display: none;
}