#page{height:100vh;overflow:hidden}div.bandeau{background-color:#497e76;height:10vh;line-height:10vh}div.bandeau>img{padding-left:20px;width:200px}.gauche>h1,h4,h4>a{color:#252850;font:700 2.5rem Cambria,serif}#titre>.gestion{left:20%;line-height:2em;position:fixed;top:350px}#titre>.simple{left:30%;text-align:end;top:470px}#titre>.reseau,#titre>.simple{line-height:2em;position:fixed}#titre>.reseau{left:27%;top:620px}.gauche>h4{bottom:20px;left:100px;position:fixed}#triangle1{border-bottom:150px solid transparent;border-left:260px solid #bdd6d0;border-top:150px solid transparent;top:180px}#triangle1,#triangle2{height:0;position:fixed;width:0}#triangle2{border-bottom:250px solid transparent;border-left:433px solid #497e76;border-top:250px solid transparent;top:320px}div.droite{background:url(/build/images/iStock.285f3a3b.jpg) no-repeat 0 -600px;height:90vh}.droite>.form{background-color:#fff;border-radius:50px;display:inline-block;left:50%;margin:auto;max-width:600px;padding:30px;position:relative;top:20%;transform:translateX(-50%);width:75%}.droite>.form>img{display:block;margin:auto;width:150px}@media screen and (max-width:1280px) and (min-width:480px){div.bandeau>img{width:150px}#titre>.gestion,#titre>.reseau,#titre>.simple{display:none}.droite>.form{position:fixed;top:30%;width:90%}.gauche>h1{font:700 2rem Cambria,serif;left:150px;top:100px;z-index:5}.gauche>h4{bottom:30px;left:50%;position:fixed;transform:translateX(-50%)}.gauche>h4,.gauche>h4>a{color:#bdd6d0}}@media screen and (max-width:480px){div.bandeau>img{width:100px}#titre>.gestion,#titre>.reseau,#titre>.simple,div.gauche{display:none}div.droite{width:100%}.droite>.form{border:thin solid #252850;top:10%;width:70%}.droite>.form>img{width:50%}.col{flex:auto}#page{overflow:auto}}