html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:'Montserrat-Regular',Arial; font-size:16px; background:#fff; color:#000;}
.clear {clear:both;}
.s {margin:0 auto; max-width:1400px; position:relative;}
#top {position:fixed; width:100%; padding-top:20px; top:0; z-index:98; font-size:0; background:#fff;transition:0.3s;}
.fixtop {margin-top:-25px !important;}
#logo {display:inline-block; vertical-align:middle; position:relative; width:250px; margin-top:20px;}
#menu {display:inline-block; vertical-align:middle; width:calc(100% - 250px); text-align:right;}
#cities {position:absolute; top:0; width:100%; background:linear-gradient(to right,#fff,#ececec); padding:5px; font-size:12px; text-align:right;}
#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:#00b39e;}
.item {position:relative; font-family: 'Montserrat-Bold'; font-size:18px; color:#000; display:inline-block; vertical-align:middle; margin-left:25px; cursor:pointer;}
.item a {color:#363636; display:block; transition:0.3s; padding:5px;}
.item a:hover, .item:hover a, .on a {color:#00b39e !important;}
.smenu {position:absolute; display:none; padding-top:5px; z-index:99;margin-left: calc(50% - 110px);}
.sitem a:link, .sitem a:visited {display:inline-block; width:200px; text-align:center; font-size:18px; margin:2px 0; cursor:pointer;background:#fff; padding:10px; border-radius:4px;}
.sitem a:hover {background:#00b39e; color:#fff !important;}
.fleche {margin-left:5px; font-size:20px; line-height: 18px;}
#top .s {position:relative; z-index:2;}
#wave {width:100%; position:absolute; bottom:20px; z-index:1;}
.fixwave {top:100px !important;}
svg {position:absolute; top:0;}
#empty {position:relative; width:100%; height:150px; background:#fff; z-index:60;}
#intro {position:relative; width:100%; overflow:hidden; max-height:550px; z-index:50; z-index:1;}
.fixdiapo {height:350px;}
.swiper-slide img {width:100%;}
.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; pointer-events:none;}
.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;}
.pagination {position:absolute; text-align:center; bottom:60px; width:100%; z-index:98;}
.fixdiapo .pagination {bottom:70px;}
.swiper-pagination-bullet {display:inline-block;width:14px;height:14px;border:2px solid #fff;margin:0 5px;cursor:pointer; border-radius:50%;}
.swiper-pagination-bullet-active {background:#fff;border:2px solid #fff;}
#coord {position:relative; margin:-60px auto 30px auto; max-width:1400px; z-index:60; background:#fff; border-radius:8px; font-size:0; overflow:hidden; padding-bottom:8px;}
.tiers {display:inline-block; position:relative; width:33.33%; transition:0.5s;}
.centre {border-left:1px solid #ddd; border-right:1px solid #ddd; width:calc(33.32% - 2px);}
.tiers .elem {display:table; margin:auto; padding:30px 0; }
.tiers img {display:inline-block; vertical-align:top; margin-right:15px;}
.tiers .elem div {display:inline-block; vertical-align:top; font-size:16px;}
.tiers .elem div span {font-size:28px; font-family: 'Montserrat-Bold';}
.tiers:hover {background:#ececec;}
#border {position:absolute; width:100%; bottom:0; height:8px; background:linear-gradient(to right,#16a1e3,#00b39e);}
#page {position:relative; margin:0 auto 30px auto; max-width:1440px; z-index:60;}
#page img, iframe, .pdf {vertical-align:middle; margin:0;}
#page h1 {font-size:40px; font-family: 'Montserrat-Bold'; display:block; margin:0; padding:0; line-height:40px; color:#00b39e;}
#page h2 {font-size:24px; font-family: 'Montserrat-Bold'; display:block; margin:0; padding:0; color:#16a1e3;}
#page h3 {font-size:20px; font-family: 'Montserrat-Bold'; display:block; margin:0; padding:0;}
.same {display:inline-block; margin:0 5px; background-color:#363636; color:#fff; padding:4px 8px; transition:0.3s;}
.same:hover {background:#00b39e;}
form {display:inline;}
.mtext {border:1px solid #ddd; font-family:Montserrat-Regular,Arial; font-size:16px; padding:4px; color:#111; width:80px; border-radius:4px; margin-right:5px;-webkit-appearance:none; outline:none;}
#recherche {width:130px; padding:15px 10px; border-radius:4px; background:#fff;}
.mbouton {display:inline-block; font-family: Montserrat-Regular,Arial; font-size:16px; color:#fff; background:#00b39e; border:0;  padding:6px 4px; width:33px; cursor:pointer; -webkit-appearance:none; border-radius:4px;}
.ritem {display:inline-block; font-size:18px; margin-bottom:4px; cursor:pointer; background:#f3f0e9; padding:10px; border-radius:4px;}
.ritem a:link, .ritem a:visited {color:#111;}
.stabilo {background:#ffd40d; padding:2px; border-radius:4px; display:inline-block; margin:0 2px;}
#bas {position:relative; padding:15px 10px; background:#16a1e3; 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:#363636;text-decoration:none}
a:visited{color:#363636;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}
#more {position:relative; background:url('/ima/more.jpg'); width:100%; height:70px;}
@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)
  {
  #coord {margin:-50px 20px 60px 20px; height:auto;}
  #page {margin:0 10px 50px 10px;}
  .s {margin:0 20px;}
  }
@media screen and (max-width:1150px)
  {
  .item {font-size:18px; margin:0 10px;}
  }
@media screen and (max-width:950px)
  {
  #empty, .pagination, #cities {display:none;}
  #top {position:relative;}
  #logo {width:100%; margin-top:0; text-align:center;}
  #wave {bottom:inherit;}
  #intro {margin-top:0;}
  .fixdiapo {height:auto;}
  #coord {margin:20px;}
  .tiers, .tiers centre {display:block; width:100%;}
  .centre {border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:calc(100% - 2px);}
  .tiers .elem {padding:20px 0;}
  #page {margin:20px 10px;}
  .int {margin-top:10px !important;}
  #menur {display:block;}
  #menu {display:none; top:0; left:0; right:0; position:absolute; width:100%; text-align:center; margin-top:0;}
  .item {display:block; margin:0 0 5px 0; font-size:20px; background:#00b39e; padding:20px; border-radius:8px;}
  .item a:link, .item a:visited {color:#fff !important;}
  .smenu {position:relative; top:0px !important; padding:20px 10px 6px 10px; margin:0;}
  .sitem a:link, .sitem a:visited {display:block; width:auto; text-align:center; background:#fff; padding:15px 10px; font-size:18px; color:#363636 !important; margin:0 0 4px 0;}
  .loupe img {filter: invert(1); -webkit-filter: invert(1); -o-filter: invert(1); -ms-filter: invert(1);}
  #recherche {width:100%;}
  #bas {padding:0px;}
  #bas .s {margin:0 10px;}
  #bas a {color:#fff;}
  table {width:100%;}
  td {display:block; width:auto;}
  .text, .textarea {width:calc(100% - 8px) !important;}
  .same {display:block; margin:4px 0 0 0; padding:8px;}
  .same a {display:block;}
  }