:root{--whitecolor: #181818;color:#181818}a{text-decoration:none;color:#181818}body{background-color:#f7f7f7;color:#181818;touch-action:manipulation;width:100vw;height:calc(100vh - 77px);display:flex}header{position:relative;height:auto;width:100%}main{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.ImageBanner{width:100%;height:65%;display:flex;justify-content:center}.button{display:flex;align-items:center;gap:5px;background-color:var(--whitecolor);padding:3px 10px;color:#f7f7f7;transition:all .5s cubic-bezier(.535,.09,0,1)}.button a{color:#f7f7f7}.button:hover{cursor:pointer}.IMGCONTAINER{height:100%;width:100%;object-fit:cover;object-position:center;overflow:hidden;display:flex;justify-content:center;align-items:center;border-top:solid 1px var(--whitecolor)}.IMGCONTAINER img{width:100%;height:auto;object-fit:cover;object-position:center;filter:grayscale()}.textInfo{width:100%;height:35%;padding:var(--marges);display:flex;gap:var(--marges);line-height:normal}.Droite{width:50%;height:100%;display:flex;align-items:flex-end;text-align:justify}.Gauche{width:50%;height:100%;display:flex;flex-direction:column;align-items:flex-end;text-align:justify;justify-content:flex-end;gap:5px}@media screen and (max-width: 900px){.IMGCONTAINER{height:100%}.IMGCONTAINER img{width:200%}.textInfo{flex-direction:column;height:50%}.ImageBanner{height:50%}.Droite{width:100%;align-items:flex-start;height:max-content}.textInfo{overflow:auto;gap:5px;justify-content:space-between}.Gauche{width:100%;height:auto;display:flex;justify-content:space-between;gap:10px}}@media screen and (max-width: 380px){.textInfo{height:70%}.ImageBanner{height:30%}}