body{font-family:'Poppins',sans-serif;color:#323232;font-weight:600}
.centered{text-align:center}
body#home h3.title,body#page h3.title,body#page.offres h1.title,body#details h3.title{position:fixed;width:250px;height:81px;top:calc(50% + 10px);margin-top:115px;letter-spacing:.17em;font-size:0.875rem;text-transform:uppercase;margin-left:16px;text-align:center;cursor:default;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left top;-ms-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;z-index:12}
body#home h3.title::after,body#page h3.title::after,body#page.offres h1.title::after,body#details h3.title::after{content:'';position:absolute;bottom:46px;left:0;z-index:2;width:100%;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear;height:160px;background:#292929}
body#home h3.title span,body#page h3.title span,body#page.offres h1.title span,body#details h3.title span{position:relative;z-index:3;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear;color:#fff}
.wrapper{width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:-ms-calc(100% - 100px);width:-o-calc(100% - 100px);width:calc(100% - 100px);min-height:100%;padding:100px 0 50px;margin:0 auto}
aside{position:absolute;top:0;right:0;width:50px;height:100%;z-index:10;padding-top:50px;font-weight:400}
aside .flex{height:100%}
aside .nav_slider{width:80%;border-top:1px silver solid;border-bottom:1px silver solid;padding:10px 0}
aside .nav_slider a{display:inline-block;width:100%;text-align:center;margin:5px 0;font-size:1.5rem}
a{color:#68b42e;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}
a:hover,a.active{color:#000}
header{position:fixed;top:0;left:0;width:100%;height:100px;padding:0 50px;background-color:#fff;z-index:100}
header .flex{height:100px}
#logo img{height:55px;width:auto}
nav#main{position:relative}
#mobile_burger span{background-color:#343434}
#mobile_burger span::before,#mobile_burger span::after{background-color:#343434}
nav#main ul{display:inline-block;line-height:1.1rem}
nav#main ul#menu{float:left}
li.level1{display:inline-block;padding:0 5px;position:relative;padding-bottom:10px}
nav#main a{display:block;font-size:0.8125rem;padding:5px 8px;text-transform:uppercase;background-color:transparent;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#323232}
@-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
10%{-webkit-transform:scale(0.91);transform:scale(0.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
17%{-webkit-transform:scale(0.98);transform:scale(0.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
33%{-webkit-transform:scale(0.87);transform:scale(0.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
2%{-webkit-transform:scale(0.91);transform:scale(0.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
7%{-webkit-transform:scale(0.98);transform:scale(0.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
12%{-webkit-transform:scale(0.87);transform:scale(0.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
17%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
nav#main .cta a{background:#f7a116;color:#FFF;letter-spacing:1px;padding:7px 10px 5px;border:1px solid #68b42e;-webkit-animation:heartbeat 5s ease-in-out infinite both;animation:heartbeat 5s ease-in-out infinite both}
nav#main a:hover,nav#main a.active{background-color:#f5f4f4}
nav#main .cta a:hover{color:#323232}
ul.level2{position:absolute;top:45px;left:5px;width:auto;overflow:hidden;white-space:nowrap;z-index:10;height:0;opacity:0;-webkit-transition:top 0.5s,opacity 0.5s;-moz-transition:top 0.5s,opacity 0.5s;-ms-transition:top 0.5s,opacity 0.5s;-o-transition:top 0.5s,opacity 0.5s;transition:top 0.5s,opacity 0.5s;background-color:#fff;-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);box-shadow:0 0 5px 0 rgba(0,0,0,0.2)}
li.level1:hover ul.level2{height:auto;top:35px;opacity:1}
li.level2{display:block}
nav#main li.level2 a{display:block;padding:5px 15px;font-size:0.6875rem;line-height:1.5rem;height:30px}
nav#main ul#languages{border-left:1px silver solid;padding-left:5px;float:left}
nav#main #languages a{display:block}
.maintext{font-weight:400;line-height:1.3rem;font-size:0.875rem}
.maintext h2{font-size:1.25rem;margin-bottom:20px}
.maintext h2::after{content:'';display:block;overflow:hidden;height:2px;width:50px;background-color:#000;margin:10px 0 15px}
#team.maintext h2::after{display:none}
#imageText.maintext h2::after{background-color:#fff}
.maintext em{font-style:italic}
.maintext strong{color:#fff;font-weight:700}
.blog_article.maintext strong{color:#8b6979}
.maintext li{padding-bottom:3px;position:relative}
.maintext li::before{content:'\f1db';font-family:'FontAwesome';color:#8b6979;position:absolute;left:-20px;top:-1px;font-size:0.75rem}
.page_legals{color:#B4B4B4}
#legals a{color:#B4B4B4}
.separator,.subtitle{display:block;margin:10px auto}
.separator{height:10px;background:url("https://www.shantilac.com/medias/imports/separator.png") no-repeat center center}
.separator.black{background:url("https://www.shantilac.com/medias/imports/separator_black.png") no-repeat center center}
footer{position:fixed;bottom:0;left:0;width:100%;height:50px;padding:0 50px;background-color:#fff;z-index:100;font-size:0.6875rem;overflow:hidden;font-weight:500}
footer .flex{height:50px}
footer a{color:#323232}
footer a.fa{font-size:1rem;padding-right:10px}
@media screen and (max-width:799px),screen and (min-width:800px) and (max-width:1159px) and (orientation:portrait){.wrapper{width:100%;padding:80px 0 50px}
aside{display:none}
body#home h3.title,body#page h1.title,body#details h3.title{display:none}
header{height:80px;padding:0 10px;z-index:200}
header .flex{height:80px}
#logo img{height:45px}
#mobile_burger{display:block;top:10px;right:10px}
nav#main{position:fixed;top:80px;left:0;width:100%;background-color:#fff;display:none;padding:10px 5px;-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);-o-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);box-shadow:0 0 5px 0 rgba(0,0,0,0.2)}
nav#main ul{display:block}
nav#main ul#menu{float:none}
li.level1{width:50%;display:block;float:left;padding-bottom:5px}
ul.level2{position:static;height:auto;opacity:1;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}
footer{font-size:0.9rem}
footer a.fa{font-size:1.3rem}
#quick_contact_informations{display:none}
#social_netwoks{width:100%;text-align:center}}