/* An open, level laptop: backward-tilted screen and foreshortened keyboard. */
@media(min-width:901px){
  body.mode-site .v-appareils .v-portable{transform:perspective(1400px) rotateY(-15deg) rotateZ(1deg) scale(.88);transform-origin:50% 70%;padding-bottom:105px}
  body.mode-site .v-appareils .v-portable .v-ecran{transform:skewX(-5deg) rotateX(-5deg);transform-origin:center bottom}
  body.mode-site .v-appareils .v-portable .v-clavier{left:-29%;width:129%;height:101px;bottom:7px;clip-path:polygon(22.5% 0,100% 0,83% 91%,81% 100%,1% 100%,0 90%);background:linear-gradient(165deg,#84919f 0%,#c2ccd7 17%,#e2e8ef 65%,#a1adbd 100%);border-top:2px solid #5f6c7c}
  body.mode-site .v-appareils .v-portable .v-clavier-touches{left:22%;right:8%;top:6px;height:44px;transform:skewX(-43deg) perspective(220px) rotateX(20deg);transform-origin:center top}
  body.mode-site .v-appareils .v-portable .v-trackpad{left:30%;width:25%;height:28px;bottom:9px;transform:skewX(-43deg);border-radius:3px}
  body.mode-site .v-appareils .v-portable .v-socle{left:-29%;width:107%;bottom:0;height:10px;transform:skewX(-35deg);border-radius:3px 3px 25% 25%;box-shadow:0 14px 16px -5px #17304948}
  body.mode-site .v-appareils .v-portable::after{left:-33%;right:0;bottom:-15px}
}
@media(min-width:901px){
  body.mode-site .v-appareils .v-portable{padding-bottom:98px}
  body.mode-site .v-appareils .v-clavier{height:94px;bottom:8px;left:-8%;width:116%;background:linear-gradient(175deg,#75818e,#c7d0da 14%,#e0e5ec 58%,#a6b3c3);clip-path:polygon(6.9% 0,93.1% 0,100% 87%,99% 98%,1% 98%,0 87%)}
  body.mode-site .v-appareils .v-clavier-touches{left:12%;right:12%;top:7px;height:43px;transform:perspective(170px) rotateX(32deg);background:repeating-linear-gradient(90deg,transparent 0,transparent 5.5%,#9aa6b4 5.5%,#9aa6b4 6.6%),repeating-linear-gradient(0deg,#252a34 0,#252a34 6px,#9aa6b4 6px,#9aa6b4 9px);border-radius:5px}
  body.mode-site .v-appareils .v-trackpad{left:36%;width:28%;height:28px;bottom:7px;background:linear-gradient(145deg,#bec8d4,#d8e0e9);border-color:#9aa8b9;border-radius:4px}
  body.mode-site .v-appareils .v-socle{left:-8%;width:116%;height:11px;background:linear-gradient(#e6ebf0,#8c9aaa 48%,#b0bccb 80%,#627184);box-shadow:0 17px 18px -5px #17304945}
  body.mode-site .v-appareils .v-ecran{border-width:10px;border-bottom-width:17px;border-radius:18px 18px 5px 5px;background:#161c29;box-shadow:inset 0 0 0 1px #738096,2px 2px 3px #13223835}
  body.mode-site .v-appareils .v-tel{display:none}
}
body.mode-site [data-laptop-slides] .v-app{opacity:1}
body.mode-site [data-laptop-slides] .v-app-corps{transition:opacity .6s}
body.mode-site [data-laptop-slides]:not([data-slide="0"]) .v-app-corps{opacity:0}
body.mode-site [data-laptop-slides] .ls-slide{left:76px}
@media(max-width:640px){body.mode-site [data-laptop-slides] .ls-slide{left:0}}
@media(prefers-reduced-motion:reduce){body.mode-site [data-laptop-slides] .v-app-corps{transition:none}}
@media(min-width:901px){body.mode-site .v-portable{transform:perspective(1200px) rotateY(-18deg) rotateZ(1.5deg) scale(.9);transform-origin:50% 70%}}
@media(max-width:640px){body.mode-site .v-note{left:15%;font-size:.9rem}}
body.mode-site .v-appareils{padding-bottom:24px}
body.mode-site .v-portable{padding-bottom:61px;perspective:1100px;isolation:isolate}
body.mode-site .v-ecran{position:relative;z-index:2;transform-origin:center bottom;transform:rotateX(-7deg);border:7px solid #171b22;border-bottom:12px solid #171b22;border-radius:14px 14px 5px 5px;box-shadow:inset 0 0 0 1px #5f6670,0 3px 3px #0d20322b;background:#171b22}
body.mode-site .v-clavier{position:absolute;z-index:3;bottom:8px;left:-6%;width:112%;height:58px;background:linear-gradient(180deg,#7d8793 0%,#bcc6d0 9%,#e2e8ed 75%,#aeb9c6 100%);clip-path:polygon(5.4% 0,94.6% 0,100% 89%,99% 98%,1% 98%,0 89%);border-radius:0 0 10px 10px;border-top:2px solid #56616f;box-sizing:border-box}
.v-clavier-touches{position:absolute;left:15%;right:15%;top:5px;height:25px;transform:perspective(130px) rotateX(25deg);transform-origin:top;background:repeating-linear-gradient(90deg,transparent 0,transparent 5.5%,#b1bbc6 5.5%,#b1bbc6 6.6%),repeating-linear-gradient(0deg,#242c36 0,#242c36 4px,#a5b1bd 4px,#a5b1bd 6px);border:2px solid #9ca8b5;border-radius:3px;box-shadow:0 1px 1px #ffffffc2}
.v-trackpad{position:absolute;left:40%;width:20%;height:15px;bottom:5px;border:1px solid #8c99a8;border-radius:2px;background:linear-gradient(#c5ced8,#d6dfe6);box-shadow:0 1px 0 #ffffffb3}
body.mode-site .v-socle{position:absolute;left:-6%;bottom:1px;width:112%;height:10px;margin:0;border-radius:0 0 40% 40% / 0 0 85% 85%;background:linear-gradient(180deg,#e3e9ee,#8391a0 45%,#bac5cf 75%,#687887);box-shadow:0 12px 13px -6px #15304750;z-index:4}
body.mode-site .v-socle::after{width:16%;height:3px;background:#7d8996;border-radius:0 0 5px 5px;box-shadow:0 1px 1px #edf4f9}
body.mode-site .v-portable::after{content:'';position:absolute;left:-9%;right:-9%;bottom:-17px;height:28px;background:radial-gradient(ellipse,#39597738,transparent 70%);z-index:-1;pointer-events:none}
body.mode-site .v-tel{z-index:5;bottom:-7px;right:-9%;transform:rotate(0deg);box-shadow:3px 7px 14px #0b223b2a}
@media(max-width:640px){body.mode-site .v-portable{padding-bottom:45px}body.mode-site .v-clavier{height:43px;bottom:6px}.v-clavier-touches{height:19px;top:3px}.v-trackpad{height:11px;bottom:3px}body.mode-site .v-socle{height:8px}body.mode-site .v-ecran{border-width:5px;border-bottom-width:9px;transform:rotateX(-5deg)}body.mode-site .v-tel{right:-7%;bottom:-6px}}