/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* --------------------------------------------- CSS --------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------- GLOBAL ------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

* {
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
}

h1 {
    margin: 0 20px 20px 20px;
    padding-top: 20px;
    color: #095228;
}

h2,
p {
    margin: 10px;
}

h3 {
    margin: 10px;
    color: #095228;
}
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------- HEADER ------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

nav {
    width: 100%;
    background: #e8e9e1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
}

#imgNavLogo {
    width: 100px;
    margin-left: 20px;
}

#ulNav {
    display: flex;
    margin-right: 20px;
}

.liUlNav {
    margin: 10px;
}

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* --------------------------------------- SECTION HOME ------------------------------------------ */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

#sectionHome {
    background-color: #e8e9e1;
}

#imgSectionHome {
    width: 100%;
}

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ------------------------------------ SECTION PRESENTATION ------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

#sectionPresentation {
    background-color: #e8e9e1;
    text-align: center;
    padding-bottom: 20px;
}

.h2SectionPresentation {
    color: #095228;
}

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------- SECTION SERVICES --------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

#sectionServices {
    padding: 20px 0;
    background-color: #095228;
}

#h2SectionServices {
    text-align: center;
    color: #e8e9e1;
}

.divServices {
    width: 80%;
    margin: 30px auto;
    border: 2px solid #adadad;
    border-radius: 20px;
    background-color: #e8e9e1;
    box-shadow: 0 0 4px 0px #e8e9e1;
}
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* --------------------------------------- SECTION TROIS ----------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

#sectionTrois {
    background-color: #e8e9e1;
    padding: 20px 0;
}

#h2SectionTrois {
    text-align: center;
    margin-bottom: 20px;
    color: #095228;
}

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* --------------------------------------- SECTION QUATRE ---------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

#sectionQuatre {
    padding: 20px 0;
    background-color: #095228;
}

#h2SectionQuatre {
    text-align: center;
    color: #e8e9e1;
}
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------- SECTION CINQ ----------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

#sectionCinq {
    background-color: #e8e9e1;
    padding: 20px 0;
}

#h2SectionCinq {
    text-align: center;
    color: #095228;
}

#pSectionCinq {
    text-align: center;
}
