#page__container{ width: 100%; max-width: 1516px; margin: 0 auto; } #page__container section{margin:40px auto;} #page__container h1{font-family: "interstate";font-size:30px;color:#000000;text-transform: uppercase; text-align: left; line-height: 35px;letter-spacing: 0.1em;} #page__container h2{font-family: "interstate";font-size:22px;color:#000000;text-transform: uppercase; text-align: left; line-height: 22px;letter-spacing: 0.1em;} #page__container p.paragraphe{font-family: "interstate";font-size:16px;color:#939393;line-height: 30px; letter-spacing: 0.04em} #page__container p.paragraphe span{color:#000} #page__container .center{text-align: center;} #page__container hr{border:0;height:0;border-top:1px solid #eaeaea} #page__container .img-responsive{max-width: 100%;height: auto;display:block;margin:0 auto} #page__container .link-lvb {position: relative;display: block;float: left;width: 100%;text-align: center;padding: 20px 0;cursor: pointer;} #page__container .hover-lvb {background: #ffffff;float: right;} #page__container .normal-underline-text, .custom-underline-text {position: relative;display: inline-block;font-family: "interstate";font-size:15px;text-align: center;text-transform: uppercase;} #page__container .custom-underline-text, .custom-underline-text:hover, .custom-underline-text:focus, .custom-underline-text:active {color: #000000;text-decoration: none; overflow: visible;} #page__container .custom-underline-text::after {content: "";position: absolute;background-color: rgba(0, 0, 0, 0.3);transition: 0.5s ease-out;} #page__container .hover-lvb .custom-underline-text::after {top: 100%;height: 3px !important;width: 50%;left: 25%;} #page__container .hover-lvb:hover .custom-underline-text::after {width: 90%;left: 5%;background-color: rgba(0, 0, 0, 0.6);transition: 0.8s ease-out;} .maxW391{ width: 100%; max-width: 391px; margin: 0 auto; } #page__container #article-lvb p.date-article-lvb{font-family: "interstate";font-size:18px;color:#878787; text-align: left; line-height: 18px; letter-spacing: 0.1em;text-transform: uppercase;} #page__container #article-img-lvb p.legende-img{font-family: "interstate"; font-size:15px; line-height: 20px; letter-spacing: 0.04em; text-align: left;} #page__container #other-art-lvb p.theme-art{font-family: "interstate";font-size:15px;color:#878787; text-align: center; line-height: 30px; letter-spacing: 0.1em;text-transform: uppercase;} #page__container #other-art-lvb p.title-art{font-family: "interstate";font-size:20px;color:#000000; text-align: center; line-height: 25px; letter-spacing: 0.1em;text-transform: uppercase;} #page__container #other-art-lvb p.button-art{font-family: "interstate";font-size:15px; text-align: center; padding:3px; text-transform: uppercase; width: 60%; margin: 25px auto; } #page__container #other-art-lvb .img-other img{ max-width: 100%;-moz-transition: ease-out 0.8s;-webkit-transition: ease-out 0.8s;transition: ease-out 0.8s;} #page__container #other-art-lvb .img-other:hover img{ -moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);} #page__container #other-art-lvb .img-other{position: relative;overflow: hidden;} #page__container #other-art-lvb .articoli .hover-lvb {background: #ffffff;float: right;} #page__container #other-art-lvb .articoli .normal-underline-text, .custom-underline-text {position: relative;display: inline-block;font-family: "interstate";font-size:13px;text-align: center;text-transform: uppercase;} #page__container #other-art-lvb .articoli .custom-underline-text, .custom-underline-text:hover, .custom-underline-text:focus, .custom-underline-text:active {color: #000000;text-decoration: none; overflow: visible;} #page__container #other-art-lvb .articoli .custom-underline-text::after {content: "";position: absolute;background-color: rgba(0, 0, 0, 0.3);transition: 0.8s ease-out;} #page__container #other-art-lvb .articoli .hover-lvb .custom-underline-text::after {top: 100%;height: 3px !important;width: 50%;left: 25%;} #page__container #other-art-lvb .articoli:hover .hover-lvb .custom-underline-text::after {width: 90%;left: 5%;background-color: rgba(0, 0, 0, 0.6);transition: 0.8s ease-out;} #page__container #slider-lvb .img-absolute {width: 100%; max-width: 800px; height: auto; position: relative;z-index: 99999;margin: 0 auto;margin: -3% auto} #page__container #slider-lvb .bloc-container {position: relative;;z-index: 9} #page__container #slider-lvb .slide { float: left;height: 100%min-height: 1px;} #page__container #slider-lvb img {width: 100%;display: block;} #page__container #slider-lvb .clearfix:after {content: "";display: table;clear: both;} #page__container #slider-lvb p.theme-art{font-family: "interstate";font-size:15px;color:#878787;margin: 10px auto ;letter-spacing: 0.1em;text-transform: uppercase;} #page__container #slider-lvb div.text-slide{margin: 0; padding: 0;} #page__container #slider-lvb p.button-art{font-family: "interstate";font-size:15px; text-align: center; padding:3px; text-transform: uppercase;} #page__container #slider-lvb h2 {font-size: 22px; line-height: 15px} #page__container #slider-lvb .slick-dots {position: absolute;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;top: 4%;left: 80%;bottom: 90%;width: 22%;} #page__container #slider-lvb .slick-dots li{margin: 0} #page__container #slider-lvb .slick-dots li button:before {font-family: slick;font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: 0.65;color: #ffffff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} #page__container section#slider-lvb{margin: 5% auto} #page__container section#slider-lvb .art-brief{margin-top: 5%} #page__container #slider-lvb div.slide .img-hover { opacity: 1;cursor: pointer;} #page__container #slider-lvb div.slide.defil-hover-effect:hover {opacity: 0.8;transition: 1.5s ease-out;cursor: pointer;background: #ffffff;} #page__container #slider-lvb div.slide figure:hover+span {bottom: -36px;opacity: 0.5;z-index: 2;} #page__container #slider-lvb div.slide .hover-lvb {background: #ffffff;float: right;} #page__container #slider-lvb div.slide .normal-underline-text, .custom-underline-text {position: relative;display: inline-block;font-family: "interstate";font-size:13px;text-align: center;text-transform: uppercase;} #page__container #slider-lvb div.slide .custom-underline-text, .custom-underline-text:hover, .custom-underline-text:focus, .custom-underline-text:active {color: #000000;text-decoration: none; overflow: visible;} #page__container #slider-lvb div.slide .custom-underline-text::after {content: "";position: absolute;background-color: rgba(0, 0, 0, 0.3);transition: 0.5s ease-out;} #page__container #slider-lvb div.slide .hover-lvb .custom-underline-text::after {top: 100%;height: 3px !important;width: 50%;left: 25%;} #page__container #slider-lvb div.slide:hover .hover-lvb .custom-underline-text::after {width: 90%;left: 5%;background-color: rgba(0, 0, 0, 0.6);transition: 2s ease-out;} #page__container #slider-lvb .title-articoli{margin: 0; padding: 0;height: 80px} #page__container .article section#other-art-lvb .articoli { float: left;height: 100%;min-height: 1px; padding: 3%;width: 33.33% !important} @media screen and (max-width: 1280px){ #page__container #other-art-lvb p.theme-art{font-family: "interstate";font-size:13px;color:#878787; text-align: center; line-height: 30px; letter-spacing: 0.1em;text-transform: uppercase;} #page__container #other-art-lvb p.title-art{font-family: "interstate";font-size:16px;color:#000000; text-align: center; line-height: 25px; letter-spacing: 0.1em;text-transform: uppercase;} #page__container #other-art-lvb p.button-art{font-family: "interstate";font-size:15px;text-align: center; padding:3px; text-transform: uppercase; width: 70%; margin: 25px auto; } } @media screen and (max-width: 992px){ #page__container section{margin:20px auto;} #page__container h1{font-size:22px} #page__container #slider-lvb p.theme-art{font-family: "interstate";font-size:15px;color:#878787;margin: 10px auto ;letter-spacing: 0.1em;text-transform: uppercase;text-align: center;} #page__container #slider-lvb div.text-slide{text-align: center;} #page__container #slider-lvb h2 {font-size: 20px; line-height: 25px; text-align: center;} #page__container #article-img-lvb p.legende-img{font-family: "interstate"; font-size:13px; line-height: 25px; letter-spacing: 0.04em; text-align: left;} #page__container #slider-lvb .title-articoli{margin: 0; padding: 0;height: 100px !important} #page__container #slider-lvb h1 {font-size: 18px; line-height: 25px} #page__container .articoli {margin: 3% auto} } @media screen and (max-width: 748px){ #page__container #article-lvb h1{font-size: 19px; line-height: 23px;letter-spacing: 0.1em} #page__container #article-lvb p.date-article-lvb{font-family: "interstate";font-size:14px;color:#878787; text-align: left; line-height: 17px; letter-spacing: 0.1em;text-transform: uppercase;} #page__container #article-lvb p.paragraphe{font-size:16px; line-height: 22px; letter-spacing: 0.05em} }