body, html {
background-color: #DCDCDC;
        font-family: 'noto sans', serif;
      }


 /* PAGE CONTACT */

 .contact {
width: 100%;
margin: 0;
background-color: c2c2c2;
margin-right: 0px;
margin-left: 0px;
bottom: 0px;
margin-right: auto;
margin-left: auto;
display: ruby-text;
overflow-y: scroll!important;
overflow-x: none;
 }

 .contact100-form-btn {
   font-family: 'noto sans', serif;
   padding-bottom: 15vmin;
   margin:auto;
 }



 .mail {
width: 100%;
height: auto;
padding-top: 10vmin;
display: block;
 }

  .form {
width: 40%;
height: auto;
display: block;
padding-left: 5vmin;
 }

 .mail h1 { margin: 0;
  font-size: 2.4vmin;
  color: white;
  margin-left: 2vmin;
  font-family: 'noto sans', serif;
  font-weight: 200;
  font-style: italic;
  color: black;
  margin-left: 20%;
  line-height: 4vmin;
}


.formulaire {
    margin-left: 12vmin;
     padding-left: 30vmin;
    padding-top: 12vmin;
    height: 40vmin;
    width: 100vmin;


 }

 input[type=text], select, textarea {
    width: 38,2vmin;
    height: 4vmin;
    box-sizing: border-box;
    margin-top: 6px;
    resize: vertical ;
    color: black;

}

textarea {
  color: black;
  height: 14vmin;
}


.link {
    width: 20vmin;
    height: 40vmin;
    padding-bottom: 8vmin;
    padding-top: 3.5vmin;
    margin-left: 18.5%;
}

.link img {
    width: 6vmin;
    height: auto;
    padding-top: 4vmin;

}

.link li {
    height: 9.6vmin;
}



.footer {
  position:absolute;
    bottom:6vmin;
    right:2vmin;
}



.contact100-form {
    width: 95%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 11.8vmin;
}

ul {
  text-decoration: none;
list-style-type: none;
height: auto;
}


.contact-form {
    width: 100%;
    max-width: 600px;
    padding: 20px;
    border-radius: 10px;
}

.contact-form label {
    display: block;
    margin-bottom: 8px;
}

.contact-form input,
.contact-form textarea {
    width: 80%;
    padding: 10px;
    margin-bottom: 20px;
}

.contact-form button {
    padding: 10px 20px;
    background-color: rgba(255, 160, 255);
    color: 000;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 2.4vmin;
    display: flex;
}

.contact-form button:hover {
    background-color: rgba(255, 160, 255);
}

#subject {
    width: 44%;
}


#name {
    width: 44%;
}