.html,body{margin:0;padding:0;-webkit-text-size-adjust:none;}
body{font-family:truenolight,Arial;font-size:16px;color:#392515;}
.s {margin:auto;width:1400px;}
.smax {margin:20px auto;width:1440px; font-size:0;}
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;}
form {display:inline;}
#entete{position:relative; width:100%; height:80px; padding-top:10px;}
#logo{display:inline-block; position:relative; z-index:99;}
.fixlogo {position:fixed !important; top:5px;}
.fixlogo img {height:50px;}
#monpanier {display:inline-block; vertical-align:middle; margin-left:20px; border-radius:50%; background:#ddd; width:60px; height:60px; text-align:center; line-height:60px;}
#monpanier img {margin-top:-3px;}
.bkpanier {background:#008e56 !important;}
#minipanier {position:fixed; right:10px; bottom:10px; z-index:99; background:#008e56; color:#fff; padding-top:20px; width:160px; height:140px; text-align:center; border-radius:50%; transition:0.5s;}
#minipanier:hover {transform:scale(1.1); cursor:pointer;}
#minipanier a:link, #minipanier a:visited {color:#fff;}
#minipanier span {font-family:'truenoregular'; font-size:30px; display:block; margin-bottom:10px; line-height:30px;}
#menur {display:none;}
#menu{position:relative; width:100%; text-align:center; font-size:0; padding-bottom:10px; background:#fff;}
.fixmenu {position:fixed !important; z-index:98; top:0; padding-top:10px;}
.item {display:inline-block; vertical-align:middle; font-size:18px; line-height:18px; font-family:truenoregular;}
.item a {padding:10px 20px; transition:0.3s; display:inline-block;}
.item a:link, .item a:visited {color:#784d2b;}
.on a:link, .on a:visited {color:#e68d29;}
.item a:hover, .on {color:#e68d29;}
.item:hover .smenu {opacity:1; visibility:visible; display:block;}
.smenu {position:absolute; opacity:0; visibility:hidden; z-index:99; padding-top:2px; transition:0.3s;}
.smenu a {display:block;text-align:left; font-size:16px; transition:0.3s;}
.smenu a:link, .smenu a:visited {background:#fff; color:#777; margin-top:2px;}
.smenu a:hover {background:#e68d29; color:#fff;}
.recherche{display:inline-block; vertical-align:middle; font-family:truenolight,Arial; border:1px solid #ddd; color:#111;font-size:15px; padding:5px; width:180px; margin:0 5px 0 10px; border-radius:1px;}
.ok {display:inline-block; vertical-align:middle; border:0; font-family:truenoregular,Arial; background:#555; color:#fff;font-size:16px;cursor:pointer;padding:4px 8px; transition:0.3s; border-radius:1px;}
.ok:hover {background:#e68d29;}
.mitem {display:none;}
#main{position:relative; width:100%;margin-bottom:20px; min-height:400px;}
.fixmain{margin-top:50px;}
#intro {position:relative; width:100%; max-height:500px; overflow:hidden;}
#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;-o-transform:translate(0px,0px);-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;right:10px; text-align:right; bottom:10px; width:100%;z-index:98;}
.swiper-pagination-switch{display:inline-block;width:12px;height:12px;border:1px solid #fff;margin:0 4px;cursor:pointer; border-radius:1px;}
.swiper-active-switch{background:#ffffff;border:1px solid #ffffff;}
.dtext {position:absolute; z-index:98; width:100%; text-align:right; max-width:1400px; margin-left:calc(50% - 700px); top:170px; color:#fff;}
.l1 {font-size:50px;font-family:truenoregular,Arial;}
.l2 {font-size:32px;font-family:truenolight,Arial;}
#ariane, .ariane2 {position:relative; width:100%; padding:10px 0; background:#e1c3ab;}
.ariane2 {background:#f2e5da;}
h1 {font-family:truenoregular,Arial;font-size:20px;margin:0;font-weight:normal;}
.tri {float:right;text-align:right;}
.tritext {border:0; background:#fff; font-family:truenolight,Arial; font-size:14px;padding:5px;color:#777;margin-top:-2px;}
#blanc {position:relative; width:1400px; margin:40px auto;}
.blanc {position:relative; width:1400px; margin:20px auto;}
.art {display:inline-block; vertical-align:top; position:relative; width:318px; margin:20px; background:#fff; border:1px solid #e1c3ab; transition:0.3s; font-size:14px;}
.art .img {display:block; padding:10px;}
.art h2 {font-weight:normal; margin:0; font-size:18px; display:block; text-align:center; font-family:truenoregular,Arial; margin:5px 0;}
.art h3 {font-weight:normal; margin:0; font-size:16px; height:40px; display:block; text-align:justify; margin-bottom:5px; overflow:hidden;}
.art:hover {border:1px solid #e68d29;}
.art:hover .artm {background:#e68d29; color:#fff;}
.art:hover .prix {color:#fff;}
.pastille {position:absolute;width:50px;height:50px;margin-left:calc(100% - 55px); margin-top:5px; background:#392515; font-size:18px; font-weight:bold;color:#fff; border-radius:50%; line-height:50px; text-align:center; z-index:90;}
.artm{display:block;padding:10px;overflow:hidden;transition:0.2s;}
.prix{color:#008e56; font-family:truenoregular,Arial; font-size:26px; display:inline-block;}
.red {background:#ff0000; display:block; padding:7px; color:#fff;}
/*TABLES*/
.t {border:1px solid #dddddd; width:100%; border-collapse:collapse; background:#ffffff;}
.t td {padding:7px; font-size:15px;}
.t td:first-child {min-width:200px;}
.t .thead {background:#f5f5f5; font-weight:bold; min-height:20px; text-align:center; color:#392515; border-bottom:1px solid #ddd; font-size:20px;}
.half {width:690px;}
.third {width:466px;}
.t .cent {width:200px; text-align:left;}
#calendrier td, #calendrier td:first-child {width:30px;padding:3px; display:inline-block; min-width:30px !important;}
#gauche {float:left; width:500px; font-size:0; position:relative; margin-right:20px;}
.artpastille {position:absolute;width:50px;height:50px;margin-left:calc(100% - 75px); margin-top:5px; background:#392515; font-size:18px; font-weight:bold;color:#fff; border-radius:50%; line-height:50px; text-align:center; z-index:90;}
#vue img {width:calc(100% - 22px);}
#gauche img {border:1px solid #e1c3ab; transition:0.2s; cursor:pointer;}
#gauche img:hover{border:1px solid #e68d29;}
.thumb{display:inline-block;margin:10px 10px 10px 0;cursor:pointer;}
.thumb img {width:86px;}
#blanc h2 {font-family:truenoregular,Arial;font-size:50px;line-height:50px;margin:0;font-weight:normal;}
.bigprix {color:#008e56;font-weight:Bold;font-size:35px;}
.kw{font-size:16px;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:#e1c3ab; text-align:center; font-size:16px; padding:10px 0;}
#footer {position:relative;width:100%;padding:20px 0;color:#ffffff;background:#392515;text-align:center;}
#footer a {color:#fff;}
a{outline:none; transition:0.3s;}
a:link, a:visited {color:#392515;text-decoration:none;}
a:hover{color:#784d2b;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;}
hr{height:1px;color:#ddd;border:0;background:#ddd;margin-bottom:5px;}
.text, .select {border:1px solid #ddd; background:#fff; font-family:truenolight,Arial; font-size:16px;padding:5px; color:#333; width:260px;}
.r {border:1px solid #e40006; box-shadow:0px 0px 2px 2px #e40006;}
.bouton, .mbouton {display:inline-block; font-family:truenoregular,Arial; font-size:20px; font-weight:bold;color:#fff; border:0; background:#008e56; padding:8px 16px;cursor:pointer; transition:0.2s;outline:none;}
.mbouton {font-size:16px; line-height:16px;}
.bouton:hover, .mbouton:hover{background:#01c175;}
.bouton a, .mbouton a {color:#ffffff; }
.erreur{display:inline-block;background:#e40006;color:#fff;padding:5px 10px;}
.terreur {color:#e40006; font-weight:bold;}
.erreur a {color:#ffff;}
.textarea{border:1px solid #ddd;background:#fff;font-family:Lora,Arial;font-size:16px;padding:5px; width:260px;}
.msg{display:inline-block;background:#f5cc00;color:#fff;padding:5px;}
.msgv{display:inline-block;background:#72b11f;color:#fff;padding:5px;}
.bouton2{display:inline-block;font-family:treunoregular,Arial;font-size:20px;color:#fff;border:0px;background:#ff6600;font-weight:Bold;padding:8px 16px;cursor:pointer;}
.mbouton2{display:inline-block;font-family:truenoregular,Arial;font-size:16px;line-height:16px;color:#fff;border:0px;background:#ff6600;font-weight:Bold;padding:8px 16px;cursor:pointer;}
.bouton, .mbouton, .bouton2, .mbouton2, .text, .textarea, .ok {-webkit-appearance:none;}
.highslide{outline:none;text-decoration:none;}
.highslide-caption{display:none;font-size:16px;color:#333;margin-top:5px;}
.highslide-dimming{background:#392515;}
@font-face {
    font-family: 'truenoregular';
    src: url('/fonts/truenorg-webfont.woff2') format('woff2'),
         url('/fonts/truenorg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
font-display: swap;
}
@font-face {
    font-family: 'truenolight';
    src: url('/fonts/truenolt-webfont.woff2') format('woff2'),
         url('/fonts/truenolt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
font-display: swap;
}
@media screen and (min-width:900px) and (max-width:1440px)
  {
  .s, #blanc, .blanc {margin:auto;width:calc(100% - 40px);padding:0 20px;}
  #blanc, .blanc {margin:40px auto;}
  .smax {width:100%; text-align:center;}
  .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)
  {
  #menu, #nav, .pagination, #mpan {display:none;}
  .s, #blanc, .blanc {margin:auto;width:calc(100% - 40px);padding:0 20px;}
  #blanc, .blanc {margin:20px auto;}
  .smax {width:100%; text-align:center;}
  #entete {height:90px; position:fixed; z-index:99; top:0; background:#fff;}
  #logobag {height:80px;}
  .fixlogo {top:10px;}
  .dtext {top:30px; margin:0; right:10px;}
  .dtext .l1 {font-size:30px;}
  #main {margin-top:100px;}
  #ariane, .ariane2 {width:calc(100% - 40px);padding:10px 20px; text-align:center;}
  #ariane .right {display:none;}
  .fixmain{margin-top:0;}
  #main img, iframe, #logo img {max-width:100%;}
  #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;}
  .item, .mitem {display:block; padding:10px; margin-top:2px; background:#fff; text-align:center; border:1px solid #392515;}
  .mitem {font-size:18px; line-height:18px; font-family:truenoregular; background:#392515;}
  .mitem a {padding:10px 20px; transition:0.3s; display:inline-block;}
  .mitem a:link, .mitem a:visited {color:#fff;}
  .rouge {background:#e40006 !important;}
  .smenu {display:none; position:relative;}
  .smenu a {text-align:center;}
  #recherche {display:block; text-align:center; padding:10px; background:#fff; border:1px solid #392515; margin-top:2px;}
  #gauche {float:none; width:100%; margin:0; text-align:center;}
  #vue img {width:100%;}
  .thumb {margin:10px 0;}
  .thumb img {width:100%;}
  #blanc h2 {font-size:30px; line-height:30px;}
  .half, .third {width:100%;}
  .t {margin-bottom:10px;}
  .left, .right {float:none;}
  td {display:block; text-align:center;}
  .t .cent {display:block;width:auto; text-align:center;}
  .art {text-align:left;}
  #calendrier {text-align:center; width:100%;}
  .no {display:none;}
  #imggauche, #vue {max-width:100%; margin:0; float:none;}
  #descdroite {text-align:left; margin-top:20px;}
  .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;}
  .text {width:240px;}
  #bas img {margin:5px;}
  #minipanier{transform:scale(0.6); transform-origin:bottom right;}
  }