@import 'https://fonts.googleapis.com/css?family=Arvo:400,400i,700,700i';
@import 'https://fonts.googleapis.com/css?family=Roboto:300,300i,700,700ic&subset=latin-ext,vietnamese';
@import 'https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i,700,700i&subset=latin-ext,vietnamese';
@import 'https://fonts.googleapis.com/css?family=Roboto+Mono&subset=latin-ext';

body, .reveal
{
  background: white;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  line-height: 1;
  color: black;
}

/*.reveal*/ .fa
{
  font-family: FontAwesome !important;
}

.reveal .slides > section {
  line-height: 1.2 !important;
}

/*****/ p,
.reveal p
{
  /*font-weight: 100;*/
  margin-top: 10px;
  margin-bottom: 10px;
  /*line-height: inherit;*/
}

/*********************************************
 * HEADERS
 *********************************************/

h1, .reveal h1,
h2, .reveal h2,
h3, .reveal h3,
h4, .reveal h4,
h5, .reveal h5,
h6, .reveal h6
{
  margin: 0.5em 0;
  color: black;
  font-family: "Arvo", serif;
  font-weight: normal;
  text-transform: none;
  text-shadow: none;
  line-height: 1;
}

h1, .reveal h1 {font-size: 4em;}
h2, .reveal h2 {font-size: 4em;}
h3, .reveal h3 {font-size: 2em;}
h4, .reveal h4 {font-size: 1.5em;}

/*****/ h1,
.reveal h1
{
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}

/*****/ h3 span.subsection,
.reveal h3 span.subsection {
  margin-left: 0.5em;
  font-size: 70%;
  font-family: monospace;
  color: #888;
}

/*.reveal*/ div.credits {
  font-size: 80%;
}

/*.reveal*/ div.credits:before {
  content: "(crédits\0A: ";
}

/*.reveal*/ div.credits:after {
  content: ")";
}

.reveal a:not(.image) {
  color: darkblue;
  text-decoration: none;
/*
  -webkit-transition: color .15s ease;
  -moz-transition: color .15s ease;
  -ms-transition: color .15s ease;
  -o-transition: color .15s ease;
  transition: color .15s ease;
*/
}

.reveal a:not(.image):hover {
  color: #0000f1;
  text-shadow: none;
  border: none; }

/*
.reveal .roll span:after {
  color: #fff;
  background: #00003f; }
*/

/*
.reveal p {
  text-align: left;
}
*/

.reveal ol,
.reveal ul,
.reveal dl {
  display: inline-block;
  text-align: left;
  margin: 0px 0px 0px 1em;
}

.reveal ol {
  list-style-type: decimal;
  counter-reset: li;
}

/*
.reveal ol > li:before {
  content: counter(li);
  counter-increment: li;
  margin-right: 0.5em;
}
*/

/*****/ ul,
.reveal ul {
  list-style-type: disc;
}

/*****/ ul ul,
.reveal ul ul {
  list-style-type: square;
}

/*****/ ul ul, /*****/ ol ol, /*****/ ul ol, /*****/ ol ul,
.reveal ul ul, .reveal ol ol, .reveal ul ol, .reveal ol ul {
  display: block;
  margin-left: 40px;
}

/*****/ ul > li,
.reveal ul > li {
  margin: 0.5em 0;
}

/*****/ ol > li,
.reveal ol > li {
  margin: 0.5em 0;
}

.reveal dl {
  display: inline-block;
  text-align: left;
}

.reveal dl dt {
  font-weight: bold;
  padding: 10px 0 0 0;
}

.reveal dl dd {
  padding: 0 0 10px 40px;
}

/*****/ figure,
.reveal figure {
  margin: 1em auto;
}

/*********************************************
 * IMAGES
 *********************************************/
.reveal section img,
.reveal section svg,
.reveal section canvas {
  margin: 20px 20px;
  vertical-align: middle;
  user-select: none;
  /*background: rgba(255, 255, 255, 0.12);*/
  /*border: 4px solid black;*/
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);*/
/*
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
*/
}

.reveal section .MathJax svg {
  margin: 0;
  vertical-align: baseline;
}

.reveal section > h3 + img,
.reveal section > h3 + svg,
.reveal section > h3 + canvas {
  margin-top: 0;
}

/*
.reveal a:hover img {
  background: rgba(255, 255, 255, 0.2);
  border-color: darkblue;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
*/

.reveal .progress {
  background: rgba(0, 0, 0, 0.2); }

.reveal .progress span {
  background: darkblue;
}

.reveal .slide-number {
  padding: 5px;
  bottom: 5px;
  right: 5px;
  color: black;
  background-color: transparent;
}

/* FOOTER */

.reveal footer {
  position: fixed;
  padding: 5px;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%,0);
  font-size: 50%;
  line-height: 1;
}

@media print {.reveal footer {display: none;}}

/* TABLES */

/*
.reveal table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
}
*/

/*****/ table,
.reveal table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0.5em auto;
  line-height: 1.5;
}

/*****/ table th,
.reveal table th {
  font-weight: bold;
}

/*****/ table th, /*****/ table td,
.reveal table th, .reveal table td {
  vertical-align: top;
  text-align: left;
  padding: 0 0.5em;
  /*padding-right: 0.3em;*/
}

/*.reveal*/ table.even-odd th,
/*.reveal*/ table.even-odd td {
  padding: 5px 10px;
}

/*.reveal*/ table.even-odd tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.5);
}

/*.reveal*/ table.even-odd tr:nth-child(even) {
  background: rgba(224, 224, 224, 0.5);
}

/*.reveal*/ table.mini {
  font-size: 60%;
  line-height: 1.5em;
}

/*.reveal*/ table.mini td {
  vertical-align: middle;
}

/*.reveal*/ table.gallery th,
/*.reveal*/ table.gallery td {
  padding: 0;
  text-align: center;
}

/*.reveal*/ table.gallery img {
  margin: 4px;
}

/*.reveal*/ table.columns th,
/*.reveal*/ table.columns td {
  padding: 0 10px;
  text-align: center;
}

/*****/ em, /*****/ i,
.reveal em, .reveal i {
  font-style: italic;
}

/*****/ strong, /*****/ b,
.reveal strong, .reveal b {
  font-weight: bold;
}

/*****/ sup,
.reveal sup {
  vertical-align: super;
  font-size: 0.75em;
  line-height: 0;
}

/*****/ sub,
.reveal sub {
  vertical-align: sub;
  font-size: 0.75em;
  line-height: 0;
}

.reveal hr {
  height: 1px;
  background: #888;
  border: none;
}

/*****/ .demo,
.reveal .demo {
  font-size: 300%;
}

/*****/ .code, /*****/ code, /*****/ kbd,
.reveal .code, .reveal code, .reveal kbd {
  font-family: 'Roboto Mono', monotype;
  font-weight: bold;
}

/*****/ pre.nodejs,
.reveal pre.nodejs {
  /*display: inline-block;*/
  padding: 1em;
  min-width: 400px;
  background: black;
  font-family: 'Roboto Mono', monotype;
  color: white;
  text-align: left;
}

/*.reveal pre.nodejs .enter             {color: red;}*/
.reveal pre.nodejs .enter::before     {content: '\21B5'; color: red;}

.reveal pre.nodejs .string            {color: green !important;}

.reveal pre.nodejs .number            {color: orange;}

.reveal pre.nodejs .boolean           {color: orange;}

.reveal pre.nodejs .function          {color: teal;}
.reveal pre.nodejs .function::before  {color: teal; content: '[Function: ';}
.reveal pre.nodejs .function::after   {color: teal; content: ']';}

/*.reveal pre.nodejs .null              {font-weight: bold;}*/
.reveal pre.nodejs .null::before      {content: 'null'; font-weight: bold;}

/*.reveal pre.nodejs .undefined         {color: grey;}*/
.reveal pre.nodejs .undefined::before {content: 'undefined'; color: grey;}

div.MathJax_Display,
div.MathJax_SVG_Display,
div.MathJax_MathML {
  margin: 1.5em 0;
}

/*****/ .bib,
.reveal .bib {
  font-family: 'Cormorant Garamond';
  font-size: 0.7em;
}

/*****/ .math,
.reveal .math {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-size: 1.25em;
}

/* Citations */

.reveal blockquote {
  display: block;
  max-width: 75%;
  margin: 0 auto;
  text-align: justify;
}

.reveal cite {
  display: block;
  text-align: right;
}

.reveal cite:before {
  content: '\2014\0A';
}

/* Conseils */

/*****/ .conseil,
.reveal .conseil
{
  margin: 16px 0 16px 40px;
  display: list-item;
  list-style-image: url("puces/doigt.png");
/*
  list-style-type: "👉 ";
*/
  list-style-position: outside;
  /*font-size: 20px;*/
  color: #4A4 !important;
}

/*****/ .conseil ul,
.reveal .conseil ul
{
  margin: 0;
  padding: 0;
  list-style-image: none;
}

/*****/ .conseil span,
.reveal .conseil span
{
  color: inherit;
}

/*****/ .conseil a,
.reveal .conseil a
{
  color: inherit;
}

/* DANGER! */

.danger
{
  margin: 16px 0 16px 40px;
  display: list-item;
  list-style-image: url("puces/danger.png");
/*
  list-style-type: "☠️ ";
*/
  list-style-position: outside;
  /*font-size: 20px;*/
  color: #C44 !important;
}
.danger ul {margin: 0; padding: 0;}
.danger span {color: inherit;}
.danger a {color: inherit;}

/* Exercices */

/*****/ .exercice,
.reveal .exercice
{
  padding: 1em;
  page-break-inside: avoid;
  text-align: left;
}

/*****/ .exercice > *:first-child,
.reveal .exercice > *:first-child
{
  margin-top: 0;
}

/*****/ .exercice > *:last-child,
.reveal .exercice > *:last-child
{
  margin-bottom: 0;
}

/* Notes + Objectifs */

.note, .objectif
{
  color: #884;
  background-color: #FFC;
  max-width: 80%;
  margin: 2em auto;
  padding: 16px;
  text-align: justify;
}
.objectif:before
{
  content: "Objectifs\xA: ";
}

/* Icônes */

ul.dir li, li.dir {list-style-image: url("icones/dir.png");}
ul.ppt li, li.ppt {list-style-image: url("icones/ppt.png");}
ul.doc li, li.doc {list-style-image: url("icones/doc.png");}
ul.rar li, li.rar {list-style-image: url("icones/rar.png");}
ul.tgz li, li.tgz {list-style-image: url("icones/rar.png");}
li.bonus {list-style-image: url("icones/bonus.png");}

li.bientot {color: #CCC;}

ul.dir li.bientot, li.dir.bientot {list-style-image: url("icones/dir.bientot.png");}
ul.ppt li.bientot, li.ppt.bientot {list-style-image: url("icones/ppt.bientot.png");}
ul.doc li.bientot, li.doc.bientot {list-style-image: url("icones/doc.bientot.png");}

/* QCM */

.qcm > h1 {
  margin: 50pt 0;
  text-align: center;
}
.qcm > h2 {
  margin: 0.5em 0;
  /*font: normal 12pt "Roboto", sans-serif;*/
}
.qcm > ol > li {
  clear: both;
  margin: 4em 0;
  page-break-inside: avoid;
}
.qcm > ol > li > ol {
  margin: 0;
  padding: 0;
}
.qcm > ol > li > ol li {
  list-style: none;
  float: left;
  width: 25%;
}
.qcm > ol > li > ol > li:before {
  content: "\2610";
  margin-right: 0.5em;
}

#pagemap {
  position: fixed;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  z-index: 100;
}