/*CSS Reset*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);
body,
div,
dl,
dt,
dd,
li,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
button {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th {
  text-align: left;
  font-weight: normal;
  font-style: normal;
}
acronym,
abbr,
fieldset,
img {
  border: 0;
}
:focus {
  outline: 0;
}
.clear:before,
.clear:after {
  content: " ";
  display: table;
}
.clear:after {
  clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clear {
  *zoom: 1;
}
/* CONFIG */
/* ADN CSS */
/* Fonts */
/* URL: https://www.google.com/fonts#UsePlace:use/Collection:PT+Sans:400,700,400italic */
/* Global styling */
.grey {
  color: #9e9e9e;
}
p.small {
  font-size: .8em;
}
.bold {
  font-weight: 700;
}
.semi-bold {
  font-weight: 600;
}
.extra-bold {
  font-weight: 800;
}
.italic {
  font-style: italic;
}
/*
.helvetica {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 
  Helvetica, Arial, "Lucida Grande", sans-serif;
}
*/
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.justify {
  text-align: justify;
  word-break: break-word;
  word-wrap: break-word;
}
@media screen {
  .pagebreak {
    border-bottom: 1px #559999 solid;
    width: 80%;
    margin: 6em 0;
  }
}
@media print {
  .pagebreak {
    display: block;
    page-break-after: always;
  }
}
.menu_prev_next {
  display: none;
}
/* HTML elements */
body {
  background-color: #ffffff;
  font-family: 'Open Sans', 'PT Sans', sans-serif;
  font-weight: 400;
  color: #000000;
  font-size: 11px;
}
a {
  color: #000000;
}
a:link {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}
a:link:hover {
  text-decoration: underline;
}
h1 {
  font-size: 2em;
  color: #559999;
  border-bottom: 1px dotted #559999;
  margin-bottom: 5px;
}
h2 {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 1.6em;
  margin-top: 1em;
  margin-bottom: 5px;
}
h3 {
  margin: 5px 0;
  font-size: 1.1em;
  font-weight: 700;
  text-transform: uppercase;
  page-break-before: auto;
}
p {
  margin-top: .5em;
  margin-bottom: .5em;
}
strong {
  font-weight: 700;
}
em {
  font-style: italic;
}
.nobreak {
  page-break-inside: avoid;
}
/* CUSTOM ELEMENTS */
#container {
  padding: 30px;
}
#menu_title {
  font-size: 1.6em;
  text-transform: uppercase;
  color: #559999;
}
nav#chapters_menu {
  padding-top: 10px;
}
@media print {
  nav#chapters_menu {
    padding-left: 5em;
    padding-right: 5em;
  }
}
nav#chapters_menu ul {
  border-left: #559999 1px solid;
  padding-left: 1em;
  font-weight: normal;
}
nav#chapters_menu ul li.hasChildren {
  padding-bottom: .5em;
}
nav#chapters_menu ul li.hasChildren ul {
  margin-left: 5px;
}
nav#chapters_menu ul li a {
  display: inline-block;
  padding: .05em 0;
}
nav#chapters_menu > ul {
  padding-top: 30px;
}
nav#chapters_menu > ul > li {
  padding-top: 1em;
  font-weight: bold;
}
nav#chapters_menu > ul > li > a {
  font-size: 1.2em;
}
nav#chapters_menu > ul > li > ul > li > a {
  font-size: 1.2em;
}
nav#chapters_menu .transition {
  display: none;
}
#menu_prev_next,
#menu_close {
  display: none;
}
main.main section.hasChildren {
  page-break-after: always;
}
main.main section.no_intro > section:first-of-type .screenheight {
  margin-top: 10px;
}
@media print {
  main.main section.no_intro .srceenheight .redaction > h1 {
    margin-top: 8em;
  }
}
main.main section .screenheight {
  margin-top: 4em;
}
@media print {
  main.main section .screenheight .redaction,
  main.main section .screenheight .references {
    page-break-inside: avoid;
  }
  main.main section .screenheight .redaction h1,
  main.main section .screenheight .references h1 {
    page-break-before: auto;
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  main.main section .screenheight .redaction p,
  main.main section .screenheight .references p,
  main.main section .screenheight .redaction .blockquote,
  main.main section .screenheight .references .blockquote {
    page-break-before: avoid;
    page-break-inside: avoid;
    page-break-after: auto;
  }
}
main.main section .screenheight .redaction {
  text-align: justify;
  word-break: break-word;
  word-wrap: break-word;
}
@media screen {
  main.main section .screenheight .redaction {
    width: 50%;
  }
}
@media print {
  main.main section .screenheight .redaction {
    padding-left: 5em;
    padding-right: 5em;
  }
}
main.main section .screenheight .redaction blockquote {
  margin: .5em 1em 1.5em;
}
main.main section .screenheight .redaction blockquote p {
  padding: .5em;
  border: 1px dashed #559999;
  border-radius: 3px;
}
main.main section .screenheight .redaction blockquote p ~ p {
  margin-top: 1em;
}
main.main section .screenheight .redaction blockquote ul li {
  text-align: right;
  margin-right: 1em;
}
main.main section .screenheight .redaction p {
  padding-bottom: 1em;
  line-height: 1.5em;
  text-indent: 1em;
}
main.main section .screenheight .redaction p * {
  text-indent: 0;
}
main.main section .screenheight .redaction > p {
  text-align: justify;
  word-break: break-word;
  word-wrap: break-word;
}
main.main section .screenheight .redaction .ref {
  cursor: pointer;
  text-indent: 0;
}
main.main section .screenheight .redaction .ref:hover {
  border-bottom-style: solid;
  text-decoration: none;
}
main.main section .screenheight .redaction sup.footnote {
  white-space: nowrap;
}
main.main section .screenheight .redaction sup.footnote::before {
  white-space: nowrap;
}
main.main section .screenheight .redaction hr {
  margin-bottom: 2em;
}
main.main section .screenheight .redaction blockquote {
  padding: .5em 0 1em;
}
main.main section .screenheight .redaction blockquote p {
  padding: .5em 1em;
  border: 1px dashed #559999;
  background-color: rgba(68, 68, 68, 0.15);
  border-radius: 3px;
  margin-left: 1em;
  margin-right: 1em;
}
main.main section .screenheight .redaction blockquote p + p {
  margin-top: .5em;
  margin-left: .5em;
  width: auto;
  float: right;
  text-indent: 0;
}
main.main section .screenheight .redaction blockquote p + p + ul {
  clear: both;
  margin-top: 10px;
}
main.main section .screenheight .redaction blockquote ul li {
  text-align: right;
  margin-bottom: 1em;
  margin-top: .2em;
  padding-right: 1em;
}
main.main section .screenheight.transition {
  margin-top: 40px;
}
main.main section .screenheight.transition .redaction {
  padding-top: 40px;
  border-top: #559999 1px dotted;
}
main.main section .screenheight.transition .redaction h1 {
  display: none;
}
main.main section .screenheight .references {
  display: none;
}
main.main .section-references .screenheight .redaction {
  text-align: left;
}
main.main .section-references #fullReferences .fullRef.notInBibliography {
  display: none;
}
main.main .section-references #fullReferences .sideRef {
  display: none;
}
main.main .section-references #fullReferences a[href] {
  display: inline-block;
  padding-right: 14px;
  background-image: url(../images/icon-external-url.png);
  background-repeat: no-repeat;
  background-position: top right;
}
.footnotereverse {
  display: none;
}
.footnotes {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #444444;
}