.container--infos,.container--success{box-sizing:border-box;margin:auto;padding:20px;width:400px}.container--success{display:none}.container--error{border:2px solid red;border-radius:5px;display:none;font-size:1rem;margin-bottom:10px;padding:15px}.infos--header{font-size:1.2rem;font-weight:700;padding:20px 0}.infos--message--header{align-self:flex-start;color:#858585;margin-bottom:20px;margin-top:20px}.infos--info{align-items:center}.infos--info input{width:90%}.infos--info input,.infos--info select{border:2px solid #309283;border-radius:5px;margin-bottom:10px;outline-color:#309283;padding:15px}.infos--info select{width:100%}.infos--info textarea{border:2px solid #309283;border-radius:5px;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:1rem;outline-color:#309283;padding:15px;width:90%}.infos--message--info{color:#858585;font-size:1rem}.infos--info{display:flex;flex-direction:column;margin-bottom:20px}.infos--info .valid--btn-contact{background-color:#309283;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;outline:none;padding:15px 30px;transition:all .2s ease-in-out}.infos--friend .infos--form-error,.infos--info .infos--form-error{border:2px solid red}@media only screen and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){.container--infos,.container--success{width:100%}}