html,body {margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust: none;}
body {font-family:'Montserrat-Regular',Arial; font-size:15px; background:#fff;}
.clear {clear:both;}
.s {margin:0 50px;}
.smax {position:relative; max-width:1440px; margin:0 auto;}
#top {position:fixed; width:100%; padding:20px 0; top:0; z-index:99; font-size:0; transition:0.2s;}
.fixtop {padding:10px 0 !important; background:#000;}
#menur {display:none; position:fixed; bottom:15px; margin-left:calc(50% - 40px); text-align:center; z-index:99; line-height:60px; width:60px; height:60px; padding:10px; border-radius:50%; background:#e28b37;}
#logo {display:inline-block; vertical-align:middle; position:relative; width:220px;}
#menu {display:inline-block; vertical-align:middle; width:calc(100% - 220px); text-align:right;}
.item {position:relative; font-family:'Montserrat-Bold'; font-size:17px; display:inline-block; vertical-align:top; margin:5px 0 5px 30px;}
.item a:link, .item a:visited {color:#fff; display:block; transition:0.5s;}
.item a:hover, .item:hover a, .on a {color:#e28b37 !important;}
.fleche {margin-left:5px; font-size:18px;}
.smenu {position:absolute; display:none; padding-top:10px; z-index:99; margin-left: calc(50% - 110px);}
.sitem a:link, .sitem a:visited {display:inline-block; width:200px; text-align:center; font-size:15px; color:#000 !important; margin:2px 0; cursor:pointer; background:#fff; padding:10px; border-radius:2px;}
.sitem a:hover {background:#e28b37; color:#fff !important;}
#intro {position:relative; width:100%; overflow:hidden; height:100%; background:#000;}
#fili {position:absolute; width:100%; height:100%; overflow:hidden; z-index:2; background:rgba(0,0,0,0.6);}
.video {position:absolute; width:100%; height:100%; overflow:hidden; z-index:50;}
#slo {position:absolute; text-align:left; bottom:180px; z-index:3; width:calc(100% - 100px); margin:0 50px;}
#slo h1 {margin:0; padding:0; font-family:'Montserrat-Bold'; font-size:70px; color:#e28b37; line-height:70px; font-weight:normal;}
#slo h2 {margin:20px 0 0 0; padding:0; font-family:'Montserrat-Regular'; font-size:17px; color:#fff; font-weight:normal;}
#slo button {cursor:pointer; border:0; margin-top:20px; display:inline-block; background:#e28b37; color:#000; padding:8px 16px; transition:0.3s; border-radius:2px; font-family:'Montserrat-Bold'; font-size:20px; letter-spacing: 0.025em;}
#svg {position:absolute; bottom:-6px; width:100%; height:100px; z-index:3;}
svg {position:absolute; width:100%; height:100%;}
#svgorange {z-index:2;}
#svgmask {z-index:1;}
#scroll {position:absolute; width:45px; height:30px; background:url('/ima/scroll.png'); animation:zemouse 0.6s ease-out infinite; z-index:5; bottom:150px; right:50px;}
@keyframes zemouse{from {transform: translateY(0);} to {transform: translateY(10px);}}
.fixintro {height:300px !important;}
#page {position:relative; margin:50px 30px; z-index:60; min-height:400px;}
#page img, iframe, .highslide-image {vertical-align:top; margin:0; border-radius:2px;}
#page h1, #qsn h1, #bas h1 {margin:0; padding:0; font-family:'Montserrat-Bold'; font-size:50px; font-weight:normal;}
#page h2, #qsn h2, #bas h2 {font-family:'Montserrat-Bold'; font-size:28px; font-weight:normal; margin:0; padding:0;}
#page h3, #qsn h3, #bas h3 {font-family:'Montserrat-Bold'; font-size:20px; font-weight:normal; margin:0; padding:0;}
.pdf {vertical-align:middle !important;}
.same {display:inline-block; margin:0 5px; background:#e28b37; color:#fff; padding:4px 8px; transition:0.3s; border-radius:2px;}
.same:hover, #slo button:hover {background:#d43934;}
.highslide-dimming {background:#000;}
form {display:inline;}
table {width:100%;}
.text, .textarea, .select {border:1px solid #ddd; font-family:'Montserrat-Bold',Arial; font-size:16px; padding:8px; color:#e28b37; width:calc(100% - 16px); margin-bottom:5px; border-radius:2px;}
.text, .textarea {-webkit-appearance:none;}
.g-recaptcha {display:inline-block;}
.bouton {display:inline-block; font-family: 'Montserrat-Bold',Arial; font-size:22px; color:#fff; background:#02c204; border:0; padding:8px 16px; cursor:pointer; -webkit-appearance:none;border-radius:2px;}
.erreur {display:inline-block; background:#e00005; color:#fff; padding:4px; border-radius:2px; font-size:16px;}
textarea:focus, input:focus{outline: none;}
#waves {position:relative; width:100%; height:70px;}
.wave {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1;}
.wave + .wave {z-index: 2;}
#qsn {position:relative; background:url('/ima/bk.gif'); margin-top:-1px;}
#qsnlg {position:absolute; width:100%; height:100%; background:linear-gradient(to bottom,rgb(221,221,221),rgba(0,0,0,0.5));}
#bas {position:relative; background:#000; color:#fff;}
#bas a:link, #bas a:visited, #bas a:hover, .same a:link, .same a:visited, .same a:hover {color:#fff;}
a {outline:none;}
a:link {color:#e28b37;text-decoration:none}
a:visited {color:#e28b37;text-decoration:none}
a:hover {color:#000;text-decoration:none}
a.b:link {color:#fff;text-decoration:none}
a.b:visited {color:#fff;text-decoration:none}
a.b:hover {color:#fff;text-decoration:none}
.slider__range {display:none;}
.slider {position:relative;}
.slider__after { position:absolute; top:0px; left:0px; z-index:1; width:100%; height:100%; pointer-events: none;}
.slider__before {position:absolute; top:0px; left:0px; z-index:2; width:50%; height:100%; pointer-events: none; overflow:hidden;}
.slider__separator {position:absolute; left:50%; width:1px; top:0; bottom:0; cursor:ew-resize; z-index:3; transform:translateX(-50%);}
.slider__separator:before {content:''; width:40px; height:92px; background:url('/ima/lens.png'); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.slider__before:before, .slider__after:before {top:50%;transform:translateY(-50%); background:rgba(255,0,0,0.5); padding:8px 16px; border-radius:8px; margin-left:8px; margin-right:8px;}
.highslide-caption{display:none;font-size:15px;color:#fff; margin-top:5px;}
.highslide-number{display:none;}
.highslide, .highslide highslide-active-anchor{outline:none;text-decoration:none;transition:all 0.4s;}
.highslide-controls {position: absolute;width: 100%;height: 0;background: none;margin: 0;}
.highslide-controls ul {position: absolute;width: 100%;	left: 0;height: 0;list-style: none;	margin: 0;padding: 0;background: none;}
.highslide-controls li {position: absolute;padding: 0;float: left;margin:0;}
.highslide-controls a {background-image: url(/lib/highslide/graphics/arrows.png);display: block;float: left;height: 40px;width: 40px;outline: none;}
.highslide-controls a.disabled {cursor: default;}
.highslide-controls a.disabled span {cursor: default;}
.highslide-controls a span {display: none;cursor: pointer;}
.highslide-controls .highslide-next {right: 0;}
.highslide-controls .highslide-previous a {background-position: 0 0; position:absolute; left:-100px;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -40px !important;}
.highslide-controls .highslide-play {display: none;}
.highslide-controls .highslide-pause {display: none;}
.highslide-controls .highslide-next a {	background-position: -40px 0; position:absolute; right:-100px;}
.highslide-controls .highslide-next a.disabled {background-position: -40px -40px !important;}
.highslide-controls .highslide-move {display: none;}
.highslide-controls .highslide-full-expand {display: none;}
.highslide-controls .highslide-close {display: none;}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@media screen and (max-width:1440px)
  {
  .s, #slo {margin:0 40px;}
  #slo {width:calc(100% - 80px);}
  #page, .smax {margin-left:20px; margin-right:20px;}
  }
@media screen and (max-width:900px)
  {
  .s, #slo {margin:0 20px;}
  #page, .smax {margin-left:0; margin-right:0;}
  .column {padding:10px !important;}
  #top {position:relative; padding:10px 0;}
  #logo {display:block; width:100%; text-align:center;}
  #intro {margin-top:-140px; height:500px;}
  .video {width:150% !important;}
  #svg {height:50px; bottom:0;}
  #slo {width:calc(100% - 40px); bottom:70px;}
  #slo h1 {font-size:40px; line-height:40px;}
  #slo h2, #slo button {margin-top:15px;}
  #scroll {bottom:80px; right:20px;}
  .fixintro {height:180px !important;}
  #page {margin:20px 10px;}
  .smax {margin-left:10px; margin-right:10px;}
  #bas {text-align:center !important;}
  #page h1, #qsn h1, #bas h1 {font-size:30px;}
  #page h2, #qsn h2, #bas h2 {font-size:22px;}
  #menur {display:block;}
  #menu {display:none; position:absolute; top:20px; left:0; right:0; width:100%; text-align:center; margin-top:0;}
  .item {display:block; margin:0 20px 5px 20px; font-size:21px; background:#fff; padding:20px;}
  .item a:link, .item a:visited {color:#000;}
  .smenu {position:relative; top:0px !important; padding:20px 0 0 0; margin:0;}
  .sitem a:link, .sitem a:visited {display:block; width:auto; background:#e28b37; color:#fff !important; font-size:17px; padding:20px 10px; margin:0 0 4px 0;}
  table {width:100%;}
  td {display:block; width:auto;}
  .same {display:block; margin:4px 0 0 0; padding:10px;}
  .same a {display:block;}
  iframe {max-width:100%;}
  .highslide-controls {display:none;}
  }
@media screen and (max-width:500px)
  {
  #slo h1 {font-size:30px; line-height:30px;}
  .video {width:240% !important;}
  }