@charset "utf-8";



select {
width: 100%;
height: 4em;
background-color: #f8f8f8;
color: #999;
border: none;
font-weight: 500;
padding: 1em;
margin-bottom: 1.5em;
}

select option {
}


input[type="text"], input[type="email"], input[type="password"], textarea {
width: calc(100% - 2em);
height: 2em;
border: none;
font-weight: 600;
padding: 1em;

color: #777;
background-color: #f8f8f8;
}

/*input[type="text"], input[type="email"], input[type="password"] {
width: calc(100% - 26px);
height: 24px;
font-family: 'Poppins', sans-serif;
font-size: 0.875em;
}
*/

input::placeholder, textarea::placeholder {
color: #777;
font-weight: 600;
font-size: 1em;
}

textarea {
height: 10em;
}

button.autosize {
width: auto !important;
padding: 1em 5em;
background-color: var(--clr1);
}

button {
width: 100%;
padding: 1em 1.5em;
border: none;
font-weight: 600;
font-size: 1em;
color: #fff;
cursor: pointer;
background-color: var(--clr3);
border-radius: 0.3em;
transition: all .15s ease-in-out;
}

button:disabled {
opacity: 0.5;
}






#contactForm input, #contactForm textarea {
text-transform: none !important;
}

.ligneform {
margin-top: 20px;
}
.colform {
float: left;
width: calc(50% - 15px);
margin-right: 30px;
}

.colform:last-child {
margin-right: 0;
}

/*.fondbleu {
background-color: #273759;
}*/

.fondbleu2 {
background-color: #219CD2;
}

.fondrouge {
background-color: #D22521;
}


/*input[type="text"], input[type="email"], input[type="password"] {
width: calc(100% - 26px);
height: 24px;
font-family: 'Poppins', sans-serif;
font-size: 0.875em;
}
*/
textarea {
width: calc(100% - 26px) !important;
height: 120px !important;
font-family: 'Poppins', sans-serif;
font-size: 0.875em;
}

button, input[type="button"] {
color: #ffffff;
border: none;
cursor: pointer;
line-height: 20px;
margin: 30px 0 0 0;
padding: 10px 30px 10px 30px;
text-align: center;
text-transform: uppercase;
}

#envoyer {
color: #ffffff;
/*background-color: #219cd2;*/
border: none;
padding: 10px 20px;
}

#envoyer.disabled {
opacity: 0.5;
}

label {
vertical-align: top;
height: 20px;
margin-left: 5px;
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
color: #777;
font-family: "Open Sans", Arial, sans-serif;
font-size: 14px;
}

.colsz {
display: inline-block;
width: 165px;
margin-right: 30px;
}

.colsz:last-child {
margin-right: 0;
text-align: right;
}