html,body {margin:0; padding:0; width:100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: normal;}
body {font-family:'museo_sans100',Arial; font-size:17px; color:#111; background:#fff;}
.s {margin:auto; width:1400px;}
.smax {margin:auto; width:1430px;}
.zero {font-size:0;}
.clear {clear:both;}
a {outline:none; text-decoration: none;}
a:link, a:visited {color:#111;}
a:hover {color:#111;}
ul {margin:10px 0;}
#load {position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(255,255,255,0.9);}
#top {position:fixed; width:100%; padding:10px 0; top:0; z-index:99; font-size:0; transition:0.2s;}
.fixtop {background:#111;}
#logo {display:inline-block; vertical-align:middle; width:250px;}
#logoimg {max-width:100%;}
#menu {display:inline-block; vertical-align:middle; width:calc(100% - 250px); 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:#fecc06;}
.item {position:relative; font-family:museo500; font-size:20px; display:inline-block; vertical-align:top; margin-left:30px;}
.item a {color:#fff; display:block; transition:0.5s;}
.item a:hover, .item:hover a {color:#feca06 !important;}
.smenu {position:absolute; display:none; padding-top:10px; z-index:99;}
.sitem a:link, .sitem a:visited {display:inline-block; width:180px; letter-spacing:0; text-align:left; font-size:16px; color:#111 !important; margin:2px 0; cursor:pointer;background:#feca06; padding:10px; border-radius:4px;}
.sitem a:hover {background:#111;color:#fff !important;}
#diapo {position:relative; width:100%; overflow:hidden; max-height:800px;}
.fixdiapo {height:200px;}
.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:center; bottom:60px; width:100%; z-index:98;}
.swiper-pagination-bullet {display:inline-block;width:16px;height:16px;border:2px solid #fff;margin:0 3px;cursor:pointer; border-radius:50%;}
.swiper-pagination-bullet-active {background:#fff;border:2px solid #fff;}
.dtext {position:absolute; z-index:2; width:100%; max-width:1400px; transform:translate(-50%); top:35%; left:50%; color:#fff;}
.gh, .mh, .dh {top:20%;}
.gb, .mb, .db {top:60%;}
.dh, .dc, .db {text-align:right;}
.mh, .mc, .mb {text-align:center;}
.dtext a:link, .dtext a:visited {color:#fff;}
.l1 {display:block; line-height:100%; font-family:'museo500'; font-size:70px; line-height:70px; letter-spacing:-3px; font-weight:bold;}
.l2 {display:inline-block; font-family:'museo500'; font-size:24px; background:#feca06; color:#111; padding:6px 12px; margin-top:15px; border-radius:4px;}
#svg {position:absolute; width:100%; z-index:55; height:100px; bottom:0;}
#page {margin:15px auto; position:relative; max-width:1430px;}
#page img {vertical-align:middle; max-width:100%; border-radius:4px;}  
h1 {font-size:40px; margin:0; padding:0; font-family:'museo500'; font-weight:bold; color:#feca06;}
h2 {font-size:26px; margin:0; padding:0; font-family:'museo500'; font-weight:bold;}
.flex {font-size:0; text-align:center; display:flex; overflow-x:scroll; scrollbar-width:thin;}
.sflex {flex-shrink:0;}
.case {position:relative; display:inline-block; vertical-align:top; margin:15px; font-size:16px; width:calc(20% - 34px); border-radius:4px; border:2px solid #eee; transition:0.5s; overflow:hidden;}
.case:hover {border:2px solid #feca06;}
.case img {width:100%;}
.case h2 {font-family:'museo500'; margin:0; font-weight:bold; font-size:18px; text-align:center; display:block; padding:10px 10px 0 10px; color:#feca06;}
.case h3 {font-family:'museo500'; margin:0; font-weight:normal; font-size:15px; text-align:center; display:block; padding:0 10px; min-height:36px;}
.case h4 {font-family:'museo_sans100'; margin:0; font-weight:normal; font-size:15px; text-align:left; display:block; padding:4px 10px 10px 10px; min-height:38px;}
#carte {position:relative; height:600px; margin:15px 0; border-radius:4px;}
.map {position:relative; height:100%; width:100%; top:0; bottom:0;}
.marker {border: none; cursor: pointer; height: 56px;width: 56px; background-image: url('/ima/marker.png');}
.clearfix {display:block;}
.clearfix:after {content:'.'; display:block; height:0; clear:both;visibility:hidden;}
.mapboxgl-popup {padding-bottom: 50px; border-radius:4px;}
.mapboxgl-popup-close-button {display:none;}
.mapboxgl-popup-content {font-family:'open_sansregular',Arial; font-size:14px;padding:0; width:250px;border-radius:4px; overflow:hidden;}
.mapboxgl-popup-content-wrapper {padding:1%;}
.mapboxgl-popup-content h3 {background:#111;color:#fff; margin:0;display:block; padding:10px; font-weight:bold;}
.mapboxgl-popup-content h4 {margin:0;display:block; padding:10px;font-weight:normal;}
.mapboxgl-popup-content div {padding:10px;}
.mapboxgl-container .leaflet-marker-icon {cursor:pointer;}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-content {margin-top:0px;}
.mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {border-bottom-color: #111;}
#fic-gauche {float:left; width:calc(33.33% - 30px); margin:0 15px; font-size:0;}
#fic-gauche img {width:calc(100% - 20px);}
#fic-gauche .thumb {display:inline-block; margin:20px 20px 0 0; width:calc(33.33% - 20px);}
#fic-gauche .thumb img {width:100%;}
#fic-droite {float:right; margin:0 15px 0 0; width:calc(66.66% - 15px); text-align:justify;}
.same {display:inline-block; margin:0 10px 2px 0; background:#111; padding:10px 20px; transition:0.4s; border-radius:4px;}
.same:hover {background:#feca06;}
.same a {color:#fff;word-break: break-all;}
.same a:hover {color:#111;}
#adh {position:relative; padding:50px 0 80px 0; width:100%; color:#111; background:linear-gradient(#fff,#feca06);}
.columns {position:relative; -webkit-columns:5; -moz-columns:5; columns:5; width:calc(100% - 30px); margin:0 15px;}
.columns p {margin:0 0 4px 0; font-size:14px;} 
.columns p a {color:#111;}
#svg2 {position:relative; width:100%; z-index:55; height:50px; margin:-50px 0 0 0;}
#bas {position:relative; padding:0 0 20px 0; width:100%; color:#fff; background:#111;}
#bas a:link, #bas a:visited {color:#fff;}
.text, .textj {outline:none; border:1px solid #ddd; width:calc(100% - 20px); font-family:'museo500',Arial; font-size:16px; color:#000; padding:10px; margin:2px 0; border-radius:4px;}
.textj {background:#fffbe9;}
.g-recaptcha{margin:5px 0;text-align:center;display:inline-block;}
.bouton {font-family:'museo500',Arial;-webkit-appearance:none;border:0;background:#00b002;color:#ffffff;padding:10px 20px;font-size:20px;cursor:pointer;transition:0.3s all ease; border-radius:4px;}
.bouton:hover{background:#10d413;}
.erreur{color:red;font-size:16px;}
#page input[type="radio"], #page input[type="checkbox"] {display:none;}
#page input[type="radio"] + label, #page input[type="checkbox"] + label {display:inline-block; font-family:'museo500',Arial; border:1px solid #ddd; color:#111; background:#fffbe9; font-size:16px; padding:10px; cursor:pointer; border-radius:4px;margin-right:5px;}
#page input[type="radio"]:checked + label, #page input[type="checkbox"]:checked + label {background:#00b002; color:#fff; border:1px solid #00b002;}
#page input[type="radio"] + label, input[type="radio"]:checked + label, #page input[type="checkbox"] + label, input[type="checkbox"]:checked + label {-webkit-transition:background-color 0.3s linear; -o-transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;  transition:background-color 0.3s linear;}

.highslide-dimming{background:#fff;}
.highslide-caption{display:none;}
.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: 'museo_sans100';src: url('/fonts/museosans_100.woff2') format('woff2'),url('/fonts/museosans_100.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'museo500';src: url('/fonts/museosans_500.woff2') format('woff2'),url('/fonts/museosans_500.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@media screen and (max-width:1440px)
  {
  .s {width:calc(100% - 30px); margin:0 15px;}
  .dtext {width:calc(100% - 30px);}
  #page, .smax {width:100%;}
  .item {padding:2px;}
  .case {width:calc(25% - 34px);}
  }
@media screen and (max-width:950px)
  {
  #top {position:absolute;}
  #logo {width:100%;}
  #menur {display:block;}
  .l1, .l2, .pagination {display:none;}
  #page {width:calc(100% - 10px);margin:5px;}
  h1 {font-size:30px;}
  #menu {display:none; position:absolute; top:15px; left:0; right:0; width:100%; text-align:center; margin:0;}
  .item {display:block; margin:0 15px 5px 15px; background:#111; padding:20px 15px; font-size:20px; border-radius:4px;}
  .item a, .item a:hover, .item:hover a {color:#fff !important;}
  .item::after {content: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; padding:15px 10px; margin:0 0 4px 0; font-size:18px;}
  table {width:100%;}
  td {display:block; width:auto;}
  .text {width:calc(100% - 20px) !important; -webkit-appearance:none;}
  .same {display:block; margin:4px 0 0 0;}
  #bas img {float:none !important;}
  #adh, #bas, #bas div {text-align:center !important;}
  .columns {width:calc(100% - 30px);-webkit-columns:1; -moz-columns:1; columns:1;}
  .columns p {display:block;font-size:16px; margin-bottom:10px;}
  .case {width:calc(50% - 24px); margin:10px;}
  #fic-gauche, #fic-droite {float:none; margin:10px; width:calc(100% - 20px);}
  #fic-gauche img {width:100%;}
  #fic-gauche .thumb {display:block;margin:15px 0; width:100%;}
  .case h3, .case h4 {min-height:auto;}
  }