:root{--noir: black;--blanc: white;--gris: rgb(112, 110, 110);--rouge: rgb(165, 30, 30)}*{color:var(--blanc);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.9rem;box-sizing:content-box}html{height:100%;scroll-behavior:smooth;overflow-x:hidden}a{text-decoration:none}.titre{font-size:1.8rem;font-weight:700}.disposition{margin:0 80px;border:2px solid var(--gris);border-top:none;border-bottom:none;display:grid;box-sizing:border-box;width:100%;justify-items:stretch;grid-template-rows:1fr 2.5fr;row-gap:2rem;padding:0rem 5rem}.images{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.reveal{position:relative;transform:scale(.5);opacity:0;transition:.8s all ease}.slide{position:relative;top:-100px;left:-150px;opacity:0;transition:1s all ease}.slide.active1{top:0;left:0;opacity:1}.reveal.active{transform:scale(1);opacity:1}body{height:100%;width:100%;margin:0;box-sizing:border-box;background-color:var(--noir);display:flex;flex-direction:column;align-items:center;justify-items:center}#home{font-weight:600;text-decoration:underline}.image{display:flex;flex-direction:column}.image .qui{display:none;align-items:center;justify-content:center}.qui .conteneur{width:90%;border-radius:1.5rem;background-image:linear-gradient(to right,gray,#ad1e1e);display:flex;height:3rem;justify-content:around;align-items:center}.profil{margin-left:1rem;height:3rem;width:3rem;border-radius:50%;background-size:100% auto;background-position-x:center;background-position-y:0px}.nom{margin-left:1rem;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center}.clone{position:absolute;opacity:1;transition:opacity .5s ease;z-index:100}nav a{font-size:1.8rem;cursor:pointer}nav img{width:auto;height:3rem;margin-right:auto}#welcome div button,#submit{background-color:transparent;width:16rem;height:4rem;margin:1rem 1.5rem;font-size:1.2rem;background-image:linear-gradient(to right,#c0aaaa80,#a51e1eb3 90%);border:none}button{cursor:pointer;background-color:transparent;border:none}#contact input,select,#contact p,form div label{background-color:transparent;border:none;border-bottom:1px solid var(--gris);font-size:medium}form{display:flex;flex-direction:column;row-gap:1.5rem}.choix{width:6rem;height:2rem;border:1px solid var(--blanc)}.petitTitre{font-size:1.3rem}.point{width:3px;height:3px;border:1px solid rgb(38,97,226);border-radius:50%;margin:0rem .5rem}#presentation{background-image:url(/batman/Bathome1.png);background-size:100% auto;background-repeat:no-repeat;width:100%;background-origin:border-box}#presentation nav{padding:3rem 5rem;display:flex;column-gap:2rem;border-bottom:2px solid var(--gris)}#welcome{display:flex;flex-flow:column nowrap;text-align:center;justify-content:center;align-items:center;padding:1rem 16rem;visibility:visible}#nemesis{scroll-behavior:smooth}#welcome p,.disposition p{font-size:1.5rem;font-weight:300}#welcome button{border:none;background-color:transparent;margin-top:16rem;background-image:linear-gradient(to right,#c0aaaa80,#a51e1eb3 90%)}#welcome button:hover{background-image:linear-gradient(to right,#c0aaaa,#a51e1e 90%)}#batContact{position:absolute;display:flex;flex-direction:column;align-items:center;row-gap:2rem;column-gap:2rem;right:30px;top:16rem}#presentation2{grid-template-rows:1fr 4fr;padding:0rem}.photoGrosPlan{background-image:url(/batman/Bathome11.png);width:100%;height:640px;background-position:center}#multimedia h1+div{display:grid;grid-template-columns:1fr 3fr 1fr;column-gap:1.5rem;align-items:center;justify-items:center}#mediaInfo{border-style:outset;border-width:1px;border-color:var(--gris);height:230px;width:34rem;border-radius:1rem;display:grid;grid-template-columns:1fr 3fr;overflow:hidden}#mediaInfo div:nth-child(2){display:flex;flex-flow:column nowrap;background-image:linear-gradient(135deg,#464a4d,#273a37)}#mediaInfo p{font-size:small;margin:.3rem}#contact{display:flex;flex-direction:column;align-items:stretch;padding:2rem 22rem;background-image:linear-gradient(135deg,#464a4d,#273a37);row-gap:1rem}#reception{display:flex;column-gap:1rem;justify-content:center}#submit{align-self:center}#info{display:flex;align-items:center;flex-direction:column}.p5{background-color:#2661e2}.nom p{font-size:1.2rem}@media (max-width: 1030px){nav{justify-content:center;align-items:center}nav img{display:none}.disposition{margin:0rem}#batContact{position:relative;top:50px;right:0;flex-direction:row}.bat1,.bat2{transform:rotate(-90deg)}#multimedia h1{margin-left:4rem}}@media (max-width: 990px){#welcome{padding:0rem}#contact{padding:2rem}.disposition{padding:0rem;justify-items:center;align-items:center}}@media (max-width: 670px){#batContact{scale:.5;top:-30px}*{font-size:.65rem}.disposition div p{width:80%;align-self:center;justify-self:center;margin-left:5rem}h1{margin-left:5rem}.disposition{width:100vw}#multimedia div{width:100%!important}#multimedia button{display:none}#multimedia h1+div{grid-template-columns:1fr}.images img{width:40vw}.imgCote{width:300px;height:auto;top:-200px}#welcome p{margin:0 0 20px}}