@import url("../styles.min.less");#top{min-height: 100vh;background: @darkGray url("../../img/accueil/V7-couverture.webp") no-repeat center;background-attachment: fixed;background-size: 100% ;color: @blanc;position: relative;.blur{backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);-moz-backdrop-filter: blur(5px);padding: 1em 5em;img{width: 50%;padding-bottom: 20px;}h1{.titreTop(6em);text-shadow: 0px 0px 33px @noir;}}}#intro{min-height: 100vh;background: @darkGray url("../../svg/accueil/fond-into.svg") no-repeat center center;background-size: 80vh ;color: @blanc;.row{background: rgba(0, 0, 0, 0.1);backdrop-filter: blur(20px);padding: 1em 5em;h2{font-size: 2.5rem;padding: 25 0;}p{margin: 2em 0;}}}#stack{min-height: 110vh;color: @noir;padding: 50px 0;h2{z-index: 10;}#imgstack{display:flex;justify-content: center;width: 70%;margin: 0 auto;margin-top:-50px;&:hover{a:first-of-type{margin-left:-35%;margin-top:5px;}a:nth-of-type(2){margin-top:-5px;}a:last-of-type{margin-left:35%;margin-top:5px;}}a{width:50vw;height:37.6vw;position:absolute;display:block;border:6px solid @borderImg;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,0.3);transition:margin .5s;-webkit-transition:margin .5s;&:first-of-type{margin-top:-5px;margin-left:-20px;transform:rotate(-3deg);-webkit-transform:rotate(-3deg);&:hover{margin-top:-5px;}}&:nth-of-type(2){position:relative;margin-top:-5px;margin-left:-10px;&:hover{margin-top:-10px;}}&:last-of-type{transform:rotate(3deg);-webkit-transform:rotate(3deg);&:hover{margin-top:-5px;}}}img{width:100%;}}}#technique{min-height: 100vh;color: @noir;padding: 50px 0;ul{padding: 0;margin: 0;}.wrapper {width: 100%;max-width: 900px;color: @noir;margin: 0 auto;}.tabs {display: table;table-layout: fixed;width: 100%;-webkit-transform: translateY(5px);transform: translateY(5px);padding: 0;margin: 0;> li {transition-duration: 0.25s;display: table-cell;list-style: none;text-align: center;padding: 20px 20px 25px 20px;border-top: 5px solid @blanc;position: relative;overflow: hidden;cursor: pointer;color: @noir;&:before {z-index: -1;position: absolute;content: "";width: 100%;height: 120%;top: 0;left: 0;background-color: @darkRed;-webkit-transform: translateY(100%);transform: translateY(100%);transition-duration: 0.25s;}&:hover {&:before {-webkit-transform: translateY(70%);transform: translateY(70%);}}&.active {color: @blanc;border-top: 5px solid @darkRed;transition-delay: 0.25s;&:before {transition-duration: 0.25s;background-color: @darkGray;-webkit-transform: translateY(0);transform: translateY(0);}}}}.tab__content {background-color: @darkGray;position: relative;width: 100%;> li {width: 100%;position: absolute;top: 0;left: 0;display: none;list-style: none;.content__wrapper {text-align: justify;width: 100%;padding: 45px 40px 40px 40px;background-color: @darkGray;}}}.content__wrapper {color: @blanc;box-shadow:0 0 10px rgba(0,0,0,0.3);h2 {width: 100%;text-align: center;padding-bottom: 20px;font-weight: 300;}img {width: 100%;height: auto;border:6px solid @borderImg;box-shadow:0 0 10px rgba(0,0,0,0.3);}}}#modeles{min-height: 100vh;color: @noir;padding: 50px 0;text-align: center;.modele{padding-top: 3em;img{border:6px solid @borderImg;box-shadow:0 0 10px rgba(0,0,0,0.3);}h3{color:@darkRed;}}}@media screen and (max-width:1353px){#top{background-size: auto 100%;}}@media screen and (max-width:1200px){h2{.titreH2(4rem);}#intro{background-size: 80vh ;}#top{h1{.titreTop(3rem);#separateurTop{padding: 15px 50px;}}}#stack{min-height: 75vh;#imgstack{margin-top:-35px;}}}@media screen and (max-width:992px){h2{.titreH2(3.5rem);}#top{.blur{img{width: 50%;}h1{.titreTop(4.5rem);#separateurTop{padding: 10px 50px;}}}}#stack{min-height: 60vh;#imgstack{margin-top:-30px;}}}@media screen and (max-width:768px){h2{.titreH2(3rem);}#top{.blur{padding: 1rem;h1{.titreTop(3.5rem);#separateurTop{padding: 10px 50px;}}}}#intro{.row{padding: 1rem;}}#stack{min-height: 50vh;#imgstack{margin-top:-30px;}}}@media screen and (max-width:576px){h2{.titreH2(2.3rem);}#top{.blur{img{width: 75%;}h1{.titreTop(3rem);#separateurTop{padding: 5px 25px;}}}}#stack{min-height: 35vh;#imgstack{margin-top:-20px;}}}@media screen and (orientation:landscape){#top{background-size: 100% auto;}}