html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:Montserrat-Regular,Arial; font-size:16px; background:#fff; color:#111;}
.clear {clear:both;}
h1,h2,h3,h4 {font-style:normal; font-weight:normal; padding:0; margin:0;}
#top {position:fixed; width:100%; padding:10px 0; top:0; z-index:99; font-size:0; transition:0.3s; background:#fff;box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1)}
.s {margin:0 50px;}
.fixtop {padding:10px 0 !important;}
#logo {display:inline-block; vertical-align:middle; position:relative; width:290px;}
#menu {display:inline-block; vertical-align:middle; width:calc(100% - 290px); text-align:right;}
#tel {display:none; text-align:right;}
.item {position:relative; font-family:Montserrat-Bold; font-size:18px; display:inline-block; vertical-align:top; margin:5px 0 5px 30px;}
.item a:link, .item a:visited {color:#0ea7e2; display:block; transition:0.3s;}
.item a:hover, .item:hover a, .on a, .sitem a:hover {color:#ff0000 !important;}
.fleche {margin-left:3px; font-size:14px;}
.smenu {position:absolute; display:none; padding-top:10px; z-index:99; margin-left: calc(50% - 120px);}
.sitem {position:relative;}
.sitem a:link, .sitem a:visited {display:inline-block; width:220px; text-align:center; font-size:16px; margin:2px 0; cursor:pointer; color:#111 !important; background-color:#fff; padding:15px 10px; border-radius:4px;}
.sitem a:hover {color:#de6409 !important;}
#menur {display:none; position:fixed; bottom:15px; margin-left:calc(50% - 40px); text-align:center; z-index:101; line-height:60px; width:60px; height:60px; padding:10px; border-radius:50%; background:#0ea7e2;}
#diapo {position:relative; margin-top:110px; width:100%; height:auto; max-height:100%; font-size:0;}
#sep {position:absolute; width:100%; height:100px; bottom:0; z-index:60;}
.wave {position:absolute; left:0; right:0; top:0; bottom:0; z-index: 1;}
.wave + .wave {z-index: 2;}
.fixdiapo {height:200px !important;}
.swiper-container {overflow: hidden; z-index: 1;-webkit-transform: translateZ(0);}
.swiper-wrapper {position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}
.swiper-slide {float: left;-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; position: relative; overflow:hidden; z-index:1;}
.swiper-slide img {width:100%;}
.pagination {position:absolute; text-align:right; bottom:60px; width:100%; z-index:98; right:50px;}
.swiper-pagination-bullet {display:inline-block; width:15px; height:15px; border:1px solid #fff; margin:0 3px; cursor:pointer; transition: 0.3s all ease;}
.swiper-pagination-bullet-active {background:#fff; border:1px solid #fff;}
.swiper-button-prev, .swiper-button-next {position:absolute; top:calc(50% - 30px); z-index: 10; cursor: pointer; transition:0.1s; width: 30px;height: 30px;border: 8px solid #ddd;border: 8px solid rgba(150,150,150,0.6);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);}
.swiper-button-prev:hover, .swiper-button-next:hover {border-color:#fff;}
.swiper-button-prev {left: 2%;border-right: none;border-top: none;}
.swiper-button-next {right: 2%;border-left: none;border-bottom: none;}
#fili {position:absolute; width:100%; height:100%; z-index:50; top:0; background:rgba(0,0,0,0.1);}
#intro {position:absolute; left:0; right:0; margin:auto; top:44%; transform: translateY(-50%); width:100%; z-index:60; color:#fff; font-size:50px; font-family: 'Montserrat-Bold'; max-width:1400px;}
#intro p {display:block; font-size:30px; font-family:'Montserrat-Regular',Arial; margin-bottom:10px;}
#page {position:relative; width:calc(100% - 70px); z-index:60; margin:35px;}
#page h1 {font-size:40px; display:block; margin:0; padding:0; font-family: 'Montserrat-Bold'; color:#0ea7e2;}
#page h2 {font-size:28px; display:block; padding:0; font-family: 'Montserrat-Bold';word-wrap: break-word;}
#page h3 {font-size:24px; display:block; margin:0; padding:0;}
#page img, iframe, .highslide-image {vertical-align:middle; border-radius:4px; margin:0;}
.info {display:none; text-align:justify;}
.pdf {vertical-align:middle !important;}
.info {display:none;}
.same {display:inline-block; font-family: 'Montserrat-Bold'; margin:0 5px; border:2px solid #de6409; padding:4px 8px; transition:0.3s; border-radius:4px;}
.same a:link, .same a:visited {color:#0ea7e2;}
.same:hover {background:#ff0000;}
.same:hover a {color:#fff !important;}
.highslide-dimming {background:#0ea7e2;}
.highslide-caption{display:none;font-size:16px;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;}
#bas {position:relative; padding:15px 35px; background:#000; color:#fff; z-index:60;}
a {outline:none;}
a:link, a:visited {color:#111;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}
#bas a {color:#fff;}
.flex {display: flex; overflow-x: scroll; scrollbar-width: thin; margin:0;}
.flex .clearfix {display:contents;}
.flex .column {min-width:25% !important; margin-bottom:10px;}

@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;
}
@font-face {
    font-family: 'Philly-Sans';
    src:url('/fonts/Philly-Sans.ttf.woff') format('woff'),
        url('/fonts/Philly-Sans.ttf.svg#Philly-Sans') format('svg'),
        url('/fonts/Philly-Sans.ttf.eot'),
        url('/fonts/Philly-Sans.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
@media screen and (max-width:1450px)
  {
  .s {margin:0 30px;}
  #page {margin:35px 15px; width: calc(100% - 30px);}
  #bas {padding:20px 15px;}
  }
@media screen and (max-width:1150px)
  {
  .item {font-size:16px; margin:5px 10px;}
  .flex .column {min-width:50% !important; margin-bottom:10px;}
  }
@media screen and (max-width:900px)
  {
  .s {margin:0 20px;}
  iframe {max-width:100%;}
  #top {position:absolute;}
  #intro {margin:0 20px; width:calc(100% - 40px);}
  .fixdiapo {height:auto !important;}
  .pagination, .swiper-button-prev, .swiper-button-next, #sep {display:none;}
  #page {margin:20px 10px; width: calc(100% - 20px);}
  #page h1 {font-size:30px;}
  #page h2 {font-size:24px;}
  #page h3 {font-size:20px;}
  #tel {display:inline-block; vertical-align:middle;}
  #menur {display:block;}
  #menu {display:none; position:absolute; top:0; left:0; right:0; padding-top:20px; width:100%; text-align:center;}
  .item {display:block; margin:0 20px 5px 20px; font-size:20px; padding:20px; background-color:#fff; border-radius:3px;}
  .item a:link, .item a:visited {color:#111;}
  .smenu {position:relative; padding-top:20px; margin:0;}
  .sitem a:link, .sitem a:visited {display:block; width:auto; text-align:center; background:#de6409; color:#fff !important; padding:15px 10px; font-size:18px; margin:0 0 4px 0;}
  .flr,.slist {display:none;}

  #bas {text-align:center;}
  table {width:100%;}
  td {display:block; width:auto;}
  .same {display:block; margin:4px 0 0 0; padding:8px;}
  .same a {display:block;}
  .flex .column {min-width:300px !important; margin-bottom:10px;}
  }