/* ==========================================================================
   Title:   Sheepfold
   Version: Mk III
   Authors: Mergey.ch
   Date:    2017-04-04  (revision: 2021-09-23)
   ========================================================================== */

/* color palette
   ========================================================================== */
/*
 * #000000 rgb(0, 0, 0)
 * #555555 rgb(85, 85, 85)
 * #990000 rgb(153, 0, 0)
 * #aaaaaa rgb(170, 170, 170)
 * #cc0000 rgb(204, 0, 0)
 * #ff0000 rgb(255, 0, 0)
 * #ffffff rgb(255, 255, 255)
 */

/* body and generic elements
   ========================================================================== */
body{
  background-color:rgb(85, 85, 85);
  background:rgb(170,170,170); /* Old browsers */
  background:   -moz-linear-gradient(left, rgba(170,170,170,1) 0%, rgba(85,85,85,1) 0%, rgba(170,170,170,1) 50%, rgba(85,85,85,1) 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(170,170,170,1)), color-stop(0%,rgba(85,85,85,1)), color-stop(50%,rgba(170,170,170,1)), color-stop(100%,rgba(85,85,85,1))); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(left, rgba(170,170,170,1) 0%,rgba(85,85,85,1) 0%,rgba(170,170,170,1) 50%,rgba(85,85,85,1) 100%); /* Chrome10+,Safari5.1+ */
  background:     -o-linear-gradient(left, rgba(170,170,170,1) 0%,rgba(85,85,85,1) 0%,rgba(170,170,170,1) 50%,rgba(85,85,85,1) 100%); /* Opera 11.10+ */
  background:    -ms-linear-gradient(left, rgba(170,170,170,1) 0%,rgba(85,85,85,1) 0%,rgba(170,170,170,1) 50%,rgba(85,85,85,1) 100%); /* IE10+ */
  background:        linear-gradient(to right, rgba(170,170,170,1) 0%,rgba(85,85,85,1) 0%,rgba(170,170,170,1) 50%,rgba(85,85,85,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#555555',GradientType=1 ); /* IE6-9 */
  color:rgb(0, 0, 0);
  font-size:16px;
  font-weight:400;
  font-family:'Arial, Helvetica', sans-serif;
}
a:link, a:visited{
  font-weight:normal;
  text-decoration:none;
  outline:none;
  color:rgb(85, 85, 85);
}
a:hover{
  color:rgb(255, 255, 255);
  background:rgb(85, 85, 85);
}
abbr[title]{
  border-bottom:dotted 1px;
  cursor:help;
  text-decoration:none;
}
/* generic classes
   ========================================================================== */
.alert{
  margin-bottom:50px;
  font-size:.875em;
}
#relative{
  margin-top:-30px;
}
.container{
  background-color:rgb(255,255,255);
}
.fa{
  font-size:14px;
}
.img-thumbnail{
  border:none;
  padding:0 0 0 0;
}
.well, .well-sm{
  padding:1em;
  box-shadow:none;
  border:1px solid #aaaaaa;
}
/* forms elements
   ========================================================================== */
legend{
  font-size:1.125em;
  padding:.5625em 0;
}
label{
  font-size:.75em;
  font-weight:normal;
}
input[type='text'].form-control{
  font-size:.75em;
}
input#button-search{
  margin-top:1em;
}
/* forms classes
   ========================================================================== */
.form-control{
  border-color:rgba(0, 0, 0, .5);
}
.panel-title > a{
  color:#555555;
  text-decoration:none;
  outline:none;
  border-bottom:1px solid rgb(170, 170, 170);
}
.panel-title > a:hover{
  color:#000000;
  background-color:transparent;
  border-bottom:1px solid rgb(204, 0, 0);
  text-decoration:none;
  outline:none;
}
.panel-title > a.collapsed{
  color:#aaaaaa;
  border-bottom:0 none;
  text-decoration:none;
  outline:none;
}
/* buttons classes
   ========================================================================== */
.btn-inverse{
  color:rgb(255, 255, 255);
  text-shadow:0 -1px 0 rgba(0, 0, 0, .25);
  background-color:rgb(0, 0, 0);
  background-image:linear-gradient(to bottom, rgb(85, 85, 85), rgba(0, 0, 0, .75));
  background-repeat:repeat-x;
  border-color:rgba(0, 0, 0, .75) rgba(0, 0, 0, .75) rgb(0, 0, 0);
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled]{
  color:rgb(255, 255, 255);
  text-shadow:none;
  background-color:rgba(0, 0, 0, .75);
  background-image:linear-gradient(to bottom, rgb(85, 85, 85), rgba(0, 0, 0, .85));
}
.btn-primary{
  color:rgb(255, 255, 255);
  text-shadow:0 -1px 0 rgba(0, 0, 0, .25);
  background-color:#229ac8;
  background-image:linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat:repeat-x;
  border-color:#1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]{
  color:rgb(255, 255, 255);
  text-shadow:none;
  background-color:#1f90bb;
  background-position:0 -15px;
}
a.btn-primary:link, a.btn-primary:visited{
  color:rgb(255, 255, 255);
}
.btn-danger{
  color:rgb(255, 255, 255);
  text-shadow:0 -1px 0 rgba(0, 0, 0, .25);
  background-color:#da4f49;
  background-image:linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat:repeat-x;
  border-color:#bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled]{
  box-shadow:inset 0 1000px 0 rgba(0, 0, 0, .1);
}
/* specific for header_nav_top.inc
   ========================================================================== */
nav#top{
  position:relative;
  top:-60px;
  min-height:50px;
}
#cart, #search{
  margin-bottom:10px;
}
#search .input-lg{
  height:40px;
  line-height:20px;
  padding:0 10px;
  border-radius:none;
}
#search .btn-lg{
  font-size:15px;
  line-height:18px;
  padding:10px 35px;
}
#cart > .btn, #button-cart{
  font-size:12px;
  line-height:18px;
  color:#ffffff;
}
#top-links > .btn, #top-links > ul.dropdown-menu{
  font-size:12px;
  line-height:18px;
}
/* specific for header
   ========================================================================== */
header.row, header.row > ul{
  height:290px;
  z-index:0;
}
#frontispiece {
  position: relative;
  overflow: hidden;
  max-height: 290px;
  padding : 0;
  margin: 0;
  padding: 0;
}
#frontispiece img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
figure#logo{
  height:160px;
  float:left;
  padding:0;
  position:relative;
  margin-top:-290px;
}
figure#logo img{
  z-index:3;
  display:block ;
  margin:auto;
}
figure#logo a img{
       -o-transition:all ease-in-out 1500ms;
     -moz-transition:all ease-in-out 1500ms;
  -webkit-transition:all ease-in-out 1500ms;
          transition:all ease-in-out 1500ms;
}
figure#logo a:hover img, figure#logo a:focus img{
  background:rgba(204, 0, 0,.75);
}
/* specific for header_nav_menu.inc
   ========================================================================== */
nav#menu{
  margin:0 -30px;
  position:relative;
  border:0 none;
  top:-130px;
  font-family:'Alice', serif;
  font-size:16px;
  line-height:1.25em;
  z-index:2;
  text-shadow:none;
}
.navbar-header{
  margin:0 30px;
  text-shadow:none;
  background-color:rgb(0, 0, 0);
  line-height:18px;
  color:#ffffff;
  border-left:5px solid rgb(204, 0, 0);
}
@media (max-width: 767px){
  #menu .btn-navbar{
    font-stretch:expanded;
    color:#ffffff;
    padding:2px 18px;
    float:right;
    background-color:rgb(204, 0, 0);
    background-image:linear-gradient(to bottom, rgb(255, 0, 0), rgb(153, 0, 0));
    background-repeat:repeat-x;
    border-color:rgb(153, 0, 0) rgb(153, 0, 0) rgb(153, 0, 0);
  }
  #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled]{
    color:rgb(255, 255, 255);
    background-color:rgb(255, 0, 0);
  }
  figure#logo{
    height:50%;
    width: 50%;
    float: left;
    left: 0px;
    margin-top: -25%;
    top: 0px;
  }
  figure#logo img{
    margin:0;
    max-width: 50%;
    max-width: 50%;
  }
}
#menu #category{
  float:left;
  font-size:16px;
  font-weight:400;
  line-height:40px;
  color:#ffffff;
  text-shadow:0 1px 0 rgba(0, 0, 0, .2);
}
#menu ul.nav{
  margin:20px 0;
  padding:0;
  list-style:none;
  position:relative;
}
#menu ul.nav li a{
  background-color:rgb(0, 0, 0);
  color:rgb(255, 255, 255);
  display:block;
  padding:10px;
  border-left:5px solid rgb(204, 0, 0);
  word-break:break-all;
  word-wrap:break-word;
}
#menu ul.nav li a:active, #menu ul.nav li a:focus, #menu ul.nav li a:hover, #menu .dropdown-menu li > a:hover, #menu .see-all:focus, #menu .see-all:hover{
  background-color:rgb(170, 170, 170);
  color:rgb(0, 0, 0);
  border-left:5px solid rgba(85, 85, 85, .75);
}
#menu .dropdown-menu{
  margin:0 15px;
  padding:0;
  border:0;
  width:100%;
}
#menu .dropdown-inner{
  display:table;
  width:100%;
}
#menu .dropdown-inner a, #menu .see-all{
  display:block;
  clear:both;
  font-size:12px;
}
#menu .dropdown-inner ul{
  display:table-cell;
}
/* specific for breadcrumb
   ========================================================================== */
nav.breadcrumb{
  position:relative;
  top:-45px;
  margin:0 -15px;
  padding:10px 0;
  border:0 none;
  font-size:.875em;
  background-color:rgba(170, 170, 170, .75);
  border-radius:0;
}
nav.breadcrumb i{
  font-size:15px;
}
.breadcrumb ul{
  margin:0;
  padding:0 15px;
}
.breadcrumb ul li{
  display:inline;
}
.breadcrumb ul li:last-child a{
  font-weight:700;
}
.breadcrumb ul li + li::before{
  content:'/ ';
  padding:0 5px;
}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited{
  text-decoration:none;
  outline:none;
  border-bottom:1px solid rgb(170, 170, 170);
}
.breadcrumb a:hover{
  color:rgb(255,255,255);
  background-color:transparent;
  border-bottom:1px solid rgb(204, 0, 0);
  text-decoration:none;
  outline:none;
}
/* specific for home
   ========================================================================== */
.galerie{
  margin:.875em 0 1.75em 0;
}
/* specific for category
   ========================================================================== */
.row > .product-layout{
  margin-top:2em;
}
/* specific for footer
   ========================================================================== */
footer.row{
  margin-top:30px;
  padding-top:30px;
  background-color:rgba(85, 85, 85, .75);
  color:rgb(255, 255, 255);
  font-size:.75em;
  line-height:1.5em;
}
footer.row a:link, footer.row a:visited{
  font-weight:normal;
  text-decoration:none;
  outline:none;
  background:transparent;
  color:rgb(255, 255, 255);
  border-bottom:1px solid rgb(170, 170, 170);
}
footer.row a:hover{
  color:rgb(255,255,255);
  border-bottom:1px solid rgb(204, 0, 0);
}
footer.row .img-thumbnail:link{
  border:0 none;
}
/* main elements
   ========================================================================== */
#main.row{
  background-color:rgb(255, 255, 255);
  color:rgb(0, 0, 0);
  position:relative;
  border:0 none;
  top:-30px;
}
#main h1, #main h2, #main h3{
  font-family:'Alice', serif;
}
article h1, header h1{
  margin-top:0;
  font-size:2em;
  color:rgb(204, 0, 0);
}
article h2{
  font-size:1.75em;
  color:rgb(170, 170, 170);
}
article h3{
  font-size:1.5em;
  color:rgb(170, 170, 170);
}
article p{
  text-align:justify;
  font-size:.9375em;
  line-height:1.25em;
  margin:0 0 .5em 0;
}
article p.item{
  text-align:left;
}
article .table tr > td{
  font-size:.875em;
}
article ol, article ul{
  margin:1em 0;
}
article ol li, article ul li{
  font-size:.875em;
  text-align:justify;
  line-height:1.25em;
}
article ul li{
  list-style:none;
}
article p{
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  -webkit-hyphens:auto;
  hyphens: auto;
}
article p a:link, article p a:visited, article ol li a:link, article ol li a:visited, article ul li a:link, article ul li a:visited{
  font-weight:normal;
  text-decoration:none;
  outline:none;
  background:transparent;
  color:rgb(85, 85, 85);
  border-bottom:1px solid rgb(85, 85, 85);
}
article p a:hover, article ol li a:hover, article ul li a:hover{
  color:rgb(255, 255, 255);
  border-bottom:none;
  background:rgb(85, 85, 85);
}
article ul ul{
  padding:0 0 0 15px;
}
.row > header{
  margin-bottom:1.5em;
}
header .refer{
  font-family:'Alice', serif;
  margin:0 0 .25em 0;
  font-size:1.125em;
}
header .refer#author{
  font-size:1.5em;
}
#colophon, .cover{
  font-size:.75em;
  color:rgb(85, 85, 85);
}
#colophon{
  padding-left:15px;
}
#colophon ul{
  margin-top:0;
  border-bottom:1px solid rgb(170, 170, 170);
  padding:0 1em 1em 0;
}
#colophon li{
  text-align:right;
  line-height:1.5em;
}
#colophon div.alert{
  font-size:1em;
  text-align:right;
  padding:1em;
}
#colophon div#relative{
  font-size:0.875em;
  text-align:center;
}
.cover img{
  border:solid 1px rgb(85, 85, 85);
  width:100%;
  height:100%;
}
.cover figcaption{
  margin-bottom:1em;
  padding:1em 0;
  border-bottom:1px solid rgb(170, 170, 170);
}
.cover figcaption p{
  text-align:right;
  font-size:1em;
  margin-bottom:0;
}
.thumbnails{
  overflow:auto;
  clear:both;
  list-style:none;
  padding:0;
  margin:0;
}
.nav-tabs{
  margin:0 0 1em;
  padding:1em 0;
  text-align:center;
  border-bottom:1px solid rgb(170, 170, 170);
  border-top:1px solid rgb(170, 170, 170);
}
.nav-tabs li{
  margin:0;
  font-size:.75em;
  letter-spacing:.0625em;
}
.nav-tabs > li > a{
  border:none 0;
  border-radius:0;
}
.nav-tabs > li > a:link, .nav-tabs > li > a:visited{
  background:transparent;
  color:rgb(85, 85, 85);
  border:none 0;
  border-radius:0;
}
.nav-tabs > li.active > a{
  background:rgb(204, 0, 0);
  color:rgb(255, 255, 255);
  border:none 0;
  border-radius:0;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
  color:rgb(255, 255, 255);
  background:rgb(85, 85, 85);
  border:none 0;
  border-radius:0;
}
#tab-description > p:nth-child(1), .description > p:nth-child(1){
  color:rgb(204, 0, 0);
}
#tab-description > p:nth-child(2), .description > p:nth-child(2){
  color:rgb(0, 0, 0);
}
#tab-description > p:nth-child(n+3), .description > p:nth-child(n+3){
  color:rgb(170, 170, 170);
}
#tab-description > blockquote, .description > blockquote{
  border:0 none;
  width:75%;
  text-align:right;
  padding:0;
  line-height:1.25em;
  color:rgb(0, 0, 0);
  margin:0 0 1em 25%;
}
#tab-description > blockquote p, .description > blockquote p, #tab-description > blockquote cite, .description > blockquote cite{
  font-size:.75em;
}
#tab-description > blockquote cite:before, .description > blockquote cite:before{
  content:'\2014' '\202F';
}
#button-cart{
  margin-top:.5em;
  color:#ffffff;
}
#product label{
  margin-top:1em;
  font-size:.75em;
}
#main aside h1{
  font-family:'Arial', sans-serif;
}
aside h1{
  font-size:.75em;
  line-height:1.25em;
  color:#555555;
  border-bottom:1px solid #aaaaaa;
  padding:0 0 1em;
  margin-bottom:1em;
}
aside div#sharing{
  margin-top:2em;
}
aside div#sharing > div + div{
  margin:5px 0 0 0 !important;
  max-width:100%;
}
/* extra classes
   ========================================================================== */
.extra-ftp dl dt + dd{
  margin-bottom:1em;
  padding-bottom:1em;
  border-bottom:1px solid rgba(170, 170, 170, .5);
}
/* responsiveslides.min.js basic classes
   ========================================================================== */

.rslides{
  position:relative;
  list-style:none;
  overflow:hidden;
  width:100%;
  padding:0;
  margin:0;
}
.rslides li{
  position:absolute;
  width:100%;
  left:0;
  top:0;
}
.rslides img{
  display:block;
  height:auto;
  float:left;
  width:100%;
  border:0;
}
/* rewriting magnific-popup.css classes
   ========================================================================== */
.mfp-content, .mfp-figure{
  background:rgb(170, 170, 170);
  color:rgb(0, 0, 0);
}
.mfp-title{
  font-family:'Alice', serif;
  text-align:left;
  line-height:18px;
  color:rgb(0, 0, 0)!important;
  word-wrap:break-word;
  padding-right:2em;
  padding-left:1em;
}
ul#diaporama{
  margin:0;
  width:100%;
  padding:0;
}
#diaporama img{
  max-width:100%;
  max-height:100%;
  overflow:hidden;
  position:relative;
}
#diaporama li{
  -webkit-backface-visibility:hidden;
  backface-visibility: hidden;
  position:absolute;
  display:none;
  width:100%;
  left:0;
  top:0;
}
#diaporama li:first-child{
  position:relative;
  display:block;
  float:left;
}
#diaporama li img{
  display:block;
  height:auto;
  float:left;
  width:100%;
  border:0;
}
.rslides_tabs{
  background-color:rgba(85, 85, 85, .625);
  padding:10px 0 10px 0;
  margin:auto;
  font-size:1em;
  line-height:24px;
  position:relative;
  float:left;
  width:100%;
  top:-44px;
  z-index:3;
}
.rslides_tabs li{
  display:inline;
  position:relative;
}
.rslides_tabs li a:link, .rslides_tabs li a:focus, .rslides_tabs li a:visited{
  text-decoration:none;
  border-bottom:none;
  background:transparent;
  padding:.5em;
  color:rgb(255, 255, 255);
}
.rslides_tabs li a:hover{
  color:rgb(255, 255, 255);
  background:rgb(85, 85, 85);
}
/* pagination classes
   ========================================================================== */

ul.pagination li{
  font-size:.75em;
}
ul.pagination li a:link, ul.pagination li a:visited{
  border-bottom-color:rgb(221, 221, 221);
  border-bottom-style:solid;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
  border-bottom-width:1px;
  color:rgb(85, 85, 85);
}
.pagination > .active > span{
  background-color:rgb(204,0,0);
  border-color:rgb(204,0,0);
}
.pagination > .active > span:hover{
  background-color:rgb(85,85,85);
  border-color:rgb(85,85,85);
}

/* styles for lateral banners
   ========================================================================== */
#bandeaux section h1{
  background-color:rgba(85, 85, 85, .625);
  float:left;
  font-size:1em;
  margin:0 auto -48px auto;
  font-weight:normal;
  color:rgba(255, 255, 255, .75);
  line-height:24px;
  border-left:10px solid rgba(204, 0, 0, .75);
  border-bottom:none;
  position:relative;
  top:-244px;
  padding:10px 0 10px 10px;
  width:100%;
  z-index:3;
}
.bandeau{
     -moz-padding-start:0;
  -webkit-padding-start:0;
}

.bandeau li{
  list-style:none;
  padding:0;
}

.bandeau li img{
  display:block;
  height:auto;
  float:left;
  width:100%;
  border:0;
}

.bandeau li figure{
  height:200px;
  overflow:hidden;
}

/* styles for agenda
   ========================================================================== */
#agenda strong{
  color:rgb(204, 0, 0);
  font-weight:bold;
}
ul#events{
  list-style:none;
  padding:0;
  overflow-y:hidden;
}
ul#events li{
  padding:.75em;
}
.liste_1{
  background-color:rgba(170, 170, 170, .125);
}
.liste_2{
  background-color:rgba(170, 170, 170, .375);
}
ul#events li time{
  color:rgb(85, 85, 85);
  font-style:italic;
}
ul#events li + li{
  margin-top:.25em;
}

/* downloadable content alert
   ========================================================================== */
dl.alert-info dt+dd {
  font-size: .75em;
  margin-bottom: .5em;
}
dl.alert-info dt+dd+dd {
  text-align: right;
}
dl.alert-info dd+dt {
  margin-top: 3em;
}

/* Styles for specific checkout infos
   ========================================================================== */

div.checkout-info {
	margin: 1em;

}

div.checkout-info p{
padding:1em
}