*, .row, ::before, ::after {
	box-sizing: border-box;
	margin: 0!important;
	padding: 0!important;
    /*font-family: 'Permanent Marker', cursive;*/
    font-family: 'Roboto', sans-serif;
    color: #1a1818;
}

a {
    text-decoration: none!important;
    color: #ece7e1!important;
}
#main {
    width: 100%;
    min-height: 100vh;
}

.c-noise {
    background-image: url(img/noise.gif);
    height: 300%;
    left: -50%;
    opacity: .032;
    position: fixed;
    top: -100%;
    width: 300%;
    z-index: 100;
    pointer-events: none;
}
/* SECTION ACCUEIL */
.accueil {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #1a1818;
    overflow: hidden;
    text-transform: uppercase;
}
.black {
    width: 100%;
    height: 100vh;
    background: #1a1818;
}
.black .nom {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}
.black .nom h1 {
    color: #ece7e1;
    font-size: 70px;
}
.white {
    width: 100vw;
    height: 100vh;
    background: #ece7e1;
}
.white .titre {
    position: relative;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}
.white .titre h1 {
    color: #1a1818;
    font-size: 50px;
}

/* SECTION ACCUEIL */


/* SECTION PROPOS */
    .propos {
        width: 100%;
        height: 100vh;
        background: #1a1818;
        overflow: hidden;
    }
    .titre_propros h1 {
        padding: 25px 0!important;
        background: #1a1818;
        color: #ece7e1!important;
    }
    .white_description {
        width: 100%;
        height: 100vh;
        background: #1a1818;
        display: flex;  
        justify-content: center;  
        align-items: center;
    }
    .propos p {
        padding: 25px!important;
        color: #ece7e1;
        font-size: 37px;
    }

/* SECTION PROPOS */


/* SECTION PROJETS */

    .projets {
        width: 100%;
        height: 100vh;
        background: #ece7e1;
        overflow: hidden;
    }
    .titre_projet h1 {
        padding: 25px 0!important;
    }
        
        
/* SECTION PROJETS */

/* SECTION PROJET_01 */

    .projet_01 {
        background: #1a1818;
        height: 100vh!important;
        position: relative;
        padding: 25px 55px!important;
        display: flex;
        flex-direction: column; /* Permet une disposition en colonne pour centrer verticalement */
        justify-content: flex-start; /* Aligne le contenu en haut de la section */
        align-items: center; /* Centre les éléments horizontalement */
        text-transform: uppercase;
    }
    .titre_projet_01 h1 {
        text-align: center;
        color: #ece7e1!important;
        font-size: 35px;
    }
    .projet_01_detail {
        height: 100vh; /* Ajuste la hauteur pour centrer verticalement */
    }
    .projet_01_detail_description {
        display: flex;
        flex-direction: column; /* Permet une disposition en colonne pour centrer verticalement */
        justify-content: center; /* Aligne le contenu en haut de la section */
        align-items: center; /* Centre les éléments horizontalement */
    }
    .projet_01_detail_description p {
        color: #ece7e1!important;
        padding: 15px!important;
        font-size: 25px;
    }
    .projet_01_detail_image {
        display: flex;
        flex-direction: column; /* Permet une disposition en colonne pour centrer verticalement */
        justify-content: center; /* Aligne le contenu en haut de la section */
        align-items: center; /* Centre les éléments horizontalement */
    }

/* SECTION PROJET_01 */

/* SECTION PROJET_02 */

    .projet_02 {
        background: #ece7e1;
        height: 100vh!important;
        position: relative;
        padding: 25px 55px!important;
        display: flex;
        flex-direction: column; /* Permet une disposition en colonne pour centrer verticalement */
        justify-content: flex-start; /* Aligne le contenu en haut de la section */
        align-items: center; /* Centre les éléments horizontalement */
        text-transform: uppercase;
        color: #1a1818!important;
    }
    .titre_projet_02 h1 {
        text-align: center;
        color: #1a1818!important;
        font-size: 35px;
    }
    .projet_02_detail {
        height: 100vh; /* Ajuste la hauteur pour centrer verticalement */
    }
    .projet_02_detail_description {
        display: flex;
        flex-direction: column; /* Permet une disposition en colonne pour centrer verticalement */
        justify-content: center; /* Aligne le contenu en haut de la section */
        align-items: center; /* Centre les éléments horizontalement */
        color: #1a1818!important;
    }
    .projet_02_detail_description p {
        padding: 15px!important;
        font-size: 25px;
    }
    .projet_02_detail_image {
        display: flex;
        flex-direction: column; /* Permet une disposition en colonne pour centrer verticalement */
        justify-content: center; /* Aligne le contenu en haut de la section */
        align-items: center; /* Centre les éléments horizontalement */
    }

/* SECTION PROJET_02 */

/* SECTION PROJET_03 */

    .projet_03 {
        background: #1a1818;
        height: 100vh!important;
        position: relative;
        padding: 25px 55px!important;
        display: flex;
        flex-direction: column; /* Permet une disposition en colonne pour centrer verticalement */
        justify-content: flex-start; /* Aligne le contenu en haut de la section */
        align-items: center; /* Centre les éléments horizontalement */
        text-transform: uppercase;
    }
    .titre_projet_03 h1 {
        text-align: center;
        color: #ece7e1!important;
        font-size: 35px;
    }
    .projet_03_detail {
        height: 100vh; /* Ajuste la hauteur pour centrer verticalement */
    }
    .projet_03_detail_description {
        display: flex;
        flex-direction: column; /* Permet une disposition en colonne pour centrer verticalement */
        justify-content: center; /* Aligne le contenu en haut de la section */
        align-items: center; /* Centre les éléments horizontalement */
    }
    .projet_03_detail_description p {
        color: #ece7e1!important;
        padding: 15px!important;
        font-size: 25px;
    }
    .projet_03_detail_image {
        display: flex;
        flex-direction: column; /* Permet une disposition en colonne pour centrer verticalement */
        justify-content: center; /* Aligne le contenu en haut de la section */
        align-items: center; /* Centre les éléments horizontalement */
    }

/* SECTION PROJET_03 */
/* SECTION CONTACT */
    .contact {
        background: #ece7e1;
        height: 100vh!important;
        position: relative;
        padding: 25px 55px!important;
        display: flex;
        flex-direction: column; /* Permet une disposition en colonne pour centrer verticalement */
        justify-content: flex-start; /* Aligne le contenu en haut de la section */
        align-items: center; /* Centre les éléments horizontalement */
        text-transform: uppercase;
    }
    .titre_contact h1 {
        text-align: center;
        font-size: 35px;
    }
    .contact_detail {
        display: flex;  
        justify-content: center;  
        align-items: center; 
        flex-direction: column; 
        text-align: center; 
        height: 100vh; 
    }
    .contact_detail h3 a {
        color: #1a1818!important;
    }
    .contact_detail p a {
        color: #1a1818!important;
        text-transform: lowercase!important;
    }
    .btn {
        border: 1px solid #1a1818!important;
        width: 170px;
        height: 50px;
    }
    .btn:hover {
        border: 1px solid #fff!important;
        width: 170px;
        height: 50px;
    }
/* SECTION CONTACT */