/**
 * Magento Enterprise Edition
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Magento Enterprise Edition End User License Agreement
 * that is bundled with this package in the file LICENSE_EE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.magento.com/license/enterprise-edition
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     enterprise_default
 * @copyright Copyright (c) 2006-2014 X.commerce, Inc. (http://www.magento.com)
 * @license http://www.magento.com/license/enterprise-edition
 */
/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { margin:10px 0; }
.widget .widget-title h2 { font-size:18px; color:#d12c01; }

.widget .widget-products { margin:0 -20px 0; }
.cms-home .col1-layout .widget .widget-products,
.cms-index-index .col1-layout .widget .widget-products { margin:0 0 20px; }
.col-main > .widget { display:block; margin:40px 0 0; }
.col-main > .widget + .widget { margin-top:20px; }

/* std class reset */
.widget .products-grid { list-style:none; margin-bottom:0; padding-left:20px; }
.widget .products-grid p,
.widget .products-list p { margin-bottom:0; }
.widget .products-list { list-style:none; margin-bottom:0; padding-left:0; }
.widget .add-to-links { list-style:none; padding-left:0; margin:5px 0; }

/* Widget Banner */
.widget-banner { clear:both; display:block; width:100%; overflow:hidden; text-align:center; }
.widget-banner li { margin:7px 0; }

.top-container .widget-banner li { margin:0; }

.footer-before-container .widget-banner li { margin:0; }

.widget-banner-inline { display:block; clear:both; padding:7px 0; text-align:center; }
.widget-banner-inline ul,
.widget-banner-inline li { display:inline; }
.widget-banner-inline li { margin:0 3px; }
.widget-banner-inline li img { vertical-align:middle; }

/* Widget New Proructs */
.widget-new-products { display:block; margin:10px 0; }
.checkout-cart-index .col1-layout .widget-new-products { display:block; padding:0 20px; }

/* Widget Viewed Proructs */
.widget-viewed { display:block; margin:10px 0; }
.checkout-cart-index .col1-layout .widget-viewed { display:block; padding:0 20px; }

/* Widget Compared Proructs */
.widget-compared { display:block; margin:10px 0; }
.checkout-cart-index .col1-layout .widget-compared { display:block; padding:0 20px; }

/* Widget CMS Static Block */
.widget-static-block {}

/* Widget Catalog Events Carousel */
.widget-events { display:block !important; }

/* Widgets Links Common Styles */
/* Style 1 */
/*.top-container .widget-product-link,
.top-container .widget-category-link,
.top-container .widget-cms-link,
.top-container .widget-hierarchy-link { float:left; border:1px solid #cfcfcf; border-bottom-color:#b2b2b2; margin:13px -1px 0 0; }
.top-container .widget-product-link a,
.top-container .widget-category-link a,
.top-container .widget-cms-link a,
.top-container .widget-hierarchy-link a { float:left; font-size:12px; background:#f2f2f2; border-top:1px solid #fff; border-bottom:1px solid #e2e2e2; padding:2px 5px 4px; color:#cc7137; text-decoration:underline; white-space:nowrap; }
.top-container .widget-product-link a:hover,
.top-container .widget-category-link a:hover,
.top-container .widget-cms-link a:hover,
.top-container .widget-hierarchy-link a:hover { color:#1e75b4; text-decoration:none; }*/
/* Style 2 */
.top-container .widget-product-link,
.top-container .widget-category-link,
.top-container .widget-cms-link,
.top-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; }
.top-container .widget-product-link a,
.top-container .widget-category-link a,
.top-container .widget-cms-link a,
.top-container .widget-hierarchy-link a { display:block; padding:12px 12px; background:#fff url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; }
.top-container .widget-product-link a:hover,
.top-container .widget-category-link a:hover,
.top-container .widget-cms-link a:hover,
.top-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; }

.footer-before-container .widget-product-link,
.footer-before-container .widget-category-link,
.footer-before-container .widget-cms-link,
.footer-before-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; }
.footer-before-container .widget-product-link a,
.footer-before-container .widget-category-link a,
.footer-before-container .widget-cms-link a,
.footer-before-container .widget-hierarchy-link a { display:block; padding:10px 12px; background:#fff url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; cursor:pointer; }
.footer-before-container .widget-product-link a:hover,
.footer-before-container .widget-category-link a:hover,
.footer-before-container .widget-cms-link a:hover,
.footer-before-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; }

/* Widget Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { font-size:12px; background:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; }
.col-main .widget-product-link a:hover { color:#333; text-decoration:none; }

.sidebar .widget-product-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-product-link-icon.gif) 17px 3px no-repeat;*/ }
.sidebar .widget-product-link a { font-size:12px; background:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; }
.sidebar .widget-product-link a:hover { color:#333; text-decoration:none; }

/* Widget Category Link */
.widget-category-link-inline { display:inline; }

.top-container .widget-category-link { border-bottom:0; }
.top-container .widget-category-link a { border-color:#ca3934; color:#d53c00; background-image:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-links2.gif); background-color:#f9d2c1; }
.top-container .widget-category-link a:hover { color:#fff; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { font-size:12px; background:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; }
.col-main .widget-category-link a:hover { color:#333; text-decoration:none; }

.sidebar .widget-category-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-category-link-icon.gif) 19px 3px no-repeat;*/ }
.sidebar .widget-category-link a { font-size:12px; background:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; }
.sidebar .widget-category-link a:hover { color:#333; text-decoration:none; }

/* Widget CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { font-size:12px; background:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; }
.col-main .widget-cms-link a:hover { color:#333; text-decoration:none; }

.sidebar .widget-cms-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ }
.sidebar .widget-cms-link a { font-size:12px; background:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; }
.sidebar .widget-cms-link a:hover { color:#333; text-decoration:none; }

/* Widget CMS Hierarchy Link */
.widget-cms-hierarchy-link-inline { display:inline; }

.col-main .widget-cms-hierarchy-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-hierarchy-link a { font-size:12px; background:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; }
.col-main .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; }

.sidebar .widget-cms-hierarchy-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ }
.sidebar .widget-cms-hierarchy-link a { font-size:12px; background:url(http://www.viapresse.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; }
.sidebar .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; }

/* Widget SKU */
/* .widget-sku {} */
/* ======================================================================================= */

/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
 
 
 /******FONTS********/
@font-face
{
font-family: Bitter, serif;
src: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/css/fonts/Bitter-Regular.ttf'),
     url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/css/fonts/Bitter-Regular.eot'); /* IE9 */
}  


 /********Colors***********/
 @blue : #0087ce;
 @blue-lt : #009cee;	
 @red : #ff0748;
 @red-dk : #cd063a;
 @orange: #f76400;
 
/**************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\8;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
.google-maps img {
  max-width: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
body {
  margin: 0;
  font-family: Bitter, serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff;
}
a {
  color: #0087ce;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #009cee;
  text-decoration: underline;
}
.img-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.img-polaroid {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}
.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.span12 {
  width: 940px;
}
.span11 {
  width: 860px;
}
.span10 {
  width: 780px;
}
.span9 {
  width: 700px;
}
.span8 {
  width: 620px;
}
.span7 {
  width: 540px;
}
.span6 {
  width: 460px;
}
.span5 {
  width: 380px;
}
.span4 {
  width: 300px;
}
.span3 {
  width: 220px;
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}
.offset12 {
  margin-left: 980px;
}
.offset11 {
  margin-left: 900px;
}
.offset10 {
  margin-left: 820px;
}
.offset9 {
  margin-left: 740px;
}
.offset8 {
  margin-left: 660px;
}
.offset7 {
  margin-left: 580px;
}
.offset6 {
  margin-left: 500px;
}
.offset5 {
  margin-left: 420px;
}
.offset4 {
  margin-left: 340px;
}
.offset3 {
  margin-left: 260px;
}
.offset2 {
  margin-left: 180px;
}
.offset1 {
  margin-left: 100px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}
.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}
.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}
.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}
.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}
.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}
.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}
.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}
.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}
.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}
.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}
.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}
.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}
.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}
.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}
.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}
.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}
.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}
.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}
.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}
.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}
.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}
.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}
.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}
.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}
.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}
.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}
.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}
.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}
.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}
.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}
.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}
.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}
.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}
.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}
.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}
small {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
cite {
  font-style: normal;
}
.muted {
  color: #999999;
}
a.muted:hover,
a.muted:focus {
  color: #808080;
}
.text-warning {
  color: #ff0748;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #d30037;
}
.text-error {
  color: #b94a48;
}
a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}
.text-info {
  color: #f76400;
}
a.text-info:hover,
a.text-info:focus {
  color: #c44f00;
}
.text-success {
  color: #468847;
}
a.text-success:hover,
a.text-success:focus {
  color: #356635;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: Bitter, serif;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1,
h2,
h3 {
  line-height: 40px;
}
h1 {
  font-size: 38.5px;
}
h2 {
  font-size: 31.5px;
}
h3 {
  font-size: 24.5px;
}
h4 {
  font-size: 17.5px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 11.9px;
}
h1 small {
  font-size: 24.5px;
}
h2 small {
  font-size: 17.5px;
}
h3 small {
  font-size: 14px;
}
h4 small {
  font-size: 14px;
}
.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 20px;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 20px;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 10px;
}
.dl-horizontal {
  *zoom: 1;
}
.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0;
}
.dl-horizontal:after {
  clear: both;
}
.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 180px;
}
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}
blockquote small {
  display: block;
  line-height: 20px;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
blockquote.pull-right small:before {
  content: '';
}
blockquote.pull-right small:after {
  content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
}
code,
pre {
  padding: 0 3px 2px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
  white-space: nowrap;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
pre.prettyprint {
  margin-bottom: 20px;
}
pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
}
.label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.badge {
  padding-left: 9px;
  padding-right: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.label:empty,
.badge:empty {
  display: none;
}
a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label-important,
.badge-important {
  background-color: #b94a48;
}
.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}
.label-warning,
.badge-warning {
  background-color: #f76400;
}
.label-warning[href],
.badge-warning[href] {
  background-color: #c44f00;
}
.label-success,
.badge-success {
  background-color: #468847;
}
.label-success[href],
.badge-success[href] {
  background-color: #356635;
}
.label-info,
.badge-info {
  background-color: #f76400;
}
.label-info[href],
.badge-info[href] {
  background-color: #c44f00;
}
.label-inverse,
.badge-inverse {
  background-color: #333333;
}
.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}
.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-mini .label,
.btn-mini .badge {
  top: 0;
}
table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dfded8;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dfded8;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #dfded8;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dfded8;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}
.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}
.table tbody tr.success > td {
  background-color: #dff0d8;
}
.table tbody tr.error > td {
  background-color: #f2dede;
}
.table tbody tr.warning > td {
  background-color: #ffffff;
}
.table tbody tr.info > td {
  background-color: #ffffff;
}
.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover > td {
  background-color: #f2f2f2;
}
.table-hover tbody tr.info:hover > td {
  background-color: #f2f2f2;
}
form {
  margin: 0 0 20px;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
legend small {
  font-size: 15px;
  color: #999999;
}
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
input,
button,
select,
textarea {
  font-family: Bitter, serif;
}
label {
  display: block;
  margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
}
input,
textarea,
.uneditable-input {
  width: 206px;
}
textarea {
  height: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #f6f6f6;
  border: 1px solid #dddddd;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */

  margin-top: 1px \9;
  /* IE8-9 */

  line-height: normal;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}
select {
  width: 220px;
  border: 1px solid #dddddd;
  background-color: #f6f6f6;
}
select[multiple],
select[size] {
  height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.uneditable-input,
.uneditable-textarea {
  color: #999999;
  background-color: #f3f3f3;
  border-color: #dddddd;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}
.uneditable-textarea {
  width: auto;
  height: auto;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
.input-medium {
  width: 150px;
}
.input-large {
  width: 210px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}
input,
textarea,
.uneditable-input {
  margin-left: 0;
}
.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}
.controls-row {
  *zoom: 1;
}
.controls-row:before,
.controls-row:after {
  display: table;
  content: "";
  line-height: 0;
}
.controls-row:after {
  clear: both;
}
.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left;
}
.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #ff0748;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #ff0748;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #ff0748;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #d30037;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6d93;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6d93;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff6d93;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #ff0748;
  background-color: #ffffff;
  border-color: #ff0748;
}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #f76400;
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #f76400;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #f76400;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #c44f00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff9f5e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff9f5e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff9f5e;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #f76400;
  background-color: #ffffff;
  border-color: #f76400;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}
.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-actions:after {
  clear: both;
}
.help-block,
.help-inline {
  color: #595959;
}
.help-block {
  display: block;
  margin-bottom: 10px;
}
.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}
.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14px;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}
.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}
input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}
.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}
.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}
.control-group {
  margin-bottom: 10px;
}
legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-horizontal .control-group:after {
  clear: both;
}
.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
.form-horizontal .controls:first-child {
  *padding-left: 180px;
}
.form-horizontal .help-block {
  margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px;
}
.form-horizontal .form-actions {
  padding-left: 180px;
}
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}
.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006cce;
  background-image: -moz-linear-gradient(top, #0087ce, #0042ce);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0087ce), to(#0042ce));
  background-image: -webkit-linear-gradient(top, #0087ce, #0042ce);
  background-image: -o-linear-gradient(top, #0087ce, #0042ce);
  background-image: linear-gradient(to bottom, #0087ce, #0042ce);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0087ce', endColorstr='#ff0042ce', GradientType=0);
  border-color: #0042ce #0042ce #002a82;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0042ce;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0042ce;
  *background-color: #003ab5;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #00329b \9;
}
.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #fc7e29;
  background-image: -moz-linear-gradient(top, #ff9044, #f76400);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9044), to(#f76400));
  background-image: -webkit-linear-gradient(top, #ff9044, #f76400);
  background-image: -o-linear-gradient(top, #ff9044, #f76400);
  background-image: linear-gradient(to bottom, #ff9044, #f76400);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9044', endColorstr='#fff76400', GradientType=0);
  border-color: #f76400 #f76400 #ab4500;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f76400;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f76400;
  *background-color: #de5a00;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c44f00 \9;
}
.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0087ce;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link:hover,
.btn-link:focus {
  color: #009cee;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
}
/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/glyphicons-halflings-white.png");
}
.icon-glass {
  background-position: 0      0;
}
.icon-music {
  background-position: -24px 0;
}
.icon-search {
  background-position: -48px 0;
}
.icon-envelope {
  background-position: -72px 0;
}
.icon-heart {
  background-position: -96px 0;
}
.icon-star {
  background-position: -120px 0;
}
.icon-star-empty {
  background-position: -144px 0;
}
.icon-user {
  background-position: -168px 0;
}
.icon-film {
  background-position: -192px 0;
}
.icon-th-large {
  background-position: -216px 0;
}
.icon-th {
  background-position: -240px 0;
}
.icon-th-list {
  background-position: -264px 0;
}
.icon-ok {
  background-position: -288px 0;
}
.icon-remove {
  background-position: -312px 0;
}
.icon-zoom-in {
  background-position: -336px 0;
}
.icon-zoom-out {
  background-position: -360px 0;
}
.icon-off {
  background-position: -384px 0;
}
.icon-signal {
  background-position: -408px 0;
}
.icon-cog {
  background-position: -432px 0;
}
.icon-trash {
  background-position: -456px 0;
}
.icon-home {
  background-position: 0 -24px;
}
.icon-file {
  background-position: -24px -24px;
}
.icon-time {
  background-position: -48px -24px;
}
.icon-road {
  background-position: -72px -24px;
}
.icon-download-alt {
  background-position: -96px -24px;
}
.icon-download {
  background-position: -120px -24px;
}
.icon-upload {
  background-position: -144px -24px;
}
.icon-inbox {
  background-position: -168px -24px;
}
.icon-play-circle {
  background-position: -192px -24px;
}
.icon-repeat {
  background-position: -216px -24px;
}
.icon-refresh {
  background-position: -240px -24px;
}
.icon-list-alt {
  background-position: -264px -24px;
}
.icon-lock {
  background-position: -287px -24px;
}
.icon-flag {
  background-position: -312px -24px;
}
.icon-headphones {
  background-position: -336px -24px;
}
.icon-volume-off {
  background-position: -360px -24px;
}
.icon-volume-down {
  background-position: -384px -24px;
}
.icon-volume-up {
  background-position: -408px -24px;
}
.icon-qrcode {
  background-position: -432px -24px;
}
.icon-barcode {
  background-position: -456px -24px;
}
.icon-tag {
  background-position: 0 -48px;
}
.icon-tags {
  background-position: -25px -48px;
}
.icon-book {
  background-position: -48px -48px;
}
.icon-bookmark {
  background-position: -72px -48px;
}
.icon-print {
  background-position: -96px -48px;
}
.icon-camera {
  background-position: -120px -48px;
}
.icon-font {
  background-position: -144px -48px;
}
.icon-bold {
  background-position: -167px -48px;
}
.icon-italic {
  background-position: -192px -48px;
}
.icon-text-height {
  background-position: -216px -48px;
}
.icon-text-width {
  background-position: -240px -48px;
}
.icon-align-left {
  background-position: -264px -48px;
}
.icon-align-center {
  background-position: -288px -48px;
}
.icon-align-right {
  background-position: -312px -48px;
}
.icon-align-justify {
  background-position: -336px -48px;
}
.icon-list {
  background-position: -360px -48px;
}
.icon-indent-left {
  background-position: -384px -48px;
}
.icon-indent-right {
  background-position: -408px -48px;
}
.icon-facetime-video {
  background-position: -432px -48px;
}
.icon-picture {
  background-position: -456px -48px;
}
.icon-pencil {
  background-position: 0 -72px;
}
.icon-map-marker {
  background-position: -24px -72px;
}
.icon-adjust {
  background-position: -48px -72px;
}
.icon-tint {
  background-position: -72px -72px;
}
.icon-edit {
  background-position: -96px -72px;
}
.icon-share {
  background-position: -120px -72px;
}
.icon-check {
  background-position: -144px -72px;
}
.icon-move {
  background-position: -168px -72px;
}
.icon-step-backward {
  background-position: -192px -72px;
}
.icon-fast-backward {
  background-position: -216px -72px;
}
.icon-backward {
  background-position: -240px -72px;
}
.icon-play {
  background-position: -264px -72px;
}
.icon-pause {
  background-position: -288px -72px;
}
.icon-stop {
  background-position: -312px -72px;
}
.icon-forward {
  background-position: -336px -72px;
}
.icon-fast-forward {
  background-position: -360px -72px;
}
.icon-step-forward {
  background-position: -384px -72px;
}
.icon-eject {
  background-position: -408px -72px;
}
.icon-chevron-left {
  background-position: -432px -72px;
}
.icon-chevron-right {
  background-position: -456px -72px;
}
.icon-plus-sign {
  background-position: 0 -96px;
}
.icon-minus-sign {
  background-position: -24px -96px;
}
.icon-remove-sign {
  background-position: -48px -96px;
}
.icon-ok-sign {
  background-position: -72px -96px;
}
.icon-question-sign {
  background-position: -96px -96px;
}
.icon-info-sign {
  background-position: -120px -96px;
}
.icon-screenshot {
  background-position: -144px -96px;
}
.icon-remove-circle {
  background-position: -168px -96px;
}
.icon-ok-circle {
  background-position: -192px -96px;
}
.icon-ban-circle {
  background-position: -216px -96px;
}
.icon-arrow-left {
  background-position: -240px -96px;
}
.icon-arrow-right {
  background-position: -264px -96px;
}
.icon-arrow-up {
  background-position: -289px -96px;
}
.icon-arrow-down {
  background-position: -312px -96px;
}
.icon-share-alt {
  background-position: -336px -96px;
}
.icon-resize-full {
  background-position: -360px -96px;
}
.icon-resize-small {
  background-position: -384px -96px;
}
.icon-plus {
  background-position: -408px -96px;
}
.icon-minus {
  background-position: -433px -96px;
}
.icon-asterisk {
  background-position: -456px -96px;
}
.icon-exclamation-sign {
  background-position: 0 -120px;
}
.icon-gift {
  background-position: -24px -120px;
}
.icon-leaf {
  background-position: -48px -120px;
}
.icon-fire {
  background-position: -72px -120px;
}
.icon-eye-open {
  background-position: -96px -120px;
}
.icon-eye-close {
  background-position: -120px -120px;
}
.icon-warning-sign {
  background-position: -144px -120px;
}
.icon-plane {
  background-position: -168px -120px;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-random {
  background-position: -216px -120px;
  width: 16px;
}
.icon-comment {
  background-position: -240px -120px;
}
.icon-magnet {
  background-position: -264px -120px;
}
.icon-chevron-up {
  background-position: -288px -120px;
}
.icon-chevron-down {
  background-position: -313px -119px;
}
.icon-retweet {
  background-position: -336px -120px;
}
.icon-shopping-cart {
  background-position: -360px -120px;
}
.icon-folder-close {
  background-position: -384px -120px;
  width: 16px;
}
.icon-folder-open {
  background-position: -408px -120px;
  width: 16px;
}
.icon-resize-vertical {
  background-position: -432px -119px;
}
.icon-resize-horizontal {
  background-position: -456px -118px;
}
.icon-hdd {
  background-position: 0 -144px;
}
.icon-bullhorn {
  background-position: -24px -144px;
}
.icon-bell {
  background-position: -48px -144px;
}
.icon-certificate {
  background-position: -72px -144px;
}
.icon-thumbs-up {
  background-position: -96px -144px;
}
.icon-thumbs-down {
  background-position: -120px -144px;
}
.icon-hand-right {
  background-position: -144px -144px;
}
.icon-hand-left {
  background-position: -168px -144px;
}
.icon-hand-up {
  background-position: -192px -144px;
}
.icon-hand-down {
  background-position: -216px -144px;
}
.icon-circle-arrow-right {
  background-position: -240px -144px;
}
.icon-circle-arrow-left {
  background-position: -264px -144px;
}
.icon-circle-arrow-up {
  background-position: -288px -144px;
}
.icon-circle-arrow-down {
  background-position: -312px -144px;
}
.icon-globe {
  background-position: -336px -144px;
}
.icon-wrench {
  background-position: -360px -144px;
}
.icon-tasks {
  background-position: -384px -144px;
}
.icon-filter {
  background-position: -408px -144px;
}
.icon-briefcase {
  background-position: -432px -144px;
}
.icon-fullscreen {
  background-position: -456px -144px;
}
.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
  *margin-left: .3em;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group > .btn + .btn {
  margin-left: -1px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}
.btn-group > .btn-mini {
  font-size: 10.5px;
}
.btn-group > .btn-small {
  font-size: 11.9px;
}
.btn-group > .btn-large {
  font-size: 17.5px;
}
.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  *padding-top: 5px;
  *padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  *padding-top: 2px;
  *padding-bottom: 2px;
}
.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}
.btn-group > .btn-large + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  *padding-top: 7px;
  *padding-bottom: 7px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0042ce;
}
.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f76400;
}
.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}
.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}
.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}
.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}
.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}
.btn-large .caret {
  margin-top: 6px;
}
.btn-large .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}
.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}
.dropup .btn-large .caret {
  border-bottom-width: 5px;
}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}
.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group-vertical > .btn + .btn {
  margin-left: 0;
  margin-top: -1px;
}
.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li > a > img {
  max-width: none;
}
.nav > .pull-right {
  float: right;
}
.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
  padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0087ce;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}
.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.nav-tabs,
.nav-pills {
  *zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0087ce;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.nav .dropdown-toggle .caret {
  border-top-color: #0087ce;
  border-bottom-color: #0087ce;
  margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #009cee;
  border-bottom-color: #009cee;
}
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}
.tabbable {
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}
.tabbable:after {
  clear: both;
}
.tab-content {
  overflow: auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.nav > .disabled > a {
  color: #999999;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}
.navbar {
  overflow: visible;
  margin-bottom: 20px;
  *position: relative;
  *z-index: 2;
}
.navbar-inner {
  min-height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid #005f91;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  *zoom: 1;
}
.navbar-inner:before,
.navbar-inner:after {
  display: table;
  content: "";
  line-height: 0;
}
.navbar-inner:after {
  clear: both;
}
.navbar .container {
  width: auto;
}
.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}
.navbar .brand {
  float: left;
  display: block;
  padding: 15px 20px 15px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #ffffff;
  text-shadow: 0 1px 0 #ffffff;
}
.navbar .brand:hover,
.navbar .brand:focus {
  text-decoration: none;
}
.navbar-text {
  margin-bottom: 0;
  line-height: 50px;
  color: #ffffff;
}
.navbar-link {
  color: #ffffff;
}
.navbar-link:hover,
.navbar-link:focus {
  color: #0087ce;
}
.navbar .divider-vertical {
  height: 50px;
  margin: 0 9px;
  border-left: 1px solid #0087ce;
  border-right: 1px solid #ffffff;
}
.navbar .btn,
.navbar .btn-group {
  margin-top: 10px;
}
.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn-group,
.navbar .input-append .btn-group {
  margin-top: 0;
}
.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}
.navbar-form:before,
.navbar-form:after {
  display: table;
  content: "";
  line-height: 0;
}
.navbar-form:after {
  clear: both;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 10px;
}
.navbar-form input,
.navbar-form select,
.navbar-form .btn {
  display: inline-block;
  margin-bottom: 0;
}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 5px;
  white-space: nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}
.navbar-search {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-bottom: 0;
}
.navbar-search .search-query {
  margin-bottom: 0;
  padding: 4px 14px;
  font-family: Bitter;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.navbar-static-top {
  position: static;
  margin-bottom: 0;
}
.navbar-static-top .navbar-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  border-width: 0 0 1px;
}
.navbar-fixed-bottom .navbar-inner {
  border-width: 1px 0 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.navbar-fixed-top {
  top: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
  box-shadow: 0 1px 10px rgba(0,0,0,.1);
}
.navbar-fixed-bottom {
  bottom: 0;
}
.navbar-fixed-bottom .navbar-inner {
  -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
  -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
  box-shadow: 0 -1px 10px rgba(0,0,0,.1);
}
.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.navbar .nav.pull-right {
  float: right;
  margin-right: 0;
}
.navbar .nav > li {
  float: left;
  padding: 11px;
}
.navbar .nav > li > a {
  float: none;
  padding: 4px;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 none;
}
.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background-color: transparent;
  color: #0087ce;
  text-decoration: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #0076b5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #91c1da;
  background-image: -moz-linear-gradient(top, #f2f2f2, #0076b5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#0076b5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #0076b5);
  background-image: -o-linear-gradient(top, #f2f2f2, #0076b5);
  background-image: linear-gradient(to bottom, #f2f2f2, #0076b5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ff0076b5', GradientType=0);
  border-color: #0076b5 #0076b5 #004468;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0076b5;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #0076b5;
  *background-color: #00669b;
}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #005582 \9;
}
.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}
.navbar .nav > li > .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: #dfded8;
  position: absolute;
  top: -7px;
  left: 9px;
}
.navbar .nav > li > .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: #dfded8;
  border-bottom: 0;
  bottom: -7px;
  top: auto;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  border-top: 6px solid #ffffff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #0087ce;
  border-bottom-color: #0087ce;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #0076b5;
  color: #555555;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px;
}
.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px;
}
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: -1px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.navbar-inverse .navbar-inner {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  border-color: #252525;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #fff;
  text-shadow: none;
}
.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:focus {
  color: #ffffff;
}
.navbar-inverse .brand {
  color: #999999;
}
.navbar-inverse .navbar-text {
  color: #999999;
}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  background-color: #fff;
  color: #0087ce;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}
.navbar-inverse .navbar-link {
  color: #999999;
}
.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus {
  color: #ffffff;
}
.navbar-inverse .divider-vertical {
  border-left-color: #111111;
  border-right-color: #222222;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #111111;
  color: #ffffff;
}
.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-inverse .navbar-search .search-query {
  color: #ffffff;
  background-color: #515151;
  border-color: #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #cccccc;
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #cccccc;
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #cccccc;
}
.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #ffffff;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0;
}
.navbar-inverse .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #040404;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
  *background-color: #000000;
}
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {
  background-color: #000000 \9;
}
.breadcrumb {
  padding: 8px 12px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb > li > .divider {
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #999999;
}
.pagination {
  margin: 20px 0;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}
.pager {
  margin: 20px 0;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  content: "";
  line-height: 0;
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #fff;
  cursor: default;
}
.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}
.thumbnails:before,
.thumbnails:after {
  display: table;
  content: "";
  line-height: 0;
}
.thumbnails:after {
  clear: both;
}
.row-fluid .thumbnails {
  margin-left: 0;
}
.thumbnails > li {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
}
.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #0087ce;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #555555;
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #ffffff;
  border: 1px solid #f7f7f7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.alert,
.alert h4 {
  color: #ff0748;
}
.alert h4 {
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success h4 {
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}
.alert-info {
  background-color: #ffffff;
  border-color: #ededed;
  color: #f76400;
}
.alert-info h4 {
  color: #f76400;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.progress .bar {
  width: 0%;
  height: 100%;
  color: #ffffff;
  float: left;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress .bar + .bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
  box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}
.progress-striped .bar {
  background-color: #149bdf;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar,
.progress .bar-danger {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-success .bar,
.progress .bar-success {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(to bottom, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-info .bar,
.progress .bar-info {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-warning .bar,
.progress .bar-warning {
  background-color: #fc7e29;
  background-image: -moz-linear-gradient(top, #ff9044, #f76400);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9044), to(#f76400));
  background-image: -webkit-linear-gradient(top, #ff9044, #f76400);
  background-image: -o-linear-gradient(top, #ff9044, #f76400);
  background-image: linear-gradient(to bottom, #ff9044, #f76400);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9044', endColorstr='#fff76400', GradientType=0);
}
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
  background-color: #ff9044;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  color: inherit;
  letter-spacing: -1px;
}
.hero-unit li {
  line-height: 30px;
}
.media,
.media-body {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  margin-left: 0;
  list-style: none;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.popover-title:empty {
  display: none;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 8px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 10%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle {
  *margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid #dfded8;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #0080c4;
  background-image: -moz-linear-gradient(top, #0087ce, #0076b5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0087ce), to(#0076b5));
  background-image: -webkit-linear-gradient(top, #0087ce, #0076b5);
  background-image: -o-linear-gradient(top, #0087ce, #0076b5);
  background-image: linear-gradient(to bottom, #0087ce, #0076b5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0087ce', endColorstr='#ff0076b5', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0080c4;
  background-image: -moz-linear-gradient(top, #0087ce, #0076b5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0087ce), to(#0076b5));
  background-image: -webkit-linear-gradient(top, #0087ce, #0076b5);
  background-image: -o-linear-gradient(top, #0087ce, #0076b5);
  background-image: linear-gradient(to bottom, #0087ce, #0076b5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0087ce', endColorstr='#ff0076b5', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default;
}
.open {
  *z-index: 1000;
}
.open > .dropdown-menu {
  display: block;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px;
}
.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.accordion {
  margin-bottom: 20px;
}
.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.accordion-heading {
  border-bottom: 0;
}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}
.accordion-toggle {
  cursor: pointer;
}
.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}
.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}
.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.carousel-control.right {
  left: auto;
  right: 15px;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
}
.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}
.carousel-indicators .active {
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
  color: #ffffff;
  line-height: 20px;
}
.carousel-caption h4 {
  margin: 0 0 5px;
}
.carousel-caption p {
  margin-bottom: 0;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.affix {
  position: fixed;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.collapse.in {
  height: auto;
}
@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
}
@media (min-width: 1024px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #ffffff;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #0087ce;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #0087ce;
    border-bottom: 1px solid #0087ce;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1025px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

 /******FONTS********/
@font-face
{
font-family: Bitter, serif;
src: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/css/fonts/Bitter-Regular.ttf'),
     url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/css/fonts/Bitter-Regular.eot'); /* IE9 */
}  


 /********Colors***********/
 @red-dk : #cd063a;

.text-color
{
	color: #cd063a !important;
}
.border-color .text-color, .border-color span.price-old
{
    color: #ffffff !important;
}
#block-product-list .product-list .bg-color span.price-old,
.bg-color
{
	background-color: #cd063a !important;
	color: #fff;
}
.label-color
{
	position: absolute;
	display: block;
	color: #fff;
	text-align: left;
	font-weight: bold;	
	bottom: 0;
	left: 0;	
}
.label-color.little
{
	background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/promo-similaire.png") no-repeat bottom left transparent;	
	height: 22px;
   padding:9px 4px 0 4px;
   width: 54px;
}
.label-color.medium {
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/promoCategorie.png") no-repeat scroll left bottom transparent;
    font-size: 24px;
    height: 35px;
    padding: 19px 12px 0;
    width: 101px;
}
.label-color.big {
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/promo-produit.png") no-repeat scroll left bottom transparent;
    font-size: 44px;
    height: 54px;
    padding: 40px 25px 0;
    width: 136px;
}
#contenue-centre .block-product .product .label-color-triangle
{
	 background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/vente-flash.png") no-repeat 0 0 transparent;  	
	 height: 111px;
    position: absolute;
    right: 0;
    top: 0;
    width: 111px;
}
#header .navbar .menu-special
{
	padding:14px 0 0 0;
	font-size: 12px;
	min-width: 117px;
	z-index: 0;
}
#header .navbar .menu-special a
{
	background-color: #cd063a;
	text-transform: uppercase;
	height: 15px;
	font-weight: bold;
	padding: 10px 5px;
	z-index: 0;
	color: #FFFFFF;
	text-decoration: none;
}
#header .navbar-inverse .menu-special > a:hover
{
	background-color: #cd063a !important;	
	color: #fff !important;
}
#header .navbar-inverse .menu-special:before
{
	content: " ";	
}
#block-product-list .product-list li .product-visuel.border-color
{
	border-color: #cd063a ;	
}
#block-product-list .product-list li .product-visuel.border-color .price-block
{
    background-color: #cd063a;
    color: #FFFFFF     
}
.product-list li .product-visuel .label-corner.color
{
	background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/vente-flash.png") no-repeat scroll top right transparent;	
}
/******** Mobile *********/
@media (max-width: 480px) {
	.product-list li .product-visuel .label-corner.color {
	    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/vente-flash-mobile.png") no-repeat scroll right top transparent;
	}
}
 /******** Tablet *********/
 @media (min-width: 768px) and (max-width: 1024px) {
     .product-list li .product-visuel .label-corner.color {
         background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/vente-flash-tablette.png") no-repeat scroll right top transparent;
     }
 }

/******FONTS********/

@font-face{
    font-family: Bitter, serif;
    src: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/css/fonts/Bitter-Regular.eot');
    src: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/css/fonts/Bitter-Regular.eot?#iefix') format('embedded-opentype'),
    url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/css/fonts/Bitter-Regular.woff') format('woff'),
    url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/css/fonts/Bitter-Regular.ttf') format('truetype'),
    url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/css/fonts/Bitter-Regular.svg#webfont') format('svg');
}

/********Colors***********/
@blue : #0087ce;
@blue-lt : #009cee;
@blue-dk : #002537;
@red : #ff0748;
@red-dk : #cd063a;
@orange: #f76400;


[class^="icon-vp-"], [class*=" icon-vp-"] {
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 1px;
    vertical-align: text-top;
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png");
}
body{
    color: #000000;
}

a, button, span, div, input, ul.dropdown-menu, ul, li, textarea
{
    behavior: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/css/css/pie/PIE.htc');
}
ul, ol
{
    margin: 0px ;
}
ul li
{
    list-style: none;
}
.orange
{
    color: #f76400;
}
.blue
{
    color: #0087ce;
}
.bg-grey
{
    background-color: #f1f0ea;
}
.bg-blue-dk
{
    background-color: #002537;
    color: #ffffff;
}
p
{
    font-size: 13px;
}
/**************************************/
/****header****/
.icon-vp-attention
{
    background-position: -254px 0;
    height: 46px;
    width: 46px;
    padding: 0 10px;
}
#alerts
{
    background-color: #002537;
    color: #fff;
    position: fixed;
    padding: 15px;
    width: 100%;
    z-index: 1000;
    left: 0;
}
#alerts p{
    width: 45%;
}
.icon-vp-close-up
{
    background-position: -202px 0;
    width: 35px;
    height: 35px;
    padding: 8px;
}
#header .header-top .nav-pills
{
    margin-bottom: 0px;
    height: 40px;
}
#header .header-top .nav-pills > li > a
{
    color: #6d6c69;
    font-size: 11px;
    padding: 13px 12px;
    border-radius: 0px;
    margin: 0px;
    font-weight: bold;
    background-color: #f1f0ea;
}
#header .header-top .nav-pills > li > a:hover
{
    color: #000;
    background-color: #e6e5df;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #0087ce;
}
#header .header-top .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    background-color: #fff;
    color: #000;
}
#header .header-top .user-block
{
    margin: 0;
}
#header .header-top .user-block > li
{
    list-style: none;
    float: left;
}
#header .header-top .user-block > li > a
{
    font-weight: bold;
    color: #6d6c69;
    font-size: 11px;
    padding: 8px;
    display: block;
    position: relative;
}
#header .user-block > li > a span.num {
    background-color: #F76400;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #FFFFFF;
    float: right;
    height: 18px;
    position: absolute;
    right: 68px;
    text-align: center;
    top: 2px;
    width: 18px;
}
#header .user-block a:hover
{
    text-decoration: none;
}
#header .user-block i
{
    background-position: 0 0;
    width: 23px;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
    margin: 0 3px;
}
#header .user-block a .icon-vp-favoris
{
    background-position: 0 0;
}
#header .user-block a:hover .icon-vp-favoris
{
    background-position: -59px 0;
}
#header .user-block a .icon-vp-compte
{
    background-position: 0 -24px;
}
#header .user-block a:hover .icon-vp-compte
{
    background-position: 0 -24px;
}
#header .user-block a .icon-vp-panier
{
    background-position: 0 -48px;
}
#header .user-block a:hover .icon-vp-panier
{
    background-position: 0 -48px;
}
.header-middle
{
    height: auto;
    padding-bottom: 25px;
    padding-top: 25px;
}
.header-middle .logo
{
    display: block;
    float: left;
    height: 80px;
    width: 279px;
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/logo-JEPLP.png");
    background-repeat: no-repeat;
}
.header-middle .logo:hover
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/logo-JEPLP.png");
}

.header-middle .form-search .input-append
{
    position: relative;
    padding: 0;
}
.header-middle .form-search input
{
    height: 26px;
    padding-left: 15px;
    padding-right: 50px;
    position: relative;
    width: 180px;
    font-size: 11px;
    color: #000;
}

.header-middle .icon-vp-search
{
    background-position: -56px -105px;
    height: 30px;
    line-height: 40px;
    position: absolute;
    right: 10px;
    top: 3px;
    width: 30px;
    padding-left: 8px;
    z-index: 1000;
}
.header-middle #search-type.dropdown-menu
{
    margin: 0;
    padding: 20px;
    width: 555px;
    z-index: 1005;
    border: 5px solid #e6e5df;
    border-radius: 0;
}
.header-middle #search-type.dropdown-menu li a.close-search
{
    background: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/close-search.png') no-repeat 0 0 transparent;
    height: 33px;
    width: 33px;
    position: absolute;
    top: -47px;
    right: 60px;
    padding: 0;
}
.header-middle li.title-search
{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}
.header-middle li.list-categories ul li
{
    list-style-image: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/puce-list.png');
    float: left;
    margin-right: 30px;
}
.header-middle li.list-categories ul li a
{
    color: #000;
}
.header-middle li.list-categories ul
{
    margin: 20px 0 20px 15px;
    min-height: 15px;
}
.header-middle li.list-magazines ul
{
    margin: 0;
    width: 555px;
}
.header-middle li.list-magazines ul li
{
    border-bottom: 1px solid #E5E5E5;
    float: left;
    list-style: none outside none;
    margin-bottom: 15px;
    margin-right: 13px;
    padding-bottom: 15px;
    width: 264px;
}
.header-middle li.list-magazines ul li + li + li
{
    border-bottom: 0 none;
}
.header-middle li.list-magazines ul li a
{
    color: #000;
}
.header-middle li.list-magazines ul li a img
{
    margin-right: 5px;
}
.header-middle #search-type li.all-magazines
{
    white-space: normal;
}
.header-middle #search-type li.all-magazines button
{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 70px;
    width: 555px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
#header .navbar .nav
{
    margin: 0;
    height: 50px;
}
#header .navbar .navbar-inner {
    background-color: #0087ce;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    filter:none;
}
#header .navbar .nav > li {
    padding: 11px;
    font-weight: bold;
    position: static;
    font-size: 13px;
}
#header .navbar-inverse .nav > li:before
{
    color: #FFFFFF;
    content: "";
    float: left;
    height: 0;
    margin-left: -10px;
    margin-top: 3px;
    width: 0;
}
#header  .navbar-inverse .nav > li:first-child:before
{
    content: " ";
}
#header a.menu:after, .dropdown-toggle:after {
    content: none;
}
#header .navbar .nav > li > .dropdown-menu:before ,
#header .navbar .nav > li > .dropdown-menu:after {
    border: 0 none;
    content: "";
    display: none;
}
#header .navbar .nav > li > a
{
    position: relative;
    z-index: 1002;
}
#header .navbar .nav > li.dropdown.over > a:before {
    border-bottom: 7px solid #0087CE;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    bottom: -18px;
    content: "";
    display: inline-block;
    left: 43%;
    position: absolute;
}
#header .navbar .nav > li.dropdown.over > a:after
{
    border-bottom: 5px solid #0087ce;
    bottom: -22px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}
ul.magazines
{
    height: 215px;
    width:210px; /* 420px;*/
    float: left;
    margin: 0;
    /* -moz-column-count: 2;
       -moz-column-gap: 0px;
       -webkit-column-count: 2;
       -webkit-column-gap: 0px; */
}
ul.magazines li
{
    color: #000;
    display: block;
    list-style-type: none; /*list-style-image: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/puce-list.png');*/
    padding: 2px;
}
ul.magazines li a
{
    color: #000;
    text-decoration: none;
    font-weight: normal;
    padding-left: 10px;
}
.bootstrap-select .add-adress:before,
ul.magazines li:before
{
    content: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/puce-list.png');
    color: #000;
}
ul.magazines li:hover,
ul.magazines li:hover a
{
    background-color: #0087ce;
    color: #fff;
}
.bootstrap-select .add-adress:hover:before,
ul.magazines li:hover:before
{
    content: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/puce-list-hover.png');
    color: #fff;
}
#header .dropdown .dropdown-menu .nav-header
{
    text-transform: uppercase;
    color: #000;
    display: inline-block;
    margin-bottom: 25px;
    padding:0 0 25px 0;
    border-bottom: 4px solid #002537;
    font-size: 16px;
}
#header .dropdown .dropdown-menu .nav-header:after
{
    content: " ";
    border-bottom: 4px solid #002537;
}
#header .dropdown .dropdown-menu .nav-header span
{
    font-style: italic;
    font-weight: normal;
}
ul.important
{
    margin: 0;
}
ul.important li
{
    display: inline-block;
    float: left;
    list-style: none;
    color: #000;
}
ul.important li a
{
    color: #000;
    font-weight: normal;
}
ul.important li a:hover
{
    color: #009cee;
    text-decoration: none;
}
a.btn
{
    color: #0087ce;
}
.btn
{
    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
a.btn-primary ,
.btn-primary {
    background-color: #0087ce;
    background-image: none;
    background-repeat: no-repeat;
    border:0 none;
    color: #FFFFFF;
    text-shadow: none;
}
.btn-large {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]
{
    background-color: #009cee;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background-color: transparent;
    background-image:none;
}
.navbar .all-magazines button
{
    height: 56px;
    min-width: 515px;
}
.icon-vp-arrow-right
{
    background-position: -163px -110px;
    height: 31px;
    width: 36px;
    padding: 0;
    margin-top: -2px;
    vertical-align: inherit;
}
.icon-vp-arrow-down
{
    background-position: -63px -157px;
    height: 36px;
    width: 36px;
    padding: 0;
    vertical-align: inherit;
}
.navbar .brand
{
    color: #fff;
    font-weight: bold !important;
    text-transform: uppercase;
    font-size: 13px !important;
    margin-left: 40px !important;
}
.navbar .btn-navbar
{
    border:0 none;
    border-radius: 0;
    background:  url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-mobile.png") no-repeat -83px 0px transparent;
    padding: 14px ;
    margin-right: 40px;
}
.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {
    background-color: transparent;
    color: #FFFFFF;
}
/*****Desktop******/
@media (min-width: 1024px) {

    #header .dropdown-menu
    {
        border: 5px solid #E6E5DF;
        border-radius: 0 0 0 0;
        margin-top: 6px;
        padding: 30px 35px;
        width: 900px;
    }
    /*#header ul.nav li.dropdown:hover > ul.dropdown-menu{
        display: block;
    }*/
    #header ul.nav li.dropdown.over > ul.dropdown-menu,
    #header ul.nav li.dropdown > ul.dropdown-menu.over {
        display:block;
    }
}

/******** Tablette et Mobile *********/
@media (max-width: 1024px) {

    #header .nav-collapse
    {
        background-color: #002537;
        height: 0;
        overflow: hidden; /**remplacé "overflow: visible;" **/
    }
    #header .navbar .nav {
        height: auto;
        width: 100%;
        position: static;
        background-color: #002537;
    }
    ul.magazines
    {
        float: none;
        width: auto;
        height: auto;
    }
    #header .navbar .menu-special,
    #header .navbar .nav > li
    {
        width: 50%; /*384px;*/
        padding: 0;
        height: 42px;
    }
    ul.magazines li
    {
        width: 100%;
        padding: 0;
        color: #fff;
        height: 42px;
    }
    ul.magazines li a:hover,
    #header .navbar .nav > li a:hover,
    ul.magazines li a:focus,
    #header .navbar .nav > li a:focus
    {
        background-color: #0087ce;
        color: #fff;
    }
    ul.magazines li > a,
    #header .navbar .nav > li a
    {
        border-bottom: 1px solid #193A4B;
        color: #fff;
        margin-bottom: 0px;
        border-radius: 0;
        padding: 11px 30px;
        display: block;
    }
    #header .navbar-inverse .nav > li:before
    {
        content: " ";
    }
    #header .navbar-inverse .nav > li:after
    {
        content: " ";
    }
    #header .navbar .nav > li.dropdown:hover > a:after ,
    #header .navbar .nav > li.dropdown:hover > a:before
    {
        border: 0 none;
    }
    #header .navbar .nav > li.dropdown.over > a:before,
    #header .navbar .nav > li.dropdown.over > a:after
    {
        display: none;
        border: 0 none;
    }
    #header .navbar .menu-special
    {
        background-color: #cd063a;
        display: block;
        float: none;
        line-height: 40px;
        vertical-align: middle;
    }
    #header .navbar .menu-special a
    {
        background-color: transparent;
        text-transform: none;
        padding:0px 40px;
        height: 26px;
        width: 295px;
        display: block;
    }
    .nav-collapse .dropdown-menu {
        /*left: 384px !important;*/
        right: 0 !important;
        position: absolute !important;
        top: 0 !important;
        width: 47%;
    }
    ul.magazines li:before,
    ul.magazines li:hover:before
    {
        content: " ";
    }
    #header .navbar .nav > li:hover:after,
    #header .navbar .nav > li:after {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-mobile.png") no-repeat scroll -91px -33px transparent;
        content: " ";
        height: 19px;
        margin-top: -32px;
        padding: 5px;
        position: absolute;
        right: 50%;
        width: 13px;
        z-index: 1003;
    }
    ul.magazines li > a.all-magazines
    {
        height: 20px;
        line-height: 20px;
        vertical-align: top;
    }
    .icon-vp-arrow-right
    {
        background-position: -163px -110px;
    }
    .nav .dropdown-menu > li > a:focus > .icon-vp-arrow-up,
    a:hover .icon-vp-arrow-up,
    .icon-vp-arrow-up
    {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-mobile.png") no-repeat  -165px -36px transparent;
        height: 13px;
        width: 21px;
        padding: 0;
        vertical-align: inherit;
    }
    .nav .dropdown-menu > li > a:hover > .icon-vp-arrow-down,
    a:hover .icon-vp-arrow-down,
    .icon-vp-arrow-down
    {
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-mobile.png") !important;
        background-position: -136px -36px;
        background-repeat: no-repeat;
        height: 13px;
        width: 21px;
        padding: 0;
        vertical-align: inherit;
    }
    /*scroll*/
    .container-list
    {
        position: relative;
        overflow:hidden;
    }

    .content-list > * {
        visibility: visible;
    }

    #up, #down {
        text-align:center;
    }
    /***/
    #header .navbar-fixed-top,
    #header .navbar-fixed-bottom,
    #header .navbar-static-top {
        margin-left: 0px;
        margin-right: 0px;
    }
}

/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {

    .header-middle .form-search input
    {
        width: 416px;
        height: 26px;
    }
    .header-middle #search-type.dropdown-menu {
        width: 456px;
    }
    .header-middle .logo {
        height: 49px;
        background-image:  url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/logo-tablette.png");
    }
    .header-middle .logo:hover
    {
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/logo-tablette.png");
    }
    .nav-collapse, .nav-collapse.collapse {
        overflow: visible;
    }
    /*scroll*/
    .container-list
    {
        height: auto !important;
        overflow: visible;
        position: absolute;
        width: 100%;
        background-color: #002537;
    }
    .nav-collapse .open > .dropdown-menu {
        display: block;
        height: 100%;
        overflow: visible;
    }
}

/*****Mobile*****/
@media (max-width: 767px) {
    #header .navbar .nav {
        height: auto;
        width: 100%;
    }
    #header .header-top .nav-pills
    {
        width: 100%;
    }
    #header .header-top .nav-pills li
    {
        width: 33%;
    }
    ul.magazines
    {
        float: none;
        width: auto;
        height: auto;
    }
    #header .navbar .menu-special,
    #header .navbar .nav > li
    {
        width: 100% !important; /*384px;*/
        padding: 0;
        height: 42px;
    }
    ul.magazines li
    {
        width: 100%;
        padding: 0;
        height: 42px;
    }
    body
    {
        padding: 0px 10px !important;
    }
    #header .user-block a [class^="icon-vp-"], #header .user-block a [class*=" icon-vp-"] {
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-mobile.png");
    }
    .header-middle {
        padding-bottom: 9px;
        padding-top: 7px;
    }
    .navbar .brand
    {
        margin-left: 15px !important;
    }
    .navbar .btn-navbar
    {
        margin-right: 15px;
    }
    .header-middle .form-search input
    {
        width: 298px;
    }
    .header-middle .logo {
        height: 49px;
        position: absolute;
        top: 56px;
        width: 150px !important;
        background-image:  url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/logo-mobile.png");
    }
    .header-middle .logo:hover
    {
        background-image:  url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/logo-mobile.png");
    }
    #header .header-top
    {
        background-color: #fff;
    }
    #header .header-top .user-block
    {
        margin-top: 5px;
    }
    #header .header-top .user-block > li > a {
        margin-left: 1px;
        height: 29px;
        padding: 8px;
        width: 29px;
    }
    #header .user-block a  i
    {
        width: 25px;
        height: 28px;
    }
    #header .user-block a .icon-vp-favoris {
        background-position: 0 1px;
    }
    #header .user-block a:hover .icon-vp-favoris {
        background-position: -38px 1px;
    }
    #header .user-block a .icon-vp-compte {
        background-position: -1px -30px;
    }
    #header .user-block a:hover .icon-vp-compte {
        background-position: -1px -30px;
    }
    #header .user-block a .icon-vp-panier {
        background-position: -3px -56px;
    }
    #header .user-block a:hover .icon-vp-panier {
        background-position: -3px -56px;
    }
    #header .user-block > li > a span.num {
        font-size: 11px;
        height: 16px;
        width: 16px;
        vertical-align: text-top;
        line-height: 15px;
    }
    .header-middle .form-search .input-append
    {
        width: 100%;
    }
    .header-middle .form-search input
    {
        width: 86%;
        height: 37px;
        padding-right: 30px;
    }
    .nav-collapse .dropdown-menu {
        background-color: #002537 !important;
        left: 0 !important;
        position: absolute !important;
        top: 0 !important;
        width: 100%;
        z-index: 3000;
    }
    .header-middle #search-type.dropdown-menu {
        width: 86%;
        position: relative;
    }
    .header-middle .icon-vp-search
    {
        background:url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-mobile.png") no-repeat -167px 0 transparent;
        border-left: 0px none;
        height: 30px;
        line-height: 40px;
        position: absolute;
        right: 5px;
        top: 13px;
        width: 24px;
        padding-left: 8px;
        z-index: 1000;
    }
    #header .navbar .menu-special a
    {
        padding: 0 20px;
    }
    .header-middle li.list-magazines ul li {
        border-bottom: 1px solid #E5E5E5;
        float: none;
    }
    .header-middle li.list-magazines ul li a img {
        width: 23%;
    }
    .header-middle #search-type li.all-magazines button {
        height: 80px;
        width: auto;
    }
    #header .navbar .menu-special,
    #header .navbar .nav > li,
    ul.magazines li {
        width: 100%;
    }
    #header .navbar .nav > li:hover:after, #header .navbar .nav > li:after {
        right: 10%;
    }
    .dropdown-menu .title-sous-menu
    {
        padding: 11px 10px;
        background-color: #0087CE;
        color: #FFFFFF;
        position: absolute;
        width: 100%;
    }

    li.dropdown .dropdown-menu{

        margin: 0px;
        margin-left: 100%;
        display: block;
    }
    li.dropdown.open .dropdown-menu
    {
        margin-left: 0%;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    .header-middle .form-search input:-moz-placeholder {
        color: rgb(246, 246, 246);
    }
    .header-middle .form-search input::-webkit-input-placeholder {
        color: rgb(246, 246, 246);
    }
    .header-middle .form-search input:-ms-input-placeholder {
        color: rgb(246, 246, 246);
    }
}


/************Fil d'arian**************/
#breadcrumbs-bloc,
#breadcrumbs-bloc .breadcrumb
{
    background-color: #fff;
}
#breadcrumbs-bloc .breadcrumb
{
    margin-bottom: 0px;
}
.breadcrumb > .active
{
    color: #000;
}
.breadcrumb > .active,
.breadcrumb a
{
    font-size: 12px;
    line-height: 18px;
    vertical-align: sub;
    padding: 0 5px;
}
.breadcrumb a.home-link i.icon-vp-home
{
    background-position: -173px -33px;
    height: 13px;
    width: 13px;
    line-height: 15px;
}
.breadcrumb a.home-link:hover i.icon-vp-home
{
    background-position: -139px -33px;
}
.breadcrumb li i.icon-vp-breadcrumb
{
    background-position: -180px -61px;
    height: 23px;
    width: 8px;
    line-height: 25px;
}
/***************************************/

/******Fiche produit*******/
a.link-top {
    bottom: 30%;
    position: fixed;
    right: 12%;
    width: 55px;
    height: 55px;
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png") no-repeat -128px -208px transparent;
}
a.link-top:hover
{
    text-decoration: none;
    background-position: -200px -208px;
}
.normal
{
    font-weight: normal;
}
#contenue-centre
{
    background:url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/viapressebackground.gif") no-repeat center top #f1f0ea;
}
#contenue-centre .pub-top
{
    padding: 5px 20px 20px 20px;
    background-color: #fff;
    margin-bottom: 2px;
}
#contenue-centre .pub-top img
{
    margin: 0 auto;
}
#contenue-centre .container-block
{
    background-color: #fff;
    padding: 10px 10px 97px 10px;
    position: relative;
}
#contenue-centre .block-product .product .label-heart
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/coupDeCoeur.png") no-repeat 0 0 transparent;
    height: 111px;
    position: absolute;
    right: 0;
    top: 0;
    width: 111px;
}
.visuel
{
    position: relative;
}
#sommaire .visuel,
.block-product .product .visuel
{
    margin-right: 20px;
}
#sommaire .visuel a.zoom-img,
.block-product .product .visuel a.zoom-img
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png") no-repeat -117px -542px transparent;
    width:84px;
    height:     84px;
    position: absolute;
    left: 36%;
    top: 38%;
    z-index: 2;
}
#sommaire  .text h6
{
    margin-bottom: 0;
}
.block-product .product .title-product
{
    text-align: center;
}
.block-product .product .title-product h2,
.block-product .product .text h2
{
    margin-top: 0px;
    line-height: 28px;
    font-size: 27px;
    margin-bottom: 0pt;
}
.description-numero
{
    font-size: 12px;
    margin-top: 1px;
    text-transform: uppercase;
    margin: 10px 0;
    font-family: Bitter, serif;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-rendering: optimizelegibility;
}
.description-numero span
{
    font-weight: normal;
    padding-left: 10px;
}
.block-product .product .title-product h5 span + span
{
    display: block;
}
.block-product .product .title-product h5 span:first-child,
.description-numero  span
{
    font-weight: normal;
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/separateur-point.png") no-repeat left center transparent;
    padding-left: 10px;
}
.abonnement > div.info-text li p.opinion-text,
.block-product .product .text .opinion-text
{
    background-color:#f1f0ea;
    position: relative;
    padding: 11px;
}
.block-product .product .text .opinion-text:before
{
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 8.5px 8px 8.5px;
    border-color: transparent transparent #f1f0ea transparent;
    display: block;
    position: absolute;
    top: -7px;
    left: 20px;
}
.block-product .product p a.all-link
{
    display: inline !important;
}
.separateur-point-grey,
.separateur-point
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/separateur-point.png") no-repeat scroll center center transparent;
    margin: 0 2px;
    width: 5px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
}
.separateur-point-grey
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/separateur-point-grey.png");
}
.through-text
{
    text-decoration: line-through;
}
#contenue-centre .double-block
{
    width: 100%;
    height:175px;
}
/* Class gift pour les cadeaux */
#contenue-centre .double-block.big-desktop
{
    width: 100%;
    height:290px;
}
#contenue-centre .double-block.all-little-desktop
{
    height: 80px;
}
#contenue-centre .double-block.little-desktop
{
    margin-bottom: 10px;
}
#contenue-centre .double-block.big-desktop
{
    margin-bottom: 10px;
}
#contenue-centre .double-block .left
{
    border-right: 0px;
    font-weight: bold;
    padding: 11px;
    text-align: left;
}
.block-offre .double-block .left
{
    text-align: left !important;
    background-color: #f1f0ea;
    float: left;
}
#contenue-centre .double-block .left .info-cadeau h6
{
    color: #232323;
    text-transform: uppercase;
}
.block-offre .double-block .price-block .price
{
    color: #fff;
    padding: 14px 15px;
    width: auto;
    display: inline-block !important;
    border-radius: 2px;
}
.body-reabonnement .option-reabonnement .price-old,
.block-offre .double-block .price-block .price-old
{
    background-color: #fff;
    width: 175px;
    padding: 5px 0 5px 10px;
    margin-left: 10px;
    position: relative;
}

.body-reabonnement .option-reabonnement .price-old i.icon-vp-arrow-white,
.block-offre .double-block .price-block .price-old i.icon-vp-arrow-white
{
    position: absolute;
    width: 6px;
    height: 12px;
    background-position: -53px -77px;
    left: -6px;
    top: 40%;
}
.icon-vp-arrow-white
{
    width: 6px;
    height: 12px;
    background-position: -53px -77px;
}
.block-offre .double-block .price-block .price-old span {
    display: inline-block !important;
}
#contenue-centre .double-block.all-little-desktop .left
{
    width: 33%;
}
#contenue-centre .double-block.little-desktop .left
{
    width: 65.5%;
}
#contenue-centre .double-block.big-desktop .left
{
    width: 65.5%;
}
#contenue-centre .double-block .left span
{
    display: block;
}
#contenue-centre .double-block.all-little-desktop > .right,
#contenue-centre .double-block > .right
{
    display: block;
    vertical-align: middle;
    cursor: pointer;
    background: #0087CE;
    padding: 0;
    text-align: center;
    width: 29%;
}
#contenue-centre .double-block.all-little-desktop > .right,
#contenue-centre .double-block > .right a,
#contenue-centre .double-block >  a.right
{
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: inherit;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    font-size: 13px;
}
#contenue-centre .double-block > .right a
{
    padding: 25px 9px 0px 9px;
}
/* Class gift pour les cadeaux */
#contenue-centre .double-block.big-desktop > .right a
{
    padding: 70px 11px 0px 7px;
}
#contenue-centre .double-block.all-little-desktop > .right
{
    width: 63%;
    line-height: 77px;
    background:url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/achat.png") no-repeat left center #fff;
    color: #fff;
}

/*
#contenue-centre .double-block.little-desktop > .right
{
    width: 23%;
    background:url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/addPanier.png") no-repeat left center #f1f0ea;
    height: 87px;
 padding: 20px 9px 20px 20px;
 text-align: center;
}
#contenue-centre .double-block.big-desktop > .right
{
    width: 23%;
    background:url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/addPanier.png") no-repeat left center #f1f0ea;
   height: 189px;
   padding: 15% 9px 0 20px;
   text-align: center;
}*/
#contenue-centre .double-block.all-little-desktop > .right:hover
{
    text-decoration: none;
    background:url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/achat-hover.png") no-repeat left center #fff;
}
#contenue-centre .double-block > .right:hover
{
    text-decoration: none;
    background: #009CEE;
}
/*
#contenue-centre .double-block.little-desktop > .right:hover
{
    text-decoration: none;
    background:url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/addPanier-hover.png") no-repeat left center #f1f0ea;
}
#contenue-centre .double-block.big-desktop > .right:hover
{
    text-decoration: none;
    background:url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/addPanier-hover.png") no-repeat left center #f1f0ea;
}*/
#contenue-centre .price
{
    font-size: 33px;
    margin: 3px 0;
}
#contenue-centre .price-old .price
{
    font-size: 12px;
}
#contenue-centre .price-old .price em
{
    font-size: 12px;
}
.ajout-panier .modal-body .price-block .price em,
#contenue-centre .price em
{
    font-size: 18px;
    font-style: normal;
}
.ajout-panier .modal-body .price-block .price-old em,
#contenue-centre .price-old em,
#contenue-centre .price-old
{
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
}
.icon-vp-add-panier
{
    background-position: 0 -161px;
    width: 31px;
    height: 32px;
    display: block;
    margin-bottom: 10px;
    margin-left: 41px;
    margin-top: 15px;
}
#contenue-centre .double-block .left .cadeau-offre
{
    background-color: #fff;
    padding: 5px;
    margin: 10px 0;
}
#contenue-centre .double-block .left .cadeau-offre .info-cadeau
{
    width: 50%;
}
#contenue-centre .infos-product
{
    margin-top: 19px;
}
.infos-product ul li
{
    list-style: none;
    float: left;
    margin-right: 5px;
}
.infos-product .share-this li a
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png") no-repeat 0px -1266px transparent;
    height: 50px;
    width: 50px;
    display: block;
}
.infos-product .share-this li a:hover
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png") no-repeat -70px -1266px transparent;
    text-decoration: none;
}
.infos-product .share-this li.tweet a
{
    background-position: 0px -1327px
}
.infos-product .share-this li.tweet a:hover
{
    background-position: -70px -1327px;
}
.infos-product .share-this li.google a
{
    background-position: 0px -1388px
}
.infos-product .share-this li.google a:hover
{
    background-position: -70px -1388px;
}
.infos-product .share-this li.mail a
{
    background-position: 0px -1450px
}
.infos-product .share-this li.mail a:hover
{
    background-position: -70px -1450px;
}
.infos-product a#link-summery,
.infos-product a#link-review
{
    border: 1px solid #E6E5DF;
    display: block;
    height: 12px;
    line-height: 13px;
    padding: 18px;
    vertical-align: middle;
    width: auto;
    font-weight: bold;
}
.infos-product span.title-compatible
{
    margin-left: 10px;
    line-height: 43px;
    vertical-align: middle;
}
.infos-product .list-compatible
{
    margin-left: 5px;
}
.infos-product .list-compatible li
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png") ;
    background-repeat:  no-repeat;
    background-color: transparent;
    width:52px;
    height: 52px;
    display: block;
}
.list-compatible .desktop.active
{
    background-position: 0 -368px;
}
.list-compatible .desktop
{
    background-position: -60px -368px;
}
.list-compatible .tablette.active
{
    background-position: -120px -368px;
}
.list-compatible .tablette
{
    background-position: -178px -368px;
}
.list-compatible .mobile.active
{
    background-position: 0px -434px;
}
.list-compatible .mobile
{
    background-position: -60px -434px;
}
.list-compatible .magazine.active
{
    background-position: -120px -433px;
}
.list-compatible .magazine
{
    background-position: -178px -433px;
}
.divider {
    background-color: #E5E5E5;
    border-bottom: 1px solid #FFFFFF;
    height: 1px;
    margin: 15px 1px;
    overflow: hidden;
}
.bootstrap-select .caret
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png") no-repeat -100px -44px transparent /*!important*/;
    margin-top: 3px;
    height: 17px;
    width: 10px;
    display: inline-block;
    border-top: 0 none;
    border-right: 0 none;
    border-left: 0 none;
}
.bootstrap-select .btn.dropdown-toggle
{
    border-radius: 0px;
    background-color: #FFFFFF;
    background-image: none;
}
#block-acheter{
    background-color: #F1F0EA;
    padding: 15px 5px 5px;
    margin-top: 18px;
}
#block-acheter h4 {
    font-size: 18px;
    margin-top: 0px;
    text-align:center;
    text-transform: uppercase;
}
#block-acheter h4 span {
    position:relative;
}
#block-acheter h4 span:before {
    border-top: 2px solid #000;
    content:"";
    position: absolute;
    top: 13px;
    left: -13%;
    bottom: 0;
    width:10%;
}
#block-acheter h4 span:after {
    border-top: 2px solid #000;
    content:"";
    position: absolute;
    top: 13px;
    right: -13%;
    bottom: 0;
    width:10%;
}
#block-acheter .block-pays
{
    background-color: #fff;
    padding: 5px 0px;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 6px;
}
#block-acheter .block-pays label
{
    display: inline-block;
    margin-right: 5px;
    font-size: 17px;
}
#block-acheter .block-pays .btn-group
{
    margin-bottom: 0px;
    width: 195px;
}
#block-acheter .block-pays .bootstrap-select li
{
    text-align: left;
}
.bootstrap-select .dropdown-menu
{
    border-radius: 0px;
}
.bootstrap-select li a:hover
{
    background-color: #0087CE;
    color: #FFFFFF;
}
#contenue-centre .btn {
    padding: 8px 12px;
}
.block-conditions
{
    width: 100%;
}
.block-conditions > div
{
    /*float: left;*/
    text-align: center;
    display: table-cell;
}
.block-conditions > div .title-condition
{
    text-align: center;
    margin: 14px 0 11px;
    font-size: 18px;
}

#block-acheter .block-no-offer{
    border-right: 4px solid #F1F0EA;
    background-color: #fff;
    text-align: center;
}

#block-acheter .block-no-offer .titleNoOffer{
    margin: 10px 0;
    font-family: Bitter, serif;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-rendering: optimizelegibility;
}
.block-conditions .block-type{
    border-right: 4px solid #F1F0EA;
    min-height: 480px;
    width: 26.9%;
    background-color: #fff;
}

.block-conditions .block-time{
    border-right: 4px solid #F1F0EA;
    min-height: 480px;
    width: 24.5%;
    background-color: #fff;
}
.block-conditions .block-offre
{
    width: 50.1%;
    background-color: #fff;
}

.block-conditions > div .title-condition .number
{
    display: block;
    color: #0087ce;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 5px;
    padding-top: 10px;
}
#contenue-centre .separ-bottom
{
    width: 74px;
    border-bottom: 4px solid #f1f0ea;
    display: inline-block;
    margin-bottom: 10px;
}
#contenue-centre .separ-bottom.white
{
    border-color: #fff;
}
.block-conditions div ul
{
    margin: 0;
}
.block-conditions div ul li
{
    list-style-type: none;
    text-align: left;
    position: relative;
}
.block-conditions div ul li:hover
{
    background-color:  #0087ce;
}
.block-conditions div ul li > a:first-child
{
    height: 50px;
    vertical-align: middle;
    padding: 7px 28px 7px 13px;
    display: block;
    font-weight: bold;
}
.block-conditions div ul li > a:first-child span
{
    line-height: 0px;
    padding-top: 16px;
    vertical-align: middle;
}
.block-conditions div ul li:hover > a:first-child,
.block-conditions div ul li > a:first-child:hover
{
    background-color:  #0087ce;
    color: #fff;
    text-decoration: none;
}
.block-conditions div ul li > a.active
{
    background:url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/arrow-condition.png") no-repeat left center #002537;
    color: #fff;
}
.block-conditions div ul li:hover > a.inactive,
.block-conditions div ul li > a.inactive:hover,
.block-conditions div ul li > a.inactive
{
    pointer-events: none;
    cursor: default;
    color: #b2b2ad;
    background-color: #fff;
}
.block-conditions div ul li > a i
{
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin: 0 8px 0 0;
    vertical-align: inherit;
}
.icon-vp-calendrier
{
    background-position: 0 -758px;
}
.block-conditions div ul li:hover > a .icon-vp-calendrier,
a.active .icon-vp-calendrier,
a:hover .icon-vp-calendrier
{
    background-position: -61px -758px;
}
.block-conditions div ul li:hover > a.inactive .icon-vp-calendrier,
a.inactive .icon-vp-calendrier,
a.inactive:hover .icon-vp-calendrier
{
    background-position: -250px -1115px;
}
.icon-vp-libre
{
    background-position: 0px -817px;
}
.block-conditions div ul li:hover > a .icon-vp-libre,
a.active .icon-vp-libre,
a:hover .icon-vp-libre
{
    background-position: -61px -817px;
}
.block-conditions div ul li:hover > a.inactive .icon-vp-libre,
a.inactive .icon-vp-libre,
a.inactive:hover .icon-vp-libre
{
    background-position: -250px -1177px;
}
.icon-vp-numero
{
    background-position: 0px -883px;
}
.block-conditions div ul li:hover > a .icon-vp-numero,
a.active .icon-vp-numero,
a:hover .icon-vp-numero
{
    background-position: -61px -883px;
}
.block-conditions div ul li:hover > a.inactive .icon-vp-numero,
a.inactive .icon-vp-numero,
a.inactive:hover .icon-vp-numero
{
    background-position: -250px -1236px;
}
.icon-vp-numerique
{
    background-position: 0px -949px;
}
.block-conditions div ul li:hover > a .icon-vp-numerique,
a.active .icon-vp-numerique,
a:hover .icon-vp-numerique
{
    background-position: -61px -949px;
}
.block-conditions div ul li:hover > a.inactive .icon-vp-numerique,
a.inactive .icon-vp-numerique,
a.inactive:hover .icon-vp-numerique
{
    background-position: -250px -1294px;
}
.icon-vp-deux
{
    background-position: 0px -1010px;
}
.block-conditions div ul li:hover > a .icon-vp-deux,
a.active .icon-vp-deux,
a:hover .icon-vp-deux
{
    background-position: -61px -1010px;
}
.block-conditions div ul li:hover > a.inactive .icon-vp-deux,
a.inactive .icon-vp-deux,
a.inactive:hover .icon-vp-deux
{
    background-position: -250px -1353px;
}
.icon-vp-papier
{
    background-position: -121px -758px;
}
.block-conditions div ul li:hover > a .icon-vp-papier,
a.active .icon-vp-papier,
a:hover .icon-vp-papier
{
    background-position: -179px -758px;
}
.block-conditions div ul li:hover > a.inactive .icon-vp-papier,
a.inactive .icon-vp-papier,
a.inactive:hover .icon-vp-papier
{
    background-position: -250px -1412px;
}
.icon-vp-web
{
    background-position: -121px -817px;
}
.block-conditions div ul li:hover > a .icon-vp-web,
a.active .icon-vp-web,
a:hover .icon-vp-web
{
    background-position: -179px -817px;
}
.block-conditions div ul li:hover > a.inactive .icon-vp-web,
a.inactive .icon-vp-web,
a.inactive:hover .icon-vp-web
{
    background-position: -250px -1467px;
}
.block-conditions div ul li > a.infobulle
{
    position: absolute;
    right: 4px;
    top: 35%;
}
a.infobulle
{
    width: 24px;
    height: 24px;
    display: block;
    background:  url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png") no-repeat -254px -491px transparent;
}
a.infobulle:hover
{
    background-position: -254px -491px;
    text-decoration: none;
}
.tooltip
{
    max-width: 300px;
    z-index: 1000;
}
.controls
{
    position: relative;
}
.controls .message-erreur{
    padding: 7px;
    position: absolute;
    z-index: 1010;
    max-width: 300px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}
.controls .message-erreur span
{
    font-size: 12px;
}
.controls .message-erreur.right
{
    margin-left: 10px;
}
.tooltip.right{
    margin-left:0px
}
.controls .message-erreur.bottom
{
    margin-top: 10px;
}
.popover
{
    border-radius: 2px;
}
.controls .message-erreur .arrow,
.controls .message-erreur .arrow:after,
.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.controls .message-erreur .arrow,
.popover .arrow {
    border-width: 9px;
}
.controls .message-erreur.right .arrow:after,
.popover.right .arrow:after {
    border: 0 none;
}
.controls .message-erreur.right .arrow,
.popover.right .arrow {
    top: 30%;
    left: -8px;
    margin-top: 0px;
    border-left-width: 0;
    border-right-color: #ffffff;
    background-image: none;
    z-index: 100;
}
.controls .message-erreur.bottom .arrow:after {
    border-bottom-color: #FFFFFF;
    border-top-width: 0;
    margin-left: -10px;
    top: 1px;
}
.controls .message-erreur.bottom .arrow {
    border-bottom-color: #FFFFFF;
    border-top-width: 0;
    left: 50%;
    margin-left: -11px;
    top: -9px;
}
.controls .message-erreur.right.arrow:after {
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff;
}
.product-bottom  .similaires
{
    padding: 20px;
    background-color: #f1f0ea;
    text-align: center;
}
#contenue-centre .product-bottom
{
    background-color: #fff;
    margin-top: 18px;
}
#contenue-centre .list-magazines
{
    margin:20px 0 0 0px;
}
#contenue-centre .list-magazines > li
{
    float: left;
    list-style: none;
    width: 122px;
    height: 200px;
}
.similaires .list-magazines li:first-child
{
    margin-right: 20px;
}
#similaire-mags .list-magazines li a,
.similaires  .list-magazines  li a
{
    text-decoration: none;
    color: #000;
    display: block;
    font-weight: bold;
}
.similaires .list-magazines li span
{
    text-transform: uppercase;
}
.cms-home-right h6 {
    font-size: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align:center;
    text-transform: uppercase;
    font-weight: normal;
}
.cms-home-right h6 span {
    position:relative;
    letter-spacing: 1px;
}
.cms-home-right h6 span:before {
    border-top: 1px solid #000;
    content:"";
    position: absolute;
    top: 6px;
    left: -17%;
    bottom: 0;
    width:15%;
}
.cms-home-right h6 span:after {
    border-top: 1px solid #000;
    content:"";
    position: absolute;
    top: 6px;
    right: -17%;
    bottom: 0;
    width:15%;
}
.cms-home-right img
{
    text-align: center;
    margin: 0 auto;
}
.tabs-accordeon .accordion-inner
{
    float: left;
    height: 500px;
    width: auto;
    min-width:590px;
    border-top:  0 none;
}
.tabs-accordeon .nav-tabs {
    border-bottom: 4px solid #002537;
}
.tabs-accordeon .nav-tabs > li
{
    width: 152px;
    text-align: center;
    margin-bottom: 0;
    margin-right: 4px;
}
.tabs-accordeon .nav-tabs > li > a {
    border-radius: 2px 2px 0 0;
    border: 0 none;
    font-weight: bold;
    height: 40px;
    background-color: #f1f0ea;
    color: #000;
}
.tabs-accordeon .nav-tabs > li > a > p {
    height: 56px;
    margin: 0 auto;
    line-height: 39px;
    text-align: center;
    font-size: 14px;
}
.tabs-accordeon .nav-tabs > li > a > p > span {
    vertical-align: middle;
    display: inline-block;
    line-height: 1.2;
}

.tabs-accordeon .accordion-heading a:hover,
.tabs-accordeon .accordion-heading a:focus,
.tabs-accordeon .accordion-heading.active a,
.tabs-accordeon .accordion-heading.active a:hover,
.tabs-accordeon .accordion-heading.active a:focus,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus
{
    background-color: #002537;
    color: #fff;
    border: 0 none;
}
#Tab
{
    margin-bottom: 0px;
}
.tabs-accordeon .tab-content > div
{
    border: 3px solid #f1f0ea;
    border-top: 0 none;
    padding: 20px 17px;
    height: 450px;
}
.accordion-inner {
    padding: 9px 3px;
}
.accordion-inner h3,
.tabs-accordeon h3
{
    margin: 0px;
}
#sommaire .visuel
{
    width: 34.5%;
    float: left;
}
#anciens
{
    padding-right: 0px;
}
#similaire-mags .list-magazines,
#anciens ul.list-magazines
{
    width: 600px;
    height: 430px;
    margin-top: 0px;
}
#similaire-mags .list-magazines li,
#anciens ul.list-magazines li
{
    margin-right: 28px;
    text-align: center;
    margin-bottom: 30px;
}
#similaire-mags .list-magazines li h5,
#anciens ul.list-magazines li h5
{
    font-size: 12px;
    margin-top: 5px;
    line-height: 8px;
    margin-bottom: 0px;
}
#similaire-mags .list-magazines li span,
#anciens ul.list-magazines li span
{
    font-size: 9px;
    line-height: 10px;
    text-transform: uppercase;
}
#anciens ul.list-magazines li .visuel img
{
    border: 1px solid #f1f0ea;
}
.tabs-accordeon .accordion-heading
{
    margin-bottom: 0;
    text-align: left;
}
.tabs-accordeon .accordion
{
    border:3px solid #f1f0ea;
    border-top: 0 none;
    height: 520px;
    overflow: hidden;
}
.tabs-accordeon .accordion-group
{
    border:0 none;
    border-radius: 0;
}
.tabs-accordeon .accordion-group + .accordion-group > .accordion-heading
{
    left: 156px;
}
.title-pages-categorie a,
.tabs-accordeon .accordion-heading a
{
    background-color: #F1F0EA;
    border-radius: 2px 2px 0 0;
    color: #000000;
    font-weight: bold;
    height: 40px;
    line-height: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
    text-decoration: none;
}
#avis.accordion-inner
{
    width: 560px;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
#avis.accordion-inner .scrollable
{
    overflow: auto;
    padding-left: 17px;
    padding-right: 17px;
    width: 566px;
    position: relative;
    height: 436px;
}
#avis .blocks-avis
{
    margin: 0px;
}
#avis .block-avis .titleAvis{
    font-size: 14px;
    margin: 10px 0;
    font-weight: bold;
}
#avis .blocks-avis > li
{
    border-bottom: 1px solid #f1f0ea;
    margin-bottom: 10px;
    padding-bottom: 15px;
}
#avis .notes-inactive
{
    margin: 5px 10px 0 0;
}
.posted-by
{
    color: #B2B2AD;
    font-size: 10px;
    text-transform: uppercase;
}
.posted-by b
{
    color: #000;
}
#form-avis > .btn,
#avis > .btn
{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 50px;
    height: 70px;
}
#form-avis > .btn i,
#avis > .btn i
{
    margin: 0 0 0 10px;
    padding: 2px;
    vertical-align: middle;
}
#form-avis
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-top: 72px;
}
#form-avis .titleBtnReviews {
    font-size: 20px;
    margin: 10px 0;
    font-family: Bitter, serif;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-rendering: optimizelegibility;
}
#form-avis > .btn
{
    top: 0;
}
#form-avis > .btn i
{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: top;
}
#form-avis input,
#form-avis textarea {
    width: 360px;
}

/*****Desktop******/
@media (min-width: 1024px) {
    .block-product .product .text
    {
        width: 580px;
    }
    #form-avis > .btn, #avis > .btn {
        margin-left: 6px;
    }

}
/*****************/

/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {

    #contenue-centre .block-product
    {
        padding:37px 5px ;
    }
    #contenue-centre .block-product .product
    {
        padding: 0 10px ;
        width: 100%;
    }
    .block-product .product .visuel
    {
        max-width: 32%;
    }
    .block-product .product .text
    {
        max-width: 64%;
    }
    #contenue-centre .block-product .product .label-heart
    {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/coupDeCoeur-tablette.png") no-repeat 0 0 transparent;
        height: 81px;
        width: 81px;
    }
    #contenue-centre .double-block.all-little-desktop {
        height: 62px;
        margin-bottom: 14px;
    }
    #contenue-centre .double-block.all-little-desktop .left {
        font-size: 12px;
        padding-top: 3px;
        width: 29%;
        padding-bottom: 14px;
    }
    #contenue-centre .double-block.all-little-desktop .right {
        line-height: 60px;
        text-transform: none;
        width: 57%;
        background:url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/achat-tablette.png") no-repeat left center #fff;
        background-size: cover;
        height: 80px;
    }
    #contenue-centre .double-block.little-desktop > .right
    {
        width: 23%;
        height: 87px;
        padding: 20px 9px 20px 20px;
        text-align: center;
    }
    #contenue-centre .double-block.big-desktop > .right
    {
        width: 22%;
        height: 139px;
        padding: 13% 9px 0 13px;
        text-align: center;
    }
    .block-product .product .text h5
    {
        margin: 0px;
    }
    p {
        font-size: 12px;
        line-height: 14px;
    }
    .infos-product a#link-summery, .infos-product a#link-review {
        font-size: 12px;
        padding: 13px 8px;
    }
    .infos-product .share-this li a {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png") no-repeat scroll -80px -201px transparent;
        height: 41px;
        width: 41px;
    }
    .infos-product .share-this li a:hover {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png") no-repeat scroll -138px -201px transparent;
    }
    .infos-product .share-this li.tweet a {
        background-position: -80px -251px;
    }
    .infos-product .share-this li.tweet a:hover {
        background-position: -138px -251px;
    }
    .infos-product .share-this li.google a {
        background-position: -80px -302px;
    }
    .infos-product .share-this li.google a:hover {
        background-position: -138px -302px;
    }
    .infos-product .share-this li.mail a {
        background-position: -80px -353px;
    }
    .infos-product .share-this li.mail a:hover {
        background-position: -138px -353px;
    }
    .infos-product span.title-compatible {
        line-height: 37px;
        margin-left: 0;
    }
    .infos-product .list-compatible li
    {
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
        background-repeat:  no-repeat;
        background-color: transparent;
        width:32px;
        height: 32px;
    }
    .list-compatible .desktop.active
    {
        background-position: 0 0;
    }
    .list-compatible .desktop
    {
        background-position: -47px 0;
    }
    .list-compatible .tablette.active
    {
        background-position:  -98px 0;
    }
    .list-compatible .tablette
    {
        background-position:  -151px 0px
    }
    .list-compatible .mobile.active
    {
        background-position:  0px -47px;
    }
    .list-compatible .mobile
    {
        background-position: -49px -47px;
    }
    .list-compatible .magazine.active
    {
        background-position: -99px -47px
    }
    .list-compatible .magazine
    {
        background-position: -151px -47px;
    }
    .block-conditions div ul li {
        height: 47px;
    }
    .block-conditions .block-type, .block-conditions .block-time {
        margin-right: 3px;
        min-height: 350px;
        width: 23.5%;
    }
    .block-conditions .block-offre {
        width: 52%;
    }
    #contenue-centre .double-block.little-desktop {
        height: 130px;
    }
    #contenue-centre .double-block.big-desktop {
        height: 193px;
    }
    .block-conditions div ul li > a:first-child {
        height: 35px;
        width: 74%;
    }
    .block-conditions div ul li > a:first-child span
    {
        padding-top: 10px;
    }
    .block-conditions div ul li > a i {
        height: 38px;
        line-height: 38px;
        width: 38px;
    }
    .abonnement > div.info-text li > i,
    .accueil .forfait-numerique .offres-nums > i,
    .block-conditions li > a i[class^="icon-vp-"],
    .block-conditions li > a i[class*=" icon-vp-"] {
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    }
    .icon-vp-calendrier
    {
        background-position: -191px -448px;
    }
    .block-conditions div ul li:hover > a .icon-vp-calendrier,
    a.active .icon-vp-calendrier,
    a:hover .icon-vp-calendrier
    {
        background-position: -191px -494px;
    }
    .block-conditions div ul li:hover > a.inactive .icon-vp-calendrier,
    a.inactive .icon-vp-calendrier,
    a.inactive:hover .icon-vp-calendrier
    {
        background-position: -191px -403px;
    }
    .icon-vp-libre
    {
        background-position: 0px -590px;
    }
    .block-conditions div ul li:hover > a .icon-vp-libre,
    a.active .icon-vp-libre,
    a:hover .icon-vp-libre
    {
        background-position: -0px -638px;
    }
    .block-conditions div ul li:hover > a.inactive .icon-vp-libre,
    a.inactive .icon-vp-libre,
    a.inactive:hover .icon-vp-libre
    {
        background-position: 0px -542px;
    }
    .icon-vp-numero
    {
        background-position: -48px -590px;
    }
    .block-conditions div ul li:hover > a .icon-vp-numero,
    a.active .icon-vp-numero,
    a:hover .icon-vp-numero
    {
        background-position: -48px -638px;
    }
    .block-conditions div ul li:hover > a.inactive .icon-vp-numero,
    a.inactive .icon-vp-numero,
    a.inactive:hover .icon-vp-numero
    {
        background-position: -48px -542px;
    }
    .icon-vp-numerique
    {
        background-position: -48px -448px;
    }
    .block-conditions div ul li:hover > a .icon-vp-numerique,
    a.active .icon-vp-numerique,
    a:hover .icon-vp-numerique
    {
        background-position: -48px -494px;
    }
    .block-conditions div ul li:hover > a.inactive .icon-vp-numerique,
    a.inactive .icon-vp-numerique,
    a.inactive:hover .icon-vp-numerique
    {
        background-position: -48px -403px;
    }
    .icon-vp-deux
    {
        background-position: -96px -448px;
    }
    .block-conditions div ul li:hover > a .icon-vp-deux,
    a.active .icon-vp-deux,
    a:hover .icon-vp-deux
    {
        background-position: -96px -494px;
    }
    .block-conditions div ul li:hover > a.inactive .icon-vp-deux,
    a.inactive .icon-vp-deux,
    a.inactive:hover .icon-vp-deux
    {
        background-position: -96px -403px;
    }
    .icon-vp-papier
    {
        background-position: 0px -448px;
    }
    .block-conditions div ul li:hover > a .icon-vp-papier,
    a.active .icon-vp-papier,
    a:hover .icon-vp-papier
    {
        background-position: 0px -494px;
    }
    .block-conditions div ul li:hover > a.inactive .icon-vp-deux,
    a.inactive .icon-vp-deux,
    a.inactive:hover .icon-vp-deux
    {
        background-position: 0px -403px;
    }
    .icon-vp-web
    {
        background-position: -145px -448px;
    }
    .block-conditions div ul li:hover > a .icon-vp-web,
    a.active .icon-vp-web,
    a:hover .icon-vp-web
    {
        background-position: -145px -494px;
    }
    .block-conditions div ul li:hover > a.inactive .icon-vp-deux,
    a.inactive .icon-vp-deux,
    a.inactive:hover .icon-vp-deux
    {
        background-position: -145px -403px;
    }
    .block-conditions > div .title-condition {
        font-size: 14px;
    }
    .block-conditions div ul li > a:first-child span {
        font-size: 12px;
    }
    #contenue-centre .double-block .left span.normal
    {
        font-size: 10px;
    }
    .block-offre .double-block .price-block .price {
        padding: 9px 4px;
    }
    #contenue-centre .price {
        font-size: 22px;
    }
    .icon-vp-add-panier {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png") no-repeat -96px -558px transparent; ;
        display: block;
        height: 22px;
        margin-bottom: 5px;
        margin-left: 26px;
        width: 22px;
    }
    #contenue-centre .double-block.little-desktop .left {
        height: 74%;
        width: 66.5%;
    }
    #contenue-centre .block-offre .double-block.little-desktop > .right{
        height: 67px;
        padding: 16px 9px 10px 12px;
        width: 18%;
    }
    #contenue-centre .double-block.big-desktop .left {
        height: 85%;
        width: 65.5%;
    }
    #contenue-centre .double-block .left .cadeau-offre {
        margin: 3px 0;
    }
    #contenue-centre .double-block .left .cadeau-offre p
    {
        font-weight: normal;
    }
    a.infobulle {
        width: 15px;
        height: 15px;
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png") no-repeat -96px -590px transparent;
    }
    a.infobulle:hover
    {
        background-position: -119px -590px;
    }
    #avis.accordion-inner .scrollable ,
    #avis.accordion-inner {
        width: auto;
    }


}
/*****************/

/******** Tablette et Mobile *********/
@media (max-width: 1024px) {

    #contenue-centre .price {
        font-size: 22px;
    }
    #contenue-centre .price-old em, #contenue-centre .price-old
    {
        font-size: 9px !important;
        line-height: 15px;
    }
    .block-offre .double-block .price-block .price-old {
        background-color: #FFFFFF;
        margin-left: 6px;
        padding: 5px 0 5px 5px;
        position: relative;
        width: 130px;
    }
    #contenue-centre .block-offre .double-block > .right{
        font-size: 11px;
    }
    .cadeau-offre img
    {
        width: 40%;
    }
    #contenue-centre .double-block .left .info-cadeau h6 {
        font-size: 10px;
        margin: 0px;
    }
    .tabs-accordeon
    {
        width: 100%;
    }


}

/*****************/

/******** Mobile *********/
@media (max-width: 767px) {

    #alerts p{
        width: 60%;
        margin:0 5px;
    }
    .icon-vp-attention {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-mobile.png") no-repeat 0 -203px transparent;
        height: 35px;
        padding: 0px;
        margin-right: 5px;
        width: 35px;
    }
    .icon-vp-close-up {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-mobile.png") no-repeat -39px -171px transparent;
        height: 25px;
        padding: 15px;
        width: 25px;
    }
    p{
        font-size: 12px;
        line-height: 22px;
    }
    #contenue-centre .block-product .product {
        padding: 0;
    }
    #contenue-centre {
        padding-top: 0px;
    }
    #contenue-centre .block-product .product .visuel .label-heart
    {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/coupDeCoeur-mobile.png") no-repeat 0 0 transparent;
        height: 83px;
        position: absolute;
        right: 0;
        top: 0;
        width: 83px;
    }
    .block-product .product .text
    {
        float: none;
    }
    .block-product .product .visuel img
    {
        max-width: 100%;
    }
    #contenue-centre .block-product
    {
        padding: 0;
    }
    .block-product .product .title-product h2{
        font-size: 20px;
        padding-top: 15px;
    }
    .block-product .product .visuel {
        left: 7%;
        margin-right: 0;
        max-width: 100%;
        text-align: center;
    }
    .block-product .product .title-product .star-mobile
    {
        position: relative;
        display: block;
    }
    .star-mobile .icon-vp-star
    {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-mobile.png") no-repeat scroll -41px -136px transparent;
        height: 26px;
        width: 26px;
        position: absolute;
        right: 0px;
        top: 5px;
    }
    #contenue-centre .pub-top {
        padding: 10px;
        text-align: center;
    }
    #contenue-centre .double-block.all-little-desktop {
        margin-bottom: 10px;
        margin-top: 12px;
    }
    #contenue-centre .double-block.all-little-desktop .left {
        line-height: 16px;
        width: 36%;
    }
    #contenue-centre .double-block.all-little-desktop .right {
        font-size: 12px;
        height: 57px;
        line-height: 18px;
        padding: 23px 16px 0 11px;
        width: 39%;
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/achat-mobile.png") no-repeat scroll left center #fff;
    }
    #breadcrumbs-bloc .breadcrumb {
        background-color: #f1f0ea;
    }
    #block-acheter
    {
        background-color: #fff;
        padding-top: 1px;
    }
    #contenue-centre .infos-product > ul
    {
        margin-left: 10%;

    }
    .block-conditions,
    .block-conditions > div {
        float: none;
        display: block;
    }
    .block-conditions .block-type,
    .block-conditions .block-time {
        background-color: #FFFFFF;
        margin-bottom: 0;
        min-height: 135px;
        text-align: center;
        width: 100%;
        border-right: 0 none;
    }
    .block-conditions .block-offre {
        background-color: #FFFFFF;
        width: 100%;
    }
    #contenue-centre .double-block.medium-desktop .left,
    #contenue-centre .double-block.big-desktop .left,
    #contenue-centre .double-block.little-desktop .left {
        height: auto;
        width: 93%;
    }
    #contenue-centre .double-block.medium-desktop .right:hover,
    #contenue-centre .double-block.big-desktop .right:hover,
    #contenue-centre .double-block.little-desktop > .right:hover,
    #contenue-centre .double-block.medium-desktop .right,
    #contenue-centre .double-block.big-desktop .right,
    #contenue-centre .double-block.little-desktop > .right {
        height: 45px;
        padding: 28px 2px 17px 1px;
        text-align: center;
        width: 100%;
        line-height: 50px;
        background-size: 100%;
        background-position-y: 0;
        font-size: 15px;
    }
    #contenue-centre .double-block .left span.normal
    {
        font-size: 11px;
    }
    .icon-vp-add-panier {
        height: 32px;
        margin-bottom: 10px;
        margin-left: 45px;
        float: left;
        width: 31px;
    }
    .tabs-accordeon .accordion
    {
        height: auto;
        border:0 none;
    }
    .title-pages-categorie a.active,
    .tabs-accordeon .accordion .accordion-toggle
    {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/moins.png") no-repeat scroll 95% center #002537;
        color: #fff;
        text-transform: uppercase;
        line-height: 39px;
    }
    .title-pages-categorie a,
    .tabs-accordeon .accordion .accordion-toggle.collapsed
    {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/plus.png") no-repeat scroll 95% center #f1f0ea;
        color: #000;
    }
    #similaire-mags .list-magazines li, #anciens ul.list-magazines li {
        margin-bottom: 30px;
        margin-right: 10px;
    }
    .tabs-accordeon .accordion-inner {
        text-align: center;
        height: auto;
        min-width: 150px;
        width: auto;
    }
    .tabs-accordeon .accordion-inner .text
    {
        text-align: left;
    }
    #sommaire .visuel
    {
        width: 50%;
        text-align: center;
        left: 25%;
        margin-right: 0;
    }
    #similaire-mags .list-magazines,
    #anciens ul.list-magazines
    {
        height: auto;
        width: auto;
    }
    #sommaire .visuel
    {
        float: none;
    }
    #avis .blocks-avis > li
    {
        text-align: justify;
    }
    #avis.accordion-inner .scrollable,
    #avis.accordion-inner {
        width: 100%;
        overflow: visible;
        height: auto;
    }
    #form-avis input, #form-avis textarea {
        width: 80%;
    }
    #form-avis > form
    {
        text-align: left;
    }
    #form-avis {
        display: block;
        position: static;
        padding-top: 10px;
    }
    #form-avis .form-horizontal .control-label {
        float: left;
    }
    .product .description-wrapper{
        text-align: center;
        font-size: 13px;
    }
    .product .h2product-shortdesc{
        text-align: center;
    }

}
/*****************/




/******************* Liste Catégorie *********************/
#contenue-centre .liste-categorie{
    padding: 22px 10px 22px 20px;
}
.icon-vp-prev
{
    background-position: 0 -76px;
    margin-top: 3px;
    height: 15px;
    width: 9px;
}
.icon-vp-next
{
    background-position: -27px -73px;
    height: 15px;
    width: 9px;
}
.icon-vp-prev-first
{
    background-position: -141px -649px;
    height: 17px;
    width: 15px;
}
.icon-vp-next-last
{
    background-position: -158px -649px;
    height: 17px;
    width: 16px;
}
#block-product-list ul.product-list,
.liste-categorie ul.product-list
{
    margin: 0px;
    text-align: center;
}
.accueil #block-product-list ul.product-list,
.accueil .liste-categorie ul.product-list
{
    margin: 10px 0px;
}
#block-product-list .nav-categorie:first-child
{
    padding-top: 0;
    margin-top: 0;
    border-top: 0 none;
}
#block-product-list .nav-categorie
{
    padding-top: 20px;
    margin-top: 20px;
    border-top: 4px solid #f1f0ea;
}
.liste-categorie .h2titleList
{
    text-transform: uppercase;
    font-size: 24px;
    margin: 0px 0px 20px 0px;
    line-height: 20px;
}
.liste-categorie h2 span
{
    font-style: italic;
}
.liste-categorie .block-left
{
    width: 223px;
    float: left;
}
.liste-categorie .block-right
{
    width: 725px;
    float: left;
}
.nav-categorie
{
    margin:0 10px 20px 20px;
}
.nav-categorie .pagination
{
    margin: 70px 0px 0px 0px;
}
.nav-categorie .pagination ul > li > a,
.nav-categorie .pagination ul > li > span,
{
    height: 21px;
    padding-bottom: 6px;
    padding-top: 6px;
    color: #000 !important;
}
.toolbar-bottom .pagination ul > li > a
{
    color: #000 !important;
}
.nav-categorie .btn-group
{
    margin-right: 15px;
}
.nav-categorie .btn {
    padding: 6px 10px;
    background-color: #fff;
    background-image: none;
}
.nav-categorie .btn.active,
.pagination ul > li.active > a,
.pagination ul > li.active > span {
    color: #FFFFFF;
    background-color: #002537;
}
.pagination ul > li.disabled {
    display: none;
}
#block-product-list .select-filtre
{
    float: right;
}
#block-product-list .select-number .bootstrap-select:not([class*="span"])
{
    float: left;
    width: 73px;
}
#block-product-list .select-number .dropdown-menu li > a
{
    width: 58%;
}
#block-product-list .toolbar-legend
{
    float: left;
    font-weight: bold;
    margin-top: 9px;
    margin-right: 4px;
}
#block-product-list .product-list > li
{
    margin-left: 5px;
    width: 230px;
    float: left;
    position: relative;
    margin-top: 5px;
}
#block-product-list .product-list li .product-visuel
{
    border: 4px solid #fff;
    padding: 5px 5px 5px 6px;
    width: 210px;
    text-align: center;
    position: relative;
}
.product-list li .product-visuel .label-corner
{
    position: absolute;
    right: -4px;
    top:-4px;
    height: 111px;
    width: 111px;
    z-index: 1;
}
#block-product-list .product-list li .product-visuel.border
{
    border-color: #f1f0ea ;
}
.product-list li .product-visuel .label-corner.heart
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/coupDeCoeur.png") no-repeat scroll top right transparent;
}
.product-list li .product-visuel .label-corner.new
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/nouveaute.png") no-repeat scroll top right transparent;
}
#block-product-list .product-list li .product-info
{
    display: none;
    height: 410px;
    width: 210px;
    padding: 10px;
    background-color: #002537;
    border-radius: 2px;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    z-index: 2;
}
#block-product-list .product-list li:hover .product-info
{
    display: block;
}
#block-product-list .product-visuel img
{
    box-shadow: 1px 2px #CDCCC8;
}
#block-product-list .product-list li h5
{
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 16px;
}
#block-product-list li .product-visuel span.text-info
{
    text-transform: uppercase;
    color: #474444;
    font-size: 9px;
    line-height: 18px;
}
.ajout-panier .modal-body .price-block,
#block-product-list .product-list .price-block
{
    border: 1px solid #F1F0EA;
    padding: 3px;
    margin-top: 0px;
    text-align: center;
}
#block-product-list .product-list .product-info .price-block
{
    border-color: #193a49;
}
.ajout-panier .modal-body .price-block .price,
#block-product-list .product-list .price-block .price
{
    display: block;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0px;
}
.ajout-panier .modal-body .price-block .price-old,
#block-product-list .product-list .price-old
{
    font-size: 13px;
    text-transform: uppercase;
    color: #474444;
}
#block-product-list .product-list .product-info .price-old
{
    color: #fff;
}
#block-product-list .product-list .product-info .btn
{
    font-weight: bold;
}
#block-product-list .product-info .compatible-categorie
{
    margin:5px 0 25px 0;
}
#block-product-list .product-info .compatible-categorie li
{
    border-top: 1px solid #193a49;
    height: 43px;
    padding-top: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}
#block-product-list .product-info .compatible-categorie li:first-child
{
    border-top:0px none;
}
#block-product-list .product-info .compatible-categorie li > i
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 1px;
    float: left;
    height:40px;
    width: 40px;
    margin-right: 10px;
}
#block-product-list .product-info h3
{
    color:#fff;
    font-size: 18px;
    margin:3px 0px 0px 0px;
    line-height: 25px;
}
#block-product-list .product-info span
{
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
}
#block-product-list .product-info label
{
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 5px;
}
#block-product-list .product-info .compatible-categorie li > i.icon-vp-numerique
{
    background-position: -48px -493px;
}
#block-product-list .product-info .compatible-categorie li > i.icon-vp-calendrier
{
    background-position: -191px -494px;
}
#block-product-list .product-info .compatible-categorie li > i.icon-vp-numero
{
    background-position: -48px -638px;
}
#filtre-list > .titleFilter
{
    border: 1px solid #e6e5df;
    font-size: 13px;
    font-style: italic;
    margin: 0;
    padding: 5px 12px;
    font-family: Bitter, serif;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-rendering: optimizelegibility;
}
#accordionAbonnement .accordion-toggle,
#filtre-list .accordion-toggle
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/moins-filtre.png") no-repeat scroll 95% center #002537;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}
#accordionAbonnement .accordion-toggle.collapsed,
#filtre-list .accordion-toggle.collapsed
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/plus-filtre.png") no-repeat scroll 95% center #f1f0ea;
    color: #000;
}
#filtre-list .accordion-group {
    border: 0px none;
    border-radius: 0;
    margin-bottom: 2px;
}
#filtre-list .accordion-body
{
    max-height: 300px;
    overflow: auto;
}
.icon-vp-close
{
    height:10px;
    width: 10px;
    background-position: -122px -51px;
}

#filtre-list a.button-close{
    line-height: 16px;
    vertical-align: sub;
    margin-top: 4px;
}
#filtre-list .block-recap
{
    background-color: #f1f0ea;
    border-left: 1px solid #e6e5df;
    border-right: 1px solid #e6e5df;
    padding: 0px 10px;
    margin: 0;
}
#filtre-list .block-recap li
{
    border-bottom: 1px solid #e6e5df;
    padding: 4px 0;
}
#filtre-list .block-recap li p
{
    cursor: pointer;
}
#filtre-list .block-recap .delete-all
{
    text-align: right;
}
#filtre-list .block-recap .delete-all a
{
    font-size: 12px;
}
#filtre-list .block-recap .delete-all p {
    margin: 0 0;
    font-size: 12px;
    color: #0087ce;
    text-decoration: none;
}
#filtre-list .block-recap .delete-all p:hover {
    color: #009cee;
    text-decoration: underline;
}
#filtre-list .description h4
{
    text-transform: uppercase;
    font-size: 14px;
}
#filtre-list .description p
{
    font-size: 12px;
}
.accueil .cms-home-right,
#filtre-list .description .cms-home-right
{
    padding: 10px;
    text-align: center;
    margin: 15px 0;
}
.accueil #block-product-list .product-list > li.cms-home-right {
    float: right !important;
    height: 780px;
    margin-bottom: 13px;
    margin-right: 10px !important;
    margin-top: 0px;
    width: 203px;
}
.icon-vp-list-bleu {
    background-position: -128px -73px;
    height: 12px;
    width: 6px;
}
.icon-vp-list-white
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/puce-list-hover.png") no-repeat scroll 0 0 transparent;
    vertical-align: middle;
    height: 8px;
    width: 5px;
}


/***checkbox***/
.custom-checkbox {
    position: relative;
    display: block;
}

#filtre-list .custom-checkbox {
    display: block;
    height: 25px;
    padding: 5px 0;
    position: relative;
    vertical-align: middle;
}
.ie8 .custom-checkbox {
    zoom: 1;
}

.custom-checkbox > .box {
    position: relative;
    display: block;
    width: 16px;
    height: 17px;
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/check-desktop.png") no-repeat scroll left top  transparent;
    margin-right: 5px;
    top: 1px;
}
.custom-radio.custom-checkbox > .box
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/radio-off.png");
}
.custom-checkbox > .box > .tick {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 16px;
    height: 17px;
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/checked-desktop.png") no-repeat scroll left top  transparent;
    display: none;
}
.custom-radio.custom-checkbox > .box > .tick {
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/radio-on.png");
}
.oldie .custom-checkbox > .box > .tick {
    left: 0px;
    top: 0px;
    zoom: 1;
}

.ie8 .custom-checkbox > .box > .tick {
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/checked-desktop.png") no-repeat scroll left top  transparent;
}
.ie8  .custom-radio.custom-checkbox > .box > .tick {
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/radio-on.png");
}
.custom-checkbox > input:checked + .box > .tick {
    display: block;
}

.custom-checkbox.checked > .box > .tick {
    display: block;
}

.custom-checkbox > input {
    position: absolute;
    outline: none;
    left: 0;
    top: 3px;
    padding: 0;
    width: 16px;
    height: 16px;
    border: none;
    margin: 4px 0 0 2px;
    opacity: 0;
    z-index: 1;
}

.custom-checkbox > input:active + .box {
    border-color: #aaa;
    background-color: #ddd;
}​


/*****Desktop******/
@media (min-width: 1024px) {


}
/*****Tablette*****/
@media (min-width: 610px) and (max-width: 1024px) {

    .liste-categorie .block-left {
        width: 157px;
    }
    .liste-categorie .block-right {
        width: 555px;
    }
    .liste-categorie h2 {
        font-size: 18px;
    }
    #filtre-list .block-recap li {
        font-size: 12px;
        padding: 2px 0;
    }
    #filtre-list .block-recap .delete-all a {
        font-size: 10px;
    }
    #filtre-list .block-recap .delete-all p {
        font-size: 10px;
        color: #0087ce;
        text-decoration: none;
    }
    #filtre-list .block-recap .delete-all p:hover {
        color: #009cee;
        text-decoration: underline;
    }
    #filtre-list .accordion-toggle {
        font-size: 11px;
    }
    #filtre-list .accordion-body {
        overflow: hidden;
        max-height: 100%;
    }
    #block-product-list .product-list > li {
        width: 173px;
    }
    #block-product-list .product-list li .product-visuel
    {
        border-radius: 4px;
        padding: 4px 4px 4px 5px;
        width: 156px;
    }
    #block-product-list .product-list .price-block {
        margin-top: 0;
        padding: 2px;
    }
    #block-product-list .product-list .price-block .price {
        font-size: 27px;
        font-weight: bold;
        margin-bottom: 3px;
    }
    #block-product-list .product-list li h5 {
        font-size: 15px;
        margin-top: 13px;
    }
    #block-product-list li .product-visuel span.text-info {
        font-size: 10px;
    }
    .product-list li .product-visuel .label-corner.heart {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/coupDeCoeur-tablette.png") no-repeat scroll right top transparent;
    }
    .product-list li .product-visuel .label-corner.new {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/nouveaute-tablette.png") no-repeat scroll right top transparent;
    }
    .product-list li .product-visuel .label-corner {
        height: 81px;
        position: absolute;
        right: -3px;
        top: -3px;
        width: 81px;
        z-index: 1;
    }
    .label-color.medium {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/promoCategorie-tablette.png") no-repeat scroll left bottom transparent;
        font-size: 17px;
        height: 27px;
        padding: 14px 12px 0;
        width: 57px;
    }
    #contenue-centre .nav-categorie .btn {
        padding: 9px 12px;
    }
    #filtre-list > .titleFilter {
        font-size: 11px;
    }


}

/******** Tablette et Mobile *********/
@media (max-width: 1024px) {

    #block-product-list ul.product-list,
    .liste-categorie ul.product-list
    {
        margin: 0 0 10px 10px;
    }
    .nav-categorie .bootstrap-select:not([class*="span"]) {
        width: 148px;
    }
    #filtre-list .description a ,
    #filtre-list .description p {
        font-size: 10px;
    }
    #filtre-list .description a
    {
        font-weight: bolder;
    }
    #filtre-list .accordion-inner {
        padding: 10px 0;
    }
    #filtre-list .filtre li
    {
        height: 33px;
        margin: 6px 0;
    }
    .custom-checkbox > input
    {
        height: 33px;
        width: 33px;
        margin-left: 10px;
        margin-top: 7px;
    }
    .custom-radio.custom-checkbox > .box,
    .custom-checkbox > .box {
        border:0px none;
        border-radius:0px;
        display: block;
        position: relative;
    }
    .custom-radio.custom-checkbox > .box > .tick,
    .custom-checkbox > .box > .tick
    {
        border: 0 none;
        -moz-transform: none;
        height: 33px;
        width: 33px;
    }

}

/*****Mobile*****/
@media (max-width: 767px) {

    .center-phone
    {
        text-align: center;
    }
    .center-phone .separ-bottom {
        margin: 0 auto 10px;
    }
    .liste-categorie .block-right,
    .liste-categorie .block-left {
        width: auto;
        float: none;
    }
    .liste-categorie h2 {
        font-size: 19px;
        text-transform: none;
        text-align: center;
        margin-bottom: 5px;
    }
    #filtre-list > .titleFilter {
        font-size: 12px;
        border: 0 none;
    }
    #filtre-list .block-recap
    {
        padding: 0;
    }
    #filtre-list .block-recap li {
        font-size: 14px;
        padding: 7px 12px;
    }
    #filtre-list .accordion-toggle,
    #filtre-list .block-recap .delete-all a {
        font-size: 14px;
    }
    #filtre-list .accordion-body {
        max-height: 100%;
    }
    #block-product-list .product-list > li {
        width: 149px;
        margin-top: 5px;
    }
    #block-product-list .product-list li .product-visuel
    {
        border-radius: 4px;
        padding: 2px;
        border-width: 2px;
        width: 140px;
    }
    #block-product-list .product-list .price-block {
        margin-top: 0;
        padding: 2px;
        line-height: 18px;
    }
    #block-product-list .product-list .price-block .price {
        font-size: 27px;
        margin-bottom: 0px;
    }
    #block-product-list .product-list li h5 {
        margin-top: 9px;
    }
    #block-product-list li .product-visuel span.text-info {
        font-size: 10px;
    }
    .product-list li .product-visuel .label-corner.heart {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/coupDeCoeur-mobile.png") no-repeat scroll right top transparent;
    }
    .product-list li .product-visuel .label-corner.new {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/nouveau-mobile.png") no-repeat scroll right top transparent;
    }
    .product-list li .product-visuel .label-corner {
        height: 83px;
        position: absolute;
        right: -3px;
        top: -3px;
        width: 83px;
        z-index: 1;
    }
    .label-color.medium {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/promoCategorie-mobile.png") no-repeat scroll left bottom transparent;
        font-size: 17px;
        height: 27px;
        padding: 14px 12px 0;
        width: 47px;
    }
    #contenue-centre .nav-categorie .btn {
        padding: 9px 12px;
    }
    #block-product-list .select-filtre
    {
        float: none;
    }
    .nav-categorie .bootstrap-select:not([class*="span"]) {
        width: 100%;
    }
    #contenue-centre .nav-categorie .btn {
        padding: 12px 15px;
    }
    #block-product-list .nav-categorie
    {
        margin-left: 0;
        margin-right: 0;
    }
    .nav-categorie .pagination ul > li > a, .nav-categorie .pagination ul > li > span {
        padding-bottom: 12px;
        padding-top: 12px;
    }
    #contenue-centre .liste-categorie {
        padding: 22px 0px;
    }
    #block-product-list .bg-grey{
        padding: 5px;
    }
    .nav-categorie .pagination
    {
        margin: 20px 0px 0px 20px;
    }
}


/**********Accueil********/
#contenue-centre .container-block.accueil {
    padding: 20px 10px;
}
.accueil #myCarousel
{
    padding: 0 10px;
}
.accueil .carousel-indicators {
    bottom: 17px;
    left: 28px;
    top:auto;
}
.accueil .carousel-indicators li
{
    background-color:#7f7f7f;
    height: 8px;
    width: 8px;
}
.accueil .carousel-indicators li.active
{
    background-color:#fff;
}
.accueil .carousel-control {
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png") no-repeat scroll 0 -209px transparent;
    border: 0 none;
    border-radius: 0;
    height: 49px;
    left: -20px;
    line-height: 30px;
    margin-top: -20px;
    opacity: 1;
    position: absolute;
    top: 50%;
    width: 49px;
}
.accueil .carousel-control.right {
    left: auto;
    right: -20px;
    background-position: -51px -209px;
}
.accueil .carousel-control.left:hover {
    background-position:  -53px -267px ;
}
.accueil .carousel-control.right:hover {
    background-position: 0px -267px;
}
.accueil #block-product-list .product-list > li
{
    margin-right: 3px;
    margin-left: 3px;
    float: none;
    display: inline-block;
}
#contenue-centre .all-magazines.btn
{
    width: 97%;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: bold;
    margin-left: 2px;
    padding: 21px 12px;
    font-size: 18px;
}
.accueil .all-magazines .icon-vp-close-up
{
    padding: 0px;
    vertical-align: middle;
    margin: 0px 10px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accueil .forfait-numerique
{
    background-color: #f1f0ea;
    position: relative;
    margin: 20px 10px 40px;
    height: 98px;
    padding-left: 100px;
    padding-right: 10px;
}
.accueil .forfait-numerique .label-new
{
    position: absolute;
    top: -2px;
    left: -4px;
    width: 103px;
    height: 65px;
    display: block;
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/nouveau.png") no-repeat scroll 0 0 transparent;
}
.accueil .forfait-numerique h5
{
    text-transform: uppercase;
    width: 445px;
    text-align: center;
    font-size: 18px;
    margin-top: 31px;
}
.accueil .forfait-numerique h5 > span
{
    text-transform: none;
    display: block;
}
.accueil .forfait-numerique .savoir-plus
{
    height: 52px;
    width: 56px;
    padding:8px 6px !important;
    text-align: center;
    border-radius: 45px;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    margin-top: 20px;
    font-size: 13px;
    font-style: italic;
    line-height: 17px;
}
.accueil .forfait-numerique .offres-nums
{
    position: relative;
}
.accueil .forfait-numerique .offres-nums .icon-vp-numerique
{
    height:     50px;
    width: 50px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background-color: #fff;
    border-radius: 30px;
}
.accueil .forfait-numerique .offres-nums > a
{
    position: absolute;
    bottom: -25px;
    right: 0;
    font-weight: bold;
}
.accueil #block-product-list  .pages-categorie
{
    width: 97%;
    height: 80px;
    margin-bottom: 25px;
    margin-left: 10px;
}
.accueil .pages-categorie li
{
    float: left;
    height: 80px;
    width: 14%;
}
.accueil .pages-categorie li a
{
    background-color: #f1f0ea;
    border-left: 1px solid #d8d8d8;
    color: #000000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 56px;
    padding: 12px 5px;
    text-transform: uppercase;
    text-align: center;
    line-height: 12px;
    position: relative;
}
.accueil .pages-categorie li a:hover
{
    background-color: #d8d8d8;
    text-decoration: none;
}
.accueil .pages-categorie li.clearfix
{
    width: 0%;
    height: 0px;
}
.accueil .pages-categorie li.active a
{
    background-color: #002537;
    color: #fff;
}
.accueil .pages-categorie li.active a:after
{
    content: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/arrow-bottom-dark.png");
    position: absolute;
    bottom: -3px;
    left: 40%;
    height: 7px;
    width: 14px;
}
.accueil .pages-categorie li:first-child a
{
    border-left: 0 none;
}
.accueil .pages-categorie li.idee-cadeau
{
    width: 16%;
}
.accueil .pages-categorie li.idee-cadeau a
{
    background-color: #0087ce;
    border-radius: 0px;
    color: #fff;
    height: 63px;
}
.accueil .pages-categorie li.idee-cadeau a > span
{
    display: block;
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
    line-height: 15px;
}
.accueil .pages-categorie li a > i
{
    display: block;
    line-height: 32px;
    vertical-align: middle;
    left: 38%;
    position: relative;
    margin-top: 7px;
    position: absolute;
    bottom: 15%;
}
.icon-vp-top
{
    background-position: 0 -1520px ;
    width: 23px;
    height: 23px;
}
a.active .icon-vp-top,
li.active a .icon-vp-top
{
    background-position: 0 -1562px;
}
.icon-vp-nouveaute
{
    background-position: -31px -1520px ;
    width: 37px;
    height: 32px;
}
a.active .icon-vp-nouveaute,
li.active a .icon-vp-nouveaute
{
    background-position: -31px -1562px;
}
.icon-vp-elle
{
    background-position: -77px -1520px ;
    width: 30px;
    height: 30px;
}
a.active .icon-vp-elle,
li.active a .icon-vp-elle
{
    background-position: -77px -1562px;
}
.icon-vp-lui
{
    background-position: -117px -1520px ;
    width: 36px;
    height: 23px;
}
a.active .icon-vp-lui,
li.active a .icon-vp-lui
{
    background-position: -117px -1562px;
}
.icon-vp-gparents
{
    background-position: -160px -1520px ;
    width: 30px;
    height: 30px;
}
a.active .icon-vp-gparents,
li.active a .icon-vp-gparents
{
    background-position: -160px -1562px;
}
.icon-vp-enfants
{
    background-position: -197px -1519px ;
    width: 30px;
    height: 26px;
}
a.active .icon-vp-enfants,
li.active a .icon-vp-enfants
{
    background-position: -197px -1562px;
}
.icon-vp-cadeau
{
    background-position: -242px -1519px ;
    width: 26px;
    height: 26px;
}
.accueil .forfait-numerique .offres-nums img {
    float: right;
}
.pub-bottom
{
    border: 1px solid #D8D8D8;
    padding: 10px;
    margin: 15px;
}

/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {

    .accueil .forfait-numerique
    {
        height: 75px;
        padding-left: 80px;
    }
    .accueil .forfait-numerique h5 {
        font-size: 13px;
        margin-top: 15px;
        width: auto;
    }
    .accueil .forfait-numerique .savoir-plus {
        border-radius: 30px 30px 30px 30px;
        font-size: 11px;
        height: 39px;
        line-height: 12px;
        margin-top: 10px;
        padding: 5px !important;
        width: 39px;
        margin-left: 5px;
    }
    .accueil .forfait-numerique .offres-nums img
    {
        width: 77%;
    }
    .accueil .forfait-numerique .offres-nums .icon-vp-numerique
    {
        width: 38px;
        height: 38px;
    }
    .accueil .forfait-numerique .label-new
    {
        background-image:  url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/nouveau-tablette.png") ;
    }
    .accueil .forfait-numerique .offres-nums > a {
        font-size: 11px;
    }
    .accueil .pages-categorie li a {
        font-size: 10px;
        padding: 13px 2px;
        height: 52px;
    }
    .accueil .pages-categorie li.idee-cadeau a.btn
    {
        padding: 8px 1px !important;
    }
    .accueil .pages-categorie li a > i
    {
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
        line-height: 25px;
        margin-top: 5px;
        bottom: 10%;
    }
    .icon-vp-top
    {
        background-position: 0 -692px ;
        width: 17px;
        height: 17px;
    }
    li.active a .icon-vp-top
    {
        background-position: 0 -720px;
    }
    .icon-vp-nouveaute
    {
        background-position: -24px -692px ;
        width: 27px;
        height: 23px;
    }
    li.active a .icon-vp-nouveaute
    {
        background-position: -24px -720px;
    }
    .icon-vp-elle
    {
        background-position: -58px -692px ;
        width: 22px;
        height: 22px;
    }
    li.active a .icon-vp-elle
    {
        background-position: -58px -720px;
    }
    .icon-vp-lui
    {
        background-position: -87px -692px ;
        width: 26px;
        height: 17px;
    }
    li.active a .icon-vp-lui
    {
        background-position: -87px -720px;
    }
    .icon-vp-gparents
    {
        background-position: -119px -692px ;
        width: 22px;
        height: 22px;
    }
    li.active a .icon-vp-gparents
    {
        background-position: -119px -720px;
    }
    .icon-vp-enfants
    {
        background-position: -150px -692px ;
        width: 23px;
        height: 18px;
    }
    li.active a .icon-vp-enfants
    {
        background-position: -150px -720px;
    }
    .icon-vp-cadeau
    {
        background-position: -179px -692px ;
        width: 22px;
        height: 22px;
    }
    #contenue-centre .all-magazines.btn {
        font-size: 13px;
        padding: 12px;
    }

}

/******** Tablette et Mobile *********/
@media (max-width: 1024px) {

}

/*****Mobile*****/
@media (max-width: 767px) {

    #contenue-centre .container-block.accueil {
        padding: 10px 0;
    }
    .title-pages-categorie
    {
        width: auto;
        height: 50px;
    }
    .title-pages-categorie a
    {
        display: block;
    }
    .title-pages-categorie a > i
    {
        float: left;
        margin-top: 5px;
        margin-right: 10px;
        display: block;
    }
    .accueil .forfait-numerique {
        height: 90px;
        margin: 20px 10px 40px;
        padding: 10px 10px 5px 20px;
    }
    .accueil .forfait-numerique .offres-nums {
        width: 47%;
    }
    .accueil .forfait-numerique .label-new {
        background-image:  url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/nouveau-mobile.png");
        height: 39px;
        width: 63px;
        left: -2px;
    }
    .accueil .forfait-numerique .offres-nums .icon-vp-numerique
    {
        background:  url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-mobile.png") no-repeat scroll 0 -252px #fff;
        height: 39px;
        width: 39px;
    }
    .accueil .forfait-numerique h5 {
        font-size: 11px;
        line-height: 14px;
        margin-top: 20px;
        text-align: left;
        width: 45%;
    }
    .title-pages-categorie a
    {
        line-height: 40px;
        padding-left: 15px;
        text-transform: uppercase;
    }

}

/**************Popin Ajouter Panier**************/

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.5;
}
.modal {
    left: 42%;
    position: absolute;
}
.ajout-panier.modal.fade
{
    display: none;
}
.ajout-panier.modal.fade.in
{
    width: 780px;
    display: block;
}
.ajout-panier .modal-header
{
    text-align: center;
    background-color: #f1f0ea;
}
.ajout-panier .modal-header h3
{
    font-size: 18px;
    line-height: 38px;
}
.ajout-panier .modal-body
{
    padding: 9px 23px;
    max-height: 1050px;
}
.ajout-panier .achat-info .visuel
{
    width: 17%;
    margin-right: 9px;
}
.ajout-panier .achat-info .text
{
    float: left;
}
.product-added .text h3,
.ajout-panier .achat-info h3
{
    margin: 0px;
    line-height: 20px;
}
.product-added .text ul,
.ajout-panier .achat-info ul
{
    margin: 0px;
}
.product-added .text ul h6,
.ajout-panier .achat-info ul h6
{
    font-weight: normal;
    display: inline-block;
    margin: 5px 0 0 0px;
}
.product-added .text li,
.ajout-panier .achat-info li
{
    margin-bottom: 10px;
}
.product-added .text li > span.normal
{
    display: block;
    font-size: 12px;
    margin-left: 42px;
}
.ajout-panier .achat-info li > span.normal
{
    display: block;
    font-size: 12px;
    margin-left: 36px;
}
.ajout-panier .achat-info li > span.precart-myviapresse
{
    display: block;
    font-size: 12px;
    margin-top: -12px;
    margin-left: 38px;
    width: 100%;
}
.option-reabonnement div.condition-abon > i,
.ajout-panier .achat-info li > i
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    height: 40px;
    width: 38px;
    line-height: 38px;

}
.cart-tunnel .options-added > i{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    height: 40px;
    width: 38px;
    line-height: 38px;
    margin-top:10px;
}
.tunnel-body .adresse-form .icon-vp-cadeau-panier
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    height: 40px;
    width: 38px;
    line-height: 38px;
    margin-right: 3px;

}
.tunnel-body .adresse-form .icon-vp-numero
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    height: 40px;
    width: 38px;
    line-height: 38px;
    margin-right: 3px;

}
.price-old-reab > img.bounty {
    margin: 0px 10px 0px 3px;
}
.option-reabonnement div.condition-abon > h5.bounty {
    margin-top: 9px;
}
.product-added .text li > i
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    height: 40px;
    width: 38px;
    line-height: 38px;
}
.mon-compte .details div > i
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    height: 40px;
    width: 38px;
    line-height: 38px;
}
.option-reabonnement .icon-vp-calendrier,
.mon-compte .details .icon-vp-calendrier,
.cart-tunnel .icon-vp-calendrier,
.product-added .text ul .icon-vp-calendrier,
.ajout-panier .achat-info ul .icon-vp-calendrier
{
    background-position: -191px -445px;
}
.option-reabonnement .icon-vp-libre,
.mon-compte .details .icon-vp-libre,
.cart-tunnel .icon-vp-libre,
.product-added .text ul .icon-vp-libre,
.ajout-panier .achat-info ul .icon-vp-libre
{
    background-position: 0px -590px;
}
.option-reabonnement .icon-vp-numero,
.mon-compte .details .icon-vp-numero,
.cart-tunnel .icon-vp-numero,
.product-added .text ul .icon-vp-numero,
.ajout-panier .achat-info ul .icon-vp-numero,
.tunnel-body .adresse-form .icon-vp-numero
{
    background-position: -48px -590px;
}
.option-reabonnement .icon-vp-numerique,
.mon-compte .details .icon-vp-numerique,
.cart-tunnel .icon-vp-numerique,
.product-added .text ul .icon-vp-numerique,
.ajout-panier .achat-info ul .icon-vp-numerique
{
    background-position: -48px -448px;
}
.option-reabonnement .icon-vp-deux,
.mon-compte .details .icon-vp-deux,
.cart-tunnel .icon-vp-deux,
.product-added .text ul .icon-vp-deux,
.ajout-panier .achat-info ul .icon-vp-deux
{
    background-position: -96px -448px;
}
.option-reabonnement .icon-vp-papier,
.mon-compte .details .icon-vp-papier,
.cart-tunnel .icon-vp-papier,
.product-added .text ul .icon-vp-papier,
.ajout-panier .achat-info ul .icon-vp-papier
{
    background-position: 0px -448px;
}
.option-reabonnement .icon-vp-web,
.mon-compte .details .icon-vp-web,
.cart-tunnel .icon-vp-web,
.product-added .text ul .icon-vp-web,
.ajout-panier .achat-info ul .icon-vp-web
{
    background-position: -145px -448px;
}
.option-reabonnement .icon-vp-cadeau-panier,
.mon-compte .details .icon-vp-cadeau-panier,
.cart-tunnel .icon-vp-cadeau-panier,
.product-added .text ul .icon-vp-cadeau-panier,
.tunnel-body .adresse-form .icon-vp-cadeau-panier
{
    background-position: -93px -636px;
}
.product-added .options-remove
{
    background-color: #F1F0EA;
}
.icon-media{
    margin-top: -5px;
}
.ajout-panier .modal-footer
{
    background-color: #fff;
    border-top: 0 none;
}
.tunnel-panier .valider-panier a.btn,
.modal a.btn
{
    text-transform: uppercase;
    font-size: 14px;
}
.ajout-panier .achat-options > ul > li
{
    background-color: #f1f0ea;
    border-bottom: 1px solid #E6E5DF;
    padding: 15px 10px;
    min-height: 15px;
}
.label-free
{
    color: #fff;
    text-transform: uppercase;
    padding: 3px;
}
.ajout-panier .list-type
{
    margin:  0 auto;
    text-align: center;
}
.ajout-panier .list-type li
{
    display: inline-block;
    background-color: #fff;
    padding: 15px;
    margin-left: 10px;
    margin-bottom: 10px;
    min-width: 145px;
    min-height:305px;
    vertical-align: bottom;
}
.ajout-panier .list-type.cadeau li:first-child,
.ajout-panier .list-type li:first-child
{
    margin-left: 5px;
}
.ajout-panier .list-type .price-check > strong
{
    padding: 9px 10px;
    width: 35%;
    border-right: 0 none;
    text-align: center;
}
.ajout-panier .price-check .custom-checkbox
{
    padding: 0px;
    width: 50%;
    text-align: center;
}
.ajout-panier .price-check .custom-checkbox label
{
    color: #fff;
    font-weight: bold;
    text-align: center;
    z-index: 1;
    margin: 9px 5px 9px 10px;
    position: absolute;
    top: 0;
    left: 0;
}
.ajout-panier .list-type .price-check .custom-checkbox > .box
{
    background: #0087CE;
    z-index: 0;
    height:  38px;
    width: 100%;
}
.ajout-panier .list-type .price-check .custom-checkbox >  a:hover{
    background: #009CEE;
}
.ajout-panier .price-check
{
    margin-bottom: 15px;
    height: 40px;
}
.ajout-panier .list-reabonnement .price-check .custom-checkbox > .box
{
    background-image: none;
    border: 4px solid #FFFFFF;
    bottom: 0;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    width: 96%;
    z-index: 2;
}
.ajout-panier .list-reabonnement .price-check
{
    position: relative;
    height: 96%;
}
.ajout-panier .list-reabonnement .price-check .custom-checkbox {
    display: block;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
}
.ajout-panier .list-type .price-check .custom-checkbox > .box > .tick
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/choisi.png") no-repeat scroll 0 0 #fff;
    height:  38px;
    width: 100%;
    z-index: 5;
}
.ajout-panier .list-type .price-check .custom-checkbox input[type=checkbox]
{
    /* Double-sized Checkboxes */
    -ms-transform: scale(5); /* IE */
    -moz-transform: scale(5); /* FF */
    -webkit-transform: scale(5); /* Safari and Chrome */
    -o-transform: scale(5); /* Opera */
    padding: 10px 30px;
    margin: 10px 35px;
    z-index: 10;
}
.ajout-panier .list-type.cadeau li
{
    background-color: transparent;
    position: relative;
    display: inline-block;
    width: 165px;
    padding: 0;
    margin-left: 10px;
}
.ajout-panier .list-type.cadeau li > div
{
    background-color: #fff;
    padding: 10px;
    width: 152px;
    min-height:305px;
}
.ajout-panier .list-type.cadeau li > div .titleGift
{
    font-size: 12px;
    margin-bottom:  15px;
    font-weight: bold;
}
.ajout-panier .list-type.cadeau li > div p
{
    min-height: 60px;
    font-size: 11px;
    margin: 10px 0;
}

.ajout-panier .messageGiftPopin{
    text-align:left;
    font-weight:bold;
    margin-top:10px;
}


/*****Mobile*****/
@media (max-width: 767px) {

    .ajout-panier.modal {
        left: 0;
        right: 0;
        position: absolute;
    }
    .ajout-panier.modal.fade.in {
        top: 100px;
        width: auto;
    }
    .ajout-panier .modal-header h3 {
        font-size: 15px;
    }
    .ajout-panier .text h3,
    .ajout-panier .text h5
    {text-align: center;}

    .ajout-panier .custom-checkbox > input {
        margin-top: 4px;
    }
    .ajout-panier .custom-checkbox > label {
        font-size: 12px;
        width: 85%;
    }
    .ajout-panier .list-type.cadeau li,
    .ajout-panier .list-type li {
        display: block;
    }
    .ajout-panier .list-type .price-check .custom-checkbox > .box
    {
        top: 0;
    }
    .ajout-panier .achat-info .text
    {
        float: none;
    }
    .ajout-panier .list-type.cadeau li > div {

        min-width: 145px;
        text-align: center;
    }
    .ajout-panier .list-type.cadeau li {
        min-width: 165px;
    }
    .ajout-panier .list-type.cadeau li,
    .ajout-panier .list-type li,
    .ajout-panier .list-type.cadeau li:first-child,
    .ajout-panier .list-type li:first-child
    {
        margin-left: 0px;
    }
    .list-type.list-reabonnement .price-check .custom-checkbox > input[type="radio"] {
        left: 46%;
        top: 49%;
        transform: scale(15);
    }
    .ajout-panier .achat-info li > span.precart-myviapresse
    {
        width: 76%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .ajout-panier .achat-info .text {
        width: 50%;
    }
}

/******************/


/********************Tunnel panier**********************/
.tunnel-panier .header-middle .wizard {
    margin:0;
    margin-left:0px;
    margin-top:11px;
}
.wizard a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DFDED8;
    color: #CCCCCC;
    display: inline-block;
    letter-spacing: -1px;
    margin-left: 16px;
    padding: 19px 0;
    position: relative;
    text-transform: uppercase;
}
.wizard a:first-child
{
    padding-left: 10px;
    margin-left: 0;
}
.wizard a.passed,
.wizard a:hover { text-decoration: none; }
.wizard a.passed,
.wizard a:not(.current):hover {
    background-color: #f1f0ea;
    color: #000;
}
.wizard a:before {
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/tunnel-top-left.png") no-repeat scroll left center transparent;
    border: 0 none;
    content: " ";
    display: block;
    height: 60px;
    left: -17px;
    position: absolute;
    top: -1px;
    width: 17px;
}
.wizard a:after {
    width: 17px;
    height: 60px;
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/tunnel-top-right.png") no-repeat scroll right center transparent;
    border: 0 none;
    position: absolute;
    content: "";
    top: -1px;
    right: -17px;
    z-index:2;
}
.wizard a.passed:after,
.wizard a:not(.current):hover:after
{
    width: 17px;
    height: 60px;
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/tunnel-top-right-passed.png") no-repeat scroll right center transparent;
}
.wizard a.passed:before
{
    width: 17px;
    height: 60px;
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/tunnel-top-left-passed.png") no-repeat scroll right center transparent;
}
.wizard a:first-child:before {
    border:none;
    background-image: none;
}
.wizard a span:first-child {
    margin:0 5px 0 0px;
}
.wizard .current {
    background:#002537;
    color:#fff;
    padding: 20px 0;
}
.wizard .current:after {
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/tunnel-top-right-activ.png") ;
    top: 0;
}
.wizard .current:before
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/tunnel-top-left-activ.png") ;
    top: 0;
}
.wizard a.current:first-child:before
{
    background-image: none ;
}
.wizard a.passed span:first-child ,
.wizard .current span:first-child {
    color: #0087CE;
}
.tunnel-panier h2
{
    line-height: 20px;
    font-size: 22px;
    margin: 0;
}
.tunnel-panier .product-added
{
    border: 5px solid #CCCCCC;
    margin-bottom: 20px;
}
.tunnel-panier .product-added > .block-panier
{
    padding: 10px;
}
.tunnel-panier .block-panier > h6,
.tunnel-panier .block-panier > h2,
.tunnel-panier .block-panier > a,
.tunnel-panier .block-panier > div
{
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.tunnel-panier .block-panier .quantite,
.tunnel-panier .block-panier .title-visuel
{
    width: 130px;
}
.tunnel-panier .block-panier .info-text
{
    width: 255px;
    text-align: left;
}
.tunnel-panier .block-panier .prix-payer,
.tunnel-panier .block-panier .prix-init
{
    width: 150px;
}
.tunnel-panier .block-panier .supprime
{
    width:  75px;
}
.tunnel-panier .block-panier .code-promo
{
    width: 254px;
}
.block-panier input.quantity
{
    height: 39px;
    width: 62px;
    text-align: center;
    border-radius: 0px;
    background-color: #fff;
    background-image: none;
}
.block-panier.panier-title
{
    padding: 10px;
    margin-bottom: 10px;
}
.tunnel-panier .checkbox-added
{
    background-color: #f1f0ea;
}
.tunnel-panier .options-added
{
    background-color: #f1f0ea;
}
.tunnel-panier .block-panier > .custom-checkbox,
.tunnel-panier .block-panier .price-block > span
{
    display: block;
}
.product-added .text li > i
{
    margin-right: 3px;
}
#contenue-centre .tunnel-panier .block-panier  .price
{
    font-size: 23px;
    font-weight: bold;
}
.icon-vp-label-noir
{
    background-position:  -211px -48px;
    width: 22px;
    height: 12px;
    vertical-align: baseline;
}
.tunnel-panier .block-panier > h6
{
    margin: 0;
    text-align: left;
    font-size: 14px;
}
.block-panier .code-promo input
{
    border-radius: 0 0 0 0;
    height: 26px;
    width: 150px;
}
.tunnel-panier .block-panier .total
{
    text-align: right;
    font-weight: bold;
    width: 160px;
}
.tunnel-panier .block-panier.total-panier .total
{
    font-weight: normal;
}
.tunnel-panier .block-panier.total-panier .total h3
{
    font-size:  18px;
    display: inline;
    margin: 0;
    line-height: 20px;
}
.tunnel-panier .block-panier.total-panier
{
    border-bottom: 5px solid #f1f0ea;
    padding:20px 0;
    margin-bottom: 10px;
}
.tunnel-panier .total-panier .price {
    font-size: 28px;
}
.tunnel-panier .valider-panier
{
    min-height: 50px;
}
.tunnel-panier .checkout-billing-payment .valider-panier {
    min-height:0;
}
.tunnel-panier .checkout-billing-payment .valider-panier form {
    margin:0;
}
.tunnel-panier .checkout-billing-payment .price,
.tunnel-panier .checkout-billing-payment em{
    font-size: 15px !important;
}
.tunnel-panier .valider-panier a.btn
{
    padding: 15px 20px !important;
}
.tunnel-panier .valider-panier > a.btn
{
    float: left;
}
.tunnel-panier .valider-panier > div
{
    float: right;
}
.tunnel-panier .condition-link a
{
    color: #000;
    text-decoration: underline;
}
.tunnel-panier .titleGift{
    font-size: 15px;
    margin-top: 9px;
}
.tunnel-panier .messageGiftCart{
    margin-top: 9px;
    width: 485px;
    margin-left: 42px;
}

/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {

    .tunnel-panier .block-panier .quantite,
    .tunnel-panier .block-panier .title-visuel {
        width: 102px;
    }
    .block-panier.panier-title {
        margin-bottom: 0;
        padding: 0 5px;
    }
    .tunnel-panier .header-middle .container
    {
        padding-left: 25px;
    }
    .tunnel-panier .block-panier .info-text {
        width: 190px;
    }
    .tunnel-panier .product-added > .block-panier {
        padding: 5px;
    }
    .block-panier.panier-title > div
    {
        font-size: 12px;
        font-weight: bold;
    }
}



/*****Tablette et Mobile*****/
@media (max-width: 1024px) {

    .tunnel-panier #contenue-centre .container-block {
        padding:0 20px 37px 20px;
    }
    .tunnel-panier .header-middle .wizard,
    .tunnel-panier .header-middle .logo
    {
        float: none;
        margin-left: 0;
    }
    .tunnel-panier .header-middle .wizard
    {
        width: 90%;
        margin-top: 18px;
    }
    .tunnel-panier #contenue-centre
    {
        padding-top: 0;
    }
    .tunnel-panier h2 {
        font-size: 18px;
    }
    .tunnel-panier .block-panier .title-visuel img
    {
        width: 90%;
    }
    .product-added .text h3, .ajout-panier .achat-info h3
    {
        font-size: 19px;
    }
    .product-added h5.description-numero {
        font-size: 10px;
        margin-top: 0;
    }
    .tunnel-panier .block-panier > h6, .tunnel-panier .block-panier > h2, .tunnel-panier .block-panier > a, .tunnel-panier .block-panier > div {
        text-align: left;
    }
    .product-added .text ul h6,
    .product-added .info-text .text li > span.normal{
        display: inline;
    }
    .tunnel-panier .block-panier .prix-payer, .tunnel-panier .block-panier .prix-init {
        width: 130px;
    }
    .tunnel-panier #contenue-centre .price {
        font-size: 17px;
        font-weight: bold;
    }
    .tunnel-panier .block-panier .quantite {
        width: 90px;
    }
    .block-panier input.quantity {
        height: 20px;
        width: 30px;
    }
    .tunnel-panier .block-panier .prix-payer, .tunnel-panier .block-panier .prix-init {
        width: 110px;
    }
    .tunnel-panier .block-panier .supprime {
        font-size: 9px;
        width: 65px;
    }
    .tunnel-panier .block-panier > .custom-checkbox label
    {
        font-size: 10px;
    }
    .tunnel-panier .sous-total-panier > h6 {
        font-size: 11px;
        line-height: 11px;
        margin: 0;
    }
    .tunnel-panier .block-panier .code-promo {
        width: 195px;
    }
    .tunnel-panier .block-panier .total {
        text-align: center;
        width: 105px;
        font-size: 12px;
    }
    #contenue-centre .block-panier .code-promo .btn {
        padding: 5px 7px;
    }
    .block-panier .code-promo input {
        height: 20px;
        width: 87px;
    }
    .tunnel-panier .valider-panier > div
    {
        text-align: right;
    }

}


/*****Mobile*****/
@media (max-width: 767px) {

    body.tunnel-panier
    {
        padding: 0 !important;
    }
    .tunnel-panier .header-middle .logo {
        position: static;
        margin: 0 auto;
    }
    .tunnel-panier .header-middle .wizard {
        text-align: center;
        margin-top: 0px;
    }
    .wizard a{
        width: 40px;
        padding-left: 10px;
    }
    .wizard a span:first-child,
    .wizard a.passed span,
    .wizard .current span
    {
        margin-left: 25px;
        margin-right: 0;
    }
    .tunnel-panier .product-added .quantite {
        display: inline-block !important;
    }
    .block-panier.panier-title {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .tunnel-panier .block-panier > h2
    {
        text-align: center;
    }
    .tunnel-panier .product-added {
        border: 0 none;
    }
    .tunnel-panier #contenue-centre .container-block
    {
        padding: 0 0 20px 0;
    }
    .block-panier.panier-title .separ-bottom,
    .block-panier.panier-title .title-visuel
    {
        text-align: center;
        width: 100%;
        float: none;
        display: block;
        margin: 5px auto;
    }
    .tunnel-panier .product-added .title-visuel {
        width: 70px;
    }
    .tunnel-panier .block-panier .quantite {
        width: 48px;
    }
    .tunnel-panier .block-panier .info-text {
        width: 165px;
    }
    .product-added .text h3,
    .product-added .text h6,
    .tunnel-panier .block-panier {
        line-height: 10px;
    }
    .product-added .text h3 {
        font-size: 16px;
    }
    .product-added .text h6
    {
        line-height: 2px;
    }
    .tunnel-panier .product-added .text h6
    {
        line-height: 10px;
        margin-top: 0;
    }
    .product-added .text h5
    {
        margin-bottom: 5px;
    }
    .product-added .text li {
        margin-bottom: 0;
    }
    .tunnel-panier .block-panier > .custom-checkbox label {
        line-height: 11px;
        width: 80%;
    }
    .block-panier input.quantity {
        height: 30px;
    }
    .tunnel-panier #contenue-centre .price ,
    .tunnel-panier #contenue-centre .price em {
        font-size: 14px;
    }
    .tunnel-panier .options-added .prix-payer
    {
        float: right;
        text-align: right;
        width: 75px;
    }
    .tunnel-panier .options-added .info-text
    {
        float: left;
    }
    .tunnel-panier .valider-panier > div,
    .tunnel-panier .valider-panier > a.btn
    {
        float: none;
        margin: 5px;
        width: 85%;
        text-align: center;
    }
    .tunnel-panier .valider-panier > div a.btn
    {
        width: 100%;
        margin-bottom: 5px;
    }
    .tunnel-panier .sous-total-panier .prix-payer,
    .tunnel-panier .total-panier .prix-payer
    {
        float: right;
    }
    .tunnel-panier .messageGiftCart{
        margin-top: 9px;
        width: 310px;
        margin-left: 0px;
    }
}

/********Identification*********/

.tunnel-body
{
    border: 5px solid #CCCCCC;
    padding: 40px 75px;
    margin-top: 15px;
}
.tunnel-gift{
    border: 5px solid #CCCCCC;
    border-top: none;
    padding: 40px 75px;
    margin-top: 0px;
}
.tunnel-parent{
    border: 5px solid #CCCCCC;
    border-bottom: none;
    padding: 40px 75px;
    margin-top: 15px;
    margin-bottom: 0px !important;
}
.tunnel-van{
    border: 5px solid #CCCCCC;
    border-bottom: none;
    border-top:none;
    padding: 40px 75px;
    margin-top: 0px;
    margin-bottom: 0px !important;
}
.tunnel-body .identification
{
    width: 100%;
}
.identification .connection
{
    width: 45%;
    display: inline-block;
    min-height: 290px;
    vertical-align: top;
}
.identification .creation
{
    width: 41%;
    display: inline-block;
    min-height: 290px;
    vertical-align: top;
}
.identification .connection
{
    border-right: 1px solid #f1f0ea;
    padding-right: 50px;
}
.identification .creation
{
    padding-left: 50px;
}
.identification .connection .control-group label
{
    width: 120px;
    text-align: left;
}
.identification .connection .control-group .controls
{
    margin-left: 120px;
}
.identification .connection .control-group .controls input
{
    height: 40px;
}
.identification .connection .control-group .controls a
{
    text-align: right;
    font-size: 12px;
    text-decoration: underline;
}
#contenue-centre.identification button
{
    text-transform: uppercase;
    text-align: center;
    padding: 15px 12px;
}
.identification .creation p
{
    margin: 20px 0;
}
.identification .creation .fb-connect
{
    background-color: #3b5998;
    position: relative;
}
.identification .creation .fb-connect .icon-vp-fb-connect
{
    background-position: -210px -68px;
    border-right: 1px solid #FFFFFF;
    height: 20px;
    left: 10px;
    padding: 8px;
    position: absolute;
    top: 4px;
    width: 12px;
}

/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {

    .tunnel-body {
        border: 4px solid #F1F0EA;
        padding: 30px 35px;
    }
    .identification .connection {
        padding-right: 35px;
    }
    .identification .creation {
        padding-left: 35px;
    }
}

/*****Mobile*****/
@media (max-width: 767px) {

    .tunnel-body {
        border: 0px none;
        margin-top: 10px;
        padding: 10px;
    }
    .identification .connection {
        border-bottom: 1px solid #F1F0EA;
        border-right: 0 none;
        padding-right: 0px;
    }
    .identification .connection, .identification .creation {
        display: block;
        width: 100%;
    }
    .identification .creation {
        padding-left: 0;
    }
    .identification .connection .control-group .controls a {
        display: block;
        text-align: center;
    }
    .identification .connection .control-group label {
        text-align: center;
        width: 100%;
    }
    .identification .connection .control-group .controls {
        margin-left: 0;
        text-align: center;
    }
    #contenue-centre.identification button
    {
        text-transform: none;
    }

}

/****** Identification forms, Livraison *********/
.tunnel-body .message-tunnel
{
    background-color: #f1f0ea;
    padding: 10px;
    margin: 10px 0;
    display: block;
    float: none;
}
.icon-vp-lamp
{
    background-position: 0 -98px;
    height: 45px;
    width: 45px;
}
.tunnel-body .message-tunnel .icon-vp-lamp
{
    margin-right: 20px;
}
.tunnel-body input
{
    height: 37px;
}
.tunnel-body .controls .bootstrap-select
{
    width: 282px;
}
.contenue-centre.identification .bootstrap-select button
{
    text-transform: none !important;
    font-size: 13px;
}
.tunnel-body label small
{
    display: block;
    color:  #999;
    font-size: 10px;
}
.identification .controls span.inline
{
    margin-right: 10px;
}
.identification .controls span.inline input
{
    height: 30px;
    margin: 0 2px 2px 6px;
    vertical-align: middle;
}
.modal .table-striped
{
    margin-top: 20px;
}
.modal .table-striped  td   span.inline input
{
    height: 30px;
    margin: 0 10% 5px 5px;
    vertical-align: middle;
}
#panier1.modal .table td  {
    border-top: 0 none;
}
#panier1.modal
{
    position: fixed;
}
.tunnel-two-column  .container-block > em
{
    font-size: 18px;
}
.tunnel-two-column  .block-left,
.tunnel-two-column  .block-right
{
    display: inline-block;
    vertical-align: top;
}
.tunnel-two-column  .block-left
{
    width:66%;
    margin-right: 15px;
}
.tunnel-two-column .block-right
{
    width:32%;
    margin-top: 15px;
}
.tunnel-two-column .checkout-billing-payment .block-right {
    margin-top:7px;
}
.tunnel-two-column   .tunnel-body
{
    padding: 20px;
}
.tunnel-two-column .checkout-billing-payment h4 small {
    color:#000000;
    padding:0 5px;
}
.tunnel-two-column  .block-right .cart-tunnel
{
    border: 5px solid #002537;
}
.tunnel-two-column  .bg-grey
{
    padding: 10px;
}
.tunnel-two-column .block-left  .bg-grey > div
{
    display: inline-block;
    width: 48%;
}
.tunnel-two-column .bootstrap-select:not([class*="span"])
{
    width: 255px;
}
.cart-tunnel li.product
{
    border-bottom: 5px solid #002537;
}
.cart-tunnel h3 {
    font-size: 18px;
    line-height: 7px;
}
.cart-tunnel h6
{
    line-height:13px;
    width: 76%;
}
#contenue-centre .cart-tunnel .price {
    font-size: 21px;
    font-weight: bold;
}
#contenue-centre .cart-tunnel .price em
{
    vertical-align: top;
}
.cart-tunnel  .mini-info
{
    padding: 10px;
}
.cart-tunnel  .mini-info div:first-child
{
    width:70%;
}
.cart-tunnel  .mini-info div span.normal
{
    font-size: 11px;
    line-height: 10px;
}
.tunnel-two-column .bootstrap-select.btn-group .btn .filter-option
{
    font-weight: normal;
    font-size:12px;
}
.cart-tunnel .options-added
{
    border-bottom: 0 none;
    width: 71%;
}
.tunnel-two-column  .cart-tunnel .sous-total,
.tunnel-two-column  .cart-tunnel .total
{
    background-color: #002537;
    padding:10px;

}
.tunnel-two-column  .cart-tunnel .sous-total table,
.tunnel-two-column  .cart-tunnel .total table
{
    width:100%;
    color: #fff;
    text-align:right;
}
.tunnel-two-column  .cart-tunnel .total
{
    border-top:1px solid #2e4b59;
}
.radio-date
{
    width: auto;
    float: left;
}
.datepicker
{
    border-radius: 0 !important;
    border: 4px solid #002537;
    margin-top: -1px !important;
}
.datepicker td.active, .datepicker td.active:hover
{
    background-color: #002537;
    background-image: none;
}
#datepicker.input-append span.add-on
{
    border: 0 none;
    background-color: transparent;
    background-image: none;
    padding: 3px;
    height: 23px;
    width: 38px;
    margin:  0 10px;
    border-radius: 2px;
}
#datepicker.input-append span.add-on:hover
{
    background-color: #002537;
}
.datepicker:before,
.datepicker:after
{
    border: 0 none !important;
}
#datepicker.input-append span.add-on .icon-vp-date,
.icon-vp-date
{
    background-position: -141px -277px;
    height: 23px;
    width: 38px;
}
#datepicker.input-append span.add-on .icon-vp-date:hover,
.icon-vp-date:hover
{
    background-position: -103px -277px;
}
#print-date
{
    color: #0087ce;
}
.bootstrap-select .add-adress
{
    padding-left: 15px;
}
.add-adress:before {
    margin-right: 5px;
}
.adresse-form .bootstrap-select .dropdown-menu
{
    border: 3px solid #002537;
    border-radius: 0px;
}
.adresse-form .bootstrap-select .dropdown-menu li a
{
    padding: 10px;
    border-top: 1px solid #f1f0ea;
}
.adresse-form .bootstrap-select .dropdown-menu li:first-child a
{
    border-top: none;
}
.form-horizontal .custom-radio
{
    float: left;
    margin-right: 10px;
}
#contenue-centre.identification .valider-panier button,
.valider-panier .btn
{
    padding: 15px 40px !important;
    text-transform: uppercase;
}
.valider-panier .btn[type=submit],
.valider-panier .btn[type=button]
{
    float: right;
}
#contenue-centre .cart-tunnel .total .price {
    font-size: 22px;
}
.identification .mdp-oublie
{
    border: 0 none;
    padding: 0;
    width: 100%;
}
.identification .mdp-oublie h4
{
    margin-bottom: 40px;
}
.identification .mdp-oublie .valider-panier
{
    margin-top: 50px;
}
.identification .mdp-oublie .valider-panier a
{
    font-size: 16px;
    text-decoration: underline;
}
/**Cadeux**/
.cadeau-message #bar
{
    background-color:#002537;
    width:0px;
    height:16px;
}
.cadeau-message #barbox
{
    float:right;
    height:16px;
    background-color:#f1f0ea;
    width:200px;
    margin-right:3px;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
}
.cadeau-message #count
{
    float:left;
    margin-right:2px;
    font-weight:bold;
    color: #6d6c69;
    font-size: 12px;
    line-height: 18px;
}
.cadeau-message .text-limite
{
    color: #6d6c69;
    font-size: 12px;
    float: left;
}
.cadeau-message #contentbox
{
    border: medium none;
    border-radius: 0 0 0 0;
    height: 255px;
    padding: 15px;
    width: 300px;
}
#accordionCadeau .list-cadeaux button
{
    background-color: #f1f0ea;
    border: 5px solid #fff;
    width: 170px;
    height: 240px;
    padding: 0;
    box-shadow: 0;
}
#accordionCadeau .list-cadeaux button.active
{
    background-color: transparent;
    border: 5px solid #0087ce;
    border-radius: 0;
}
.option-cadeau .accordion-inner {
    padding: 20px;
    border: 4px solid #002537;
}
#accordionAbonnement .accordion-inner {
    padding: 0px;
    border: 4px solid #002537;
}
.option-cadeau .accordion-heading {
    border: 0 none;
}
.option-cadeau .accordion-group {
    border: 0 none;
}
.option-cadeau .img-cadeau,
.option-cadeau .cadeau-message{
    display: inline-block;
    vertical-align: top;
}
.option-cadeau .img-cadeau
{
    margin-right: 15px;
    width: 220px;
    height: 311px;
    background-color: #f1f0ea;
}
.option-cadeau .img-cadeau img
{
    width: 220px;
    height: 311px;
}
.option-cadeau .accordion .accordion-toggle
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/moins.png") no-repeat scroll 95% center #002537;
    color: #fff;
    padding: 20px;
    font-size: 16px;
}

.option-cadeau .accordion .accordion-toggle.collapsed
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/plus.png") no-repeat scroll 95% center #f1f0ea;
    color: #000;
    position: relative;
}
.option-cadeau .accordion .accordion-toggle.collapsed:after
{
    content: 'Modifier';
    color: #0087ec;
    font-size: 14px;
    position: absolute;
    right: 10%;
    top: 40%;
}

 .valid-gift-card
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/checked.png") no-repeat scroll 95% center #f1f0ea;
    color: #009cee;
    padding: 20px;
    font-size: 16px;
    display: block;
}

/*****Tablette et Mobille*****/
@media  (max-width: 1024px) {

    .form-horizontal label, .form-horizontal input, .form-horizontal button, .form-horizontal select, .form-horizontal textarea {
        font-size: 12px;
    }
    .form-horizontal .custom-checkbox label {
        width: 85%;
    }
}

/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {
    .tunnel-two-column .adresse-form .bootstrap-select:not([class*="span"]) {
        width: 100%;
    }
    .tunnel-two-column .block-left {
        margin-right: 10px;
    }
    #contenue-centre .cart-tunnel .price em,
    #contenue-centre .cart-tunnel .price {
        font-size: 15px;
    }
    #contenue-centre .cart-tunnel .total .price {
        font-size: 17px;
    }
    .tunnel-two-column .bg-grey,
    .cart-tunnel .mini-info {
        padding: 5px;
    }
    #accordionCadeau .list-cadeaux button {
        height: 175px;
        width: 125px;
    }
    .option-cadeau .img-cadeau,
    .option-cadeau .img-cadeau img {
        height: 233px;
        width: 160px;
    }
    .cadeau-message #contentbox {
        font-size: 11px;
        height: 213px;
        line-height: 16px;
        padding: 10px;
        width: 220px;
    }
    .cadeau-message #barbox {
        width: 115px;
    }

}

/*****Mobile*****/
@media (max-width: 767px) {

    .tunnel-body h4 {
        font-size: 15px;
    }
    .tunnel-body h2
    {
        margin-bottom: 5px;
    }
    .tunnel-two-column .block-left {
        margin-right: 0;
        width: 100%;
    }
    .tunnel-two-column .block-left .bg-grey > div {
        display: block;
        width: 100%;
    }
    .tunnel-two-column .bootstrap-select:not([class*="span"]) {
        width: auto;
        display: block;
    }
    .valider-panier .btn
    {
        width: 85%;
        margin-bottom: 5px;
        text-align: center;
    }
    .valider-panier .btn[type=submit]
    {
        float: none;
    }
    .option-cadeau .accordion .accordion-toggle.collapsed:after
    {
        content: '';
    }
    .option-cadeau .accordion .accordion-toggle {
        font-size: 14px;
    }
    #accordionCadeau .list-cadeaux button {
        height: 166px;
        margin-left: 10px;
        width: 120px;
    }
    .option-cadeau .accordion-inner h4
    {
        font-size: 13px;
    }
    .cadeau-message #barbox {
        height: 10px;
        margin-top: 5px;
        width: 160px;
    }

}

/*********Paiement*********/
.list-cartes .btn
{
    border: 1px solid #0087ec;
    width: 118px;
    border-radius: 0;
    text-shadow:none;
    height: 92px;
    margin: 10px 15px 10px 0;
}
.list-cartes .list-cheques .btn
{
    height: 123px;
}
.list-cartes .btn.active,
.list-cartes .btn:hover
{
    background-color: #0087ec;
    color: #fff;
}
.list-cartes .btn > span
{
    display: block;
    text-align: center;
}
.list-cartes .btn > [class^="icon-vp-"],
.list-cartes .btn > [class*=" icon-vp-"]
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-paiement.png");
    height: 33px;
    width: 56px;
    line-height: 33px;
}
.list-cartes .btn .icon-vp-enligne
{
    background-position: -11px 0;
    width: 31px;
    height: 31px;
}
.list-cartes .btn.active .icon-vp-enligne,
.list-cartes .btn:hover .icon-vp-enligne
{
    background-position: -76px 0;
    width: 31px;
    height: 31px;
}
.list-cartes .btn .icon-vp-telephone
{
    background-position: -14px -43px;
    width: 22px;
    height: 27px;
    margin-top: -4px;
}
.list-cartes .btn.active .icon-vp-telephone,
.list-cartes .btn:hover .icon-vp-telephone
{
    background-position: -79px -43px;
    width: 22px;
    height: 27px;
    margin-top: -4px;
}
.list-cartes .btn .icon-vp-fax
{
    background-position: -9px -83px;
    width: 33px;
    height: 30px;
    margin-top: -7px;
}
.list-cartes .btn.active .icon-vp-fax,
.list-cartes .btn:hover .icon-vp-fax
{
    background-position: -74px -83px;
    width: 33px;
    height: 30px;
    margin-top: -7px;
}
.list-cartes .btn .icon-vp-courrier
{
    background-position: -8px -130px;
    width: 36px;
    height: 19px;
    margin-top: -1px;
}
.list-cartes .btn.active .icon-vp-courrier,
.list-cartes .btn:hover .icon-vp-courrier
{
    background-position: -73px -130px;
    width: 36px;
    height: 19px;
    margin-top: -1px;
}
.list-cartes .btn .icon-vp-cheque
{
    background-position: 0 -168px;
    width: 54px;
    height: 27px;
    margin-top: -4px;
}
.list-cartes .btn.active .icon-vp-cheque,
.list-cartes .btn:hover .icon-vp-cheque
{
    background-position: -65px -168px;
    width: 55px;
    height: 27px;
    margin-top: -4px;
}
.list-cartes .btn .icon-vp-cheque-cadeau
{
    background-position: 0 -210px;
    width: 55px;
    height: 27px;
    margin-top: -4px;
}
.list-cartes .btn.active .icon-vp-cheque-cadeau,
.list-cartes .btn:hover .icon-vp-cheque-cadeau
{
    background-position: -64px -210px;
    width: 55px;
    height: 27px;
    margin-top: -4px;
}
.list-cartes .btn .icon-vp-paypal
{
    background-position:  -1px -249px;
    width: 54px;
    height: 32px;
    margin-top: -5px;
}
.list-cartes .btn.active .icon-vp-paypal,
.list-cartes .btn:hover .icon-vp-paypal
{
    background-position:  -65px -246px;
    width: 54px;
    height: 32px;
    margin-top: -10px;
}
.list-cartes .btn .icon-vp-enligne-cb
{
    background-position:  -4px -293px;
    width: 42px;
    height: 31px;
    margin-top: -8px;
}
.list-cartes .btn.active .icon-vp-enligne-cb,
.list-cartes .btn:hover .icon-vp-enligne-cb
{
    background-position:  -4px -293px;
    width: 42px;
    height: 31px;
    margin-top: -7px;
}
.list-cartes .btn .icon-vp-enligne-visa
{
    background-position:  -2px -348px;
    width: 52px;
    height: 33px;
    margin-top: -9px;
}
.list-cartes .btn.active .icon-vp-enligne-visa,
.list-cartes .btn:hover .icon-vp-enligne-visa
{
    background-position:  -2px -348px;
    width: 52px;
    height: 33px;
    margin-top: -9px;
}
.list-cartes .btn .icon-vp-enligne-eurocard_mastercard
{
    background-position:  -59px -291px;
    width: 51px;
    height: 32px;
    margin-top: -9px;
}
.list-cartes .btn.active .icon-vp-enligne-eurocard_mastercard,
.list-cartes .btn:hover .icon-vp-enligne-eurocard_mastercard
{
    background-position:  -59px -291px;
    width: 51px;
    height: 32px;
    margin-top: -9px;
}
.list-cartes .btn .icon-vp-paylib
{
    background-position:  -61px -347px;
    width: 56px;
    height: 30px;
    margin-top: -5px;
}
.list-cartes .btn.active .icon-vp-paylib,
.list-cartes .btn:hover .icon-vp-paylib
{
    background-position:  -61px -347px;
    width: 56px;
    height: 30px;
    margin-top: -10px;
}

#inputCode
{
    display: none;
    margin-top: 30px;
}
#inputCode input
{
    height: 27px;
}
#inputCode .btn {
    height: 37px;
    min-height: 37px;
    width: auto;
    margin: 0;
}
.list-cartes .btn-comment
{
    margin-bottom: 10px;
}
.list-cartes .radiobtn-block > small
{
    width: 100%;
    color: #6d6c69;
    display: block;
}
.list-cartes a.infobulle {
    margin: 0 auto;
}
.list-cartes .radiobtn-block
{
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-top: 10px;
    text-align: center;
    vertical-align: top;
    width: 118px;
}
.block-right .tunnel-body img
{
    text-align: center;
    margin: 0 auto;
}

.block-right .tunnel-body input {
    height: 27px;
}

/*****Tablette et Mobille*****/
@media  (max-width: 1024px) {

    .block-right .tunnel-body .input-append
    {
        display: block;
    }
    .block-right .tunnel-body .input-append input
    {
        width: 80%;
        font-size: 11px;
    }
    #contenue-centre .btn {
        padding: 8px 5px;
    }
    .list-cartes .btn {
        font-size: 12px;
        margin: 10px 5px 10px 0;
        min-height: 75px;
        width: 100px;
        padding: 8px 5px;
    }

}

/*****Mobile*****/
@media (max-width: 767px) {

    .tunnel-two-column .block-right {
        width: 100%;
    }
    .list-cartes
    {
        border-top: 4px solid #f1f0ea;
    }
    .list-cartes .btn-group > a.btn,
    .list-cartes .btn-group
    {
        width: 100%;
        min-height: 10px;
    }
    .list-cartes .btn-group + .btn-group {
        margin-left: 0;
    }
    .list-cartes .btn-group.open .btn.dropdown-toggle
    {
        background-color: #fff;
        color: #0087ec;
    }
    .list-cartes .btn-group .dropdown-menu
    {
        border-radius: 0;
        border: 0px none;
        border-bottom: 4px solid #f1f0ea;
        box-shadow: 0 0;
        min-width: 0;
        top: 35px;
        width: 100%;
        margin: 0;
    }
    .list-cartes .btn-group > a.btn
    {
        border:0 none;
        border-radius: 0;
        border-bottom: 4px solid #f1f0ea;
        height: 20px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: left;
    }
    .list-cartes .btn-group > a.btn:before
    {
        content: " ";
        float: left;
        height: 16px;
        width: 6px;
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png") no-repeat -128px -70px transparent;
    }
    #inputCode1
    {
        display: none;
        margin: 20px 0;
    }
    #inputCode1 input
    {
        height: 27px;
    }
    #inputCode1 .btn {
        height: 37px;
        min-height: 37px;
        width: auto;
        margin: 0;
    }

    .tunnel-two-column .tunnel-body {
        padding: 0;
    }
}

/**********Mon compte*************/
#header .header-top .user-block > li > a.compte-active:hover,
#header .header-top .user-block > li > a.compte-active,
#header .header-top .user-block > li > a.compte-active span
{
    background-color: #0087ec;
    color: #fff;
}
#header .header-top .user-block > li > a.compte-active .icon-vp-compte,
#header .header-top .user-block > li > a.compte-active:hover .icon-vp-compte {
    background-position: -59px -25px;
}
.nav-mon-compte
{
    margin: 20px 0;
    position: relative;
}
.nav-mon-compte li
{
    background-color: #f1f0ea;
    display: inline-block;
    min-height: 41px;
    min-width: 10%;
    padding: 10px 23px;
    text-align: center;
    vertical-align: top;
}
.nav-mon-compte li:first-child
{
    margin-left: 0px;
}
.nav-mon-compte li.active
{
    background-color: #002537;
}
.nav-mon-compte li.active:after
{
    background-color: #002537;
    bottom: -4px;
    content: " ";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
}
.nav-mon-compte li.active a
{
    color: #fff;
}
.nav-mon-compte li a
{
    text-align: center;
    vertical-align: middle;
    color: #000;
    font-weight: bolder;
}
.nav-mon-compte li a.desactive
{
    color: #6D6C69;
}
.mon-compte h2
{
    margin-bottom: 10px;
}
.liste-adresses .adresse-groupe
{
    margin-bottom: 5px;
}
.liste-adresses .adresse-groupe > div
{
    display: inline-block;
    padding: 20px;
    vertical-align: top;
}
.liste-adresses .adresse-groupe > div > span
{
    font-size: 16px;
    line-height: 30px;
    vertical-align: top;
}
.icon-vp-adresse
{
    background-position: -210px -308px;
    height: 29px;
    width: 50px;
}
.icon-vp-delete
{
    background-position: -176px -164px;
    height: 26px;
    width: 26px;
}
.icon-vp-change
{
    background-position: -118px -164px;
    height: 26px;
    width: 26px;
}
.liste-adresses .adresse-groupe > div .btn
{
    margin-left: 5px;
}
.block-bottom-btns
{
    margin: 20px 0;
    min-height: 20px;
}
#contenue-centre .block-bottom-btns .btn
{
    text-transform: uppercase;
    font-size: 14px;
    padding: 15px 12px;
}
#contenue-centre .block-bottom-btns .btn:first-child
{
    float: left;
}
#contenue-centre .block-bottom-btns .btn:last-child
{
    float: right;
}
.commandes .block-commande
{
    border: 5px solid #002537;
    margin-bottom: 20px;
}
.commandes .block-commande > div
{
    padding: 15px 8px;
}
.commandes .block-commande > div .block-one,
.commandes .block-commande > div .block-two,
.commandes .block-commande > div .block-three
{
    display: inline-block;
    vertical-align: top;
}
.commandes .block-commande > div .block-one
{
    width: 300px;
}
.commandes .block-commande > div .block-two
{
    width: 500px;
}
.commandes .block-commande > div .block-three
{
    width: 100px;
}
.title-commande .block-one b
{
    font-size: 16px;
    text-transform: uppercase;
}
.en-traitement,
.en-reglement,
.en-cours
{
    background-color: #1ebe78;
    padding: 5px 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-transform: uppercase;
    color: #fff;
}
.en-reglement
{
    background-color: #cd1d0a;
}
.en-traitement
{
    background-color: #f76400;
}
.body-commande > div
{
    display: inline-block;
}
.commandes .block-commande .title-commande button
{
    text-transform: uppercase;
}
.commandes .block-commande .title-commande .block-three {
    width: 274px;
    text-align: right;
}
.commandes .block-commande .footer-commande
{
    font-weight: bold;
    font-size: 15px;
    padding: 15px 9px;
    text-transform: uppercase;
}
.commandes .block-commande .footer-commande .block-two {
    text-align: right;
    text-transform: uppercase;
    padding: 0px 10px 0 0 ;
    width: 490px;
}
.commandes .block-commande .title-commande .block-two {
    width: 330px;
}
.commandes .block-commande .body-commande .block-one
{
    color: #0087ce;
    font-size: 12px;
}
.commandes .block-commande .body-commande .block-one span
{
    color: #6d6c69;
}
.commandes .block-commande .body-commande .block-two span
{
    line-height: 35px;
}
.commandes .block-commande .body-commande + .body-commande
{
    border-top: 5px solid #002537;
}
.commandes .block-commande .body-commande .group-details .details
{
    padding: 5px 0;
}
.commandes .block-commande .body-commande .group-details .details + .details
{
    border-top: 1px solid #f1f0ea;
}
.commande-title
{
    position: relative;
}
.status.valide
{
    color: #1EBE78 ;
}
.commande-title .status
{
    position: absolute;
    right: 0;
    top: 10px;
}
.icon-vp-check-vert
{
    background-position: -211px -113px;
    width: 20px;
    height: 20px;
}
.icon-vp-check-bleu
{
    background-position: -211px -279px;
    height: 19px;
    width: 19px;
}
.mode-paiement
{
    border-top: 1px solid #2e4b59;
    text-align: right;
}
.block-commande .total-price
{
    font-weight: bold;
    font-size: 16px;
}
.block-commande .mode-paiement
{
    font-size: 14px;
    font-weight: normal;
}
.fiche-commande .block-commande > div .block-two {
    width: 351px;
}
.fiche-commande .block-commande > div .block-three {
    width: 90px;
}
.fiche-commande .block-commande > div .block-four
{
    display: inline-block;
    width: 160px;
    padding: 5px 0;
}
.fiche-commande .suiv-colis
{
    font-size: 11px;
    margin-left: 3px;
}
#contenue-centre  .container-block .commande-title .btn
{
    text-transform: uppercase;
    padding: 11px 12px;
}
.icon-vp-arrow-back
{
    width: 7px;
    height: 12px;
    background-position: -221px -151px;
}
.container-block .commande-title h3
{
    font-weight: normal;
    margin: 0 auto;
    width: 69%;
}
.mon-compte .adresses
{
    width: 95%;
    padding: 19px;
}
.adresses > div
{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
.mon-compte .description-numero h4
{
    display: inline-block;
    margin: 0;
}
.mon-compte .description-numero .bg-blue-dk,
.mon-compte .description-numero span
{
    text-transform: uppercase;
    display: inline-block;
}
.mon-compte .description-numero .bg-blue-dk
{
    padding: 3px;
}


/*****Tablette et Mobille*****/
@media  (max-width: 1024px) {

    .nav-mon-compte li {
        min-height: 41px;
        padding: 8px 14px;
    }
    .nav-mon-compte li a {
        font-size: 12px;
    }
    .liste-adresses .adresse-groupe > div {
        padding: 7px;
    }
    #contenue-centre.mon-compte .liste-adresses .adresse-groupe > div .btn {
        padding: 8px 12px;
    }
    .commandes .block-commande > div .block-one {
        width: 235px;
        font-size: 11px;
    }
    .commandes .block-commande > div .block-two {
        width: 330px;
        font-size: 12px;
    }
    .fiche-commande .block-commande > div .block-two {
        width: 270px;
    }
    .commandes .block-commande .title-commande .block-two {
        width: 240px;
    }
    .fiche-commande .block-commande > div .block-three {
        width: 72px;
    }
    .commandes .block-commande .title-commande .block-three {
        width: 215px;
        font-size: 11px;
    }
    .fiche-commande .block-commande > div .block-four {
        font-size: 12px;
        width: 112px;
    }
    .commandes .block-commande > div .block-two span
    {
        font-size: 10px;
    }
    .commandes .block-commande .title-commande .block-three button
    {
        font-size: 10px;
    }
}

/*****Mobile*****/
@media (max-width: 767px) {

    #contenue-centre.mon-compte .container-block {
        padding: 0;
    }
    .container-block .commande-title h3
    {
        font-size: 14px ;
    }
    .liste-adresses .adresse-groupe > div {
        padding: 10px;
    }
    #contenue-centre .block-bottom-btns
    {
        text-align: center;
    }
    #contenue-centre .block-bottom-btns .btn:first-child,
    #contenue-centre .block-bottom-btns .btn:last-child
    {
        float: none;
        text-align: center;
        width: 90%;
        margin-bottom: 10px;
    }
    .body-commande > div {
        display: block;
    }
    .commandes .block-commande .body-commande .group-details .details
    {
        width: 100%;
    }
    .commandes .block-commande > div .block-two {
        font-size: 13px;
        width: 77%;
    }
    .commandes .block-commande > div .block-three {
        width: 20%;
        font-size: 11px;
    }
    .commandes .block-commande .body-commande .group-details .details
    {
        border-top: 1px solid #f1f0ea;
        padding: 0;
    }
    .commandes .block-commande {
        margin-top: 10px;
    }
    .fiche-commande .en-traitement,
    .fiche-commande .en-reglement,
    .fiche-commande .en-cours {
        font-size: 10px;
        padding: 1px 5px;
    }
}


/*************mes abonnements en cours ***********/
.calendar-abonnements
{
    position: relative;
}
.icon-vp-prev-abon
{
    height: 10px;
    width: 11px;
    background-position: -123px -509px ;
}
.icon-vp-prev-abon:hover
{
    background-position: -105px -509px;
}
.icon-vp-next-abon
{
    height: 10px;
    width: 11px;
    background-position: -155px -509px ;
}
.icon-vp-next-abon:hover
{
    background-position:-174px -509px ;
}
.calendar-abonnements #leftArrow
{
    left:0;
    position: absolute;
    width: 78px;
    height: 25px;
    display: block;
    z-index: 10;
    text-align: left;
    background-color: #fff;
}
.calendar-abonnements #rightArrow
{
    position: absolute;
    right:0;
    width: 60px;
    height: 25px;
    display: block;
    z-index: 10;
    text-align: right;
    background-color: #fff;
}
.calendar-abonnements #container
{
    width: 100%;
    overflow: hidden;
}
#grid
{
    margin-left:0px;
    left:0px;
    position:relative;
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/bg-calendar.png");
    background-repeat: repeat;
}
#grid .month {
    background-color: #FFFFFF;
    float: left;
    padding: 5px 0;
    text-align: center;
    width: 80px;
}
.subscriptionGrid
{
    height: 50px;
    margin-bottom: 10px;
    border-radius: 25px;
    padding: 0;
    position: relative;
}
.subscriptionGrid.subsTooOld.subsTooLong
{
    border-radius: 0;
}
.subscriptionGrid.subsTooOld
{
    border-radius: 0px 25px 25px 0px;
}
.subscriptionGrid.subsTooLong
{
    border-radius: 25px 0 0 25px;
}
.subscriptionGrid > div:first-child
{
    padding:15px 0px;
    color: #fff;
}
.subscriptionGrid > div:first-child span
{
    margin-left: 20px;
}
.subscriptionGrid > div .popover
{
    color: #000;
}
.subscriptionGrid > div .infobulle
{
    margin-left: 3px;
}
.subscriptionGrid.orange
{
    background-color: #F86400 ;
}
.subscriptionGrid.bleu
{
    background-color: #64BCEC ;
}
.subscriptionGrid.vert
{
    background-color: #1EBE78;
}
.subscriptionGrid.date_to_be_confirmed
{
    background-color: #F7BE81 ;
}
.subscriptionGrid.digital_without_paper
{
    background: #f86400; /* Old browsers */
    background: -moz-linear-gradient(left,  #f86400 62%, #f7be81 68%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(62%,#f86400), color-stop(68%,#f7be81)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #f86400 62%,#f7be81 68%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #f86400 62%,#f7be81 68%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #f86400 62%,#f7be81 68%); /* IE10+ */
    background: linear-gradient(to right,  #f86400 62%,#f7be81 68%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f86400', endColorstr='#f7be81',GradientType=1 ); /* IE6-9 */



}
#contenue-centre .btn-reabonne
{
    right: -158px;
    text-transform: uppercase;
    top: 0;
    padding: 15px 12px;
    position: absolute;
}
#contenue-centre .btn-reabonne:before
{
    content: " ";
    left: -7px;
    top: 38%;
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 7px 7px 0;
    border-color: transparent #007bff transparent transparent;
}
.table-abonnements tr > td:first-child,
.table-abonnements tr:last-child > td:first-child,
.table-abonnements,
.table-abonnements th {
    border: 0 none;
    border-radius: 0;
}
.table-abonnements tr > td
{
    border-top: 0 none;
}
.table-abonnements th,
.table-abonnements td {
    border-left: 2px solid #fff;
    background-color: #E6E5E0;
}
.table-abonnements th
{
    background-color: #fff;
}
.table-abonnements tbody > tr:nth-child(2n+1) > td {
    background-color: #F1F0EB;
}
.table-abonnements .icon-vp-search
{
    display: none;
}
.subscriptionGrid > div + div i {
    height: 40px;
    margin: 5px 3px 0 8px;
    width: 40px;
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
}
.subscriptionGrid .icon-vp-calendrier
{
    background-position: -191px -494px;
}
.subscriptionGrid .icon-vp-libre
{
    background-position: -0px -638px;
}
.subscriptionGrid .icon-vp-numero
{
    background-position: -48px -638px;
}
.subscriptionGrid .icon-vp-numerique
{
    background-position: -48px -494px;
}
.subscriptionGrid .icon-vp-deux
{
    background-position: -96px -494px;
}
.subscriptionGrid .icon-vp-papier
{
    background-position: 0px -494px;
}
.subscriptionGrid .icon-vp-web
{
    background-position: -145px -494px;
}
.tunnel-body.body-abonnement {
    padding: 15px;
}
.fiche-abonnement
{
    padding: 17px ;
}
.status i
{
    margin-right: 3px;
}
.icon-vp-check-orange
{
    background-position: -212px -180px;
    width: 18px;
    height: 18px;
}
.icon-vp-avis
{
    background-position: -251px -375px;
    height: 31px;
    width: 35px;
}
.abonnement > div
{
    display:inline-block;
    vertical-align: top;
}
.abonnement > div.title-visuel
{
    width: 24%;
}
.abonnement > div.info-text
{
    width: 75%;
}
.abonnement > div.info-text button
{
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
}
.abonnement > div.info-text button i
{
    vertical-align: middle;
    margin-top: 0;
    margin-right: 3px;
}
.abonnement > div.info-text li
{
    margin: 15px 0;
    position: relative;
    font-size: 14px;
}
.abonnement > div.info-text li h6
{
    font-size: 14px;
    margin: 18px 0 5px;
    line-height: 5px;
}
.abonnement > div.info-text li > i
{
    width: 50px;
    height: 49px;
    margin-right: 8px;
}
.abonnement > div.info-text li p.opinion-text
{
    position: absolute;
    right: 0;
    top: 0;
    width: 430px;
    padding: 7px;
}
.abonnement > div.info-text li p.opinion-text:before
{
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7.5px 8.5px 7.5px 0;
    border-color: transparent #f1f0ea transparent transparent;
    display: block;
    position: absolute;
    top: 45%;
    left: -8px;
}
.abonnement > div.info-text .info-details > div
{
    display: inline-block;
    width: auto;
    margin-right: 35px;
}
.fiche-abonnement > h4
{
    margin-top: 20px;
    font-size: 16px;
}
.table-abonnements-mobile .table-line:first-child div span,
.table-abonnements tbody td:first-child span
{
    color: #6D6C69;
    font-size: 13px;
}
.btn-grand
{
    text-transform: uppercase;
}
#contenue-centre .fiche-abonnement .btn-grand
{
    margin: 15px 0;
    padding: 12px 20px;
}

.accordion-toggle.collapsed .date-mag,
.accordion-toggle.collapsed .prix-mag
{
    display: inline-block;
}
.accordion-toggle .date-mag,
.accordion-toggle .prix-mag
{
    display: none;
}
#accordionAbonnement table
{
    margin-bottom: 0;
}
#accordionAbonnement .bg-blue-dk {
    padding: 16px;
    text-transform: uppercase;
}
#accordionAbonnement .accordion-toggle{
    padding: 15px;
    background-position: 98% center;
}
#accordionAbonnement .accordion-toggle.collapsed{
    background-position: 98% center;
}
#accordionAbonnement .accordion-group
{
    border-radius: 0;
}
.table-abonnements tr,
#accordionAbonnement table tr{
    width: 100%;
}
.table-abonnements  .titre,
#accordionAbonnement table .titre
{
    width: 19%;
}
.table-abonnements .type,
#accordionAbonnement table .type
{
    width: 27%;
}
.table-abonnements .numero,
#accordionAbonnement table .numero
{
    width: 11%;
}
.table-abonnements .date,
#accordionAbonnement table .date
{
    width: 14%;
}
.table-abonnements  .prix,
#accordionAbonnement table .prix
{
    width: 10%;
}
.table-abonnements  .montant,
#accordionAbonnement table .montant
{
    width: 19%;
}
.table-abonnements
{
    margin-bottom: 0;
}
#accordionAbonnement .accordion-toggle span,
#accordionAbonnement .bg-blue-dk span
{
    width: 42%;
}
#accordionAbonnement .accordion-toggle span b,
#accordionAbonnement .bg-blue-dk span b
{
    display: inline-block;
    width: 36%;
}
#accordionAbonnement{
    margin-bottom: 0;
}
.total-abonnement
{
    padding: 16px;
    text-transform: uppercase;
}
.total-abonnement .date-mag
{
    display: inline-block;
    text-align: right;
    width: 65%;
}
.total-abonnement .prix-mag
{
    text-align: center;
    width: 21%;
    display: inline-block;
}
/*****Tablette et Mobille*****/
@media  (max-width: 1024px) {

    .table-abonnements .icon-vp-search
    {
        background-position: -65px -103px;
        height: 30px;
        line-height: 40px;
        width: 30px;
        display: block;
    }
    .mon-compte .adresses {
        padding: 8px;
        width: 97%;
    }
    .abonnement > div.info-text .info-details > div {
        font-size: 12px;
    }
    .table-abonnements tr > td {
        font-size: 12px;
    }
    .mon-compte h3
    {
        font-size: 17px;
    }
    .adresses > div {
        font-size: 12px;
    }
}
/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {

    #grid {
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/bg-calendar-tablette.png");
    }
    #grid .month {
        width: 60px;
        font-size: 12px;
    }
    .calendar-abonnements #leftArrow,
    .calendar-abonnements #rightArrow
    {
        width: 60px;
    }
    .subsTitle
    {
        font-size: 12px;
    }
    .abonnement > div.info-text li > i
    {
        width: 39px;
        height: 39px;
    }
    .abonnement > div.info-text li p.opinion-text {
        width: 55%;
    }
}

/*****Mobile*****/
@media (max-width: 767px) {

    #grid {
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/bg-calendar-mobile.png");
    }
    #grid .month {
        width: 55px;
        font-size: 12px;
    }
    .calendar-abonnements #leftArrow,
    .calendar-abonnements #rightArrow
    {
        width: 55px;
    }
    .subsTitle
    {
        font-size: 12px;
    }
    .table-abonnements-mobile > div
    {
        border-bottom: 2px solid #fff;
    }
    .table-abonnements-mobile .table-line
    {
        width: 100%;
        border-bottom: 1px solid #f1f0ea;
        background-color: #E6E5E0;
        padding: 5px;
    }
    .table-abonnements-mobile > div:nth-child(2n+1) > .table-line {
        background-color: #F1F0EB;
        border-bottom: 1px solid #E6E5E0;
    }
    .table-abonnements-mobile .table-line > div
    {
        display: inline-block;
        width: 46%;
        padding: 5px;
        font-size: 12px;
    }
    .fiche-abonnement .table-line > div
    {
        width: 100%;
    }
    .fiche-abonnement .table-line + .table-line + .table-line  > div
    {
        width: 45%;
    }
    .commande-title .status {
        position: static;
        font-size: 11px;
        text-transform: uppercase;
        width: 50%;
    }
    .status i
    {
        height: 25px;
    }
    .commande-title {
        margin-top: 10px;
        position: static;
    }
    .adresses > div {
        display: block;
        width: 100%;
    }
    .description-numero span
    {
        font-size: 11px;
    }
    .body-abonnement
    {
        position: relative;
    }
    .mon-compte .description-numero .bg-blue-dk {
        padding: 3px;
        position: absolute;
        font-size: 11px;
        top: -44px;
        right: 0;
    }
    .abonnement > div.info-text li
    {
        position: static;
        margin: 0;
    }
    .abonnement > div.info-text li p.opinion-text
    {
        width: 100%;
        position: relative;
        margin-top: 10px;
    }
    .abonnement > div.info-text li p.opinion-text:before {
        border-color: transparent transparent #F1F0EA;
        border-style: solid;
        border-width: 0 8.5px 8px;
        top: -7px;
        left: 20px;
    }
    .abonnement > div.info-text li > i {
        height: 39px;
        width: 39px;
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    }
    .abonnement > div.info-text .icon-vp-calendrier
    {
        background-position: -191px -448px;
    }
    .abonnement > div.info-text .icon-vp-libre
    {
        background-position: 0px -590px;
    }
    .abonnement > div.info-text .icon-vp-numero
    {
        background-position: -48px -590px;
    }
    .abonnement > div.info-text .icon-vp-numerique
    {
        background-position: -48px -448px;
    }
    .abonnement > div.info-text .icon-vp-deux
    {
        background-position: -96px -448px;
    }
    .abonnement > div.info-text .icon-vp-papier
    {
        background-position: 0px -448px;
    }
    .abonnement > div.info-text .icon-vp-web
    {
        background-position: -145px -448px;
    }
    .abonnement > div.info-text {
        width: 100%;
    }
    #contenue-centre  .abonnement > div.info-text button {
        margin-top: 5px;
        width: 100%;
        padding: 15px;
    }
    .abonnement > div.info-text .info-details > div {
        margin-right: 0;
        margin-top: 5px;
    }
    .fiche-abonnement {
        padding: 7px;
    }
    .fiche-abonnement > h4 {
        margin-top: 10px;
    }
    #contenue-centre .container-block .commande-title .btn
    {
        padding:11px 20px ;
    }
    #accordionAbonnement .bg-blue-dk
    {
        text-transform: none;
        padding: 16px 7px;
    }

    #accordionAbonnement .accordion-toggle span, #accordionAbonnement .bg-blue-dk span {
        width: 54%;
    }
    #accordionAbonnement .accordion-toggle span b, #accordionAbonnement .bg-blue-dk span b {
        margin-right: 4px;
        text-align: center;
        width: 47%;
    }
    #accordionAbonnement .accordion-toggle span b
    {
        display: none;
    }
    #accordionAbonnement .accordion-toggle.collapsed span b
    {
        display: inline-block;
    }
    #accordionAbonnement .accordion-toggle span{
        width: 27%;
        text-align: center;
    }
    .total-abonnement .date-mag {
        width: 76%;
    }
}

/*****************Popin Newsletters************/
#newsletter-popin.modal
{
    left: 48%;
    width: 620px;
    height: auto;
    text-align: center;
    background-color: #0187D0;
    color: #fff;
    border-radius: 0;
}
#newsletter-popin h2,
#newsletter-popin h3
{
    color: #fff;
}
#newsletter-popin h2
{
    text-transform: uppercase;
}
#newsletter-popin .modal-body
{
    border: 7px solid #fff;
    border-width: 7px 0 7px 0;
    margin: 50px 70px;
    overflow-y: hidden;
}
#newsletter-popin .modal-body .input-append
{
    background-color: #329CD6;
    border-radius: 0;
    height:55px ;
    padding: 4px;
    width: 100%;
}
#newsletter-popin .modal-body .input-append input {
    background-color: #329CD6;
    border: 0 none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    float: left;
    height: 39px;
    padding: 4px;
    width: 75%;
}
#newsletter-popin .modal-body .input-append button
{
    float: right;
    border-radius: 0;
    height:55px ;
    color: #0087ce;
}
#newsletter-popin .modal-header
{
    padding: 0;
    border: 0 none;
}
#newsletter-popin .modal-header .close {
    background-color: #FFFFFF;
    border-radius: 25px 25px 25px 25px;
    height: 49px;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    right: -24px;
    top: -24px;
    width: 49px;
}
#newsletter-popin .modal-body .separateur-newsletter
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/separ-newsletter.png") no-repeat left center transparent ;
    display: block;
    max-width: 483px ;
    height: 31px;
    margin:25px 0 0 0;
}
.icon-vp-close-popin
{
    width: 20px;
    height: 20px;
    background-position: -255px -419px;
}
/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {
    #newsletter-popin.modal {
        left: 52%;
        width: 492px;
    }
    #newsletter-popin .modal-body {
        margin: 32px 52px;
    }
    #newsletter-popin .modal-body .separateur-newsletter
    {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/separ-newsletter-tablette.png") no-repeat left center transparent ;
        height: 24px;
        margin:15px 0 0 0;
    }
    #newsletter-popin .modal-header .close {
        height: 45px;
        right: -23px;
        top: -21px;
        width: 45px;
    }
    .icon-vp-close-popin
    {
        width: 17px;
        height: 17px;
        background-position: -200px -212px;
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    }
    #newsletter-popin .modal-body .input-append {
        height: 50px;
    }
    #newsletter-popin .modal-body .input-append button {
        height: 50px;
    }
    #newsletter-popin .modal-body .input-append input {
        height: 41px;
        width: 67%;
    }
    #newsletter-popin .modal-body > div {
        font-size: 89px;
    }
}
/********Reabonnement*******/

#contenue-centre .block-product  .body-reabonnement
{
    border: 4px solid #f1f0ea;
    padding: 15px;
}
#contenue-centre .btn-orange
{
    color: #fff;
    background-color: #f76400;
    padding: 20px 40px;
    margin-top: 20px;
}
#contenue-centre .btn-orange:hover
{
    background-color: #F7960E ;
}
.body-reabonnement .option-reabonnement
{
    background-color: #f1f0ea;
    padding: 20px;
    margin: 10px 0;
}

.body-reabonnement .option-reabonnement:hover{
    background-color: #ddd;
}

.body-reabonnement .option-reabonnement > div{
    display: inline-block;
    vertical-align: middle;
}
.body-reabonnement .condition-abon
{
    font-size: 14px;
}
.body-reabonnement .condition-abon h5
{
    margin: 0;
}
.body-reabonnement .text > span b
{
    text-transform: uppercase;
}
.list-type.list-reabonnement li {
    padding: 0;
    height: 232px;
}
.list-type.list-reabonnement .price-check .custom-checkbox > .box > .tick {
    background: none no-repeat scroll 0 0 #0087CE;
    bottom: 0;
    height: 50px;
    position: absolute;
    right: 5px;
    top: 78%;
    width: 100%;
    z-index: 5;
}
.list-type.list-reabonnement .price-check .custom-checkbox > .box > .tick:before
{
    content: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/check-reabon.png");
    position: absolute;
    right: 8px;
    top: -160px;
    display: block;
    height: 17px;
    width: 17px;
}
.ajout-panier .list-reabonnement .price-check .custom-checkbox > input:checked + .box
{
    border-color: #0087ce;
}
.list-type.list-reabonnement .text-center
{
    position: relative;
}
.custom-checkbox > input:checked + .box > .label-radio,
.custom-checkbox > input:checked + .box > .tick
{
    color: #fff;
}
.custom-checkbox .box > .label-radio
{
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 11;
}
.list-type.list-reabonnement .price-check .custom-checkbox > input[type=radio]
{
    bottom: 0;
    left: 46%;
    margin: 0;
    top: 49%;
    transform: scale(12, 15);
    -ms-transform: scale(12, 15); /* IE 9 */
    -webkit-transform: scale(12, 15); /* Safari and Chrome */
    z-index: 10;
}



/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {

    #contenue-centre .block-product .body-reabonnement {
        border: 2px solid #F1F0EA;
        padding: 5px;
        width: 98%;
    }
    .body-reabonnement .option-reabonnement {
        padding: 20px 10px;
    }
    #contenue-centre .body-reabonnement .price-old em,
    #contenue-centre .body-reabonnement .price-old {
        font-size: 12px !important;
    }
    .list-type.list-reabonnement .price-check .custom-checkbox > input[type=radio]
    {
        -ms-transform: scale(12, 15); /* IE 9 */
        -webkit-transform: scale(5, 7); /* Safari and Chrome */
    }
}

/*****Mobile*****/
@media (max-width: 767px) {
    #contenue-centre .btn-orange.btn-grand
    {
        width: 100%;
    }
    #contenue-centre .block-product .body-reabonnement {
        border: 0 none;
        padding: 0;
    }
    .block-product .product.body-reabonnement .visuel
    {
        margin-bottom: 10px;
    }
    .body-reabonnement .option-reabonnement .price-old i.icon-vp-arrow-white
    {
        transform:rotate(90deg);
        -ms-transform:rotate(90deg); /* IE 9 */
        -webkit-transform:rotate(90deg); /* Safari and Chrome */
        left: 25px;
        top: -10px;
    }
    #contenue-centre .body-reabonnement .price-old em,
    #contenue-centre .body-reabonnement .price-old {
        font-size: 11px !important;
    }
    .body-reabonnement .option-reabonnement .price-old, .block-offre .double-block .price-block .price-old {
        padding: 7px;
        width: auto;
    }
    .list-type.list-reabonnement .price-check .custom-checkbox > input[type=radio] {

        -ms-transform: scale(12, 15);
        -webkit-transform: scale(7.5, 6);
    }
}


/* MyLib.CSS */

.mylib #block-product-list .product-list > li {
    vertical-align: top;
    margin-left: 3px;
    margin-right: 3px;
    height: 350px;
}

.mylib #block-product-list .product-list li h5 {
    margin-top: 10px;
}
.mylib #block-product-list .product-list li .product-visuel {
    height: 324px;
}

.order > span{display:inline-block;}

.order ul {
    display:inline-block; 
    width: 100%;
    padding-top: 15px;
}

.order ul > li{
    display: inline-block;
    border:solid 2px #F1F0EA;
    background-color: #F1F0EA;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 10px;
    width: 20%;
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
}

.order ul > li:hover{
    border-color: #E6E5DF;
    background-color: #E6E5DF;
}

.order ul > li.active{
    border-color: #002537;
    background-color: #002537;
    color:#FFF;
}

.limiter{
    text-align: left;
}
.limiter label{display:inline-block;}

.limiter select{width:20%;}

/* Tablette */
/* Modif Responsive Eric  */

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .block-conditions div ul li > a.infobulle {
        top: 39%;
    }
    .block-conditions div ul li > a i {
        margin: 0 5px 0 0;
    }
    #contenue-centre .double-block.little-desktop .left {
        height: 100%;
    }
    #contenue-centre .block-offre .double-block.little-desktop > .right{
        height: 120px;
    }
    #block-product-list .product-list > li {
        height: 380px;
    }
}

/* Mobile */
/* Modif Responsive Eric  */
@media (max-width: 767px) {
    .valider-panier .btn[type=submit],
    .valider-panier .btn[type=button]
    {
        float: inherit;
    }
    #block-product-list .select-filtre .bootstrap-select:not([class*="span"])
    {
        width: 140px;
    }
    #block-product-list .select-number
    {
        height: 56px;
    }
    .dropdown-menu li > a
    {
        width: 78% !important;
    }
    #block-product-list .select-number .dropdown-menu li > a
    {
        width: 58% !important;
    }
    .pagination-large ul > li > a, .pagination-large ul > li > span {
        padding: 8px;
        font-size: 17.5px;
    }
}

.titleReviews{
    margin: 10px 0;
    font-family: Bitter, serif;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-rendering: optimizelegibility;
    font-size: 17.5px;
}

/* POPUP OP FLASH */

@media only screen and (min-width : 775px) {
    #op_flash {
        top: 32% !important;
    }
}

@media (max-width: 767px) {
    #op_flash {
        top: 100px !important;
    }
}

#op_flash ul li{
    list-style-type: disc !important;
    margin: 0 0 10px 25px;
}

#myCarousel map{
    display: none;
}

#myCarousel a{
    color: #fff !important;
}

#op_flash.modal.fade{
    display:none;
}

/* FIN POPUP FLASH */

/* CLASS BOOTSTRAP */

.dropdown-menu > li > a:focus
{
    text-decoration: none;
    color: #fff;
    background: #ccc;
}

/* FIN CLASS BOOTSTRAP */

/* REVIEWS SMILES */

p.title-mark{
    line-height: 30px;
    margin-right: 15px;
    font-weight: bold;
}

.notes-inactive .list-smiles{
    display:inline
}

.notes-inactive .list-smiles .review-smile-1 {
    background-image: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/smiles.png') no-repeat 0 0;
    width: 29px;
    height: 29px;
    display: inline-block;
}

.notes-inactive .list-smiles .review-smile-2 {
    background: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/smiles.png') no-repeat -33px 0;
    width: 29px;
    height: 29px;
    display: inline-block;
}

.notes-inactive .list-smiles .review-smile-3 {
    background: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/smiles.png') no-repeat -66px 0;
    width: 29px;
    height: 29px;
    display: inline-block;
}

.notes-inactive .list-smiles .review-smile-4 {
    background: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/smiles.png') no-repeat -99px 0;
    width: 29px;
    height: 29px;
    display: inline-block;
}

.notes-inactive .list-smiles .review-smile-5 {
    background: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/smiles.png') no-repeat -132px 0;
    width: 29px;
    height: 29px;
    display: inline-block;
}

.notes-inactive .list-smiles .review-checked-smile-1 {
    background: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/smiles.png') no-repeat 0 -79px;
    width: 29px;
    height: 29px;
    display: inline-block;
}

.notes-inactive .list-smiles .review-checked-smile-2 {
    background: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/smiles.png') no-repeat -33px -79px;
    width: 29px;
    height: 29px;
    display: inline-block;
}

.notes-inactive .list-smiles .review-checked-smile-3 {
    background: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/smiles.png') no-repeat -66px -79px;
    width: 29px;
    height: 29px;
    display: inline-block;
}

.notes-inactive .list-smiles .review-checked-smile-4 {
    background: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/smiles.png') no-repeat -99px -79px;
    width: 29px;
    height: 29px;
    display: inline-block;
}

.notes-inactive .list-smiles .review-checked-smile-5 {
    background: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/smiles.png') no-repeat -132px -79px;
    width: 29px;
    height: 29px;
    display: inline-block;
}

/* FIN REVIEWS SMILES */
/*!
 * Bootstrap Responsive v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 980px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 768px;
  }
  .span12 {
    width: 768px;
  }
  .span11 {
    width: 702px;
  }
  .span10 {
    width: 640px;
  }
  .span9 {
    width: 578px;
  }
  .span8 {
    width: 516px;
  }
  .span7 {
    width: 454px;
  }
  .span6 {
    width: 392px;
  }
  .span5 {
    width: 330px;
  }
  .span4 {
    width: 268px;
  }
  .span3 {
    width: 206px;
  }
  .span2 {
    width: 144px;
  }
  .span1 {
    width: 82px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
}

@media (max-width: 767px) {
  body {
    padding-right: 20px;
    padding-left: 20px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
}

@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    display: block;
    float: none;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    right: 10px;
    left: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}

@media (max-width: 1024px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 1025px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

.bootstrap-select.btn-group,.bootstrap-select.btn-group[class*="span"]{float:none;display:inline-block;margin-bottom:10px;margin-left:0}.form-search .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group{margin-bottom:0}.bootstrap-select.btn-group.pull-right,.bootstrap-select.btn-group[class*="span"].pull-right,.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right{float:right}.input-append .bootstrap-select.btn-group{margin-left:-1px}.input-prepend .bootstrap-select.btn-group{margin-right:-1px}.bootstrap-select:not([class*="span"]){width:220px}.bootstrap-select{width:220px\9}.bootstrap-select .btn{width:100%}.bootstrap-select.show-menu-arrow.open .btn{z-index:1001}.bootstrap-select .btn:focus{outline:thin dotted #333 !important;outline:5px auto -webkit-focus-ring-color !important;outline-offset:-2px}.bootstrap-select.btn-group .btn .filter-option{overflow:hidden;position:absolute;left:12px;right:25px;text-align:left}.bootstrap-select.btn-group .btn .caret{position:absolute;right:12px}.bootstrap-select.btn-group>.disabled,.bootstrap-select.btn-group .dropdown-menu li.disabled>a{cursor:not-allowed}.bootstrap-select.btn-group[class*="span"] .btn{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu dt{display:block;padding:3px 20px;cursor:default}.bootstrap-select.btn-group .div-contain{overflow:hidden}.bootstrap-select.btn-group .dropdown-menu li>a.opt{padding-left:35px}.bootstrap-select.btn-group .dropdown-menu li>a{min-height:20px;cursor:pointer}.bootstrap-select.btn-group .dropdown-menu li>dt small{font-weight:normal}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark{display:inline-block;position:absolute;right:15px;margin-top:2.5px}.bootstrap-select.btn-group .dropdown-menu li a i.check-mark{display:none}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:hover small,.bootstrap-select.btn-group .dropdown-menu li:not(.disabled)>a:focus small{color:#64b1d8;color:rgba(255,255,255,0.4)}.bootstrap-select.btn-group .dropdown-menu li>dt small{font-weight:normal}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #CCC;border-bottom-color:rgba(0,0,0,0.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid #ccc;border-bottom:0;border-top-color:rgba(0,0,0,0.2)}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after{display:block}

#titleOffer {
	position: relative;
	top: -45px;
    border-bottom: 4px solid #002537;
    text-align: center;
}
.accueil #titleOffer {
    position: inherit;
    top: 0
}
#titleOffer span {
	display: inline-block;
    margin: 0 auto 0 auto;
    width: 140px;
    height: 30px;
    font-family: Bitter,serif;
    font-size: 16pt;
    color: #ffffff;
    text-align: center;
    background-color: #002537;
    border-radius: 4px 4px 0 0;
    padding-top: 15px;
}
#listeOffer {
	padding-top: 30px;
    padding-bottom: 10px;
    border-bottom: 4px solid #f1f0ea;
    margin: 0
}
#listeOffer li {
    display: inline-block;
    width: 21%;
    padding: 0 2%;
    vertical-align: top;
    border-left: 1px solid #efedec
}
#listeOffer li:first-child {
    border: 0;
    padding-left: 0;
}
#listeOffer .titleOffer, #listeOffer b {
    margin: 0;
    font-family: Bitter,serif;
    font-size: 13pt;
    line-height: 24px;
    margin-bottom: 30px;
    font-weight: bold;
    color: #000000;
    margin-top: 30px;
}
#listeOffer a:hover, #listeOffer a .titleOffer:hover, #listeOffer b:hover {
    color: #009cee;
    text-decoration: none
}
#referenceOffer {
    margin: 10px 0 5px 0;
    overflow: hidden
}
#referenceOffer li{
    display: inline-block;
    font-family: Bitter,serif;
    font-size: 10pt;
    font-weight: bold;
    margin-left: 3%;
}
#referenceOffer i{
    float: left;
    width: 50px
}
#referenceOffer li span {
    display: inline-block;
    margin: 10px 0 0 0
}
#referenceOffer li:first-child { margin-left: 1%;}
.engagement {
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png");
    background-repeat: no-repeat;
    width: 43px;
    height: 43px;
}
.plusMagazines { background-position: -151px -1269px }
.garantieBas { background-position: -157px -1329px }
.satisfaitRembourse { background-position: -157px -1393px }
.paiementSecurise { background-position: -157px -1451px }
.reseauSocial {
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}
.facebook { background-position: -1px -1109px }
.twitter { background-position: -1px -1166px  }
.googlePlus { background-position: -69px -1109px}

.facebook:hover { background-position: -69px -1265px }
.twitter:hover {  background-position: -69px -1327px }
.googlePlus:hover { background-position: -69px -1388px  }

#footer .reseauSocial {
    display: inline-block;
}
#footer .navbar-inner {
    background-color: #002537;
    background-image: none;
    border-radius: 0;
    border: 0;
    padding-top: 40px
}
#footer .footerBegin {
     background-color: #002537;
}
#footer ul {
    margin-left: 0;
    font-family: Bitter,serif
}
#footer #links {
    background: url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/barreFooter.png) repeat-x 1px bottom;
}
#footer #links li {
    display: inline-block;
    padding: 0 1%;
    vertical-align: top;
    width: 23%;
}
#footer #links li:first-child {
    border: 0 none;
    padding-left: 0;
}
#footer li .titleFooter {
	font-size: 13px;
    color: #ffffff;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
}
#footer #links li li {
    width: 100%;
    color: #ffffff;
    padding: 0 0 0 7px;
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/puce-footer.png") no-repeat scroll left center transparent;
}
#footer #links li:first-child li, #footer #links li li:first-child {
    padding: 0 0 0 7px;
}
#footer a {
    color: #ffffff;
    font-family: arial;
    font-size: 10pt
}
#footer a {
    color: #ffffff;
    font-family: arial;
    font-size: 10pt
}
#footer a:hover {
    color: #0087CE
}
#footer #links li ul {
    margin-bottom: 40px;
}

#newsletter input {
    height:30px
}
#newsletter #newsletter {
    width: 75%;
    margin-bottom: 0;
    background-color: #002537;
    color: #ffffff;
    height: 22px
}
.trait {
	display: inline-block;
    border: 1px solid #ffffff;
    width: 14px;
    margin: 14px 0 8px 0
}
.credit, .site_links span {
    color: #ffffff;
    margin-top: 20px;
    font-family: arial;
    font-size: 12px;
    line-height: 17px
}
.site_links {
	display: inline-block;
	width: 70%;
    margin-top: 32px
}
.site_links a{
    font-family: arial;
    list-style: circle;
    padding-right: 10px
}
.site_links span {
    color: #cbcfd1;
}
#footer .block-pays {
    float: right;
    width: 220px;
    margin-top: 20px
}
#footer .bootstrap-select .btn.dropdown-toggle {
    background-color: #002537;
    background-image: none;
    border-radius: 0 0 0 0;
    color: #ffffff;
    font-weight: normal;
}
#footer .dropdown-menu > li > a {
    color: #ffffff;
    font-weight: normal;
    line-height: 20px;
    white-space: nowrap;
}
#footer .dropdown-menu {
    background-clip: padding-box;
    background-color: #002537;
    top: -98.5px;
    position: relative;
    height: 120px;
    font-family: arial;
}

#footer .bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] {
    margin-bottom: 0
}
.accueil #accueilBA {
    position: relative;
    top: -10px;
    background-color: #F1F0EA;
} 
#titleBA{    
    text-align: left;
}
#titleBA a, #titleBA span  {
    background-color: #f76400;
    color: #FFFFFF;
    display: inline-block;
    font-family: Bitter,serif;
    font-size: 14px;
    height: 28px;
    padding-top: 10px;
    text-align: center;
    width: 130px;
    font-weight: bold;
}
#titleBA a:hover {
  color: #FFFFFF;
  text-decoration: none
}
.barre {
   border-bottom: 4px solid #f76400; 
}
#contentBA {
    padding-top: 10px;
    display: none;
    background-color: #002537
}
#accueilBA #contentBA {
    display: block;
}
#contentBA li {
    display: inline-block;
    width: 31%;
    vertical-align: top;
    padding-left: 2%;
}
#contentBA li a {
    display: inline-block;
    width: 100%;
}
#contentBA li span {
    font-weight: bold;
}
#contentBA li:first-child {
    padding-left: 0
}

.besoinAide {
	float: left;
    width: 50px;
    height: 50px;
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/besoinAide.png");
    background-repeat: no-repeat;
    margin-right: 20px
}
.faq { background-position: 0 0 }
.contact { background-position: 0 -50px }
.chat { background-position: 0 -100px }
#contentBA li a:hover > .faq  { background-position: 0 -150px }
#contentBA li a:hover > .contact  { background-position: 0 -200px }
#contentBA li a:hover > .chat  { background-position: 0 -250px }
#footer .bootstrap-select .caret {
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/caretBlanc.png") no-repeat right top
}
#contentBA li a {
    text-decoration: none
}
.block-pays .btn-group button, .block-pays .dropdown-menu span {
    text-transform: uppercase
}
#newsletter .btn {
    height: 32px;
    padding: 6px 8px;
    border-radius: 3px;
    background-color: #FFFFFF;
    color: #000000;
    text-transform: uppercase
}
/* ----------------------------------------*/
/*****Desktop******/
@media (min-width: 1024px) {
    #footerBottom {
        margin-bottom: 55px
    }
    .cms-home #footerBottom {
        margin-bottom: 15px
    }
}   
    /*****************/
    
/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {
	#referenceOffer li{
	    font-size: 9pt;
	}
    .engagement {
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
        background-repeat: no-repeat;
        width: 31px;
        height: 31px;
    }
    .plusMagazines { background-position: -24px -96px }
    .garantieBas { background-position: -24px -96px }
    .satisfaitRembourse { background-position: -24px -96px }
    .paiementSecurise { background-position: -24px -96px }
	#referenceOffer i { width: 35px;}
	#referenceOffer span { margin-top: 6px;}
	
	#footer #links li {
	    width: 31%;
	}
	.site_links {
	   width: 69%;
	}
	.credit, .site_links span {
        font-size: 11px
    }
    #footer .navbar-inner{
       padding-left: 0;
       padding-right: 0
    }
    #footer .container {
        width: auto;
    }
    .footer #listeOffer {
        padding-top: 0
    }
    /*****************/
}
/******** Tablette et Mobile *********/
@media (max-width: 1024px) {

}

    /*****************/
    
/******** Mobile *********/
@media (max-width: 480px) {

    #accueilBA #contentBA {
        text-align: center;
    }

	#titleOffer {
	    border-bottom: 0;
	    background-color: #f1f0ea;
	    top: 0
        margin-top:10px;
	}

	#titleOffer span {
	   background-color: transparent;
	   color: #000000;
	   font-weight: bold;
	   border-radius: 0;
	}

	#listeOffer {
	   margin: 0;
	   border: 0;
	   padding: 0;
	   
	}

	#listeOffer li {
	   display: block;
	   width: auto;
	   border: 0;
	   padding: 0;
	   overflow: hidden;
	   padding: 15px 0;
	   border-top: 1px solid #f1f0ea
	}

	#listeOffer li p {
            display: none;
	}

    #listeOffer li:first-child {
        border: 0
    }

    #listeOffer i{
        display: inline-block;
	    height: 50px;
	    line-height: 50px;
	    margin: 0 4px 0 14px;
	    vertical-align: inherit;
	    width: 50px;
    }

    #listeOffer .listeOffer, #listeOffer b{
        display: inline-block;
        width: 70%;;
        margin-left: 5%;
        margin-bottom: 0
    }

    #referenceOffer {
        background-color: #f1f0ea;
        padding: 14px 0 0 15px
    }

    #referenceOffer li{
        margin: 0 0 15px 0;
        display: block;
    }

    .engagement {
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-mobile.png");
        background-repeat: no-repeat;
        width: 38px;
        height: 38px;
    }
    .plusMagazines { background-position: 0 -92px; margin-left: -3.5px; }
    .garantieBas { background-position: -39px -92px }
    .satisfaitRembourse { background-position: -78px -92px }
    .paiementSecurise { background-position: -117px -92px }
    
    #referenceOffer i { width: 38px;}
    #referenceOffer li span { margin-top: 10px;margin-left: 6px }
    
    #footer .navbar-inner { padding: 0}
    #footer .navbar-inner ul{ margin: 0}
    #footer .navbar-inner ul li{ border-bottom: 2px solid #33515f }
    #footer .navbar-inner #contentBA li, #footer #contentBA li { border: 0; text-align: center}
    #footer .navbar-inner li ul li{ border-bottom: 0 }
    .besoinAide  {
        float: none;
        display: inline-block;
        margin: 0 auto
    }
    
    #contentBA li span {
        display: block;
        width:  100%
    }
    #footer .navbar-inner li ul li a{
        background-color: transparent;
		border-radius: 0;
		color: #ffffff;
		font-weight: normal;
		height: auto;
		line-height: 20px;
		padding-bottom: 2px;
		padding-top: 2px;
        margin-left: 15px;
		font-family: Bitter,serif;
	}
	#footer .navbar-inner li ul {
	   margin-bottom: 10px
	}
    #footer .tabs-accordeon .accordion .accordion-toggle.collapsed {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/plusBlanc.png") no-repeat scroll 95% center #002537;
        color: #ffffff;
        text-transform: uppercase;
        font-family: Bitter,serif;
        font-size: 16px;
        padding: 9px 0 0px 15px;
    }
    #footer .tabs-accordeon .accordion .accordion-toggle {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/moins.png") no-repeat scroll 95% center #002537;
        color: #ffffff;
        text-transform: uppercase;
        font-family: Bitter,serif;
        font-size: 16px;
        padding: 20px 0 0px 15px;
    }
    #footer ul h4 {
        margin: 20px 0 15px 15px;
        color: #ffffff;
        font-family: Bitter,serif;
        font-size: 14pt;
        text-align: center;
    }
    #footer ul form, #footer ul p {
        margin-left: 15px
    }
	#newsletter #newsletter {
	    background-color: #ffffff;
	    color: #002537;
	}
	.facebook { background-position: -69px -1265px }
	.twitter { background-position: -69px -1388px }
	.googlePlus { background-position: -69px -1327px }
	.accueil #accueilBA {
	    position: inherit;
	    top: 0;
	}
    #listeOffer .listeOffer, #listeOffer b {
        font-size: 16px;
    }
    #footerBottom {
        margin-left: 15px;
        margin-right: 15px;
    }
    #footer ul form, #footer ul p {
        text-align: center;
        margin-top: 10px;
    }
    #footer li .titleFooter {
        float:left;
        line-height: 52px;
        padding-left: 5px;
    }
    .site_links {
        width: 90%;
        margin-top: 10px;
    }
}
.page404 {
    background-color: #ffffff;
    margin-bottom: 2px;
    padding: 20px;
    text-align: center
}
.page404 h2{
    font-family: Bitter,serif;
    font-size: 24pt;
    text-align: center
}
.page404 h5{
    font-family: Bitter,serif;
    font-size: 18pt;
    text-align: center;
    margin-top: 30px;
}
.logo404 {
    background: url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/404.png) no-repeat center top;
    display: block;
    height: 320px;
}
.page404 ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
.page404 li {
	display: inline-block;
    width: 23%;
    margin: 0 0 0 2%;
    padding: 15px 0 0 0;
    vertical-align: top
}
.page404 li:first-child {
    margin: 0 0 0 0
}
#contenue-centre .page404 li a {
    display: block;
    padding: 90px 0 0 0;
    font-weight: bold
}
.page404 .btn404 {
	display: block;
    background-image: url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/404-buttons.png);
    background-repeat: no-repeat;
    height: 63px;
    padding: 30px 30px
}
.btnAccueil { background-position: 0 -425px }
.btnPlan { background-position: 0 -282px }
.btnLien { background-position: 0 -144px}
.btnContact { background-position: 0 0 }

.btnAccueil:hover { background-position: 0 -425px }
.btnPlan:hover { background-position: 0 -282px }
.btnLien:hover { background-position: 0 -144px}
.btnContact:hover { background-position: 0 0 }

/* ----------------------------------------*/
/*****Desktop******/
@media (min-width: 1024px) {


}   
    /*****************/
    
/******** Tablette et Mobile *********/
@media (max-width: 1024px) {
        .btn404 {
            background-image: url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/404-buttons-tablette.png);
            background-repeat: no-repeat;
            height: 63px;
        }
		.logo404 {
		    background: url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/404-tablette.png) no-repeat center top;
		    height: 264px;
		}
		#contenue-centre .page404 li a {
		    padding: 75px 0 0 0
		}
		.btnAccueil { background-position: 0 -360px }
		.btnPlan { background-position: 0 -240px }
		.btnLien { background-position: 0 -120px}
		.btnContact { background-position: 0 0 }
		
		.btnAccueil:hover { background-position: 0 -360px }
		.btnPlan:hover { background-position: 0 -240px }
		.btnLien:hover{ background-position: 0 -120px}
		.btnContact:hover { background-position: 0 0 }
}
/*****************/
/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {
        .btn404 {
            background-image: url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/404-buttons-tablette.png);
            background-repeat: no-repeat;
            height: 63px;
        }
        #contenue-centre .page404 li a {
            padding: 75px 0 0 0
        }
        .btnAccueil { background-position: -20px -430px }
        .btnPlan { background-position: -20px -290px }
        .btnLien { background-position: -20px -150px}
        .btnContact { background-position: -20px -10px }
        
        .btnAccueil:hover { background-position: -20px -430px }
        .btnPlan:hover { background-position: -20px -290px }
        .btnLien:hover{ background-position: -20px -150px}
        .btnContact:hover { background-position: -20px -10px }
}
/*****************/
    
/******** Mobile *********/
@media (max-width: 480px) {
	.page404 li {
	    display: inline-block;
	    width: 47%;
	    margin: 0 2% 0 0;
	    padding: 15px 0 0 0;
	    vertical-align: top
	}
	.page404 li:first-child {
        margin: 0 2% 0 0
    }
	.page404 li a {
	   font-size: 12pt;
	}
	.btn404 {
	    background-image: url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/404-buttons-mobile.png);
	    background-repeat: no-repeat;
	}
    .btnAccueil { background-position: 0 -420px }
    .btnPlan { background-position: 0 -280px }
    .btnLien { background-position: 0 -140px}
    .btnContact { background-position: 0 0 }
    
    .btnAccueil:hover { background-position: 0 -420px }
    .btnPlan:hover { background-position: 0 -280px }
    .btnLien:hover{ background-position: 0 -140px}
    .btnContact:hover { background-position: 0 0 }
    
    #contenue-centre .page404 li a {
         padding: 80px 0 0 0
     }
}
ul.user-block li.dropdown:hover > #topCartContent{
    display: block;    
}
#header .expanded {
    background-color: #002537;
}
#header .expanded span {
    color: #FFFFFF
}
#header .user-block a.expanded .icon-vp-panier {
    background-position: -59px -50px; 
}
#topCartContent {
    overflow: visible;
    position: absolute;
    right: 0;
    top: 36px;
    border: 5px solid #002537;
    width: 370px;
	padding: 0 0;
	margin: 0 0 0 0;
	list-style: none;
	z-index: 2000;
}
#topCartContent li{
    border-bottom: 4px solid #002537;
    background-color: #ffffff;
    z-index: 2000;
}
#topCartContent li div{
    padding: 12px
}
#topCartContent li p, #topCartContent li h5, #topCartContent li h6 {
    margin: 0;
    z-index: 2000;
}
#topCartContent li h5 {
    font-family: Bitter,serif;
    overflow: hidden;
}
#topCartContent li h6 {
    font-size: 14pt;
    font-family: Bitter,serif;
    margin-top: 4px
}
#topCartContent li .logo {
    height: 38px;
    vertical-align: inherit;
    width: 38px;
    float: left;
    line-height: 50px;
    margin-right: 5px;
    width: 38px !important;
    margin: 5px 10px 5px 0;
}
#topCartContent li span.price, #topCartContent li a.delete {
    float: right;
}
#topCartContent li span.price {
    font-size: 17pt;
    font-family: Bitter,serif;
}
#topCartContent li .option {
    background-color: #f1f0ea;
    padding-top: 8px;
    overflow: hidden;
}
#topCartContent .resumeCart {
    background-color: #002537;
    padding: 8px
}
#topCartContent .resumeCart p {
    text-align: right;
    color: #fff;
    font-size: 14px;
    font-family: Bitter,serif;
    margin-bottom: 10px
}
#topCartContent .resumeCart p span{
    font-weight: bold;
    font-size: 17pt;
    text-transform: uppercase;
    margin-left: 8px
}
#topCartContent .resumeCart a {
    display: block;
    text-transform: uppercase;
    padding: 19px 0;
    font-size: 14px;
    font-family: Bitter,serif
}
/* ----------------------------------------*/
/*****Desktop******/
@media (min-width: 1024px) {


}   
    /*****************/
    
/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {
    #topCartContent li .logo {
	    height: 38px;
	    line-height: 38px;
	    width: 38px;
	    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    }
}
/*****************/
/******** Tablette et Mobile *********/
@media (max-width: 1024px) {

}
    /*****************/
    
/******** Mobile *********/
@media (max-width: 480px) {
    .page404 li {
        display: inline-block;
        width: 47%;
        margin: 0 2% 0 0;
        padding: 15px 0 0 0;
        vertical-align: top
    }
    .page404 li:first-child {
        margin: 0 2% 0 0
    }
    .page404 li a {
       font-size: 12pt;
    }
    .btn404 {
        background-image: url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/404-buttons-mobile.png);
        background-repeat: no-repeat;
    }
    .btnAccueil { background-position: 0 -420px }
    .btnPlan { background-position: 0 -280px }
    .btnLien { background-position: 0 -140px}
    .btnContact { background-position: 0 0 }
    
    .btnAccueil:hover { background-position: 0 -420px }
    .btnPlan:hover { background-position: 0 -280px }
    .btnLien:hover{ background-position: 0 -140px}
    .btnContact:hover { background-position: 0 0 }
    
    #contenue-centre .page404 li a {
         padding: 80px 0 0 0
     }
}
.red {
    color: #FF0000
}

.green{
    color: #1ebe78;
}
#contenue-centre {
    background-position:left 20px
}
.wrapper {
    padding-top:20px;
}
.list-up, .list-down {
    text-align:center;
}
.nav .dropdown-menu .list-up a:hover,
.nav .dropdown-menu .list-down a:hover
{
    background-color:transparent;
}
.dropdown-menu > li > a {
    display:inline-block;
    padding:3px 15px;  
}
#alerts li {
    list-style:none;
    clear:both;
}
#alerts  {
    display:none;
}
#alerts p {
    width:85%;
    margin-top: 12px;
}
#alerts p a.pull-right {
    float:right;
    padding-left:25px;
    padding-right:25px;
    text-transform:uppercase;
    width:auto;
    margin-bottom:5px;
}

.header-middle .logo.marge{
    margin-top: 10px;
}
#header .header-top .user-block #top-account ul > li
{
    list-style:none;
    float:left;
}
#header .header-top .user-block #top-account ul > li > a
{
    font-weight:bold;
    color:#6d6c69;
    font-size:11px;
    padding:8px;
    display:block;
    position:relative;
}
#header .user-block #top-account ul > li > a span.num {
    background-color: #F76400;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #FFFFFF;
    float: right;
    height: 18px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 5px;
    width: 18px;
}
#header .user-block > li > a span.num {
    line-height:16px;
    display:block; 
}
.header-middle button.icon-vp-search {
    border-width:0 0 0 0px;
    width:39px; 
    background-color:transparent;
    z-index: 0
}
.header-middle .icon-vp-search span {
    display:none; 
}
.header-middle #search-type.dropdown-menu li a.close-search{
    right: 360px;
    top: -39px;
}
.header-middle li.list-categories ul li{
    float: none;
}
#offerFooter {
    margin-top:45px;
}
.footer #listeOffer {
    margin-left: 15px;
}
.cms-home #offerFooter {
    margin-top: 0;
}
#titleOffer {
    text-transform:uppercase;
    top:-90px;  
}
#titleOffer span {
    font-size:12pt;
    font-weight:bold;  
}
#listeOffer {
    padding-top:10px;  
}
.liste-categorie h1 {
    font-size:24px;
    line-height:20px;
    margin:0 0 20px 0;
    text-transform:uppercase;
}
.liste-categorie h1 span {
    font-style:italic;
}
.liste-categorie .toolbar-bottom {
    margin-top:20px;
}
.liste-categorie .toolbar-bottom .nav-categorie {
    margin-bottom:0;
}
#filtre-list .accordion-body {
    max-height:159px;  
}
#filtre-list p.filter-link,
#filtre-list p.filter-link:hover {
    text-decoration:none;
    color:#000000;
    font-size: 14px;
}
#filtre-list p.filter-link span,
#filtre-list p.filter-link:hover span {
    color:grey;
}

#filtre-list .description .titleDescriptionList {
    font-size:14px;
    text-transform:uppercase;
    font-weight: bold;
}
/* #block-product-list .product-list li .product-visuel { */
/*     height:410px; */
/* } */
#block-product-list .product-list li .product-visuel .label-color {
    bottom:-2px;
}
.infos-product span.title-compatible {
    line-height:52px;  
}
#block-product-list .product-info .compatible-categorie {
    margin-bottom:0;  
}
#block-product-list .product-info .compatible-categorie li > i.icon-vp-infiny
{
    background-position: 0 -542px;
}
#block-product-list .product-info .btn-primary {
    margin-top: 13px;
}
.block-offre .double-block .price-block .price {
    padding:14px 8px;
    text-align:center;
}
.accueil #block-product-list ul.product-list {
    margin-left:5px;  
}
.accueil #block-product-list ul.product-list,
.accueil .liste-categorie ul.product-list {
    text-align:center;
}
.accueil #block-product-list .product-list > li {
    vertical-align: top;
    margin-right: 2px;
    padding-bottom: 0px;
}
.accueil .all-magazines .icon-vp-close-up
{
    padding: 0px;
    vertical-align: middle;
    margin: 0px 10px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.icon-vp-close-up.message{
    height: 20px;
    width: 20px;
    margin-top: 5px;
}
.gift-wrapper {
    overflow: hidden;
    width:130px;
    height:83px;
}
#contenue-centre .double-block .left .cadeau-offre .info-cadeau{
    width: 40%;
}
#contenue-centre .double-block .left .cadeau-offre{
    margin: 0px 10px 10px 0px;
}
.cadeau-offre img{
    width : 50%;
    float: right;
}

.tabs-accordeon .accordion-inner
{
    overflow: auto;
    padding : 10px;
}

.slide-item
{
    display:none;
}

.slide-item a
{
    position: absolute;
    left: 20px;
}

#contenue-centre .block-product .product .label-is-new
{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/nouveaute.png") no-repeat 0 0 transparent;
    height: 111px;
    position: absolute;
    right: 0;
    top: 0;
    width: 111px;
}
.block-product .product .title-product h1,
.block-product .product .text h1 {
    font-size:27px;
    line-height:28px;
    margin-bottom:0;
    margin-top:0;
}
.block-product .product .title-product .description-numero,
.block-product .product .text .description-numero {
    font-size:12px;
    margin-top:1px;
    text-transform:uppercase;
}
.description-numero span {
    font-weight:normal;
    padding-left:10px;
}

.block-product .product .title-product h2 span:first-child,
.description-numero span {
    background:transparent url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/separateur-point.png) no-repeat left center;
    font-weight:normal;
    padding-left:10px;
}
#sommaire .content-sommaire .text {
    float:left;
    width:60%;
}
#anciens ul.list-magazines li h5 {
    line-height:15px;
}

/* Product list: fix for Titles with large names */
#block-product-list .product-info h3 {
    height: 25px;
    overflow: hidden;
}

#block-product-list .product-list li h5 {
    height: 18px;
    overflow: hidden;
}
#newsletter #newsletter{
    width: 71%;
    font-family: Bitter,serif
}
.newsletter-form .compte-creation-form .message-tunnel {
    margin:20px 0 40px 0;
}
.newsletter-form .cms-block {
    clear:right;
    padding-top:15px;
}
.newsletter-form .cms-block p {
    font-size:11px;
}
.interests {
    height: 150px;
}
.interests p {
    margin-bottom:20px;
}
.interests .custom-checkbox {
    width:20%;
    margin-left:10%;
}
.interests .custom-checkbox .box,
.interests .custom-checkbox label {
    display:inline-block;
    vertical-align: top;
}

.block2-left {
    float: left;
    width: 600px;
    padding-left: 2%;
    padding-right: 2%
}
.block2-right {
    float: right;
    width: 300px;
    padding-top: 50px;
    margin-bottom: 25px;
}
.block2-left h1 {
    font-size: 27px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 0;
    text-align: right;
    font-family: Bitter,serif;
}
.cms-page-view .block2-left h2 {
    font-family: Bitter,serif;
    font-size: 17pt;
    border-bottom: 1px solid #e6e5df;
    text-transform: none;
    padding-bottom: 8px;
    margin: 20px 0 15px 0
}
.cms-page-view .block2-left h2 {
    font-size: 15pt;
}
.cms-page-view .block2-left h3, .cms-page-view .block2-left h4 {
    margin: 20px 0 20px 0
}
.cms-page-view .block2-left p {
    font-family: Bitter,serif;
    font-size: 13pt;
    line-height: 20px
}
.cms-page-view .block2-left p.intro {
    font-size: 15pt;
    font-style:italic;
    line-height: 22px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e5df;
}
.cms-page-view .block2-left ul {
    margin-bottom: 20px;
    margin-left: 15px
}
.cms-page-view .block2-left li {
    list-style: disc;

}
.cms-page-view .block2-left .blockCms {
    border-top: 3px solid #dddddd;
    overflow: hidden;
}
.cms-page-view .block2-left .blockCms .btn {
    float: right;
}
.cms-page-view .block2-left .citation {
    background-color: #f1f0ea;
    padding: 10px
}
.leaderboard {
    display: block;
    height: 116px;
    text-align: center;
    padding: 15px 0 19px 0;
    margin: 38px 0 78px 0;
    border-top: 1px solid #dddcd7;
    border-bottom: 1px solid #dddcd7;
    background-color: #f1f0ea
}
.leaderboard h6 {
    margin: 0 0 5px 0;
}
.block-conditions {
    display:table;
}

.block-conditions div ul li > a,
.block-conditions div ul li > a:hover {
    text-decoration:none;
}
.block-conditions div ul li > a.infobulle {
    background-color:transparent;
}

.block-conditions div ul li > a:first-child span {
    padding-top:23px;
}
.block-conditions div ul li:hover > a.inactive,
.block-conditions div ul li > a.inactive:hover,
.block-conditions div ul li > a.inactive {
    font-style:italic;
    font-weight: normal;
}
.block-offre .double-block .left .offer-name{
    font-size: 17px;
    margin-bottom: 4px;
}
.compte-creation-form .dropdown-menu dt {
    font-weight: normal
}
#footer .dropdown-menu{
    height: 70px;
    top: -58.5px;
}
#footer #titleBA a {
    background: #f76400;
    padding-left: 3%;
    text-align: left;
}
#footer #titleBA a.visible {
    background:#f76400;
}
#titleBA a, #titleBA span{
    width : 150px;
    padding-top: 15px;
}
#contentBA{
    padding-bottom: 20px;
    padding-top: 20px;
}
#contentBA li a{
    font-family:Bitter;
}

#block-product-list .product-visuel img {
    max-height: 265px;
    width: 100%
}


.custom-checkbox > input {
    filter : alpha(opacity=0);
    left: -4px;
    margin: 0;
    top: -2px;
    width:24px;
    height:24px;
}
.list-type.list-reabonnement .price-check .custom-checkbox > .box > .tick {
    height: 61px;
    top: 73%;
}

#popin-panier {
    display:none;
}
.bg-orange{
    background-color: #F76400;
}

.achat-options #van_block,
.achat-options .list-type.cadeau {
    display:none;
}
.accueil .pages-categorie li > span {
    background-color: #f1f0ea;
    border-left: 1px solid #d8d8d8;
    color: #000000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 56px;
    padding: 12px 5px;
    text-transform: uppercase;
    text-align: center;
    line-height: 12px;
    position: relative;
}
.accueil .pages-categorie li > a {
    width: 95%;
}
.accueil .pages-categorie li.idee-cadeau > a {
    width: 90%;
}

.accueil .pages-categorie li > span:hover
{
    background-color: #d8d8d8;
    text-decoration: none;
}
.accueil .pages-categorie li.active > span
{
    background-color: #002537;
    color: #fff;
}
.accueil .pages-categorie li.active > span:after
{
    content: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/arrow-bottom-dark.png");
    position: absolute;
    bottom: -3px;
    left: 40%;
    height: 7px;
    width: 14px;
}
.accueil .pages-categorie li:first-child > span
{
    border-left: 0 none;
}
.accueil .pages-categorie li > span > i
{
    display: block;
    line-height: 32px;
    vertical-align: middle;
    left: 38%;
    position: relative;
    margin-top: 7px;
    position: absolute;
    bottom: 15%;
}
li.active span .icon-vp-top
{
    background-position: 0 -1562px;
}
.ajout-panier .achat-options > form > ul > li
{
    background-color: #f1f0ea;
    border-bottom: 1px solid #E6E5DF;
    padding: 15px 10px;
    min-height: 15px;
}

#van_block
{
    display:none;
}
#gift_block
{
    display:none;
}
.conditions {
    font-style: italic;
    color: grey;
    margin: 0 0 10px 0
}
#delete-coupon {
    border: 0;
    background: none;
    color: #0087CE;
    float: right;
    display: inline;
}
#topCartContent .option .icon-vp-cadeau-panier {
    background-position: -93px -636px;
}
#topCartContent .option  .icon-vp-numero {
    background-position: -48px -590px;
}
#topCartContent .option span.logo {
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png")
}
#topCartContent .price {
    font-size: 23px;
    font-weight: bold;
    width : auto;
}
#topCartContent .price em {
    font-size: 18px;
    font-style: normal;
    vertical-align: bottom;
}

.header-middle li.list-magazines ul li {
    border-bottom: 1px solid #E5E5E5;
    float: left;
    height: 125px;
    list-style: none outside none;
    margin-bottom: 15px;
    margin-right: 13px;
    padding-bottom: 15px;
    width: 264px;
}

.header-middle li.list-magazines ul li {
    overflow: hidden;
    text-overflow:ellipsis;
    -o-text-overflow: ellipsis;
}

#contenue-centre .double-block.all-little-desktop > .right,
#contenue-centre .double-block > .right a,
#contenue-centre .double-block > a.right {
    text-decoration: none;
}
#contenue-centre .block-product .product .double-block .left {
    height:59px;
    padding:8px 11px 11px 11px;
}
.product-bottom  .tabs-accordeon {
    width:66%;
}

#avis.accordion-inner {
    overflow: hidden;
}

#avis.accordion-inner .scrollable{
    width: 94%;
}
#cadeau #choixCadeau li{
    height: 60px;
}
#cadeau #choixCadeau.logo li{
    height: 160px;

}
#cadeau #choixCadeau li label p{
    line-height: 39px;
    margin: 0 auto;
    text-align: center;
}
#choixCadeau li .checkedLabel{
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle;
}
.tunnel-cadeau .wizard a {
    padding: 0;
    background-color: transparent;
    color: #000000;
    border: none;
}
.tunnel-cadeau .wizard a:first-child {
    padding-left: 0;
}
.tunnel-cadeau .wizard a:after {
    border: 0;
    content: "";
    height: 0;
    position: relative;
    right: -0;
    top: 0;
    width: 0;
    z-index: 0;
}
.tunnel-cadeau .wizard li {
    text-transform: uppercase;
}
#choixCadeau li.disabled {
    opacity: 0.5;
    background-color: grey
}
.datepicker-days table td {
    cursor:pointer;
}
.datepicker-days table td.disabled:hover {
    cursor:default;
}

#contenue-centre .identification button {
    font-size: 16px;
    padding: 15px 12px;
    text-align: center;
    text-transform: uppercase;
}
#blockEntreprise {
    display: none;
}
#blockEntreprise.show {
    display: block;
}

.text-center.precart-options{
    max-height: 240px;
}

.cart-tunnel h3 {
    line-height:15px;
    margin-top:0;
}

h6.both{
    max-height: 10px;
    padding-bottom: 32px;
    padding-top: 0;
}

.tunnel-body .custom-radio .validation-advice {
    clear:left;
}
.tunnel-body .dropdown-menu > li > a:hover,
.tunnel-body .dropdown-menu > li > a:focus {
    background-color:#0080C4;
}
.option-cadeau .accordion .accordion-toggle.collapsed:after {
    color:transparent;
    content:"";
    display:none;
}
.cadeau-message .bar
{
    background-color:#002537;
    width:0px;
    height:16px;
    border-radius:15px 0 0 15px;
}
.cadeau-message .barbox
{
    float:right;
    height:16px;
    background-color:#f1f0ea;
    width:200px;
    margin-right:3px;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
}
.cadeau-message .count
{
    float:left;
    margin-right:2px;
    font-weight:bold;
    color: #6d6c69;
    font-size: 12px;
    line-height: 18px;
}
.cadeau-message .contentbox
{
    border: medium none;
    border-radius: 0 0 0 0;
    height: 255px;
    padding: 15px;
    width: 300px;
}
.datepicker-input.input-append span.add-on
{
    border: 0 none;
    background-color: transparent;
    background-image: none;
    padding: 0;
    height: 23px;
    width: 38px;
    margin:  0 10px;
}
#datepicker-input.input-append span.add-on .icon-vp-date
{
    background-position: -103px -277px;
    height: 23px;
    width: 38px;
}
#datepicker.input-append span.add-on.active .icon-vp-date, .icon-vp-date {
    background-position: -103px -277px;
}
.print-date
{
    color: #0087ce;
}
.form-horizontal .control-group-radio .control-label {
    padding-top:0;
}
.controls .dob-message.message-erreur.bottom {
    margin-top:55px;
}
.controls .custom-radio .message-erreur.bottom {
    margin-top:25px;
}
.controls .custom-radio:not(:first-child) .message-erreur.bottom {
    display:none;
}
.controls .delivery-date-container {
    position:relative;
}
.controls .delivery-date-container .message-erreur.bottom {
    top:-30px;
    right:20px;
    z-index:1;
}

#block-product-list .product-list li .product-visuel {
    padding: 3px 3px 3px 6px;
}
a.link-top{
    z-index: 800
}
.leaderboard {
    margin:0;
    border-top:none;
    border-bottom:none;
    padding:10px 0;
}
.container-block-leaderboard {
    background-color:#FFFFFF;
    margin-bottom:50px;
    padding:0 20px 20px 20px;
}
#products-list .lazy {
    /*display: none;*/
}
.block-panier.panier-title {
    margin-bottom: 10px;
    padding-bottom: 0;
}
.block-panier h4{
    font-size: 14px;
}
.block-panier h4 a{
    color : #000000;
    text-decoration:underline;
}
#discount-coupon-form div .btn{
    border-radius: 0 4px 4px 0;
}
#discount-coupon-form div div .message-content{
    font-size: 10px;
}
#discount-coupon-form div div .close{
    display: none;
}
#contenue-centre .tunnel-panier .container-block.empty-cart{
    padding-top: 10px;
}
#contenue-centre .tunnel-panier .container-block.empty-cart .product-added{
    margin-bottom: 0;
}

.product-added .text li, .ajout-panier .achat-info li{
    width: 340px;
}
#contenue-centre .container-block.empty-cart .block-panier.conditions {
    margin: 5px 0px 30px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 9px;
    font-family: Bitter, serif;
    color: #000000;
}
#contenue-centre .tunnel-panier .container-block.empty-cart{
    margin-bottom: 20px;
}
.tunnel-panier .block-panier .info-text {
    margin-right: 9%;
}
.tunnel-panier .block-panier .info-text .item-msg {
    clear:both;
    color:#CD063A;
    font-weight:bold;
    padding:5px 0;
}
.tunnel-panier h2 {
    padding-bottom: 8px;
}
.tunnel-panier .block-panier.options-added .info-text{
    width :30%;
    margin-right: -7%;
}
.tunnel-panier .valider-panier a.btn {
    width: 230px;
}
.tunnel-panier .block-panier .total{
    width: 150px;
}
body.tunnel-panier #contenue-centre{
    background-color:  #F1F0EA;
    background-image: none;
}

.catalog-product-view #form-avis h4 {
    width: 560px
}
#form-avis h4 label {
    float: right;
    font-size: 12px;
    font-weight: normal;
}
#filtre-list .accordion {
    border: 1px solid #F1F0EA
}
#filtre-list .accordion-group:first-child {
    margin-top: 0;
}
#filtre-list .accordion-group {
    margin-top: 2px;
    margin-bottom: 0;
}
#block-product-list .product-list li .product-info {
    cursor: pointer
}
.catalog-product-view #form-avis {
    display: none
}
#contenue-centre .double-block #discover-all-offers p span {
    font-size: 18px;
}
#contenue-centre {
    /*background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/pattern_venteflash.gif") repeat scroll center top #F1F0EA;*/
    /*padding-bottom:30px;*/
}
#contenue-centre .container-block {
    margin-top : 0px;
}
.header-middle .form-search input {
    border-radius: 0px;
    border: 1px solid #C5C5C5;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.header-middle li.list-magazines ul li a img{
    max-width: 100px;
}

.accueil .pages-categorie li.idee-cadeau a:hover {
    background-color: #009CEE;
}
.accueil .pages-categorie li a > i.icon-vp-gparents {
    bottom: 9%
}
.accueil .forfait-numerique .offres-nums > a:hover {
    color: #0087CE;
    cursor: pointer
}
.icon-vp-list-bleu {
    margin-top: 3px
 }
#filtre-list .description .icon-vp-list-bleu{
    margin-right: 7px;
    vertical-align: top;
}
.liste-categorie #products-list {
    padding-bottom: 15px;
    border-bottom: 4px solid #F1F0EA
}
.nav-categorie .limiter .btn:hover {
    background-color: #0087CE;
    color: #FFFFFF
}
.nav-categorie .btn.active:hover {
    background-color: #002537;
}
#product-bottom .tabs-accordeon .nav-tabs > li > a:hover {
    background-color: #E6E5DF;
    color: #000000
}
#product-bottom .tabs-accordeon .nav-tabs > li.active > a:hover {
    background-color: #002537;
    color: #ffffff
}

#footer .reseauSocial:hover {
    background-color: #3b5999
}
#avis.accordion-inner {
    width: 100%
}
#product-bottom .tabs-accordeon .accordion-group {
    margin-bottom: 0
}
#product-bottom .tabs-accordeon .accordion-group .btn{
    font-family: bitter;
    font-size: 18px
}
.infos-product ul li {
    margin-right: 0;
    margin-left: 5px;
}
.infos-product ul li:first-child {
    margin-right: 0;
    margin-left: 0;
}
.block-conditions div ul li > a:first-child {
    padding-right: 11px
}
#purchase-block-wrapper .block-conditions div ul li > a:first-child {
    padding-right: 27px
}
#contenue-centre .block-offre .double-block.little-desktop .left {
    width:66%;
}
.block-offre .price-block .price-old p{
    margin: 0;
}
#contenue-centre .btn {
    margin-left: 0;
    text-transform: uppercase;
}
#contenue-centre .liste-adresses .adresse-groupe .btn {
    margin-left: 5px
}
.liste-adresses .block-one {
    width: 22%
}
.liste-adresses .block-two {
    width: 20%
}
.liste-adresses .block-three {
    width: 28%
}
.liste-adresses .block-three label label {
    width: 80%
}
.liste-adresses .block-four {
    float: right;
}
.tunnel-two-column .block-right .cart-tunnel {
    margin-bottom: 15px;
    margin-top: 15px;
}
#btnCreateAccount {
    width: 25%;
    margin-top: 12px
}
#advice-validate-custom-day,
#advice-validate-custom-month,
#advice-validate-custom-year {
    display:none;
}
.wizard a.complete:hover:before
{
    width: 17px;
    height: 60px;
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/tunnel-top-left-passed.png") no-repeat scroll right center transparent;
}
.wizard a.current:hover:before
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/tunnel-top-left-activ.png") ;
    top: 0;
}
.wizard a:first-child:hover:before
{
    background-image: none
}
.wizard a.current:first-child:hover:before {
    background-image: none;
    top: 0;
}
.wizard a:not(.current):hover{
    color: #CCCCCC;
    cursor: default;
    background-color: #FFFFFF;
}
.wizard a.passed,
.wizard a.complete:not(.current):hover {
    cursor: pointer;
    background-color: #f1f0ea;
    color: #000;
}
.wizard a:hover:not(.current):after{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/tunnel-top-right.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}
.wizard a.complete:hover:not(.current):after{
     background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/tunnel-top-right-passed.png") no-repeat scroll right center rgba(0, 0, 0, 0);
 }

#contenue-centre .recapitulatif .option .price {
    font-weight:bold;
    float:right;
}
.recapitulatif .info img {
    margin-bottom:10px;
}
.recapitulatif .total .ttc {
    display:inline-block;
    width:30px;
}
.commandes.fiche-commande .block-commande .body-commande .block-one,
.commandes.fiche-commande .block-commande .footer-commande .block-one {
    width:300px;
}
.commandes .block-commande .footer-commande.giftcard-footer .block-two {
    width:780px;
}
.commandes .block-commande > div .block-one {
    line-height:38px;
}
.fiche-commande .block-commande > div .block-four {
    text-align: right
}
.commandes .body-commande {
    background-color: #f2f1ec;
}
.commandes .block-commande .body-commande .group-details .details + .details {
    border-top: 1px solid #E6E5E0;
}
.commandes .block-two {
    line-height: 45px
}
.commandes .block-two i {
    margin-right: 5px
}
.commandes .block-commande > div .block-three {
    line-height: 38px;
    text-align: right;
}
.commandes .block-commande div.body-commande {
    padding-top:0;
    padding-bottom:0;
}
.commandes .block-commande .title-commande .block-three {
    float: right;
    overflow: hidden;
    width: 276px;
}
.commandes .block-commande .title-commande .block-two {
    width: 290px
}
.commandes .block-commande .footer-commande {
    padding-bottom:0;
}
.commandes .block-commande .footer-commande:last-child,
.commandes .block-commande .footer-commande.total-price {
    padding-bottom:15px;
}
.commandes .block-commande .footer-commande .block-two {
    width:480px;
}
.commandes .block-commande .footer-commande .block-three {
    width:110px;
}
.commandes .block-commande .body-commande .block-one {
    padding-top:5px;
    padding-bottom:5px;
}
.commandes .block-commande .body-commande .block-one span {
    font-family: arial;
}
.nav-mon-compte li a {
    padding: 4px;
    display: block;
    height: 30px
}
.nav-mon-compte li:hover {
    background-color: #E6E5DF
}
.nav-mon-compte li.active:hover {
    background-color: #002537
}
.nav-mon-compte li a p{
    height: 46px;
    line-height: 16px;
    display: block;
}
.nav-mon-compte li a p span{
    vertical-align: middle;
    display: inline-block
}
.mon-compte h2 {
    font-size: 27px
}

.icon-vp-next-abon, .icon-vp-prev-abon{
    margin-top: 8px;
}
.table th, .table td {
    padding: 7px;
    font-size: 12px
}
.subscriptionGrid > div + div i {
    margin-left:0;
    background-image:none;
    height:auto;
    width:auto;
}
.subscriptionGrid > div:first-child {
    padding:0;
    color:#000000;
}
.subscriptionGrid > div.subsTitle {
    color: #FFFFFF;
    padding: 15px 0 0 0;
}
.subscriptionGrid > div.subsTitle span {
    margin-right: 20px;
    display:block;
    overflow:hidden;
    white-space:nowrap;
}
.subscriptionGrid > div.subsTitle span a.infobulle {
    display:inline-block;
}
.subscriptionGrid > div.pull-right i {
    background-image: url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png);
    height:40px;
    margin:5px 3px 0 0;
    width:40px;
}
.nav-subscription-right {
    background-color: #FFFFFF;
    display: block;
    height: 29px;
    position: absolute;
    right: 0;
    width: 75px;
    z-index: 25;
}
.nav-mon-compte li {
    padding: 10px 14px;
    min-width: 6%
}
.calendar-abonnements #leftArrow, .calendar-abonnements #rightArrow  {
    text-align: center
}
.subscriptionGrid {
    cursor: pointer
}
.subscriptionGrid {
    opacity: 0.8;
  /*overflow: hidden*/
}
.subscriptionGrid:hover {
    opacity: 1
}
#grid {
    min-height: 110px
}
#graph {
    padding: 54px 0 60px 0px
}
.noResult {
    position: absolute;
    top: 43px;
    width: 100%;
}
.tunnel-panier table{
    border-spacing: 2px;
    border-collapse: inherit;
}
.tunnel-panier .datepicker td {
    border-radius: 0
}
.tunnel-panier .datepicker .day {
    background-color: #f1f0eb;
    color: #008bce
}
.tunnel-panier .datepicker td.day.disabled {
    background-color: #e5e4df;
    color: #686762 !important
}
.tunnel-panier .datepicker {
    border: 5px solid #002537
}
.tunnel-panier .table-condensed th, .table-condensed td {
    padding: 3px 4px
}
.tunnel-panier .dropdown-menu {
    padding: 0;
}
.tunnel-panier .datepicker th {
    text-transform: uppercase
}
.tunnel-panier .datepicker th.dow {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    text-transform: lowercase;
}
.tunnel-panier .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover {
    color: #FFFFFF;
    background-color: #00263a !important;
    background-image: none
}

#newsletter-popin .modal-body{
    overflow-y: inherit;
}
#newsletter-popin-form em{
    font-size: 11px;
    color:#000000;
}
#newsletter-popin-form .text-color{
    font-size: 13px;
     color: #e52222 !important
}
#newsletter-popin-form #advice-validate-qas-email-email_address {
    position: absolute;
    top: 45px;
}
#newsletter-popin h2 {
    margin: 0
}
#newsletter-popin .modal-body h6 {
    font-size: 99px;
    font-weight: bold;
    margin: 35px 0 35px 0;
    color: #ffffff
}
#newsletter-popin h3 {
    line-height: 28px;
    margin-top: 5px
}
#newsletter-popin .input-append {
    margin-bottom: 0
}
#newsletter-popin .modal-body .input-append button, #newsletter-popin .modal-body .input-append {
    height: 44px
}
#newsletter-popin .modal-body > div.message-content {
    font-size: 11px;
}
#newsletter-popin .modal-body .input-append input {
    font-style:italic
}
#logout-button.btn{
    float: right;
    padding: 15px 12px;
    width: 150px;
}
/** ---- Page de succès ---- */

.cbFax div.pull-right{
    width: 100%
}

.paiementSuccess .resume {
    margin-bottom: 5px !important
}

.infosClient #signature, .infosClient #compte {
    width: 44% !important;

    font-size: 12px !important;
}
/* Modifs Jerome - Alignement Compte / Signature */
.infosClient #compte {
    padding: 20px !important;
    height: 205px ;
}
.infosClient #signature {
    padding: 25px 20px 20px !important
}

.infosClient #signature h4, .infosClient #compte h4 {
    font-size: 14px !important;
}
.infosClient h4 {
    border-bottom: 1px solid #E4E3DE !important;
}

.infosClient #signature textarea {
   height: 130px !important;
}

/**--------------------------*/
.controls.custumer-dob input {
    margin-left: 5px;
}
.controls.custumer-dob input:first-child {
    margin-left: 0;
}
#datepicker.input-append span.add-on.active
{
    background-color: #002537;
}
.controls .message-erreur {
    position: absolute
}

.controls .message-erreur .arrow{
    background-image: url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png);
    background-position: -107px -88px;
}
.controls .message-erreur .close{
    line-height: 5px;
    font-family: sans-serif;
    font-size: 13px;
    margin-left: 0;
    margin-right: -4px;
    margin-top: -5px;
}
.custumer-dob .span{
    margin-left: 0;
    margin-right: 16px;
}
.table-abonnements {
    margin-bottom: 30px;
}
.calendar-abonnements {
    margin-bottom: 30px;
}
.checkout-billing-amount {
    display: block;
}


/* Resubscribing page  */
#contenue-centre .container-block.resubscribe {
    margin-bottom: 8%;
}
.header-middle {
    padding-bottom: 10px; /* 15px */
    padding-top: 10px;
}
.header-middle.reab {
    padding-top: 0px;
}
#header .header-top.bg-white {
    background-color: white;
}
#offerFooter.reab {
    margin-top: 0px;
}
.header-middle .long-logo {
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/long-logo.png");
    height: 74px;
    background-repeat: no-repeat;
}
.reab-header .header-middle .long-logo {
    margin-top:20px;
    width:302px;
}

#contenue-centre .option-reabonnement .price-old {
    float: right;
    width: 174px;
    margin-top:-16px;
}

#contenue-centre .option-reabonnement .price-old-reab {
    width: 160px;
    background-color:#fff;
    padding:5px 5px 5px 10px;
}

#contenue-centre .btn-orange{
    min-width: 35%;
    font-size: 17px;
    padding: 14px ;
}
.body-abonnement .description-numero .bg-blue-dk {
    border-radius:3px 3px 3px 3px;
    padding:3px 10px;
}
.abonnement > div.title-visuel {
    width:22%;
    margin-right:2%;
}
.body-reabonnement .condition-abon{
    width:310px;
}
.body-reabonnement .condition-abon i{
    margin-right:8px;
}
.body-reabonnement .condition-abon h5 {
    font-size: 13px;
    margin-top: 10px;
    margin-left:45px;
}
/* Centrage si le couplage auto existe : alors class = AutoCoupling dans ReabPurchase */
.body-reabonnement .condition-abon h5.autoCoupling {
    font-size: 13px;
    margin-top: 0px;
}
.body-reabonnement .condition-abon span.autoCoupling {
    line-height: 0px;
    font-size: 11px;
    padding-top: 9px;
}
.body-reabonnement .condition-abon span {
    line-height: 0px;
    font-size: 11px;
    font-weight: normal;
    padding-top: 9px;
}
.body-reabonnement .duration-header {
    margin-top: 0px;
}

.mdp-oublie .form-horizontal .valider-panier .btn{
     float: right;
     min-width: 40%;
}
.mdp-oublie .form-horizontal .valider-panier a{
    display: inline-block;
    margin-top: 30px;
}

#maximiles-updateInfo-form .maximilesText{
    font-size: 17px;
    margin: 0 0 20px;
    display:inline;
}

#maximiles-updateInfo-form .input-append .maximilesText{
    margin: 0px 0px 0px -11px;
    font-size: 13px;
}

#maximiles-updateInfo-form .maximiles-img{
    margin-top: -12px;
    margin-right: 5px;
    width:130px;
}

#maximiles-updateInfo-form input{
    height: 26px;
}

#maximiles-updateInfo-form .input-append,
#maximiles-updateInfo-form .input-prepend{
    margin-bottom: 6px;
}

/*----------------------*/


/** Subscription details */
.abonnement > div.info-text .info-details > div:last-child {
    margin-right:0;
}
.fiche-abonnement .margin-top {
    margin-top:10px;
}
/** Subscription address popin */
#popin-updateAddress.modal {
    width:700px;
}
/*---------------------*/
/** ---- Page 404 ---- */

.btnPlan, .btnPlan:hover{
    background-position: 50% -280px;
}
.btnAccueil, .btnAccueil:hover{
    background-position: 50% -420px;
}
.btnLien, .btnLien:hover{
    background-position: 50% -140px;
}
.btnContact, .btnContact:hover{
    background-position: 50% 0px;
}
.cms-index-noroute #contenue-centre .liste-categorie{
    padding: 22px 11px 22px 0;
}
.cms-index-noroute #contenue-centre .liste-categorie > div{
    padding: 0;
}
.page404 h2{
    text-transform: none;
}
/*---------------------*/

/* IE8 uses \0 */
@media all\0 {

    .accueil .forfait-numerique .offres-nums .icon-vp-numerique{
      background-position: -123px -949px;
      background-color: transparent;
    }
    .accueil .pages-categorie li a {
       padding: 12px 2px
    }
    .accueil .all-magazines .icon-vp-close-up {
        zoom:1;
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
    #contenue-centre .block-bottom-btns input.to-cart{
        float: right;
    }
    #sommaire .visuel, .block-product .product .visuel {
       width: 295px
    }
    #sommaire .visuel, .block-product .product .content-sommaire .visuel {
       width: 34.5%
    }

    #newsletter-popin .modal-body .input-append {
       padding-bottom: 8px;
       padding-top: 8px;
    }
    #newsletter-popin .modal-body .input-append button {
       float: none;
    }

    .block-conditions div ul li > a:first-child span{
        position: absolute;
    }
    #choixCadeau li input[type="checkbox"]{
        visibility: visible;
        filter: alpha(opacity=0);
    }
}
 /* ----------------------------------------*/

/** Footer  **/

#contentBA.reab li{
    width: 23%;
}


.header-middle #search-type li.all-magazines button{
    width:100%;
}

/*------------*/
/*****Desktop******/
@media (min-width: 1024px) {
    #header .navbar .nav > li > a, .header-middle .icon-vp-search {
        z-index:990;
        text-transform: uppercase;
    }


    #nav-menu ul.dropdown-menu {
        z-index:989;
    }
    #header .navbar .nav ul.dropdown-menu ul.important.visible-desktop {
        display:block !important;
    }
    .navbar .all-magazines a {
        height:56px;
        min-width:515px;
        display:inline;
        padding:11px 19px;
        color:#FFFFFF
    }
    .navbar .all-magazines a:hover
    {
        background-color:#009CEE;
    }
    .navbar .all-magazines a:hover .icon-vp-arrow-right
    {
        background-color:#009CEE;
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png");
        background-repeat:no-repeat;
        display:inline-block;
    }
    ul.magazines {
        height:auto;
        min-height:215px
    }
    #header .navbar .nav > li {
        padding:11px 4px 11px 4px;
    }
    #products-list .visuel {
        min-height: 265px;
    }
    .filetNoir {
        border: 2px solid #002537;
        width: 95px;
        margin-bottom: 10px
    }
    #header .dropdown .dropdown-menu .nav-header {
        margin-bottom: 0;
        border-bottom: 0
    }
    ul.magazines li {
        padding-left: 7px;
    }
    ul.important li:first-child{
        margin-right: 5px;
    }
    .ajout-panier .modal-body .price-block .price em, #contenue-centre .price em {
        font-size: 23px;
    }
    .ajout-panier .modal-body .price-block {
       margin-top: 12px
    }
    .accueil .forfait-numerique h5, .accueil .forfait-numerique .savoir-plus {
        margin-top: 18px;
    }
    .accueil .forfait-numerique .savoir-plus {
        font-size: 12px;
    }
    #header .header-top .user-block > li > a:hover {
        background-color: #d3d3d3
    }
    #header .header-top .user-block #top-account ul > li > a:hover {
        background-color: #d3d3d3
    }
    .btn {
        border-radius: 3px
    }
    #header .dropdown .dropdown-menu .nav-header {
        padding: 0 0 10px 0
    }
    .tabs-accordeon .accordion-inner #sommaire {
       padding-left: 10px
    }

    .infos-product a#link-summery:hover, .infos-product a#link-review:hover {
       color: #ffffff;
       text-decoration: none;
       background-color: #0087CE
    }

    .customer-account-create #contenue-centre .container-block {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .customer-account-create #contenue-centre .btn#btnCreateAccount {
        width: 30%;
        height: 40px
    }
}

/*****************/

/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {
    #contenue-centre .pub-top {
        padding:15px 20px;
    }
    .icon-vp-numerique{
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    }
    .icon-vp-add-panier{
        margin-left: 36%;
    }
    .block-conditions div ul li:hover > a.inactive .icon-vp-papier, a.inactive .icon-vp-papier, a.inactive:hover .icon-vp-papier{
        background-position: -1px -404px;
    }    .block-conditions div ul li:hover > a.inactive .icon-vp-web, a.inactive .icon-vp-web, a.inactive:hover .icon-vp-web{
        background-position: -145px -403px;
    }

    #footer #links li ul li.block  {
        background: none;
    }

    .block2-left {
        float: none;
        display: block;
        width: auto;
    }
    .accueil .pages-categorie li.idee-cadeau > a {
        width: 100%;
    }
    .accueil .pages-categorie li > span {
        font-size: 10px;
        padding: 13px 2px;
        height: 52px;
    }
    .accueil .pages-categorie li > span > i
    {
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
        line-height: 25px;
        margin-top: 5px;
        bottom: 10%;
    }
    .accueil .pages-categorie li.idee-cadeau{
        width: 19%;
    }
    .accueil .pages-categorie li{
        width: 13.5%;
    }
    .accueil #block-product-list .pages-categorie {
        margin-bottom: 0;
    }
     .accueil #block-product-list .icon-vp-list-bleu {
        margin-top: 0px;
    }
    #block-product-list .product-visuel img {
        max-height: 188px;
    }
    #block-product-list .product-list .price-block{
        margin-top: 7px;
        padding: 10px;
    }
    .garantieBas{
        background-position: -58px -96px;
    }
    .satisfaitRembourse{
        background-position: -97px -96px;
    }
    .paiementSecurise{
        background-position: -133px -96px;
    }
    #referenceOffer li{
        margin-left: 1%;
        width: 23%;
        vertical-align: top;
    }
    .accueil #listeOffer{
        margin-top: 17px;
    }
    #referenceOffer li{
        margin-left: 1%;
        width: 23%;
        vertical-align: top;
    }
    #referenceOffer li span{
        display: block;
        line-height: 16px;
        margin-top: 6px;

    }
    #referenceOffer li span.garantieBas{
        margin: 0;
    }
    .product-bottom  .tabs-accordeon {
        width:100%;
    }
    .cadeau-message .contentbox {
        font-size: 11px;
        height: 213px;
        line-height: 16px;
        padding: 10px;
        width: 220px;
    }
    #header #nav-menu .menu-special {
        padding: 0
    }
    #header #nav-menu .menu-special a {
        width: auto;
        height: auto
    }
    .product-list li .product-visuel .label-corner {
        top: -5px;
    }
    #contenue-centre .double-block > .right a {
        padding-top: 0;
        line-height: 13px;
        padding-left: 32%;
    }
    .block-offre .double-block .price-block .price-old{
        width: 66%;
    }
    .block-offre .double-block .price-block .price{
        width: 20%;
    }
    #contenue-centre .double-block.big-desktop .left{
        height: 88%;
    }
    #contenue-centre .double-block.big-desktop  .right{
        height: 77%;
    }
    .block-offre .double-block .price-block .price {
        padding: 8px;
    }
    .block-conditions div ul li > a:first-child {
        width:auto;
    }
    #contenue-centre .block-offre .double-block.little-desktop .left {
        padding:7px 2% 16px;
        width:72%;
    }
    .custom-radio.custom-checkbox > .box, .custom-checkbox > .box{
        top : 1px;
    }
    #avis.accordion-inner .scrollable, #avis.accordion-inner {
        width: 100%;
    }
    li.active span .icon-vp-top {
        background-position: 0 -720px;
    }
    .accueil .forfait-numerique {
        padding-left: 15px;
    }
    #contenue-centre .double-block #discover-all-offers p span {
        display: inline-block;
        line-height: 27px;
        vertical-align: middle;
        padding-top:14px;
    }
    .block-product .product .text h1 {
       padding-right:70px;
    }
    .block-product .product.with-selection .text h5{
       margin-bottom: 7px
    }
    #contenue-centre .double-block.all-little-desktop {
       height: auto
    }
    #filtre-list #accordion2 .accordion-body {
       max-height: none
    }
    #breadcrumbs-bloc, #breadcrumbs-bloc .breadcrumb {
       background-color: #f1f0ea
    }
    #contenue-centre .container-block {
        margin-top : 0
    }
    #contenue-centre {
        background: none #ffffff;
    }
    #contenue-centre .liste-categorie {
        padding-bottom: 0;
    }
    .navbar .btn-navbar{
       height: 15px
    }
    .container {
        padding: 0 20px;
        width: auto
    }
    #referenceOffer li {
        font-size: 8.5pt;
    }
    #header .nav-collapse .nav > li {
        padding-right: 15px;
        border-right: 1px solid #193A4B;
    }
    ul.magazines {
        margin-left: 20px
    }
    #header .nav-collapse .nav li.list-up {
        margin-left: 20px
    }
    #header .navbar .menu-special {
        line-height: normal
    }
    #header #nav-menu .menu-special a {
       padding: 11px 30px
    }
    .infos-product span.title-compatible {
        line-height:32px;
        margin-top:6px;
    }
    .infos-product .list-compatible {
        margin-top:6px;
    }
    .block-conditions div ul li > a:first-child span {
        padding-top: 10px;
    }
    .liste-categorie .block-right {
        width: 539px;
    }
    #contenue-centre .liste-categorie {
       padding-right: 0;
    }
    #block-product-list ul.product-list, .liste-categorie ul.product-list {
        margin-left: 0
    }
    .option-cadeau .img-cadeau {
       width: 35%;
       margin-right: 5%;
    }
    .option-cadeau .img-cadeau img {
       width: auto;
    }
    .option-cadeau .cadeau-message {
       width: 57%
    }
    .option-cadeau .cadeau-message textarea{
       width: 100%
    }
    .identification .connection .control-group .controls input {
        width: 100%;
    }
    #popin-updateAddress.modal {
        left: 46%;
    }
    #popin-panier.modal{
        left: 48%;
        max-width: 81%;
    }
    .ajout-panier .achat-options > form > ul > li {
       padding-bottom: 5px
    }
    .ajout-panier .achat-options > form > ul > li label{
       margin-top: 3px
    }
    .tunnel-panier .tunnel-panier .product-added .text ul h6 {
        float: left;
        margin-top: 10px
    }
    .tunnel-panier .block-panier .supprime {
        width: 75px;
        font-size: 10px;
    }
    .tunnel-panier .block-panier.options-added .info-text {
        width: 270px;
    }
    .tunnel-panier .tunnel-panier .product-added .text ul li:first-child h6 {
        float: none;
        display: inline;
        margin-top: 0
    }
    .tunnel-panier .block-panier .info-text {
        width: 225px;
    }
    .tunnel-panier .block-panier .prix-kiosque {
        width: 14%;
    }
    .tunnel-panier .block-panier .prix-public {
        width: 11% !important;
    }
    .tunnel-panier .block-panier .quantite {
        width: 7.5%;
    }
    .tunnel-panier .block-panier .prix-init{
        width: 17%;
    }
    .tunnel-panier .block-panier .prix-payer{
        margin-right: 0;
        width: 11%
    }
    .tunnel-panier .options-added{
        border: none;
    }
    .tunnel-panier .options-added .prix-payer {
       text-align: right;
       width: 123px
    }
    .cart-tunnel .total tr,.cart-tunnel .sous-total tr{
        font-size: 10px;
        float: right;
    }
    .cart-tunnel .total tr td .price-block,.cart-tunnel .sous-total tr td .price-block{
        margin-left: 8px;
        min-width: 60px;
    }
    .tunnel-panier .header-middle .wizard {
        text-align: center;
    }
    #contenue-centre .commandes .block-three .btn {
       float: right;
       margin-top: -44px
    }
    .form-horizontal .custom-radio {
        width: 22%
    }
    .form-horizontal .custom-checkbox label {
        width: 40%
    }
    .form-horizontal .newsletter-part .custom-checkbox label {
        width: 80%;
    }
    .form-horizontal .custom-radio.you-are {
        width: 35%
    }
    .form-horizontal .custom-checkbox.you-are label {
        width: 75%
    }
    .navbar-fixed-top, .navbar-fixed-bottom {
       position: fixed
    }
    .nav-mon-compte li {
        padding: 10px 8px;
    }
    #grid .month {
       width: 57px;
       font-size: 11px;
       text-align: right
    }
    .nav-subscription-right, .nav-subscription-left {
       width: 22px;
    }
    .calendar-abonnements #leftArrow, .calendar-abonnements #rightArrow {
       width: 17px
    }
    #purchase-block-wrapper .block-conditions div ul li > a:first-child {
        padding-right: 24px;
    }
    #contenue-centre .block-product .body-reabonnement .pull-left.text {
        width: 100%;
    }
    #contenue-centre .block-product .body-reabonnement .pull-left.text .condition-abon {
        max-width: 55%;
    }
    #popin-updateAddress.modal {
        width:auto;
    }
    .accueil #block-product-list ul.product-list,
    .accueil .liste-categorie ul.product-list {
        text-align: center;
    }

    .infosClient #signature{
        padding: 20px 15px 20px !important;
    }
    #contenue-centre .imprimer{
        margin-top: 15px;
    }
    .tunnel-panier #contenue-centre .container{
        padding:0;
    }
    .block-panier.panier-title .info-text{
        width: 200px;
    }

    .block-panier.sous-total-panier .info-text{
        margin-right: 0;
    }
    .block-panier.sous-total-panier .code-promo{
        width: 20%;
    }
    .block-panier.total-panier h6.info-text{
        width: 17%;
    }
    .block-panier.total-panier .total{
        width: 20%;
    }

    .commandes .block-commande > div .block-one{
        width: 31%;
        font-size:14px;
    }
    .commandes .block-commande .title-commande .block-two{
        width: 27%
    }
    .commandes .block-commande .title-commande .block-three{
        width: 40%;
        font-size:14px;
    }
    .commandes .block-commande .title-commande .block-three.giftcardprice{
        font-size:14px;
    }
    .commandes .block-three.hidden-phone > a {
        float:none;
    }
    .commandes .block-commande .footer-commande,
    .commandes .block-commande .footer-commande .block-one,
    .commandes .block-commande .footer-commande .block-two {
        line-height:15px;
    }
    .commandes .block-commande .footer-commande .block-three {
        float:right;
        line-height:15px;
    }
    .commandes .block-commande .footer-commande.giftcard-footer .block-two {
        width:82%;
    }
    .commandes.fiche-commande .block-commande .body-commande .block-one,
    .commandes.fiche-commande .block-commande .footer-commande .block-one {
        width:140px;
    }
    #filtre-list p.filter-link, #filtre-list p.filter-link:hover{
        line-height: 14px;
        font-size: 13px;
    }
    #filtre-list label{
        display: inline-block;
        line-height: 15px;
        max-width: 75%;
        padding-top: 5px;
    }
    #filtre-list li{
        line-height: 14px;

    }
    .ajout-panier.modal.fade.in{
        width:102%;
    }
    .tunnel-panier .block-panier h2.title-visuel{
        width: 130px;
    }
    #contenue-centre{
        padding-top: 0;
    }
    #contenue-centre .liste-categorie{
        padding-top: 0;
    }
    #grid {
        list-style: none;
    }
    .abonnement > div.info-text li h6 {
        margin: 9px 0;
    }
    .header-middle li.list-magazines ul li{
        width: 220px;
    }

}
/******** Mobile *********/
@media (max-width: 480px) {
    body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .icon-vp-list-bleu{
        margin-top: 0;
    }

    #header .header-top {
        padding: 0 10px;
    }
    .header-middle {
       padding-left: 10px;
       padding-right: 10px;
    }
    .header-middle {
        padding-bottom: 5px;
        padding-top: 5px;
    }
    #header .navbar .nav > li:hover:after, #header .navbar .nav > li:after{
        right : 0;
    }
    .block2-left {
        float: none;
        display: block;
        width: auto;
    }
    .navbar .btn-navbar{
      height: 27px;
    }
    .accueil #block-product-list ul.product-list{
        text-align: center;
        margin: 5px  0 0 2px;
        width: 97.5%;
    }
    .accueil .forfait-numerique .offres-nums{
        right : 10px;
    }
    .accueil .forfait-numerique .offres-nums > a{
        display: inline-block;
        width: 120%;
        bottom: -40px !important;
    }
    #block-product-list ul.product-list, .liste-categorie ul.product-list{
        margin : 0 0 10px 0;
    }
    .header-middle li.list-magazines ul{
        width: auto;
    }
    .header-middle li.list-magazines ul li{
        padding-bottom: 0;
        height: 100px;
    }

    .header-middle li.list-magazines ul li + li + li{
        border-bottom: 1px solid #E5E5E5;
    }
    #header #nav-menu .menu-special {
        padding: 0
    }
    #header #nav-menu .menu-special a {
        width: auto;
        height: auto
    }
    .product-list li .product-visuel .label-corner {
        top: -5px;
    }
    .block-conditions .block-type, .block-conditions .block-time {
        height: auto !important
    }
    .product-bottom  .tabs-accordeon, #sommaire .content-sommaire .text {
        width:100%;
        text-align: center;
    }
    #contenue-centre .double-block #discover-all-offers {
        font-size: 12px;
        padding-top: 13px;
        padding-bottom: 10px;
    }
    #contenue-centre {
        background: none;
    }
    #offerFooter {
        margin-top: 0;
    }
    #block-product-list .product-visuel img{
        max-height: 168px;
    }
    #block-product-list .product-list li h5{
        height: 24px;
    }
    #block-product-list .product-list .price-block{
        padding:5px;
    }
    #contentBA li a {
        height: 94px;
        overflow: hidden;
    }
    #contenue-centre .block-offre .double-block.little-desktop .left {
        width: 94%;
    }
    .catalog-product-view #form-avis {
        display: block
    }
    .catalog-product-view #form-avis .input-box {
        clear: left
    }
    .catalog-product-view #form-avis .validation-passed {
        width: 80%;
        font-size: 17px;
        text-transform:uppercase;
        padding: 12px 0
    }
    .catalog-product-view #form-avis h4 {
        width: 100%;
    }
    .catalog-product-view  #form-avis h4 label {
       float: none
    }
    .catalog-product-view h5 {
       clear: left;
    }
    .catalog-product-view #contenue-centre .double-block > .right a {
        width: auto;
        display: block;
        height: auto;
        padding: 0;
        font-size: 14px;
    }
    .addtocart-button p{
        font-size: 15px;
    }
    .catalog-product-view .icon-vp-add-panier  {
        margin: -8px -60px 0 49px;
    }
    #contenue-centre .infos-product > ul {
        text-align: center;
        margin-left: 0
    }
    .infos-product ul li {
        display: inline-block;
        float: none
    }
    #contenue-centre .double-block #discover-all-offers p span {
        display: inline-block;
        line-height: 26px;
        vertical-align: middle;
        font-size: 12px;
    }
    .label-color.big {
        background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/promo-produit.png") no-repeat scroll left bottom / contain transparent;
        font-size: 2.6em;
        height: 44px;
        width: 50%;
    }
    .block-product .product .title-product h5 span:first-child, .description-numero span {
       background: none
    }
    #titleOffer {
       top: 0
    }
    .container-block-leaderboard {
        margin-bottom: 15px;
        padding: 0
    }
    #contenue-centre .description .separ-bottom {
       display: block;
        margin: 0 auto;
    }
    .description .icon-vp-list-bleu {
       padding-right: 10px
    }
    .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
       width: auto
    }
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
       margin-left: 0;
       margin-right: 0;
    }
    #footer #titleBA a {
        position: relative;
        right: 10px
    }
    .liste-categorie .block-right {
        padding-left: 5px;
        padding-right: 5px;
    }
    .accueil .title-pages-categorie {
        margin-top: 8px;
    }
    .title-pages-categorie a.findGift {
        background-color: #009CEE;
        background-image: none;
        color: #ffffff
    }
    .title-pages-categorie a.findGift div {
        display: block;
        float: left;
        margin-right: 10px;
        margin-top: 5px;
        line-height: 16px;
    }
    .title-pages-categorie a.findGift div span{
        text-transform: none
    }
    .accueil .forfait-numerique h5 {
        font-size: 0.7em;
        margin-top: 4%;
        width: 52%;
    }
    .accueil .forfait-numerique .offres-nums > a {
        font-weight: bold;
        position: inherit;
        font-size: 12px;
        bottom: -30px;
    }
    .accueil .forfait-numerique .offres-nums .icon-vp-numerique {
       display: none
    }
    #contenue-centre .block-product .product {
       padding: 0 5px
    }
    .product-list li .product-visuel .label-corner {
       width: 83px;
       height: 83px;
    }
    .cadeau-message {
       margin-bottom: 15px
    }
    .cadeau-message .contentbox {
        width: 90%
    }
    #contenue-centre .modal-footer .btn {
        float: none;
        display: block;
        margin-bottom: 7px
    }
    #logout-button.btn {
        float: none;
        width: auto;
        margin: 8px 5px;
    }
    .infosClient #compte, .infosClient #signature {
        float: none !important;
        width: auto !important;
    }
    .custumer-dob .span {
        float: left;
        margin-left: 0;
        margin-right: 5px;
        width: auto;
    }
    .liste-adresses .adresse-groupe {
        float: left;
    }
    .liste-adresses .block-one,
    .liste-adresses .block-two {
        width: 55%;
        float: left;
    }
    #contenue-centre .double-block.all-little-desktop .right{
        width: 46%;
    }

    #contenue-centre .option-reabonnement .condition-abon {
    width: 45%;
    }
    #contenue-centre .option-reabonnement .price-old {
        width: 30%;
    }
    .body-reabonnement .option-reabonnement {
        display: inline-block;
    }
    #popin-updateAddress.modal {
        width:auto;
    }

    .mon-compte h2{
        margin-top :0px;
    }
    .commandes .block-commande > div .block-two{
        line-height: 20px;
    }
    .commandes .block-commande > div .block-three{
        font-size: 15px;
        line-height: 19px;
    }
    .commandes .block-commande .footer-commande .block-two{
        width: 59%;
        text-align: inherit;
    }
    .commandes .block-commande .footer-commande  .block-three{
        line-height: 10px;
    }
    .commandes .block-commande .body-commande .group-details .details{
        margin-bottom: 8px;
    }
    .tunnel-panier .header-middle .wizard a span{
        margin : 0 0 0 -10px;
        font-style: italic;

    }
    .tunnel-panier .header-middle .wizard .current span{
        color: #FFFFFF;
        font-style: normal;
        margin: 0;
    }
    .block-panier li{
        line-height: 10px;
    }
    li div.visible-phone{
        display: inline-block !important;
        font-size: 12px;
    }
    .product-added .text h3{
        line-height: 15px;
    }
    body.tunnel-panier #contenue-centre{
        background-color: #ffffff;
    }
    .multiple-checkout .adresse-form h2, .multiple-checkout .adresse-form span{
        padding-left: 10px;
    }
    .multiple-checkout .tunnel-body p{
        padding-left: 10px;
    }
    .conditions{
        margin-left: 10px;
    }
    .tunnel-panier .product-added .prix-init.visible-phone .price-block .block-panier{
        padding: 10px;
    }
    .tunnel-panier .product-added > .block-panier{
        overflow: hidden;
    }
    .tunnel-panier .product-added .text h6{
        line-height: 14px;
    }
    .tunnel-panier .block-panier.options-added .info-text{
        width: 80%;
    }
    .tunnel-panier .block-panier .quantite{
        width: 0;
    }
    .tunnel-panier .block-panier .info-text{
        margin-right: 0 ;
    }
    .tunnel-panier .block-panier .supprime{
        width: 18%
    }
    #contenue-centre .tunnel-panier .valider-panier a.btn{
        margin: 5px;
        width: 84%;
    }

    .tunnel-panier .valider-panier > div, .tunnel-panier .valider-panier > a.btn{
        margin: 0;
        width: 100%
    }
    .tunnel-panier .block-panier.total-panier{
        margin-bottom: 0;
    }
    .tunnel-panier #collapseOne {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
    .tunnel-panier #collapseOne input{
        height: 26px;
    }
    .body-reabonnement .option-reabonnement .price-old, .block-offre .double-block .price-block .price-old{
        width : 51%;
    }
    .block-offre div.gift-wrapper{
        width :50%
    }
    .block-offre div.cadeau-offre{
        width: 90%;
    }
    #contenue-centre .double-block .left .cadeau-offre{
        margin: 0 0 5px 0;
    }
    #contenue-centre .double-block #discover-all-offers p span{
        line-height: 19px;
    }
    .tunnel-panier .valider-panier{
        text-align: center;
    }
    .checkout-billing-amount{
        padding-left: 5px;
    }
    .list-cartes{
        border: none;
        text-align: center;
        overflow: hidden;
    }
    .list-cartes .radiobtn-block, .list-cartes .radiobtn-block .btn{
        width: 100%;
    }
    .list-cartes .radiobtn-block{
        padding-left: 2px;

        margin:0;
    }
    .list-cartes .radiobtn-block .btn{
       min-height: inherit;
       margin: 0;
       border: none;
       border-top: 2px solid #f0efea;
    }
    .list-cartes .radiobtn-block .btn{
        line-height: 15px;
    }
    .list-cartes .list-cheques .btn{
        height: auto;
    }
    .list-cartes .radiobtn-block .btn span{
        text-transform: none;
        text-align: left;
        color: #2090f6;
        display: inline-block;
        float:left;
    }
    .list-cartes .btn.active span, .list-cartes .btn:hover span{
        color: #ffffff;
    }
    .list-cartes .radiobtn-block i{
        margin-right: 15px;
        margin-left: 15px;
        float:left;
    }
    .list-cartes .btn .icon-vp-list-bleu{
        background-image:url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png);
        height: 12px;
        width: 0px;
    }
    #alerts p{
        width: 65%;
        margin-top:9px;
    }
    #purchase-block-wrapper .block-offre .purchase-wizard-offer .pull-left{
        margin-bottom: 20px ;
    }
    #purchase-block-wrapper .block-type .btn-group ul{
        height: auto;
    }
    #purchase-block-wrapper .block-conditions div ul li{
        padding-left: 13px;
    }
    .block-conditions div ul li > a:first-child{
        height: auto;
    }
    #purchase-block-wrapper .block-conditions div ul li > a,.block-conditions div ul li > a:first-child span{
        padding: 0;
    }
    #popin-panier .custom-checkbox .label-free{
        float: left;
        margin-left: 36px;
        margin-bottom: 5px;
    }
    #popin-panier ul li ul{
        margin-left: 20%;
    }

    .page404 h2{
       line-height: 34px;
    }
    .liste-adresses .adresse-groupe > div {
        padding: 5px;
    }
    .form-horizontal .custom-radio{
        margin-right: 15px;
    }
    .form-horizontal .custom-radio.you-are{
        margin-right: 2px;
        width: 49%
    }
    .form-horizontal .custom-checkbox.you-are label{
        width: 69%;
    }
    .form-horizontal .custom-checkbox label.gender{
        width: 22%;
    }
    #contenue-centre .my-account .btn{
        width: 79%;
    }
    .custumer-dob .span{
        margin-right: 3px;
    }
    .custumer-dob .span.dob-year {
        width: 80px;
    }
    #contenue-centre #btnCreateAccount{
        width:100%;
        padding: 20px 8px;
    }
    .twitter{
        background-position: -69px -1327px;
    }
    .googlePlus{
        background-position: -69px -1388px;
    }
    .title-pages-categorie.visible-phone.current{
        display: none !important;
    }
    .mon-compte .title-pages-categorie.visible-phone p{
        line-height: 37px;
    }
    #login-form{
        max-height: 450px;
    }
    .product-added .text li, .ajout-panier .achat-info li{
        width: 270px;
    }
    .product-added .text li > span.normal {
        margin-left: 0px;
    }
}

#multishipping-billing-form input[type="radio"]{
    visibility : hidden;
}
#giftcardForm #giftcard_code {
    height: 27px
}
#giftcardForm .btn {
    height: 19px;
    margin: 0;
    min-height: 20px;
    width: auto;
}
#giftcard-form .validation-advice{
    font-size: 12px;
    color: #555555;
    float: right;
    margin: -20px 0 0 5px
}
.colRight > #topCartContent{
    position: inherit;
    width: auto;

}

.ajout-panier .list-type.cadeau li > div{
    min-height: 339px;
}

.custom-radio.custom-checkbox > label{
    display: inline;
}
.delivery-block .custom-radio input[type="radio"] {
    margin:0;
}
.delivery-block .custom-radio.radio-date input[type="radio"] {
    margin:10px 0 0 0;
}
.delivery-block .custom-radio.radio-date .box {
    top:11px;
}

#flashsale{
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/vente-flash.png") no-repeat scroll right top transparent;
     height: 111px;
    position: absolute;
    right: 0;
    top: 0;
    width: 111px;
}

.resultatCadeau{
    padding-left: 22px;
}

.product-added .text ul .titleGift, .ajout-panier .achat-info ul .titleGift {
    display: inline-block;
}
#popin-panier li{
    line-height: 20px;
}
#popin-panier .modal-body ul li .titleGift{
    margin-top: 0;
}
#popin-panier .modal-body ul li.media i{
    margin-top: -11px;
    height: 40px;
}
#popin-panier .modal-body ul li.media{
    overflow: visible;
}

#readyToOffer{
 height: 147px;
}

#readyToOffer > img{
    border: 0 none;
    bottom: 142px;
    height: auto;
    left: -1px;
    max-width: 70%;
    position: absolute;
    vertical-align: middle;
}

.ajout-panier .list-type.cadeau li {
    vertical-align:top;
}
.tunnel-body input[placeholder]{
    font-style: italic;
}
.recapitulatif  i[class=separateur-point]   {
    vertical-align: middle;
    width : 5px;
    margin-left: 10px;

}
.experian-button{
    text-transform: uppercase;
}

#contenue-centre .block-three .btn{
    min-height: 49px;
    padding: 14px 12px;
}
#contenue-centre .title-commande .block-three .btn {
    margin:0 0 0 5px;
    padding:12px;
    min-height:40px;
    line-height:17px;
}

.ajout-panier.modal.fade.in{
    top :-10%;
}
.ajout-panier.modal.fade.in.reab{
    top :5%;
}

.modal.fade.newsletter.in {
    top: 20%;
    left: 50%;
    text-align: center;
}

.commandes .block-commande > div .block-three.giftcardprice {
    float: right;
    text-align: right;
    lin-height:30px;
}

.commandes .block-commande .block-one.giftcardPage{
    width:auto;
}
.commandes .block-commande .body-commande .block-one.giftcardPage{
    color: #000000;
}

.icon-vp-papier-paiement{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    background-position: -0px -448px;
}
.icon-vp-numerique-paiement{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    background-position: -48px -448px;
}
.icon-vp-web-paiement{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    background-position: -143px -448px;
}

.my-account .message-cms {
    background-color: #F1F0EA;
    display: block;
    float: none;
    margin: 10px 0;
    padding: 10px;
}

#contenue-centre .pub-top  {
    display : none;
}
#popin-panier .pub-top {
    padding-left:0;
    padding-right:0;
}
#contenue-centre .pub-top.pub-widget {
    margin-top: 0px;
}


/* JEROME */

/* Tri - Hover sur toute la ligne */
.dropdown-menu li > a {
    width: 85% ;
}
.block-pays .dropdown-menu li > a {
    width: 85% ;
}

/* Paiement par chèque, déplacement du bouton "Imprimer" à droite */
.multiple-checkout .cbCheque .pull-right {
    clear: both ;
}

/* Confirmations de paiement - Voir mon compte */
#viewaccount {
    display: block;
    height: 30px;
    text-align: right;
    padding-right: 2%;
}

/* Pas de transformation de texte (uppercase etc..) */
.notransform {
    text-transform: none;
}

/* Taille des noms de catégories dans le menu haut */
#header .navbar .nav > li {
    font-size: 14px;
}

/* Sous-menu categories */
#header .dropdown .dropdown-menu .nav-header span {
    font-style: normal;
    font-weight: bold;
}
.dropdown li.pub-img {
    position: absolute;
    top: 10px;
    right: 20px;
}
#header .dropdown .dropdown-menu .nav-header:hover {
    color: #0087ce;
    cursor: pointer;
}


/* HACK IE 10/11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #purchase-block-wrapper ul a > span { line-height: 0px !important ; }
}

.country-number {
    color: #0087ce;
    font-weight: bold;
    font-size: 28px;
    margin-right: 12px;
}

/* VIAPRESSCOM */

.header-middle .logo
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/logo-JEPLP.jpg");

}
.header-middle .logo:hover
{
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/logo-JEPLP.jpg");
}
#contenue-centre
{
    background-position:center 20px;
}
#contenue-centre .container
{
    padding-top: 0px;
}
.inactive
{
    display: none;
}
.condition-abon
{
    width: 300px;
}

/* PreHome - Jerome */
#prehome {
    position: absolute ;
    top: 0px ;
    left: 0px ;
    width: 100% ;
    height: 100% ;
    z-index: 99999 ;
}
.purchase-wizard-offer > .left > span.normal{
    font-size: 11px;
    margin-bottom: 3px;
}
.header-middle .logo {
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/logo-JEPLP.jpg");
    background-repeat: no-repeat;
    position: static;
    width: 334px !important;
    height: 88px;
}


/* Ajustement du footer "Nos offres" */
#footer #offerFooter #titleOffer {
    top: 0px ;
}

/* Remonter le bloc de droite sur la page livraison */
.tunnel-two-column .block-right {
    margin-top: 0px ;
}

/* Remplir toutes la ligne du choix de l'adresse */
body.checkout-multishipping-addresses div.adresse-form li > a {
    width: 92% ;
}
body.checkout-multishipping-billing div.adresse-form li > a {
    width: 92% ;
}

/* Deplacement vers le bas du bouton "imprimer" sur la page paiement par chèque */
body.checkout-multishipping-success div.cbCheque div.pull-right {
    margin-top: 20px ;
}

/* Champs "Créer une nouvelle adresse" lors de la selection d'adresse d'un achat */
.newaddress {
    color: #0087ce;
    text-decoration: none;
}
.newaddress:hover {
    cursor: pointer;
    color: #009cee;
    text-decoration: underline;
}
.newaddressimg {
    background: url('http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png') no-repeat -140px -49px;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 5px;
}

/* Width 100% */
.w100 {
    width: 100%;
}

/* Alignement vertical de la durée / support des offres
   Cela avait été supprimé pour IE, mais du coup plus aucun alignement dans les autres navigateurs.
   Il y a une feuille de style spéciale pour IE il faut faire les modifs dedans */
 #purchase-block-wrapper ul a > span {
     line-height: 50px;
     font-size: 11px;
 }

 /* Alignement vertical du media dans le purchase.phtml
    pour le couplage auto */
#purchase-block-wrapper ul a > span.autoCouplingMedia {
    line-height: 0px;
    font-size: 11px;
    padding-top: 9px;
}

/* Style des titres dans la liste categories */
.h3title {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 6px;
    padding-bottom: 0px;
    line-height: 18px;
    overflow: hidden;
    font-weight: bold;
}

.h3title-hover {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 10px;
    padding-bottom: 2px;
    line-height: 19px;
    overflow: hidden;
    font-weight: bold;
    margin-bottom: 17px;
}

/* Nos offres dans le footer */
.h2offerTitle {
    display: inline-block;
    margin: 0 auto 0 auto;
    width: 43%;
    height: 30px;
    font-family: Bitter,serif;
    font-size: 12pt;
    color: #ffffff;
    text-align: center;
    background-color: #002537;
    border-radius: 4px 4px 0 0;
    padding-top: 15px;
    text-transform: uppercase;
    line-height: inherit;
}

/* Footer */
#listeOffer h3 {
    margin: 0;
    font-family: Bitter,serif;
    font-size: 16pt;
    line-height: 24px;
    margin-bottom: 14px;
}
#listeOffer a h3:hover {
    color: #009cee;
    text-decoration: none;
}


/* Description courte, sur la fiche produit */
.h2product-shortdesc {
    font-size: 14px !important;
    margin-top: 20px !important;
    line-height: 20px !important;
    margin-bottom: 1px !important;
    font-weight: bold;
}

/* Avis Viapresse */
.description-wrapper h2 {
    line-height: 20px !important;
    font-size: 13px !important;
    margin: 0pt !important;
    font-family: Bitter, serif !important;
    font-weight: bold !important;
    color: #000000 !important;
}

/* "Acheter TITRE" - page produit */
#block-acheter .titlePurchase {
    font-size: 17.5px;
    margin-top: 0px;
    text-align: center;
    text-transform: uppercase;
    line-height: 6px;
}
#block-acheter .titlePurchase span {
    position:relative;
    color: #FFF;
}
#block-acheter .titlePurchase span:before {
    border-top: 2px solid #FFF;
    content:"";
    position: absolute;
    top: 13px;
    left: -13%;
    bottom: 0;
    width:10%;
}
#block-acheter .titlePurchase span:after {
    border-top: 2px solid #FFF;
    content:"";
    position: absolute;
    top: 13px;
    right: -13%;
    bottom: 0;
    width:10%;
}

/* Selection durée/support/formule */
.title-condition .titleConditionBold {
    font-family: Bitter, serif;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 0px;
    text-align: center;
    font-weight: normal;
    line-height: 20px;
}

/* Sommaire */
.accordion-inner .titleSummary {
    font-size: 24.5px;
    margin: 0px;
    font-family: Bitter, serif;
    font-weight: bold;
    line-height: 40px;
}

#contenue-centre .block-accroche{
    background-color: #fff;
    height: 27px;
    margin-bottom: 17px;
    margin-top: 3px;
}

#contenue-centre .block-accroche > .container{
    padding-left: 26px;
}

#contenue-centre .block-accroche > .container > h1{
    font-weight: normal;
    font-size: 14px;
    color: #474444;
    font-style: italic;
    line-height: 0px;
    margin-bottom: 30px;
}

body.cms-home #contenue-centre, body.cms-home #contenue-centre .container{
    padding-top: 0px !important;
}

/* Slider */
.accueil .carousel-indicators {
    text-align: center;
    left: 16px;
}
.accueil .carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    float: none;
    border-radius: 10px;
}

li.topsales-cat:hover a {
    color: #0087CE !important;
}
li.topsales-cat:hover a > i {
    background-position: 0 -1602px !important;
}


@media (min-width: 1024px) {
    #block-product-list .product-list > li {
        height: 420px;
    }
    #block-product-list .product-list li .product-info {
        height: 390px;
    }
}
@media (max-width: 1024px) {
    #block-product-list .product-list li .product-info {
        height: 395px;
    }
    p.itemprice {
        margin-top: 2px;
    }
}

.color-price {
    color: black !important;
}
.color-price-op {
    color: white !important;
}


.viapresse-price {
    color: #474444 !important;
    font-size: 14px !important;
}
.viapresse-price.white {
    color: #FFF !important;
    font-size: 16px !important;
}
#block-product-list .product-info label {
    text-align: center;
    margin-bottom: 20px;
}
#block-product-list .product-info p {
    color: #FFF;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
}
.ajout-panier .modal-body .price-block .price-old, #block-product-list .product-list .price-old {
    text-transform: none;
    font-size: 11px;
}
p.itemprice {
    font-size: 10px;
    margin: 0;
    height: 14px;
}
p.itemprice em {
    font-size: 11px;
}


#contenue-centre .block-product .product .double-block .left {
    height: 67px;
    padding: 0px 11px 11px 11px;
}

#contenue-centre .double-block #discover-all-offers p span {
    font-size: 17px;
}
#arrowdown {
    display: inline-block;
    background: url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png) no-repeat -64px -158px;
    width: 34px;
    height: 44px;
    margin-left: 10px;
    vertical-align: middle;
}

#block-acheter {
    background-color: #002537;
    line-height: 18px;
}

.viapresseprice_product {
    font-size: 10px;
    text-transform: uppercase;
}
.block-offre .double-block .price-block .price {
    padding: 17px 0px 17px 4px;
}
#contenue-centre .double-block .left {
    padding: 5px 0px 5px 9px;
}

@media (min-width: 768px) {
    /* Class gift pour les cadeaux */
    #contenue-centre .double-block.big-desktop .left {
        width: 71%;
        height: 96%
    }
    #contenue-centre .block-offre .double-block.little-desktop .left {
        width: 71%;
        height: 93%
    }
    #purchase-block-wrapper .block-offre div.pull-left.right {
        width: 27%;
        height: 99%;
    }
}
.block-offre .double-block .price-block .price-old {
    width: 158px;
    padding: 3px 0px 3px 3px;
    margin-left: 8px;
    height: 60px;
    line-height: 20px;
}

@media (max-width: 767px) {
    #contenue-centre .block-offre .double-block.little-desktop .left {
        width: 97%;
    }
    #contenue-centre .double-block {
        width: 99.3%;
    }
    #contenue-centre .double-block.medium-desktop .left, #contenue-centre .double-block.big-desktop .left, #contenue-centre .double-block.little-desktop .left {
        width: 97%;
    }
    .label_price_product {
        width: 60% !important;
    }
    .content_price_product {
        width: 30% !important;
    }
}

.percent_product {
    font-size: 17px;
    color: #cd063a;
    font-style: italic;
    margin: 22px 0px 0px 2px;
}
.prices_product {
    color: #000;
    font-size: 12px;
    line-height:16px;
}
.label_price_product {
    width: 60%;
    display: inline-block;
    text-align: right;
}
.content_price_product {
    display: inline-block;
    width: 30%;
    text-align: right;
}

.cadeau-offre img {
    width: 100%;
    float: right;
}

@media (max-width: 480px) {
    #contenue-centre .double-block #discover-all-offers {
        padding-top: 6px !important;
        margin-left: 0px;
    }
    #contenue-centre .double-block #discover-all-offers p span {
        line-height: 18px !important;
        font-size: 14px !important;
    }
}

/* Blocs inferieurs */
.bottomblock-product.leftblock{
    width: 49%;
    margin-right:1%;
}
.bottomblock-product.rightblock{
    width: 49%;
    margin-left:1%;
}
.bottomblock-product > span {
    display: block;
    background-color: #002537;
    color: #FFF;
    height: 30px;
    padding: 10px 0px 0px 25px;
    font-size: 14px;
}
.bottomblock-product #sommaire, .bottomblock-product #anciens, .bottomblock-product #viapressedescription, .bottomblock-product #avis {
    border-left: 4px solid #F1F0EA;
    border-bottom: 4px solid #F1F0EA;
    border-right: 4px solid #F1F0EA;
    height: 290px;
    padding: 10px;
}
.bottomblock-product #viapressedescription, .bottomblock-product #avis {
    height: 550px;
}
.bottomblock-product #avis {
    padding-top: 0px;
    height: 560px;
}
.bottomblock-product #sommaire .titleSummary {
    font-size: 22px;
    line-height: 12px;
    margin-bottom: 20px;
    margin: 10px 0;
    font-family: Bitter, serif;
    font-weight: bold;
    color: #000000;
    text-rendering: optimizelegibility;
}
.bottomblock-product #sommaire .visuel a.zoom-img {
    left: 25%;
    top: 30%;
}
.bottomblock-product #anciens ul.list-magazines {
    width: 460px;
    height: 280px;
}
.bottomblock-product #anciens ul.list-magazines li span {
    font-size: 11px;
}
.bottomblock-product.mtop {
    margin-top: 25px;
}
.bottomblock-product #viapressedescription {
    overflow: auto;

}
.bottomblock-product #avis.accordion-inner {
    width: 94%;
}
.bottomblock-product #avis.accordion-inner .scrollable {
    height: 490px;
}
.bottomblock-product #form-avis input, .bottomblock-product #form-avis textarea {
    width: 230px;
}
.bottomblock-product #form-avis textarea {
    height:65px;
}

/*  Module Cross Selling - FredHopper */

.bottomblock-product #viapressesimilaires {
    border-left: 4px solid #F1F0EA;
    border-bottom: 4px solid #F1F0EA;
    border-right: 4px solid #F1F0EA;
    height: 320px;
    padding: 10px;
}

#viapressesimilaires ul.list-magazines li .visuel img {
    border: 1px solid #f1f0ea;
    margin-bottom: 5px;
}

#viapressesimilaires .list-magazines li {
    margin-left: 25px;
    text-align: center;
    width: 175px;
    height: 247px;
}

.bottomblock-product #viapressesimilaires ul.list-magazines li span {
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
}

/* Mobile */
@media (max-width: 767px) {
    #viapressesimilaires .list-magazines li {
        width: 122px;
        height: 200px;
        margin-left: 22px;
    }
}

/*  Fin - Module Cross Selling - FredHopper */

/* Precart */
span.countrybold {
    font-weight: bold;
    font-size: 11px;
}
.popinred {
    color: #cd063a;
    height: 30px;
}
.prices_precart {
    color: #000;
    font-size: 12px;
    line-height:6px;
}
.ajout-panier .modal-body .price-block {
    padding: 5px 10px;
}
#isitagift {
    padding: 6px 10px;
}
span.giftpicture {
    background: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png") repeat scroll 42px -188px rgba(0, 0, 0, 0);
    height: 42px;
    margin-right: 4px;
    margin-top: 4px;
    width: 42px;
}

@media only screen and (max-device-width : 1024px) {
    .hidden-tablet {
        display:none !important;
    }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .block-offre .double-block .price-block .price {
        width: 28% !important;
        padding: 2px 4px 7px 4px !important;
    }
    .viapresseprice_product {
        line-height: 12px !important;
        font-size: 8px !important;
    }
    .block-offre .double-block .price-block .price-old {
        height: 40px !important;
        width: 120px !important;
    }
    #contenue-centre .price-old em, #contenue-centre .price-old {
        line-height: 13px !important;
    }
    #contenue-centre .double-block #discover-all-offers p span {
        font-size: 15px;
    }
}

body.tunnel-panier #contenue-centre .container-block {
    margin-bottom: 20px;
}
body.tunnel-panier #contenue-centre .block-panier h3 a {
    color: #000;
}
body.tunnel-panier #contenue-centre .block-panier h3 a:hover {
    color: #0087CE;
    text-decoration: none;
}

.product-added > a.supprime {
    margin: 0px 10px 10px 10px;
}

.tunnel-panier .block-panier .prix-kiosque {
    width: 16%;
}

.tunnel-panier .block-panier .prix-kiosque .price{
    color: #ACADAD;
}

.tunnel-panier .block-panier .prix-public {
    width: 16%;
}

.tunnel-panier .block-panier .prix-public .price{
    color: #ACADAD;
}

.tunnel-panier .block-panier .prix-viapresse {
    margin-right: 0;
    width: 14%
}
.block-panier.panier-title {
    margin-bottom: 0px;
}

.block-panier .price-block .publicdiscount {
    display: block;
    font-size: 17px;
    font-style: italic;
    color: #CD063A;
}

.block-panier .price-block .viapressediscount {
    display: block;
    font-size: 17px;
    font-style: italic;
    color: #CD063A;
    font-weight: bold;
}

.compte-creation-form .bootstrap-select.btn-group .btn .filter-option,
.checkout-multishipping-address-newshipping .bootstrap-select.btn-group .btn .filter-option,
.checkout-multishipping-address-newbilling .bootstrap-select.btn-group .btn .filter-option,
.checkout-multishipping-address-editshipping .bootstrap-select.btn-group .btn .filter-option {
    font-weight: normal;
}

.adresse-form address {
    margin-bottom: 0px;
}
.adresse-form .addressselect {
    vertical-align: top;
}

.multiple-checkout .upperbutton {
    float:right;
    padding: 15px 40px !important;
}

.tunnel-two-column .checkout-billing-payment .block-right {
    margin-top: 0px;
}

.tunnel-two-column .checkout-billing-payment .block-left .bg-grey > div {
    vertical-align: top;
}

.checkout-billing-payment .giftcards {
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}
.checkout-billing-payment .giftcards > h4 {
    display: inline-block;
    width: 30%;
    margin: 0px 10px;
}
.checkout-billing-payment .giftcards > div {
    display: inline-block;
}


.checkout-billing-payment .blockunder .payments .onlinepayment > h4 {
    display: inline-block;
    margin-right:10px;
    margin-left: 10px;
    width: 250px;
}
.checkout-billing-payment .blockunder .payments .onlinepayment .list-cartes {
    display:inline-block;
    vertical-align: middle;
}
.checkout-billing-payment .blockunder .payments .onlinepayment .list-cartes .radiobtn-block {
    margin-bottom: 0px;
    margin-top: 10px;
}

.checkout-billing-payment .blockunder .payments .offlinepayment > h4 {
    display: inline-block;
    margin-right:10px;
    margin-left: 10px;
    width: 250px;
}
.checkout-billing-payment .blockunder .payments .offlinepayment .list-cartes {
    display:inline-block;
    vertical-align: middle;
}
.checkout-billing-payment .blockunder .payments .offlinepayment .list-cartes .radiobtn-block {
    margin-bottom: 0px;
    margin-top: 10px;
}

.checkout-billing-payment .blockunder .payments .paypalpayment > h4 {
    display: inline-block;
    margin-right:10px;
    width: 250px;
}
.checkout-billing-payment .blockunder .payments .paypalpayment .list-cartes{
    display:inline-block;
    vertical-align: middle;
}
.checkout-billing-payment .blockunder .payments .paypalpayment .list-cartes .radiobtn-block {
    margin-bottom: 0px;
    margin-top: 10px;
    vertical-align: middle;
}

.btncheckout {
    margin-top: 10px;
}

.billingtotal {
    text-align: right;
    margin: 20px 0px;
    font-weight: bold;
    font-size: 15px;
}
.billingtotal .btlabel {
    display: inline-block;
    margin-bottom: 10px;
}
.billingtotal .btamount {
    margin-right: 50px;
    width: 120px;
    display: inline-block;
}
.billingtotal .remaining {
    margin-top: 10px;
    font-size: 18px;
}


#giftcardform .input-append {
    margin-bottom: 0px;
}


.paypalpayment .btn .icon-vp-paypal {
    background-position:  0 -246px;
}
.paypalpayment .btn.active .icon-vp-paypal,
.paypalpayment .btn:hover .icon-vp-paypal {
    background-position:  -65px -246px;
}


.popover{
    max-width: 800px;
    max-height: 300px;
}

.popover-content {
    padding: 20px 14px;
 }

/* Classe globale pour ne pas avoir de marges */
.nomargin {
    margin: 0px !important;
}

.securitylogin {
    display: block;
    padding-top: 25px;
    font-size: 12px;
}

.bigdivider {
    border-bottom: 5px solid #f1f0ea;
    height: 5px;
}

/* Tablette */
/* Modif Responsive Eric : Fiche Produit (purchase) */

@media screen and (max-width: 1024px) and (min-width: 768px) {
    #purchase-block-wrapper ul a > span {
        font-size: 8px;
        line-height: 39px;
    }
    #contenue-centre .block-offre .double-block.little-desktop .left {
        width: 72%;
    }
    #block-acheter {
        line-height: 18px;
    }
    .block-offre .double-block .price-block .price {
        padding: 5px 4px 10px !important;
    }
    .block-conditions div ul li > a:first-child {
        height: 33px;
    }
    .percent_product {
        margin: 16px 0 0 5px;
    }
    #contenue-centre .block-offre .double-block > .right {
        font-size: 10px;
    }
    #contenue-centre .double-block > .right a {
        padding: 0px;
    }
    .icon-vp-add-panier {
        margin-top: 12px;
    }
}

/* Tablette */
/* Modif Responsive Eric : Catalog (list) */

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .accueil #block-product-list ul.product-list {
        margin-left: 0px;
    }
}

/* Mobile */
/* Modif Responsive Eric : Fiche Produit (purchase) */
@media (max-width: 767px) {
    .block-conditions .block-time {
        width: 100%;
        height: auto;
    }
    .block-conditions .block-type {
        width: 100%;
        height: auto;
    }
    .block-conditions .block-offre {
        width: 100%;
        height: auto;
    }
    #block-product-list .product-list > li
    {
        height: 340px;
    }
    .blockunder .input-append, .input-prepend{
        margin-bottom: 53px;
    }
    .valider-panier .btn[type=submit],
    .valider-panier .btn[type=button]
    {
        float: center;
    }
}

/* Desktop */

#eKomiWidget_default img {
    margin-bottom: 30px;
}

/* Bouton ajout au panier pour la meilleure offre */

.add-to-cart-best-offer a .icon-vp-panier {
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp.png");
    background-position: -59px -50px;
    width: 25px;
    height: 19px;
    margin: 0px;
    margin-right: 5px;
}

.add-to-cart-best-offer .btn-primary{
    padding: 13px 15px !important;
    border-radius: 0px;
    margin-top: 11px !important;
}

.add-to-cart-best-offer a{
    text-decoration: none;
}
/* Fin Bouton ajout au panier pour la meilleure offre */

/* Refonte fiche produit ( MyViapresse ) */

#contenue-centre .product-details{
    margin-top: 8px;
    margin-bottom: 50px;
}

#contenue-centre .btn-product{
    height: auto !important;
    margin-bottom: 18px;
}

#contenue-centre .double-block #discover-all-offers {
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 0px;
}

#contenue-centre .double-block #discover-all-offers:hover {
    color: #fff;
    background: #0087CE;
}

#contenue-centre .all-offers .btn {
    padding: 12px 15px;
    margin-top: 11px;
    margin-left: 20px;
}

.block-pays .bootstrap-select.btn-group .btn .filter-option{
    font-style: normal;
    text-transform: capitalize;
    font-weight: normal;
}

.block-pays .btn-group button, .block-pays .dropdown-menu span{
    font-style: normal;
    text-transform: capitalize;
    font-weight: normal;
}

.container-margin{
    padding-top: 30px !important;
}

.myviapresseLogo{
    width: 170px;
    height: 170px;
    float: right;
}

/* Mobile */
@media (max-width: 767px) {

    .product .product-price .price{
        font-size: 43px !important;
    }

    .product .product-price .price em{
        font-size: 33px !important;
    }

    .ajout-panier .modal-body .price-block .price em,
    #contenue-centre .price em
    {
        font-size: 18px;
        font-style: normal;
    }

    #contenue-centre .product-details,
    #contenue-centre .product-price{
        text-align: center;
    }

    #contenue-centre .product-details {
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .myviapresseLogo{
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    #contenue-centre .add-to-cart-best-offer{
         display: block;
         float: none;
         margin-left: auto;
         margin-right: auto;
     }

    #contenue-centre .add-to-cart-best-offer button{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        font-size: 15px;
    }

    #contenue-centre .all-offers{
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    #contenue-centre .all-offers #discover-all-offers{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 91%;
        font-size: 15px;
    }

}
/* Fin Refonte fiche produit ( MyViapresse ) */

/* Refonte header ( MyViapresse ) */

#header-right{
    margin-top: 8px;
    float:right;
    width: 50%
}

.header-myviapresse{
    border-bottom: 2px #EBEBEB solid;
}

.header-myviapresse p{
    margin: 0px;
}

.headerOrange{
    color: #F96324;
}

.headerBlue{
    color: #0187D0;
}

.titleBlue{
    color: #0187D0;
}

.header-top{
    margin:0px;
}

.navbar .nav > li > a {
    padding: 15px 5px;
    margin-top: -11px;
}

/* Tablette */
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .navbar .nav > li > a {
        padding: 15px 5px;
        margin-top: 0px;
    }

    #header-right {
        margin-left: 0px;
        margin-top: 0px;
        float: left;
        width: 100%;
    }

    .header-middle #search-type.dropdown-menu li a.close-search {
        right: 25px;
        top: -39px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #header-right{
        margin-left: 0px;
        width: 100%
    }

    #header .user-block > li > a span.num {
        right: 7px;
        top: 5px;
    }

    .navbar .nav > li > a {
        padding: 15px 5px;
        margin-top: 0px;
    }

    .header-middle #search-type.dropdown-menu li a.close-search {
        right: -213px;
        top: -44px;
    }
}

/* Refonte footer ( MyViapresse ) */

#listeOffer li.bigOffer {
    display: inline-block;
    width: 46%;
    padding: 0 16px;
    vertical-align: top;
    border-left: 1px solid #efedec;
}

#listeOffer li.bigOffer .titleOffer{
    margin-top: 20px;
    margin-bottom: 20px;
}


#listeOffer .bigOfferTable td:first-child{
    border-right: 2px solid #efedec;
    padding-right: 43px;
}

#listeOffer .bigOfferTable td{
    padding-left: 18px;
}

#listeOffer img{
    margin-top: 25px;
}

/* Mobile */
@media (max-width: 767px) {
    .h2offerTitle {
        width: 100%;
        height: 51px;
        border-radius: 0px;
    }
    #listeOffer li.bigOffer {
        display: none;
    }

    #listeOffer .titleOffer, #listeOffer b {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

/* Tablette */
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .h2offerTitle {
        width: 70%;
    }
}

/* Fin Refonte footer ( MyViapresse ) */

/* Refonte item Home & Categories */

.myviapresseLogo-item{
    width: 60px;
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
}

/* Fin Refonte item Home & Categories */
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/

}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker table {
  width: 100%;
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.day.disabled {
  color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}
.datepicker thead tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.paiementSuccess {
    background-color: #ffffff;
    margin-bottom: 2px;
    padding: 20px;
    overflow: hidden;
}
.paiementSuccess h2{
    font-family: Bitter,serif;
    font-size: 27px;
    margin: 0 0 10px 0;
    overflow: hidden
}
.paiementSuccess .colLeft {
    display: inline-block;
    width: 65%
}
.paiementSuccess .resume {
    border: 5px solid #f1f0ea
}
.paiementSuccess .resume h3 {
    font-family: Bitter,serif;
    font-size: 18px;
    border-bottom: 1px solid #f1f0ea;
    margin: 0 23px
}
.paiementSuccess .resume ul {
	width: 75%;
    margin: 20px auto
}
.paiementSuccess .resume li {
    font-family: Bitter,serif;
    font-size: 16px;
    font-weight: bold;
}
.paiementSuccess .resume li label {
    display: inline-block;
    width: 220px;
    font-weight: normal;
}
.paiementSuccess .colRight {
    float: right;
    width: 32%
}
.paiementSuccess .colRight ul {
    border: 5px solid #002537;
}
.paiementSuccess .colRight li div {
    padding: 12px;
}
.paiementSuccess .colRight li .logo {
    float: left;
    height: 50px;
    line-height: 50px;
    margin-right: 5px;
    vertical-align: inherit;
    width: 50px;
}
.paiementSuccess .colRight li .option {
    background-color: #F1F0EA;
    overflow: hidden;
    padding-top: 8px;
}
.paiementSuccess .dropdown-cart {
    display: block;
    float: none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: inherit;
    width: auto;
}
.paiementSuccess .cmsReduc {
    margin-top: 20px;
    display: block
}
.paiementSuccess .dropdown-cart .resumeCart p span.fraisDePort {
    font-size: 14px;
    font-weight: normal;
    font-style: italic
}
.paiementSuccess .dropdown-cart li.first{
    border-bottom: 1px solid #2e4b59
}
.paiementSuccess .dropdown-cart li span {
    float: right;
    width: 110px;
    text-align: right
}
.conditions {
    font-size: 11px;
    font-family: arial;
    line-height: 16px
}
.cbTelephone {
	padding: 12px;
	margin-bottom: 20px;
    background-color: #f1f0ea;
    overflow: hidden
}
.cbTelephone p {
    font-family: Bitter,serif;
    font-size: 16px;
    margin-top: 5px
}
.cbFax .resume ul {
    margin: 20px auto;
    width: 75%;
}
.coordonneesBancaires {
    border: 5px solid #F1F0EA;
    padding: 20px;
    text-align: center;
    margin:10px 0;
}
.coordonneesBancaires h3 {
    margin: 0;
    border-bottom: 1px solid #e6e5df;
    font-size: 18px;
    font-family: Bitter,serif;
    text-align: left;
}
.coordonneesBancaires fieldset {
    margin-top: 40px;
}
.coordonneesBancaires p label{
    display: inline-block;
    width: 132px;
    text-align: right;
    padding-right: 10px
}
.coordonneesBancaires input {
    display: inline-block;
}
.coordonneesBancaires .big {
    width: 380px
}
.coordonneesBancaires .medium {
    width: 82px
}
.coordonneesBancaires .small {
    width: 60px
}
.infosClient #compte {
	float: left;
	width: 44%;
	padding: 7px;
    border: 5px solid #F1F0EA;
}
.infosClient  h4 {
    margin: 0 0 15px 15px;
    padding-bottom: 4px;
    border-bottom: 1px solid #F1F0EA
}
.infosClient #compte fieldset p {
    margin: 0
}
.infosClient #compte p {
    margin-top: 15px;
}
.infosClient #signature {
    float: right;
    width: 46%;
    padding: 7px;
    background-color: #F1F0EA;
    padding: 25px 10px 30px !important;
}
.infosClient #signature textarea {
    background-color: #FFFFFF;
    display: block;
    height: 115px;
    width: 90%;
    resize: none;
    margin: 0 auto;
}
.recapitulatif {
    border: 5px solid #002537;
    margin-bottom: 10px
}
.recapitulatif li {
    padding: 20px 0 0 0;
    overflow: hidden
}
.recapitulatif .intro, .recapitulatif .total {
    background-color: #002537;
    padding-top: 0
}
.recapitulatif .intro h3 {
    margin: 0 0 0 10px;
    font-family: Bitter,serif;
    font-size: 18px;
    color: #ffffff;
}
.recapitulatif .intro h3 span {
    font-family: Bitter,serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal
}
.recapitulatif .total {
    text-align: right;
    color: #ffffff;
    font-family: Bitter,serif;
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 15px;
}
.recapitulatif .total .entier {
    font-size: 30px;
    padding-left: 10px
}
.recapitulatif .total .ttc {
    font-size: 14px;
    font-weight: normal
}
.recapitulatif .info, .recapitulatif .option {
    display: block;
    padding: 0 25px 0 10px;
}
.recapitulatif .info {
    overflow: hidden
}
.recapitulatif .info img {
    float: left;
    display: inline;
    margin-right: 15px
}
.recapitulatif .option {
    background-color: #f1f0ea;
    overflow: hidden;
    padding: 5px 25px 5px 10px
}
.recapitulatif .option span {
    padding-top: 15px;
    display: inline-block
}
.recapitulatif .info .magazine h3 {
    margin: 0 0 10px 0;
    line-height: 26px
}
.recapitulatif .info .magazine h3 .type {
    font-weight: normal;
    font-size: 12px
}
.recapitulatif .info .magazine h3 .price {
	float: right;
    font-size: 24px
}
.recapitulatif .info .magazine li {
    margin-bottom: 5px
}
.recapitulatif .info li {
    padding: 0
}
.recapitulatif  i {
    height: 41px;
    line-height: 50px;
    margin: 0 8px 0 0;
    vertical-align: inherit;
    width: 41px;
}
.recapitulatif .info  p {
    margin: 0 0 0 0
}
.recapitulatif .info p:first-child {
    margin-top: 10px
}
.icon-vp-transport {
    background-position: -256px -46px;
}
.gras {
    font-weight: bold
}
#contenue-centre .imprimer {
	float: right;
    padding: 18px 60px 18px 100px;
    background-image: url(http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/print.png);
    background-repeat: no-repeat;
    background-position: 60px center;
    font-size: 16px
}
#contenue-centre .telecharger {
    float: right;
    padding: 18px 50px 18px 50px;
    font-size: 16px
}
.lastBt {
    margin-top: 15px
}
.cbCheque form p {
    font-size: 16px;
    margin: 0px;
}
.icon-vp-calendrier-paiement {
    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    background-position: -192px -448px; 
}
.icon-vp-deux-paiement {
    background-position: -259px -96px;
}
.icon-vp-transport-paiement {
    background-position: -259px -142px;
}
.icon-vp-numero-paiement {
    background-position: -259px -236px;
}
.icon-vp-cadeau-paiement {
    background-position: -259px -188px;
}
/* ----------------------------------------*/
/*****Desktop******/
@media (min-width: 1024px) {


}   
    /*****************/
    
/*****Tablette*****/
@media (min-width: 768px) and (max-width: 1024px) {
    .paiementSuccess .colRight li .logo {
        height: 38px;
        line-height: 38px;
        width: 38px;
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    }
}
/*****************/
/******** Tablette et Mobile *********/
@media (max-width: 1024px) {
    .paiementSuccess .colRight li .logo {
        height: 38px;
        line-height: 38px;
        width: 38px;
        background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-tablette.png");
    }
}

    /*****************/
    
/******** Mobile *********/
@media (max-width: 480px) {
	.paiementSuccess h2{
	    font-family: Bitter,serif;
	    font-size: 27px;
	    margin: 0 0 10px 0;
	    text-align: center;
	    line-height: 28px;
	}
	.paiementSuccess .colLeft {
	    display: block;
	    width: 100%;
	}
	.paiementSuccess .colRight {
	    float: none;
	    display: block;
	    width: auto;
	}
	.paiementSuccess .resume h3 {
        text-align: left;
	    border-bottom: 0;
	    font-family: Bitter,serif;
	    font-size: 18px;
	    margin: 30px 0 0 0;
	    line-height: 20px
	}
	.paiementSuccess .resume {
	    border: 0
	}
	.paiementSuccess .resume ul {
	    margin: 15px auto;
	    width: auto;
	}
	.paiementSuccess .resume li {
	   text-align: center;
	   margin-bottom: 8px;
	}
	.paiementSuccess .resume li label{
	   width: 100%;
	   text-align: center;
	   margin-bottom: 0
	}
	.paiementSuccess .cmsReduc {
	    margin-bottom: 20px;
	}
	.paiementSuccess .colRight li .logo {
	    background-image: url("http://www.viapresse.com/skin/frontend/enterprise/viapresse/images/sprite-vp-mobile.png");
	    height: 38px;
	    line-height: 38px;
	    width: 38px;
	}
	.conditions {
	   background-color: #FFFFFF
	}
}
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2011 Netapsys Conseil (http://www.netapsys.fr)
 * @license     http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 * @author      Netapsys Magento Team <magento@netapsys.fr>
 */

/* One Page Checkout */
.form-list .paybox-cc-type { width:100%; margin:10px 0;}
.form-list .paybox-cc-type .paybox-card {float:left; margin:5px; width:65px; height:35px;}
.form-list .paybox-cc-type input[type=radio] {margin-top: 8px;}