html,body {margin:0; padding:0; width:100%; height:100%;}
body {font-family:museosans_500,Arial; font-size:16px; background:url('/ima/bk.jpg') center center fixed; background-size:cover; color:#333;}
.clear {clear:both;}
.s {margin:0 auto; max-width:1400px;}
.smax {margin:0 auto; max-width:1420px;}
a {outline:none;}
a:link {color:#295300;text-decoration:none}
a:visited {color:#295300;text-decoration:none}
a:hover {color:#295300;text-decoration:none}
img, iframe {vertical-align:top; border-radius:6px;}
#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:#54a800;}

#menu {display:none;}
#empty {position:relative; width:100%; height:130px; z-index:60; background:none;}
#top {position:fixed; width:100%; padding:10px 0; top:0; height:110px; z-index:99; background:#fff5e0; font-size:0; text-align:center; overflow:visible !important;}
#logo {display:inline-block; vertical-align:middle; position:relative; width:240px; text-align:center;}
.tiers {display:inline-block; vertical-align:middle; position:relative; width:calc(50% - 120px); font-size:18px;}
.tleft {text-align:left;}
.tright {text-align:right;}
.item {position:relative; font-size:30px; color:#333; display:inline-block; vertical-align:middle; margin-top:-50px;font-family: 'bebas_neueregular';}
.tleft .item {margin-left:50px;}
.tright .item {margin-right:50px;}
.item a {color:#333; display:block; transition:0.3s;}
.item a:hover, .item:hover a, .on a {color:#54a800 !important;}
.smenu {position:absolute; display:none; padding-top:10px; z-index:99; margin-left: calc(50% - 110px);}
.sitem a:link, .sitem a:visited {display:inline-block; width:200px; text-align:center; font-size:22px; color:#fff !important; margin:2px 0; cursor:pointer;background:#54a800; padding:10px; border-radius:6px;}
.sitem a:hover {background:#295300;}
.fleche {margin-left:5px; font-size:15px;}
#wave {position:fixed; width:100%; height:80px; top:0; margin-top:130px; z-index:98;}
#wave svg {position:absolute; top:0;}
#intro {position:relative; width:100%; overflow:hidden; max-height:600px; z-index:50; background:#fff;}
.fixdiapo {height:300px;}
.swiper-slide img {width:100%; border-radius:0;}
.fixdiapo .swiper-slide img {margin-top: -150px;}
.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:130px; width:100%; z-index:98;}
.fixdiapo .pagination {bottom:10px;}
.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;}

#page {position:relative; margin:-120px auto 20px auto; max-width:1420px; z-index:60; background:url('/ima/bk.jpg') center center fixed; background-size:cover; border-top-left-radius:6px; border-top-right-radius:6px; padding:20px 10px;}
#page h1 {font-size:50px; font-weight:bold; display:block; margin:0; padding:0; font-family: 'bebas_neueregular';}
#page h2 {font-size:22px; font-weight:bold; display:block; padding:0; margin:10px 0;}
#page h3 {font-size:20px; font-weight:bold; display:block; margin:0; padding:0; color:#54a800;}
#page h3 span {color:#333; font-size:14px; font-weight:normal;}
.int {margin:20px auto !important; padding:10px !important;}

.pdf {vertical-align:middle !important;}
.same {display:inline-block; margin:0 5px; background-color:#295300; color:#fff; padding:4px 8px; transition:0.3s;}

.art {display:inline-block; vertical-align:top;}
.art img {width:100%; display:block;}
.art .area {margin-bottom:10px; min-height:95px;}
.art .marea {margin-bottom:10px;}
.ajoutpan {display:block; width:100%; margin-top:10px; text-align:center; font-family: museosans_500,Arial; font-size:20px; color:#fff; background:#54a800; border:0; border-radius:6px; padding:8px; cursor:pointer; -webkit-appearance:none; transition:0.3s;}
.ajoutpan:hover {background:#295300;}
cite {font-size:14px; font-style:normal; display:block;}
.disabled {display:block; margin-top:10px; text-align:center; font-family: museosans_500,Arial; font-size:20px; color:#fff; background:#777; border:0; border-radius:6px; padding:8px; cursor:not-allowed; -webkit-appearance:none; transition:0.3s;}
.rouge {background:#e00005;}
.control {background:#ff6600; font-size:14px; color:#fff; padding:4px;}

#minipanier {position:fixed; right:20px; bottom:15px; z-index:98; background:#54a800; color:#fff; padding-top:40px; width:150px; height:110px; text-align:center; border-radius:50%;}
#minipanier a:link, #minipanier a:visited {color:#fff;}
#minipanier span {font-weight:bold; font-size:22px; display:block; margin-bottom:10px;}

.t {border:0; width:100%; border-collapse:collapse; background:#fff;}
.t td {padding:7px 10px;}
.t .thead {background:#eee; font-weight:bold; min-height:30px; text-align:center; color:#222; font-size:16px;}
.t .thead td, td.thead {padding:10px;}
.pan-img {float:left; margin-right:10px;}
.pan-img img {height:150px;}
.fleft {float:left;}
.fright {float:right;}
.demi {width:calc(50% - 10px);}
.yes {display:none;}
.clr {clear:both;}



form {display:inline;}
.text, .textarea, .select {border:1px solid #ddd; font-family:museosans_500,Arial; background:#fff; font-size:16px; margin:2px 0; padding:4px; border-radius:4px; color:#295300;}
.text, .textarea {-webkit-appearance:none; width:250px;}
.select {border:2px solid #295300;}
.bouton, .mbouton {display:inline-block; font-family: museosans_500,Arial; font-size:22px; color:#fff; background:#54a800; border:0; border-radius:8px; padding:8px; cursor:pointer; -webkit-appearance:none;}
.mbouton {font-size:16px; padding:4px; font-weight:bold; background:#ef6c00; border-radius:4px;}
.erreur {display:inline-block; background:#e00005; color:#fff; padding:4px; border-radius:4px;font-size:16px;}
textarea:focus, input:focus{outline: none;}
.petit {font-size:12px;}
.r {border:1px solid #e00005 !important; box-shadow:0px 0px 2px 2px #e00005;}


#bas {position:relative; padding:15px 10px; background:#333; color:#fff;}
#bas a:link, #bas a:visited, #bas a:hover, .same a:link, .same a:visited, .same a:hover {color:#fff;}

@font-face {
    font-family: 'museosans_500';
    src: url('/fonts/museosans_500.woff2') format('woff2'),
        url('/fonts/museosans_500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('/fonts/bebasneue_regular-webfont.woff2') format('woff2'),
         url('/fonts/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media screen and (max-width:1440px)
  {
  .s {margin:0 10px;}
  #page {margin-left:0; margin-right:0; border-radius:0;}
  .tleft .item {margin-left:30px;}
  .tright .item {margin-right:30px;}
  .item {font-size:26px;}
  }
@media screen and (max-width:950px)
  {
  #top {position:relative;}
  #logo {width:100%;}
  .tiers {display:none; width:0;}
  #empty, .pagination  {display:none;}
  #wave {position:relative; margin-top:0;}
  #wave svg {height:30px;}
  #intro {margin-top:-80px;}
  .fixdiapo .swiper-slide img {margin:0;}
  #page {margin:0;}
  .int {margin:0 !important;}
  iframe {max-width:100%;}
  #page h1 {font-size:40px;}
  #menur {display:block;}
  #menu {display:none; top:0; left:0; padding-top:10px; position:absolute; width:100%; height:calc(100% - 10px); text-align:center; z-index:100; background:#fff;}
  .item {display:block; margin:0; padding:8px; font-size:36px;}

  .fixdiapo {height:auto;}
  #bas {padding:20px 0;}
  #bas a {color:#fff;}

  table {width:100%;}
  td {display:block; width:auto;}
  .text, .textarea {width:calc(100% - 8px) !important; padding:8px 4px;}
  .same {display:block; margin:4px 0 0 0; padding:8px;}
  .same a {display:block; color:#fff !important;}
  #mpan {display:none;}
  .demi {width:100%;}
  .fleft, .fright {float:none;}
  .fleft td, .fright td {text-align:center !important; padding:5px 10px;}
  .yes {display:inline-block;}
  .pan-img {float:none; margin:0;}
  .pan-img img {width:100%; height:auto;  margin-bottom:10px;}
  }