/* Custom CSS theme */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,latin-ext,cyrillic);
html#ecwid_html body#ecwid_body {
  /* Standard scheme has no changes to the Base CSS, so it's empty */
}

/* NAV */
html#ecwid_html body#ecwid_body nav.horizontal-menu ul li {
  background-color: #0569B1;
}

.horizontal-menu-button ul li,
.horizontal-menu-button ul li:hover a {
  background-color: #0569B1;
}

/* NAV FONT SIZE COLOR */
/* NAV CADRE */
#horizontal-menu.horizontal-desktop .horizontal-menu {
  background-color: #0569B1;
  margin: 8px 0 0 0;
  border: 1px solid #0569B1;
  padding: 0;
  border-radius: 3px;
  overflow: visible;
}

/* NAV background */
#horizontal-menu.horizontal-desktop .horizontal-menu-item * {
  border-radius: 0px;
}

#horizontal-menu.horizontal-desktop .horizontal-menu-item > a,
#horizontal-menu.horizontal-desktop .horizontal-menu-item > a:hover,
#horizontal-menu.horizontal-desktop .horizontal-menu-item > a:active {
  background-color: #0569B1;
  padding: 3px 8px 3px 15px;
  border-right: 1px solid #eeeeee;
}

html#ecwid_html body#ecwid_body nav.horizontal-menu ul li a span {
  font-size: 0.8em;
  color: white;
}

#horizontal-menu.horizontal-desktop .horizontal-menu-item > a:hover {
  background-color: #033E6B;
}

/* cadre bleu autrous des categorie */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category--has-shadow .grid-category__shadow {
  border: 5px solid #026ab2;
  box-shadow: 5px 5px 13px -1px rgba(0, 0, 0, 0.52);
}

/* Chemin breadcrumbs */
html#ecwid_html body#ecwid_body .ec-size .ec-store .breadcrumbs > a.link,
html#ecwid_html body#ecwid_body .ec-size .ec-store .breadcrumbs > .breadcrumbs__delimiter {
  color: #FF0000;
}

html#ecwid_html body#ecwid_body .ec-size .ec-store .breadcrumbs > a:hover.link {
  color: #000099;
}

html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-categoryPath div.ecwid-productBrowser-categoryPath-categoryLink a:not(:hover), html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-categoryPath-separator::after, html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-categoryPath-separator-overrided {
  color: #f00;
}

/* bordures articles */
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__wrap-inner {
  padding: 5px;
  border: 2px solid #cccccc;
  box-shadow: 5px 5px 13px -1px rgba(0, 0, 0, 0.52);
  min-height: 500px;
}

/* mot "more" menu attendre code ecwid 17.08.2018  */
/* BUG pas bon...
.horizontal-menu-parent.horizontal-menu-parent--dropDown li a span { font-size: 0; }
.horizontal-menu-parent.horizontal-menu-parent--dropDown li a span:after { content: "de plus..."; font-size: 12.8px; }
*/
/* ATTENTION METTRE POSTEFINANCE EN 1ER DANS ECWID */
/* Affichage des cartes de la poste avec le module POSTFINANCE APP */
.ecwid-PaymentMethodsBlock-PaymentOption:first-child:after {
  content: "";
  background: url("https://inforweb.ch/epayment/cardsincss.png") 20px 10px no-repeat;
  display: block;
  width: 280px;
  /* 280 avec visa, 145 ptt seul */
  height: 60px;
}

/* AJOUT TEST 2022 */
/* NAV MOBILE 480px */
@media screen and (max-width: 480px) {
  html#ecwid_html body#ecwid_body nav.horizontal-menu ul li, html#ecwid_html body#ecwid_body .horizontal-menu-button ul li {
    background-color: #0569B1;
    border-bottom: 1px solid #eeeeee;
  }
  #horizontal-menu.horizontal-mobile {
    background-color: #0569B1;
    border: 0px solid #E7E7E7;
    padding: 5px 10px;
    border-radius: 0px;
    margin-top: 5px;
  }
  #horizontal-menu.horizontal-mobile .horizontal-menu-button {
    color: #ffffff;
  }
  html#ecwid_html body#ecwid_body nav.horizontal-menu.horizontal-menu--mobile .horizontal-menu-parent {
    background-color: #0569B1;
  }
  /* NAV MOBILE AJOUT TEXTE 2022 */
  html#ecwid_html body#ecwid_body .horizontal-menu-button span:after {
    content: " de la boutique";
  }
  /* TAILLE FONTS */
  html#ecwid_html body#ecwid_body nav.horizontal-menu, html#ecwid_html body#ecwid_body .horizontal-menu-button {
    font-size: 1.3em;
  }
  /* COULEUR ARROW SVG */
  html#ecwid_html body#ecwid_body nav.horizontal-menu.horizontal-menu--mobile .horizontal-menu-item > a {
    color: #ffffff;
  }
  html#ecwid_html body#ecwid_body nav.horizontal-menu.horizontal-menu--mobile {
    width: 80%;
    font-family: arial, sans-serif;
    font-size: 1.4em;
  }
}