body{
    --font-size: 28px; 
    --width: 1180px;
}

.slide-number{
    font-size: 16px!important;
    min-width: 20px;
    right: 39px!important;
    bottom: 22px!important;
    text-align: center;
    border-radius: 5px;
    font-family: 'Catamaran';
}

.reveal p, 
.reveal li,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
     font-family: 'Catamaran';
}

.reveal p, .reveal li{
    font-size: var(--font-size); 

}


.figcaption{
    font-size: 0.4em!important; 

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



.reveal h2{
    /* border: 4px dotted black;
    padding: 0.5em 2ch; */
    /* max-width: 54rem; */
    /* text-align: left;  */
    font-family: 'Fragen Thesis';
    font-style: italic;
    font-size: 4.4rem;
    font-weight: 700;

}

.reveal h2::before, 
.reveal h2::after{
    content: "–";
    display: block;
}

.reveal h2 small{
    font-family: 'Catamaran';
    display: block;
    font-weight: 500;
    font-style: normal;
    font-size: 0.36em;
    margin-top: 0.5em;
}


.reveal h3{
    font-size: 1.2em

}

.reveal h4{
    font-size: var(--font-size);
    font-weight: bold;
    margin-bottom: 1em;
}
.reveal .ref{
    font-size: 0.4em; 
    margin-top: 0;
}

.reveal .caption{
    font-size: 0.48em; 
}

.caption + .ref{
    margin-top: -1em;
}


.flex{
    display: flex; 
    justify-content: space-between; 
}
.flex > div{
    margin: 0em 10px; 
}




.reveal .ref{
    opacity: 0.4; 
}
/* .ref::before{
    content: "[ "
}


.ref::after{
    content: " ]"
} */

.top-left{
    text-align: left!important;
    height: 70vh;
}

blockquote{
    box-shadow: none!important; 
}

blockquote p{
    font-family: 'Fragen Thesis'!important;
    font-style: italic;
    font-weight: 500; 
    line-height: 1.5em!important;
}

blockquote p::before{
    content: "« "
}

blockquote p::after{
    content: " »"
}

#quote-flexbox{
    background-color: #00b357ba!important; 
    padding: 1em 1em;
    text-align: left; 
}

.border{
    border: 1px solid black
}

img{
    margin: 0; 
}
img + .caption{
    margin-top: 0; 
}


#etude1-description .flex{
    /* width: 80vw;
    position: relative; 
    left: -8vw; */
}

#etude1-description .flex h3{
    text-align: left; 

}

#etude1-description h3{
    font-weight: bold; 
}
#etude1-description h3, 
#etude1-description li{
    font-size: 0.5em!important; 
  

}


#etude1-description ul{
    margin-left: 0; 
}
#etude1-description img{
   margin: 0; 
}

.methodologie p{
    font-size: 0.5em ;
    margin: 0.5em 0; 
}

.methodologie  strong{
    display: block;
    margin-bottom: 0.5em; 
}

.methodologie .flex {
    margin-top: 2em; 
}
.methodologie .flex > div p:nth-of-type(2){
    margin-bottom: 1em ; 
}

.methodologie .flex > div{
    width: 32%
}


section {
    padding-bottom: 7vh; 
}


.slides{
   
    max-height: 90vh;
}




.section-text-left ul,
.section-text-left h4,
.section-text-left h3,
.section-text-left p{
    /* max-width: 46ch; */
    width: 54rem!important;
    margin-left: auto; 
    margin-right: auto;
    text-align: left; 
}




#css-print-extract img{ 
    max-height: 50vh;
}

#instrument-mediatise img,
#geneses-instrumentales img{
    margin-top: 2rem;
}


#systeme-activite img{
    margin-top: 3rem;
    margin-bottom: 0rem;
    max-height: 50vh;

}

#etude2-sa img{
    max-height: 58vh; margin-top: 1em; margin-left: 2em;
    /* position: absolute;
    top: 0px;  */
}



.fragment-absolute .fragment,
.fragment-absolute .absolute,
#etude2-sa .fragment,
#etude2-sa .absolute{
    /* display: none;  */
    position: absolute;
    top: 0 ; left: 0;
}


#geneses-instrumentales img{
   margin-top: 2em;
   margin-left: 1em;
}


#conclusion-sa img{
    margin-top: 1.5em;
    
 }


#cover {
    text-align: left; 
    position: absolute; 
    left: 0!important;
    margin-left: -1em;
}
.reveal h1{
    font-family: 'Fragen Thesis'!important;
    font-size: 0.86em;
    line-height: 1.3em;
    text-align: left; 
    font-style: italic;
    font-weight: 800;
    margin-top: 5.5em;
    margin-bottom: 2em;
}

.reveal h1 small{
    font-size: 1em;
    font-weight: 500
}

#julie{
    text-transform: uppercase;
    font-size: 0.5em;
    font-weight: 600; 

}

#julie small{
    display: block;
    margin-top: 0.5em;
}

#these-ergonomie{
    text-transform: uppercase;
    font-size: 0.36em;
    font-weight: 600; 
}

#encadrement{
    font-size: 0.42em;
    padding-bottom: 5em;
}

.mosaic img{
    margin: 0; 
    margin-top: 20px;
}