html,body{margin:0;padding:0;-webkit-text-size-adjust:none;}
  body, cite {font-family:Graphik,Arial;font-size:15px; color:#222; font-style:normal;}
  cite {display:block; padding:20px 10px;}
  .s {margin:auto;max-width:1400px; width:100%;}
  img {vertical-align:middle;}
  .left{float:left;}
  .right{float:right;text-align:right;}
  .center {text-align:center;}
  .tleft {text-align:left;}
  .tright {text-align:right;}
  .clear {clear:both;}
  .yes {display:none;}

  a{outline:none; transition:0.3s;text-decoration:none;}
  a:link, a:visited {color:#222;}
  a:hover{color:#000;}
  a.b:link, a.b:visited, a.b:hover {color:#fff}

  form {display:inline;}
  #menur {display:none;}
  #logo {position:absolute; margin:-10px 0 0 0; z-index:99;}
  .mlogo {float:left; margin-left:30px;}

  #entete{position:relative; width:100%; height:50px; padding:20px 0; font-size:0;}
  *:focus {outline: none;}
  .recherche{display:inline-block; vertical-align:middle; font-family:Graphik,Arial; border:1px solid #ddd; color:#222; font-size:17px; padding:10px; width:300px; margin-right:10px; border-radius:3px;}
  .ok {display:inline-block; vertical-align:middle; border:0; width:45px; height:45px; font-family:Graphik,Arial; background:#442814; color:#fff;font-size:19px; font-weight:bold; cursor:pointer; transition:0.3s; border-radius:50%;}
  .ok:hover {background:#884f34;}
  #monpanier, #moncompte {display:inline-block; vertical-align:middle; margin-left:20px; text-align:center; padding:10px; font-size:17px;}
  #monpanier a {color:#fff;}
  #monpanier {border-radius:3px; background:#009e6a; font-size:19px;}

  #menu {position:relative; width:100%; text-align:center; font-size:0; padding:10px 0; background:#442814;}
  .fixmenu {position:fixed !important; z-index:98; top:0; padding-top:10px;}
  .item {display:inline-block; vertical-align:middle; font-size:19px; line-height:19px; font-family:Graphik; font-weight:bold; margin-left:10px;}
  .item a {padding:10px 20px; transition:0.3s; display:inline-block;}
  .item a:link, .item a:visited, .on a:link, .on a:visited {color:#fff;}
  .item:hover, .on {background:#884f34; border-radius:3px;}
  .item:hover .smenu {opacity:1; visibility:visible; display:block;}
  .smenu {position:absolute; opacity:0; visibility:hidden; z-index:99; padding-top:4px; transition:0.3s;}
  .smenu a {display:block; text-align:left; font-size:17px; transition:0.3s;}
  .smenu a:link, .smenu a:visited {background:#442814; color:#fff; margin-top:4px; border-radius:3px;}
  .smenu a:hover {background:#884f34;}
  .mitem {display:none; font-weight:bold;font-size:19px; font-family:Graphik;}
  .mitem .vert {background:#009e6a !important;}

  #intro {position:relative; width:100%; max-height:450px; overflow:hidden;}
  .fixintro {margin-top:59px;}
  .notone {max-height:200px !important;}
  #intro img {width:100%;}
  .swiper-container{margin:0 auto; max-height:500px;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:50;}
  .swiper-wrapper{position:relative;width:100%; height:100%; -webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
  .swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
  .swiper-wp8-horizontal{-ms-touch-action:pan-y;}
  .swiper-wp8-vertical{-ms-touch-action:pan-x;}
  .swiper-slide{float:left;text-align:left; position:relative;}
  .pagination{position:absolute; text-align:center; bottom:80px; width:100%;z-index:97;}
  .swiper-pagination-switch{display:inline-block;width:12px;height:12px;border:1px solid #fff;margin:0 4px;cursor:pointer; border-radius:50%;}
  .swiper-active-switch{background:#ffffff;border:1px solid #fff;}

.dtext {position:absolute; z-index:98; width:100%; text-align:right; max-width:1400px; margin-left:calc(50% - 700px); top:130px; color:#fff;}
.l1 {font-size:50px;font-family:Graphik,Arial; font-weight:bold;}
.l2 {font-size:32px;font-family:Graphik,Arial;}

  #main {position:relative; margin:-70px auto 20px auto; background:#fff; z-index:60; border-radius:6px; padding:20px; max-width:1360px; font-size:0;}
  #gauche h2 {font-family:Graphik,Arial;font-size:50px;line-height:50px;margin:0;font-weight:normal;}

  h1 {position:relative; font-family:Graphik,Arial;font-size:29px;margin:10px; padding:10px;font-weight:bold; background:#009e6a; color:#fff; border-radius:3px;}
  .tritext {position:absolute; right:10px; top:12px; border:1px solid #ddd; border-radius:3px; background:#fff; font-family:Graphik,Arial; font-size:15px;padding:5px; color:#222;}
  .ariane {position:relative; display:block; padding:10px; background:#884f34; font-size:17px; color:#fff; border-radius:3px; margin:10px;}
  h1 a, .ariane a {color:#fff;}
  hr {height:3px;color:#ddd;border:0;background:#ddd;margin-bottom:15px; display:block;}

  .art {display:inline-block; vertical-align:top; position:relative; width:calc(25% - 20px); margin:10px; font-size:13px; transition:0.3s; border-radius:3px; overflow:hidden;}
  .art:hover {background:#eee;}
  .art .img {display:block; padding:10px;}
  .art .img img {width:100%; border-radius:3px;}
  .artm {display:block; padding:10px;overflow:hidden;transition:0.2s;}
  .artm h2 {font-weight:bold; font-size:19px; display:block; font-family:Graphik,Arial; margin:0 0 10px 0; min-height:42px;}
  .artm h3 {font-weight:normal; margin:0; font-size:15px; height:40px; display:block; text-align:justify; overflow:hidden;}
  .prix {color:#442814; font-family:Graphik,Arial; font-size:30px; display:inline-block; font-weight:bold; margin-top:10px;}
  .pastille {position:absolute;width:50px;height:50px;margin-left:calc(100% - 50px); top:0px; background:#ff0000; font-size:19px; font-weight:bold;color:#fff; border-radius:50%; line-height:50px; text-align:center; z-index:90;}
  .voir {float:right; display:inline-block; vertical-align:middle; padding:10px; font-size:15px; border-radius:3px; background:#009e6a; color:#fff; margin-top:5px;}

.red {background:#ff0000; display:block; padding:7px; color:#fff;}

  .t {border:1px solid #ddd; width:100%; border-collapse:collapse; background:#fff;}
  .t td {padding:7px; font-size:15px; min-height:30px;}
  .t td:first-child {width:250px;}
  .t .thead {background:#ddd; font-weight:bold; min-height:20px; color:#222; border-bottom:1px solid #ddd; font-size:19px;}
  .half {width:660px;}
  .third {min-width:466px;}
  .t .cent {width:200px; text-align:left;}
  .t td img {border-radius:3px;}
  #calendrier td, #calendrier td:first-child {width:30px;padding:3px; display:inline-block; min-width:30px !important; min-height:auto;}

  #droite {float:right; width:500px; font-size:0; position:relative; margin-left:10px;}
  #vue {text-align:right;}
  #vue img {width:calc(100% - 10px);}
  #droite img {border:0; transition:0.2s; cursor:pointer; border-radius:3px;}
  .thumb{display:inline-block;margin:10px 0 10px 10px;cursor:pointer;}
  .thumb img {width:115px;}
  .bigprix {color:#442814;font-weight:Bold;font-size:35px;}
  .artpastille {position:absolute;width:50px;height:50px;margin-left:calc(100% - 50px); top:0px; background:#ff0000; font-size:19px; font-weight:bold;color:#fff; border-radius:50%; line-height:50px; text-align:center; z-index:90;}
  .kw {font-size:15px;border:0;background:#ccc;padding:2px 4px;color:#fff;margin:0 2px 2px 0;display:inline-block;}

  #bas {width:100%;}
  #menubas {position:relative; width:100%; background:#442814; text-align:center; font-size:15px; padding:10px 0; color:#ddd;}
  #footer {position:relative;width:100%;padding:20px 0;color:#fff;background:#222;text-align:center;font-size:15px;}
  #menubas a, #footer a {color:#fff;}

  .text, .select, .textarea {border:1px solid #ddd; background:#fff; font-family:Graphik,Arial; font-size:15px; padding:5px; color:#222; border-radius:3px; max-width:calc(100% - 40px);}
  .text {width:260px;}
  .r {border:2px solid #ff0000; box-shadow: 0 0 0 2px #ff0000;}
  .bouton, .mbouton, .bouton2, .mbouton2, .text, .textarea, .ok {-webkit-appearance:none;}
  .bouton, .mbouton {display:inline-block; font-family:Graphik,Arial; font-size:20px; font-weight:bold;color:#fff; border:0; background:#009e6a; padding:8px 16px;cursor:pointer; transition:0.2s;outline:none; border-radius:3px;}
  .mbouton {font-size:16px; line-height:16px;}
  .bouton:hover, .mbouton:hover{background:#01c175;}
  .bouton a, .mbouton a {color:#fff;}
  .erreur{display:inline-block;background:#ff0000;color:#fff;padding:5px 10px; border-radius:3px;}
  .erreur a {color:#fff;}
  .msgv{display:inline-block;background:#009e6a;color:#fff;padding:5px; border-radius:3px;}

  .highslide{outline:none;text-decoration:none;}
  .highslide-caption{display:none;font-size:17px;color:#222;margin-top:5px;}
  .highslide-dimming{background:#fff;}

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


@media screen and (max-width:1460px)
  {
  .s {width:calc(100% - 40px);padding:0 20px;}
  #main {width:calc(100% - 20px);padding:10px;}
  }
@media screen and (min-width:1000px) and (max-width:1280px)
  {
  .art {width:calc(33.33% - 20px);}
  }
@media screen and (min-width:900px) and (max-width:999px)
  {
  .art {width:calc(50% - 20px);}
  .half {width:calc(50% - 10px);}
  .dtitre {font-size:40px;}
  .dtext {margin-left:0; top:30%; max-width:calc(100% - 20px);}
 }
@media screen and (max-width:899px)
  {
  .dtext {margin:0; top:10px; width: calc(100% - 20px);}
  .l1 {font-size:20px;}
  .l2 {font-size:12px;}
  .art {width:100%; margin:0;}
  #recherche, #monpanier, #moncompte, .mlogo {display:none;}
  #main {margin-top:10px;}
  #main img, iframe, #logo img {max-width:100%;}
  #logo img {height:110px;}
  .left, .right {float:none;}
  .pagination, #mpan {display:none;}
  h1 {font-size:23px;}
  #menur {display:block; position:fixed; z-index:99; top:40px; right:20px;}
  #menu {display:none; position:absolute; text-align:center; z-index:99; width:100%; background:none; top:70px;}
  .item, .mitem {display:block; padding:10px; margin:2px 0 0 0; text-align:center; background:#442814; border-radius:3px;}
  .mitem a {padding:10px 20px; transition:0.3s; display:block;}
  .mitem a:link, .mitem a:visited {color:#fff;}
  .rouge {background:#e40006 !important;}
  .smenu {display:none; position:relative;}
  .smenu a {text-align:center;}
  #droite {float:none; width:100%; margin:0 0 20px 0; text-align:center;}
  #vue img {width:100%;}
  .thumb {margin:10px 0;}
  .thumb img {width:100%;}
  .half, .third {width:100%;}
  .t {margin-bottom:10px;}
  .t td:first-child {width:auto;}
  .t td {min-height:auto;}
  td {display:block; text-align:center;}
  .t .cent {display:block;width:auto; text-align:center;}
  #calendrier {text-align:center; width:100%;}
  .no {display:none;}
  #vue {max-width:100%; margin:0; float:none;}
  .artpastille {margin-left:0;}
  .yes {display:inline-block;}
  #menubas {padding:10px;width:calc(100% - 20px);}
  .dtitre {font-size:20px;}
  .bouton, .bouton2 {font-size:16px !important; margin:5px 0;}
  #bas img {margin:5px;}
  #option td {width:calc(100% - 10px); text-align:left;}
  }