@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html, body {background: #F3ECDD url("../img/apostrophe.png") no-repeat 100% -200%; margin: 0; padding: 0; font-family: "Montserrat", sans-serif; color:#01666A; font-size: 16px; line-height: 1.7em;}
div {box-sizing: border-box}
h1, h2 {font-size: 24px; font-weight: 700; margin-top: 0}
a {color:#01666A;}
.main {width:100%; margin: 0; padding: 30px}
.content {width: 100%; max-width: 900px; margin: auto}
.logo {margin-bottom: 50px}
.deuxcol {display: flex; flex-direction: row; justify-content: space-between}
.intro {width:calc(35% - 30px)}
.formulaire {width:65%; background: rgba(255,255,255,.7); border-radius: 10px; padding: 30px;-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px)}
.formulaire input, .formulaire textarea {width:100%; border: 1px solid #01666A; border-radius: 2px; padding: 5px; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 10px; background: transparent; color: #FFA99C; font-weight: 600; box-sizing: border-box}
.formulaire input::placeholder, .formulaire textarea::placeholder {color:#01666A; font-weight: 400}
.formulaire input:focus, .formulaire textarea:focus {border: 1px solid #FFA99C; color: #FFA99C}
.formulaire .submit {width:100%; border: 1px solid #FFA99C; border-radius: 2px; padding: 5px; font-family: "Montserrat", sans-serif; font-size: 16px; line-height: 1.7em; margin-bottom: 10px; background: #FFA99C; color: #FFFFFF; font-weight: 600; text-transform: uppercase}
.formulaire input:-webkit-autofill, .formulaire input:-webkit-autofill:focus {transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #FFA99C;}


@media screen and (max-width:798px){
html, body {background: #F3ECDD url("../img/apostrophe.png") no-repeat top -200px right -300px}
.deuxcol {flex-direction: column;}
.intro,.formulaire{width:100%}
}

.grecaptcha-badge {display: none; visibility: hidden}