@charset "UTF-8";
/* line 1, ../sass/reset.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,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 20, ../sass/reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block;
}

/* line 24, ../sass/reset.scss */
body {
  line-height: 1;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

/* line 27, ../sass/reset.scss */
ol, ul {
  list-style: none;
}

/* line 30, ../sass/reset.scss */
blockquote, q {
  quotes: none;
}

/* line 33, ../sass/reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* Don't kill focus outline for keyboard users: http://24ways.org/2009/dont-lose-your-focus */
/* line 40, ../sass/reset.scss */
a:hover, a:active {
  outline: none;
}

/* line 44, ../sass/reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "montserrat";
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "montserratB";
  src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "lora";
  src: url("../fonts/Lora-Regular.ttf") format("truetype");
}
/* line 32, ../sass/screen.scss */
body {
  background: #FCF9F3;
  color: #292929;
}
/* line 35, ../sass/screen.scss */
body img {
  max-width: 100%;
}
/* line 38, ../sass/screen.scss */
body h1, body h2, body h3 {
  font-family: "montserratB";
}
/* line 41, ../sass/screen.scss */
body p, body article, body ul, body li, body section, body div {
  font-family: Verdana, Geneva, sans-serif;
}
/* line 44, ../sass/screen.scss */
body p {
  line-height: 1.2;
  margin-top: 10px;
}
/* line 48, ../sass/screen.scss */
body a {
  text-decoration: none;
  color: #5B8AC2;
}
/* line 54, ../sass/screen.scss */
body .note-icon-important:before {
  content: "\f12a";
  font-family: FontAwesome;
}
/* line 58, ../sass/screen.scss */
body .note-icon-quote:before {
  content: "\f10d";
  font-family: FontAwesome;
}
/* line 62, ../sass/screen.scss */
body .note-icon-exemple:before {
  content: "\f0eb";
  font-family: FontAwesome;
}
/* line 66, ../sass/screen.scss */
body .note-icon-definition:before {
  content: "\f02e";
  font-family: FontAwesome;
}
/* line 70, ../sass/screen.scss */
body .note-icon-methode:before {
  content: "\f085";
  font-family: FontAwesome;
}
/* line 74, ../sass/screen.scss */
body .note-icon-remarque:before {
  content: "\f075";
  font-family: FontAwesome;
}
/* line 78, ../sass/screen.scss */
body .note-icon-complement:before {
  content: "\f00e";
  font-family: FontAwesome;
}
/* line 82, ../sass/screen.scss */
body .note-icon-divers:before {
  content: "\f12e";
  font-family: FontAwesome;
}
/* line 87, ../sass/screen.scss */
body header {
  display: inline-block;
  vertical-align: middle;
}
/* line 89, ../sass/screen.scss */
body header div {
  display: inline-block;
  vertical-align: middle;
}
/* line 92, ../sass/screen.scss */
body header div#logo {
  max-width: 100px;
}
/* line 94, ../sass/screen.scss */
body header div#logo img {
  max-width: 100%;
}
/* line 99, ../sass/screen.scss */
body section.social {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  text-align: right;
}
/* line 103, ../sass/screen.scss */
body section.social article {
  display: inline-block;
  vertical-align: middle;
  padding: 7px;
  font-size: 30px;
}
/* line 109, ../sass/screen.scss */
body section.desktop, body section.on {
  text-align: right;
  z-index: 1000;
}
/* line 113, ../sass/screen.scss */
body section.desktop article.menu, body section.on article.menu {
  border-bottom: 4px solid;
  width: 55px;
  font-size: 25px;
  text-align: center;
  box-sizing: border-box;
  margin-left: -4.3px;
  cursor: pointer;
}
/* line 122, ../sass/screen.scss */
body section.desktop article.menu i, body section.on article.menu i {
  color: white;
  margin: 0;
}
/* line 127, ../sass/screen.scss */
body section.desktop article.facebook, body section.on article.facebook {
  border-color: #263961;
  background: #3B5998;
}
/* line 131, ../sass/screen.scss */
body section.desktop article.twitter, body section.on article.twitter {
  border-color: #0b75b8;
  background: #1DA0F2;
}
/* line 135, ../sass/screen.scss */
body section.desktop article.instragram, body section.on article.instragram {
  border-color: #4d3e33;
  background: #7b6351;
}
/* line 139, ../sass/screen.scss */
body section.desktop article.youtube, body section.on article.youtube {
  border-color: #a51917;
  background: #E12B28;
}
/* line 143, ../sass/screen.scss */
body section.desktop article.email, body section.on article.email {
  border-color: #797979;
  background: #9f9f9f;
}
/* line 148, ../sass/screen.scss */
body section.off {
  display: none;
}
/* line 154, ../sass/screen.scss */
body aside {
  width: 320px;
  float: right;
  clear: both;
  height: 70%;
}
/* line 160, ../sass/screen.scss */
body aside div {
  display: none;
}
/* line 165, ../sass/screen.scss */
body aside nav ul {
  list-style: none;
}
/* line 167, ../sass/screen.scss */
body aside nav ul li::before {
  content: "";
  background: #B7D0EF;
  border-radius: 3px 2px;
  border-bottom: 3px solid #84ABDA;
  padding-top: -4px;
  margin-top: 2px;
  line-height: -2.5;
  display: block;
  width: 17px;
  height: 17px;
  vertical-align: top;
  display: inline-block;
}
/* line 182, ../sass/screen.scss */
body aside nav ul li {
  margin-bottom: 7px;
  display: inline-block;
  width: 100%;
}
/* line 186, ../sass/screen.scss */
body aside nav ul li a {
  font-size: 17px;
  vertical-align: middle;
  display: inline-block;
  padding-left: 7px;
  width: calc(100% - 32px);
  line-height: 1.2;
}
/* line 195, ../sass/screen.scss */
body aside nav ul li.active {
  font-weight: bold;
}
/* line 197, ../sass/screen.scss */
body aside nav ul li.active a {
  color: #00AEEF;
}
/* line 201, ../sass/screen.scss */
body aside nav ul li.active::before {
  content: "";
  background: #00AEEF;
  border-radius: 3px 2px;
  border-bottom: 3px solid #5B8AC2;
  padding-top: -4px;
  margin-top: 2px;
  line-height: -2.5;
  display: block;
  width: 17px;
  height: 17px;
  vertical-align: top;
  display: inline-block;
}
/* line 216, ../sass/screen.scss */
body aside nav ul ul.active-parent {
  display: block;
}
/* line 219, ../sass/screen.scss */
body aside nav ul ul {
  margin-left: 0px !important;
  margin: 10px 0 5px 0;
}
/* line 222, ../sass/screen.scss */
body aside nav ul ul li::before, body aside nav ul ul li.active::before {
  margin-left: 22px;
  width: 11px;
  height: 11px;
}
/* line 227, ../sass/screen.scss */
body aside nav ul ul li {
  margin-bottom: 2px;
}
/* line 229, ../sass/screen.scss */
body aside nav ul ul li a {
  line-height: 1;
  padding-left: 7px;
  width: calc(100% - 48px);
}
/* line 235, ../sass/screen.scss */
body aside nav ul ul ul {
  margin-left: 0px !important;
  margin: 10px 0 5px 0;
}
/* line 238, ../sass/screen.scss */
body aside nav ul ul ul li::before, body aside nav ul ul ul li.active::before {
  margin-left: 36px;
  width: 11px;
  height: 11px;
}
/* line 243, ../sass/screen.scss */
body aside nav ul ul ul li {
  margin-bottom: 2px;
}
/* line 245, ../sass/screen.scss */
body aside nav ul ul ul li a {
  line-height: 1;
  padding-left: 7px;
  width: calc(100% - 62px);
}
/* line 251, ../sass/screen.scss */
body aside nav ul ul ul ul {
  margin-left: 0px !important;
  margin: 10px 0 5px 0;
}
/* line 254, ../sass/screen.scss */
body aside nav ul ul ul ul li::before, body aside nav ul ul ul ul li.active::before {
  margin-left: 50px;
  width: 11px;
  height: 11px;
}
/* line 259, ../sass/screen.scss */
body aside nav ul ul ul ul li {
  margin-bottom: 2px;
}
/* line 261, ../sass/screen.scss */
body aside nav ul ul ul ul li a {
  line-height: 1;
  padding-left: 7px;
  width: calc(100% - 76px);
}
/* line 275, ../sass/screen.scss */
body .flouOn * {
  text-shadow: 0px 0px 35px black;
  color: transparent;
}
/* line 280, ../sass/screen.scss */
body .flouOn div.page-title h2::after {
  display: none;
}
/* line 283, ../sass/screen.scss */
body .flouOn div.page-title h2 {
  border-bottom: none !important;
  color: transparent !important;
}
/* line 288, ../sass/screen.scss */
body .flouOn article.block-math {
  -webkit-filter: blur(8px);
}
/* line 291, ../sass/screen.scss */
body .flouOn a {
  color: transparent !important;
}
/* line 297, ../sass/screen.scss */
body footer.flouOn * {
  text-shadow: 0px 0px 35px black;
  color: transparent;
  -webkit-filter: blur(8px);
}
/* line 303, ../sass/screen.scss */
body div.page-title {
  z-index: 1;
  margin-bottom: 50px;
}
/* line 307, ../sass/screen.scss */
body section#blocks {
  z-index: 1;
}
/* line 313, ../sass/screen.scss */
body section#blocks article ul {
  list-style-type: disc;
}
/* line 316, ../sass/screen.scss */
body section#blocks article ul li ul {
  list-style-type: circle;
}
/* line 319, ../sass/screen.scss */
body section#blocks article ul li ul li ul {
  list-style-type: square;
}
/* line 326, ../sass/screen.scss */
body section#blocks article ol {
  list-style-type: decimal;
}
/* line 329, ../sass/screen.scss */
body section#blocks article ul, body section#blocks article ol {
  margin: 10px 0 0 60px;
}
/* line 331, ../sass/screen.scss */
body section#blocks article ul ul, body section#blocks article ul ol, body section#blocks article ol ul, body section#blocks article ol ol {
  margin: 2px 0 5px 30px;
}
/* line 334, ../sass/screen.scss */
body section#blocks article ul li, body section#blocks article ol li {
  line-height: 1.35;
}
/* line 339, ../sass/screen.scss */
body section#blocks article table {
  margin: 25px 0 15px 0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  margin-left: auto;
  margin-right: auto;
}
/* line 344, ../sass/screen.scss */
body section#blocks article table tr {
  background: #E6EFF3;
}
/* line 347, ../sass/screen.scss */
body section#blocks article table tr:nth-child(2n+1) {
  background: #CCDEE8;
}
/* line 350, ../sass/screen.scss */
body section#blocks article table th {
  background: rgba(44, 161, 190, 0.4);
}
/* line 353, ../sass/screen.scss */
body section#blocks article table tr, body section#blocks article table th, body section#blocks article table td {
  border: 1.5px solid #fcfafa;
  padding: 15px 10px;
  vertical-align: middle;
}
/* line 361, ../sass/screen.scss */
body section#blocks article.block {
  margin: 30px 0 60px 0;
}


/* line 364, ../sass/screen.scss */
body section#blocks article.block-introduction ul li::before {
  content: "";
  background: #B7D0EF;
  border-radius: 3px 2px;
  border-bottom: 3px solid #84ABDA;
  padding-top: -4px;
  margin-top: 2px;
  line-height: -2.5;
  display: block;
  width: 17px;
  height: 17px;
  vertical-align: top;
  display: inline-block;
}
body section#blocks article.block-introduction ul li {
  margin-bottom: 7px;
  display: inline-block;
  width: 100%;
}
body section#blocks article.block-introduction ul li a {
  font-size: 17px;
  vertical-align: middle;
  display: inline-block;
  padding-left: 7px;
  width: calc(100% - 32px);
  line-height: 1.2;
}
body section#blocks article.block-introduction ul ul.active-parent {
  display: block;
}
/* line 219, ../sass/screen.scss */
body section#blocks article.block-introduction ul ul {
  margin-left: 0px !important;
  margin: 10px 0 5px 0;
}
/* line 222, ../sass/screen.scss */
body section#blocks article.block-introduction ul ul li::before, body section#blocks article.block-introduction ul ul li.active::before {
  margin-left: 22px;
  width: 11px;
  height: 11px;
}
/* line 227, ../sass/screen.scss */
body section#blocks article.block-introduction ul ul li {
  margin-bottom: 2px;
}
/* line 229, ../sass/screen.scss */
body section#blocks article.block-introduction ul ul li a {
  line-height: 1;
  padding-left: 7px;
  width: calc(100% - 48px);
}
/* line 235, ../sass/screen.scss */
body section#blocks article.block-introduction ul ul ul {
  margin-left: 0px !important;
  margin: 10px 0 5px 0;
}
/* line 238, ../sass/screen.scss */
body section#blocks article.block-introduction ul ul ul li::before, body section#blocks article.block-introduction ul ul ul li.active::before {
  margin-left: 36px;
  width: 11px;
  height: 11px;
}
/* line 243, ../sass/screen.scss */
body section#blocks article.block-introduction ul ul ul li {
  margin-bottom: 2px;
}
/* line 245, ../sass/screen.scss */
body section#blocks article.block-introduction ul ul ul li a {
  line-height: 1;
  padding-left: 7px;
  width: calc(100% - 62px);
}
/* line 251, ../sass/screen.scss */
body section#blocks article.block-introduction ul ul ul ul {
  margin-left: 0px !important;
  margin: 10px 0 5px 0;
}
/* line 254, ../sass/screen.scss */
body section#blocks article.block-introduction ul ul ul ul li::before, body section#blocks article.block-introduction ul ul ul ul li.active::before {
  margin-left: 50px;
  width: 11px;
  height: 11px;
}
/* line 259, ../sass/screen.scss */
body section#blocks article.block-introduction ul ul ul ul li {
  margin-bottom: 2px;
}
/* line 261, ../sass/screen.scss */
body section#blocks article.block-introduction ul ul ul ul li a {
  line-height: 1;
  padding-left: 7px;
  width: calc(100% - 76px);
}

/* line 368, ../sass/screen.scss */
body section#blocks article.block-media {
  max-width: 1000px;
  margin: auto;
  margin: 10px 0 10px 0;
}
/* line 371, ../sass/screen.scss */
body section#blocks article.block-media img {
  margin: 0 0 20px 7px;
}
/* line 376, ../sass/screen.scss */
body section#blocks article.block-math {
  padding: 10px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
  background: url("../images/math-bg.png") repeat;
  max-width: 1000px;
  margin: auto;
}
/* line 382, ../sass/screen.scss */
body section#blocks article.block-math p {
  min-width: 300px;
  overflow: auto;
  overflow-x: auto;
  text-align: left;
}
/* line 390, ../sass/screen.scss */
body section#blocks article.block-note {
  margin: 20px 60px 20px 25px;
  padding: 10px 5px;
}
/* line 393, ../sass/screen.scss */
body section#blocks article.block-note div.block-note-title {
  font-size: 20px;
  z-index: 2;
  margin: 5px 0 0 10px;
}
/* line 397, ../sass/screen.scss */
body section#blocks article.block-note div.block-note-title i {
  font-size: 35px;
  display: inline-block;
  vertical-align: middle;
}
/* line 402, ../sass/screen.scss */
body section#blocks article.block-note div.block-note-title h3 {
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
  padding-left: 10px;
}
/* line 409, ../sass/screen.scss */
body section#blocks article.block-note p {
  padding: 0 10px 0 15px;
}
/* line 414, ../sass/screen.scss */
body section#blocks article.block-important {
  border: 10px solid;
  border-color: rgba(220, 109, 82, 0.6);
  box-shadow: 4px 4px 4px rgba(220, 109, 82, 0.4);
}
/* line 419, ../sass/screen.scss */
body section#blocks article.block-important .block-note-title-important i {
  color: #DC6D52;
}
/* line 422, ../sass/screen.scss */
body section#blocks article.block-important p {
  margin-bottom: 5px;
}
/* line 426, ../sass/screen.scss */
body section#blocks article.block-quote {
  border: none;
  box-shadow: none;
}
/* line 430, ../sass/screen.scss */
body section#blocks article.block-quote div.block-note-title-quote h3 {
  margin: 10px 0 0 30px !important;
}
/* line 433, ../sass/screen.scss */
body section#blocks article.block-quote div.block-note-title-quote i {
  display: none !important;
}
/* line 438, ../sass/screen.scss */
body section#blocks article.block-quote p {
  font-style: italic;
  vertical-align: bottom;
  padding: 0;
}
/* line 444, ../sass/screen.scss */
body section#blocks article.block-quote:before {
  content: "\f10d";
  font-family: FontAwesome;
  font-size: 50px;
  color: #818C94;
  font-style: normal;
  vertical-align: bottom;
  display: inline-block;
  width: 50px;
}
/* line 454, ../sass/screen.scss */
body section#blocks article.block-quote:after {
  content: "\f10e";
  font-family: FontAwesome;
  font-size: 50px;
  color: #818C94;
  font-style: normal;
  vertical-align: top;
  display: inline-block;
  width: 50px;
  float: right;
}
/* line 467, ../sass/screen.scss */
body section#blocks article.block-exemple {
  box-shadow: 4px 4px 4px rgba(102, 194, 149, 0.3);
  background-image: linear-gradient(rgba(102, 194, 149, 0.3), rgba(102, 194, 149, 0.5));
  border-bottom: 6px solid #82C29E;
  border-radius: 7px;
}
/* line 472, ../sass/screen.scss */
body section#blocks article.block-exemple .block-note-title-exemple i {
  color: #3e9c6e;
}
/* line 475, ../sass/screen.scss */
body section#blocks article.block-exemple p {
  padding-bottom: 5px;
}
/* line 479, ../sass/screen.scss */
body section#blocks article.block-definition {
  margin-top: 60px !important;
  border: 2px solid #AF89C8 !important;
  box-shadow: 2px 2px 4px rgba(175, 137, 200, 0.4);
  background-image: linear-gradient(rgba(175, 137, 200, 0.2), rgba(175, 137, 200, 0.3));
}
/* line 485, ../sass/screen.scss */
body section#blocks article.block-definition div.block-note-title {
  margin: -42px 0 0 -7px;
}
/* line 488, ../sass/screen.scss */
body section#blocks article.block-definition .note-icon-definition {
  padding: 5px 95px 5px 10px !important;
  background-image: linear-gradient(rgba(175, 137, 200, 0.6), rgba(175, 137, 200, 0.7));
  border-radius: 5px 5px 0 0;
  font-size: 20px !important;
  box-shadow: inset 0px -2px 10px 0px #9f6fb4;
}
/* line 496, ../sass/screen.scss */
body section#blocks article.block-definition .note-icon-definition:after {
  font-family: "Boogaloo-Regular",Helvetica,Arial,sans-serif;
  font-size: 20px;
  content: "Définition";
  color: black;
  margin-left: 10px;
}
/* line 503, ../sass/screen.scss */
body section#blocks article.block-definition h3 {
  display: block;
  width: 100%;
  padding: 13px 0 0 30px !important;
  color: #9f6fb4;
}
/* line 509, ../sass/screen.scss */
body section#blocks article.block-definition p {
  margin-left: 10px !important;
}
/* line 513, ../sass/screen.scss */
body section#blocks article.block-methode {
  border-bottom: 2px solid #F3A342;
  box-shadow: 2px 2px 4px rgba(243, 163, 66, 0.4);
  background-image: linear-gradient(rgba(243, 163, 66, 0.3), rgba(243, 163, 66, 0.4));
  padding: 0 !important;
}
/* line 518, ../sass/screen.scss */
body section#blocks article.block-methode .block-note-title-methode {
  margin-left: 0 !important;
  border-bottom: 2px solid #FCF9F3;
  width: 100%;
}
/* line 522, ../sass/screen.scss */
body section#blocks article.block-methode .block-note-title-methode i {
  color: #FCF9F3;
  background-image: linear-gradient(rgba(243, 163, 66, 0.6), rgba(243, 163, 66, 0.8));
  padding: 7px 5px;
}
/* line 529, ../sass/screen.scss */
body section#blocks article.block-methode p {
  padding: 0 5px 10px 5px;
}
/* line 535, ../sass/screen.scss */
body section#blocks article.block-remarque {
  margin: 20px 60px 40px 60px;
  box-shadow: 2px 2px 4px rgba(98, 167, 209, 0.4);
  background-image: linear-gradient(rgba(98, 167, 209, 0.4), rgba(98, 167, 209, 0.5));
  border-radius: 20px;
  border: 4px solid #78B3D5;
  position: relative;
}
/* line 542, ../sass/screen.scss */
body section#blocks article.block-remarque .block-note-title-remarque i {
  color: #62A7D1;
}
/* line 545, ../sass/screen.scss */
body section#blocks article.block-remarque p {
  padding: 0 15px 5px 20px;
}
/* line 549, ../sass/screen.scss */
body section#blocks article.block-remarque:after {
  border-color: rgba(136, 183, 213, 0) !important;
  border-right-color: #B5D4E3 !important;
  border-width: 24px !important;
  margin-top: -24px !important;
}
/* line 555, ../sass/screen.scss */
body section#blocks article.block-remarque:after, body section#blocks article.block-remarque:before {
  top: 50%;
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
/* line 565, ../sass/screen.scss */
body section#blocks article.block-remarque:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #78B3D5;
  border-width: 30px;
  margin-top: -30px;
}
/* line 572, ../sass/screen.scss */
body section#blocks article.block-complement {
  border-color: #B3AEBF;
  position: relative;
  margin: 20px 60px 40px 60px;
}
/* line 576, ../sass/screen.scss */
body section#blocks article.block-complement .block-note-title-complement {
  margin-left: 0px !important;
}
/* line 578, ../sass/screen.scss */
body section#blocks article.block-complement .block-note-title-complement i {
  color: #807794;
  background-image: linear-gradient(rgba(179, 174, 191, 0.6), rgba(179, 174, 191, 0.8));
  border-radius: 50px;
  padding: 10px 5px;
}
/* line 584, ../sass/screen.scss */
body section#blocks article.block-complement .block-note-title-complement h3 {
  padding-left: 15px;
}
/* line 589, ../sass/screen.scss */
body section#blocks article.block-complement p {
  border-bottom: 4px solid #B3AEBF;
  border-right: 4px solid #B3AEBF;
  margin-left: 57px !important;
  padding-bottom: 7px;
}
/* line 597, ../sass/screen.scss */
body section#blocks article.block-divers {
  position: relative;
  background-image: linear-gradient(rgba(197, 197, 197, 0.6), rgba(197, 197, 197, 0.8));
}
/* line 600, ../sass/screen.scss */
body section#blocks article.block-divers div.block-note-title {
  z-index: 20;
}
/* line 602, ../sass/screen.scss */
body section#blocks article.block-divers div.block-note-title i {
  color: #8e8b85;
}
/* line 608, ../sass/screen.scss */
body section#blocks article.block-divers:before {
  top: 0;
  right: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #FCF9F3;
  border-width: 20px 0 0 20px;
  box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.4);
}
/* line 621, ../sass/screen.scss */
body section#blocks article.block-divers:after {
  bottom: 0;
  left: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #FCF9F3;
  border-width: 0 20px 20px 0;
  box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.4);
}
/* line 635, ../sass/screen.scss */
body footer {
  padding-bottom: 15px;
  display: inline-block;
  vertical-align: middle;
}
/* line 641, ../sass/screen.scss */
body footer article {
  display: inline-block;
  vertical-align: middle;
}
/* line 645, ../sass/screen.scss */
body footer .btn {
  width: 40%;
}
/* line 647, ../sass/screen.scss */
body footer .btn a {
  width: 55px;
  font-size: 15px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  padding: 7px 18px 7px 18px;
  width: 100% !important;
  border-radius: 6px 5px;
  background-color: #598BC1;
  box-shadow: inset 0 1px #4277b1, 0px 5px #4277b1, 0 3px 5px rgba(0, 0, 0, 0.3);
  font-size: 16px;
  color: white;
}
body footer .btn-big {
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    width: 280px;
    height: 64px;
    display: block;
    font-size: 30px;
    margin: 20px auto;
    line-height: 64px;
    color: #ffffff;
    font-weight: bold;
    background-color: #598BC1;
    box-shadow: inset 0 1px #4277b1, 0px 5px #4277b1, 0 3px 5px rgba(0, 0, 0, 0.3);
    transition: background-color .25s;
    font-family: 'Open Sans', sans-serif;
    text-shadow: -1px 1px #515151;
    border: 0px;
}
.btn-big-dimmed:hover {
    background-color: #666;
    box-shadow: inset 0 1px #aaa, 0px 5px #444, 0 3px 5px rgba(0,0,0,.3);
    text-shadow: -1px 1px #444;
    color: #ccc;
}
.btn-big:hover {
    background-color: #00aeef;
    box-shadow: inset 0 1px #40b5e2, 0px 5px #0076a3, 0 3px 5px rgba(0,0,0,.3);
    text-shadow: -1px 1px #197da4;
}
.btn-big:active {
    box-shadow: none;
    position: relative;
    top: 5px;
}

/* line 662, ../sass/screen.scss */
body footer #prec {
  text-align: right;
}
/* line 665, ../sass/screen.scss */
body footer #page-num {
  width: 18%;
  text-align: center;
}
/* line 670, ../sass/screen.scss */
body footer.on {
  width: 100%;
  margin: 30px 0 0 0;
}
/* line 674, ../sass/screen.scss */
body footer.off {
  width: calc(100% - 350px);
  margin: 30px 340px 0 0;
}

@media screen and (min-width: 0px) and (max-width: 980px) {
  /* line 683, ../sass/screen.scss */
  body .MathJax_Display {
    text-align: left !important;
  }
  /* line 686, ../sass/screen.scss */
  body header {
    width: 23%;
  }
  /* line 688, ../sass/screen.scss */
  body header div.title {
    display: none;
  }
  /* line 692, ../sass/screen.scss */
  body section.mobile {
    width: 75%;
  }
  /* line 694, ../sass/screen.scss */
  body section.mobile article.toggle {
    display: none;
  }
  /* line 698, ../sass/screen.scss */
  body section.desktop {
    width: 98%;
  }
  /* line 701, ../sass/screen.scss */
  body aside.on {
    display: block;
    z-index: 1000;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
  }
  /* line 708, ../sass/screen.scss */
  body aside.on div {
    display: block;
    text-align: center;
    font-size: 25px;
    color: white;
    margin: 20px 5px 15px 5px;
  }
  /* line 715, ../sass/screen.scss */
  body aside.on nav {
    margin: 20px 10px 0 10px;
  }
  /* line 719, ../sass/screen.scss */
  body aside.on nav ul a {
    color: #00AEEF !important;
  }
  /* line 722, ../sass/screen.scss */
  body aside.on nav ul li::before {
    color: white;
  }
  /* line 725, ../sass/screen.scss */
  body aside.on nav ul li::before ul li::before {
    color: white;
  }
  /* line 733, ../sass/screen.scss */
  body aside.off {
    display: none;
  }
  /* line 736, ../sass/screen.scss */
  body div.page-title {
    text-align: center;
    font-size: 20px;
    margin-top: 15px;
  }
  /* line 742, ../sass/screen.scss */
  body section#blocks div.page {
    margin: 5px;
  }
  /* line 746, ../sass/screen.scss */
  body section#blocks div.page article.block h3 {
    margin: 0 5px 25px 5px;
    font-size: 18px;
  }
  /* line 750, ../sass/screen.scss */
  body section#blocks div.page article.block p {
    margin-left: 15px;
  }
  /* line 755, ../sass/screen.scss */
  body section#blocks div.page article.block-introduction {
    margin: 0px 0 30px 0;
  }
  /* line 758, ../sass/screen.scss */
  body section#blocks div.page article.block-math,
  body section#blocks div.page article.block-media {
    margin: 10px 15px 10px 15px;
  }
  /* line 764, ../sass/screen.scss */
  body footer {
    display: none;
  }
}
@media screen and (min-width: 980px) and (max-width: 1030px) {
  /* line 772, ../sass/screen.scss */
  body header {
    width: 89%;
  }
  /* line 776, ../sass/screen.scss */
  body header div.title {
    width: 83%;
  }
  /* line 778, ../sass/screen.scss */
  body header div.title h1 {
    font-size: 38px;
  }
  /* line 783, ../sass/screen.scss */
  body section.mobile {
    width: 10%;
  }
  /* line 785, ../sass/screen.scss */
  body section.mobile article.toggle {
    display: none;
  }
  /* line 789, ../sass/screen.scss */
  body section.desktop {
    width: 99%;
  }
  /* line 792, ../sass/screen.scss */
  body aside.on {
    display: block;
    z-index: 1000;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
  }
  /* line 799, ../sass/screen.scss */
  body aside.on nav {
    margin: 20px 10px 0 10px;
  }
  /* line 803, ../sass/screen.scss */
  body aside.off {
    display: none;
  }
  /* line 806, ../sass/screen.scss */
  body div.page-title {
    text-align: center;
    font-size: 20px;
    margin-top: 15px;
  }
  /* line 812, ../sass/screen.scss */
  body section#blocks div.page {
    margin: 5px;
  }
  /* line 816, ../sass/screen.scss */
  body section#blocks div.page article.block h3 {
    margin: 0 5px 25px 15px;
    font-size: 18px;
  }

  body section#blocks div.page article.block {
    margin-bottom: 15px;
  }

  /* line 820, ../sass/screen.scss */
  body section#blocks div.page article.block p {
    margin-left: 25px;
  }
  /* line 826, ../sass/screen.scss */
  body section#blocks div.page article.block-introduction {
    margin: 0px 0 30px 0;
  }
  /* line 829, ../sass/screen.scss */
  body section#blocks div.page article.block-math,
  body section#blocks div.page article.block-media {
    margin: 0px 10px 0px 25px;
  }
}
@media screen and (min-width: 1031px) {
  /* line 839, ../sass/screen.scss */
  body {
    max-width: 1550px;
    margin: auto;
  }
  /* line 842, ../sass/screen.scss */
  body header {
    width: 84%;
  }
  /* line 846, ../sass/screen.scss */
  body header div.title {
    width: 83%;
    font-size: 20px;
  }
  /* line 851, ../sass/screen.scss */
  body aside.on {
    width: 100px;
    float: right;
    clear: both;
    z-index: 1;
  }
  /* line 856, ../sass/screen.scss */
  body aside.on a {
    display: none;
  }
  /* line 860, ../sass/screen.scss */
  body aside {
    margin-top: 30px;
  }
  /* line 863, ../sass/screen.scss */
  body section.mobile {
    width: 15%;
  }
  /* line 865, ../sass/screen.scss */
  body section.mobile article.burger {
    display: none;
  }
  /* line 869, ../sass/screen.scss */
  body section.desktop {
    width: 99%;
  }
  /* line 872, ../sass/screen.scss */
  body div.page-title {
    font-size: 20px;
    margin: 40px 10px 50px 25px;
  }
  /* line 878, ../sass/screen.scss */
  body section#blocks div.page {
    margin: 15px 365px 15px 0px;
  }
  /* line 883, ../sass/screen.scss */
  body section#blocks div.page article.block h3 {
    margin: 0 5px 25px 25px;
    font-size: 18px;
  }
  /* line 889, ../sass/screen.scss */
  body section#blocks div.page article.block p {
    margin-left: 25px;
  }
  /* line 895, ../sass/screen.scss */
  body section#blocks div.page article.block-introduction {
    margin: 0px 0 30px 0;
  }
  /* line 898, ../sass/screen.scss */
  body section#blocks div.page article.block-math,
  body section#blocks div.page article.block-media {
    margin: 0px 10px 0px 25px;
  }
  /* line 903, ../sass/screen.scss */
  body section#blocks div.on {
    margin-right: 340px;
  }
}