/*------------------------------------------------------------------
[Table of contents]
1. CSS Libraries
2. Global CSS
3. Header et Menu
4. Image de fond
5. Gestion des colonnes de text
6. Footer

-------------------------------------------------------------------*/

/* ===================================
    1. CSS Libraries
====================================== */

@import url("css/clear.css");
@import url("css/sm-clean.css");
@import url("css/common.css");

/* ===================================
    2. Global CSS
====================================== */

body {

    font-family: 'Questrial', sans-serif;
    font-size: 20px;
    line-height: 35px;
    font-weight: 200;
    color: #ffffff;
    background-color:#cecece;
    overflow-x: hidden;
}

body a {
    color: #031e23;
    transition: color .3s ease;
    text-decoration: none;
}
/* Positionne correctement les sections et leur donne la bonne taille*/
.section-wrapper {
    position: relative;
    padding: 135px 0;
}
/* Permet de créer une liste mais en rendant les points invisibles*/
ul {
    list-style: none;
}
/* Pour mettre les points du header en noir*/
.blackpoint::before {
    content: "\2022";
    color: black;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

/* Pour mettre les points dans les text des différentes sections en rouge*/
.redpoint::before {
    content: "\2022";
    color: red;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.logolemogne {
margin-left: 16%;
}

.logotop{
    margin-top: 15%;
}

/* ===================================
    3. Header et Menu
====================================== */
.header-holder {
    z-index: 99 !important;
    width: 100% !important;
    top: 0;
    position: fixed;
    -webkit-transform: translateZ(0);
    background-color: #000;
}
/*Permet de bien positionner le menu dans le header*/
.menu-holder {
    float: right;
    max-width: 85%;
}
/*Gere la couleur de fond du menu dans le header*/
.sm-clean {
    background-color: transparent;
    padding: 15px;
}

/* ===================================
    4. Image de fond
====================================== */
/* Gere l'image de fond entre les deux sections*/
.home-full-width-background {
    height: 70vh;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0;

}



/* ===================================
  PRESENTATION
====================================== */
/* Gere la couleur des sections*/
#presentation{
    background: #000;
}

/* ===================================
    5. Gestion des colonnes de texte
====================================== */

/* Mettre le paragraphe "notre engagement" à cote du paragraphe "notre identite"
.wrapper-2-col{
    display: flex;
}
*/
/* ===================================
    6. Footer
====================================== */

/* Pour gerer les caracteristiques du footer*/
.footer {
    font-size: 16px;
    line-height: 36px;
    clear: both;
    color: #fff;
    padding: 0 2em 0 2em;
    background-color: #000;
}

/* Pour gerer la police d'ecriture du text du footer et sa position*/
.footer-submenu{
    width: 66%;
    font-size: 10px;
    font-weight: 700;
    margin-left: 33%;
}