/******
Textes
******/
h1{
    font-size: 60px;
  }
  .titlePage {
      font-size: 128px;
  }
  .p{
      font-size: 20px;
  }

  /******
  
Nav
******/
.layout-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    height: 5vh;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.displayFlexJustifyContentStart {
    display: flex;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.displayFlexJustifyContentStart li a {
    text-decoration: none;
    font-weight: 400;
    font-size: 20px;
    transition: color 0.2s, border-bottom 0.2s;
    border-bottom: 2px solid transparent;
    color: #e2d4c0;
}
.displayFlexJustifyContentStart li a:hover {
    color: #d96c4a;
    /* border-bottom: 2px solid #C5A04A; */
}
.displayFlexJustifyContentStart li.active a {
    color: #d96c4a;
    /* border-bottom: 2px solid #C5A04A; */
}
.hamburger,
#filtre_vehicule_buttons {
    display: none;
}
/* wrapper */
.wrapper {
    display: grid;
    grid-template-columns: 26.6vw 26.6vw 26.6vw;
}
.wrapperCenter {
    display: grid;
    grid-template-columns: 26.6vw 26.6vw 26.6vw;
    justify-items: center;
    align-content: center;
    align-items: center;
}
.wrapperContact {
    display: grid;
    grid-template-columns: 30vw 46vw;
    justify-items: center;
    align-content: center;
    align-items: center;
}

/* ACCUEIL */
  .h1Accueil {
    font-size: 5em;
}
.h2Accueil {
    font-size: 3em;
}

/* COMPETENCES */
/* GRILLE */
.parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 8px;
}
.div2 {
    grid-column-start: 1;
    grid-row-start: 2;
}
.div3 {
    grid-column-start: 1;
    grid-row-start: 3;
}
.div4 {
    grid-column-start: 2;
    grid-row-start: 1;
}
.div5 {
    grid-column-start: 2;
    grid-row-start: 2;
}
.div6 {
    grid-column-start: 2;
    grid-row-start: 3;
}
.div7 {
    grid-column-start: 3;
    grid-row-start: 1;
}
.div8 {
    grid-column-start: 3;
    grid-row-start: 2;
}
.div9 {
    grid-column-start: 3;
    grid-row-start: 3;
}
.div10 {
    grid-column-start: 4;
    grid-row-start: 1;
}
.div11 {
    grid-column-start: 4;
    grid-row-start: 2;
}

/* FOOTER */
.footerCenter {
    justify-items: center;
    align-content: center;
    align-items: center;
}

/* Page Projet */
/* MJA */
.gridWhenTxtFirst {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.gridTitleWhenTxtFirst { grid-area: 1 / 1 / 2 / 3; }
.gridTxtWhenTxtFirst { grid-area: 2 / 1 / 3 / 2; }
.gridImgWhenTxtFirst { grid-area: 2 / 2 / 3 / 3; }

.gridWhenPicFirst {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.gridTitleWhenPicFirst { grid-area: 1 / 1 / 2 / 3; }
.gridTxtWhenPicFirst { grid-area: 2 / 2 / 3 / 3; }
.gridImgWhenPicFirst { grid-area: 2 / 1 / 3 / 2; }