/*Feuille de Style | Page Savoir-faire*/

/**Version Desktop**/

/***Header***/

header  {
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10vh;
}

#Home-header img    {
    height: auto;
    width: 80vw;
}

/***SF-Txt1***/


#SF-Txt-Central  {
    width: 65vw;
}

#SF-Txt-Central h3    {
    font-family: "Nexa-Black", sans-serif;
    margin-bottom: 3vh;
}

#SF-Txt-Central p {
    font-family: "Nexa-Regular", sans-serif;
    align-content: center;
    text-align: left;
}

/***Galerie d'images***/

#SF-Galerie-Images {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin-bottom: 20vh;
}
 
#SF-Galerie-Images img {
    width: 35vw;
    margin: 10px;
    flex-wrap: wrap;
    align-self: center;
    border-radius: 15px;
}

/***Image atelier***/

/**   {border: 1px solid red;}*/

#SF-FullScreen-Atelier  {
    height: 100vh;
    width: 100vw;
    margin: 20vh 0;
}

#SF-FigureFullScreen  {
    position: relative;
    top: 7%;
    left: 7%;
    height: 85vh;
    width: 85vw;
    border-radius: 15px;
    z-index: 10;
    transition: height 500ms;
    
}

#SF-FullScreen-Atelier figure img  {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
    
}

.SF-captionFullScreen {
    height: 15vh;
    width: 83vw;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    left: 8%;
    top: -8vh;
    background-color: #E8E8E8;
    z-index: 9;
    border-radius: 0 0 15px 15px;
    transition: top 500ms;
}

.SF-captionFullScreen h2   {
     : 3em;
    font-family: "Nexa-Black", sans-serif;
}
.SF-captionFullScreen p   {
    font-size: 1.5em;
    font-family: "Nexa-Thin", sans-serif;
}

/***Galerie d'images***/

#SF-Galerie-Images2 {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin-bottom: 20vh;
}
 
#SF-Galerie-Images2 img {
    width: 35vw;
    margin: 10px;
    flex-wrap: wrap;
    align-self: center;
    border-radius: 15px;
}

/**Version mobile**/

/***Version mobile Standard***/

@media screen and (max-width: 720px) and (min-width: 320px) {
    
    /***Header***/
    
    header  {height: 30vh;}
    
    /***Galerie d'images***/
    
    #SF-FigureA1    {height: 20vh;}
    #SF-FigureA2    {height: 22vh;}
    #SF-FigureA3    {height: 23vh;}
    #SF-FigureA4    {height: 20vh;}
    
    /***Image atelier***/
    
    #SF-FigureFullScreen  {height: 70vh;} 
    
    .SF-captionFullScreen   {top: 6%; height: 17vh; flex-direction: column; justify-content: center;}
    
    .SF-captionFullScreen h2    {font-size: 2em;}
    
    .SF-captionFullScreen p {font-size: 1em; text-align: center;}
    
    /***Galerie d'images 2***/
    
    #SF-FigureB1    {height: 29vh;}
    #SF-FigureB2    {height: 24vh;}
    #SF-FigureB3    {height: 25vh;}
    #SF-FigureB4    {height: 29vh;}
    
    
    /***Team***/
    
    #SF-team    {
        height: 475px;
    }
    
    .SF-Team-Figure {
        height: 100px;
        width: 100px;
    }
    
    #SF-team-overview   {
        justify-content: center;
    }
    
    .SF-Team-Profil {
        height: 220px;
        width: 140px;

    }
    
}

/***Version mobile tablet***/

@media screen and (max-width: 950px) and (min-width: 250px) {
    #SF-team {
        height: 50vh;
        border: 1px solid red;
    }
}

/***Version mobile Thin***/

@media screen and (max-width: 350px) and (min-width: 250px)    {
    
    .SF-Team-Figure {
        height: 100px;
        width: 100px;
    }
    
    #SF-team {height: 1100px;}
    
    #SF-Partenaires {height: 750px;}
}

/**Version mobile paysage**/

@media (orientation: landscape) and (max-device-width : 812px) {
    
    #Home-header    {height: 100vh;}
    
    .SF-captionFullScreen    {height: 30vh; top: 6vh;}
    
    .SF-captionFullScreen h2 {font-size: 2em; margin-left: 4vw;}
    
    .SF-captionFullScreen p {font-size: 1.5em;}
}

/*Version 2.5
By l-ct.fr
0x b0 29 12 52 e0 cb 0c b3 0f 1c */