*{
    font-family: 'Montserrat', sans-serif;
}



/* formulaire  */
form input{
    margin: auto;
    text-align: left;
}
form{
    /* max-width: 600px; */
    margin: auto;
}

form h3{
    margin-top:0;
}
.img-input
{
    width: 200px;
    height: 30px;
    margin-bottom: 10px;
    border: 1px solid #cecece;
    border-radius: 5px;
    vertical-align: top;
}


input[type="month"]{
    width: 200px;
}
button#generer{
    box-shadow: 0 0 5px #000;
    background: rgba(206,206,206,0.75);

    overflow: hidden;
}

.bloc-main-project #description_main_project
{
    width: 100%;
    height: 70px;
    text-align: justify;
    border-color: #cecece;
    border-radius: 5px;
}

#url-main-project
{
    width: 100%;
}

.form-group{
    /* border: 1px solid; */
    box-shadow: 0px 0px 12px #000;
    padding: 15px 20px;
    background: rgba(206,206,206,0.75);
    border-radius: 5px;

}

/* .form-group h3{
    text-decoration: underline;
} */


form textarea{
    width: 100%;
}
form label{
    width: 100%;
    margin-top: 20px;
}


.bloc-date, 
.bloc-main-project{
    width:900px;
    margin: 15px auto 30px;
}

.bloc-projets-annexes{
    display: flex;
    justify-content: space-around;
    margin: 15px 0;
}
.bloc-projets-annexes .description_project{
    height: 85px;
    text-align: justify;
    padding: 5px 10px;
    border-color: #cecece;
    border-radius: 5px;


}
.bloc-projets-annexes .form-group{
    max-width: 600px;
    width:25%;
}

.preview-img-bloc{
    box-shadow: 0 0 5px #000;
    background: #fff;
}




/* Btn submit - loading animation */
#gear_1{width: 75px;}
#gear_2{width: 50px;}


/* ************ */
/* Message info */

#bloc-message{
    text-align: center;
    margin-top: 20px;
}
#bloc-message p{
    color: #000;
}

footer .container{
    height: 200px;
}



/* Alerte message */
.error{
    color: red;
    font-size: 18px;
}

.success{
    color: green;
    font-size: 18px;

}