@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:#d2d3d5; /* Grey */
  }

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

.reveal .controls .enabled {
  /* Flèches de navigation */
  opacity: 0.3; }

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

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

/*********************************************
 * 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 h1 {
  font-size:2.8em; 
  line-height:1.25em;
  font-weight:900; /* Black */
  word-spacing:0.1em;
  }  

.reveal h2 {
  font-size:2.2em; 
  line-height:1.15;
  margin-bottom:0.3em;
  font-weight:500;
  }

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

.reveal h3 {
  font-size:1.8em;
  font-weight:800;
  font-family:'InputSansNarrow';
  letter-spacing:-0.025em;
  }

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

.reveal h5.suptitle {
    font-size:1em;
    font-weight:500;
    color:#371eff; /* Blue */
    /* text-transform:lowercase; */
    font-style:italic;
    }

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

.number,
.blue,
.color {  
  /* Mise en avant des n° */
  color:#371eff; /* Blue */ /* Bleu */
  }    

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

li {
    position:relative;
    }

li::before {
    background-color:#371eff; /* Blue */
    border-radius:1em;
    content:"";
    display:block;
    height:0.3em;
    left:-0.8em;
    position:absolute;
    top:0.45em;
    width:0.3em;
    }  

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; 
  font-size:1.5em;
  }

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 .small-caps,
.reveal abbr {
    font-variant:small-caps;
    text-transform:lowercase;
    font-size:105%;
    /* line-height:1;  */
    }

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


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

.reveal p.caption {
  margin-top:5px; 
  font-size:0.8em;
  /* line-height:1.4em; */
  opacity:0.7;
  }  

.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 iframe {
  background:#fff;
  }

.reveal strong, .reveal b {
  font-weight:bold; 
  background:white;
  padding-left:2px;
  padding-right:2px;
  padding-bottom:2px;
  padding-top:4px;
  }

.reveal p.caption strong {
  background:none;
  }

.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 .blockquote {
  /* font-family:'InputSansNarrow'; */
  }

.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; */

  :/* background:#DFDFDF; */
  border:3px dotted #777;
  padding:0px 35px;
  padding-top:10px;
  }

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

.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; 
  font-size:70%;
  line-height:1;
  }

.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:#111;
  text-decoration:none;
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  transition: color 0.15s ease; 
  border-bottom:2px dotted #888;}

.reveal a:hover {
  color:#371eff; /* Blue */
  text-shadow: none;
  border: none; }

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

/*********************************************
 * IMAGES
 *********************************************/

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

.reveal section img.full { 
  margin:0;
  } 

.reveal section img.no-border {
  border:none;
  box-shadow:none;
  }   

.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 div.navigate-left, .reveal .controls div.navigate-left.enabled {
  border-right-color: #268bd2; }

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

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

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

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

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

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

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

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

.reveal .progress span {
  background:#268bd2;
  background:#371eff; /* Blue */  
  -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 .stretch {
  display:none;
  }   

.overview img.overview {
  display:block!important;
  width:80%;
  margin:auto;
  margin-top:5%;
  }   

.overview h3.over-photo,
.overview p.over-photo,
.overview span.over-photo {
    background:none;
    width:80%;
    margin:auto;
    }    

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

/*********************************************/

section.embed-tweet {
  top:0px !important;
  position:relative;
  }

iframe.twitter-tweet {
  margin:auto !important;
  background:none !important;
  max-width:none;
  max-height:none;
  }

div.tweet,
div.tweet iframe {
  position:absolute !important;
  margin-top:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  left:0 !important;
  right:0 !important;  
  }

div.tweet {
  top:80px;
  height:55vh !important;
  }

div.tweet.long {
  top:0px;
  transform:scale(0.7);
  height:76vh !important;
  }



   

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

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

html.first body {
  background:#371eff; /* Bleu foncé */
  }

html.first .reveal h2,
.reveal .home h2 {
  font-size:1.2em; 
  line-height:1;
  font-weight:600; 
  margin-bottom:3em;
  }

html.first .reveal h1,
.reveal .home h1 {
  font-size:2.4em; 
  line-height:1.2;
  font-weight:900; 
  letter-spacing:0.01em;
  text-shadow:none; 
  margin-bottom:1.5em;
  }

html.first .reveal h1.long,
.reveal .home h1.long {
  font-size:1.6em; 
  line-height:1.2;
  font-weight:800; 
  margin-bottom:2em;
  }

html.first .reveal p,
.reveal .home p {
  font-size:0.8em;
  }

html.first .reveal h1,
html.first .reveal h2,
html.first .reveal h3,
html.first .reveal h4,
html.first .reveal h4 a,
html.first .reveal p,
html.first .reveal small,
html.final .reveal a,
.reveal .home h1,
.reveal .home h2,
.reveal .home h3,
.reveal .home h4,
.reveal .home h4 a,
.reveal .home p,
.reveal .home small { 
  color:#eee;
  } 


/*********************************************
 * SUB SLIDES
 *********************************************/

html.title body {
  background:#371eff; /* Bleu foncé */
  }

html.title .reveal h3 {
  color:white;
  }

html.title .reveal h3 span {
  color:black;
  }

html.subtitle body {
  background:#cfebff; /* Bleu clair */
  }

html.subtitle .reveal h3 {
  color:black;
  }

html.subtitle .reveal h3 span {
  color:#371eff; /* Bleu foncé */
  }


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

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

/* Simple Slideshow */
/* http://snook.ca/archives/javascript/simplest-jquery-slideshow */
.fadein { 
  position:relative; 
  height:600px; 
  width:800px; 
  margin:auto !important;
  }

.fadein img { 
  position:absolute; 
  left:0; 
  top:0; 
  width:100%;
  height:auto;
  }