html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:'Montserrat-Regular',Arial; font-size:15px; background:#fff; color:#222;}
h1,h2,h3,h4,span,cite {font-style:normal; font-weight:normal; margin:0; padding:0;}
.clear {clear:both;}
.s {margin:0 auto; max-width:1400px;}
.smax {margin:0 auto; max-width:1420px;}
img {vertical-align:middle;}
#top {position:fixed; width:100%; padding:20px 0; top:0; z-index:98; font-size:0; background:linear-gradient(#1a2f42,#1a2f4200);}
.fixtop {background:linear-gradient(#1a2f42,#1a2f4280) !important; padding:10px 0 !important;}

#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:#1a2f42;}

#logo {display:inline-block; vertical-align:middle; position:relative; width:195px;}
#menu {display:inline-block; vertical-align:middle; width:calc(100% - 195px); text-align:right;}
.item {position:relative; font-family:'korolevmedium'; font-size:20px; display:inline-block; vertical-align:top; margin:2px 0 2px 30px;}
.item a:link, .item a:visited {color:#fff; display:block; transition:0.2s; border-radius:3px; padding:5px 0;}
.item::after {content:""; position:absolute; width:0%; height:2px; background:transparent; left:50%; bottom:0; transition: 0.2s all ease;}
.item:hover::after {width:100%; left:0; z-index: -1; background:#fff;}
.fleche {margin-left:3px; font-size:12px;}
.smenu {position:absolute; display:none; padding-top:10px; z-index:99; margin-left: calc(50% - 96px);}
.sitem a:link, .sitem a:visited {display:inline-block; width:180px; text-align:center; font-size:16px; margin:2px 0; cursor:pointer; padding:10px; background:rgba(26,47,66,0.8);}
.sitem a:hover {background-color:#1a2f42;}

#intro {position:relative; width:100%; overflow:hidden; max-height:900px; z-index:10;}
.fixintro {height:300px;}

#bans {position:absolute; width:100%; bottom:30%; color:#fff; z-index:60;}
#lban {position:absolute; width:calc(50% - 100px); left:0; height:130px; background:rgba(166,188,207,0.8); clip-path: polygon(0 0, 95% 0%, 100.3% 50%, 95% 100%, 0 100%, 0 50%); text-align:right; padding-right:90px; transition:0.3s;}
#rban {position:absolute; width:calc(50% - 100px); right:0; height:130px; background:rgba(201,169,97,0.8); clip-path: polygon(5% 0, 100% 0, 100% 50%, 100% 100%, 5% 100%, -0.3% 50%); text-align:left; padding-left:90px; transition:0.3s;}
#lban div, #rban div {top: 50%; transform: translateY(-50%); position: relative; font-family:'korolevmedium'; font-size:40px; line-height:40px; display:block;}
#lban span, #rban span {font-size:16px; line-height:16px; display:block;}
#lban:hover {background:#a6bccf}
#rban:hover {background:#c9a961;}
#lban a, #rban a {color:#fff;}

.sl-slider-wrapper{width:100%; height:900px; overflow:hidden;position:relative;color:#fff;text-align:center;}
.fixintro .sl-slider-wrapper {height:300px;}
.sl-slider img {display:block; margin:0 auto 20px auto;}
.sl-slider{position:absolute;top:0;left:0;}
.sl-slide,.sl-slides-wrapper, .sl-slide-inner{position:absolute;width:100%;height:100%;top:0;left:0;}
.sl-slide{z-index:1}
.sl-content-slice{overflow:hidden;position:absolute;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;opacity:1;}
.sl-content-wrapper{position:absolute;}
.sl-content{width:100%;height:100%;}
.nav-arrows span {position: absolute; transition:0.3s;z-index: 2000;top: 50%;width: 30px;height: 30px;border: 8px solid #ddd;border: 8px solid rgba(150,150,150,0.4);text-indent: -90000px;margin-top: -30px;cursor: pointer;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.nav-arrows span:hover {border-color:#fff;}
.nav-arrows span.nav-arrow-prev {left: 2%;border-right: none;border-top: none;}
.nav-arrows span.nav-arrow-next {right: 2%;	border-left: none;	border-bottom: none;}
.sl-slide-horizontal .sl-content-slice{width:100%;height:50%;left:-200px;-webkit-transform:translateY(0%) scale(1);-moz-transform:translateY(0%) scale(1);-o-transform:translateY(0%) scale(1);-ms-transform:translateY(0%) scale(1);transform:translateY(0%) scale(1);}
.sl-slide-horizontal .sl-content-slice:first-child{top:-200px;padding:200px 200px 0px 200px;}
.sl-slide-horizontal .sl-content-slice:nth-child(2){top:50%;padding:0px 200px 200px 200px;}

#main {position:relative; width:100%; z-index:20;}
#sep {position:relative; width:100%; height:100px; margin-top:-100px; z-index:20; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background:url('/ima/bk.jpg') center center no-repeat fixed #fff;}
#page {position:relative; margin:-50px auto 20px auto; max-width:1420px; z-index:30; background:url('/ima/bk.jpg') center center no-repeat fixed;}
.int {margin-top:0 !important;}
#page img, iframe, .highslide-image {vertical-align:top; border-radius:3px;}
.pdf {vertical-align:middle !important;}
#page h1 {font-family:'korolevmedium'; font-size:40px; line-height:40px; font-weight:bold;}
#page h2 {font-family:'korolevmedium'; font-size:24px; font-weight:bold;}

.same {display:inline-block; margin:0 5px; background:rgba(26,47,66,0.8); padding:4px 8px; transition:0.3s; border-radius:3px;}
.same a {color:#fff !important;}
.same:hover {background:#1a2f42;}

.highslide-dimming {background:#1a2f42;}
.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;}


form {display:inline;}
.text, .textarea, .select {border:1px solid #ddd; font-family:'Montserrat-Regular',Arial; font-size:16px; padding:8px; color:#000; width:calc(100% - 16px); margin:2px 0; border-radius:3px;}
.text, .textarea {-webkit-appearance:none;}
.g-recaptcha {display:inline-block;}
.bouton {display:inline-block; font-family: 'Montserrat-Regular',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;}
.petit {font-size:12px;}

#bas {position:relative; padding:20px 10px; background:#222; color:#fff;}
#bas a:link, #bas a:visited, #bas a:hover {color:#fff;}

a{outline:none;}
a:link{color:#000;text-decoration:none}
a:visited{color:#000;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: 'korolevmedium';
    src: url('/fonts/korolev-medium-webfont.woff2') format('woff2'),
         url('/fonts/korolev-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@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 {margin:0 20px;}
  #page {margin-left:10px; margin-right:10px; word-break:break-all;}
  .item {font-size:18px;}
  }
@media screen and (max-width:1150px)
  {
  .item {margin-left:20px;}
  }
@media screen and (max-width:900px)
  {
  #logo {width:100%; text-align:center;}
  iframe {max-width:100%;}
  #intro, .sl-slider-wrapper {height:600px;}
  .nav-arrows {display:none;}
  .fixintro, .fixintro .sl-slider-wrapper {height:150px !important;}

  #bans {bottom:15%;}

  #lban, #rban {position:unset; padding:20px; width:calc(100% - 40px); clip-path:unset; height:auto; display:block; right:unset; left:unset; text-align:unset;}
  #lban div, #rban div {top:unset; transform:unset;}

  #sep {height:50px; margin-top:-50px;}
  #sep, #page {background:#fff;}
  #page, .int {margin-top:20px !important; word-break:initial;}
  #page h1 {font-family:'korolevmedium'; font-size:30px; line-height:30px;}

  #menur {display:block;}
  #menu {display:none; position:absolute; top:0; left:0; right:0; padding-top:20px; width:100%; height:100vh; text-align:center; margin-top:0; background:rgba(26,47,66,0.8);}
  .item {display:block; margin:0 20px 5px 20px; font-size:20px; padding:20px; background:#1a2f42; border-radius:3px;}
  .item:hover::after {width:100%; left:0; z-index: -1; background:none;}
  .smenu {position:relative; top:0px !important; padding:20px 0 0 0; margin:0;}
  .sitem a:link, .sitem a:visited {display:block; width:auto; text-align:center; background:#fff; color:#000 !important; padding:15px 10px; font-size:18px; margin:0 0 4px 0;}
  #bas a {color:#fff;}
  table {width:100%;}
  td {display:block; width:auto;}
  .same {display:block; margin:4px 0 0 0; padding:8px;}
  .same a {display:block;}
  }
@media screen and (max-width:500px)
  {
  #intro, .sl-slider-wrapper {height:500px;}
  }