/*Feuille de Style | Page Home*/

/**Version Responsive Desktop**/ 

/***Header***/

header  {
    height: 100vh;
    width: 100vw;
    background-image: url("General-IMG/Home-landingIMG.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    background-position: center;
}

#header-h1h2    {
    width: 45vw;
    position: absolute;
    top: 25%;
    left: 7%;
    color: #FFF; 
}

#header-h1h2 h1 {
    font-size: 3vw;
    font-family: "Space-Age", sans-serif;
}

#header-h1h2 h2 {
    font-size: 2.5vw;
    font-family: "Monument-Extended_Black", sans-serif;
    text-transform: uppercase;
}

/***Home-Txt1***/

#Home-Txt1   {
    height: 60vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    background-color: #000;
}

.Txt1  {margin: 0px;}

#Txt1-Central  {
    width: 65vw;
    text-align: justify;

}

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

}

#Txt1-Central p {
    font-size: 1em;
    font-family: "Nexa-Regular", sans-serif;
    line-height: 23px;
    align-content: center;
}

/***Selecteur de produit***/

#Home-SelecteurProduit  {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5vh;
}

#Nom-Produits   {
    height: 100%;
    width: 50vw;
    flex-direction: column;
}

.SideProductIMG {
    height: auto;
    width: 50vw;
}

#Nom-Produits ul    {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
}

#Nom-Produits ul li {
    font-size: 4em;
    font-family: "Nexa-Black", sans-serif;
    color: #1D1D1F;
    margin-bottom: 5vh;
}

#Nom-Produits ul li a:not(.UnavailableTxt):hover {
    color: #674230;
}

.SideProductIMG img  {
    width: 100%;
    height: auto;
    border: 0;
}

/***Valeurs de Parotech***/
/*
Unique = display(6)
Durable = displat(7)
Contemporain = display(8)
*/

#Home-Valeurs {
    width: 100vw;
    height: 60vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#TxtValeurs  {
    height: 40vh;
    width: 80vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: background-image 400ms;
    border-radius: 10px;
}

#TxtValeurs ul li    {
    font-size: 2vw;
    font-family: "Monument-Extended_Black", sans-serif;
    color: #1D1D1F;
    cursor: zoom-in;
    transition: font-size 600ms;
}

/***Article Savoir-faire***/

#Home-SavoirFaire-Article   {
    height: 50vh;
    display: flex;
    margin: 10vh 6vw;
    border: 3px solid black;
    border-radius: 10px;
}

#SFA-Img   {
    width: 100vw;
    background-image: url("REBORN/home-SFA.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

#SFA-Txt   {
    flex-direction: column;
    justify-content: center;
    text-align: justify;
    padding: 5%;
}

#SFA-Txt h3    {
    font-size: 2em;
    font-family: "Nexa-Black", sans-serif;
    margin-bottom: 3%;
}

#SFA-Txt p {
    font-size: 1em;
    font-family: "Nexa-Regular", sans-serif;
    line-height: 23px;
    margin-bottom: 3%;
}

.button1    {
    height: 5vh;
    width: 15vw;
    color: #fff;
    cursor: pointer;
}

/***Bannière Car***/

#Home-CAR-Article   {
    height: 50vh;
    display: flex;
    margin: 10vh 6vw;
    border: 3px solid black;
    border-radius: 10px;
}

#CARB-Img   {
    width: 100%;
    background-image: url("CAR/CAR-AllCars.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

#CARB-Txt   {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    padding: 5%;
}

#CARB-Txt h3    {
    font-size: 2em;
    font-family: "Nexa-Black", sans-serif;
    margin-bottom: 10%;
}

#CARB-Txt p {
    font-size: 1em;
    font-family: "Nexa-Regular", sans-serif;
    line-height: 23px;
    margin-bottom: 3%;
}

/**Version mobile**/

@media screen and (max-width: 720px) and (min-width: 320px)   {
    
    /***Header***/
    
    #header-h1h2    {width: 85vw; top: 15%;}
    
    #header-h1h2 h1 {font-size: 2.5em; margin-bottom: 20px;}
    
    #header-h1h2 h2 {font-size: 1.1em; margin-bottom: 20px;}
    
    /***TXT1***/

    #Txt1-Central  {text-align: center;}

    #Txt1-Central h3    {margin-bottom: 3vh; font-size: 1.5em;}

    #Txt1-Central p {line-height: 25px;}
    
    /***Selecteur Produit***/
    
    #Home-SelecteurProduit  {
        height: 40vh;
        display: block;
    }
    
    #Image-Produit {display: none;}
    
    #Nom-Produits   {
        width: 100%;
        justify-content: center;
    }
    
    #Nom-Produits ul li a:not(.UnavailableTxt):hover {
        color: #674230;
    }
    
    /***Selecteur Produit***/
    
    #Valeurs-Animations {height: 66vh;}
    
    #TxtValeurs ul li    {
        font-size: 1.5em;
    }
    
    /***Selecteur Produit***/
    
    #Home-SavoirFaire-Article   {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 60vh;
        border: none;
        margin-top: 5vh;
    }
    
    #SFA-Img   {
        height: 30vh;
        width: 80vw;
        border-radius: 15px;
    }
    
    #SFA-Txt    {text-align: center; justify-content: center;}
    
    #SFA-Txt h3 {font-size: 1.5em; padding: 3px;}
    
    #SFA-Txt p {
        font-size: 1em;
        padding: 3px;
    }
    
    .button1 {
        height: 5.7vh;
        width: 50vw;
    }
    
    /***Selecteur Produit***/
    
    #Home-SavoirFaire-Article   {
        margin: 1vh 6vw;
    }
    
    /***Bannière Car***/
    
    #Home-CAR-Article   {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        height: 60vh;
        border: none;
    }
    
    #CARB-Img   {
        height: 30vh;
        width: 80vw;
        border-radius: 15px;
    }
    
    #CARB-Txt    {text-align: center; justify-content: center;align-items: center;}
    
    #CARB-Txt h3 {font-size: 1.5em; padding: 3px;}
    
    #CARB-Txt p {
        font-size: 1em;
        padding: 3px;
    }

}

/**Version mobile paysage **/

@media (orientation: landscape) and (max-device-width : 812px) {
    
    /***Selecteur de produits***/
    
    #Home-SelecteurProduit  {height: 100vh;}
    .SideProductIMG img {height: 100vh;}

    /***Article 1***/
    
    #Home-SavoirFaire-Article   {height: 75vh;}
    #Home-CAR-Article   {height: 75vh;}
    .button1    {height: 8vh;}
    #CARB-Txt   {text-align: left;}
    #SFA-Txt    {text-align: left;}
}
/*Version 2.5
By l-ct.fr
0x b0 29 12 52 e0 cb 0c b3 0f 1c */