/*Feuille de Style | Page P24*/

/**Général**/

body    {background-color: #00141D;}

p, h1, h2, h3, h4   {color: #fff;}   

.fcvw   {color: #fff;}

.fcvb   {color: #000;}

figcaption  {
    font-size: 1em;
    font-family: "Monument-Extended_Regular", sans-serif;
    margin: 10px;
}

/**Version Desktop**/

/***Galerie Historique***/

.P24-Header  {
    height: 90vh;
    width: 100vw;
}

.P24-IMGheader  {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.P24-Historique {
    height: auto;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.P24-TxtIntro   {
    margin: 5vh 0;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.P24-Intro   {
    width: 80vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.P24-Intro h2    {font-size: 1.9em; font-family: "Nexa-Black", sans-serif; margin-bottom: 20px;}

.P24-Intro p    {font-size: 1.4em; line-height: 30px; font-family: "Nexa-Regular", sans-serif;}

.P24-grid1  {
    height: 90vh;
    width: 80vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 26vh 12vh 46vh;
    grid-gap: 3vh;
    margin-bottom: 3vh;
}

.P24-grid img  {object-fit: cover; height: 100%; width: 100%;}


#Gd1-A1 {grid-column: 1; grid-row: 1 / 3;}
#Gd1-A2 {grid-column: 2; grid-row: 1 / 2;}
#Gd1-A3 {grid-column: 1; grid-row: 3;}
#Gd1-A4 {grid-column: 2; grid-row: 2/ span 2;}

/*** Légendes ***/

#Fig-A1 {
    grid-column: 2; grid-row: 1 / 2;
    text-align: end;  
}

#Fig-A2 {grid-column: 1; grid-row: 3;}

#Fig-A3  {grid-column: 1; grid-row: 1;}

#Fig-A4 {grid-column: 2; grid-row: 2;}

#Fig-A5 {grid-column: 1; grid-row: 1 / span 1;}

#Fig-B1  {position: relative; top: -5vh;}

#Fig-B2 {position: relative; top: -5vh;}

#Fig-B3 {position: relative; top: -5vh;}



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

.FullWA {
    height: 80vh;
    width: 80vw;
    object-fit: cover;
}

.P24-grid2 {
    height: 20vh;
    width: 80vw;
    display: grid;
    grid-template-columns: 2.3fr 0.7fr;
    grid-template-rows: 1fr;
    grid-gap: 3vh;
    margin: 3vh 0;
}

.P24-grid2 img  {height: 20vh;}

#Gd1-B1 {grid-column: 1; grid-row: 1;}
#Gd1-B2 {grid-column: 2; grid-row: 1;}

.P24-grid3  {
    height: 81.8vw;
    width: 80vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 3vh;
    margin: 3vh 0;
}

.P24-grid3 img  {height: 40vw;}

#Gd1-C1 {grid-column: 1; grid-row: 1;}
#Gd1-C2 {grid-column: 2; grid-row: 1;}
#Gd1-C3 {grid-column: 1; grid-row: 2;}
#Gd1-C4 {grid-column: 2; grid-row: 2;}

.CAR-TxtX4  {
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.FullWA1    {
    height: 30vh;
    width: 80vw;
    object-fit: cover;
    margin-bottom: 3vh;
}

.P24-grid4 img  {height: 30vh;}

.P24-grid4  {
    height: 30vh;
    width: 80vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3vh;
    margin-bottom: 3vh;
}

.FullWA3    {
    height: auto;
    width: 100vw;
}

.txtHistoriqueCenter    {height: 15vh;}

.P24-Historique h4   {
    width: 80vw;
    text-align: center;
    font-size: 2.5em;
    font-family: "Nexa-Black", sans-serif;
}

.FWseparate1    {margin-top: 15vh;}
.FWseparate2    {margin-bottom: 15vh;}

.P24-grid5   {
    height: 108vh;
    width: 80vw;
    display: grid;
    grid-template-columns: 0.35fr 0.65fr;
    grid-template-rows: 19vh 3vh 3vh 23vh 21vh 3vh 18vh;
    grid-gap: 3vh;
    margin: 3vh 0;
}

.P24-grid5 img  {height: 100%;}

#Gd1-E1 {grid-column: 1; grid-row: 1;}
#Gd1-E2 {grid-column: 2; grid-row: 1 / span 2; object-position: bottom;}
#Gd1-E3 {grid-column: 1; grid-row: 2 / 6;}
#Gd1-E4 {grid-column: 2; grid-row: 3 / 5;}
#Gd1-E5 {grid-column: 1; grid-row: 6 / span 2;}
#Gd1-E6 {grid-column: 2; grid-row: 5 / span 3;}

.P24-grid6 img  {height: 100%; object-fit: contain;}

.P24-grid6  {
    height: 50vh;
    width: 80vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 3vh;
    margin: 3vh 0;
}

#Gd1-F1 {grid-column: 1; grid-row: 1 / span 2; height: 50vh;}
#Gd1-F2 {grid-column: 2; grid-row: 1 / span 2; height: 50vh;}
#Gd1-F3 {grid-column: 3; grid-row: 1; height: 23.5vh;}
#Gd1-F4 {grid-column: 3; grid-row: 2; height: 23.5vh;}

.FullWA5    {
    height: auto;
    width: 80vw;
    margin: 10vh 0;
}

@media screen and (max-width: 720px) and (min-width: 320px)   {
    
    figcaption  {display: none;}
    
    .P24-TxtIntro   {
        display: flex;
    }
    
    .P24-grid   {
        display: flex;
        flex-direction: column;
        margin: 0;
    }
    
    .P24-Intro  {height: 100%;}
    
    .P24-Intro p {font-size: 20px;}
    
    .FullWA {height: 10vh; margin-bottom: 3vh;}
    
    .FullWA1    {height: 10vh;}
    
    .P24-grid1  {height: 92vh;}
    
    .P24-grid1 img  {height: 20vh;}
    
    .P24-grid2  {height: 50vh;}
    
    .P24-grid3 {height: 100vh;}
    
    .P24-grid4  {height: 100vh;}
    
    .P24-grid5  {height: 170vh;}
    
    .P24-grid6  {height: 150vh;}
    
    .txtHistoriqueCenter    {height: 10vh; margin: 10vh 0;}
}

/**Version mobile paysage**/

@media (orientation: landscape) and (max-device-width : 812px) {
    .CAR-TxtX4  {height: 200vh;}
    
}
    
/* Version 2.5
By l-ct.fr
0x b0 29 12 52 e0 cb 0c b3 0f 1c */