/**Feuille de Style | General CAR.html**/
/*Version Desktop*/

/*CAR.html | Header*/

header  {
    height: 70vh;
    width: 100vw; 
}

.mainLogotype   {
    position: relative;
    top: 25vh;
    left: 10vw;
    height: auto;
    width: 30vw;
}

header h2   {
    position: relative;
    top: 30vh;
    left: 10vw;
    height: auto;
    width: 50vw;
    font-family: "Monument-Extended_Black", sans-serif;
    font-size: 3.5em;
}

/*CAR.html | L-IMG*/

figure  {
    height: auto;
    width: 100vw;

}

.L-IMG  {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
}

.L-IMG img  {width: 80vw;}

/*CAR.html | H-Galerie*/

.SH-Galerie {
    display: flex;
    justify-content: center;
    align-items: center;
}

.H-Galerie  {
    height: auto;
    width: 80vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 30px 1fr;
    grid-gap: 20px;
}

.H-Galerie img  {
    width: 100%; 
    height: 100%; 
    object-fit: cover;
}

#H-G1   {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}
#H-G2   {
    grid-column: 2 / span 1;
    grid-row: 1 / span 2;
}
#H-G3   {
    grid-column: 1 / 2;
    grid-row: 2 / span 2;
}
#H-G4   {
    grid-column: 2 / 3;
    grid-row: 3 / span 1;
}

/*CAR.html | Textes X3*/

.TxtX4  {margin: 10vh 0;}
.TxtX4 h3   {font-size: 2em;}

/*CAR.html | Image sur toute la longeur*/

.XL-IMG {margin: 20px 0;}
 
.XL-IMG img  {
    width: 100vw;
}

/*CAR.html | Selecteur de voiture*/

.carousel   {margin: 10vh 0;}

.carousel-items {
    display: flex;
    overflow-x: scroll;
    padding: 1rem 0;
    scroll-snap-type: x mandatory;
}

.carousel-item {
    flex: 1 0 250px;
    margin-left: 1rem;
    scroll-snap-align: start;
}

.card img   {width: auto; height: 400px; transition: transform 0.6s ease-in-out;}

.card img:hover {
    transform: scale(0.95, 0.95);
}

.carousel-items::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

.carousel-items::-webkit-scrollbar {
    height: 10px;
    background-color: #F5F5F5;
}

.carousel-items::-webkit-scrollbar-thumb {
    background-color: #3d4852;
    border-radius: 3px;
}

.indispoCar {
    filter: grayscale(100%);
    cursor: not-allowed;
}

/**Feuille de Style | 206CC**/

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

#P206-C1 {grid-column: 1; grid-row: 1 / 3;}
#P206-C2 {grid-column: 2; grid-row: 1 / 2;}
#P206-C3 {grid-column: 1; grid-row: 3;}
#P206-C4 {grid-column: 2; grid-row: 2/ span 2;}

#P206-D1 {grid-column: 1; grid-row: 1 ; height: 23.5vh;}
#P206-D2 {grid-column: 2; grid-row: 1 / span 2; height: 50vh;}
#P206-D3 {grid-column: 1; grid-row: 2 ; height: 23.5vh;}

#P206-E1 {grid-column: 1; grid-row: 1 ; height: 23.5vh;}
#P206-E2 {grid-column: 2; grid-row: 1 / span 2; height: 50vh;}
#P206-E3 {grid-column: 1; grid-row: 2 ; height: 23.5vh;}

.listeObject    {
    height: 70vh;
    width: 80vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.listeObject ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.listeObject ul li  {
    text-align: center;
}

.listeObject ul li strong  {
    font-size: 4em;
    font-family: "Nexa-Black", sans-serif;
    
}

/**Feuille de Style | Mini Pioneer**/

#MiniP-C1 {grid-column: 1; grid-row: 1 / span 2;}
#MiniP-C2 {grid-column: 2; grid-row: 1 / span 1;}
#MiniP-C3 {grid-column: 1; grid-row: 3 / span 2;}
#MiniP-C4 {grid-column: 2; grid-row: 2 / span 3;}

/**Feuille de Style | Fiat 500 ADDX**/

.FDX-FW2    {object-position: bottom;}

/**Feuille de Style | S8**/

.TopHeauderPosition {object-position: top;}

/*Version mobile*/
@media screen and (max-width: 720px) and (min-width: 320px) {

    header  {height: 50vh;}

    header h2   {width: 80vw; top: 27vh; text-align: center; font-size: 1.5em;}

    .mainLogotype   {
        top: 20vh;
        left: 5vw;
        width: 90vw;
    }
    
    .listeObject ul li strong   {font-size: 1.7em;}
}

/*Version paysage mobile*/

@media (orientation: landscape) and (max-device-width : 812px) {
    
    .CAR-Txt  {height: 100vh;}
    
    header h2   {
        font-size: 2em;
        width: 60vw;
    
}

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