html,body {margin:0; padding:0; width:100%; height:100%;}
body,cite {font-family:'Montserrat-Regular',Arial; font-size:16px; color:#222; background:#424242; font-style:normal;}
.s {margin:auto; width:1400px;}
.smax {margin:auto; max-width:1430px;}
img {vertical-align:middle; margin:0; max-width:100%;}
h1,h2,h3,h4 {margin:0; padding:0; font-weight:normal;}
.arr {border-radius:4px; display:block; margin-bottom:2px;}
.arr2 {border-radius:4px; display:inline-block; margin-bottom:2px;}
#pansug {position:fixed; z-index:99;left: 50%;top: 50%;transform: translate(-50%,-50%); width:600px; height:500px; background:#fff; border:2px solid #ddd; padding:20px; overflow-y:scroll; border-radius:8px;}
#pansug .pastille {right:unset;}
#cancel {display:inline-block; font-size:16px;cursor: pointer;}
#bktemp, #bksess {position:fixed; z-index:998; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0; left:0;}
#actuhome {position:fixed; overflow:hidden; z-index:999; background:#fff; top:50%; left:50%; transform: translate(-50%, -50%); width:calc(100% - 30px); height:100%; max-width:800px; max-height:800px; border-radius:8px;}
#actuhome img {max-width:100%;}
#actuhome div {overflow: auto;height:calc(100% - 60px); padding:40px 20px 20px 20px;}
#closeactu {position:fixed; top:0; right:0; padding:4px !important; height:auto !important; background:#e40006; color:#fff; cursor:pointer; border-bottom-left-radius:4px;}
#sesshome {position:fixed; overflow:hidden; z-index:999; background:#fff; top:50%; left:50%; transform: translate(-50%, -50%); width:calc(100% - 30px); max-width:400px; padding:15px; text-align:center; border-radius:8px;}
.choixdept {display:block; text-align:left; background:#eee; font-size:16px; border:1px solid #ddd; padding:8px 15px; margin-bottom:5px; transition:0.2s; border-radius:4px;}
.choixdept:hover {background:#eb701c; border-color:#eb701c;}
.bigselect {display:block; margin-top:5px; border:1px solid #ddd; background:#eee; font-family:'Montserrat-Regular',Arial; font-size:16px; padding:8px 15px; color:#111; width:100%; border-radius:4px;}
a:hover .choixdept {color:#fff;}
#scroll {position:absolute; bottom:30px; text-align:center; cursor:pointer; width:100%; animation: bounce 1s infinite; z-index:61;}
@keyframes bounce{from {transform: translateY(0);} to {transform: translateY(10px);}}
#loupe {cursor:pointer;}
#sloupe {display:none;}
#recherche {position:fixed; font-family: 'Montserrat-Bold'; font-size:16px; text-align:center; z-index:999; left:50%; top:50%; transform:translate(-50%,-50%); width:300px; height:150px; background:#fff; border:0; padding:20px; border-radius:8px;}
.blanc {color:#fff;}
.noir {display:inline-block; color:#000; margin:0 10px 10px 0; font-weight:bold;}
.noir a {display:block; padding:8px 10px; transition:0.2s; border:1px solid #000;}
.active, .noir a:hover {background:#50a05e; color:#fff; border-color: #50a05e !important;}
.active a {color:#fff !important; border:1px solid #87c392; background:#87c392;}

.version {display:inline-block; color:#000; border:1px solid #000; font-family: 'Montserrat-Bold'; margin:0 10px 10px 0; border-radius:4px;}
.version a {display:block; padding:7px 10px; transition:0.2s;}
.version a:hover, .version.on {color:#fff; background:#eb701c; color:#fff; border-color:#eb701c !important;}
.version.on a {color:#fff;}

.left{float:left;}
.left cite {color:#fff;}
.right{float:right; text-align:right;}
.center {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.clear {clear:both;}
.yes, .yesb {display:none;}
.zero {font-size:0 !important;}
*:focus {outline: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}
#menur {display:none;}
#top {position:fixed; width:100%; top:0; z-index:99; font-size:0; transition:0.3s;}
.fixtop, .int {background:#fff;}
#empty {position:relative; top:0; width:100%; height:80px; font-size:0;}
#logo {display:inline-block; vertical-align:middle; width:280px;}
#logoimg {max-width:100%; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.int #logoimg {height:80px !important;}
#backhome {display:none; vertical-align:middle;}
#menu {display:inline-block; vertical-align:middle; position:relative; width:calc(100% - 280px); text-align:right;}
.item {position:relative; font-size:18px; display:inline-block; vertical-align:middle; margin-left:5px;}
.item a {color:#fff; display:block; transition:0.3s; padding:6px 12px;}
.item::after {content:""; position:absolute; width:0; height:100%; background:#eb701c; left:0; bottom:0; transition: 0.3s all ease; border-radius:4px;}
.item:hover::after {width:100%; z-index:-1;}
.smenu {position:absolute; display:none; padding-top:5px; z-index:99;}
.smenu a:link, .smenu a:visited {display:block; width:auto; min-width:210px; text-align:left; font-size:16px; margin-bottom:5px; cursor:pointer; background:#111; padding:8px 12px; border-radius:4px;}
.smenu a:hover {background:#eb701c;}
.fixtop .item a:link, .fixtop .item a:visited, .int .item a:link, .int .item a:visited {color:#000;}
.fixtop .item:hover a, .fixtop .sitem a, .fixtop .sitem a:hover, .fixtop .smenu:hover.item a, .int .item:hover a, .int .sitem a, .int .sitem a:hover, .int .smenu:hover.item a {color:#fff !important;}
.int {box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1);}
.ico {position:relative; display:inline-block; vertical-align:middle; margin-left:20px; margin-bottom:5px;}
.fixtop .ico img, .int .ico img {filter: invert(1); -webkit-filter: invert(1); -o-filter: invert(1); -ms-filter: invert(1);}
#nbarts {position:absolute; background:#50a05e; border-radius:50%; width:14px; height:14px;}
#minipanier {position:fixed; right:15px; bottom:15px; z-index:98; background:#50a05e; color:#fff; padding:20px; width:150px; text-align:center; border-radius:8px;}
#minipanier a:link, #minipanier a:visited {color:#fff;}
#minipanier span {font-family: 'Montserrat-SemiBold'; font-size:20px; display:block; margin-bottom:10px;}
#dept {font-size:12px; position:absolute; top:-30px; margin-right:0; width:100%; color:#ffffff50;}
#dept a {color:#ffffff50;}
#intro {position:relative; top:0; width:100%; height:auto; max-height:100%; font-size:0;}
.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:right; bottom:40px; width:100%; z-index:98; max-width:1400px; margin:auto; left:0; right:0;}
.swiper-pagination-bullet {display:inline-block; width:15px; height:15px; border:1px solid #fff; margin:0 3px; cursor:pointer; transition: 0.3s all ease; border-radius:4px;}
.swiper-pagination-bullet-active {background:#fff; border:1px solid #fff;}
.swiper-button-prev, .swiper-button-next {position:absolute; top:calc(50% - 30px); z-index: 10; cursor: pointer; transition:0.1s; width: 30px;height: 30px;border: 8px solid #ddd;border: 8px solid rgba(150,150,150,0.6);text-indent: -90000px;margin-top: -30px;cursor: pointer;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.swiper-button-prev:hover, .swiper-button-next:hover {border-color:#fff;}
.swiper-button-prev {left: 2%;border-right: none;border-top: none;}
.swiper-button-next {right: 2%;border-left: none;border-bottom: none;}
#fili {position:absolute; width:100%; height:100%; z-index:50; top:0; background:rgba(0,0,0,0.5);}
.dtext {position:absolute; z-index:98; width:100%; max-width:1400px; color:#fff; margin: auto; height: 100%; top: 40%; left: 0; right: 0; font-size:14px !important;}
  
#home, #main {position:relative; margin:30px auto; background:#424242; z-index:60; max-width:1430px; font-size:0;}
h1 {position:relative; font-family:'Montserrat-Bold',Arial; font-size:24px; margin:0 15px 15px 15px; padding:8px 12px; background:#222; color:#fff; border-radius:8px;}
cite, #content {display:block; min-height:300px;}
#content {position:relative; margin:0 15px 15px 15px; background:#fff; border-radius:8px; font-size:16px;}
#introrub {position:relative; margin:0 15px 15px 15px; background:#777; color:#fff; border-radius:8px; font-size:16px; padding:12px;}
#introrub a {color:#fff;}
#main .s {font-size:16px;}
.ariane {position:relative; display:block; padding:8px 12px; background:#eb701c; font-family:'Montserrat-Bold'; font-size:16px; color:#fff; margin:15px; border-radius:4px;}
.tritext {position:absolute; right:10px; border:1px solid #ddd; background:#fff; font-family: 'Montserrat-Regular'; font-size:14px; padding:5px; color:#222; border-radius:4px;}
h1 a, .ariane a {color:#fff;}
hr {height:2px;color:#ddd;border:0;background:#ddd; display:block;}
  
.art {display:inline-block; vertical-align:top; position:relative; font-size:16px; background:#fff; border:2px solid #fff; width:calc(20% - 54px); padding:10px; margin:15px; transition:0.3s; overflow:hidden; border-radius:8px;}
.art:hover, .mart:hover {border:2px solid #eb701c;}
.art .img, .mart .img {display:block; position:relative; overflow:hidden; border-radius:4px}
.art .img img, .mart .img img  {width:100%; transition:0.3s; border-radius:4px; overflow:hidden;}
.art:hover .img img {transform:scale(1.1);;}
.art .artm {display:block; padding-top:10px; overflow:hidden;}
.art .artm h2 {font-family:'Montserrat-SemiBold'; font-size:16px; display:block; min-height:57px;}
.art .artm h3 {font-family:'Montserrat-Regular'; font-size:14px; height:34px; display:block; overflow:hidden; margin-top:5px;}
.prix {float:right; color:#eb701c; font-size:20px; font-family:'Montserrat-Bold'; margin-top:10px;}
.prix span {color:#eb701c; font-size:14px;}
.pu {float:left; color:#777; font-size:14px; margin-top:15px;}

.pastille {position:absolute;width:50px;height:50px; top:10px; right:10px; background:#e40006; font-size:18px; font-weight:bold;color:#fff; border-radius:10px; transform:rotate(45deg); line-height:50px; text-align:center; z-index:90;}
.pastille span {display:block; transform:rotate(-45deg);}

.retrait {position:absolute; left:10px; top:10px; z-index:90;}
.red {background:#e40006; display:block; padding:7px; color:#fff;}
.blink {position:absolute; top:52px; right:10px; z-index:90; font-size:13px; font-weight:bold; width:60px; color:#fff; background:#f7a711; animation: blink 2s infinite; border-radius:4px; padding:10px 2px; text-align:center;}
@keyframes blink {0% { opacity:1; } 90% { opacity:1; } 100% { opacity:0; }}

.mart {display:inline-block; vertical-align:top; position:relative; background:#fff; border:2px solid #fff; width:200px; margin:5px 15px 5px 0; transition:0.3s; overflow:hidden; padding:10px; border-radius:8px;}
.mart .artm {display:block;}
.mart .artm h3 {font-weight:bold; font-size:15px; display:block; margin:0 0 5px 0; min-height:60px;}
.mart .artm h4 {font-weight:normal; margin:0; font-size:14px; display:block;}
.soldout {position:absolute; width:200px; height:68px; top:175px; left:5px; background:url('/ima/soldout.png'); z-index:90;}
.etiquette {font-weight:bold; height:40px; width:40px; text-align:center; line-height:40px; font-size:12px; color:#fff; background:#eb701c; z-index:90; border-radius:4px;}
  
.t {border:0; width:100%; border-collapse:collapse; background:#fff; border-radius:8px;}
.t td {padding:7px; font-size:14px; min-height:30px;}
.t td:first-child {width:200px;}
.t .thead {background:#777; padding:12px; font-weight:bold; color:#fff; font-size:16px;}
.t td.thead:first-child {border-top-left-radius:8px;}
.t td.thead:last-child {border-top-right-radius:8px;}
.half {width:690px;}
.third {width:400px;}
.t .cent {width:200px; text-align:left;}
.t2 {border:0; width:100%; border-collapse:collapse;}
.t2 td {padding:2px; font-size:14px;}

#calendrier td, #calendrier td:first-child {width:30px;padding:3px; display:inline-block; min-width:30px !important; min-height:auto;}
#calendrier a {display:block;}

#gauche {display:inline-block; vertical-align:top; position:relative; margin-top:15px; width:calc(100% - 455px);}
#nom_produit, #description, #carac, #commander {display:block; padding:12px; font-size:16px; background:#fff; border-radius:8px; margin-bottom:15px;}
#gauche h2 {font-family:'Montserrat-Bold'; font-size:30px; line-height:30px; margin:0; font-weight:normal;}
#gauche h3 {font-family:'Montserrat-Bold'; font-size:18px; line-height:18px; margin:0 0 10px 0; font-weight:normal;}
#carac {background:#777; color:#fff; font-size:15px;}
#carac table {border:0; width:100%;}
#carac td {padding:10px 20px 10px 0; width:50%; vertical-align:top;}
#vue_mobile, .thumb_mobile {display:none;}

#droite {display:inline-block; vertical-align:top; position:relative; margin-top:15px; width:440px; font-size:0; position:relative; margin-left:15px;}
#vue {text-align:right;}
#vue img {width:calc(100% - 10px);  border-radius:8px;}
#droite img {border:0; transition:0.2s; cursor:pointer;}
.thumb {display:inline-block;margin:10px 0 0 10px;cursor:pointer;}
.thumb img {width:100px; border-radius:4px;}
.bigprix {color:#eb701c;font-family:'Montserrat-Bold';font-size:30px;}
.kw {font-size:14px;border:0;background:#ccc;padding:2px 4px;color:#fff;margin:0 2px 2px 0;display:inline-block; border-radius:2px;}
#video {display:block; margin:10px 0 0 10px; border-radius:4px;}
  
#bas {width:100%; position:relative; bottom:0;}
#menubas {position:relative; width:100%; background:#eb701c; text-align:center; font-size:14px; padding:10px 0; color:#fff;}
#footer {position:relative; width:100%; padding:20px 0; color:#fff; background:#424242;}
#menubas a, #footer a {color:#fff;}
#menubas a {text-decoration:underline;}
  
.text, .select, .textarea {border:1px solid #ddd; background:#fff; font-family:'Montserrat-Regular',Arial; font-size:14px; padding:5px; color:#111; max-width:calc(100% - 40px); border-radius:2px;}
.text {width:260px;}
.r {border:2px solid #ff0000; box-shadow: 0 0 0 2px #ff0000;}
.bouton, .mbouton, .bouton2, .mbouton2, .text, .textarea, .ok, .boutonorange, .boutonbleu, .mbouton3 {-webkit-appearance:none;}
.bouton, .mbouton, .disabled, .boutonorange, .boutonbleu, .mbouton3 {display:inline-block; font-family:'Montserrat-Bold',Arial; font-size:20px; font-weight:bold;color:#fff; border:0; background:#50a05e; padding:8px 16px;cursor:pointer; transition:0.2s;outline:none; border-radius:4px;}
.mbouton {font-size:16px; line-height:16px;}
.mbouton3 {color:#000; font-size:18px; line-height:18px; background:#ffea99;}
.bouton:hover, .mbouton:hover{background:#38b414;}
.bouton a, .mbouton a, .boutonorange a, .boutonbleu a {color:#fff;}
.disabled {background:#777;}
.boutonorange {background:#eb701c;}
.boutonbleu {background:#1e67ce;}
.ast {color:#eb701c; font-weight:bold;}
input[type="text"]:disabled {background:#ccc;}
.erreur{display:inline-block;background:#ff0000;color:#fff;padding:5px 10px; border-radius:4px; font-size:16px;}
.erreur a {color:#fff;}
.msgv{display:inline-block;background:#50a05e;color:#fff;padding:5px; border-radius:2px;}
.highslide{outline:none;text-decoration:none;}
.highslide-caption{display:none;font-size:14px;color:#111;margin-top:5px;}
.highslide-dimming{background:#fff;}
.highslide-image {border-radius:4px;}
#option input[type="radio"] {display:none;}
#option input[type="radio"] + label {display:inline-block; color:#fff; background:#555; padding:8px; cursor:pointer;}
#option input[type="radio"]:checked + label {background-color:#50a05e;}
#option input[type="radio"] + label, input[type="radio"]: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;}
  
@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-SemiBold';
      src: url('/fonts/Montserrat-SemiBold.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
}
@font-face {
      font-family: 'Montserrat-Medium';
      src: url('/fonts/Montserrat-Medium.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;
}
.petit {display:inline-block; font-size:9px;}

@media screen and (max-width:1460px)
  {
  .s {width:calc(100% - 30px); padding:0 15px;}
  .dtext {left:15px; right:15px; margin-left:auto; width:calc(100% - 30px);}
  .pagination {width:auto; right:15px; bottom:10px;}
  .swiper-button-prev, .swiper-button-next {display:none;}
    .half {width:calc(50% - 10px);}
  }
@media screen and (max-width:1300px)
  {
  .art {width:calc(25% - 54px);}
  }
@media screen and (max-width:1100px)
  {
  .art {width:calc(33.33% - 54px);}
  }
@media screen and (max-width:760px)
  {
  #sesshome {width:calc(100% - 60px);}
  #logo {width:auto;}
  #backhome {display:inline-block;}
  #scroll, #empty, #nbarts {display:none;}
  .art {margin:10px; width:calc(50% - 44px);}
  #top {position:relative; background:#fff;}
  .dtext {height:auto; top:15%;}
  #home, #main, .smax {margin:15px 5px;}
  #main .s {width:calc(100% - 20px); padding:0 10px;}
  #main img, iframe {max-width:100%;}
  h1, #introrub, #content {margin-left:10px; margin-right:10px;}
  #footer {padding:0;}
    .pt {font-size:16px;}
  .mart {margin:5px; width:calc(50% - 34px);}
    .mini {width:125px;}
    #minis {width:300px;}
  #pansug { width:calc(100% - 100px);}
    .l1 span {font-family:Arial !important; font-size:16px !important;}
    .l2 {margin-top:5px; font-size:15px; padding:4px;}
  #menur {display:block; position:relative; float:right; top:20px; text-align:center; z-index:99; line-height:60px; width:60px; height:60px; padding:5px; border-radius:50%; background:#eb701c;}
  .int #menur {top:5px;}
  #menu {display:none; position:absolute; text-align:center; z-index:99; width:calc(100% - 30px); margin-top:15px;}
  .item {display:block; font-family: 'Montserrat-Bold'; margin:0 0 5px 0; text-align:center; background:#eb701c; font-size:20px; border-radius:8px;}
  .item a, .ico a {display:block; padding:20px; color:#fff;}
  .smenu {position:relative; width:calc(100% - 20px); padding:0 10px 20px 10px;}
  .smenu a:link, .smenu a:visited {padding:15px; text-align:center; font-size:18px;}
  .item::after, .item:hover::after {display:none;}
  .fixtop .item a:link, .fixtop .item a:visited, .int .item a:link, .int .item a:visited {color:#fff;}
  .ico {display:block; margin:0; background:#222; border-radius:8px; margin:0 0 5px 0; font-family: 'Montserrat-Bold'; font-size:20px;}
  .ico img {margin-left:5px; vertical-align:bottom; filter: invert(0) !important; -webkit-filter: invert(0) !important; -o-filter: invert(0) !important; -ms-filter: invert(0) !important;}
  .tritext {display:none;}
  #gauche {display:block; width:100%;}
  #gauche h2 {font-size:20px; line-height:20px;}
  #carac td {display:table-cell; text-align:unset; padding:0 0 5px 0;}
  #droite {width:100%; margin:0; text-align:center;}
  #vue img {width:100%;}
  .thumb {margin:10px 2px 0 2px; width:calc(25% - 4px);}
  .thumb img {width:100%;}
  #video {margin-left:0; width:100%;}
  .yes {display:inline-block;}
  .yesb {display:block;}
  .t {margin-bottom:10px;}
  .t td:first-child {width:auto;}
  .t td {min-height:auto; padding:5px 10px;}
  td {display:block; text-align:center; width:100%;box-sizing: border-box;}
  .left, .right {float:none; text-align: center; margin-bottom: 10px;}
  .text, .textarea {width:100%; max-width:unset; padding:10px; text-align:center;}
  .select { padding:10px;}
  .g-recaptcha {display:inline-block;}
  .half, .third {width:100%;}
  .t .cent {display:block;width:auto; text-align:center;}
  #comment {width:100% !important;}
  #calendrier {text-align:center; width:100%;}
  .no, #mpan  {display:none;}
  #menubas {padding: 15px;width:calc(100% - 30px);}
  .bouton, .bouton2, .boutonorange, .boutonbleu {font-size:16px !important; margin:5px 0;}
  .pu {font-size:11px;}
  #option td {width:calc(100% - 10px); text-align:left;}
  }
@media screen and (max-width:600px)
  {
  #logoimg {width:auto; max-width:240px;}
  .dtext {transform:scale(0.6); transform-origin:top left; width:150%;}
  #actuhome {height:auto;}
  #minis, #vue, .thumb {display:none;}
  .btext {width: calc(100% - 75px);}
  .ok {padding:8px;}
  .art {min-height:210px;}
  .soldout {top:50px; transform:scale(0.5);}
  .column {margin-left:0 !important; margin-right:0 !important;}
  #vue_mobile {display:block; width:100%; border-radius: 8px; margin-bottom: 15px; overflow:hidden;}
  .thumb_mobile {display:inline-block; margin:0 2px 15px 2px; width:calc(25% - 4px); cursor:pointer;}
  .thumb_mobile img {width:100px; border-radius:4px;}
  }