@import url("normalize-dist.css");h1,img{display:none}*,*::after,*::before{box-sizing:border-box}body{width:100vw;min-width:420px;margin:0px;background:#000;font-size:1em;color:#fff;font-family:arial;overflow:hidden}a{color:#fff;text-decoration:none;font-size:.85em}.button{display:block;margin:12px auto;padding:3px;width:110px;border:1px solid #fff;border-radius:5px;text-align:center;color:#fff;cursor:pointer;transition:all 0.7s ease-in-out}.button:hover,.button:active{background:#fff;color:#000}#haut{width:85%;height:710px;background:url(../img/BAIX_Jardins_Logo_phone.png) top center no-repeat;background-size:cover}#bas{position:absolute;width:100%;bottom:0px;padding:10px}#bas h2{font-size:1em;font-weight:200}#bas adress{display:block;font-size:.7em;text-align:center}#popup,#message{position:absolute;top:0px;left:calc(50% - 210px);padding:10px;width:420px}#message p{color:#00a03b}form{margin-top:15px;padding:10px;display:flex;background:rgba(0,0,0,0.85);flex-direction:column;align-content:center;border:1px solid #fff}form i{text-align:right;cursor:pointer}form label{text-transform:uppercase;margin:3px 3px 5px;font-size:.9em;color:#fff}form input,form textarea{display:block;margin:0px 0px 20px;padding:7px;width:100%;color:#fff;background:transparent;border:0px solid rgba(128,128,128,0.7);border-bottom-width:1px;outline:none;transition:all 0.7s ease-in-out}form input:valid,form textarea:valid{border:0px solid #00a03b;border-bottom-width:1px}form input:invalid,form textarea:invalid{border:0px solid rgba(128,128,128,0.7);border-bottom-width:1px}form input:focus,form textarea:focus{border:0px solid #fff;border-bottom-width:1px}form label+input:invalid{color:orange}form .button:valid{border:1px solid #fff}form textarea{height:50px}@media screen and (min-width: 1024px){#haut{width:50%;background:url(../img/BAIX_Jardins_Logo_tablet.png) top center no-repeat;background-size:cover}#bas{padding:0px 10%}}