@charset "UTF-8";
@import url(../../AdminLTE-master/bootstrap/css/bootstrap.css);
@import url(../select2/css/select2.css);
@import url(../fontawesome/css/font-awesome.min.css);
@import url(../js/fancybox/jquery.fancybox.css);
/*
/*	----------------------
/*	Feuille de Style Principal pour 
/*	Pneus à Rabais
/*	Fait par Médiasimple
/*	----------------------
*/
/* =Font
-------------------------------*/
@font-face {
  font-family: 'montserratblack';
  src: url("../font/montserrat-black-webfont.woff2") format("woff2"), url("../font/montserrat-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserratbold';
  src: url("../font/montserrat-bold-webfont.woff2") format("woff2"), url("../font/montserrat-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserratextra_bold';
  src: url("../font/montserrat-extrabold-webfont.woff2") format("woff2"), url("../font/montserrat-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserratlight';
  src: url("../font/montserrat-light-webfont.woff2") format("woff2"), url("../font/montserrat-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'montserrat';
  src: url("../font/montserrat-regular-webfont.woff2") format("woff2"), url("../font/montserrat-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* =Général
-------------------------------*/
html {
  background: #0c0c0c none repeat scroll 0 0;
  height: 100%; }

body {
  font-family: 'montserrat';
  background: #0C0C0C; }

strong {
  font-family: "montserratbold";
  font-weight: normal; }

.clear {
  clear: both; }

img.ribbon {
  position: absolute;
  top: -26px;
  right: -26px; }

.recherche img.ribbon {
  position: absolute;
  top: -28px;
  right: -28px; }

/* bandeau promo */
.alert-promo {
  font-family: "montserratbold";
  background: #769957 url("../images/alert-promotion.jpg") no-repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-size: 20px;
  padding-left: 22px;
  text-transform: uppercase; }

.alert-promo .fa {
  color: #617e47;
  cursor: pointer;
  float: right;
  font-size: 25px;
  padding: 1px; }

.alert-promo .fa:hover {
  color: #455932; }

.alert-promo span {
  float: right;
  font-family: "montserrat";
  font-size: 12px;
  padding: 7px; }

/* bandeau reussi */
.alert-success {
  background: #81a362 none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-family: montserratbold;
  font-size: 16px;
  position: relative; }

.alert-success:before {
  color: #6A874F;
  content: '\f00c';
  display: block;
  font-family: "fontAwesome";
  font-size: 50px;
  position: absolute;
  z-index: 55;
  top: -8px; }

.alert-success span {
  display: inline-block;
  margin-left: 30px;
  position: relative;
  vertical-align: middle;
  z-index: 66;
  width: 92%; }

.alert-success .close:before {
  content: '\f00d';
  display: block;
  font-family: "fontAwesome";
  font-size: 22px; }

.alert-success .close,
.alert-success .fa {
  color: #5A7243;
  cursor: pointer;
  float: right;
  font-size: 0;
  padding: 1px;
  opacity: 1;
  text-shadow: none; }

.alert-success .close:hover,
.alert-success .fa:hover {
  color: #3e4e2f; }

/* bandeau mauvais */
.alert-danger {
  background: #CA0300;
  border: 0 none;
  color: #fff;
  font-family: montserratbold;
  font-size: 16px;
  position: relative; }

.alert-danger:before {
  color: #A70200;
  content: '\f071';
  bottom: -10px;
  display: block;
  font-family: "fontAwesome";
  font-size: 50px;
  position: absolute;
  z-index: 55; }

.alert-danger span {
  display: inline-block;
  margin-left: 30px;
  position: relative;
  vertical-align: middle;
  z-index: 66; }

.alert-danger .close:before {
  content: '\f00d';
  display: block;
  font-family: "fontAwesome";
  font-size: 22px; }

.alert-danger .close,
.alert-danger .fa {
  color: #8F0100;
  cursor: pointer;
  float: right;
  font-size: 0;
  padding: 1px;
  opacity: 1;
  text-shadow: none; }

.alert-danger .close:hover,
.alert-danger .fa:hover {
  color: #6b0403; }

/* bandeau Erreur */
.error {
  border: 1px solid #c30000;
  background-color: #442b2b;
  color: #fff; }

/* correction css général */
.tooltip-inner {
  padding: 10px !important; }

.padding-right {
  padding-right: 5px !important; }

.padding-left {
  padding-left: 5px !important; }

.sidebar,
.tab-content,
.contenu {
  float: right; }

/* formulaire */
#header .form-control {
  background-color: #fff !important;
  color: #555 !important; }

label.precision {
  font-size: 12px; }

.listes-filtres .select2-container .select2-selection--single {
  background-color: #333 !important;
  background-image: none;
  border: 1px solid #333;
  border-radius: 5px; }

#information-credit .form-control,
.form-control {
  background-color: #333 !important;
  background-image: none;
  border: 1px solid #333;
  color: #949494 !important;
  height: 45px;
  padding: 12px; }

#information-credit .form-control[type="number"],
#information-credit .form-control[type="number"]:hover {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  margin: 0 !important; }

.listes-filtres .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #949494; }

.iOSselect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/icon/icon-fleche.png") right center no-repeat; }

.mask-postal {
  text-transform: uppercase; }

/* mobile */
.description input[type="number"].mobile,
.achat-pneu.mobile,
.mobile {
  display: none; }

/* sidebar */
.partage-rs,
.paiement-securise,
.boite-grise {
  background: #2d2d2d;
  margin-bottom: 25px;
  overflow: hidden; }

/* bouton 3D - base */
.bnt3D:visited,
.bnt3D {
  background: #c30000 none repeat scroll 0 0;
  border: 0px;
  border-bottom: 4px solid #6e0000;
  border-radius: 4px;
  color: #fff;
  font-family: "montserratbold";
  font-size: 14px;
  margin: 0;
  padding: 8px 20px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle; }

.bnt3D .fa {
  margin-right: 10px; }

.bnt3D:active,
.bnt3D:hover {
  color: #fff;
  text-decoration: none;
  border-bottom-width: 2px;
  margin-top: 2px; }

.bnt3D.bnt-gris {
  background: #636363 none repeat scroll 0 0;
  border-color: #515151; }

/* =Header
-------------------------------*/
#header.active {
  background: #a3a8ae url("../images/bg-headerAccueil.jpg") no-repeat top center;
  background-size: cover;
  padding-bottom: 40px; }
  @media only screen and (min-width: 990px) {
    #header.active {
      min-height: 740px; } }

#header.hiver.active {
  background: #a3a8ae url("../images/bg-headerAccueil-hiver.jpg") no-repeat top center;
  background-size: cover; }

#header {
  background: rgba(0, 0, 0, 0) url("../images/bg-header.jpg") no-repeat top center;
  background-size: cover; }

#header.hiver {
  background: rgba(0, 0, 0, 0) url("../images/bg-header-hiver.jpg") no-repeat top center;
  background-size: cover; }

#top-menu {
  background: #2D2D2D;
  margin-top: 0;
  -webkit-transition: margin-top 0.5s ease-in-out;
  -moz-transition: margin-top 0.5s ease-in-out;
  -o-transition: margin-top 0.5s ease-in-out;
  transition: margin-top 0.5s ease-in-out; }

#top-menu.ouvert {
  margin-top: 0; }

.menu .bt-menu,
.menu .lang {
  display: none; }

.menu > ul {
  height: 50px;
  text-align: center; }

.menu ul {
  margin: 0;
  list-style: 0;
  padding: 0; }

.menu > ul > li {
  display: inline-block;
  position: relative; }

.sous-menu {
  background: #2d2d2d none repeat scroll 0 0;
  left: 0;
  position: absolute;
  top: 40px;
  width: 250px;
  z-index: 555;
  list-style: none;
  display: none;
  text-align: left; }

.menu ul li:hover .sous-menu {
  display: block; }

.menu a {
  border-radius: 4px;
  color: #999;
  display: block;
  font-size: 14px;
  margin: 10px 5px;
  padding: 5px 10px; }

.menu a:hover {
  background: #4C4C4C;
  text-decoration: none; }

.sous-menu a {
  border-radius: 0;
  border-top: 1px solid #888;
  font-size: 12px;
  margin: 0 10px;
  padding: 15px 5px; }

.sous-menu a:hover {
  background: none;
  color: #888; }

.sous-menu li:first-child a {
  border-top: 0px solid #888; }

#top-header {
  background: rgba(0, 0, 0, 0.64);
  position: relative;
  height: 60px; }

.logo {
  float: left;
  margin: 0; }

.bt-menu {
  float: left;
  font-size: 15px;
  padding: 20px 0;
  color: 0;
  margin: 0;
  color: #818181;
  cursor: pointer;
  margin-left: 15px;
  display: none; }

.bt-menu .fa {
  font-size: 21px;
  vertical-align: text-bottom; }

.bt-menu:hover {
  color: #feb300; }

.assistance-mobile {
  display: none;
  margin: 15px;
  border-top: 3px solid #363636;
  padding: 15px;
  color: #fff;
  font-size: 21px;
  font-weight: bold; }
  .assistance-mobile a {
    font-size: 30px !important;
    padding: 0 !important;
    color: #feb300;
    margin-top: 0; }

.header-slogan {
  color: #fff;
  float: left;
  font-family: "montserratbold";
  font-size: 14px;
  margin: 0;
  padding: 19px;
  text-transform: uppercase;
  line-height: 24px; }

.header-slogan a {
  color: #fff; }

.header-slogan span {
  color: #feb300; }

.header-slogan span.red {
  color: #FE212B; }

.fa-canadian {
  background: rgba(0, 0, 0, 0) url("../images/canadian-tire-rebate-discount-tire.png") no-repeat scroll center center/100% 100%;
  display: inline-block;
  height: 20px;
  margin-right: 10px;
  vertical-align: bottom;
  width: 20px; }

.top-right {
  float: right;
  font-size: 15px;
  padding: 20px 0; }
  @media (max-width: 700px) {
    .top-right {
      padding: 10px 0; } }

.top-right span,
.top-right a {
  color: #fff;
  text-decoration: none; }

.top-right a:hover {
  color: #ccc; }

.top-right .tel {
  font-family: 'montserratbold';
  color: #feb300;
  margin-left: 10px; }

.top-right .btn-panier {
  color: #fff;
  margin-left: 20px; }

.top-right .btn-panier .fa {
  margin-right: 8px; }

.top-right .lang {
  color: #878787;
  margin-left: 20px;
  margin-right: 20px; }

.top-right .lang:hover {
  color: #6e6e6e; }

.top-right .bt-menu {
  display: none; }

.active #bottom-header {
  padding: 10px 0 25px; }

#bottom-header {
  padding: 40px 0; }

/* slider */
#carousel-accueuil {
  padding: 80px 50px 20px 0; }

#carousel-accueuil .carousel-control.left,
#carousel-accueuil .carousel-control.right {
  background: none; }

#carousel-accueuil #nav-carousel {
  position: absolute;
  right: 15px;
  top: 55px;
  width: 45px; }

/* recherche */
#header .recherche {
  /*min-height: 590px;*/
  padding: 0 0 0 70px;
  float: right; }

#header .recherche h3:before,
#header .recherche h3:after {
  content: '';
  display: inline-block;
  height: 3px;
  width: 6%;
  background: rgba(255, 255, 255, 0.5);
  vertical-align: middle; }

#header .recherche h3:before {
  margin-right: 15px; }

#header .recherche h3:after {
  margin-left: 15px; }

#header .recherche h3 {
  color: #fff;
  text-transform: uppercase;
  font-family: 'montserratlight';
  margin: 0px 0 25px;
  text-align: center; }

#header .recherche .nav {
  border: 0px; }

#header .recherche .nav > li {
  padding: 0;
  margin: 0; }

#header .recherche .tab-content,
#header .recherche .nav > li.active > a,
#header .recherche .nav > li > a:hover {
  background: rgba(0, 0, 0, 0.66); }

#header .recherche .nav > li > a {
  background: rgba(0, 0, 0, 0.45) none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  color: #fff;
  font-size: 15px;
  font-family: 'montserratbold';
  margin-bottom: 0;
  padding: 10px 0px 15px 20px;
  text-align: left;
  text-transform: uppercase; }
  #header .recherche .nav > li > a span {
    color: darkgray;
    font-size: 85%; }

#header .recherche .nav > li:last-child > a {
  margin-right: 0; }

#header .recherche .tab-content {
  color: #fff;
  padding: 25px;
  width: 100%; }

#header .recherche form {
  margin: 0; }

#header .recherche label, .header-form-container label {
  display: inline-block;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  width: 100%; }

#header .recherche label.precision {
  color: #c1c1c1;
  font-size: 11px;
  margin-bottom: 7px;
  text-transform: none;
  font-family: 'montserrat'; }

.header-form-container input,
.header-form-container select,
#header .recherche input,
#header .recherche select,
#header .recherche .champDimension select {
  border-radius: 0px;
  height: 45px;
  padding: 10px 12px;
  text-align: center;
  font-size: 15px; }

.header-form-container select,
#header .recherche select {
  text-align: left; }

.header-form-container option,
#header .recherche option {
  padding: 4px 12px; }

#dimension input,
#dimension select {
  font-size: 18px !important; }

.select2-container .select2-selection--single {
  height: 45px;
  padding: 8px 5px; }

.select2-container--default .select2-selection--single {
  border-radius: 0; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 43px; }

#header .recherche .champDimension input {
  font-size: 20px;
  padding: 8px 12px; }

#vehicule .text-center {
  padding: 10px 0; }

#vehicule .text-center a {
  color: #E3A30A;
  display: block; }

#header .recherche .bnt3D {
  width: 100%;
  font-size: 18px;
  margin-top: 20px;
  padding: 15px; }

#header .recherche .bnt3D:hover {
  margin-top: 22px; }

#header .recherche ::-webkit-input-placeholder {
  text-align: center;
  font-family: 'montserratbold';
  font-size: 14px !important;
  text-transform: none; }

#header .recherche :-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
  font-family: 'montserratbold';
  font-size: 14px !important;
  text-transform: none; }

#header .recherche ::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
  font-family: 'montserratbold';
  font-size: 14px !important;
  text-transform: none; }

#header .recherche :-ms-input-placeholder {
  text-align: center;
  font-family: 'montserratbold';
  font-size: 14px !important;
  text-transform: none; }

#header {
  		/*
  		#tab_package div:not(.dimension-btn) > div > .radio input[type=radio]:checked + label:after,	
  		#tab_pneus div:not(.dimension-btn) > div > .radio input[type=radio]:checked + label:after{
  			content: '\f111';
  			display: block;
  			font-family: 'fontAwesome';
  			font-size: 18px;
  			color: #feb300;
  			position: absolute;
  				left: 0;
  			    top: 50%;
  		    width: 25.5px;
  		    text-align: center;
     				
     			transform: translateY(-50%);
  		}*/ }
  #header .header-form-container input[type=radio],
  #header #tab_package input[type=radio],
  #header #tab_pneus input[type=radio],
  #header #tab_roues input[type=radio] {
    display: none; }
  #header .dimension-btn input[type=radio] + label {
    background: rgba(255, 255, 255, 0.2);
    padding: 0;
    border-radius: 3px;
    text-transform: none !important;
    font-size: 14px !important;
    color: #b5b4ae;
    line-height: 36px;
    height: 36px; }
    #header .dimension-btn input[type=radio] + label .icon-pneu {
      background: url("../images/icon/icon-pneu-2.png") no-repeat;
      display: inline-block;
      width: 18px;
      height: 20px;
      vertical-align: middle;
      background-size: contain !important;
      margin-right: 5px; }
    #header .dimension-btn input[type=radio] + label .fa {
      font-size: 18px;
      margin-right: 5px; }
    @media screen and (max-width: 350px) {
      #header .dimension-btn input[type=radio] + label {
        font-size: 11px !important; } }
  #header .dimension-btn input[type=radio] + label:hover,
  #header .dimension-btn input[type=radio]:checked + label {
    background: #feb300;
    color: #000;
    font-family: "montserratbold";
    font-weight: normal; }
    #header .dimension-btn input[type=radio] + label:hover .icon-pneu,
    #header .dimension-btn input[type=radio]:checked + label .icon-pneu {
      background: url("../images/icon/icon-pneu-black.png") no-repeat; }
  #header .header-form-container div:not(.radio) > label,
  #header .recherche div:not(.radio) > label {
    font-size: 9px;
    background: #fff;
    margin: 0 0 -5px;
    color: #999;
    text-align: left;
    padding: 8px 11px 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-family: "montserratbold" !important;
    font-weight: normal !important; }
  #header .header-form-container div:not(.radio) > .form-control,
  #header .recherche #tab_pneus div:not(.radio) > #tiresync_year_5b06f8108115e,
  #header .recherche #tab_pneus div:not(.radio) > #tiresync_makes_5b06f8108115e,
  #header .recherche #tab_pneus div:not(.radio) > #tiresync_models_5b06f8108115e,
  #header .recherche #tab_pneus div:not(.radio) > #tiresync_options_5b06f8108115e,
  #header .recherche div:not(.radio) > .form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/icon/icon-fleche.png") right -13px no-repeat;
    border: 0px;
    margin: -5px 0 0;
    box-shadow: none !important;
    height: 30px !important;
    line-height: 1 !important;
    font-size: 13px !important;
    font-family: "montserratbold" !important;
    font-weight: normal !important;
    text-align: left !important;
    text-transform: uppercase !important;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #000 !important;
    padding: 0 11px !important; }
    @media screen and (max-width: 500px) {
      #header .header-form-container div:not(.radio) > .form-control,
      #header .recherche #tab_pneus div:not(.radio) > #tiresync_year_5b06f8108115e,
      #header .recherche #tab_pneus div:not(.radio) > #tiresync_makes_5b06f8108115e,
      #header .recherche #tab_pneus div:not(.radio) > #tiresync_models_5b06f8108115e,
      #header .recherche #tab_pneus div:not(.radio) > #tiresync_options_5b06f8108115e,
      #header .recherche div:not(.radio) > .form-control {
        font-size: 9px !important; } }
    @media screen and (max-width: 350px) {
      #header .header-form-container div:not(.radio) > .form-control,
      #header .recherche #tab_pneus div:not(.radio) > #tiresync_year_5b06f8108115e,
      #header .recherche #tab_pneus div:not(.radio) > #tiresync_makes_5b06f8108115e,
      #header .recherche #tab_pneus div:not(.radio) > #tiresync_models_5b06f8108115e,
      #header .recherche #tab_pneus div:not(.radio) > #tiresync_options_5b06f8108115e,
      #header .recherche div:not(.radio) > .form-control {
        font-size: 7px !important; } }
  #header .recherche .section_roue_dim div > .form-control {
    font-size: 16px !important; }
    @media screen and (max-width: 500px) {
      #header .recherche .section_roue_dim div > .form-control {
        font-size: 14px !important; } }
    @media screen and (max-width: 350px) {
      #header .recherche .section_roue_dim div > .form-control {
        font-size: 10px !important; } }
  #header .recherche #remorque div:not(.radio) > #largeur,
  #header .recherche #remorque div:not(.radio) > #rapport,
  #header .recherche #remorque div:not(.radio) > #diametre,
  #header .recherche #remorque div:not(.radio) > #largeur_stagger,
  #header .recherche #remorque div:not(.radio) > #rapport_stagger,
  #header .recherche #remorque div:not(.radio) > #diametre_stagger,
  #header .recherche #tab_pneus div:not(.radio) > #largeur,
  #header .recherche #tab_pneus div:not(.radio) > #rapport,
  #header .recherche #tab_pneus div:not(.radio) > #diametre,
  #header .recherche #tab_pneus div:not(.radio) > #largeur_stagger,
  #header .recherche #tab_pneus div:not(.radio) > #rapport_stagger,
  #header .recherche #tab_pneus div:not(.radio) > #diametre_stagger {
    font-size: 18px !important; }
    @media screen and (max-width: 500px) {
      #header .recherche #remorque div:not(.radio) > #largeur,
      #header .recherche #remorque div:not(.radio) > #rapport,
      #header .recherche #remorque div:not(.radio) > #diametre,
      #header .recherche #remorque div:not(.radio) > #largeur_stagger,
      #header .recherche #remorque div:not(.radio) > #rapport_stagger,
      #header .recherche #remorque div:not(.radio) > #diametre_stagger,
      #header .recherche #tab_pneus div:not(.radio) > #largeur,
      #header .recherche #tab_pneus div:not(.radio) > #rapport,
      #header .recherche #tab_pneus div:not(.radio) > #diametre,
      #header .recherche #tab_pneus div:not(.radio) > #largeur_stagger,
      #header .recherche #tab_pneus div:not(.radio) > #rapport_stagger,
      #header .recherche #tab_pneus div:not(.radio) > #diametre_stagger {
        font-size: 15px !important; } }
    @media screen and (max-width: 350px) {
      #header .recherche #remorque div:not(.radio) > #largeur,
      #header .recherche #remorque div:not(.radio) > #rapport,
      #header .recherche #remorque div:not(.radio) > #diametre,
      #header .recherche #remorque div:not(.radio) > #largeur_stagger,
      #header .recherche #remorque div:not(.radio) > #rapport_stagger,
      #header .recherche #remorque div:not(.radio) > #diametre_stagger,
      #header .recherche #tab_pneus div:not(.radio) > #largeur,
      #header .recherche #tab_pneus div:not(.radio) > #rapport,
      #header .recherche #tab_pneus div:not(.radio) > #diametre,
      #header .recherche #tab_pneus div:not(.radio) > #largeur_stagger,
      #header .recherche #tab_pneus div:not(.radio) > #rapport_stagger,
      #header .recherche #tab_pneus div:not(.radio) > #diametre_stagger {
        font-size: 12px !important; } }
  #header .recherche div:not(.radio) > select[disabled="disabled"],
  #header .recherche div:not(.radio) > select[disabled] {
    background: #fff !important;
    color: #ccc !important;
    text-transform: none !important;
    font-weight: normal !important;
    font-family: montserrat !important;
    font-size: 12px !important; }
    @media screen and (max-width: 500px) {
      #header .recherche div:not(.radio) > select[disabled="disabled"],
      #header .recherche div:not(.radio) > select[disabled] {
        font-size: 9px !important; } }
    @media screen and (max-width: 350px) {
      #header .recherche div:not(.radio) > select[disabled="disabled"],
      #header .recherche div:not(.radio) > select[disabled] {
        font-size: 7px !important; } }
  #header #tab_package div:not(.dimension-btn) > div > .radio input[type=radio] + label,
  #header #tab_pneus div:not(.dimension-btn) > div > .radio input[type=radio] + label {
    text-transform: none !important;
    font-size: 14px !important;
    color: #999;
    position: relative;
    text-align: left;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 500px) {
      #header #tab_package div:not(.dimension-btn) > div > .radio input[type=radio] + label,
      #header #tab_pneus div:not(.dimension-btn) > div > .radio input[type=radio] + label {
        font-size: 12px !important; } }
  #header #tab_package div:not(.dimension-btn) > div > .radio input[type=radio] + label:before,
  #header #tab_pneus div:not(.dimension-btn) > div > .radio input[type=radio] + label:before {
    content: '';
    width: 26px;
    height: 26px;
    display: inline-block;
    background: url("../images/icon/radio-btn.png") no-repeat left top;
    vertical-align: middle;
    margin-right: 8px; }
  #header #tab_pneus div:not(.dimension-btn) > div > .radio:hover input[type=radio] + label,
  #header #tab_package div:not(.dimension-btn) > div > .radio:hover input[type=radio] + label,
  #header #tab_package div:not(.dimension-btn) > div > .radio input[type=radio]:checked + label,
  #header #tab_pneus div:not(.dimension-btn) > div > .radio input[type=radio]:checked + label {
    color: #fff !important; }
  #header #tab_package div:not(.dimension-btn) > div > .radio:hover input[type=radio] + label:before,
  #header #tab_pneus div:not(.dimension-btn) > div > .radio:hover input[type=radio] + label:before {
    background-position: left -26px; }
  #header #tab_package div:not(.dimension-btn) > div > .radio input[type=radio]:checked + label:before,
  #header #tab_pneus div:not(.dimension-btn) > div > .radio input[type=radio]:checked + label:before {
    background-position: left bottom; }
  #header .recherche .row {
    margin-right: -5px;
    margin-left: -5px; }
    #header .recherche .row .col-xs-1, #header .recherche .row .col-xs-10, #header .recherche .row .col-xs-11, #header .recherche .row .col-xs-12, #header .recherche .row .col-xs-2, #header .recherche .row .col-xs-3, #header .recherche .row .col-xs-4, #header .recherche .row .col-xs-5, #header .recherche .row .col-xs-6, #header .recherche .row .col-xs-7, #header .recherche .row .col-xs-8, #header .recherche .row .col-xs-9 {
      padding: 0 5px; }
  #header .btn-saison {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 350px) {
      #header .btn-saison {
        display: block; } }
    #header .btn-saison .checkbox + .checkbox,
    #header .btn-saison .radio + .radio {
      margin-top: 10px;
      margin-left: 25px; }
      @media screen and (max-width: 350px) {
        #header .btn-saison .checkbox + .checkbox,
        #header .btn-saison .radio + .radio {
          margin-left: 0; } }
  @media screen and (max-width: 400px) {
    #header .recherche .row {
      margin-right: -5px;
      margin-left: -5px; }
      #header .recherche .row .col-xs-1, #header .recherche .row .col-xs-10, #header .recherche .row .col-xs-11, #header .recherche .row .col-xs-12, #header .recherche .row .col-xs-2, #header .recherche .row .col-xs-3, #header .recherche .row .col-xs-4, #header .recherche .row .col-xs-5, #header .recherche .row .col-xs-6, #header .recherche .row .col-xs-7, #header .recherche .row .col-xs-8, #header .recherche .row .col-xs-9 {
        padding: 0 5px; }
    #header .client_page .login_fields .pl-10 {
      padding-left: inherit !important; } }

/* header title */
.bnt-retour a {
  color: #fff;
  opacity: 0.5;
  font-size: 16px;
  display: flex; }

.bnt-retour .fa {
  font-size: 22px;
  margin-right: 4px; }

#titre-page {
  display: inline-block;
  margin-top: -45px;
  padding: 0 50px;
  overflow: hidden; }

#titre-page .img-right {
  float: right;
  padding-top: 5px; }

#bottom-header h1,
#bottom-header h2 {
  color: #fff;
  text-transform: uppercase;
  font-family: 'montserratlight';
  margin: 0; }

#bottom-header h1 strong {
  font-family: 'montserratbold'; }

#bottom-header h2 {
  font-size: 14px; }

/* =Footer
-------------------------------*/
#footer {
  background: #0c0c0c;
  color: #fff;
  overflow: hidden;
  padding: 25px 0 0; }

#footer h3 {
  margin-bottom: 25px;
  font-size: 14px;
  font-family: 'montserratbold';
  text-transform: uppercase; }

#footer a {
  color: #696969;
  display: block;
  font-size: 12px;
  line-height: 2.1;
  text-decoration: none; }

#footer a:hover {
  color: #f3f3f3; }

#footer p {
  font-size: 13px;
  color: #696969; }

.serviceClientele {
  margin-top: 20px; }
  @media only screen and (max-width: 750px) {
    .serviceClientele {
      font-size: 17px !important; } }
  .serviceClientele a {
    display: initial !important;
    color: #fff !important; }
    @media only screen and (max-width: 750px) {
      .serviceClientele a {
        font-size: 17px !important; } }

.serviceClientele .fa {
  display: inline-block;
  vertical-align: middle;
  font-size: 40px;
  width: 20%; }

#footer .serviceClientele p {
  color: #c0c0c0;
  display: inline-block;
  vertical-align: middle;
  width: 78%;
  margin: -5px 0 0; }
  #footer .serviceClientele p a span {
    margin-top: -4px; }

.serviceClientele p span {
  font-size: 17px;
  color: #a40202;
  font-family: 'montserratextra_bold';
  display: block;
  line-height: 1; }
  @media only screen and (max-width: 750px) {
    .serviceClientele p span {
      font-size: 18px !important; } }

#copyright {
  background: #000 none repeat scroll 0 0;
  margin: 45px 0 0;
  padding: 15px 0; }

#copyright p {
  color: #696969;
  float: left;
  font-size: 11px;
  margin: 0;
  padding: 8px 0;
  text-transform: uppercase; }
  @media only screen and (max-width: 750px) {
    #copyright p {
      float: none;
      display: block;
      text-align: center; } }

#copyright span {
  float: right; }
  @media only screen and (max-width: 750px) {
    #copyright span {
      float: none;
      display: block;
      text-align: center; } }

#partenaires {
  margin-top: 1.5em; }

#partenaires > div > div > a {
  display: inline-block; }

/* =Acceuil
-------------------------------*/
.section-fabricant-vedette {
  background: #101010 none repeat scroll 0 0;
  border-bottom: 8px solid #0b0b0b;
  color: #fff;
  padding: 10px 0;
  text-align: center; }

.section-fabricant-vedette img {
  padding: 35px 15px;
  max-height: 140px;
  opacity: 0.6; }

#section-promo-jante {
  background: rgba(0, 0, 0, 0) url("../images/jantes-en-ligne-jantes-rabais-bg.jpg") no-repeat scroll top center/cover;
  color: #fff;
  padding: 50px 0 25px; }

.titre-section-pneu {
  background: #151515;
  color: #fff; }

.titreH2 {
  font-family: "montserratextra_bold";
  font-size: 30px;
  line-height: 1;
  margin: 70px 0 0 35px;
  text-transform: uppercase;
  float: left; }

.titreH2 span {
  font-family: 'montserratlight'; }

.titre-section-pneu .dropdown {
  float: right;
  margin: 30px 40px 0 0; }

.titre-section-pneu .dropdown-menu > li > a {
  padding: 5px 32px; }

.titre-section-pneu .btn-primary {
  background-color: #1f1f1f;
  border-color: #1f1f1f;
  color: #979797;
  font-family: "montserratbold";
  font-weight: normal;
  padding: 15px 25px; }

.titre-section-pneu .btn-primary:hover,
.titre-section-pneu .btn-primary.active,
.titre-section-pneu .btn-primary:active,
.titre-section-pneu .open > .dropdown-toggle.btn-primary {
  background-color: #2f2f2f;
  border-color: #2f2f2f;
  color: #a2a2a2; }

/* pneu Vedette*/
#liste-pneus-vedettes {
  background: #151515 none repeat scroll 0 0;
  color: #fff;
  padding: 30px 0 50px; }

#liste-pneus-vedettes .container {
  overflow: hidden; }

#carousel-pneus-vedettes .carousel-control.left,
#carousel-pneus-vedettes .carousel-control.right {
  background: none; }

#carousel-pneus-vedettes .carousel-inner {
  min-height: 330px;
  overflow: inherit; }

#carousel-pneus-vedettes .carousel-inner > .item {
  padding: 0 25px; }

#carousel-pneus-vedettes .carousel-control {
  width: auto; }

#carousel-pneus-vedettes .carousel-control.right {
  right: 15; }

#carousel-pneus-vedettes .carousel-control.left {
  left: 15; }

.carousel-single-pneu {
  margin: 0 auto;
  max-width: 245px;
  position: relative;
  width: 100%; }

.carousel-single-pneu .note-star {
  min-height: 30px;
  padding: 6px 0; }

.carousel-single-pneu .prix {
  background: #c30000 none repeat scroll 0 0;
  border-bottom: 3px solid #6b0000;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-family: "montserratbold";
  font-size: 32px;
  line-height: 1;
  padding: 8px 12px;
  position: absolute;
  top: 10px;
  left: -5px; }

.carousel-single-pneu .prix sup {
  font-size: 17px;
  margin-left: 4px;
  top: -10px; }
  @media only screen and (max-width: 750px) {
    .carousel-single-pneu .prix sup {
      font-size: 10px;
      margin-left: 4px;
      top: -6px; } }

.carousel-single-pneu .prix span {
  display: block;
  font-size: 9px;
  font-family: 'montserrat'; }
  @media only screen and (max-width: 750px) {
    .carousel-single-pneu .prix span {
      margin-bottom: 7px; } }

.carousel-single-pneu img {
  width: 100%;
  height: auto; }

.carousel-single-pneu .fabricantPneu,
.carousel-single-pneu .nomPneu {
  margin: 0; }

.carousel-single-pneu .fabricantPneu a {
  font-family: 'montserratlight';
  font-size: 13px;
  color: #9b9b9b; }

.carousel-single-pneu .nomPneu a {
  font-family: "montserratbold";
  color: #fff;
  font-size: 19px; }

/* Hasard routier 2017 */
#section-hroutier {
  background: url("../images/bandeau-hasard-routier.jpg") no-repeat top center;
  background-size: cover;
  color: #fff;
  padding-top: 65px; }

#section-hroutier h2 {
  font-family: "montserratextra_bold";
  font-size: 38px;
  line-height: 45px; }

#section-hroutier h2 .label {
  border-radius: 0em;
  font-size: 70%;
  padding: 0.2em .6em 0.1em;
  position: relative;
  margin-left: 10px;
  top: -3px; }

#section-hroutier h2 .label-blue {
  background-color: #0a6be7; }

#section-hroutier h2 .label .sm-text {
  font-size: 52%;
  display: inline-block;
  position: relative;
  top: -3px; }

#section-hroutier h4.ruban {
  background: url("../images/ruban.png") no-repeat center;
  font-family: 'montserratextra_bold';
  font-size: 1.8em;
  margin-bottom: 2em;
  margin-top: 1em;
  padding: 0.7em 0; }

#section-hroutier h5 {
  color: #adadad; }

#section-hroutier .more {
  margin-top: 3em; }

#section-hroutier .more a {
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  display: inline-block;
  padding: 0.8em 2em; }

.lines-heading {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center; }

.lines-heading:before, .lines-heading:after {
  background-color: #adadad;
  content: '\a0';
  flex-grow: 1;
  height: 1px;
  position: relative;
  top: 0.5em; }

.lines-heading:before {
  margin-right: 10px; }

.lines-heading:after {
  margin-left: 10px; }

.logo-flex {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 920px;
  margin: auto; }

.logo-flex div {
  max-width: 130px;
  height: auto;
  padding: .5em .5em; }

/* Promotion */
#section-etiquette-promo {
  background: #1a1a1a none repeat scroll 0 0;
  color: #fff;
  padding: 100px 0; }

.promo a {
  position: relative;
  display: block;
  overflow: hidden;
  color: #fff;
  text-transform: uppercase; }

.promo h3 {
  font-family: 'montserratlight';
  font-size: 19px;
  margin: 0;
  position: absolute;
  left: 25px;
  top: 35px; }

.promo h3 span {
  display: block;
  font-family: "montserratextra_bold";
  font-size: 42px; }

.promo .btPromo {
  background: #2d2d2d none repeat scroll 0 0;
  border-bottom: 5px solid #171717;
  border-radius: 5px;
  display: inline-block;
  font-family: "montserratbold";
  font-size: 16px;
  left: 25px;
  padding: 15px 25px;
  position: absolute;
  bottom: 35px;
  left: 25px; }

.promo a .btPromo:hover {
  background: #202020 none repeat scroll 0 0;
  border-bottom: 3px solid #030303; }

/* text Apropos */
#section-a-propos {
  background: rgba(0, 0, 0, 0) url("../images/pneu-de-qualite-a-rabais.jpg") no-repeat scroll top center/cover;
  color: #fff;
  padding: 100px 0; }

#section-a-propos h2 {
  font-family: "montserratextra_bold";
  text-transform: uppercase;
  margin-bottom: 25px; }

#section-a-propos h2 strong {
  color: #c30000; }

#section-a-propos p {
  font-size: 16px;
  opacity: 0.77; }

/* section-qualite */
#section-qualite {
  background: #4d4d4d;
  color: #fff;
  padding: 50px 0;
  border-bottom: 5px solid #121212;
  text-align: left; }

#section-qualite h3 {
  margin-top: 10px;
  font-family: "montserratextra_bold";
  font-size: 20px; }

#section-qualite p {
  opacity: 0.44; }

/* Bandeau Garage affilier */
#section-garage-affilier {
  background: rgba(0, 0, 0, 0) url("../images/garages-affilies-pneus-a-rabais.jpg") no-repeat scroll top center/cover;
  color: #fff;
  padding: 100px 0; }

/* Bandeau Garage affilier */
#section-garage-affilier-fr {
  background: rgba(0, 0, 0, 0) url("../images/garages-affilies-pneus-a-rabais.jpg") no-repeat scroll top center/cover;
  color: #fff;
  padding: 100px 0; }

/* Bandeau Garage affilier */
#section-garage-affilier-en {
  background: rgba(0, 0, 0, 0) url("../images/discount-tires-canada.jpg") no-repeat scroll top center/cover;
  color: #fff;
  padding: 100px 0; }

/* Bandeau Hasard routier */
#section-hasard-routier {
  background: #393939 url("../images/kumho-tires-protection-hasard-routier-gratuite.jpg") no-repeat scroll top center/cover;
  color: #fff;
  padding: 50px 0; }

#section-hasard-routier .margin-neg-20 {
  margin-top: -50px; }

/* Liste des actualités */
#liste-actualites {
  background: #1a1a1a none repeat scroll 0 0;
  color: #fff;
  padding: 75px 0; }

#liste-actualites .titreH2 {
  margin: 0 0 40px; }

.section-titre-actualite a {
  background: #2d2d2d none repeat scroll 0 0;
  border-radius: 4px;
  color: #686868;
  display: block;
  float: right;
  font-family: "montserratbold";
  font-size: 14px;
  margin-top: -5px;
  padding: 15px 20px;
  text-transform: uppercase; }

.section-titre-actualite a:hover {
  text-decoration: none;
  background: #3b3b3b;
  color: #7a7a7a; }

.actualite a {
  color: #fff;
  text-decoration: none; }

.actualite a:hover {
  color: #ccc; }

.actualite img {
  width: 100%; }

.actualite .titre-actualite {
  font-size: 14px;
  background: #3d3d3d;
  margin: 0;
  padding: 15px 10px;
  font-family: "montserratbold"; }

.actualite a:hover .titre-actualite {
  background: #2d2d2d; }

/* section-equipe */
#section-equipe {
  background: #1c1c1c;
  padding-top: 100px;
  text-align: center;
  color: #fff;
  font-family: montserratbold;
  font-size: 18px;
  line-height: 1; }

#section-equipe h2 {
  color: #fff;
  font-size: 42px;
  text-transform: uppercase;
  margin: 0px;
  font-family: montserratbold; }

#section-equipe h3 {
  font-size: 17px;
  color: #fff;
  margin: 0px;
  font-family: montserrat; }

#section-equipe .tel {
  color: #ff0406;
  display: block;
  font-size: 34px;
  margin-top: 25px; }

#section-equipe .col-md-12 img {
  text-align: center;
  margin: 50px auto 0; }

/* =Single - pneu
-------------------------------*/
#page {
  background: #1a1a1a;
  color: #fff;
  padding: 25px 0; }

#menu-produit-mobile {
  display: none;
  text-align: center;
  margin-bottom: 8px; }

#menu-produit-mobile li,
#menu-produit li {
  background: #2d2d2d !important;
  font-family: 'montserratlight';
  font-size: 18px;
  margin-bottom: 7px; }
  @media (max-width: 1199px) {
    #menu-produit-mobile li,
    #menu-produit li {
      font-size: 15px; } }

#menu-produit-mobile li {
  display: inline-block;
  width: 24%;
  text-align: center;
  font-size: 8px;
  font-weight: normal; }
  #menu-produit-mobile li .fa {
    display: block;
    font-size: 17px;
    margin-bottom: 5px; }

#menu-produit-mobile.nav-pills > li > a {
  color: #999;
  border-top: 13px solid #363636;
  padding: 10px 0; }

#menu-produit.nav-pills > li > a {
  color: #999;
  border-left: 13px solid #2d2d2d;
  padding: 15px; }

#menu-produit-mobile.nav-pills > li.active > a,
#menu-produit-mobile.nav-pills > li > a:focus,
#menu-produit-mobile.nav-pills > li > a:hover,
#menu-produit-mobile.nav-pills > li.active > a:focus,
#menu-produit-mobile.nav-pills > li.active > a:hover {
  background: none;
  font-family: "montserratbold";
  color: #fff;
  border-top: 13px solid #c30000;
  border-radius: 0px; }

#menu-produit.nav-pills > li.active > a,
#menu-produit.nav-pills > li > a:focus,
#menu-produit.nav-pills > li > a:hover,
#menu-produit.nav-pills > li.active > a:focus,
#menu-produit.nav-pills > li.active > a:hover {
  background: none;
  font-family: "montserratbold";
  color: #fff;
  border-left: 13px solid #c30000;
  border-radius: 0px; }

#menu-produit li .fa {
  margin-right: 10px; }

#note-general {
  background: #2d2d2d none repeat scroll 0 0;
  margin-top: 25px;
  padding: 15px;
  margin-bottom: 25px; }

#note-general h3 {
  font-size: 16px;
  margin-top: 0;
  font-family: "montserratbold"; }

.note-star {
  color: #e3a30a;
  font-size: 17px;
  padding: 7px 8px; }

.note-star .inactive {
  color: #666; }

.note-star span {
  color: #808080;
  font-size: 14px; }

.progress {
  background-color: #434343;
  border-radius: 0;
  height: 30px;
  position: relative; }

.progress-bar {
  background-color: #1a1a1a;
  padding: 5px;
  text-align: left;
  font-family: "montserratbold"; }

.progress-bar span {
  position: absolute; }

.note {
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0; }

.single-pneu .tab-content h3 {
  background: #2d2d2d none repeat scroll 0 0;
  padding: 15px;
  margin: 0 0 25px;
  text-transform: uppercase; }

.rabais-installation {
  border: 1px solid #ccc;
  padding: 8px 15px;
  border-radius: 3px;
  margin-bottom: 20px; }
  @media (max-width: 400px) {
    .rabais-installation {
      font-size: 12px; } }
  @media (max-width: 350px) {
    .rabais-installation {
      font-size: 11px; } }

/* Présentation */
.spec-mobile {
  display: none; }
  .spec-mobile .note-star {
    padding: 0;
    position: relative;
    max-width: 135px; }
  @media (max-width: 500px) {
    .spec-mobile {
      display: block; }
      .spec-mobile .info-fabricant-logo {
        max-width: 100%;
        max-height: 26px; }
      .spec-mobile .dimension {
        margin-top: 0 !important; } }

.img-pneu,
.information-supp {
  margin-bottom: 20px;
  min-height: 400px; }

.img-pneu input[type="number"],
.description input[type="number"] {
  display: inline-block;
  margin-top: 10px;
  padding-right: 6px;
  text-align: center;
  vertical-align: middle;
  width: 18%; }

.choix-cloute {
  display: block;
  margin: 15px 1px 0; }

.prix-presentation {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap; }

.prix {
  color: #fff;
  display: inline-block;
  font-family: "montserratbold";
  font-size: 48px;
  left: -5px;
  line-height: 1; }
  .prix.regulier {
    color: #FFF; }
    @media only screen and (max-width: 650px) {
      .prix.regulier {
        margin-left: 0; } }
    .prix.regulier span {
      color: #FFF;
      font-size: 12px;
      text-transform: none; }
    .prix.regulier sup {
      font-size: 15px;
      top: -11px; }
  .prix.regulier_strike {
    color: #ADADAD;
    font-size: 32px;
    margin-left: 20px;
    margin-bottom: 23px; }
    @media only screen and (max-width: 650px) {
      .prix.regulier_strike {
        margin-left: 0; } }
    .prix.regulier_strike span {
      color: #ADADAD;
      font-size: 12px;
      text-transform: none; }
    .prix.regulier_strike sup {
      font-size: 15px;
      top: -11px; }

.prix span {
  display: block;
  color: #c20401;
  font-family: "montserratbold";
  font-size: 17px;
  text-transform: uppercase;
  margin-bottom: 5px; }

.prix sup {
  font-size: 24px;
  margin-left: 4px;
  top: -17px; }

.prix .info-livraison {
  color: #ffc000;
  display: inline-block;
  font-size: 14px;
  margin-left: -45px;
  font-family: "montserratbold";
  text-transform: inherit;
  padding-left: 0; }

.info-fabricant-logo {
  float: right;
  max-height: 80px;
  max-width: 200px;
  padding: 0; }

.information-supp .dimension {
  margin-top: 15px; }

.dimension {
  font-size: 27px;
  font-family: "montserratbold"; }

.caracteristique li {
  list-style: none;
  font-size: 14px; }

.caracteristique li:before {
  color: #7c7c7c;
  content: "\f00c";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 24px;
  margin-left: -32px;
  width: 1.3em; }

.information-supp .btn {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  font-size: 20px;
  margin: 3px;
  padding: 0;
  width: 47px !important;
  height: 47px !important;
  line-height: 47px !important;
  float: left; }

.information-supp .btn.fa-volume-down {
  font-size: 25px;
  padding: 9px 0; }

.description {
  padding: 25px;
  border-top: 1px solid #2d2d2d;
  font-size: 14px;
  color: #a7a7a7;
  line-height: 1.7; }

.btn-achat-contact:visited, .btn-achat-contact,
.bnt-select-dimension:visited, .bnt-select-dimension,
.achat-pneu:visited, .achat-pneu {
  margin-left: 6px;
  margin-top: 10px;
  max-width: 300px;
  padding: 9px 0 11px;
  width: 69%; }
  @media only screen and (max-width: 750px) {
    .btn-achat-contact:visited, .btn-achat-contact,
    .bnt-select-dimension:visited, .bnt-select-dimension,
    .achat-pneu:visited, .achat-pneu {
      max-width: 100%; } }

.btn-achat-contact:before {
  content: '\f095';
  font-family: FontAwesome;
  font-size: 20px;
  margin-right: 10px; }

.bnt-select-dimension:active, .bnt-select-dimension:hover,
.btn-achat-contact:active, .btn-achat-contact:hover,
.achat-pneu:active, .achat-pneu:hover {
  margin-top: 12px; }

.btn-achat-contact, .btn-achat-contact:hover, .btn-achat-contact:visited,
.bnt-select-dimension, .bnt-select-dimension:hover, .bnt-select-dimension:visited,
.btn-achat-contact:active, .bnt-select-dimension:active {
  width: 100%;
  margin-left: 0;
  display: block; }

.achat-pneu:before {
  content: '\f07a';
  font-family: FontAwesome;
  font-size: 20px;
  margin-right: 10px; }

/* Spécification */
.specification-pneu-mobile {
  display: none; }

.specification-pneu td {
  border-top: 4px solid #1A1A1A !important;
  text-align: center;
  color: #fff;
  padding: 8px 20px !important;
  vertical-align: middle !important; }

.specification-pneu td:first-child {
  border-right: 4px solid #1A1A1A;
  text-align: left; }

.specification-pneu tr:nth-child(odd) td {
  background: #1d1d1d; }

.specification-pneu tr:nth-child(even) td {
  background: #222222; }

/* dimension */
.titre-dimensions {
  background: #c30000 none repeat scroll 0 0; }

.titre-dimensions-inactif {
  background: #434343 none repeat scroll 0 0; }

#dimensions thead tr,
.tableau thead tr,
.tableau tbody tr:nth-child(even),
#dimensions tbody tr:nth-child(even) {
  background: #1a1a1a; }

.tableau tbody tr:nth-child(odd),
#dimensions tbody tr:nth-child(odd) {
  background: #222222 !important; }

.tableau td,
#dimensions td {
  border: 0 none;
  color: #fff;
  /*padding: 8px 20px;*/
  font-size: 12px;
  vertical-align: middle; }

.tableau td span,
#dimensions td span {
  font-size: 15px;
  font-family: "montserratbold"; }

.tableau .fa-border,
#dimensions .fa-border {
  border-radius: 15px;
  padding: 0.7em; }

.info-stock .disponible {
  background: #769957 none repeat scroll 0 0;
  border: 0 none;
  color: #fff; }

.non-disponible {
  background: #3a3a3a none repeat scroll 0 0;
  border: 0 none;
  color: #fff; }

.info-btn {
  text-align: right; }

.info-btn a {
  color: #fff;
  padding: 4px 20px;
  font-size: 12px;
  font-family: 'montserratextra_bold';
  margin-left: -40px; }

.info-btn a .fa {
  font-size: 16px;
  margin-left: 5px;
  vertical-align: middle; }

.info-btn a:hover {
  background: #434343 none repeat scroll 0 0;
  border-radius: 23px;
  text-decoration: none; }

#outOfStock {
  background-color: #c30000;
  display: table;
  padding: 8px 15px;
  font-family: "montserratbold"; }

/* Médias */
.media-photos {
  margin-top: 20px; }

.media-photo-pneu {
  position: relative; }

.media-photo-pneu img {
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px; }

/* Avis */
.btn-avis,
.btn-avis:visited {
  border-radius: 3px;
  float: right;
  font-size: 12px;
  margin: -6px 0;
  padding: 11px 15px; }

.btn-avis:active,
.btn-avis:hover {
  margin: -4px 0; }
  @media only screen and (max-width: 400px) {
    .btn-avis:active,
    .btn-avis:hover {
      margin: 31px 0 29px; } }

.temoignage-client {
  border-bottom: 1px solid #2d2d2d;
  margin-bottom: 25px;
  overflow: hidden;
  padding-bottom: 25px;
  clear: both; }

.temoignage-client-information {
  padding: 0 0 0 15px; }

.temoignage-client-nom {
  font-family: 'montserratextra_bold';
  color: #fff;
  display: block; }

.temoignage-date {
  color: #9b9b9b;
  display: block;
  font-size: 12px; }

.temoignage-client-information .note-star {
  padding: 15px 0 0; }

.temoignage-client-texte {
  font-size: 12px;
  padding: 0 15px 0 0;
  text-align: justify; }

#avis_client .form-control {
  background-color: #fff !important;
  border: 1px solid #ccc; }

/* =Recherche
-------------------------------*/
.vehicule .fa {
  color: #bcbcbc;
  font-size: 30px;
  vertical-align: middle; }

.icon-pneu {
  background: url("../images/icon/icon-pneu.png") no-repeat;
  display: inline-block;
  width: 34px;
  height: 38px;
  vertical-align: middle; }

.icon-hasard {
  background-color: #5ca331 !important;
  border-color: #8fce69; }

@media (max-width: 1199px) {
  .resultat-pneu-information-general {
    width: 44%; } }

.panier-actuel-mobile,
.resultat-pneu-titre-mobile,
.resultat-pneu-information-general-mobile,
.remise-postale-mobile {
  display: none; }

.is-mobile {
  display: none; }

.is-desktop {
  display: block; }

/* _resultatDimensionStagger template additional CSS 06/07/22 */
.STAGGER .resultat-pneu-titre-mobile .installation-promo {
  border: 1px solid #fff;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 12px;
  display: inline-block;
  width: 90%;
  margin-left: 20px;
  margin-bottom: 18px;
  text-align: center; }
.STAGGER .resultat-pneu-titre-mobile .resultat-pneu-prix .prix-bandeau {
  margin: auto 5px;
  background: inherit;
  font-size: 10px;
  text-transform: uppercase; }
.STAGGER .resultat-pneu-titre-mobile .resultat-pneu-prix .our-price {
  width: 94%;
  padding: 0 10px; }
  .STAGGER .resultat-pneu-titre-mobile .resultat-pneu-prix .our-price .resultat-prix {
    padding-top: 2px; }
.STAGGER .resultat-pneu-titre-mobile .text-ensemble-4-pneus {
  position: absolute;
  top: 26px;
  right: 14px;
  font-size: 7px; }
.STAGGER .resultat-pneu-information-general .installation-promo {
  float: right;
  border: 1px solid #fff;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 13px;
  color: #fff; }
  @media (max-width: 1199px) {
    .STAGGER .resultat-pneu-information-general .installation-promo {
      float: none;
      font-size: 12px;
      display: inline-block;
      width: 50%;
      margin-left: 20px; } }
.STAGGER .text-ensemble-4-pneus {
  font-family: 'montserratbold';
  font-size: 10px;
  text-transform: uppercase;
  color: #fff; }

/* alert step */
.alert-step {
  background: #C29413;
  border: 0 none;
  color: #fff;
  font-family: montserratbold;
  font-size: 16px;
  position: relative;
  overflow: hidden; }

.alert-step .fa {
  color: #896809;
  cursor: pointer;
  float: right;
  font-size: 22px;
  padding: 1px; }

.alert-step .fa:hover {
  color: #6d5306; }

.etape-numero span {
  background: #896809 none repeat scroll 0 0;
  border-radius: 50px;
  display: inline-block;
  font-size: 26px;
  line-height: 0.5;
  margin: 0 auto;
  padding: 17px; }

.etape-texte h4 {
  font-size: 20px;
  margin: 0;
  text-transform: uppercase; }

.etape-texte p {
  font-family: montserrat;
  font-size: 14px;
  margin: 0; }

.panier-actuel {
  margin-top: 15px; }

.panier-actuel .modele-jante {
  font-family: montserratbold;
  font-size: 21px; }

/* sidebar */
#sidebar-recherche .panel-group {
  margin-bottom: 5px; }

#sidebar-recherche .titre-filtre,
#sidebar-recherche .titre-vehicule a {
  background: #4c4c4c;
  color: #fff;
  padding: 15px;
  display: block;
  margin: 0 0 5px;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "montserratbold"; }

#sidebar-recherche .titre-vehicule a:after {
  content: '\f044';
  color: #fff;
  float: right;
  font-family: FontAwesome;
  font-size: 19px; }

#sidebar-recherche .sidebar-img {
  margin-top: 25px; }

#sidebar-recherche .sidebar-img-1 {
  display: flex;
  justify-content: center;
  align-items: center; }

.informations-recherche {
  background: #2d2d2d none repeat scroll 0 0;
  margin-bottom: 25px;
  padding: 15px; }

.vehicule {
  margin-bottom: 15px; }

.titre-vehicule {
  margin-bottom: 5px;
  margin-top: 0; }

.vehicule-info,
.dimensions-info {
  display: inline-block;
  margin-left: 8px;
  width: 170px;
  line-height: 1.1;
  text-transform: uppercase;
  font-family: "montserratbold";
  vertical-align: middle; }

.vehicule-marque {
  color: #999;
  display: block;
  font-size: 12px; }

.vehicule-modele {
  display: block;
  font-size: 16px; }

.vehicule-version {
  color: #999;
  display: block;
  font-size: 10px; }

.dimensions-titre {
  font-size: 10px; }

.dimensions-pneu {
  color: #999;
  font-size: 18px;
  display: block; }

#sidebar-recherche .panel-group .panel {
  border-radius: 0; }

#sidebar-recherche .panel-default {
  background: none;
  border-color: #2d2d2d; }

#sidebar-recherche .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: 0px; }

#sidebar-recherche .panel-default > .panel-heading {
  background-color: #2d2d2d;
  border-radius: 0;
  color: #6b6b6b; }

#sidebar-recherche .panel-title > a {
  display: block;
  font-family: "montserratbold";
  text-transform: uppercase; }

#sidebar-recherche .panel-title > a.collapsed:after {
  content: '\f078'; }

#sidebar-recherche .panel-title > a:after {
  content: '\f077';
  color: #fff;
  float: right;
  font-family: FontAwesome;
  font-size: 15px;
  color: #6b6b6b; }

.filtre-choix {
  list-style: none;
  padding: 0; }

.filtre-choix li {
  padding: 5px 0;
  color: #999999; }

input[type="checkbox"].checkbox-choix {
  display: none; }

input[type="checkbox"].checkbox-choix + label span {
  border: 2px solid #999999;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  margin: -1px 8px 0 0;
  vertical-align: middle;
  width: 25px;
  text-align: center;
  position: relative; }

input[type="checkbox"].checkbox-choix:checked + label span:before {
  content: '\f00c';
  font-family: FontAwesome;
  color: #fff;
  font-weight: normal;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: 22px;
  text-align: center; }

.modal-body input[type="checkbox"].checkbox-choix:checked + label span:before {
  color: #3e3b3b; }

.listes-filtres .bnt3D {
  font-size: 12px;
  padding: 8px 9px;
  width: 95%; }

/* pagination */
.pagination {
  margin: 0 0 20px; }

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background-color: #c30000;
  border-color: #c30000;
  color: #fff; }

.pagination > li > a,
.pagination > li > span {
  background-color: #2d2d2d;
  border: 1px solid #2d2d2d;
  color: #fff;
  margin: 0 2px;
  padding: 8px 0;
  text-align: center;
  width: 40px; }

.pagination > li > a .fa {
  padding: 3px 0; }

.recherche-header nav {
  float: left; }

.recherche-header .dropdown {
  float: right;
  margin: 0 0 20px; }

.recherche-header .btn-primary {
  background-color: #2d2d2d;
  border-color: #2d2d2d;
  color: #8c8c8c;
  font-size: 13px;
  font-family: 'montserratbold';
  padding: 7px 20px;
  text-transform: uppercase; }

.recherche-header .btn-primary:hover,
.recherche-header .btn-primary.active,
.recherche-header .btn-primary:active,
.recherche-header .open > .dropdown-toggle.btn-primary {
  background-color: #2f2f2f;
  border-color: #2f2f2f;
  color: #a2a2a2; }

.recherche-header .dropdown-menu {
  width: 100%; }

/* listing */
.resultat-pneu {
  background: #2d2d2d;
  padding: 15px;
  border-bottom: 5px solid #1e1e1e;
  clear: both;
  color: #b3b3b3;
  margin-bottom: 20px;
  cursor: pointer !important; }

.resultat-pneu-w-promo-2 {
  margin-bottom: -5px; }

.resultat-pneu > .row {
  position: relative;
  align-items: stretch;
  display: flex; }
  @media only screen and (max-width: 600px) {
    .resultat-pneu > .row {
      display: block; } }

.resultat-pneu > .row-flex {
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 600px) {
    .resultat-pneu > .row-flex {
      display: block; } }

.resultat-pneu-information-prix-a-partir-de {
  background: #303030 none repeat scroll 0 0;
  border-left: 1px solid #373737;
  /*float: right;
  height: 238px;*/
  margin-bottom: -15px;
  margin-top: -15px;
  padding: 20px;
  width: 22%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0; }

.resultat-pneu-information-prix {
  background: #303030 none repeat scroll 0 0;
  border-left: 1px solid #373737;
  /*float: right;
  height: 238px;*/
  margin-bottom: -15px;
  margin-top: -15px;
  margin-left: 25px;
  padding: 20px;
  width: 22%;
  /*position: absolute;
  top: 0;
  bottom:0;
  right: 0;*/ }

.installation-promo {
  display: block;
  margin-bottom: 5px; }

.pneu-information-fabriquant {
  display: inline-block;
  height: 35px; }

.pneu-information-fabriquant img {
  height: 100%;
  width: auto; }

.is-mobile .installation-promo {
  border: 1px solid #fff;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 12px;
  display: inline-block;
  width: 90%;
  margin-left: 20px;
  margin-bottom: 18px;
  text-align: center; }

.is-desktop .installation-promo {
  float: right;
  border: 1px solid #fff;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 13px;
  color: #fff; }
  @media (max-width: 1199px) {
    .is-desktop .installation-promo {
      float: none;
      font-size: 12px;
      display: inline-block;
      width: 50%;
      margin-left: 20px; } }

.resultat-pneu h3 {
  margin: 0; }

.resultat-pneu h3 a {
  color: #fff;
  text-decoration: none;
  font-size: 22px; }
  @media (max-width: 1199px) {
    .resultat-pneu h3 a {
      font-size: 18px; } }

.resultat-pneu .note-star {
  padding: 7px 8px 0 0; }

.pneu-information-saison {
  font-size: 12px; }

.resultat-pneu-information-general .note-star .inactive {
  /*display: none;*/
  color: #474747; }

.pneu-information-dimension {
  font-family: 'montserratbold';
  font-size: 18px;
  color: #fff;
  margin: 0; }

.resultat-pneu .pneu-information-dimension .btn {
  width: 25px !important;
  height: 25px !important;
  line-height: 25px !important;
  float: none;
  border: 1px solid;
  margin: 0 3px 3px; }
.resultat-pneu .pneu-information-dimension .btn::before {
  height: 13px;
  width: 13px;
  margin: 0 auto !important;
  line-height: 22px;
  font-size: 0 !important;
  background-size: contain; }
  @media only screen and (max-width: 700px) {
    .resultat-pneu .pneu-information-dimension .btn::before {
      height: 13px !important;
      width: 13px !important;
      margin: 0 auto !important;
      line-height: 22px;
      font-size: 0 !important;
      background-size: contain; } }

.pneu-information-dimension span {
  font-size: 14px;
  font-family: 'montserratbold';
  color: #b3b3b3; }

.pneu-information-metas {
  margin-bottom: 8px;
  font-size: 11px; }

.pneu-information-metas span {
  border-bottom: 1px dotted #b3b3b3;
  font-size: 12px;
  margin: 0 10px 0 5px; }

.resultat-pneu .btn {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  font-size: 14px;
  margin: 3px;
  padding: 0;
  width: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
  float: left; }

.resultat-pneu-prix-a-partir-de {
  background: #474747 none repeat scroll 0 0;
  border-bottom: 4px solid #272727;
  font-size: 32px;
  margin: -10px -30px 15px;
  color: #fff;
  border-radius: 5px;
  display: flex !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.resultat-pneu-prix-a-partir-de .prix-slogan {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0;
  width: auto; }

.resultat-pneu-prix-a-partir-de .resultat-prix {
  width: 46%; }

.resultat-pneu-prix {
  background: #474747 none repeat scroll 0 0;
  border-bottom: 4px solid #272727;
  font-size: 32px;
  margin: -10px -30px 15px;
  color: #fff;
  border-radius: 5px; }
  .resultat-pneu-prix > div {
    width: 50%;
    line-height: 0; }
    .resultat-pneu-prix > div.regular-price {
      color: #b5b5b5;
      background: #3d3d3e;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .resultat-pneu-prix > div.prix-bandeau {
      width: 94%;
      font-size: 12px;
      text-align: center;
      margin: -21px auto 0;
      background: #c30200;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      padding: 4px 0;
      font-weight: bold;
      line-height: 1; }

/* when client has a custom price*/
.resultat-pneu-prix.has-user-price-applied {
  display: block !important;
  background: none;
  border: none;
  margin-top: -34px; }
  .resultat-pneu-prix.has-user-price-applied .has-user-price-applied--price-group {
    display: flex;
    width: 100%;
    background: #474747 none repeat scroll 0 0;
    border-bottom: 4px solid #272727;
    color: #fff;
    border-radius: 9px; }
    .resultat-pneu-prix.has-user-price-applied .has-user-price-applied--price-group .regular-price {
      color: #b5b5b5;
      background: #3d3d3e;
      border-top-left-radius: inherit;
      border-bottom-left-radius: inherit;
      text-align: center; }
    .resultat-pneu-prix.has-user-price-applied .has-user-price-applied--price-group .our-price {
      text-align: center; }

.is-mobile .resultat-pneu-prix.has-user-price-applied {
  margin-top: 18px;
  margin-right: -8px; }
.is-mobile .has-user-price-applied-title {
  width: 40%; }

.resultat-roue-prix {
  background: #474747 none repeat scroll 0 0;
  border-bottom: 4px solid #272727;
  font-size: 32px;
  margin: -10px -30px 15px;
  color: #fff;
  border-radius: 5px; }
  .resultat-roue-prix > div {
    width: 50%;
    line-height: 0; }
    .resultat-roue-prix > div.regular-price {
      color: #b5b5b5;
      background: #3d3d3e;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .resultat-roue-prix > div.prix-bandeau {
      width: 94%;
      font-size: 12px;
      text-align: center;
      margin: -21px auto 0;
      background: #3d3d3e;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      padding: 4px 0;
      font-weight: bold;
      line-height: 1; }

.bandeau- .prix-bandeau {
  display: none !important; }

.bandeau-rouge-votre-prix {
  /*background: #c30000 none repeat scroll 0 0;
  border-bottom: 4px solid #7f0000;
  padding-right: 5px!important;*/ }
  .bandeau-rouge-votre-prix .prix-bandeau {
    background: #c30000 !important; }

.bandeau-bleu-votre-prix {
  /*background: #2e6bbe none repeat scroll 0 0;
  border-bottom: 4px solid #133f7b;
  padding-right: 5px!important;*/ }
  .bandeau-bleu-votre-prix .prix-bandeau {
    background: #2e6bbe !important; }

.bandeau-vert-votre-prix {
  /*background: #5ca331 none repeat scroll 0 0;
  border-bottom: 4px solid #4e882a;*/ }
  .bandeau-vert-votre-prix .prix-bandeau {
    background: #5ca331 !important; }

.bandeau-jaune-votre-prix {
  /*background: #feb300 none repeat scroll 0 0;
  border-bottom: 4px solid #dfa313;
  padding-right: 5px!important;*/ }
  .bandeau-jaune-votre-prix .prix-bandeau {
    background: #feb300 !important; }

.bandeau-rouge {
  background: #c30000 none repeat scroll 0 0;
  border-bottom: 4px solid #7f0000;
  padding-right: 5px !important; }

.bandeau-bleu {
  background: #2e6bbe none repeat scroll 0 0;
  border-bottom: 4px solid #133f7b;
  padding-right: 5px !important; }

.bandeau-vert {
  background: #5ca331 none repeat scroll 0 0;
  border-bottom: 4px solid #4e882a; }

.bandeau-jaune {
  background: #feb300 none repeat scroll 0 0;
  border-bottom: 4px solid #dfa313;
  padding-right: 5px !important; }

.resultat-pneu-prix span {
  display: inline-block;
  padding: 5px 5px 0 0;
  width: 100%;
  vertical-align: middle;
  line-height: 1; }

.resultat-roue-prix span {
  display: inline-block;
  padding: 5px 3% 0 0;
  width: 100%;
  vertical-align: middle; }

.resultat-pneu-prix-a-partir-de span {
  display: inline-block;
  padding: 5px 3% 0 0;
  width: 46%;
  vertical-align: middle; }

.prix-slogan {
  font-size: 10px;
  font-family: 'montserratbold';
  line-height: 1;
  text-transform: uppercase;
  margin-top: 3px; }

.resultat-prix {
  font-size: 25px;
  font-family: 'montserratbold'; }

.resultat-prix sup {
  font-size: 15px;
  margin-left: 4px;
  top: -10px; }

.resultat-prix-ensemble span {
  font-size: 10px;
  text-transform: uppercase;
  display: block;
  color: #fff; }

.resultat-prix-ensemble {
  font-size: 22px;
  font-family: 'montserratbold';
  margin: 0; }

.resultat-prix-ensemble sup {
  font-size: 12px;
  margin-left: 4px;
  top: -8px; }

.resultat-pneu-disponible {
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-family: 'montserratbold';
  margin-top: 4px;
  padding: 3px 8px;
  position: relative;
  z-index: 999; }

.resultat-pneu-disponible.disponible {
  background: #5ca331; }

.resultat-pneu-disponible.warning {
  background-color: #ffc70c;
  color: #846315; }

.resultat-pneu-disponible.indisponible {
  background: #474747; }

.remise-postale {
  background: #373737;
  font-size: 10px;
  padding: 10px 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%; }

.remise-postale-prix {
  float: left;
  color: #fff;
  font-size: 23px;
  font-family: 'montserratbold'; }

.remise-postale-condition {
  float: right;
  font-size: 9.2px;
  line-height: 1.2;
  margin: 6px 0; }

.remise-postale-condition strong {
  color: #fff;
  display: block;
  font-size: 10px; }

/* Aucun résultat */
.aucun-resultat {
  background: #2D2D2D;
  padding: 30px 15px;
  overflow: hidden; }

.aucun-resultat-warning {
  font-size: 5em;
  color: #feb300;
  padding-top: 0.1em;
  text-align: center; }

.aucun-resultat-information {
  color: #999; }

.aucun-resultat-information h2 {
  color: #fff;
  font-size: 18px;
  margin-top: 0; }

.bg-gray-top-message {
  background: #2d2d2d !important; }

.single-list-prix {
  text-align: right !important;
  margin-top: 0px;
  margin-right: 11px; }

.info-livraison {
  padding-left: 7px; }

.resultat-pneu-prix .resultat-prix {
  padding-top: 10px; }

/* =Panier
-------------------------------*/
.panier-vide {
  overflow: hidden; }

.panier-vide .bnt3D:visited,
.panier-vide .bnt3D {
  display: block;
  margin: 20px auto;
  max-width: 300px; }

.panier-vide .bnt3D:hover,
.panier-vide .bnt3D:active {
  margin-top: 22px; }

/*listing*/
.panier thead td {
  background: #2d2d2d;
  color: #fff;
  font-family: 'montserratbold'; }

.panier td {
  border: 4px solid #1a1a1a !important;
  vertical-align: middle !important;
  background: #232323;
  color: #a8a8a8;
  text-align: center; }

.panier tbody td:first-child {
  border-right: 0 none !important;
  padding: 0; }

.panier tbody td:nth-child(2) {
  border-left: 0 none !important; }

.panier td:first-child {
  text-align: left; }

.panier .btn {
  background: none;
  border: 0px;
  padding: 0;
  font-weight: normal; }

.panier-pneu {
  font-family: "montserratbold";
  padding: 8px 0; }
  .panier-pneu .tooltip-inner {
    max-width: 250px;
    /* If max-width does not work, try using width instead */
    width: 250px; }

.panier-pneu .fa-close {
  padding: 15px 0; }

.panier-pneu-info {
  line-height: 1.1;
  padding: 2px 0;
  text-align: left; }

.panier-pneu-info .vehicule-marque {
  font-size: 10px;
  color: #a8a8a8; }

.panier-pneu-info .vehicule-modele {
  font-size: 14px;
  color: #fff; }

.panier-pneu-info .dimensions-pneu {
  font-size: 14px;
  color: #a8a8a8; }

.info-prix-mobile {
  display: none;
  font-size: 11px;
  font-family: montserrat;
  margin-top: 2px;
  color: #fff; }

.panier-pneu-unite {
  max-width: 50px;
  color: #0C0C0C;
  padding: 5px 5px;
  border-radius: 4px;
  border: 0px;
  margin: 0 20px;
  text-align: center; }

.panier-pneu-prix-unite,
.panier-pneu-prix-total {
  padding: 0px 15px; }

/* livraison */
.titre-livraison {
  background: #c30000 none repeat scroll 0 0;
  color: #fff;
  font-family: "montserratbold";
  font-size: 14px;
  line-height: 1;
  margin: 25px 5px 8px;
  padding: 10px;
  text-transform: uppercase; }

.panier-livraison {
  overflow: hidden; }

.choix-livraison {
  background: #232323 none repeat scroll 0 0;
  color: #808080;
  padding: 10px;
  border: 4px solid #1a1a1a;
  min-height: 142px; }

.choix-livraison ul {
  padding: 0px;
  margin: 0px;
  list-style: none; }

.choix-livraison label {
  margin: 7px 0;
  font-weight: normal;
  display: block; }

input[type="radio"].radio-choix {
  display: none; }

input[type="radio"].radio-choix + label p {
  display: inline-block;
  vertical-align: middle;
  width: 85%;
  margin: 5px 0 6px;
  font-size: 13px; }

input[type="radio"].radio-choix + label span {
  border: 1px solid #fff;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  margin: -1px 8px 0 0;
  vertical-align: middle;
  width: 25px;
  text-align: center; }

input[type="radio"].radio-choix:checked + label span:before {
  content: '';
  background: #c30000 none repeat scroll 0 0;
  border-radius: 50px;
  display: inline-block;
  height: 17px;
  margin-top: 3px;
  width: 17px; }

input[type="radio"].radio-choix:checked + label {
  color: #fff; }

#livraison-cueillette,
#livraison-garage {
  display: none; }

.indication-livraison {
  background: #232323 none repeat scroll 0 0;
  color: #fff;
  border: 4px solid #1a1a1a;
  border-left: 0px; }

#livraison-domicile .livraison-code-postal {
  padding: 10px 5px; }

.livraison-code-postal {
  border-right: 4px solid #1a1a1a;
  height: 134px;
  padding: 15px 5px;
  text-align: center; }

.livraison-code-postal p {
  font-size: 12px;
  margin-bottom: 5px; }

.livraison-code-postal input {
  max-width: 105px;
  display: inline-block;
  color: #000;
  text-align: center;
  height: 35px;
  vertical-align: middle; }

.page-commane .livraison-code-postal input {
  max-width: 125px; }

.livraison-frais {
  padding: 5px 5px 19px;
  background: #526d28;
  text-align: center;
  font-size: 12px;
  font-family: "montserratbold";
  text-transform: uppercase; }

.livraison-frais span:before {
  content: '\f0d1';
  font-family: FontAwesome;
  color: #fff;
  display: block;
  font-size: 48px; }

.livraison-frais.gratuit span:before {
  content: '\f00c'; }

.livraison-frais strong {
  display: block;
  font-size: 17px; }

#livraison-garage .livraison-code-postal {
  text-align: left;
  border: 0px; }

.bnt-recherche-livraison, .bnt-recherche-livraison:visited {
  margin: 0 7px; }

.bnt-recherche-livraison:hover, .bnt-recherche-livraison:active {
  margin-top: 6px; }

.livraison-adresse {
  height: 134px;
  padding: 15px 5px; }

.livraison-adresse p {
  font-size: 12px;
  line-height: 1.2; }

.livraison-adresse .fa {
  float: left;
  font-size: 40px;
  padding-right: 20px;
  padding-top: 5px; }

.livraison-adresse-magasin strong {
  display: block;
  font-size: 16px;
  font-family: "montserratbold"; }

#recherche-garage {
  display: none; }

#recherche-garage.modal {
  text-align: center; }

@media screen and (min-width: 768px) {
  #recherche-garage.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%; } }
#recherche-garage .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  /*height: 90%;*/ }

#recherche-garage .modal-content {
  height: 100%; }
  #recherche-garage .modal-content > div {
    overflow: hidden; }
  @media screen and (min-width: 450px) {
    #recherche-garage .modal-content #garages {
      max-height: 56%;
      padding-bottom: 25px; }
    #recherche-garage .modal-content span {
      font-size: 12px; }
      #recherche-garage .modal-content span .phrase1 {
        display: block;
        font-size: 16px; }
      #recherche-garage .modal-content span .phrase2 {
        font-size: 16px;
        display: inline-block;
        margin-bottom: 20px; }
      #recherche-garage .modal-content span input[type=checkbox] {
        margin: 0;
        line-height: normal;
        display: inline-block;
        vertical-align: middle; } }

/* prodécé de paiement */
.procede-de-paiement {
  padding: 0; }

.procede-de-paiement > div {
  border: 2px solid #2d2d2d;
  padding: 3px 5px;
  margin-bottom: 10px; }

.procede-de-paiement .code-promo {
  padding: 5px; }

.code-promo input {
  display: inline-block;
  width: 79%; }

.code-promo button:visited,
.code-promo button {
  height: 45px;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  width: 19%;
  text-align: center; }

.code-promo button:active,
.code-promo button:hover {
  height: 43px;
  margin-top: 2px; }

.code-promo button:before {
  font-family: fontawesome; }

.historique-commande {
  background: #2d2d2d none repeat scroll 0 0;
  color: #949494;
  display: block;
  font-family: "montserratbold";
  font-size: 14px;
  margin: 4px 0;
  overflow: hidden;
  padding: 10px 0;
  text-transform: uppercase; }

.commande-pneu-info {
  line-height: 1.2;
  padding: 2px 0; }

.commande-pneu-info .vehicule-marque {
  color: #fff;
  font-size: 13px; }

.commande-pneu-info .dimensions-pneu {
  font-size: 12px;
  color: #a8a8a8; }

.commande-pneu-info .nombre-pneu {
  font-size: 12px;
  color: #a8a8a8;
  display: block;
  margin-top: 8px; }

.page-commande .procede-de-paiement-info-prix {
  margin: 20px 0 0; }

.procede-de-paiement-info-prix {
  width: 100%; }

.procede-de-paiement-info-prix .col-md-8 {
  padding-left: 8px;
  padding-right: 2px; }

.procede-de-paiement-info-prix td {
  background: #2d2d2d;
  border: 3px solid #1a1a1a;
  font-size: 14px;
  margin: 2px 0;
  padding: 10px 7px;
  text-transform: uppercase;
  font-family: 'montserratbold';
  color: #949494; }

.procede-de-paiement-info-prix td:nth-child(2) {
  text-align: right; }

.procede-de-paiement-info-prix .frais-gouvernement span {
  font-size: 12px; }

.procede-de-paiement-info-prix .paiement-total td {
  background: #565656;
  color: #fff; }

.promocode .supprimerCode a {
  color: #c30000;
  font-size: 11px; }

#code-potal-livraison-btn:visited, #code-potal-livraison-btn {
  font-size: 12px;
  margin: 7px auto 4px;
  padding: 6px 8px;
  width: 100%;
  max-width: 105px; }

#code-potal-livraison-btn:visited, #code-potal-livraison-btn,
.bt-paiement-commande:visited, .bt-paiement-commande,
.bt-paiement:visited, .bt-paiement {
  display: block; }

.bt-paiement-commande:visited, .bt-paiement-commande,
.bt-paiement:visited, .bt-paiement {
  margin: 7px 0 4px;
  padding: 15px;
  font-size: 16px;
  width: 100%; }

.page-commande .bt-paiement-commande:visited,
.page-commande .bt-paiement-commande,
.page-commande .bt-paiement:visited,
.page-commande .bt-paiement {
  margin-top: 20px; }

#code-potal-livraison-btn:hover, #code-potal-livraison-btn:active,
.bt-paiement-commande:hover, .bt-paiement-commande:active,
.bt-paiement:hover, .bt-paiement:active {
  color: #fff;
  text-decoration: none;
  border-bottom: 2px solid #6e0000;
  margin-top: 9px; }

.page-commande .bt-paiement-commande:hover, .page-commande .bt-paiement-commande:active,
.page-commande .bt-paiement:hover, .page-commande .bt-paiement:active {
  margin-top: 22px; }

/* =commande
------------------------*/
.titre-section-commande {
  background: #c30000 none repeat scroll 0 0;
  color: #fff;
  font-family: "montserratbold";
  font-size: 14px;
  line-height: 1;
  margin: 10px 0;
  padding: 15px;
  text-transform: uppercase;
  overflow: hidden; }

.information-livraison-client {
  margin-bottom: 30px; }

.single-pneu .alert-danger:before,
.page-contact .alert-danger:before,
.page-commande .alert-danger:before {
  display: none; }

.single-pneu .alert-danger,
.page-contact .alert-danger,
.page-commande .alert-danger {
  background-color: #cc0000;
  border: 3px solid #1a1a1a;
  border-radius: 0;
  color: #fff;
  outline: 2px solid #cc0000;
  list-style: inside; }

/*adresse de facturation*/
#adresse-de-facturation {
  margin-top: 15px; }

/*livraison*/
.page-commande .choix-livraison {
  background: none;
  border: 0px; }

.page-commande .choix-livraison label {
  font-family: "montserrat"; }

.page-commande .indication-livraison {
  padding: 15px;
  border: 0px;
  overflow: hidden; }

.page-commande .livraison-code-postal {
  height: auto;
  margin-top: -10px; }

.page-commande .livraison-adresse {
  height: auto;
  padding: 0; }

.livraison-adresse-maison {
  float: left;
  font-size: 14px !important;
  margin-top: 8px !important;
  width: 80%; }

.livraison-consigne {
  clear: both;
  margin: 0;
  padding-top: 15px; }

#adresse-de-livraison label,
.livraison-consigne label {
  font-weight: normal;
  font-size: 12px; }

.livraison-consigne textarea {
  min-height: 75px;
  height: 75px;
  max-width: 100%;
  min-width: 100%;
  font-size: 12px; }

#livraison-autre textarea::-webkit-input-placeholder,
.livraison-consigne textarea::-webkit-input-placeholder {
  color: #666; }

#livraison-autre textarea:-moz-placeholder,
.livraison-consigne textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #666; }

#livraison-autre textarea::-moz-placeholder,
.livraison-consigne textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #666; }

#livraison-autre textarea:-ms-input-placeholder,
.livraison-consigne textarea:-ms-input-placeholder {
  color: #666; }

.livraison-adresse-magasin a {
  color: #feb300;
  display: inline-block;
  padding-top: 8px; }

#livraison-autre {
  background: none;
  padding: 10px 0; }

/* mode de paiement*/
.choix-mode-paiement,
.information-paiement {
  background: #272727;
  padding: 10px; }

.choix-mode-paiement ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.choix-mode-paiement label {
  font-weight: normal;
  margin: 7px 0;
  font-family: "montserratbold"; }

#information-paypal p,
.note-credit {
  font-size: 12px;
  margin: 0 0 7px; }

.note-credit {
  color: #808080;
  line-height: 1.3;
  padding: 5px;
  text-align: justify; }

#information-credit {
  height: 254px;
  padding: 30px 15px; }

.icon-carte {
  margin: 0;
  padding: 8px 0; }

.icon-carte span {
  color: #fff;
  display: inline-block;
  font-family: "montserrat";
  font-size: 10px;
  padding-left: 10px;
  vertical-align: middle;
  width: 70%;
  max-width: 106px; }

.icon-carte:before {
  content: '';
  display: inline-block;
  background: url("../images/icon/icon-ccv.png") no-repeat;
  width: 55px;
  height: 32px;
  vertical-align: middle; }

/* Notes */
.commande-notes {
  font-size: 10px;
  margin: 25px 0 0;
  color: #808080; }

.commande-notes strong {
  color: #fff; }

/* = Confirmation 
--------------------------*/
.titre-confirmation {
  margin-bottom: 40px;
  margin-top: 0; }

.numero-commande {
  font-size: 21px; }

.information-courriel-confirmation {
  color: #9b9b9b;
  font-size: 13px; }

.btn-retour,
.btn-retour:visited,
.btn-imprimer,
.btn-imprimer:visited {
  background: #c30000 none repeat scroll 0 0;
  border-bottom: 4px solid #6e0000;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-family: "montserratbold";
  font-size: 16px;
  margin: 15px 0;
  padding: 13px 15px 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: bottom; }

.btn-retour,
.btn-retour:visited {
  background: #636363 none repeat scroll 0 0;
  border-color: #515151;
  margin-left: 15px; }

.btn-retour .fa,
.btn-imprimer .fa {
  margin-right: 10px; }

.btn-retour:hover,
.btn-retour:active,
.btn-imprimer:active,
.btn-imprimer:hover {
  color: #fff;
  text-decoration: none;
  border-bottom-width: 2px;
  margin-top: 17px; }

.page-confirmation .panel-default,
.page-confirmation .panel,
.panel-default > .panel-heading,
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  background-color: transparent;
  border-color: transparent; }

.page-confirmation .panel-group {
  border-top: 1px solid grey;
  margin-bottom: 0;
  margin-top: 20px;
  padding-top: 20px; }

.page-confirmation .panel-heading {
  padding: 10px 0; }

.page-confirmation .panel-title a {
  display: block;
  color: #9b9b9b;
  font-size: 21px; }

.page-confirmation .panel-title a:before {
  content: '\f105';
  font-family: 'FontAwesome';
  font-weight: bold;
  font-size: 25px; }

.page-confirmation .panel-title a:hover,
.page-confirmation .panel-title a[aria-expanded="true"] {
  color: #fff;
  text-decoration: none; }

.page-confirmation .panel-title a[aria-expanded="true"]:before {
  content: '\f107'; }

.page-confirmation .panel-body {
  color: #9b9b9b;
  font-size: 13px; }

.partage-rs {
  padding: 10px; }

.partage-rs img {
  float: left;
  margin-right: 10px; }

.partage-rs span {
  font-family: "montserratbold";
  display: block;
  margin-bottom: 5px; }

.sidebar-img img,
.paiement-securise img {
  margin: 0 auto; }

/*	= Contact
-----------------------------*/
.information-contact {
  background: #2d2d2d none repeat scroll 0 0;
  margin-bottom: 25px;
  overflow: hidden; }

.titre-rouge,
.information-contact h2 {
  background: #c30000 none repeat scroll 0 0;
  font-size: 18px;
  margin: 0 0 20px;
  padding: 15px 20px; }

.information-contact > div {
  overflow: hidden;
  margin: 25px 0; }

.information-contact .fa {
  display: inline-block;
  font-size: 24px;
  margin-top: 5px;
  text-align: center;
  vertical-align: top;
  width: 28%; }

.information-contact p {
  display: inline-block;
  width: 70%;
  vertical-align: middle;
  margin: 0;
  font-size: 13px; }

.coordonnee span,
.courriel-contact a {
  display: block; }

.tel-local span,
.tel-sans-frais span {
  display: block;
  font-size: 19px;
  color: #fff; }

.tel-sans-frais span {
  color: #feb300; }

.courriel-contact a {
  color: #fff;
  font-family: "montserratbold"; }

.titre-contact {
  font-size: 22px;
  margin-top: 0; }

.formulaire-contact input[type="submit"],
.formulaire-contact input[type="submit"]:visited {
  background: #c30000 none repeat scroll 0 0;
  border-bottom: 4px solid #6e0000;
  border-radius: 4px;
  color: #fff;
  font-family: "montserratbold";
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  height: auto; }

.formulaire-contact input[type="submit"]:active,
.formulaire-contact input[type="submit"]:hover {
  color: #fff;
  text-decoration: none;
  border-bottom: 2px solid #6e0000;
  margin-top: 2px; }

/* =Remise postal
--------------------------*/
.remise {
  background: #222 none repeat scroll 0 0;
  overflow: hidden;
  padding: 20px 0;
  margin-bottom: 10px; }

.remise img {
  margin-top: 5px; }

.remise p {
  font-size: 13px;
  margin: 0; }

.remise a,
a.btn-pdf {
  background: #c30000 none repeat scroll 0 0;
  border-bottom: 4px solid #6e0000;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-family: "montserratbold";
  font-size: 12px;
  height: auto;
  margin-left: 5px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: bottom; }

.remise a:active,
.remise a:hover,
a.btn-pdf:active,
a.btn-pdf:hover {
  color: #fff;
  text-decoration: none;
  border-bottom-width: 2px;
  margin-top: 2px; }

.remise a.btn-detail {
  background: #636363 none repeat scroll 0 0;
  border-color: #515151; }

/* Single */
.information-remise {
  margin: 10px 0; }

.remise-individuelle {
  background: #2d2d2d none repeat scroll 0 0;
  margin: 1%;
  padding: 15px;
  width: 31%;
  font-size: 13px;
  height: 90px; }

.remise-individuelle a {
  color: #fff; }

.remise-individuelle a:hover {
  color: #c30000; }

.remise-individuelle a:hover .remise-rabais {
  color: #fff; }

.remise-rabais {
  background: #c30000 none repeat scroll 0 0;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 7px;
  padding: 3px 8px; }

.remise-pneu {
  font-family: "montserratbold";
  line-height: 1;
  margin: 0; }

.titre-gris {
  background: #434343 none repeat scroll 0 0;
  font-size: 15px;
  margin: 0 0 20px;
  padding: 15px 20px; }

.boite-grise {
  padding-bottom: 15px; }

.formulaire-remise-postale-in {
  padding: 10px 10px 0; }

.remise-postale-disponible div {
  padding: 10px; }

.formulaire-remise-postale-in a.btn-pdf {
  width: 96%; }

.formulaire-remise-postale-in .fa {
  float: left;
  font-size: 25px;
  padding: 7px 10px; }

.formulaire-remise-postale-in p span {
  font-family: "montserratbold";
  display: block; }

/* =Outils
--------------------------*/
.page-outils h3 {
  margin-top: 0; }

.equivalence-bouton a,
.outils-comparateur-content a,
.comparer-bouton a {
  display: inline-block; }

/* équivalence */
.resultat-equivalence h4,
.calculateur-equivalence h4 {
  background: #cc0000 none repeat scroll 0 0;
  margin-top: 25px;
  padding: 10px;
  text-transform: uppercase;
  font-family: "montserratbold"; }

.equivalence-bouton {
  text-align: right;
  margin: 15px 0; }

.tableau.resultat-equivalence thead tr,
#dimensions.resultat-equivalence thead tr {
  background: #434343; }

.tableau.resultat-equivalence thead td,
#dimensions.resultat-equivalence thead td {
  font-family: "montserratbold";
  font-size: 14px;
  text-transform: uppercase; }

.tableau tr,
#dimensions tr {
  border-bottom: 4px solid #1A1A1A; }

.tableau.resultat-equivalence tbody td,
#dimensions.resultat-equivalence tbody td {
  text-align: center;
  font-size: 14px; }

.resultat-equivalence tbody td:first-child {
  text-align: left; }

.dimension-difference {
  background: #3F9E1A; }

.dimension-difference.eleve {
  background: #761D1F; }

.dimension-difference.basse {
  background: #7A7C18; }

/* Comparateur */
.avertissement-jantes {
  background: #2d2d2d none repeat scroll 0 0;
  margin-bottom: 25px;
  overflow: hidden;
  padding: 15px 0 7px; }

.avertissement-jantes .fa-warning {
  color: #feb300;
  font-size: 32px;
  padding: 15px; }

#resultat-comparaison h4,
.outils-comparateur h4 {
  background: #cc0000 none repeat scroll 0 0;
  margin-top: 0;
  padding: 10px;
  text-transform: uppercase;
  font-family: "montserratbold"; }

.outils-comparateur-content {
  color: #c8c8c8;
  padding: 0 10px; }

.outils-comparateur-dimension {
  margin: 15px 0; }

.outils-comparateur-dimension input {
  display: inline-block;
  height: 41px;
  width: 28.8%; }

.outils-comparateur-dimension a.btn-remove {
  color: #cc0000;
  display: none;
  font-size: 17px;
  margin-left: 5px; }

.outils-comparateur-dimension a.btn-remove.visible {
  display: inline-block; }

.outils-comparateur-dimension span {
  display: block;
  font-size: 11px;
  padding: 3px 0; }

.outils-comparateur-content p {
  font-size: 12px; }

.comparer-bouton {
  margin: 35px 0 20px;
  text-align: center; }

#resultat-comparaison h5 {
  background: #A11618 none repeat scroll 0 0;
  font-family: "montserratbold";
  padding: 10px;
  margin-bottom: 0; }

#resultat-comparaison .stock-size h5 {
  background: #666; }

.resultat-comparaison-content > div {
  background: #2d2d2d none repeat scroll 0 0;
  margin: 5px 0;
  padding: 7px 10px; }

.resultat-comparaison-content .col {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-size: 12px; }

.resultat-comparaison-content .resultat-comparaison-info {
  background: #434343 none repeat scroll 0 0;
  font-size: 17px;
  padding: 10px; }

.resultat-comparaison-content .resultat-comparaison-info .small-text {
  font-size: 10px; }

.resultat-comparaison-content .resultat-comparaison-info.alert {
  margin: 0;
  background: #7C2326;
  border-radius: 0px; }

/* décalage */
.calculateur-decalage,
.results {
  margin: 20px 0 25px;
  overflow: hidden; }

.calculateur-decalage h4,
.results h4 {
  background: #cc0000 none repeat scroll 0 0;
  margin-top: 0;
  padding: 10px;
  text-transform: uppercase;
  font-family: "montserratbold"; }

.calculateur-decalage .row > div {
  padding: 0 25px; }

.calculateur-decalage h5 {
  color: #c8c8c8;
  margin: 5px 0 8px; }

.calculateur-decalage h5,
.results-in h5 {
  font-size: 17px;
  font-family: "montserratbold";
  text-transform: uppercase; }

.calculateur-decalage .nouvelle-jante h5 {
  margin-top: 20px; }

.calculateur-decalage input {
  margin-bottom: 10px; }

.calculateur-bouton {
  overflow: hidden;
  text-align: right;
  padding-top: 5px;
  padding-right: 12px; }

.calculateur-bouton a {
  display: inline-block; }

#results {
  margin-top: 23px; }

.results-in > div {
  background-color: #2d2d2d;
  border: 0 none;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 15px;
  padding: 9px; }

.result-mm {
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background-color: #434343;
  padding: 6px;
  line-height: 16px;
  border-radius: 4px; }

.result-mm span {
  font-size: 13px;
  color: #c8c8c8; }

/* =Mondal
--------------------------*/
.modal-content {
  color: #767676;
  font-family: "montserratbold"; }

.modal-header {
  background: #767676;
  color: #fff;
  border-radius: 5px 5px 0 0; }

.modal-title {
  font-size: 24px; }

#vehicule_header {
  color: #3C3D3C;
  font-size: 24px;
  margin-bottom: 20px; }

#fitments ul {
  margin: 0 0 0 -5px;
  padding: 0; }

#fitments li {
  list-style: none; }

#fitments li input {
  display: none; }

#fitments li label {
  background: #575757;
  color: #fff;
  font-size: 18px;
  margin: 5px;
  padding: 10px;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer; }

#fitments li input[type="radio"]:checked + label {
  background: #CA0300;
  text-decoration: none; }

#fitments li label:hover {
  background: #474747;
  text-decoration: none; }

#fitments li label span {
  font-size: 14px;
  margin-right: 5px; }

#fitments li .diametre {
  font-size: 24px;
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  color: #3C3D3C; }

.dimension-detecte .dimension {
  color: #3C3D3C;
  font-size: 24px;
  display: block; }

.modal-notification {
  font-size: 11px;
  margin: 10px;
  font-family: montserrat; }

.modal-header .close {
  opacity: 1;
  color: #fff;
  font-size: 27px;
  font-weight: normal;
  margin-top: 0; }

.ensemble-form {
  margin: 15px 0;
  overflow: hidden; }

.ensemble-form select {
  background-color: #dddddd;
  border: 1px solid #dddddd;
  border-radius: 5px;
  color: #3c3d3c;
  font-family: montserrat;
  font-size: 15px;
  height: 40px;
  padding-left: 8px; }

.ensemble-form a.bnt3D {
  display: block;
  width: 260px; }

.ensemble-form a.bnt3D:hover {
  margin-top: 2px; }

#erreur_result .modal-header {
  background: #C30000; }

/* Blogue */
.une-actualite {
  margin: 0 0 50px; }

.une-actualite img {
  margin-bottom: 20px; }

.une-actualite:hover .titre-actualite {
  color: #feb300; }

.titre-actualite,
.date-actualite {
  color: #fff;
  margin: 0;
  padding: 0; }

.titre-actualite {
  font-size: 18px;
  font-family: "montserratbold"; }

.excerpt-actualite {
  font-size: 12px;
  line-height: 2;
  margin: 10px 0; }

.titre-article {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-family: "montserratbold"; }

.date-article {
  font-size: 18px; }

.pull-right.img-article {
  margin-bottom: 25px;
  margin-left: 40px; }

.description-article {
  text-align: justify; }

/* Page de contenu Static 
-------------------------------*/
.page-contenu .contenu {
  color: #c8c8c8;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 25px; }

.page-contenu a {
  color: #fff; }

.page-contenu h3 {
  color: #fff; }

.page-contenu .panel-default,
.page-contenu .panel,
.panel-default > .panel-heading,
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  background-color: transparent;
  border-color: transparent; }

.page-contenu .panel-group {
  border-top: 1px solid grey;
  margin-bottom: 0;
  margin-top: 20px;
  padding-top: 20px; }

.page-contenu .panel-heading {
  padding: 10px 0; }

.page-contenu .panel-title a {
  display: block;
  color: #9b9b9b;
  font-size: 21px; }

.page-contenu .panel-title a:before {
  content: '\f105';
  font-family: 'FontAwesome';
  font-weight: bold;
  font-size: 25px; }

.page-contenu .panel-title a:hover,
.page-contenu .panel-title a[aria-expanded="true"] {
  color: #fff;
  text-decoration: none; }

.page-contenu .panel-title a[aria-expanded="true"]:before {
  content: '\f107'; }

.page-contenu .panel-body {
  color: #9b9b9b;
  font-size: 14px; }

/* marques */
.img-marque {
  display: block;
  float: right;
  margin-bottom: 25px;
  max-height: 70px;
  width: auto; }

.btn-fabricant {
  margin-top: 25px; }

.btn-fabricant a {
  display: block;
  font-size: 17px;
  padding: 30px 10px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px; }

.btn-recherche:before {
  content: '';
  background: url("../images/icon/icon-pneu-md.png") no-repeat center center;
  bottom: 0;
  display: block;
  font-family: "fontAwesome";
  opacity: 0.45;
  position: absolute;
  height: 78px;
  width: 78px; }

.btn-site:before {
  content: '\f0c1';
  bottom: -55px;
  display: block;
  font-family: "fontAwesome";
  font-size: 98px;
  opacity: 0.25;
  position: absolute; }

/* FAQ 
-----------------------*/
.page-faq .panel-default,
.page-faq .panel,
.panel-default > .panel-heading,
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  background-color: transparent;
  border-color: transparent; }

.page-faq .panel-group > div {
  border-top: 1px solid grey;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-top: 20px; }

.page-faq .panel-heading {
  padding: 10px 0; }

.page-faq .panel-title a {
  display: block;
  color: #9b9b9b;
  font-size: 17px; }

.page-faq .panel-title a:before {
  content: '\f105';
  font-family: 'FontAwesome';
  font-weight: bold;
  font-size: 25px; }

.page-faq .panel-title a:hover,
.page-faq .panel-title a[aria-expanded="true"] {
  color: #fff;
  text-decoration: none; }

.page-faq .panel-title a[aria-expanded="true"]:before {
  content: '\f107'; }

.page-faq .panel-body {
  color: #9b9b9b;
  font-size: 13px; }

.inventaire-box {
  background-color: #2d2d2d;
  padding: 1em; }

.inventaire-box small {
  color: #5F5F5F; }

.terms-cond-frame {
  width: 100%;
  height: 400px; }

.color-brown {
  background-color: #626262 !important;
  color: #fff; }

.color-silver {
  background-color: #a46628 !important;
  color: #FFFFFF; }

.color-gold {
  background-color: #b7b7b7 !important;
  color: #d7d7d7; }

.color-platinum {
  background-color: #b0934b !important;
  color: #FFFFFF; }

.icon-search {
  background: url("../images/icon/search-icon.png") no-repeat;
  display: inline-block;
  width: 18px;
  height: 20px;
  vertical-align: middle;
  background-size: contain !important;
  margin-right: 5px; }

.dimension-btn label:hover .icon-search {
  background: url("../images/icon/search-icon-black.png") no-repeat; }

#header .dimension-btn input[type=radio] + label:hover .icon-search, #header .dimension-btn input[type=radio]:checked + label .icon-search {
  background: url("../images/icon/search-icon-black.png") no-repeat; }

.margin-b-5 {
  margin-bottom: 5px !important; }

.sav-action-buttons {
  display: flex;
  align-items: center;
  padding-top: 23px;
  align-content: center;
  justify-content: space-evenly;
  flex-wrap: nowrap;
  flex-direction: row; }

.featured_tag {
  position: absolute;
  bottom: 45px;
  right: 7px;
  background: green;
  color: #FFF;
  padding: 3px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 75%; }

.yellow-bg-color {
  background-color: #FFB400 !important;
  color: #000; }

.red-bg-color {
  background-color: #ff0000 !important;
  color: #FFF; }

.green-bg-color {
  background-color: #008000 !important;
  color: #FFF; }

.blue-bg-color {
  background-color: #0000ff !important;
  color: #FFF; }

.quality-bg-color {
  background-color: #D37E27 !important;
  color: #FFF; }

.featured_tag_slider {
  bottom: 49px !important;
  right: -10px !important;
  position: absolute;
  background: green;
  color: #FFF;
  padding: 3px;
  padding-left: 7px;
  padding-right: 9px; }

.featured-product-shadow {
  box-shadow: 2px -3px 20px 3px #fff; }

.close-header-banner {
  margin-top: -17px; }

.featured-borders-brown {
  border: 1px solid #b7b7b7;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.featured-borders-silver {
  border: 1px solid #a46628;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.featured-borders-gold {
  border: 1px solid #626262;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.featured-borders-platinum {
  border: 1px solid #b0934b;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.featured-strip {
  height: calc(100% + (30px));
  width: 45px;
  position: absolute;
  z-index: 9;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #FFF;
  margin: 0;
  transform: rotate(180deg) scaleX(-1);
  left: 0;
  top: -15px;
  right: 0;
  max-width: 207px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-around;
  justify-content: center; }

.featured-strip p {
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "montserratbold";
  margin: 0;
  transform: rotate(269deg) scale(-1, 1);
  white-space: nowrap; }

.padding-11 {
  padding-left: 37px; }

.featured-borders {
  border: 1px solid #a46628;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

@media only screen and (max-width: 620px) {
  .client-commande-list .article_details p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 98px; } }
@media only screen and (max-width: 700px) {
  .featured-strip {
    height: calc(100% + (22px));
    top: -11px; } }
@media only screen and (max-width: 480px) {
  .featured-strip {
    height: calc(100% + (23px));
    top: -11px; } }
.text-danger-important {
  color: #a94442 !important; }

.precise-car-form select.disabled {
  background-color: #CCC !important;
  color: #adadad !important; }

.rep-product {
  padding-left: 30px; }

.client_profile .client-sidebar ul {
  list-style: none;
  padding: 0px;
  margin: 0px; }

.client_profile .client-sidebar li {
  background-color: #1f1f1f;
  margin-bottom: 5px;
  height: 51px;
  list-style: none;
  color: #FFF;
  font-size: 16px;
  border-radius: 5px; }

.client_profile .client-sidebar li .client-menu-detail {
  padding: 14px;
  cursor: pointer; }

.client_profile .client-sidebar li .client-menu-detail label {
  margin-left: 10px;
  font-weight: 400;
  cursor: pointer; }

.client_profile .client-sidebar li.active .client-menu-detail {
  padding: 12px !important; }

.client_profile .client-sidebar li.active {
  background-color: #2d2d2d;
  border-left: 6px solid;
  border-left-color: #74a92d;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.client_profile .no-margin-top {
  margin-top: 0px; }

.client_profile .btn-bordered {
  border: 1px solid #CCC;
  border-radius: 3px;
  color: #989898; }

.client_profile .btn-bordered:active {
  background-color: #CCC;
  color: #000; }

.client_profile .client-table-layout td, .client_profile .client-table-layout th {
  border: none; }

.client-table-layout tbody tr {
  border: 1px solid #424141 !important;
  height: 45px;
  font-size: 12px; }

.client-table-layout tbody tr:nth-child(odd) {
  background-color: #2a2a2a; }

.client_profile .list-action a {
  color: #FFF;
  text-decoration: underline; }

.client_profile .table-margin {
  margin-top: 25px; }

.client-info-form {
  margin-top: 32px; }

.client-sub-menu {
  position: relative;
  z-index: 999; }

.client-sub-menu li {
  padding-left: 15px;
  width: 97%;
  float: right;
  height: 42px !important;
  padding-top: 9px; }

.client-sub-menu li span {
  font-size: 14px !important;
  margin-left: 9px; }

.client-sub-menu li a {
  text-decoration: none;
  color: #818181;
  width: 100%;
  display: block;
  padding-bottom: 9px; }

.profile-update-button {
  background-color: #5ca331;
  border: none;
  height: 39px;
  border-radius: 3px;
  width: 184px;
  margin-top: 20px;
  margin-bottom: 50px; }

.profile-add-vehicle {
  background-color: #5ca331;
  border: none;
  height: 39px;
  border-radius: 3px;
  width: 184px;
  margin-top: 20px;
  margin-bottom: 10px; }

.basket-modal-body {
  padding: 15px; }

.save-basket-button {
  margin-bottom: 20px; }

.client-password-row {
  margin-bottom: 20px;
  margin-top: 10px;
  display: none; }

.group-box {
  border: 1px solid #737373;
  margin-top: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
  .group-box .group-box-header {
    background-color: #737373;
    height: 41px;
    padding-left: 10px;
    padding-top: 11px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .group-box .group-box-body {
    padding: 15px; }

.return-back-commande {
  color: #cccccc;
  font-size: 12px;
  margin-top: 21px;
  padding-bottom: 12px;
  display: block; }
  .return-back-commande:hover {
    text-decoration: none;
    color: #b4b4b4; }

.client_fact_info {
  padding: 0px; }

.client_lev_info {
  padding-right: 0px; }

.client-address-details {
  padding: 18px;
  margin-top: 10px; }
  .client-address-details .address-innerbox {
    border: 1px solid #404040;
    height: 135px;
    font-size: 12px;
    padding: 12px; }

.client-commande-list table tr th:nth-child(1) {
  border-bottom: 0px;
  text-align: left; }
.client-commande-list table tr th {
  border-bottom: 0px;
  text-align: center; }
.client-commande-list table tr td {
  border-top: 0px;
  padding: 0px; }
.client-commande-list table .client-command-tbody tr:nth-child(odd) {
  background-color: #292929; }
.client-commande-list .rounded_first {
  border-top-left-radius: 5px; }
.client-commande-list .rounded_last {
  border-top-right-radius: 5px; }
.client-commande-list .article_details {
  border-left: 1px solid;
  border-top: 1px solid;
  padding: 10px;
  height: 133px;
  border-bottom: 1px solid;
  border-color: #343434;
  padding-top: 16px; }
  .client-commande-list .article_details img {
    width: 100px;
    position: relative;
    float: left;
    margin-right: 10px;
    border-radius: 4px; }
  .client-commande-list .article_details p {
    margin-left: 10px; }
.client-commande-list .client-total-amount {
  border-right: 1px solid;
  border-top: 1px solid;
  padding: 10px;
  height: 133px;
  border-bottom: 1px solid;
  text-align: center;
  border-color: #343434;
  display: flex;
  justify-content: center;
  align-items: center; }
.client-commande-list .client_price_details {
  border-top: 1px solid;
  height: 133px;
  border-bottom: 1px solid;
  text-align: center;
  display: flex;
  justify-content: center;
  border-color: #343434;
  align-items: center;
  display: flex;
  flex-direction: column; }
.client-commande-list .client_commande_qty {
  border-top: 1px solid;
  height: 133px;
  border-bottom: 1px solid;
  text-align: center;
  display: flex;
  justify-content: center;
  border-color: #343434;
  align-items: center; }

.slider-main .slick-prev {
  color: #a2a2a2;
  font-size: 45px;
  left: 9px !important; }
.slider-main .slick-next {
  color: #a2a2a2;
  font-size: 45px;
  right: 9px !important; }

.promo-code-box {
  width: 415px;
  height: 350px;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  right: 30px;
  bottom: -500px;
  border: 1px solid #676767;
  border-radius: 8px;
  z-index: 999; }

.subscribe-box {
  /*display: none;*/ }

.promo-code-box h1 {
  background: #FFFFFF;
  background: -webkit-linear-gradient(to bottom right, #FFFFFF 33%, #B4B4B4 100%);
  background: -moz-linear-gradient(to bottom right, #FFFFFF 33%, #B4B4B4 100%);
  background: linear-gradient(to bottom right, #FFFFFF 33%, #B4B4B4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 169px;
  font-weight: 800;
  margin: 0px;
  padding: 0px;
  margin-top: 0px;
  margin-left: 17px; }

.promo-code-box h2 {
  background: #FFFFFF;
  background: -webkit-linear-gradient(to bottom right, #FFFFFF 33%, #B4B4B4 100%);
  background: -moz-linear-gradient(to bottom right, #FFFFFF 33%, #B4B4B4 100%);
  background: linear-gradient(to bottom right, #FFFFFF 33%, #B4B4B4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
  font-size: 45px;
  float: left; }

.discount-details {
  width: 100%;
  overflow: hidden;
  height: 171px; }

.number-per {
  width: 30%;
  float: left; }

.promo-details {
  width: 100%;
  color: #fff;
  text-align: center; }

.promo-details img {
  margin-top: 18px;
  width: 91%; }

.promo-text {
  text-transform: uppercase; }

.promo-details h5.promo-text {
  margin-top: 23px;
  margin-left: 55px;
  line-height: 20px;
  background: #FFFFFF;
  background: -webkit-linear-gradient(to bottom right, #FFFFFF 33%, #B4B4B4 100%);
  background: -moz-linear-gradient(to bottom right, #FFFFFF 33%, #B4B4B4 100%);
  background: linear-gradient(to bottom right, #FFFFFF 33%, #B4B4B4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900; }

.promocode-logo {
  width: 100%; }

.promocode-logo img {
  width: 244px;
  margin-top: -17px;
  margin-left: 6px; }

.close-promo-code-box {
  position: absolute;
  right: 9px;
  top: 4px;
  color: #6c6c6c;
  font-size: 20px;
  font-weight: 800; }

.promo-code-form {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-top: 15px; }

.promo-code-form input[type=text] {
  background-color: #FFF !important;
  width: 63%;
  margin-left: 12px; }

.promocode-btn {
  width: 120px;
  background-color: #ca0200;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 4px; }

.terms-and-conditions {
  width: 85%;
  display: flex;
  flex-direction: row;
  margin-left: 16px;
  align-items: unset;
  margin: 2px auto; }
  .terms-and-conditions label.receive-additional-discounts-label {
    margin-top: 2px; }
  .terms-and-conditions.form-check p {
    margin-top: 0px; }

.terms-and-conditions p {
  color: #FFF;
  font-size: 12px;
  margin-left: 10px;
  margin-top: 5px; }

.promo-terms {
  font-size: 8px;
  color: #afafaf;
  text-align: center;
  width: 93%;
  margin: 0 auto; }

.gradient-text {
  background: #FFFFFF;
  background: -webkit-linear-gradient(to bottom right, #FFFFFF 33%, #B4B4B4 100%);
  background: -moz-linear-gradient(to bottom right, #FFFFFF 33%, #B4B4B4 100%);
  background: linear-gradient(to bottom right, #FFFFFF 33%, #B4B4B4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.promo-code-content {
  font-size: 50px;
  font-weight: 900;
  margin-top: 20px;
  padding: 13px; }

.promo-title {
  font-size: 18px;
  font-weight: 900;
  text-align: center; }

.percent-details {
  width: 50%;
  float: left;
  text-align: center;
  margin-top: 8px; }

.percent-details h4 {
  font-size: 20px;
  font-family: 'montserratblack'; }

.percent-offer {
  width: 50%;
  float: left;
  text-align: left;
  position: relative; }

.percent-offer h6 {
  font-size: 18px;
  margin: 0px;
  display: flex; }

.per-promo {
  font-size: 86px;
  font-weight: 900; }

.amount-percent-symbol {
  display: inline-block;
  color: #FFF;
  position: absolute;
  top: 10px;
  -webkit-text-fill-color: #FFF;
  left: 53px; }

.off-text {
  font-size: 53px;
  left: 4px;
  width: 100%;
  top: 26px;
  position: relative;
  text-transform: uppercase;
  font-family: 'montserratblack'; }

.generated-prmocode {
  width: 100%;
  height: 70px;
  background: url("../../assets/images/promo-code-border.png") no-repeat;
  background-position: center;
  text-align: center;
  line-height: 70px; }

.promo-detail-row {
  width: 100%;
  overflow: hidden;
  height: auto; }

.generated-prmocode p {
  font-size: 25px;
  color: #FFF; }

.code-terms {
  width: 91%;
  margin: 0 auto; }

.code-terms p {
  font-size: 12px;
  color: #bbb;
  text-align: center;
  width: 100%; }

.display-promocode {
  display: none; }

.promo-user-error {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: none; }

.error-icon {
  width: 89%;
  text-align: center;
  margin: 0 auto;
  margin-top: 40px; }

.error-icon p {
  text-transform: uppercase;
  color: #FFF;
  margin-top: 20px;
  font-family: 'montserratblack';
  font-size: 15px;
  font-weight: 500; }

.field-error {
  width: 91%;
  border: 2px solid #ed1821;
  border-radius: 5px;
  color: #ed1821;
  height: 25px;
  margin: 0 auto;
  margin-top: 3px;
  text-align: center;
  display: none; }

.g-promo-code {
  text-transform: uppercase; }

input[id="cb1"] + label {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #bcbcbc;
  border-radius: 2px;
  cursor: pointer;
  margin-top: 8px; }

input[id="cb1"]:checked + label:after {
  position: relative;
  top: -4px;
  left: 2px;
  content: '\2714';
  font-size: 12px;
  color: #FFF; }

input[id="cb1"] {
  display: none; }

.off_text_fr {
  font-size: 27px !important; }

.add_to_basket_no_padding {
  padding: 9px;
  font-size: 13px !important; }

/* CSS Document */
/* 	=RESPONSIVE 
----------------------------------------*/
@media only screen and (max-width: 1200px) {
  /*header*/
  .active #bottom-header {
    padding: 0px 0; }

  #header .recherche h3 {
    font-size: 18px; }

  .menu a {
    padding: 5px 4px; }

  .menu a {
    padding: 5px 4px; }

  .sous-menu a {
    padding: 15px 5px; }

  .serviceClientele p span {
    font-size: 14px; }

  #carousel-accueuil {
    padding: 80px 0 20px 0; }

  .top-right {
    font-size: 14px; }

  .header-slogan {
    font-size: 12px; }

  #header .recherche .nav > li > a {
    font-size: 12px !important; }

  /* accueil */
  .promo .btPromo {
    bottom: 15px; }

  .promo h3 {
    top: 25px; }

  /* recherche */
  .resultat-pneu-information-prix {
    width: 30%; }

  .STAGGER .resultat-pneu-information-prix {
    width: 26%; }

  .resultat-pneu-information-prix-a-partir-de {
    width: 30%; }

  .aucun-resultat {
    max-width: 94%;
    margin: 0 auto 25px; }

  .alert-promo span {
    float: none;
    padding: 0 2px;
    display: block;
    line-height: 1; }

  /* un pneu */
  .info-fabricant-logo {
    max-width: 150px; }

  .tableau td span,
  #dimensions td span {
    font-size: 13px; }

  #dimensions td.info-btn,
  .tableau td.info-btn {
    padding: 8px 0px !important; }

  #dimensions td.info-btn {
    min-width: 85px; }

  .info-btn a {
    margin-left: -41px;
    font-size: 10px; }

  /* Promotion */
  .remise a {
    font-size: 9px; }

  .formulaire-remise-postale-in .fa {
    font-size: 17px; }

  .formulaire-remise-postale-in p {
    font-size: 13px; }

  /* contact */
  .information-contact p {
    font-size: 12px; }

  .tel-local span,
  .tel-sans-frais span {
    font-size: 17px; }

  .information-contact .fa {
    width: 25%; }

  /* panier */
  .panier-pneu .col-md-2 {
    width: 25%; }

  .procede-de-paiement-info-prix .frais-gouvernement span {
    font-size: 14px; }

  .bt-paiement {
    font-size: 13px; }

  .achat-pneu {
    font-size: 13px;
    width: 78%; }

  .icon-carte span {
    width: 60%; }

  .code-promo ::-webkit-input-placeholder {
    font-size: 11px; }

  .code-promo :-moz-placeholder {
    font-size: 11px; }

  .code-promo ::-moz-placeholder {
    font-size: 11px; }

  .code-promo :-ms-input-placeholder {
    font-size: 11px; } }
@media only screen and (max-width: 990px) {
  .loading.message {
    width: 100%; }

  #header.active {
    background: rgba(0, 0, 0, 0) url("../images/bg-headerAccueil.jpg") no-repeat scroll center 50px/cover; }

  body #header.hiver.active {
    background: rgba(0, 0, 0, 0) url("../images/bg-headerAccueil-hiver-mobile.jpg") no-repeat scroll center 50px/cover!important; }

  body #header.hiver.active.special-fetes {
    background: rgba(0, 0, 0, 0) url("../images/bg-headerAccueil-hiver-mobile-fetes.jpg") no-repeat scroll center 50px/cover!important; }

  .active #bottom-header {
    padding: 25px 0; }

  #bottom-header {
    position: relative; }

  #bottom-header .bnt-retour {
    position: absolute;
    bottom: 0; }
    #bottom-header .bnt-retour a {
      background: #1a1a1a;
      padding: 7px 10px;
      opacity: 1; }

  #titre-page {
    display: block;
    margin-top: -16px;
    padding: 0 50px;
    margin-bottom: 15px; }

  .contenu {
    width: 100%; }

  .fa-canadian {
    display: none; }

  .header-slogan {
    padding: 22px 10px; }

  /* Accueil */
  #carousel-accueuil {
    padding: 0 0 20px; }

  #carousel-accueuil .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-width: 567px;
    margin: 0 auto; }

  #header .recherche {
    /*overflow: hidden;*/
    padding: 0;
    width: 96%;
    max-width: 567px;
    margin: 0 auto;
    float: none; }

  #header .recherche h3 {
    font-size: 24px;
    margin-top: 0; }

  #header .recherche h3:before,
  #header .recherche h3:after {
    width: 22%; }

  #carousel-pneus-vedettes .carousel-inner {
    min-height: 250px; }

  #liste-pneus-vedettes {
    padding: 30px 0 30px; }

  #section-promo-jante,
  #section-etiquette-promo,
  #section-a-propos {
    padding: 50px 0; }

  #section-promo-jante img {
    padding-bottom: 25px; }

  #section-etiquette-promo .promo {
    max-width: 562px;
    width: 100%;
    margin: 0 auto 25px; }

  .promo .btPromo {
    bottom: 35px; }

  .promo h3 {
    top: 35px; }

  #section-garage-affilier img,
  #section-hasard-routier img,
  #section-etiquette-promo img {
    margin: 0 auto; }

  #section-hasard-routier {
    padding: 0; }

  #section-hasard-routier .container {
    background: rgba(0, 0, 0, 0.5);
    padding: 50px 15px; }

  #section-equipe h2 {
    font-size: 36px; }

  #section-equipe h3 {
    font-size: 15px; }

  .actualite {
    margin-bottom: 25px; }

  /* Recherche */
  .pagination {
    margin: 0 0 10px; }

  .recherche-header .dropdown {
    margin: 0 0 10px; }

  /* un pneu */
  #menu-produit-mobile {
    display: block; }

  #menu-produit,
  .specification-route {
    display: none; }

  .specification-pneu-mobile {
    display: table-row; }

  .tableau {
    max-width: 90%;
    margin: 0 auto; }

  /* panier */
  .code-promo input {
    width: 90%; }

  .code-promo button:visited, .code-promo button {
    width: 9%; }

  .code-promo ::-webkit-input-placeholder {
    font-size: 13px; }

  .code-promo :-moz-placeholder {
    font-size: 13px; }

  .code-promo ::-moz-placeholder {
    font-size: 13px; }

  .code-promo :-ms-input-placeholder {
    font-size: 13px; }

  /* commande */
  .section-paiement > .padding-right {
    padding-right: 15px !important; }

  .section-paiement > .padding-left {
    padding-left: 15px !important;
    margin-top: 10px; }

  .historique-commande .col-md-4 {
    max-width: 85px; }

  .bt-paiement {
    font-size: 15px; }

  /* Contact */
  .information-contact > div {
    overflow: hidden;
    margin: 15px 0;
    display: inline-block;
    width: 49%;
    vertical-align: top; }

  .information-contact p {
    font-size: 13px; }

  /* remise */
  .liste-remise {
    margin-bottom: 25px;
    overflow: hidden; }

  .formulaire-remise-postale-in .fa {
    font-size: 27px; }

  .formulaire-remise-postale-in p {
    font-size: 16px; }

  /* outils */
  .offset-image-reference {
    display: none; }

  .menu {
    text-align: center; }

  .menu a {
    padding: 5px 5px;
    font-size: 12px; }

  .sous-menu a {
    padding: 15px 5px;
    text-align: left; }

  .top-right span,
  .top-right .btn-panier {
    display: none; }

  .top-right span.tel {
    display: inline-block; }

  #page {
    padding: 25px 0; }

  /* Recherche */
  .resultat-pneu-information-prix {
    padding: 10px 7px;
    width: 30%; }

  .resultat-pneu-information-prix-a-partir-de {
    padding: 10px 7px;
    width: 30%; }

  .resultat-pneu-prix {
    margin: 0px -15px 15px; }

  .resultat-pneu-prix-a-partir-de {
    margin: 0px -15px 15px; }

  .resultat-pneu-prix .prix-slogan {
    padding-right: 0;
    /*text-align: left;
    padding-left: 10px;	*/ }

  .resultat-roue-prix {
    margin: 0px -15px 15px; }

  .resultat-roue-prix .prix-slogan {
    padding-right: 0;
    /*text-align: left;
    padding-left: 10px;	*/ }

  .resultat-pneu-prix-a-partir-de .prix-slogan {
    padding-right: 0;
    text-align: left;
    padding-left: 10px; }

  /* un pneu */
  .sidebar, .tab-content {
    width: 100% !important; }

  .alert-promo {
    padding: 10px 15px 10px 45px; }

  .alert-promo span {
    float: none;
    padding: 0 2px;
    display: block;
    line-height: 1; }

  .achat-pneu {
    font-size: 10px;
    width: 77%; }

  .achat-pneu:before {
    font-size: 17px; }

  .info-fabricant-logo {
    max-width: 125px; }

  /*Panier*/
  .procede-de-paiement {
    margin: 20px 19px; }

  .page-confirmation .sidebar {
    margin-top: 25px; }

  /* Remise */
  .remise .col-xs-3 {
    width: 20%; }

  .remise .col-xs-4 {
    width: 37%; }

  /* outils */
  .outils-comparateur-dimension input {
    width: 27.8%; }

  #resultat-comparaison {
    margin-bottom: 25px; } }
@media only screen and (max-width: 768px) {
  .client_profile .client_lev_info {
    margin-left: -15px; }
  .client_profile .client-commande-list {
    border: 0px; } }
@media only screen and (max-width: 750px) {
  #top-menu,
  .bt-menu,
  .lang {
    display: none; }

  .logo {
    display: none; }

  .logo.mobile {
    float: left;
    margin: 6px 0 0;
    margin-left: 0;
    width: 50%;
    display: inline-block; }
    .logo.mobile img {
      max-width: 100%; }

  .top-right {
    font-size: 17px; }

  .top-right .bt-menu {
    display: block; }

  #top-header {
    background: #C30000;
    position: relative;
    height: 72px !important;
    border-bottom: 6px solid #6B0000; }

  .top-right {
    text-align: right;
    padding: 10px 0 0; }

  .ouvert .bt-menu {
    font-size: 25px; }
    .ouvert .bt-menu .fa {
      font-size: 26px; }

  .bt-menu {
    float: none;
    font-size: 14px;
    padding: 0;
    color: #fff; }
    .bt-menu .fa {
      font-size: 18px; }

  #top-menu .container {
    padding: 0; }

  #top-menu {
    margin-top: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -1600px;
    right: 800px;
    z-index: 9999;
    opacity: 1;
    display: block; }

  #top-menu.ouvert {
    left: 0;
    right: 0;
    overflow: auto; }

  .menu a {
    display: block;
    font-size: 16px; }

  .menu .bt-menu,
  .menu .lang,
  .menu .assistance-mobile {
    display: block; }

  .menu .bt-menu {
    float: none;
    width: 100%;
    margin: -1px 0;
    padding: 15px 5px 15px 20px;
    background: #cc0000;
    font-weight: 800; }

  .menu .bt-menu .fa {
    float: right;
    margin-right: 10px; }

  .menu {
    text-align: left; }

  .menu > ul {
    overflow: auto;
    height: auto; }

  .menu > ul li {
    display: block;
    margin-left: 15px; }
    .menu > ul li a {
      text-align: left;
      color: #fff; }

  .menu a:hover {
    background: none transparent; }

  .menu ul li:hover .sous-menu {
    display: none; }

  .sous-menu {
    background: #4C4C4C;
    position: relative;
    top: 0;
    display: none;
    width: auto; }

  .sous-menu.ouvert {
    display: block !important; }

  .sous-menu a {
    border-radius: 0;
    border-top: 0px;
    margin: 0 25px;
    padding: 9px 5px;
    font-size: 14px; }

  .menu-marques {
    display: none !important; }

  .active #bottom-header {
    padding: 20px 0; }

  #bottom-header {
    padding: 0;
    overflow: hidden; }

  #titre-page {
    margin-top: 15px;
    padding: 0 15px;
    margin-bottom: 35px; }

  #bottom-header .bnt-retour {
    bottom: -2px; }

  /* outils */
  .avertissement-jantes .fa-warning {
    padding: 15px 15px 15px 0; }

  .comparer-bouton a {
    display: block; }

  #resultat-comparaison h4, .outils-comparateur h4 {
    margin-top: 40px; }

  .header-slogan {
    display: none; }

  .STAGGER .resultat-pneu-information-prix {
    width: 24%; } }
@media only screen and (max-width: 700px) {
  /* Recherche */
  .resultat-pneu {
    padding: 10px; }

  .resultat-pneu-information-general {
    padding: 0; }

  .resultat-pneu-information-prix {
    width: 30%;
    margin-bottom: -10px;
    margin-top: -10px;
    margin-right: 5px; }

  .resultat-pneu-information-prix-a-partir-de {
    width: 24%;
    margin-bottom: -10px;
    margin-top: -10px;
    margin-right: 5px; }

  .resultat-prix {
    font-size: 25px; }

  .resultat-prix sup {
    font-size: 12px;
    margin-left: 4px;
    top: -9px; }

  .remise-postale {
    padding: 10px 10px; }

  .remise-postale-prix {
    font-size: 17px;
    padding: 6px 0px; }

  /* un pneu */
  #bottom-header h1 strong {
    font-family: 'montserratbold';
    display: block;
    font-size: 31px; }

  .alert-promo {
    padding: 10px 15px 10px 25px;
    font-size: 16px;
    position: relative; }

  .alert-promo .fa {
    position: absolute;
    top: 15px;
    right: 7px; }

  .prix .info-livraison {
    font-size: 10px; }

  .img-pneu, .information-supp {
    min-height: inherit; }

  .information-supp .prix {
    margin-bottom: 0; }

  .information-supp .caracteristique,
  .img-pneu .achat-pneu,
  .img-pneu .btn-achat-contact,
  .img-pneu .bnt-select-dimension,
  .img-pneu input[type="number"],
  .img-pneu .choix-cloute,
  .results > h4 {
    display: none; }

  .img-pneu img {
    margin-left: 10px; }

  .information-supp .btn:before,
  .resultat-pneu .btn:before {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important; }

  .information-supp .btn {
    font-size: 12px !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important; }

  .information-supp .info-fabricant-logo {
    float: none; }

  .information-supp .dimension {
    font-size: 16px;
    margin-bottom: 4px; }

  .btn-achat-contact.mobile,
  .achat-pneu.mobile {
    display: inline-block; }

  .mobile {
    display: block; }

  .choix-cloute {
    margin: 0 0 10px; }

  .description input[type="number"].mobile {
    display: inline-block;
    margin: 0 0 11px;
    vertical-align: middle; }

  .achat-pneu {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 10px 15px;
    width: 75%; }

  .description {
    padding: 15px 5px;
    font-size: 13px;
    width: 92%;
    margin: 0 auto; }

  .caracteristique li {
    font-size: 13px; }

  .caracteristique li:before {
    font-size: 20px;
    margin-left: -26px; }

  #dimensions .info-sku,
  #dimensions .info-code,
  .tableau .info-sku,
  .tableau .info-code {
    display: none; }

  #dimensions td,
  .tableau td {
    padding: 8px 10px; }

  /* Panier */
  .choix-livraison label {
    margin: 7px 0;
    font-weight: normal;
    font-size: 12px;
    display: block; }

  .bnt-recherche-livraison {
    font-size: 11px;
    padding: 8px 15px; }

  .livraison-adresse-magasin {
    display: inline-block;
    width: 70%;
    font-size: 10px !important; }

  /* Remise */
  .remise .col-xs-3 {
    width: 30%; }

  .remise .col-xs-5 {
    width: 70%; }

  .remise .col-xs-4 {
    width: 100%;
    display: block;
    margin: 20px 0 0;
    text-align: right; }

  .remise a {
    margin-left: 5px;
    padding: 10px 15px; }

  /* outils */
  .calculateur-bouton a {
    display: block; }

  .calculateur-bouton {
    padding-left: 12px; } }
@media only screen and (max-width: 600px) {
  /*général*/
  .page-commande .alert-danger {
    padding-left: 30px; }

  .page-commande .alert-danger li {
    font-size: 14px;
    font-family: montserrat;
    padding: 5px 0px;
    list-style: outside; }

  /* Accueil */
  #header .recherche h3 {
    font-size: 23px; }

  .titreH2 {
    margin: 30px 0 25px;
    font-size: 23px; }

  .titre-section-pneu .dropdown {
    margin: 15px 0 0; }

  .carousel-single-pneu .nomPneu a {
    font-size: 15px; }

  #liste-actualites {
    padding: 50px 0; }

  .section-titre-actualite a {
    margin-top: -15px; }

  .section-fabricant-vedette img {
    width: 33%;
    padding: 15px !important; }

  #liste-pneus-vedettes {
    padding: 10px 0 30px; }

  .recherche .ribbon {
    display: none; }

  /* modal */
  #vehicule_header {
    font-size: 20px; }

  /* Recherche */
  .STAGGER .resultat-pneu-information-prix {
    width: 88%; }
    .STAGGER .resultat-pneu-information-prix .text-ensemble-4-pneus {
      display: flex;
      justify-content: center;
      padding-bottom: 10px; }

  .resultat-pneu-image {
    width: 40%;
    margin-bottom: 10px; }

  .resultat-pneu-information-general {
    width: 60%;
    margin-bottom: 10px; }

  .resultat-pneu-prix {
    border-radius: 0;
    margin: 0; }

  .resultat-roue-prix {
    border-radius: 0;
    margin: 0; }

  .resultat-pneu-prix-a-partir-de {
    border-radius: 0;
    margin: 0; }

  .resultat-pneu-prix span {
    display: inline-block;
    /*padding: 10px 15px 5px;
    width: 23%;*/
    vertical-align: middle;
    /*float: left;*/
    text-align: center; }

  .resultat-roue-prix span {
    display: inline-block;
    /*padding: 10px 15px 5px;
    width: 23%;*/
    vertical-align: middle;
    /*float: left;*/
    /*text-align: left;*/ }

  .resultat-pneu-prix-a-partir-de span {
    display: inline-block;
    padding: 10px 15px 5px;
    width: 23%;
    vertical-align: middle;
    float: left;
    text-align: left; }

  .resultat-pneu-prix .resultat-prix {
    padding: 10px; }

  .resultat-pneu-prix .prix-slogan {
    /*text-align: right;
    padding-left: 10px;
    float: right;
    width: 70%;*/
    font-size: 17px;
    /*padding: 18px 10px;*/ }

  .resultat-roue-prix .prix-slogan {
    /*text-align: right;
    padding-left: 10px;
    float: right;
    width: 70%;*/
    font-size: 17px;
    /*padding: 18px 10px;*/ }

  .resultat-pneu-prix-a-partir-de .prix-slogan {
    padding-right: 0;
    text-align: right;
    padding-left: 10px;
    float: right;
    width: 70%;
    font-size: 17px;
    padding: 18px 10px; }

  .resultat-pneu-information-prix {
    width: 98%;
    height: auto;
    padding: 0;
    margin: 10px auto -10px;
    float: none;
    clear: both;
    border: 0px;
    position: relative; }

  .resultat-pneu-information-prix-a-partir-de {
    width: 98%;
    height: auto;
    padding: 0;
    margin: 10px auto -10px;
    float: none;
    clear: both;
    border: 0px;
    position: relative; }

  .remise-postale {
    position: inherit;
    overflow: hidden; }

  .resultat-pneu-information-ensemble,
  .remise-postale {
    display: inline-block;
    vertical-align: top;
    padding: 10px 10px;
    text-align: left; }

  .resultat-pneu-information-ensemble {
    width: 59%; }

  .remise-postale {
    width: 40%;
    padding: 18px 10px; }

  span.installation-promo {
    display: none; }

  .discounted-price {
    width: 100%;
    text-align: right;
    padding-top: 14px; }

  .remise-postale-prix {
    font-size: 28px; }

  .remise-postale-condition {
    font-size: 13px;
    margin: 12px 0; }

  .resultat-prix-ensemble {
    font-size: 17px; }

  .resultat-prix-ensemble sup {
    font-size: 10px;
    top: -5px; }

  /* Un pneu */
  #menu-produit-mobile + .alert {
    display: none; }

  .single-pneu .alert.mobile {
    margin: 0 25px 10px; }

  /* Panier */
  .choix-livraison,
  .indication-livraison {
    width: 100%;
    float: none; }

  .livraison-adresse-magasin {
    font-size: 12px !important; }

  .panier-pneu .col-xs-2 {
    display: none; }

  .panier-pneu-info {
    width: 100%; }

  /* remise */
  .remise-individuelle {
    width: 48%; }

  /* outils */
  .page-outils #dimensions.resultat-equivalence thead td {
    font-family: "montserrat";
    font-size: 11px; }

  .page-outils #dimensions td {
    padding: 5px 6px; } }
@media only screen and (max-width: 500px) {
  /* Accueil */
  #header .recherche h3 {
    font-size: 25px;
    text-align: center; }

  #header .recherche h3:before,
  #header .recherche h3:after {
    display: none; }

  #section-qualite .col-xs-2 {
    width: 25%;
    padding: 0; }

  #section-qualite .col-xs-2 img {
    margin: 0 auto; }

  .titre-section-pneu,
  .section-titre-actualite {
    text-align: center; }

  #footer {
    text-align: left !important; }

  .titreH2 {
    float: none;
    text-align: center;
    margin: 30px 0 5px; }

  .titre-section-pneu .dropdown {
    float: none;
    margin: 15px auto;
    display: inline-block; }

  .section-titre-actualite a {
    float: none;
    display: inline-block;
    margin: -15px auto 15px; }

  #section-a-propos h2 strong {
    display: block; }

  #section-etiquette-promo .container,
  #section-etiquette-promo .container > .col-md-6 {
    padding: 0; }

  #section-equipe h2 {
    font-size: 32px; }

  #section-hroutier {
    padding-top: 30px; }

  #section-hroutier h4.ruban {
    font-size: 1.2em; }

  #section-hroutier h2 {
    font-size: 23px;
    line-height: 39px; }

  #section-hroutier h2 .label {
    font-size: 110%; }

  #header #vehicule .col-xs-6 select {
    font-size: 12px; }

  /* Recherche */
  .etape-numero {
    width: 15%; }

  .etape-texte {
    width: 78%; }

  .etape-texte h4 {
    font-size: 17px; }

  .panier-actuel {
    display: none; }

  .panier-actuel-mobile {
    display: block;
    padding-top: 15px;
    clear: both;
    font-size: 13px;
    font-family: montserrat; }

  .panier-actuel-mobile .modele-jante {
    font-size: 17px; }

  .recherche-header .dropdown {
    float: none;
    clear: both; }

  .recherche-header .btn-primary {
    display: block;
    width: 100%;
    text-align: left; }

  .resultat-pneu {
    position: relative; }

  .resultat-pneu-information-general,
  .resultat-pneu-information-prix,
  .resultat-pneu-information-prix-a-partir-de,
  .pneu-information-saison,
  .ensemble-pneus,
  .stagger .mobile-stagger .prix-container {
    display: none; }

  .stagger .information-supp .prix {
    margin-bottom: 0 !important; }

  .pneu-information-dimension {
    font-size: 16px; }

  .resultat-pneu-titre-mobile {
    display: block; }

  .is-mobile {
    display: block; }

  .is-desktop {
    display: none; }

  .resultat-pneu-prix .prix-slogan {
    padding: 10px 0px 0 10px !important;
    font-size: 9px !important;
    width: 100%;
    margin: 0 !important; }

  .resultat-pneu-prix {
    margin: 0;
    position: absolute;
    top: -15px;
    right: 15px;
    margin: 0;
    max-width: 55%;
    padding: 0; }

  .resultat-pneu-prix span {
    padding: 0;
    font-size: 32px;
    margin: 0;
    text-align: center; }

  .resultat-pneu-prix-a-partir-de .prix-slogan {
    padding: 3px 0px 0 10px !important;
    font-size: 9px !important;
    width: 80%;
    margin: 0 !important; }

  .resultat-pneu-prix-a-partir-de {
    position: absolute;
    top: -15px;
    right: 15;
    margin: 0;
    max-width: 55%;
    padding: 0 10px 0 0; }

  .resultat-pneu-prix-a-partir-de span {
    padding: 0;
    font-size: 32px;
    margin-right: 8px;
    margin-left: 8px;
    text-align: left; }

  .resultat-prix sup {
    font-size: 10px; }

  .resultat-prix {
    font-size: 30px; }

  .resultat-pneu-information-general-mobile {
    padding: 0 0 10px 15px;
    display: block; }

  .pneu-information-fabriquant.wheel {
    display: block !important; }

  .pneu-information-dimension span {
    display: block;
    font-size: 10px; }

  .pneu-information-dimension.wheel {
    margin-top: 5px;
    font-size: 12px; }

  .pneu-information-dimension.wheel span {
    display: inline-block; }

  .resultat-pneu h3 {
    margin: 5px 0 15px;
    line-height: 1;
    display: block;
    clear: both;
    width: 100%; }

  .resultat-pneu .note-star {
    padding: 7px 8px 7px 0; }

  .remise-postale-mobile {
    display: block;
    background: #373737;
    width: calc(100% - 10px);
    margin: 10px auto -10px;
    float: none;
    clear: both;
    overflow: hidden; }
    .remise-postale-mobile .remise-installtion {
      padding: 8px 0;
      display: block; }
      .remise-postale-mobile .remise-installtion.second {
        border-top: 1px solid #b3b3b3; }

  .STAGGER .remise-postale-mobile {
    margin-bottom: 0; }

  .remise-postale-condition {
    float: left;
    margin-left: 15px; }

  .resultat-jantes h3 {
    font-size: 16px !important;
    width: 50%;
    line-height: 1;
    text-transform: uppercase; }

  .resultat-jantes h3:not(.title-float) {
    width: 100%;
    font-size: 18px !important;
    margin: 10px 0 15px; }

  .resultat-jantes .pneu-information-fabriquant {
    display: none; }

  .dimension-wheel {
    margin-top: 0 !important; }
    .dimension-wheel span {
      left: 0 !important;
      display: block; }

  .resultat-jantes button {
    margin-top: 0 !important; }

  /* un pneu */
  .img-pneu img {
    margin-left: 0; }

  .information-supp {
    padding-left: 0; }

  .information-supp > .info-fabricant-logo,
  .information-supp > .dimension {
    display: none; }

  .information-supp .prix {
    display: block; }

  .prix-presentation {
    display: flex; }

  #bottom-header h1 strong {
    font-size: 17px; }

  .temoignage-client-information,
  .temoignage-client-texte {
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    float: none;
    clear: both; }

  .temoignage-client-information p {
    float: left; }

  .temoignage-client-information .note-star {
    float: right; }

  .stagger .mobile-stagger {
    margin: 0 10px !important; }

  .stagger .stagger-dimension {
    padding: 5px !important; }

  .stagger .mobile-stagger .dimension {
    font-size: 16px !important; }

  .tableau .info-btn a {
    font-size: 0; }

  /* panier */
  .info-utqg,
  .panier .info-prix,
  .info-quatite {
    display: none; }

  .info-prix-mobile {
    display: block; }

  #titre-page .img-right {
    padding-top: 0;
    height: 30px;
    margin-top: -10px; }

  /* Contact */
  .information-contact > div {
    margin: 25px 0;
    display: block;
    width: 100%; }

  /* Remise */
  .remise div {
    width: 100% !important;
    float: none;
    display: block;
    overflow: hidden;
    margin: 10px 0 15px; }

  .remise .col-xs-4 {
    text-align: center; }

  .remise a {
    width: 47%; }

  .remise-individuelle {
    width: 100%;
    height: auto; }

  .remise-rabais {
    font-size: 16px;
    margin: 10px 0 15px; }

  .remise-pneu {
    font-size: 18px; }

  /* outils*/
  .avertissement-jantes > div {
    display: block;
    width: 100%;
    text-align: center;
    float: none; }

  .avertissement-jantes > div p {
    text-align: left; }

  .equivalence-bouton .bnt3D {
    width: 100%; }

  .page-outils #dimensions.resultat-equivalence tbody td.info-btn {
    display: table-cell;
    text-align: center;
    padding: 0; }

  .page-outils .info-btn a {
    font-size: 0;
    background: #3F9E1A;
    width: 30px;
    display: block;
    text-align: center;
    padding: 7px 0;
    border-radius: 25px;
    margin: 0 auto; }

  .info-btn a .fa {
    margin-left: 0; } }
@media only screen and (max-width: 450px) {
  .off_text_fr {
    font-size: 24px !important; }

  .promo-title {
    font-size: 13px; }

  .code-terms p {
    font-size: 12px; }

  .code-terms {
    margin-top: 0px; }

  .promo-code-box {
    right: 7px;
    width: 95%; }

  .h1, h1 {
    font-size: 24px; }

  #titre-page {
    padding: 0 25px; }

  /* Accuei l*/
  .promo h3 {
    top: 25px;
    left: 18px;
    font-size: 13px; }

  .promo h3 span {
    font-size: 34px; }

  .promo .btPromo {
    bottom: 22px;
    left: 15px;
    font-size: 12px;
    padding: 13px 25px 10px; }

  #dimension .col-xs-4,
  #dimension .col-md-12,
  #vehicule .col-xs-6 {
    padding: 0 5px; }

  #codePostal::-webkit-input-placeholder {
    font-size: 10px; }

  #codePostal::-moz-placeholder {
    font-size: 10px; }

  /* firefox 19+ */
  #codePostal:-ms-input-placeholder {
    font-size: 10px; }

  /* ie */
  #codePostal:-moz-placeholder {
    font-size: 10px; }

  /* modal */
  .ensemble-form button[type="submit"] {
    margin-top: 13px; }

  /* recherche*/
  .resultat-pneu-disponible {
    margin-bottom: 10px; }

  .aucun-resultat-warning {
    text-align: center;
    display: block;
    float: none;
    width: 100%; }

  .aucun-resultat-information {
    width: 100%;
    text-align: center; }

  /*un pneu*/
  .info-stock .disponible {
    padding: 0.6em !important;
    text-align: center; }

  .info-stock .disponible:before {
    content: '\f07a';
    font-family: FontAwesome;
    font-size: 14px;
    margin-left: -2px;
    padding: 0 1px; }

  .info-stock.disponible a:after {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 17px;
    margin-left: 5px;
    font-weight: bold;
    color: #fff; }

  .media-photos {
    width: 95%;
    margin: 20px auto 10px; }

  .media-photo-pneu img {
    margin-top: 0;
    margin-bottom: 10px; }

  .media-photos .col-xs-3 {
    padding-left: 5px;
    padding-right: 5px; }

  /* panier */
  .code-promo input {
    width: 85%; }

  .code-promo button:visited, .code-promo button {
    width: 13%; }

  .btn-retour, .btn-retour:visited {
    margin-left: 0; }

  /* marques */
  .page-contenu .col-xs-8 {
    width: 100%; }

  .logo-marque {
    display: block;
    float: none;
    clear: both;
    width: 50%; }

  .img-marque {
    float: none; }

  .client_profile .client_lev_info {
    margin-left: -15px; }
  .client_profile .client-commande-list {
    border: 0px; }
  .client_profile .basket-responsive-table {
    border: 0px; }

  .login_fields .form-group {
    padding-left: inherit !important; }

  .auth-box-client {
    height: auto !important; }
    .auth-box-client .g-recaptcha {
      margin: 0 auto; }

  .slick-arrow {
    top: 40%; } }
@media only screen and (max-width: 400px) {
  #header #vehicule .col-xs-6 select {
    font-size: 10px; }

  .h1, h1 {
    font-size: 20px; }

  #titre-page h2 {
    display: none; }

  .bnt-retour .fa {
    font-size: 16px; }

  .bnt-retour a {
    font-size: 13px; }

  #titre-page .img-right {
    padding-top: 0;
    margin-top: 10px;
    float: none; }

  #carousel-accueuil #nav-carousel {
    top: 5px; }

  /* Accueuil */
  #header .recherche h3 {
    font-size: 17px; }

  .promo h3 span {
    font-size: 25px; }

  .promo .btPromo {
    font-size: 12px;
    padding: 10px 10px 6px; }

  #section-equipe h2 {
    font-size: 25px; }

  #section-equipe .tel {
    font-size: 28px; }

  /* Recherche */
  .etape-numero {
    width: 12%;
    margin-left: -10px; }

  .etape-numero span {
    font-size: 15px;
    padding: 13px; }

  .etape-texte {
    width: 84%; }

  .etape-texte h4 {
    font-size: 15px; }

  .resultat-pneu-prix .prix-slogan {
    padding: 18px 15px;
    font-size: 18px; }

  .resultat-pneu-prix-a-partir-de .prix-slogan {
    padding: 18px 15px;
    font-size: 18px; }

  .resultat-jantes h3 {
    font-size: 13px !important; }

  /* un Pneu */
  .alert-promo {
    font-size: 14px;
    padding: 10px 15px 10px 6px; }

  #dimensions td,
  .tableau td {
    padding: 8px 8px;
    min-width: 60px; }

  #dimensions td span,
  .tableau td span {
    font-size: 11px; }

  .resultat-prix {
    font-size: 36px; }

  .resultat-prix sup {
    font-size: 10px;
    top: -14px; }

  .specification-pneu td {
    font-size: 13px; }

  .btn-avis {
    font-size: 14px;
    margin: 29px 0;
    padding: 11px 15px;
    width: 100%;
    text-align: center; }

  .prix .info-livraison {
    display: block;
    margin-left: 0; }

  .single-pneu .alert.mobile {
    margin: 0 10px 10px; }

  /* panier */
  .livraison-adresse-magasin {
    font-size: 10px !important; }

  .panier thead td {
    padding: 8px !important; }

  .panier td {
    padding: 8px 0 !important; }

  .panier-pneu-prix-total {
    padding: 0px 5px; }

  .code-promo input {
    width: 79%; }

  .code-promo button:visited, .code-promo button {
    width: 19%; }

  .code-promo ::-webkit-input-placeholder {
    font-size: 11px; }

  .code-promo :-moz-placeholder {
    font-size: 11px; }

  .code-promo ::-moz-placeholder {
    font-size: 11px; }

  .code-promo :-ms-input-placeholder {
    font-size: 11px; }

  /* commande */
  .icon-carte:before {
    width: 40px;
    height: 26px;
    background-size: 100% 100%; }

  /* Remise */
  .remise-rabais {
    font-size: 13px;
    margin: 2px 0 10px; }

  .remise-pneu {
    font-size: 14px; }

  /*outils*/
  .outils-comparateur-dimension input {
    width: 26.8%;
    font-size: 12px; }

  #dimensions.resultat-equivalence tbody td {
    text-align: center;
    font-size: 11px;
    width: 20%; }

  .page-outils #dimensions.resultat-equivalence thead td {
    font-size: 8px;
    text-align: center; }

  /* marques */
  .btn-fabricant a {
    font-size: 14px; } }
@media only screen and (max-width: 350px) {
  /*général*/
  .alert-danger span {
    margin-left: 10px;
    font-size: 14px; }

  /* header */
  .logo.mobile {
    margin: 10px 0 0;
    margin-left: -10px; }

  .top-right span.tel {
    font-size: 12px; }

  .top-right {
    padding: 10px 0 0; }

  .bt-menu {
    padding: 3px 0; }

  #header .recherche h3 {
    font-size: 21px; }

  #header .recherche .bnt3D {
    font-size: 14px; }

  #header #vehicule .col-xs-6 select {
    font-size: 8px; }

  #header #vehicule select option {
    font-size: 15px; }

  #header #vehicule select option:first-child {
    font-size: 10px; }

  /* acceuil */
  #section-a-propos {
    padding: 25px 0; }

  .promo h3 {
    top: 15px;
    left: 15px;
    font-size: 12px;
    text-align: left; }

  .promo h3 span {
    font-size: 20px; }

  .promo .btPromo {
    font-size: 11px;
    padding: 10px 10px 6px;
    font-family: montserrat;
    bottom: 17px;
    left: 13px; }

  #section-a-propos h2 {
    font-size: 27px; }

  .section-fabricant-vedette img {
    width: 50%;
    padding: 15px 8px !important; }

  /* modal */
  .modal-title {
    font-size: 16px; }

  /* panier */
  .panier-pneu-prix-unite,
  .panier-pneu-prix-total {
    padding: 0px 5px; }

  .panier-pneu-info {
    padding: 0 10px 0 0; }

  .icon-carte:before {
    width: 35px;
    height: 23px; }

  #adresse-de-facturation ::-webkit-input-placeholder {
    font-size: 12px; }

  #adresse-de-facturation :-moz-placeholder {
    /* Firefox 18- */
    font-size: 12px; }

  #adresse-de-facturation ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 12px; }

  #adresse-de-facturation :-ms-input-placeholder {
    font-size: 12px; }

  /* recherche */
  #header .recherche .nav > li > a {
    font-size: 12px; }

  .resultat-pneu h3 a {
    font-size: 18px; }

  .resultat-pneu-prix .prix-slogan {
    margin-left: 0 !important;
    padding: 5px 10px 0 5px !important;
    font-size: 14px; }

  .resultat-pneu-prix-a-partir-de .prix-slogan {
    margin-left: 0 !important;
    padding: 5px 10px 0 5px !important;
    font-size: 14px; }

  .resultat-pneu-prix span {
    margin-left: 0px; }
  .resultat-pneu-prix .prix-slogan {
    margin-left: 0;
    margin-right: 0; }
  .resultat-pneu-prix .resultat-prix {
    margin-right: 8px; }

  .resultat-pneu-prix-a-partir-de span {
    margin-left: 0px; }
  .resultat-pneu-prix-a-partir-de .prix-slogan {
    margin-left: 0;
    margin-right: 0; }
  .resultat-pneu-prix-a-partir-de .resultat-prix {
    margin-right: 8px; }

  .resultat-pneu-information-general-mobile {
    padding: 0 !important; }

  .pneu-information-dimension span {
    font-size: 11px;
    font-family: 'montserrat'; }

  .pneu-information-dimension {
    font-size: 16px; }

  .resultat-pneu .note-star {
    padding: 0px 8px 5px 0; }

  .stagger .mobile-stagger .dimension {
    font-size: 12px !important; } }
/* CSS Document */
/* Garage pop-up */
#entete {
  background-color: #ab0016;
  color: #fff;
  font-size: 18px;
  padding: 15px;
  text-transform: uppercase; }

#entete span,
#entete form {
  display: inline-block;
  vertical-align: middle;
  margin: 0; }

#entete form,
#radius {
  color: #000; }

#radius.iOSselect {
  padding: 3px 30px 3px 6px;
  background-color: #fff;
  position: relative;
  border-radius: 3px; }

#garages {
  max-height: 90%;
  overflow: auto; }

.garage {
  border: 3px solid #fff;
  border-radius: 5px;
  margin: 5px;
  padding: 5px; }

.garage:hover {
  border: 3px solid #ab0016;
  cursor: pointer; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0 auto;
  padding: 0;
  width: 95%; }

.garage .icon,
.garage .infoSupp,
.garage .prix {
  display: inline-block;
  padding: .7%;
  vertical-align: top; }

.garage .icon {
  width: 10%;
  text-align: center;
  padding-top: 11px; }

.garage .icon img {
  width: 100%;
  max-width: 57px;
  height: auto; }

.garage .infoSupp {
  width: 60%; }

.infoSupp span {
  color: #626262;
  font-size: 12px; }

a.nomGarage, span.nomGarage {
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  color: #202020; }

span.infoAdd, span.infoAutre {
  display: block; }

span.infoAutre {
  margin-top: 5px;
  font-weight: bold;
  font-size: 14px; }

span.infoAutre span {
  font-size: 13px !important; }

span.infoAutre i {
  margin-right: 5px;
  color: #AB0016; }

span.infoAutre i.fa-calendar-o {
  margin-left: 10px; }

.garage .prix {
  font-family: "montserrat";
  line-height: inherit;
  width: 24%; }

.garage .prix p {
  text-align: right;
  margin: 0;
  font-size: 11px;
  color: #373737; }

.garage .prix strong,
.garage .prix span {
  font-size: 12px;
  display: block; }

.garage .prix span {
  font-size: 22px;
  font-weight: 700;
  color: #202020; }

.str_horaire {
  display: none; }

@media only screen and (max-width: 830px) {
  .infoSupp span {
    font-size: 12px; } }
@media only screen and (max-width: 750px) {
  span.infoAutre {
    margin-top: 10px; }

  .infoAutre span {
    display: block; }

  span.infoAutre i.fa-map-marker {
    margin: 0 7px 0 2px; }

  span.infoAutre i.fa-calendar-o {
    margin-left: 0; } }
@media only screen and (max-width: 730px) {
  #entete {
    font-size: 16px; } }
@media only screen and (max-width: 620px) {
  .garage .icon {
    display: none; }

  .garage .infoSupp {
    width: 67%; }

  .garage .prix {
    width: 29%; }

  #entete {
    font-size: 13px; } }
@media only screen and (max-width: 550px) {
  #entete {
    font-size: 16px; }

  #entete span.phrase1 {
    display: block; } }
@media only screen and (max-width: 480px) {
  .garage .infoSupp {
    width: 95.8% !important; } }
@media only screen and (max-width: 450px) {
  #entete {
    font-size: 14px; }

  .garage .infoSupp, .garage .prix {
    display: block;
    padding: 0;
    vertical-align: top;
    width: 100% !important; }

  .garage .prix p {
    background: #f3f3f3 none repeat scroll 0 0;
    color: #373737;
    font-size: 11px;
    margin: 0;
    padding: 5px;
    text-align: left; }

  .garage .infoSupp {
    border: 4px solid #f3f3f3;
    margin: 0;
    padding: 1%;
    width: 96% !important; } }
@media only screen and (max-width: 400px) {
  #entete {
    font-size: 12px; }

  #entete span.phrase1 {
    display: inline; }

  .str_adresse {
    display: block; }

  a.nomGarage {
    font-size: 14px; }

  .garage .infoSupp {
    width: 100% !important; } }
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2em;
  width: 2em;
  color: white;
  text-align: center;
  font-size: 20px;
  padding: 4rem 2rem; }

.loading.message {
  width: 350px;
  min-height: 400px;
  background: rgba(0, 0, 0, 0.8); }

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3); }

.loading:not(:required):after {
  content: '';
  margin-top: 3em;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(250, 250, 250, 0.75) 1.5em 0 0 0, rgba(250, 250, 250, 0.75) 1.1em 1.1em 0 0, rgba(250, 250, 250, 0.75) 0 1.5em 0 0, rgba(250, 250, 250, 0.75) -1.1em 1.1em 0 0, rgba(250, 250, 250, 0.5) -1.5em 0 0 0, rgba(250, 250, 250, 0.5) -1.1em -1.1em 0 0, rgba(250, 250, 250, 0.75) 0 -1.5em 0 0, rgba(250, 250, 250, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(250, 250, 250, 0.75) 1.5em 0 0 0, rgba(250, 250, 250, 0.75) 1.1em 1.1em 0 0, rgba(250, 250, 250, 0.75) 0 1.5em 0 0, rgba(250, 250, 250, 0.75) -1.1em 1.1em 0 0, rgba(250, 250, 250, 0.75) -1.5em 0 0 0, rgba(250, 250, 250, 0.75) -1.1em -1.1em 0 0, rgba(250, 250, 250, 0.75) 0 -1.5em 0 0, rgba(250, 250, 250, 0.75) 1.1em -1.1em 0 0; }

/* Animation */
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* CSS Document */
.resultat-pneu .btn:before {
  content: "";
  display: block !important;
  height: 33px;
  width: 33px;
  margin: 0 auto !important;
  line-height: 33px; }

.information-supp .btn:before {
  content: "";
  display: block !important;
  height: 45px;
  width: 45px;
  margin: 0 auto !important;
  line-height: 45px; }

.icon-haut_kilometrage:before {
  background: url("../images/icon/fa-km.png") no-repeat center center; }

.icon-hors_route:before {
  background: url("../images/icon/icon-hors-route.png") no-repeat center center; }

.icon-superieur_sur_neige:before {
  background: url("../images/icon/fa-neige.png") no-repeat center center; }

.icon-superieur_sur_glace:before {
  background: url("../images/icon/fa-glace.png") no-repeat center center; }

.icon-pneu_haute_performance:before {
  content: "" !important; }

.icon-pneu_4saisons_homologue_hiver:before {
  background: url("../images/icon/fa-hiver.png") no-repeat center center; }

.icon-pneu_neige_glace:before {
  background: url("../images/icon/fa-neige-glace.png") no-repeat center center; }

.icon-faible_niveau_sonore:before {
  content: "" !important;
  font-size: 18px; }

.icon-pneu_ecolo:before {
  content: "" !important; }

.icon-bande_asymetrique:before {
  content: "" !important; }

.icon-bande_directionnel:before {
  content: "" !important; }

.icon-choix_equipe:before {
  content: "" !important; }

.icon-rf:before {
  background: url("../images/icon/fa-rf.png") no-repeat center center; }

.icon-hasard:before {
  content: "" !important; }

.icon-new:before {
  background: url("../images/icon/fa-new.png") no-repeat center center;
  width: 20px !important; }

.icon-flow_formed:before {
  background: url("../images/icon/fa-flowformed-icon.png") no-repeat center center;
  width: 20px !important; }

.icon-electric_vehicles:before {
  background: url("../images/icon/fa-electric-car-icon.png") no-repeat center center;
  width: 20px !important; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* GENERAL */
.flex-wrap {
  display: flex; }

.text-yellow {
  color: #feb300; }
  .text-yellow a {
    color: white; }

/* NEWSLETTER */
.newsleter_block {
  margin-top: 50px;
  padding: 40px 0;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../images/newsletter-bg.png); }
  .newsleter_block h2 {
    color: #fff;
    margin-bottom: 18px;
    font-family: montserratextra_bold;
    font-size: 30px;
    line-height: 1;
    text-transform: uppercase; }
  .newsleter_block p:last-child {
    margin-bottom: 0; }

.yellow_color {
  color: #feb300; }

.mt-0 {
  margin-top: 0; }

.ml-0 {
  margin-left: 0; }

.textUnderline {
  text-decoration-line: underline;
  text-decoration-color: #feb300; }

.newsletter_left p {
  color: #fff; }

.newsletter_right form {
  display: flex;
  margin-bottom: 15px; }
  .newsletter_right form .form-control.style-2 {
    background-color: #fff !important;
    flex: 1;
    max-width: calc(100% - 160px);
    margin-right: 10px;
    border: transparent; }

button.btn-red.newslter_btn {
  width: 150px;
  background-color: #ca0200;
  border: 0;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600; }

p.caption {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.31); }

p.newsletter-submit-text {
  margin-bottom: 0; }

p.subs-success {
  color: #fff; }

/* SLIDER */
.slider-main {
  border: 3px solid #4c4c4c;
  border-top: 0;
  margin-bottom: 40px; }
  .slider-main .slick-slide {
    padding: 0 15px; }
  .slider-main .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 30px)); }
  .slider-main .slick-arrow.slick-prev {
    left: 20px; }
  .slider-main .slick-arrow.slick-next {
    right: 20px; }

.title-bar {
  background: #4c4c4c;
  color: #fff;
  padding: 15px;
  display: block;
  margin: 0 0 5px;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "montserratbold"; }
  .title-bar span {
    font-family: 'montserratlight'; }

.slider-slicck {
  padding: 20px 30px; }
  .slider-slicck .items > a {
    color: #fff;
    text-decoration-color: #fff; }
    .slider-slicck .items > a:focus {
      color: #fff;
      text-decoration-color: #fff; }
    .slider-slicck .items > a:hover {
      color: #fff;
      text-decoration-color: #fff; }

.pneu-information-dimension {
  font-family: 'montserratbold';
  font-size: 18px;
  color: #fff;
  margin: 0; }

.itms_tags {
  background: #c30000 none repeat scroll 0 0;
  border-bottom: 3px solid #6b0000;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-family: "montserratbold";
  font-size: 32px;
  line-height: 1;
  padding: 8px 12px;
  position: absolute;
  top: 3px;
  left: auto;
  right: -6px; }
  .itms_tags sup {
    font-size: 17px;
    margin-left: 4px;
    top: -10px; }

.item_title {
  background: #4c4c4c;
  color: #fff;
  padding: 15px;
  display: block;
  margin: 0 0 5px; }
  .item_title h4 {
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "montserratbold";
    margin: 0;
    transform: scaleX(-1);
    white-space: nowrap; }

.items-top-blck {
  display: flex;
  position: relative;
  padding-left: 40px; }
  .items-top-blck .item_title {
    margin: 0;
    position: absolute;
    transform: rotate(-90deg) scaleX(-1);
    transform-origin: top left;
    left: 0;
    top: 0;
    right: 0;
    max-width: 207px;
    text-align: left; }
  .items-top-blck figure {
    height: 207px;
    position: relative; }
    .items-top-blck figure img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .items-top-blck figure .note-star {
      position: absolute;
      right: 10px;
      bottom: 10px; }

.item_title.yellow {
  background: #b38749; }

.items-contnt-blck {
  padding: 10px 0 0; }

.sb-title {
  font-family: 'montserratlight';
  font-size: 13px;
  margin: 0;
  color: #9b9b9b; }
  .sb-title a {
    color: #9b9b9b; }

.title-20 {
  margin: 0;
  font-family: "montserratbold";
  color: #fff;
  font-size: 20px;
  text-transform: uppercase; }
  .title-20 a {
    color: #fff; }

.stagger-dimension {
  font-size: 13px; }
  .stagger-dimension sup {
    top: 3px; }

.promotion-slider {
  display: flex; }
  .promotion-slider .slick-slide {
    padding-left: 17px;
    padding-right: 17px; }
  .promotion-slider .slick-arrow {
    position: relative;
    top: 38px;
    color: #a2a2a2;
    font-size: 45px; }

.break-button {
  display: none !important; }

.no-background {
  background: none; }

.home-promo-container:before {
  content: '';
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 2px;
  z-index: 1;
  margin: -5px;
  background: linear-gradient(to bottom, #6b9dd1, #324d7f);
  width: 100.4%;
  height: 103.5%;
  border-radius: 8px; }

.home-promo-banner {
  height: 96px;
  background-color: #4b70b5;
  background-image: url(../images/bg-gradient.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 47%;
  border-radius: 6px;
  border: solid 2px transparent;
  background-position-y: -135px;
  background-position-x: 224px;
  position: relative;
  z-index: 2;
  position: relative; }

.home-promo-container {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  margin-top: -31px; }

.home-promo-logo {
  margin-top: 19px; }

.home-promo-tyre-img {
  margin-top: -13px; }

.promo-shadow-img {
  position: absolute;
  right: -21px;
  top: 2px; }

.promo-shadow-img img {
  width: 100%; }

.home-promo-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-family: 'montserratextra_bold'; }

.home-promo-title img {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 7px; }

.promo-title-p {
  font-size: 12px;
  text-decoration: none;
  font-family: 'montserratextra_bold'; }

.tires-image-banner-mobile {
  display: none; }

.french-text-promo {
  font-size: 20px;
  font-weight: 800;
  margin-top: 18px; }

.home-promo-link {
  text-decoration: none;
  color: #FFF; }

.home-promo-link:hover {
  color: #FFF; }

.home-promo-details {
  padding-left: 63px; }

.home-promo-link:hover {
  text-decoration: none; }

.brand-promo-div {
  background-color: #f2b533;
  position: relative;
  top: 16px;
  height: 40px; }

.padding-promo {
  padding: 0 30px 0 30px; }

.hide-on-desktop {
  display: none; }

.hide-on-mobile {
  display: block; }

.brand-promo-div-responsive {
  display: inline-flex;
  justify-content: space-between;
  height: 40px;
  padding: 0px;
  align-items: center;
  color: #FFF;
  width: 100%;
  z-index: 999999999;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: -24px;
  overflow: hidden;
  margin-bottom: 26px; }
  .brand-promo-div-responsive img {
    margin-top: -9px; }
  .brand-promo-div-responsive p {
    padding-top: 10px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center; }

.brand-promo-div-responsive-single {
  display: inline-flex;
  justify-content: space-between;
  height: 40px;
  padding: 0px;
  align-items: center;
  color: #FFF;
  width: 100%;
  margin-bottom: 20px;
  margin-left: 0;
  border-radius: 3px;
  overflow: hidden; }
  .brand-promo-div-responsive-single img {
    margin-top: -9px; }
  .brand-promo-div-responsive-single p {
    padding-top: 10px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center; }

.wheel-promo-row {
  margin-top: -25px !important;
  margin-bottom: 15px !important; }

.arrow-left-side {
  background: url("../images/left-arrow.png") no-repeat, #f2b533;
  height: 40px;
  background-position-y: 1px;
  background-size: 96px; }

.arrow-right-side {
  background: url("../images/arrow-right.png") no-repeat, #f2b533;
  height: 40px;
  background-position-y: 1px;
  background-size: 96px;
  background-position-x: 100%; }

.brand-promo-text {
  color: #FFF;
  padding-top: 10px;
  text-align: center; }

.client_page .login-box-auto {
  height: auto !important; }
.client_page .auth-box-client {
  border: 1px solid #403f3f;
  color: #FFF;
  margin-top: 23px;
  padding: 10px;
  padding-left: 41px; }
.client_page .auth-foget-password {
  height: 300px;
  border: 1px solid #403f3f;
  color: #FFF;
  margin-top: 23px;
  padding: 10px;
  padding-left: 41px; }
.client_page .auth-reset-pass {
  height: 380px;
  border: 1px solid #403f3f;
  color: #FFF;
  margin-top: 23px;
  padding: 10px;
  padding-left: 41px; }
.client_page small {
  font-size: 11px;
  color: #949494;
  display: block;
  width: 92%; }
.client_page .box-description {
  margin-bottom: 10px; }
.client_page .login-text {
  color: #feb300;
  text-decoration: none;
  cursor: default; }
.client_page .login_fields {
  padding-right: 32px; }
  .client_page .login_fields .form-group {
    margin-bottom: 10px; }
  .client_page .login_fields .form-control {
    background-color: #252525 !important; }
  .client_page .login_fields .form-control::placeholder {
    color: #606060; }
  .client_page .login_fields .terms-checkbox {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch; }
    .client_page .login_fields .terms-checkbox label {
      margin-left: 10px; }
    .client_page .login_fields .terms-checkbox .terms-checkbox-text {
      font-size: 12px;
      font-weight: 300; }
  .client_page .login_fields .pl-10 {
    padding-left: 0px; }
  .client_page .login_fields .client-login-btn {
    background-color: #5ca331;
    border: none;
    height: 39px;
    border-radius: 3px;
    width: 184px;
    margin-top: 20px; }
  .client_page .login_fields .client-reset_password-btn {
    background-color: #5ca331;
    border: none;
    height: 39px;
    border-radius: 3px;
    width: auto;
    margin-top: 20px; }
  .client_page .login_fields .client-login-btn:active {
    background-color: #3b8210; }
.client_page .forget-password {
  color: #525252;
  font-size: 12px;
  display: block;
  margin-top: 0px;
  padding-top: 12px;
  padding-bottom: 8px;
  float: left; }

.create-basket-det {
  background-color: #5ca331;
  border: none;
  height: 39px;
  border-radius: 3px;
  width: 184px;
  margin-top: 20px;
  margin-bottom: 50px; }

.profile-car-box {
  border: 1px solid #CCC;
  width: 100%;
  height: 100px;
  background: url("../../assets/images/car-icon.png") no-repeat;
  margin-bottom: 28px;
  background-position: right;
  background-size: 45px;
  background-position-y: 89%;
  background-position-x: 97%;
  padding: 10px;
  position: relative; }
  .profile-car-box p {
    font-size: 12px;
    color: #cccccc; }
  .profile-car-box .delete-profile-car {
    position: relative;
    float: right;
    color: #fff;
    font-size: 11px;
    top: -4px;
    right: -2px; }

.text-white-client {
  color: #FFF; }

.text-white-client:hover {
  color: #FFF; }

.text-danger-client {
  color: #c90b0b; }

.promo-header-mobile {
  display: none; }

.promo-header-desktop {
  display: block; }

#account-headband {
  background: #2364b5;
  color: #fff;
  padding: 8px 15px;
  margin-bottom: 25px; }
  #account-headband .account-headband-in {
    display: flex;
    align-items: center;
    font-family: "montserratbold"; }
    @media only screen and (max-width: 650px) {
      #account-headband .account-headband-in {
        display: block;
        text-align: center; } }
    #account-headband .account-headband-in p {
      margin: 0;
      padding-right: 5px; }
      @media only screen and (max-width: 650px) {
        #account-headband .account-headband-in p {
          margin-bottom: 15px; } }
    #account-headband .account-headband-in a {
      color: #fff;
      display: inline-block;
      border: 1px solid #fff;
      padding: 5px 10px;
      border-radius: 4px;
      min-width: 200px;
      text-align: center; }
      #account-headband .account-headband-in a:hover {
        color: #2364b5;
        background: #fff;
        text-decoration: none; }
  #account-headband.sticky {
    position: fixed;
    top: -50px;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.5s ease-in-out 0.5s; }
    #account-headband.sticky .account-headband-in {
      justify-content: center; }
      #account-headband.sticky .account-headband-in a {
        margin-left: 100px; }
        @media only screen and (max-width: 650px) {
          #account-headband.sticky .account-headband-in a {
            margin-left: 0; } }

@media only screen and (max-width: 1199px) {
  .itms_tags {
    font-size: 26px; } }
@media only screen and (max-width: 991px) {
  .client_profile .logout-in-mobile {
    text-align: center;
    margin-top: 25px; } }
@media only screen and (max-width: 1200px) {
  .items-top-blck figure {
    height: 177px;
    position: relative; } }
@media only screen and (max-width: 1024px) {
  .items-top-blck .item_title {
    max-width: 177px; }
    .items-top-blck .item_title h4 {
      font-size: 11px; } }
@media only screen and (min-width: 991px) and (max-width: 1200px) {
  .home-promo-title {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0px;
    align-content: center; }

  .hp-title-en {
    margin-top: 17px;
    margin-left: 11px; }

  .hp-title-fr {
    flex-direction: column; }

  .home-promo-title img {
    margin-top: 0px; }

  .home-promo-title h3 {
    margin: 0px; }

  .home-promo-details {
    padding-left: 78px; }

  .promo-title-p {
    text-align: center;
    width: 80%;
    margin: 4px auto; }

  .french-text-promo {
    margin: 0px; } }
@media only screen and (max-width: 991px) {
  .home-promo-tyre-img {
    margin-top: 0px;
    position: relative;
    bottom: 20px; }

  .home-promo-details {
    padding-left: 0px; }

  .promo-title-p {
    font-size: 15px; }

  .home-promo-container {
    height: 450px; }

  .home-promo-banner {
    height: 317px;
    background-position: center;
    background-size: 100%;
    overflow: hidden;
    background-position-y: 103px; }

  .home-promo-container:before {
    height: 321px; }

  .tires-image-banner {
    display: none; }

  .tires-image-banner-mobile {
    display: block;
    text-align: center;
    position: relative;
    bottom: -51px; }

  .home-promo-logo {
    margin: 0 auto;
    display: block;
    margin-top: 30px; }

  .home-promo-details {
    text-align: center;
    margin-top: 9px; }

  .home-promo-title {
    justify-content: center; } }
@media only screen and (max-width: 768px) {
  .commande-invoice-button {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

  .hide-on-mobile {
    display: none; }

  .hide-on-desktop {
    display: block; }

  .home-promo-details {
    padding-left: 9px; }

  .home-promo-banner {
    height: 322px;
    background-position: center;
    background-size: 100%;
    overflow: hidden;
    background-position-y: 103px; }

  .home-promo-logo {
    margin: 0 auto;
    display: block;
    margin-bottom: 62px;
    margin-top: 19px; }

  .home-promo-details {
    position: relative;
    top: -40px;
    text-align: center; }

  .home-promo-details .home-promo-title {
    text-align: center;
    justify-content: center; }

  .home-promo-tyre-img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    bottom: -34px; }

  .promo-shadow-img {
    display: none; }

  .home-promo-container:before {
    height: 71%; }

  .tires-image-banner {
    display: none; }

  .tires-image-banner-mobile {
    display: flex;
    position: relative;
    bottom: 34px;
    align-content: center;
    justify-content: space-around;
    align-items: flex-start; }

  .french-text-promo {
    font-size: 15px; } }
.client_profile .client-sidebar ul {
  list-style: none;
  padding: 0px;
  margin: 0px; }

.client_profile .client-sidebar li {
  background-color: #1f1f1f;
  margin-bottom: 5px;
  height: 51px;
  list-style: none;
  color: #FFF;
  font-size: 16px;
  border-radius: 5px; }

.client_profile .client-sidebar li .client-menu-detail {
  padding: 14px; }

.client_profile .client-sidebar li .client-menu-detail label {
  margin-left: 10px;
  font-weight: 400; }

.client_profile .client-sidebar li.active .client-menu-detail {
  padding: 12px !important; }

.client_profile .client-sidebar li.active {
  background-color: #2d2d2d;
  border-left: 8px solid;
  border-left-color: #5c911e;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.client_profile .no-margin-top {
  margin-top: 0px; }

.client_profile .btn-bordered {
  border: 1px solid #CCC;
  border-radius: 3px;
  color: #989898; }

.client_profile .btn-bordered:active {
  background-color: #CCC;
  color: #000; }

.client_profile .client-table-layout td, .client_profile .client-table-layout th {
  border: none; }

.client-table-layout tbody tr {
  border: 1px solid #424141 !important;
  height: 45px;
  font-size: 12px; }

.client-table-layout tbody tr:nth-child(odd) {
  background-color: #2a2a2a; }

.client_profile .list-action a {
  color: #FFF;
  text-decoration: underline; }

.client_profile .table-margin {
  margin-top: 25px; }

.client_profile .client-sidebar ul {
  list-style: none;
  padding: 0px;
  margin: 0px; }

.client_profile .client-sidebar li {
  background-color: #1f1f1f;
  margin-bottom: 5px;
  height: 51px;
  list-style: none;
  color: #FFF;
  font-size: 16px;
  border-radius: 5px; }

.client_profile .client-sidebar li .client-menu-detail {
  padding: 14px; }

.client_profile .client-sidebar li .client-menu-detail label {
  margin-left: 10px;
  font-weight: 400;
  color: #818181; }

.client_profile .client-sidebar li .client-menu-detail .fa {
  color: #818181;
  font-size: 19px; }

.client_profile .client-sidebar li.active .client-menu-detail {
  padding: 12px !important; }

.client_profile .client-sidebar li.active {
  background-color: #2d2d2d;
  border-left: 6px solid;
  border-left-color: #74a92d;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.client_profile .no-margin-top {
  margin-top: 0px; }

.client-address-details .address-innerbox {
  color: #999; }

.client-command-tbody {
  color: #dddcdc99; }

.client_profile .btn-bordered {
  border: 1px solid #CCC;
  border-radius: 3px;
  color: #989898; }

.client_profile .btn-bordered:active {
  background-color: #CCC;
  color: #000; }

.client_profile .client-table-layout td, .client_profile .client-table-layout th {
  border: none; }

.client-table-layout tbody tr {
  border: 1px solid #424141 !important;
  height: 45px;
  font-size: 12px; }

.client-table-layout tbody tr:nth-child(odd) {
  background-color: #2a2a2a; }

.client_profile .list-action a {
  color: #FFF;
  text-decoration: underline; }

.client_profile .table-margin {
  margin-top: 25px; }

.panier-pneu-prix-unite {
  display: block; }

.status-heading-red {
  background-color: #d7040f; }

.d-block {
  display: block; }

.white-text {
  color: #fff; }

.grey-text {
  color: rgba(255, 255, 255, 0.7); }

.grey-darkk {
  color: #2d2d2d; }

.red-bg {
  background-color: #d7040f;
  color: #fff; }

.s-title {
  padding: 10px;
  font-weight: 700; }

.no-margin {
  margin: 0px; }

.status-detail-box {
  display: flex;
  justify-content: center; }
  @media only screen and (max-width: 767px) {
    .status-detail-box {
      margin-bottom: 20px; } }
  .status-detail-box p span {
    margin-bottom: 5px; }
  .status-detail-box p strong {
    font-size: 16px;
    font-weight: bold; }

.status-content > .row {
  margin-top: 50px; }

.status-bar {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: space-between;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .status-bar {
      flex-direction: column; } }
  .status-bar::before, .status-bar::after {
    content: '';
    position: absolute;
    top: 25px;
    left: 50px;
    height: 10px;
    background-color: #2d2d2d;
    width: calc(100% - 100px);
    right: 0; }
    @media only screen and (max-width: 767px) {
      .status-bar::before, .status-bar::after {
        left: 28px;
        height: calc(100% - 50px);
        background-color: #2d2d2d;
        width: 10px;
        right: auto; } }
  .status-bar::after {
    content: '';
    background-color: #79a347;
    height: 4px;
    top: 28px; }
  .status-bar li {
    list-style: none;
    width: auto; }
    .status-bar li:not(:last-child) {
      width: calc(100% / 3 - 50px);
      position: relative; }
      @media only screen and (max-width: 767px) {
        .status-bar li:not(:last-child) {
          width: 100%;
          height: calc(100% / 3 - 50px);
          padding-bottom: 40px; } }
      .status-bar li:not(:last-child)::before {
        content: '';
        position: absolute;
        left: 50px;
        height: 10px;
        background-color: #79a347;
        height: 4px;
        top: 28px; }
        @media only screen and (max-width: 767px) {
          .status-bar li:not(:last-child)::before {
            left: 30px;
            height: 100%;
            width: 5px;
            top: 28px; } }
    .status-bar li .status-bar-item {
      width: 100px;
      text-align: center;
      display: flex;
      align-items: center;
      flex-direction: column;
      white-space: normal;
      word-break: break-word; }
      @media only screen and (max-width: 767px) {
        .status-bar li .status-bar-item {
          width: 100%;
          flex-direction: row;
          margin-left: 8px; } }
    .status-bar li .status-bar-icon {
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      background-color: #2d2d2d;
      color: #000;
      font-size: 22px;
      z-index: 990;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        .status-bar li .status-bar-icon {
          margin-right: 20px;
          margin-bottom: 0; } }
    .status-bar li .status-bar-title {
      display: block;
      font-weight: 600;
      color: #2d2d2d;
      z-index: 990; }
    .status-bar li.completed::before {
      height: 100%; }
    .status-bar li.completed .status-bar-item::before {
      content: '';
      position: absolute;
      top: -7px;
      width: 65px;
      height: 65px;
      border-radius: 100%;
      background-color: rgba(255, 255, 255, 0.1); }
    .status-bar li.completed .status-bar-icon {
      background-color: #79a347;
      color: #fff;
      box-shadow: 0 0 0 rgba(255, 255, 255, 0.6); }
    .status-bar li.completed .status-bar-title {
      color: #79a347; }

.color-brown-steps {
  color: #ffa830; }

.color-steps-green {
  color: #88AE42;
  text-decoration: underline;
  font-weight: 600; }

.client-order-steps .steps-timeline {
  padding: 0px;
  margin: 0px; }
.client-order-steps .steps-img {
  font-size: 22px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  padding-top: 0px;
  padding-left: 0px;
  background-color: #79a347;
  color: #ccc; }
.client-order-steps .steps-img:not(.active) i {
  opacity: 0.3; }

.mt-3 {
  margin-top: 30px; }

.font-30 {
  font-size: 25px; }

.client-steps-details {
  display: flex;
  justify-content: center;
  margin-top: 30px; }
  .client-steps-details .coordonnee {
    display: flex;
    flex-direction: row; }
    .client-steps-details .coordonnee i {
      font-size: 26px;
      color: #89ae42; }
    .client-steps-details .coordonnee p {
      margin-left: 17px; }
      .client-steps-details .coordonnee p strong {
        color: #89ae42; }

.delete-basket {
  padding: 5px 19px 5px 19px; }
  .delete-basket .fa {
    margin: 0px; }

.cursor-pointer {
  cursor: pointer; }

.basket-note {
  font-size: 13px; }

.forget-password-col {
  padding-top: 15px; }

.client-account-reset {
  background-color: #5ca331;
  border: none;
  min-height: 39px;
  border-radius: 3px;
  width: auto;
  margin-top: 20px;
  margin-bottom: 50px;
  padding-top: 9px;
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word; }

.disclaimer-box {
  border: 1px solid orange;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 12px;
  margin-top: 20px;
  padding-right: 10px; }
  .disclaimer-box i {
    width: 108px;
    font-size: 35px;
    margin-left: 14px;
    margin-right: 14px; }

.article_details {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center; }

.lh-20 {
  line-height: 20px; }

.no-padd {
  padding: 0px; }

.mt-1 {
  margin-top: 10px; }

.special-price-popup {
  font-size: 15px;
  color: red; }

.regular-price-popup {
  font-size: 12px;
  color: #ADADAD; }

.prix-roue-popup {
  display: flex; }
  .prix-roue-popup p {
    margin-right: 40px;
    display: flex;
    flex-direction: column;
    text-transform: uppercase; }

.popup-price-mobile p {
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  margin-bottom: 0px; }

.special-price-text {
  margin-top: -7px; }

.invoice-note {
  word-break: break-all; }

.list-resultat-pneu-prix {
  height: 45px;
  background: #c30000;
  flex-wrap: nowrap !important; }

.custom-promotion-price {
  flex-wrap: nowrap !important;
  height: 45px; }
  .custom-promotion-price .prix-slogan {
    text-align: right !important; }

.article_details_details_row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-bottom: 8px;
  padding-top: 8px; }

.cart-product-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 166px; }

@media only screen and (min-width: 760px) and (max-width: 990px) {
  .client_lev_info {
    padding-left: 0 !important; } }
@media only screen and (max-width: 560px) {
  .billing-list {
    width: 100%;
    position: relative;
    overflow: scroll; } }
@media only screen and (max-width: 638px) {
  .promo-header-mobile {
    display: block; }

  .promo-header-desktop {
    display: none; }

  .invoice_details_text {
    padding-left: 24px;
    padding-right: 24px; } }
@media only screen and (min-width: 380px) and (max-width: 637px) {
  .home-promo-tyre-img {
    bottom: -14px; } }
@media only screen and (min-width: 555px) and (max-width: 775px) {
  .brand-promo-div-responsive {
    width: 100%; } }
@media only screen and (max-width: 455px) {
  .brand-promo-div-responsive {
    width: 100%;
    max-height: 60px;
    height: 60px; } }
.promo-header {
  padding: 15px; }

.promo-header p {
  font-size: 16px;
  text-transform: uppercase;
  margin: 0;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1px;
  margin-top: 2px;
  display: inline-flex;
  align-items: center; }

.promo-header p a {
  margin-left: 5px; }

.promo-header .close-header-banner {
  position: absolute;
  top: 25px;
  right: 10px; }

.promo-header p.text-muted {
  font-size: 17px; }

.promo-header p .fa {
  font-size: 20px;
  margin-right: 10px;
  cursor: pointer; }

.menu a {
  font-size: 12px; }
.menu > ul {
  text-align: left; }

.tracking_btn {
  float: right; }
  .tracking_btn a {
    background-color: #5ca331;
    color: white; }
    .tracking_btn a:hover {
      background-color: #518f2b !important; }

@media only screen and (min-width: 750px) {
  .mobile-only {
    display: none !important; } }
@media only screen and (max-width: 750px) {
  .menu .tracking_btn {
    float: inherit !important;
    max-width: 100%;
    margin: 25px 15px 0; }
    .menu .tracking_btn a {
      text-align: center !important;
      padding: 10px 5px !important; }
  .menu .mobile-only {
    display: block; }
  .menu a {
    font-size: 16px !important; } }
@media only screen and (max-width: 445px) {
  .menu a {
    font-size: 14px !important; }
    .menu a > span {
      font-size: 100% !important; } }

@media only screen and (max-width: 445px) {
  .break-button {
    display: block; } }
@media only screen and (max-width: 990px) {
  .menu a {
    font-size: 10px;
    padding: 5px 3px; }
  .menu .assistance-mobile a {
    font-size: 30px !important; } }
.search_forms {
  position: relative;
  overflow: hidden; }
  .search_forms > div {
    -moz-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    position: absolute;
    top: 0; }
    .search_forms > div.off-right {
      left: 800px; }
    .search_forms > div.off-left {
      left: -500px; }
    .search_forms > div.active {
      position: relative;
      left: 0px !important; }

.header-form-container .off-right {
  left: 1800px !important; }
.header-form-container .off-left {
  left: -1500px !important; }

#header.hiver.active.special-fetes {
  background: #a3a8ae url(../images/bg-headerAccueil-hiver-fetes.jpg) no-repeat top center !important;
  background-size: cover !important; }

#header.hiver.active.special-blackfriday {
  background: #a3a8ae url(../images/bg-headerAccueil-hiver-black-friday.jpg) no-repeat top center !important;
  background-size: cover !important; }

#header.hiver.active.special-cybermonday {
  background: #a3a8ae url(../images/bg-headerAccueil-hiver-cyber-monday.jpg) no-repeat top center !important;
  background-size: cover !important; }

#header.hiver.special-blackfriday, #header.hiver.special-cybermonday {
  background: transparent url(../images/bg-header-hiver-black-friday.jpg) no-repeat top center;
  background-size: cover; }

#header.hiver.special-fetes {
  background: transparent url(../images/bg-header-hiver-fetes.jpg) no-repeat top center;
  background-size: cover; }

#tab_pneus, #tab_roues {
  text-align: left; }
  #tab_pneus form > a, #tab_roues form > a {
    color: #feb300;
    display: block;
    margin: 0 0 1em 0;
    font-size: 12px; }
    @media screen and (max-width: 400px) {
      #tab_pneus form > a, #tab_roues form > a {
        font-size: 10px;
        text-align: center; } }

.dimension-stagger {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
  height: 0; }
  .dimension-stagger.active {
    height: 60px; }

#header .recherche .nav > li > a {
  font-size: 15px; }
  @media screen and (max-width: 991px) {
    #header .recherche .nav > li > a {
      font-size: 13px; } }
  @media screen and (max-width: 700px) {
    #header .recherche .nav > li > a {
      padding: 10px 0px 15px 12px;
      font-size: 12px; } }

@media screen and (max-width: 700px) {
  .carousel-header {
    clear: both;
    margin-top: 5px;
    /*MG-TOP WAS AT 60px BEFORE BLACK FRIDAY*/ } }

#header .tab-content .dimension-btn .radio {
  margin-top: 0px;
  margin-bottom: 0px; }
#header .pneus-et-jantes-container, #header .pneus-et-jantes-container-mobile {
  margin: auto;
  margin-top: 53px;
  position: relative;
  max-width: 490px; }
  #header .pneus-et-jantes-container .pneus-et-jantes-btn, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
    background-color: #0a6be7;
    color: white;
    display: flex;
    align-items: center;
    border-bottom: 5px solid #0854b6;
    border-radius: 5px; }
    #header .pneus-et-jantes-container .pneus-et-jantes-btn.jante-btn-fr, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn.jante-btn-fr {
      padding: 15px 0 10px 0; }
    #header .pneus-et-jantes-container .pneus-et-jantes-btn .flex-col img, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn .flex-col img {
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      position: absolute;
      top: -10px;
      left: 20px; }
    #header .pneus-et-jantes-container .pneus-et-jantes-btn .flex-col .active-only, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn .flex-col .active-only {
      opacity: 0; }
    #header .pneus-et-jantes-container .pneus-et-jantes-btn .flex-col-content, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn .flex-col-content {
      margin-left: 100px; }
      #header .pneus-et-jantes-container .pneus-et-jantes-btn .flex-col-content h3, #header .pneus-et-jantes-container .pneus-et-jantes-btn .flex-col-content h4, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn .flex-col-content h3, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn .flex-col-content h4 {
        font-size: 19px; }
    #header .pneus-et-jantes-container .pneus-et-jantes-btn.jante-btn-en, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn.jante-btn-en {
      padding: 17px 0 12px 0; }
      #header .pneus-et-jantes-container .pneus-et-jantes-btn.jante-btn-en .flex-col-content, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn.jante-btn-en .flex-col-content {
        margin-left: 90px; }
        #header .pneus-et-jantes-container .pneus-et-jantes-btn.jante-btn-en .flex-col-content h3, #header .pneus-et-jantes-container .pneus-et-jantes-btn.jante-btn-en .flex-col-content h4, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn.jante-btn-en .flex-col-content h3, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn.jante-btn-en .flex-col-content h4 {
          font-size: 15px; }
    #header .pneus-et-jantes-container .pneus-et-jantes-btn .icon, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn .icon {
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      right: 0px;
      opacity: 0;
      position: absolute;
      background: #242424;
      color: #575757;
      height: 70px;
      width: 0px;
      text-align: center;
      font-size: 20px;
      line-height: 70px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    #header .pneus-et-jantes-container .pneus-et-jantes-btn.active, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn.active {
      background-color: #3D3D3D;
      border-bottom: 5px solid #242424;
      color: #707070; }
      #header .pneus-et-jantes-container .pneus-et-jantes-btn.active .flex-col img, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn.active .flex-col img {
        opacity: 0; }
      #header .pneus-et-jantes-container .pneus-et-jantes-btn.active .flex-col .active-only, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn.active .flex-col .active-only {
        opacity: 1; }
      #header .pneus-et-jantes-container .pneus-et-jantes-btn.active .icon, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn.active .icon {
        opacity: 1;
        width: 60px; }
    #header .pneus-et-jantes-container .pneus-et-jantes-btn h3, #header .pneus-et-jantes-container .pneus-et-jantes-btn h4, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn h3, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn h4 {
      margin: 0; }
    #header .pneus-et-jantes-container .pneus-et-jantes-btn span, #header .pneus-et-jantes-container-mobile .pneus-et-jantes-btn span {
      color: #feb300; }
@media screen and (max-width: 991px) {
  #header .pneus-et-jantes-container {
    display: none; } }
#header .pneus-et-jantes-container-mobile {
  display: none;
  margin-bottom: 20px;
  max-width: 100%; }
  @media screen and (max-width: 991px) {
    #header .pneus-et-jantes-container-mobile {
      display: block;
      margin: 0 0 20px; } }
  @media screen and (max-width: 700px) {
    #header .pneus-et-jantes-container-mobile .flex-col img {
      left: 5px !important; }
    #header .pneus-et-jantes-container-mobile .flex-col-content {
      margin-left: 73px !important; }
      #header .pneus-et-jantes-container-mobile .flex-col-content h4 {
        font-size: 15px !important;
        margin-bottom: 4px !important; }
    #header .pneus-et-jantes-container-mobile .jante-btn-en .flex-col-content h4 {
      font-size: 12px !important; } }
#header .pneus-et-jantes-infosbox {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-color: #0a6be7;
  color: white;
  display: flex;
  align-items: center;
  height: 0px;
  padding: 0px;
  overflow: hidden; }
  #header .pneus-et-jantes-infosbox .fa {
    font-size: 32px;
    margin: 0 20px; }
  #header .pneus-et-jantes-infosbox h4 {
    margin: 0;
    font-size: 15px; }
  #header .pneus-et-jantes-infosbox span {
    opacity: 0.5;
    font-size: 12px; }
  #header .pneus-et-jantes-infosbox.active {
    height: 60px;
    padding: 15px 10px 10px 0;
    margin-bottom: 15px; }
  @media screen and (max-width: 700px) {
    #header .pneus-et-jantes-infosbox .fa {
      font-size: 32px;
      margin: 0 10px; }
    #header .pneus-et-jantes-infosbox h4 {
      font-size: 12px; }
    #header .pneus-et-jantes-infosbox span {
      display: none; } }

#modal-results {
  position: relative; }
  #modal-results #ensemble-pneus-jantes, #modal-results #ensemble-pneus, #modal-results #ensemble-jantes {
    display: none;
    opacity: 0;
    -moz-transition: 0.3s opacity ease;
    -o-transition: 0.3s opacity ease;
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease; }
    #modal-results #ensemble-pneus-jantes.active, #modal-results #ensemble-pneus.active, #modal-results #ensemble-jantes.active {
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s;
      top: 0;
      opacity: 1;
      display: block; }

.resultat-jantes .resultat-pneu-image img {
  background-color: white; }

.resultat-jantes .dimension_details .resultat-pneu-disponible {
  width: 135px;
  text-align: center; }
  .resultat-jantes .dimension_details .resultat-pneu-disponible.indisponible {
    background: #c30200; }

.stagger-list .regular-ensemble, .regular-list .regular-ensemble {
  padding: 0.9375em;
  margin-bottom: 0.625em;
  margin-top: 0.3125em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .stagger-list .regular-ensemble:nth-child(even), .regular-list .regular-ensemble:nth-child(even) {
    background-color: #E6E6E6; }
  .stagger-list .regular-ensemble .icon, .regular-list .regular-ensemble .icon {
    flex-grow: 1; }
    @media screen and (max-width: 991px) {
      .stagger-list .regular-ensemble .icon, .regular-list .regular-ensemble .icon {
        display: none; } }
  .stagger-list .regular-ensemble .dimension, .regular-list .regular-ensemble .dimension {
    color: black;
    flex-grow: 2; }
    .stagger-list .regular-ensemble .dimension br, .regular-list .regular-ensemble .dimension br {
      display: none; }
    .stagger-list .regular-ensemble .dimension small, .regular-list .regular-ensemble .dimension small {
      display: inherit;
      color: #939393;
      font-size: 15px; }
  @media screen and (max-width: 991px) {
    .stagger-list .regular-ensemble .dimension, .regular-list .regular-ensemble .dimension {
      font-size: 15px; }
      .stagger-list .regular-ensemble .dimension br, .regular-list .regular-ensemble .dimension br {
        display: inherit; }
      .stagger-list .regular-ensemble .dimension small, .regular-list .regular-ensemble .dimension small {
        display: inherit;
        font-size: 13px; } }
  @media screen and (max-width: 700px) {
    .stagger-list .regular-ensemble, .regular-list .regular-ensemble {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-content: center;
      -moz-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center; }
      .stagger-list .regular-ensemble .dimension, .regular-list .regular-ensemble .dimension {
        text-align: center;
        margin-bottom: 0.625em; }
        .stagger-list .regular-ensemble .dimension small.jante-qty, .regular-list .regular-ensemble .dimension small.jante-qty {
          margin-top: 10px;
          margin-bottom: -15px; }
          .stagger-list .regular-ensemble .dimension small.jante-qty span, .regular-list .regular-ensemble .dimension small.jante-qty span {
            display: block; }
            .stagger-list .regular-ensemble .dimension small.jante-qty span.center-dim, .regular-list .regular-ensemble .dimension small.jante-qty span.center-dim {
              display: none; }
        .stagger-list .regular-ensemble .dimension small span, .regular-list .regular-ensemble .dimension small span {
          color: #8B8D8B; }
      .stagger-list .regular-ensemble .submit, .regular-list .regular-ensemble .submit {
        margin-bottom: 0.625em;
        margin-top: 15px; } }
.stagger-list .stagger-dimension, .stagger-list .regular-dimension, .regular-list .stagger-dimension, .regular-list .regular-dimension {
  padding: 0.9375em;
  margin-bottom: 0.625em;
  margin-top: 0.3125em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .stagger-list .stagger-dimension:nth-child(even), .stagger-list .regular-dimension:nth-child(even), .regular-list .stagger-dimension:nth-child(even), .regular-list .regular-dimension:nth-child(even) {
    background-color: #E6E6E6; }
  .stagger-list .stagger-dimension .submit, .stagger-list .regular-dimension .submit, .regular-list .stagger-dimension .submit, .regular-list .regular-dimension .submit {
    flex-grow: 0; }
  .stagger-list .stagger-dimension .icon, .stagger-list .regular-dimension .icon, .regular-list .stagger-dimension .icon, .regular-list .regular-dimension .icon {
    flex-grow: 1; }
    @media screen and (max-width: 991px) {
      .stagger-list .stagger-dimension .icon, .stagger-list .regular-dimension .icon, .regular-list .stagger-dimension .icon, .regular-list .regular-dimension .icon {
        display: none; } }
  .stagger-list .stagger-dimension .dimension, .stagger-list .regular-dimension .dimension, .regular-list .stagger-dimension .dimension, .regular-list .regular-dimension .dimension {
    color: black;
    flex-grow: 2; }
    .stagger-list .stagger-dimension .dimension br, .stagger-list .regular-dimension .dimension br, .regular-list .stagger-dimension .dimension br, .regular-list .regular-dimension .dimension br {
      display: none; }
    .stagger-list .stagger-dimension .dimension small, .stagger-list .regular-dimension .dimension small, .regular-list .stagger-dimension .dimension small, .regular-list .regular-dimension .dimension small {
      display: none;
      color: #939393; }
  @media screen and (max-width: 991px) {
    .stagger-list .stagger-dimension .dimension, .stagger-list .regular-dimension .dimension, .regular-list .stagger-dimension .dimension, .regular-list .regular-dimension .dimension {
      font-size: 20px; }
      .stagger-list .stagger-dimension .dimension br, .stagger-list .regular-dimension .dimension br, .regular-list .stagger-dimension .dimension br, .regular-list .regular-dimension .dimension br {
        display: inherit; }
      .stagger-list .stagger-dimension .dimension small, .stagger-list .regular-dimension .dimension small, .regular-list .stagger-dimension .dimension small, .regular-list .regular-dimension .dimension small {
        display: inherit;
        font-size: 13px; } }
  @media screen and (max-width: 700px) {
    .stagger-list .stagger-dimension, .stagger-list .regular-dimension, .regular-list .stagger-dimension, .regular-list .regular-dimension {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-content: center;
      -moz-align-content: center;
      -ms-flex-line-pack: center;
      align-content: center; }
      .stagger-list .stagger-dimension .dimension, .stagger-list .regular-dimension .dimension, .regular-list .stagger-dimension .dimension, .regular-list .regular-dimension .dimension {
        text-align: center;
        margin-bottom: 0.625em; }
      .stagger-list .stagger-dimension .submit, .stagger-list .regular-dimension .submit, .regular-list .stagger-dimension .submit, .regular-list .regular-dimension .submit {
        margin-bottom: 0.625em; } }

.resultat-pneu-prix {
  display: flex !important;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  -webkit-justify-content: right;
  -moz-justify-content: right;
  justify-content: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: -10px;
  /*span{ display: block; width:inherit }
  .resultat-prix{
  	width: 46%;
  }
  .prix-slogan{
  	margin-left: 10px;
  	margin-right: 10px;
  }*/ }

.resultat-roue-prix {
  display: flex !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }
  .resultat-roue-prix span {
    display: block;
    width: inherit; }
  .resultat-roue-prix .resultat-prix {
    width: 100%; }
  .resultat-roue-prix .prix-slogan {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0; }

.STAGGER {
  padding-bottom: 0px; }
  .STAGGER .ensemble-pneus {
    margin-top: 10px; }
  .STAGGER .resultat-pneu-information-prix {
    margin-bottom: 0;
    font-size: 12px; }
    .STAGGER .resultat-pneu-information-prix .resultat-pneu-prix {
      margin: -10px -30px 15px; }
  .STAGGER .resultat-pneu-information-prix-a-partir-de {
    margin-bottom: 0;
    font-size: 12px; }
    .STAGGER .resultat-pneu-information-prix-a-partir-de .resultat-pneu-prix-a-partir-de {
      margin: 10px -30px 15px; }
  .STAGGER .dimension_details {
    background-color: #252525;
    padding: 15px 0;
    margin-top: 1px; }
    .STAGGER .dimension_details .pneu-information-metas {
      margin-bottom: 0; }
    .STAGGER .dimension_details .flex-wrap {
      justify-content: space-between;
      align-items: center;
      min-height: 40px; }
      @media screen and (max-width: 700px) {
        .STAGGER .dimension_details .flex-wrap.col-xs-3 {
          flex-direction: column;
          align-content: center; }
          .STAGGER .dimension_details .flex-wrap.col-xs-3 .position {
            margin-bottom: 10px; } }
  @media screen and (max-width: 700px) {
    .STAGGER .resultat-pneu-prix {
      margin: 0px -10px 10px; } }

.white-select {
  background-color: #E6E6E6 !important;
  border: 1px #cecece solid;
  color: #3c3d3c !important; }

.resultat-jantes h3 {
  color: white;
  font-size: 20px;
  text-transform: uppercase; }

.dimension-wheel {
  margin-top: 20px;
  font-size: 12px; }
  .dimension-wheel span {
    color: white;
    font-size: 17px;
    position: relative;
    top: 2px;
    left: 10px; }

.fini-wheel, .details-wheel {
  margin-top: 5px;
  font-size: 11px;
  font-weight: 100;
  color: #8B8D8B; }
  .fini-wheel p, .details-wheel p {
    display: inline-block; }
  .fini-wheel span, .details-wheel span {
    font-weight: bold;
    text-decoration: underline;
    padding: 0 10px;
    color: #b3b3b3; }
  @media only screen and (max-width: 700px) {
    .fini-wheel p:nth-child(1), .details-wheel p:nth-child(1) {
      display: block; } }

.fini-wheel {
  margin-top: 10px; }

.resultat-jantes button {
  background-color: #C29413;
  color: white;
  border: 0;
  padding: 5px 15px;
  margin-top: 20px; }

@media only screen and (min-width: 500px) {
  .rotate-text-90 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    writing-mode: vertical-rl; } }

.featured-box {
  margin-bottom: 30px; }
  .featured-box .resultat-pneu-image.col-xs-3 {
    width: 32%; }
    @media only screen and (max-width: 500px) {
      .featured-box .resultat-pneu-image.col-xs-3 {
        width: 40%; } }
  .featured-box .featured-box-header {
    background-color: #4c4c4c;
    padding: 15px;
    font-size: 15px; }
    .featured-box .featured-box-header b {
      font-family: "montserratbold"; }
  .featured-box .featured-box-body {
    padding: 15px;
    border-left: #4c4c4c 3px solid;
    border-right: #4c4c4c 3px solid;
    border-bottom: #4c4c4c 3px solid; }
    .featured-box .featured-box-body .flex-box {
      display: flex; }
      .featured-box .featured-box-body .flex-box .product-gamme {
        white-space: nowrap;
        color: white;
        padding: 10px 5px;
        font-family: "montserratbold";
        min-width: 32px; }
        .featured-box .featured-box-body .flex-box .product-gamme.entree_gamme {
          background-color: #a7a7a7; }
        .featured-box .featured-box-body .flex-box .product-gamme.moyen_gamme {
          background-color: #6f6f6f; }
        .featured-box .featured-box-body .flex-box .product-gamme.moyen_haute_gamme {
          background-color: #505050; }
        .featured-box .featured-box-body .flex-box .product-gamme.haute_gamme {
          background-color: #b38749; }
      @media only screen and (max-width: 500px) {
        .featured-box .featured-box-body .flex-box {
          display: inherit; }
          .featured-box .featured-box-body .flex-box .product-gamme {
            margin-bottom: 10px;
            padding: 5px 3px;
            font-size: 9px;
            border-radius: 20px;
            text-align: center;
            letter-spacing: -0.4px; } }

#access_wheel_page .flex {
  display: flex; }
  #access_wheel_page .flex a {
    cursor: pointer;
    flex-grow: 1;
    display: flex;
    align-items: center; }
    #access_wheel_page .flex a span {
      text-align: left;
      font-size: 22px;
      text-transform: initial;
      line-height: 22px;
      margin-left: 10px; }
    #access_wheel_page .flex a img {
      max-width: 70px;
      padding: 10px; }
    #access_wheel_page .flex a.darkgrey {
      background-color: #6e6e6e;
      border-bottom-color: #464646; }
    #access_wheel_page .flex a.lightgrey {
      color: #303030;
      background-color: #d7d7d7;
      border-bottom-color: #adadad; }
    #access_wheel_page .flex a.full-width {
      width: 100%; }
    #access_wheel_page .flex a:first-child {
      margin-right: 8px; }
    #access_wheel_page .flex a:last-child {
      margin-left: 8px; }
  @media only screen and (max-width: 592px) {
    #access_wheel_page .flex {
      flex-direction: column; }
      #access_wheel_page .flex a:first-child {
        margin-right: 0px;
        margin-bottom: 10px; }
      #access_wheel_page .flex a:last-child {
        margin-left: 0px; } }

.single-pneu #presentation h3 {
  margin-top: 35px; }

.stagger .icon-breaker {
  clear: both; }
.stagger .prix-container {
  padding: 1.25em 0 0.3125em;
  background-color: #232323;
  width: 100%;
  max-width: 300px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }
  @media screen and (max-width: 991px) {
    .stagger .prix-container {
      padding: 1.25em 1.25em 0.3125em; }
      .stagger .prix-container .prix {
        margin-bottom: 0; }
      .stagger .prix-container .info-livraison {
        margin-left: 0;
        position: relative;
        top: -20px; } }
  @media screen and (max-width: 700px) {
    .stagger .prix-container {
      max-width: 100%;
      padding: 1.25em 0em 0.3125em; }
      .stagger .prix-container .info-livraison {
        display: inline-block !important;
        margin-left: -45px;
        position: inherit; } }
@media screen and (max-width: 700px) {
  .stagger .img-pneu .prix-container {
    display: none; } }
.stagger .info-fabricant-logo {
  float: inherit; }
.stagger .information-supp .prix {
  margin-bottom: 0.7em; }
.stagger .stagger-dimension {
  clear: both;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px;
  background-color: #242424;
  margin-bottom: 0.6em; }
  .stagger .stagger-dimension .pictogram {
    text-align: center;
    flex-direction: column;
    align-content: center; }
    .stagger .stagger-dimension .pictogram .position {
      color: #B3B3B1;
      margin-bottom: 10px; }
  .stagger .stagger-dimension .prix {
    font-size: 2em; }
    .stagger .stagger-dimension .prix sup {
      font-size: 0.6em;
      top: -9px; }
  .stagger .stagger-dimension .dimension {
    font-size: 20px;
    margin-top: 0px; }
@media screen and (max-width: 700px) {
  .stagger .desktop-stagger {
    display: none; } }
.stagger .mobile-stagger {
  display: none;
  margin: 0 20px; }
  .stagger .mobile-stagger .dimension {
    font-size: 15px; }
  @media screen and (max-width: 700px) {
    .stagger .mobile-stagger {
      display: block; } }
.stagger .achat-pneu {
  width: 100%;
  margin-left: 0; }
  @media screen and (max-width: 700px) {
    .stagger .achat-pneu {
      max-width: 100%; }
      .stagger .achat-pneu:hover {
        margin-top: 1px;
        margin-bottom: 11px; } }

@media only screen and (max-width: 515px) {
  #avis .btn-avis {
    font-size: 14px;
    margin: 29px 0;
    padding: 11px 15px;
    width: 100%;
    text-align: center; } }

@media only screen and (max-width: 450px) {
  #dimensions .table .info-stock {
    display: none; }
  #dimensions .table .info-btn a {
    background-color: #769957;
    border-radius: 10px;
    padding: 4px 10px; }
    #dimensions .table .info-btn a:hover {
      background-color: #2d2d2d; }
  #dimensions .table .contact-us-mobile a {
    background-color: #2d2d2d !important; } }

@media only screen and (max-width: 645px) {
  #menu-produit-mobile.nav-pills > li > a span {
    display: none; } }
.header-form-container {
  background-color: rgba(0, 0, 0, 0.7);
  margin-bottom: -40px; }
  @media screen and (max-width: 700px) {
    .header-form-container {
      margin-bottom: 0px; } }
  .header-form-container > div {
    padding: 25px 20px; }
  .header-form-container .buttons {
    width: 230px;
    border-right: 1px solid #484848;
    padding-right: 20px; }
    .header-form-container .buttons .dimension-btn .radio {
      margin-top: 0px; }
    .header-form-container .buttons .dimension-btn .radio:last-child {
      margin-bottom: 0px; }
  .header-form-container .forms {
    width: 100%;
    margin-left: 20px; }
    .header-form-container .forms .search_forms > div {
      width: 100%; }
  @media screen and (max-width: 991px) {
    .header-form-container .flex-wrap {
      flex-direction: column; }
    .header-form-container .buttons {
      width: 100%;
      border-right: 0px;
      padding-right: 0px; }
      .header-form-container .buttons .dimension-btn {
        display: flex;
        margin-bottom: 20px; }
        .header-form-container .buttons .dimension-btn .radio {
          width: 50%;
          margin-top: 0px;
          margin-right: 20px; }
        .header-form-container .buttons .dimension-btn .radio:last-child {
          margin-left: 10px;
          margin-right: 0px;
          margin-bottom: 0px; }
    .header-form-container .forms {
      margin-left: 0px; }
      .header-form-container .forms .search_forms > div {
        width: 100%; } }

#add_wheel .col-sm-4 {
  width: 38%; }
#add_wheel .col-sm-8 {
  width: 62%; }
#add_wheel .header-roue {
  overflow: hidden;
  display: flex;
  justify-content: space-between; }
  #add_wheel .header-roue .titre-roue {
    font-size: 30px;
    color: #282828;
    float: left; }
    #add_wheel .header-roue .titre-roue .titre-roue-produit {
      font-size: 14px;
      color: #818181;
      display: block;
      font-family: 'montserrat'; }
      #add_wheel .header-roue .titre-roue .titre-roue-produit i {
        display: none; }
  #add_wheel .header-roue .pneu-information-fabriquant {
    float: right;
    margin-top: 20px; }
    #add_wheel .header-roue .pneu-information-fabriquant img {
      height: 60px; }
#add_wheel .prix-roue {
  font-size: 48px;
  color: #282828;
  margin: 15px 0; }
  #add_wheel .prix-roue sup {
    top: -.8em;
    font-size: 50%; }
#add_wheel .table tr:nth-child(odd) td {
  background: #ddd; }
#add_wheel .table td {
  border: 4px solid #fff;
  font-size: 14px;
  color: #282828;
  background: #ebebeb;
  font-family: 'montserrat'; }
  #add_wheel .table td strong {
    font-family: 'montserratbold';
    font-size: 18px; }
#add_wheel .table td:nth-child(2) {
  text-align: center; }
#add_wheel label {
  color: #282828;
  font-family: "montserratbold";
  font-size: 12px;
  font-weight: normal !important; }
#add_wheel .img-pneu input[type="number"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
#add_wheel .achat-pneu {
  padding: 5px 0 11px;
  width: 78%;
  font-size: 13px; }
#add_wheel #selectinst {
  display: none; }
#add_wheel select.form-control {
  font-size: 11px; }
@media only screen and (max-width: 990px) {
  #add_wheel input[type="checkbox"].checkbox-choix + label span {
    float: left; }
  #add_wheel .achat-pneu {
    width: 77%;
    font-size: 9px; } }
@media only screen and (max-width: 750px) {
  #add_wheel .col-sm-4,
  #add_wheel .col-sm-8 {
    width: 100%;
    float: none; }
  #add_wheel .img-pneu .choix-cloute {
    display: block; }
  #add_wheel .img-pneu input[type="number"] {
    margin-top: 0;
    display: inline-block; }
  #add_wheel .achat-pneu {
    width: calc(100% - 90px);
    font-size: 12px;
    margin-bottom: 0;
    display: inline-block; }
  #add_wheel .achat-pneu:hover,
  #add_wheel .achat-pneu:active {
    margin-top: 2px; }
  #add_wheel select.form-control {
    font-size: 13px;
    font-family: montserrat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/icon/icon-fleche.png") right center no-repeat; } }
@media only screen and (max-width: 400px) {
  #add_wheel select.form-control {
    font-size: 11px; } }
@media only screen and (max-width: 300px) {
  #add_wheel select.form-control {
    font-size: 9px; } }
#add_wheel .achat-pneu.jaune {
  width: 100%;
  background: #ce9114 none repeat scroll 0 0;
  border-color: #6a4b0c;
  margin-left: 0; }
#add_wheel .alert-tpms {
  color: #282828;
  font-size: 11px;
  font-family: montserrat; }
#add_wheel .alert-tpms:before {
  content: '';
  display: block;
  background: url("../images/icon/icon-attention.png") no-repeat left top;
  width: 29px;
  height: 27px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }
#add_wheel #presentation,
#add_wheel #specification {
  margin-bottom: 75px; }
  @media only screen and (max-width: 750px) {
    #add_wheel #presentation .img-pneu img,
    #add_wheel #specification .img-pneu img {
      margin-bottom: 15px; } }
  #add_wheel #presentation .header-roue .titre-roue,
  #add_wheel #specification .header-roue .titre-roue {
    font-size: 48px;
    color: #fff;
    background: none;
    padding: 15px 4px;
    margin: 0;
    font-family: 'montserratbold'; }
    @media only screen and (max-width: 750px) {
      #add_wheel #presentation .header-roue .titre-roue,
      #add_wheel #specification .header-roue .titre-roue {
        padding-bottom: 0;
        padding: 0; } }
    @media only screen and (max-width: 350px) {
      #add_wheel #presentation .header-roue .titre-roue,
      #add_wheel #specification .header-roue .titre-roue {
        font-size: 34px; } }
    #add_wheel #presentation .header-roue .titre-roue sup,
    #add_wheel #specification .header-roue .titre-roue sup {
      top: -.8em;
      font-size: 50%; }
  #add_wheel #presentation .header-roue .pneu-information-fabriquant,
  #add_wheel #specification .header-roue .pneu-information-fabriquant {
    margin-top: 10px; }
    @media only screen and (max-width: 750px) {
      #add_wheel #presentation .header-roue .pneu-information-fabriquant,
      #add_wheel #specification .header-roue .pneu-information-fabriquant {
        margin-top: 0;
        float: none;
        margin-bottom: 0; }
        #add_wheel #presentation .header-roue .pneu-information-fabriquant img,
        #add_wheel #specification .header-roue .pneu-information-fabriquant img {
          height: 26px; } }
  #add_wheel #presentation .pneu-information-dimension,
  #add_wheel #specification .pneu-information-dimension {
    margin: 10px 4px 30px; }
  #add_wheel #presentation .table tr:nth-child(odd) td,
  #add_wheel #specification .table tr:nth-child(odd) td {
    background: #232323; }
  #add_wheel #presentation .table td,
  #add_wheel #specification .table td {
    border: 4px solid #1a1a1a;
    font-size: 14px;
    color: #fff;
    background: #2d2d2d;
    font-family: 'montserrat'; }
    #add_wheel #presentation .table td strong,
    #add_wheel #specification .table td strong {
      font-family: 'montserratbold';
      font-size: 18px; }
  #add_wheel #presentation label,
  #add_wheel #specification label {
    color: #fff; }
  #add_wheel #presentation .alert-tpms,
  #add_wheel #specification .alert-tpms {
    color: #feb300;
    font-size: 12px;
    margin-top: 15px; }

#choix-livraison {
  padding: 14px 3px; }
  #choix-livraison hr {
    border-top: 1px solid #484747 !important; }
  #choix-livraison #choix-livraison-options ul {
    list-style-type: none;
    padding-left: 20px;
    margin-top: 5px; }
  #choix-livraison #choix-livraison-options li {
    margin-bottom: 10px; }
    #choix-livraison #choix-livraison-options li span:before {
      background-color: #9edb2f !important; }
    #choix-livraison #choix-livraison-options li.default {
      font-size: 16px; }
      #choix-livraison #choix-livraison-options li.default label.gratuit {
        color: #9edb2f; }
    #choix-livraison #choix-livraison-options li.with_tracking_number div, #choix-livraison #choix-livraison-options li.default_is_fedex div {
      display: inline; }
    #choix-livraison #choix-livraison-options li.with_tracking_number .line_1, #choix-livraison #choix-livraison-options li.default_is_fedex .line_1 {
      font-size: 16px !important;
      color: white;
      top: -6px;
      position: relative; }
    #choix-livraison #choix-livraison-options li.with_tracking_number .line_2, #choix-livraison #choix-livraison-options li.default_is_fedex .line_2 {
      font-size: 11px;
      color: grey;
      margin-left: 37px;
      display: block;
      top: -9px;
      position: relative; }
  #choix-livraison #enter-cp small {
    margin-bottom: 10px;
    display: block; }
  #choix-livraison .choix-livraison-input {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    align-items: center; }
    #choix-livraison .choix-livraison-input div:nth-child(1) {
      font-size: 11px;
      max-width: 25%;
      flex-grow: 2;
      padding-right: 8px; }
    #choix-livraison .choix-livraison-input div:nth-child(2) {
      width: 40%;
      padding-right: 8px; }
      #choix-livraison .choix-livraison-input div:nth-child(2) input {
        width: 100%;
        font-size: 15px;
        text-align: center;
        padding: 5px 0;
        color: black; }
    #choix-livraison .choix-livraison-input div:nth-child(3) button {
      width: 100%;
      padding: 9px; }

.section-paiement .information-magasin {
  color: #B0B0B0; }
  .section-paiement .information-magasin strong {
    color: #feb300; }
  .section-paiement .information-magasin svg {
    fill: #646464; }
  .section-paiement .information-magasin .flex-row {
    display: flex; }
  .section-paiement .information-magasin #information-credit-magasin .col:nth-child(1), .section-paiement .information-magasin #information-comptant-magasin .col:nth-child(1), .section-paiement .information-magasin #information-cheque-magasin .col:nth-child(1) {
    width: 30%;
    margin-right: 5px; }
  .section-paiement .information-magasin #information-credit-magasin .col:nth-child(2), .section-paiement .information-magasin #information-comptant-magasin .col:nth-child(2), .section-paiement .information-magasin #information-cheque-magasin .col:nth-child(2) {
    width: 70%; }
  .section-paiement .information-magasin #information-comptant-magasin .col:nth-child(1) {
    padding: 0 20px; }
  .section-paiement .information-magasin #information-comptant-magasin .calcul {
    color: white;
    font-size: 20px; }
  .section-paiement .information-magasin #information-cheque-magasin .col:nth-child(1) {
    padding: 0 20px; }

#subscribe-check {
  font-size: 12px; }
  #subscribe-check b {
    font-size: 10px;
    color: #6B6A6A;
    margin-left: 31px;
    display: block;
    font-weight: 100; }
  #subscribe-check i {
    font-size: 12px;
    color: #ffffff;
    margin-left: 31px;
    display: block;
    font-weight: 100;
    margin-top: -20px;
    margin-bottom: 8px;
    font-style: normal; }
  #subscribe-check input[type="checkbox"].checkbox-choix:checked + label span:before {
    line-height: 22px; }
  @media only screen and (max-width: 990px) {
    #subscribe-check br {
      display: none; } }

a {
  color: #3792ff; }

#menu-dist-mobile {
  display: none;
  text-align: center;
  margin-bottom: 8px; }
  #menu-dist-mobile li {
    display: inline-block;
    width: 19%;
    text-align: center;
    font-size: 8px !important;
    font-weight: normal;
    background: #2d2d2d !important;
    font-family: 'montserratlight';
    font-size: 18px;
    margin-bottom: 7px; }

#menu-dist-mobile.nav-pills > li.active > a, #menu-dist-mobile.nav-pills > li > a:focus, #menu-dist-mobile.nav-pills > li > a:hover, #menu-dist-mobile.nav-pills > li.active > a:focus, #menu-dist-mobile.nav-pills > li.active > a:hover {
  background: none;
  font-family: "montserratbold";
  color: #fff;
  border-top: 13px solid #c30000;
  border-radius: 0px; }

#menu-dist-mobile.nav-pills > li > a {
  color: #999;
  border-top: 13px solid #363636;
  padding: 10px 0; }

#menu-dist-mobile li .fa {
  display: block;
  font-size: 17px;
  margin-bottom: 5px; }

@media only screen and (max-width: 990px) {
  #menu-dist-mobile {
    display: block; } }
@media only screen and (max-width: 400px) {
  #menu-dist-mobile li {
    font-size: 0px !important; } }
.dist-status .fa.blue {
  background: #2273ff none repeat scroll 0 0;
  border: 0 none;
  color: #fff; }
.dist-status .fa.pinky {
  background: #d656ff none repeat scroll 0 0;
  border: 0 none;
  color: #fff; }
.dist-status .fa.complete {
  background: #769957 none repeat scroll 0 0;
  border: 0 none;
  color: #fff; }
.dist-status .fa.incomplete {
  background: #fea919 none repeat scroll 0 0;
  border: 0 none;
  color: #fff; }
.dist-status .fa.mounting {
  background: #3a3a3a none repeat scroll 0 0;
  border: 0 none;
  color: #fff; }
.dist-status .fa.magenta {
  background: #769957 none repeat scroll 0 0;
  border: 0 none;
  color: #fff; }
.dist-status .fa.error {
  background: #b40002 none repeat scroll 0 0;
  border: 0 none;
  color: #fff; }

.text-red {
  color: #b40002; }

/*# sourceMappingURL=style.css.map */