/**
 * Theme PIQ pour reveal. Inria 2025.
 *
 * Dérivé du thème white: 
 *    White theme for reveal.js. This is the opposite of the 'black' theme.
 *    By Hakim El Hattab, http://hakim.se
 */

@import url(./fonts/InriaSans/fonts.css);

body {
    font-family: 'Inria Sans',Arial,sans-serif;
}

/*********************************************
 * GLOBAL STYLES
 *********************************************/

:root {
    --inria-2024-rouge:       #c9191e;
    --inria-2024-framboise:   #a60f79;
    --inria-2024-violet:      #5d4b9a;
    --inria-2024-bleu-nuit:   #27348b;
    --inria-2024-bleu-canard: #1067a3;
    --inria-2024-bleu-azur:   #00a5cc;
    --inria-2024-bleu-vert:   #88ccaa;
    --inria-2024-gris-bleu:   #384257;
    --inria-2024-cactus:      #608b37;
    --inria-2024-vert-tendre: #95c11f;
    --inria-2024-jaune:       #ffcd1c;
    --inria-2024-orange:      #ff8300;
    --inria-2024-sable:       #e2d0aa;

    --border-default-lines:   #384257;

    --r-bd:  #28354f;
    --r-b:   #2d435d;
    --r-bl:  #526075;
    --r-bl2: #c0c7cf;
    
/*
    --piq-c-inter: yellow;
    --piq-c-bio: green;
    --piq-c-img: orange;
*/
}

:root {
    --r-background-color: #fff;
    --r-main-font: 'Inria Sans',Arial,sans-serif;
    --r-main-color: #222;
    --r-block-margin: 20px;

    --r-heading-margin: 0 0 20px 0;
    --r-heading-font: 'Inria Sans',Arial,sans-serif;
    --r-heading-color: var(--r-b);
    --r-heading-line-height: 1.2;
    --r-heading-letter-spacing: normal;

    /* --r-heading-text-transform: uppercase;*/
    --r-heading-text-transform: ;

    --r-heading-text-shadow: none;
    --r-heading-font-weight: 600;
    --r-heading1-text-shadow: none;

    --r-heading1-size: 1.9em;
    --r-heading2-size: 1.6em;
    --r-heading3-size: 1.3em;
    --r-heading4-size: 1em;

    --r-back-font-size: 1em;
    --r-bio-font-size: 1em;
    --r-table-font-size: 1em;

    --r-code-font: monospace;
    --r-link-color: var(--r-b);
    --r-link-color-dark: var(--r-bd);
    --r-link-color-hover: var(--r-bl);
    --r-selection-background-color: var(--r-bl);
    --r-selection-color: #fff;
    --r-overlay-element-bg-color: 0, 0, 0;
    --r-overlay-element-fg-color: 240, 240, 240;
}

/*********************************************
 * PORTRAIT / LANDSCAPE
 *********************************************/

@media only screen and (orientation: landscape) {

    :root {
	--r-main-font-size: 16px;
	--f-img-w: 25vw;
	--f-prs-w: 25vw;
	--f-bio-w: 40vw;

	--f-img-h: 89vh;
	--f-prs-h: 89vh;
	--f-bio-h: 89vh;
    }

    @media (min-width: 800px) {
	:root {  --r-main-font-size: 16px; }
    }
    @media (min-width: 1100px) {
	:root {  --r-main-font-size: 18px; }
    }
    @media (min-width: 2200px) {
	:root {  --r-main-font-size: 20px; }
    }
}

@media only screen and (orientation: portrait) {

    :root {
	--r-main-font-size: 16px;
	--f-img-w: 49vw;
	--f-prs-w: 49vw;
	--f-bio-w: 89vw;

	--f-img-h: 40vh;
	--f-prs-h: 40vh;
	--f-bio-h: 45vh;
    }

    @media (min-width: 600px) {
	:root { --r-main-font-size: 18px; }
    }

    @media (min-width: 700px) {
	:root { --r-main-font-size: 22px; }
    }

    @media (min-width: 800px) {
	:root { --r-main-font-size: 24px; }
    }
}

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

.reveal-viewport {
  background: #fff;
  background-color: var(--r-background-color);
}

.reveal {
  font-family: var(--r-main-font);
  font-size: var(--r-main-font-size);
  font-weight: normal;
  color: var(--r-main-color);
}

.reveal ::selection {
  color: var(--r-selection-color);
  background: var(--r-selection-background-color);
  text-shadow: none;
}

.reveal ::-moz-selection {
  color: var(--r-selection-color);
  background: var(--r-selection-background-color);
  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: var(--r-heading-margin);
  color: var(--r-heading-color);
  font-family: var(--r-heading-font);
  font-weight: var(--r-heading-font-weight);
  line-height: var(--r-heading-line-height);
  letter-spacing: var(--r-heading-letter-spacing);
  text-transform: var(--r-heading-text-transform);
  text-shadow: var(--r-heading-text-shadow);
  word-wrap: break-word;
}

.reveal h1 {
  font-size: var(--r-heading1-size);
}

.reveal h2 {
  font-size: var(--r-heading2-size);
}

.reveal h3 {
  font-size: var(--r-heading3-size);
}

.reveal h4 {
  font-size: var(--r-heading4-size);
}

.reveal h1 {
  text-shadow: var(--r-heading1-text-shadow);
}

/*********************************************
 * OTHER
 *********************************************/

/* Remove trailing margins after titles */
.reveal h1:last-child,
.reveal h2:last-child,
.reveal h3:last-child,
.reveal h4:last-child,
.reveal h5:last-child,
.reveal h6:last-child {
  margin-bottom: 0;
}

/* Ensure certain elements are never larger than the slide itself */

.reveal p {
}

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

.reveal em {
  font-style: italic;
}

.reveal dt {
  font-weight: bold;
}

/*********************************************
 * LINKS
 *********************************************/

.reveal a {
    color: var(--r-link-color);
    font-weight: bold;
    text-decoration: underline;
    transition: color 0.15s ease;
}

.reveal a:hover {
  color: var(--r-link-color-hover);
  text-shadow: none;
  border: none;
}

.reveal .roll span:after {
  color: #fff;
  background: var(--r-link-color-dark);
}

/*********************************************
 * Frame helper
 *********************************************/

.reveal .r-frame {
  border: 4px solid var(--r-main-color);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.reveal a .r-frame {
  transition: all 0.15s linear;
}

.reveal a:hover .r-frame {
  border-color: var(--r-link-color);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
}

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

.reveal .controls {
  color: var(--r-link-color);
}

/*********************************************
 * PROGRESS BAR
 *********************************************/

.reveal .progress {
  background: rgba(0, 0, 0, 0.2);
  color: var(--r-link-color);
}

/*********************************************
 * PRINT BACKGROUND
 *********************************************/

@media print {
  .backgrounds {
    background-color: var(--r-background-color);
  }
}

/* --------------------------------------------------
 *
 * -------------------------------------------------- */

ul li {
    list-style-type: none;
}


.reveal .sidebar {
    border-radius: 4px;
    border:1px solid;
    border-color: lightgrey;

    width:80%;
    padding:1rem;

    min-height: 1rem;
    max-height: 30rem;
    overflow: scroll;
    overflow: -moz-scrollbars-vertical;
}

/* --------------------------------------------------
 * plus links [x]
 * -------------------------------------------------- */

.hplus {
  font-size: var(--r-back-font-size);
  padding: 0.25rem 0.75rem;
  overflow: initial;
  max-width: 100%;
  max-height: none;

  display: fixed;

  margin-left: auto;
  margin-top: 0.5rem;
  margin-right: 0rem;
  background-color: transparent;

  --hover: inherit;
  --active: inherit;
  color: var(--r-bl);

  border: 2px solid ;
  border-radius: 18px;
  border-color: var(--r-bl);
}

.hplus::before {
  content: none;
}

.hplus {
    top: 5px;
    right: 10px;
    position:absolute;
}

.hplus-dark {
    color:white;
}

.hplus a {
  color: var(--r-bl);
    text-decoration: none;
}

.hplus a:hover {
  color: var(--r-b);
  text-shadow: none;
  border: none;
}

/* --------------------------------------------------
 * Invités
 * -------------------------------------------------- */

.container{
    display: flex;
}

.col{
    flex:auto;
    overflow: auto;
    overflow: -moz-scrollbars-vertical;
}

.col2{
    flex:auto;
    padding: 1em;
}

.reveal .piq-photo img {
}

.f {
    margin:auto;
    display: inline;
    background-color: grey;
}

.reveal .f-piq-photo img {
    /* largeur de la photo */
    max-height: var(--f-bio-h);
    max-width: var(--f-img-w);
}

.f-img {
    float:left;
    max-height: var(--f-bio-h);
    max-width: var(--f-img-w);
}

.f-piq-photo {
    float:left;
    max-width: var(--f-img-w);
    background-color: var(--piq-c-img);
}

.f-piq-intervenant {
    float:left;
    margin:auto;
    background-color: var(--piq-c-inter);

    text-align: left;

    max-height: var(--f-prs-h);
    max-width: var(--f-prs-w);
    overflow:auto;
    overflow: -moz-scrollbars-vertical;
}

.f-piq-intervenant .person {
    padding-top: 2em;
    padding-left: 2em;
    padding-right: 1em;
    padding-bottom: 1em;
}

.f-piq-intervenant .institution {
    padding-top: 0;
    padding-left: 2em;
    padding-right: 1em;
    padding-bottom: 0;
}

.f-piq-intervenant .prg-titre {
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 1em;
    padding-bottom: 2em;
    font-weight: bold;
}

.f-piq-bio {
    float:left;
    margin:auto;
    padding:2em;
    background-color: var(--piq-c-bio);

    text-align: justify;

    max-height: var(--f-bio-h);
    width: var(--f-bio-w);
    overflow:auto;
    overflow: -moz-scrollbars-vertical;    
}

.f-piq-bio p {
    margin-bottom: 1rem;
}

/* --------------------------------------------------
 * Agenda
 * -------------------------------------------------- */

.reveal .agenda {
    margin:auto;
    margin-top: 3em;
    max-width: 90vw;
    max-height: 90vh;
    overflow:auto;
}

.mpb {
    margin-bottom: 3em;
    padding-bottom: 3em;
}

.reveal .menubar {
    max-height: 50vh;
    overflow:scroll;
    overflow: -moz-scrollbars-vertical;
}

.piq-table {
    margin:0rem;
    padding:0rem;
    width: 95%;
    font-size: var(--r-table-font-size);
    text-align: left;
  margin: auto;
  border-collapse: collapse;
  border-spacing: 0;
}


.piq-table tbody, td, th {
    border: 1px solid var(--r-bl);
}

.piq-table td, .piq-table th  {
    padding: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.piq-table .vertop {
    vertical-align: top;
}


.piq-table .prg-titre {
    font-style: italic;
    font-weight: bold;
}

.piq-table .tdl {
    font-weight: 700;
    vertical-align: top;
}

.piq-table .tdl2 {
    font-weight: 700;
    vertical-align: top;
    text-align: right;
    color: gray;
}

.piq-table .sl {
    font-style: italic;
}

.piq-table .tdr {
}

.piq-table .se {
    font-weight: 700;
    font-style: italic;
}

/* --------------------------------------------------
 * Frontpage
 * -------------------------------------------------- */

.reveal .frontpage {
    overflow: auto;
    max-height: 90vh;
}


.reveal .frontpage a {
    text-decoration: none;
}

.reveal .frontpage h1 {
    font-size: 2.5em;
    padding-top: 1em;
}

.reveal .frontpage h2 {
    font-size: 1.3em;
    padding-top: 1em;
}

.reveal .frontpage .titre {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}

.reveal .frontpage .b {
    display: inline;
    margin: 3px;
    padding: 6px;
    color: white;
    
    background: linear-gradient(to right,#243886,#d11723);
    border: 2px solid ;
    border-radius: 18px;
    border-color: white;
}

.reveal .frontpage a {
    margin: 3px;
    padding: 30px;
    color: white;
}

.reveal .frontpage .mt {
    margin-top: 3em;
}

.reveal .footer {
    height:20vh;
}


:root {
    --bh:   15rem;
    --bimh: 10rem;
    --bgl:  #243886;
    --bgr:  #ce1825;
}

.bandeau {
    width:100vw;
    height: var(--bh);
    display: block;

    background-size: 100% 1.5rem;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, var(--bgl) 0%, var(--bgr) 80%, white 100%);
    background-color: white;
}

.reveal .frontpage .bandeau a {
    margin: 0;
    padding: 0;
}

.aiml {
    float:left;
    margin: 0;
    padding: 0;
}

.biml {
    margin: auto;
    padding: 1rem;
    height: var(--bimh);
}

.aimr {
    float: right;
    margin: 0;
    padding: 0;
}

.bimr {
    margin: auto;
    padding: 1rem;
    height: var(--bimh);
}

/* --------------------------------------------------
 *
 * -------------------------------------------------- */