/* ---------------------------------------------
RESET
--------------------------------------------- */

*, *:before, *:after {
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, ul, ol {
    margin: 0;
    padding: 0;
}
figure {
   margin: 0;
}
a {
   text-decoration: none;
}

html {
  font-size: 100%;
}

/* --------------------------------------------- */
/* COMMONS */
/* --------------------------------------------- */

body {
  font: .9rem Verdana,sans-serif;
}

.group:after {
	content: "";
	display: table;
	clear: both;
}

.block-zone > .inner {
  margin:0 auto;
}

@media (min-width: 1200px) {

  .block-zone > .inner {
    width: 1170px;
  }

}


/* ---------------------------------------------
HEADER
--------------------------------------------- */

.block-header {
  padding: 10px 15px;
}

.block-header .logo,
.block-header .title {
  display: inline-block;
  vertical-align: middle;
}

.block-header .title {
  font: 1.1rem Gudea,Arial,sans-serif;
  text-transform: uppercase;
}

.block-header .title a {
  color: #555;
}

.block-header .title strong {
  font-size: 4em;
}

.block-header .title a > span > strong {
  font: 5rem Gudea,Verdana,sans-serif;
}


.block-header .title strong > span {
  font: italic .8em Bangers, cursive;
}



/* ---------------------------------------------
NAVIGATION
--------------------------------------------- */

.block-nav {
  background: #008CC4;
  border-top: 1px solid #0C6083;
  border-bottom: 1px solid #0C6083;
}


.block-nav .nav li,
.block-nav .nav a  {
  display: block;
}

.block-nav .nav > li:first-child {
  border-left: 0;
}

.block-nav .nav > li {
  float: left;
  position: relative;
  border-left: 1px solid #0C6083;
}

.block-nav .nav > li > a {
  padding: 10px 15px;
  color: white;
  text-transform: uppercase;
}


/*--------------------------------------------------------
CENTER
---------------------------------------------------------*/

.block-center {
  background: url(../images/bg.png);
}

.block-listing .item:nth-child(4n+1) {
  clear: left;
}

@media (min-width: 1025px) {

  /* Columns */

  .block-main {
    float: right;
    width: 75%;
  }

  .block-aside {
    float: left;
    width: 25%;
    padding: 0 3em 0 0;
  }

}

@media (max-width: 1025px) {

  .block-listing .item {
    width: 33.33333%;
  }

  .block-listing .item:nth-child(4n+1) {
    clear: none;
  }

  .block-listing .item:nth-child(3n+1) {
    clear: left;
  }

}


.block-center .inner {
  padding-top: 0.5em;
}


/* Titles */

.block-aside .title {
  font-family: Gudea,arial,sans-serif;
  text-transform: uppercase;
}

.block-main .title {
  font: 1rem/1 Gudea,arial,sans-serif;
  color: #008CC4;
}

.block-main .title a {
  color: #008cc4;
}

.block-main .title.level-1 {
  font-size: 2.3rem;
  padding: 0 0 .2em;
  margin: 0 0 1em;
  border-bottom: 2px solid #ff016a;
}

.block-main .title.level-2 {
  font-size: 1.3rem;
  padding: 0 0 0.5em;
}

.block-listing .item .title {
  min-height: 3em;
}

/* Product list */

.block-listing {
  margin: 0 -1em;
}

.block-listing .item {
  float: left;
  width: 25%;
  padding: 0 1em 2em;
}


.block-listing .item > .inner {
  border: 1px solid transparent;
  border-radius: 3px;
  background: white;
  padding: 0.5em;
  position: relative;
}


.block-listing .item:hover > .inner {
  border-color: #008cc4
}

.block-listing .item .picture a {
  display: block;
  position: relative;
}

.block-listing .item img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.block-listing .item .picture a:after {
  display: none;
  position: absolute;
  content: '+';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #555;
  font: bold 5rem/2 Tahoma,sans-serif;
  text-align: center;
  background: rgba(255,255,255,0.6);
}

.block-listing .item.active .picture a:after,
.block-listing .item:hover .picture a:after {
  display: block;
}

.block-listing .item .prices {
  font: 1.5rem Gudea,arial,sans-serif;
  overflow: hidden;
  padding: 0 0 0.5em;
}


.block-listing .item .price {
  display: inline-block;
}

.block-listing .item .price.old {
  color: #888;
  text-decoration: line-through;
  font-size: 0.8em;
}


.block-listing .item .prices .discount {
  background: #ff016a;
  color: white;
  padding: 0.2em;
  position: absolute;
  top: -0.5em;
  right: -0.5em;
}

.block-listing .item .action .btn {
  display: block;
  text-align: center;
  font: 1rem/1 Gudea,arial,sans-serif;
  background: #008CC4;
  padding: 0.6em 1em;
  color: white;
  text-transform: uppercase;
  border-radius: 3px;
}

.block-listing .item .action .btn:hover {
  background-color: #0c6083;
}


.block-main .pagination {
  padding: 0 0 2em;
  text-align: right;
}

.block-main .pagination .label,
.block-main .pagination ul,
.block-main .pagination li {
  display: inline-block;
  vertical-align: middle;
}

.block-main .pagination .label {
  font-size: .8rem;
  text-transform: uppercase;
}

.block-main .pagination > ul > li {
  background: #008cc4;
  padding: 0.3em 0.5em 0.3em 0.5em;
  margin: 0.2em;
}

.block-main .pagination ul li a {
  color: white;
  display: block;
}

.block-main .pagination > ul > li:hover {
  background-color: black;
}


.block-aside .inner .title {
  font: 1em Gudea,arial,sans-serif;
  text-transform: uppercase;
  text-align: center;
  background-color: #F1F1F1;
  padding: 0.5em;
  margin-bottom: 1em;
}

/* Enlever les puces */
.block-aside .inner .navigation ul li {
  display: block;
  text-transform: uppercase;
  border-bottom: 1px solid #f1f1f1;
}

.block-aside .inner .navigation ul > li > a {
  color: black;
  padding: .6em .6em;
  display: block;
}

.block-aside .inner .navigation ul > li:last-child {
  border-bottom: none;
}

.block-aside .inner .navigation a:hover,
.block-aside .inner .navigation .active a {
  background-color: #008cc4;
  color: white;
}

/*--------------------------------------------------------
FOOTER
---------------------------------------------------------*/

.block-footer {
  background: #646464;
}

.block-footer .inner {
  margin-top: 1.5em;
  padding: .1em;
}

.block-footer p {
  text-align: center;
  font-style: italic;
  text-transform: uppercase;
  color: white;
}