@import url("../reveal.css");

 /*
 * Based on solarized Dark theme for reveal.js.
 * Authors: Achim Staebler / Ethan Schoonover
 * Customisation: Anthony Masure;
 */

@import url("../fonts/SkolarSans/SkolarSans.css");
@import url("../fonts/InputSansNarrow/InputSansNarrow.css");


html * {
  color-profile: sRGB;
  rendering-intent: auto; }

/*********************************************
 * GLOBAL STYLES
 *********************************************/
body,
.reveal.overview section {
  background:#002b36; 
  }

body {
  font-family:'SkolarSans','InputMono','DejaVuSansMono','OpenSans', monospace;
  text-rendering:optimizeLegibility;
  text-rendering:geometricPrecision;
  -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -webkit-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
    
  font-variant-ligatures:common-ligatures;
  font-size:36px;
  font-weight:600; /* SemiBold */
  color:#eee; 
  }

::selection {
  color: #fff;
  background: #d33682;
  text-shadow: none; }

.reveal .slides > section, .reveal .slides > section > section {
  line-height: 1.3;
  font-weight: inherit; }

.fullscreen {
    padding:0 !important;
    margin:0 !important;
    }  

/*********************************************
 * HEADERS
 *********************************************/
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
  margin:0 0 20px 0;
  /* color:#eee8d5; */
  font-weight:700; /* Bold */
  line-height:1.3;
  letter-spacing:normal;
  text-shadow:none;
  word-wrap:break-word; 
  }

.reveal h2 {
  font-size:2.2em; 
  margin-bottom:0.3em;
  /* text-align:left; */
  }

.reveal h2 sup {  
  line-height:1;
  font-size:0.9em;
  } 

.reveal a.white {
  color:#eee;
  } 

.number {  
  /* Mise en avant des n° */
  color:#268bd2; /* Bleu */
  }   

.reveal h3 {
  font-size: 1.55em;
  font-weight:700; /* Bold */
  /* opacity:0.9; */
  }

ul, li {
    list-style-type:none;
    padding:0;
    }

li {
    position:relative;
    }

li::before {
    background-color:#03a9f4;
    border-radius:1em;
    content:"";
    display:block;
    height:0.3em;
    left:-0.8em;
    position:absolute;
    top:0.65em;
    width:0.3em;
    }  

.reveal .color {
    color:#03a9f4;
    }

h3.over-photo,
.over-photo {
  background-color: rgba(0,0,0,0.7);
  color:#fff;
  padding:0.3em 0.3em 0.5em 0.3em !important; 
  }

p.over-photo {
  padding:0.3em 0.3em 0.3em 0.3em !important; 
  } 

span.over-photo {
  padding:0.1em 0.5em 0.3em 0.5em !important; 
  }   

.reveal h4 {
  /* color: #93a1a1; /* Gris */
  color:#eee;
  font-size:1.1em; 
  font-weight:700; /* Bold */
  }

.reveal .small-caps {
    font-variant:small-caps;
    text-transform:lowercase;
    font-size:105%;
    }

.reveal .fine {
  font-size:50%;
  }


/*********************************************
 * OTHER
 *********************************************/
.reveal p {
  margin: 20px 0;
  line-height:1.35; 
  font-weight:500; /* Medium */   
  }

.reveal p.caption {
  margin-top:5px;  
  }  

.reveal .left {
  text-align:left;
  }

.reveal .center {
    text-align:center;
    }

/* Ensure certain elements are never larger than the slide itself */
.reveal img, .reveal video, .reveal iframe {
  max-width: 95%;
  max-height: 95%; }

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

.reveal em {
  font-style: italic; }

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

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

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

.reveal ul li {
  margin-bottom:0.5em; }

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

.reveal ul ul ul {
  list-style-type: circle; }

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

.reveal dt {
  font-weight: bold; }

.reveal dd {
  margin-left: 40px; }

.reveal q, .reveal blockquote {
  quotes: none; }

.reveal blockquote {
  display: block;
  position: relative;
  width:75%;
  margin: 20px auto;
  padding:20px 20px 20px 25px;
  font-style: italic;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); 
  text-align:left;
  }

.reveal blockquote em {
  font-style:normal;
  }

.reveal blockquote p:first-child, .reveal blockquote p:last-child {
  display: inline-block; }

 .reveal p.author { 
    /* Class for authors of quoted blocs */
    text-align:left;
    width:75%;
    margin: 20px auto;
    padding:0px 20px 20px 25px;
    opacity:0.7;
    }

.reveal q {
  font-style: italic; }

.reveal pre {
  display: block;
  position: relative;
  width: 90%;
  margin: 20px auto;
  text-align: left;
  font-size: 0.55em;
  font-family: monospace;
  line-height: 1.2em;
  word-wrap: break-word;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }

.reveal code {
  font-family: monospace; }

.reveal pre code {
  display: block;
  padding: 5px;
  overflow: auto;
  max-height: 400px;
  word-wrap: normal;
  background: #3F3F3F;
  color: #DCDCDC; }

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

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

.reveal table th, .reveal table td {
  text-align: left;
  padding: 0.2em 0.5em 0.2em 0.5em;
  border-bottom: 1px solid; }

.reveal table th[align="center"], .reveal table td[align="center"] {
  text-align: center; }

.reveal table th[align="right"], .reveal table td[align="right"] {
  text-align: right; }

.reveal table tr:last-child td {
  border-bottom: none; }

.reveal sup {
  vertical-align: super; }

.reveal sub {
  vertical-align: sub; }

.reveal small {
  display: inline-block;
  font-size:0.8em;
  line-height:1.4em;
  vertical-align:top; 
  }

.reveal small * {
  vertical-align: top; 
  }

/*********************************************
 * LINKS
 *********************************************/
.reveal a {
  color: #268bd2;
  text-decoration: none;
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  transition: color 0.15s ease; }

.reveal a:hover {
  color: #78bae6;
  text-shadow: none;
  border: none; }

.reveal .roll span:after {
  color: #fff;
  background: #1a6291; }

/*********************************************
 * IMAGES
 *********************************************/
.reveal section img {
  margin: 15px 0px;
  background: rgba(255, 255, 255, 0.12);
  border: 4px solid #eee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); 
  max-height:475px;
  }

.reveal a img {
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  transition: all 0.15s linear; }

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

 .reveal .slide-background.dark {
  opacity:0.3 !important; /* Dark full screen background image */
  }

/*********************************************
 * NAVIGATION CONTROLS
 *********************************************/

.reveal .controls {
  opacity:0.5;
  }

.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
  border-right-color: #eee; }

.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
  border-left-color: #eee; }

.reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled {
  border-bottom-color: #eee; }

.reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled {
  border-top-color: #eee; }

.reveal .controls div.navigate-left.enabled:hover {
  border-right-color: #eee; }

.reveal .controls div.navigate-right.enabled:hover {
  border-left-color: #eee; }

.reveal .controls div.navigate-up.enabled:hover {
  border-bottom-color: #eee; }

.reveal .controls div.navigate-down.enabled:hover {
  border-top-color: #eee; }

/*********************************************
 * PROGRESS BAR
 *********************************************/
.reveal .progress {
  background: rgba(0, 0, 0, 0.2); }

.reveal .progress span {
  background: #268bd2;
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

/*********************************************
 * SLIDE NUMBER
 *********************************************/
.reveal .slide-number {
  color: #268bd2; 
  }

 img.overview {
  display:none!important;
  } 

.overview {
  background:black;
  } 

.overview img.overview {
  display:block!important;
  }     

.reveal.overview .slides {
  /* padding:50px !important; */
  } 



/*********************************************
 * FIRST SLIDE
 *********************************************/

/* Full screen support */
/* https://github.com/hakimel/reveal.js/issues/154 */

.reveal .home h1 {
  font-size:3.2em; 
  line-height:0.9;
  font-weight:600; 
  letter-spacing:0.01em;
  text-transform:lowercase; 
  font-variant:small-caps;
  text-shadow:none; 
  color:#eee;
  }

.reveal h4 {
    font-size:1.3em;
    }

.reveal .home h4 a {
  color:#eee; 
  }  

.reveal .home small { 
  color:#eee;
  } 

/*********************************************
 * INDIVIDUAL SLIDES
 *********************************************/

/* Back Office */
g.svg_anim {
  display:none;
  }