html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:'Montserrat',Arial; font-size:16px; background:#fff; color:#000;}
.clear {clear:both;}
.s {margin:0 auto; max-width:1400px; width:100%; width:calc(100% - 20px); position:relative;}
img, iframe {vertical-align:top; margin:0;}
.left {float:left;}
.clear {clear:both;}
#bkactu {position:fixed; z-index:998; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0; left:0;}
#actuhome {position:fixed; overflow:hidden; z-index:999; background:#fff; top:50%; left:50%; transform: translate(-50%, -50%); width:calc(100% - 30px); height:auto; max-width:900px; max-height:800px;}
#actuhome img {max-width:100%;}
#actuhome div {overflow:hidden;}
#closeactu {position:fixed; top:0; right:0; padding:4px !important; height:auto !important; background:#e40006; color:#fff; cursor:pointer;}

#top {position:relative; width:100%; height:600px; font-size:0; overflow:hidden; background:#000; text-align:center;}
#intro {position:relative; width:100%; height:700px; font-size:0; overflow:hidden; background:#000;}
#fili {position:absolute;width:100%; height:100%; overflow:hidden; z-index:51; background:rgba(0,0,0,0.5);}
.video {position:absolute;width:100%; height:100%; overflow:hidden; z-index:50;}
#menu {position:fixed; z-index:99; padding:10px 0; width:100%; font-size:0; transition:0.3s; background:rgba(0,0,0,0.8);}
#logo {display:inline-block; vertical-align:middle; width:350px; text-align:left;}
#nav {display:inline-block; vertical-align:middle; width:calc(100% - 350px); text-align:right;}
.fleche {font-size:12px; top:-2px; display:inline-block; position:relative; left:4px;}
.item, .on {position:relative; font-size:18px; display:inline-block; vertical-align:top; margin-left:30px; transition:0.3s;}
.item a:link, .item a:visited {color:#fff; display:block; padding:6px 10px; transition:0.3s;}
.item a:hover, .item:hover a, .on {color:#c8de32;}
.item:hover .smenu {display:block;}
.smenu {position:absolute; display:none; z-index:99; background:rgba(0,0,0,0.8); width:100%; text-align:left; padding:10px 0; min-width:200px; max-width:300px;}
.sitem a:link, .sitem a:visited {transition:0.3s; display:inline-block; font-size:16px; color:#fff; margin-bottom:2px; cursor:pointer;}
.sitem a:hover {color:#c8de32 !important;}
#cite {position:relative; width:100%; z-index:65; color:#000; background:#c8de32; padding-top:15px; text-align:right; font-size:18px; font-weight:bold;}
#svg {position:relative; width:100%; z-index:65;}
#svg svg {display:block; fill:#c8de32;}
h1 {font-family:'Montserrat'; position:absolute; margin:0; display:inline-block; font-size:24px; color:#fff; text-align:left; top:20px; z-index:80; border-radius:30% 70% 60% 40% / 36% 42% 58% 64%; background:#000; padding:20px;}
h2 {font-family:'Montserrat'; padding:0; margin:0; font-size:28px;}
.stars{position:absolute; width:100px;height:20px;background:url('/ima/stars.png'); z-index:2;}
.mstars{position:absolute; width:100px;height:20px;background:url('/ima/mstars.png'); z-index:2;}
.mcolor{position:absolute; width:100px;height:20px; z-index:1;}
.avis {margin-left:120px;}
.repavis {margin-left:120px; padding:5px; background:#000; display:inline-block; color:#fff;}
.notes {display:inline-block;}
.note {display: inline-block; vertical-align: top;}
#menur {display:none; position:fixed; bottom:30px; margin-left:calc(50% - 40px); text-align:center; z-index:99; line-height:60px; width:60px; height:60px; padding:10px; border-radius:50%; background:#c8de32;}
#page {position:relative; margin:40px auto 20px auto; max-width:1420px; width:100%; z-index:70; min-height:400px;}
.pdf {margin-bottom:2px;vertical-align:middle;}
.text, .textarea {border: 1px solid #ddd; font-family:'Montserrat',Arial; font-size:16px; padding:4px; color:#000; -webkit-appearance:none;}
.select {border: 1px solid #ddd; font-family:'Montserrat',Arial; font-size:16px; padding:4px; color:#000;}
.bouton {display:inline-block; font-family: 'Montserrat',Arial; font-size:18px; color:#fff; background: #02c204; border:0; padding:4px 8px; cursor:pointer; -webkit-appearance:none;}
.erreur {display:inline-block; background:#e00005; color:#fff; padding:4px; font-size:16px;}
textarea:focus, input:focus{outline: none;}
#page img {cursor:pointer;}
#bas {position:relative; padding:15px 0; background:#000; color:#fff;}
#bas a {color:#fff;}
.same {display:inline-block; margin:5px; padding:6px 10px; background:#000;}
.same a:link, .same a:visited {color:#fff; transition:0.3s;}
.same a:hover {color:#c8de32;}
a{outline:none;}
a:link{color:#40480c;text-decoration:none}
a:visited{color:#40480c;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}
@font-face {
    font-family: 'ereshkigalregular';
    src: url('/fonts/ereshkigal-webfont.woff2') format('woff2'),
         url('/fonts/ereshkigal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.highslide-dimming {background:#000;}
.highslide-caption{display:none;font-size:17px;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;}

.slider {position:relative; max-width:700px; height:524px;}
.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:2px; top:0px; bottom:0px; background:rgba(255,255,255,0.7); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.5); cursor:ew-resize; z-index:3; transform:translateX(-50%);}
.slider__separator:before {content:''; width:32px; height:32px; border-radius:50%; border:solid 2px white; 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;}

.vert, .vert img {overflow:hidden;}
.vert .highslide {position:relative; display:block;}
.vert .highslide::after {content: ''; transition:0.2s; position:absolute; width:100%; height:100%; top:0; right: 0; bottom: 0; left: 0;}
.vert:hover .highslide::after {background:rgba(202,219,4,0.5); backdrop-filter: blur(2px);}
.vert .leg {position:absolute; margin:-150px 0 0 30px; color:#fff; user-select: none; z-index:2; opacity:0;max-width: 305px;}
.vert:hover .leg {opacity:1; transition:0.2s;}

@media screen and (max-width:900px)
  {
  #menu {position:absolute !important;}
  #logo, #nav {width:100%; text-align:center;}
  #cite {text-align:center;}
  h1 {font-size:20px;}
  #nav {display:none; top:0; left:0; right:0; padding:10px 0 0 0; transition:0; position:absolute !important;}
  .item {display:block; font-size:20px; background:#000; margin:0 0 4px 0;}
  .item a:link, .item a:visited {padding:20px 10px;}
  .smenu {position:relative; padding:0 10px 4px 10px; margin:20px; bottom:20px;width: calc(100% - 60px); max-width:initial;}
  .sitem a:link, .sitem a:visited {display:block; width:auto; text-align:center; background:#fff; color:#000; padding:15px 10px; font-size:18px; margin:0 0 4px 0;}
  #menur {display:block;}
  .text, .textarea {width:100% !important;}
  .highslide-controls a {display:none;}
  .note {display:block;}
  #bas .column {text-align:center;}
  #formulaire td {display:block;}
  .column {padding:5px 20px !important;}
  .row {padding:0 !important;}
  }
@media screen and (max-height:700px)
  {
  #scroll {display:none;}
  }