/* GÉNÉRAL */


@font-face {
        font-family: 'Fraunces28ptSoftWonky-Regular';
        src:  url('-polices/Fraunces28ptSoftWonky-Regular.otf');
        }


@font-face {
        font-family: 'Fraunces28ptSoftWonky-LightItalic';
        src : url('-polices/Fraunces28ptSoftWonky-LightItalic.otf');
	}


*
{
    font-family: 'Fraunces28ptSoftWonky-Regular', Times New Roman, Sérif;
    color: black;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    margin: 0; 
}



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


html, body {
    height: 100%;
    overflow: hidden;
    margin: 0;
}


#bloc_page
{
        display: flex;
        height: 100%;

}


#header
{
        background: white;
        width: 18%;
        max-width: 265px;
        min-width: 265px;
        padding: 24px;
        height: 100%;
        overflow: auto;
        
        scrollbar-width: thin;
}


#section
{
        background: whitesmoke;
        width: 86%;
        height: 102%;
        overflow: auto;
        display: flex;
        flex-wrap: wrap;
        
        scrollbar-width: thin;

}



img
{       
        width: 100%;
        display: block;
        position: relative;
        top: 0px;

}

.fade-in {
        opacity: 0;
       /* filter: brightness(2);*/
      }
      
.fade-in-active {
        opacity: 1;
        /*filter: brightness(1);*/
        transition: opacity 0.4s ease;
      }
      


h1
{
        margin-bottom: 130px;
}


a 
{
        text-decoration: none;
        font-family: 'Fraunces28ptSoftWonky-LightItalic';

}

a:hover
{
        text-decoration: underline;
        font-family: 'Fraunces28ptSoftWonky-LightItalic';
}



#date
{
        font-family: 'Fraunces28ptSoftWonky-LightItalic';
        margin-bottom: 20px;
}


#argumentaire
{
        margin-bottom: 20px;
}


#legende
{
        font-family: 'Fraunces28ptSoftWonky-LightItalic';
        margin-bottom: 130px;
}


#legende_img
{
        font-family: 'Fraunces28ptSoftWonky-Regular';
        margin-top: 12px;
        margin-left: 12px;

}

#legende_img_date
{
        font-family: 'Fraunces28ptSoftWonky-LightItalic';
        margin-left: 12px;

}

#legende_fleche
{
        font-family: 'Fraunces28ptSoftWonky-Regular';
        margin-bottom: 12px;
        margin-left: 12px;
}



#baspage
{
        width: 100%;
        height: 60px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
 }

#previous
{
        width: 50%;
 }



#projetprec_nom 
{
        text-align: left;
}


#next
{
        width: 50%;
 }


#projetsuivant_nom 
{
        text-align: right;
}