/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,700,800,400italic,700italic,800italic');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800,400italic,700italic,800italic');

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?hglipa');
	src:url('../fonts/icomoon.eot?#iefixhglipa') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?hglipa') format('truetype'),
		url('../fonts/icomoon.woff?hglipa') format('woff'),
		url('../fonts/icomoon.svg?hglipa#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eurae-s:before {
	content: "\e600";
}

html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-family: 'Merriweather Sans', sans-serif;
	font-weight: 400;
	color: #000;
	background-color: #FFF;
}
a {
	color: #E6432E;
	text-decoration: none;
}
.dropdown H3 a:link, .dropdown H3 a:hover, .dropdown H3 a:visited{
	color: #FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
}
H4 a:link, H4 a:hover, H4 a:visited{
	color: #000;
	text-decoration:none;
	text-transform:uppercase;
}
#banner{
	background-color:#000;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
	padding-bottom: 40px;
	background-color: #FFF;
}
#footer {
	/*height:40px;
	line-height:40px;*/
	padding: 5px;
	background-color: #000000;
	color: #fff;
	text-align: center;
}
#footer .nav-tabs, .nav-pills {
	text-align: center;
}
#footer .nav-tabs > li, .nav-pills > li {
	float: none;
	display: inline-block;
 *display:inline; /* ie7 fix */
	zoom: 1; /* hasLayout ie7 trigger */
	height: 40px;
}
#footer .nav-tabs > li, .nav-pills > li a {
	color: #666;
	text-decoration: none;
}
#footer .nav-tabs > li, .nav-pills > li a:hover {
	color: #666;
	text-decoration: none;
	background-color: #333;
}
.greenstock {
	position:relative;
	top:-1px;
	  display: inline-block;
  	 min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px;
	background-color: #53B13F;
	color: #FFF;
}
.bluestock {
	position:relative;
	top:-1px;
	  display: inline-block;
  	 min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px;
	background-color: #FF8800;
	color: #FFF;
}
.redstock {
	position:relative;
	top:-1px;
	  display: inline-block;
  	 min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px;
	background-color: #FF8800;
	color: #FFF;
}
#search {
	background-color: #E6432E;
}
#topmenu {
	background-color: #E6432E;
	color: #000;
	/*border-bottom: 1px solid #FFF;*/
}
#topmenu a{
	color: #FFF;
}
.user-button{
	width:44px;
}
.btn-squared{
	width:44px;
	height:44px;
	padding:0;
	line-height:42px;
	font-size:20px;
}
.user-button:focus,.user-button:hover{
	color:#FFF;
}
.s-h1{
	font-size:20px;
}
.s-h2{
	font-size:20px;
}
.ellipsis{
 white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }
#basket_container a {
	color: #FFF;
}
.topline {
	height: 30px;
	line-height:30px;
}
.search-area{
	margin: 0 15px 0 15px ;
}
.absolute-center {
	width: 50%;
	height: 50%;
	overflow: auto;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.vertical-center {
	min-height: 100%;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;
  /*justify-content: center;  Optional, to align inner items 
                              horizontally inside the column */
}

/* Extra small devices (767px and down) Switch off Flexbox*/
@media (max-width: 767px) { 
    .row.vertical-align {
        display: block; /* turn off the flexible box layout */
    }
}

.fullheight {
	height: 100%;
}
.top-buffer {
	margin-top: 5px;
}
.bottom-buffer {
	margin-bottom: 5px;
}
.clear {
	position: relative;
	clear: both;
}
.nomargin {
	margin: 0;
	padding: 0;
}
.automargin{
margin:auto;
}
.caption {
	position: absolute;
	bottom: 10%;
	left: 0;
	width: 90%;
	font-size: 20px;
	font-weight: 400;
	/*color:#FFF;*/
	margin-left: 20px;
}
/*.panel-default{
	color:#FFF;
	background-color:#1B1B1B;
	border-radius:0;
}*/
.navbar {
	margin-bottom: 0;
	border-radius: 0;
	border: 0;
	background-color: #E6432E;
	color: #000;
}
.navbar-inverse .navbar-nav>li>a {
	color:#FFF;
}
.navbar-inverse .navbar-nav>li>a:hover {
	text-decoration:none;
}
.navbar-nav .open .dropdown-menu{
	background-color: #000;
}
.navbar-nav .open .dropdown-menu>li>a{
	text-align:center;
	color: #FFF;
}
.navbar-nav .open .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	background-color: #000;
}
.menugrid {
	padding: 10px 30px;
}
.pull-bottom {
	display: inline-block;
	vertical-align: bottom;
	float: none;
}
.btn-primary {
  color: #FFF;
  background-color: #000;
  border-color: #000;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #333;
  border-color: #000;
}
.company-social ul {
	margin: 0 ;
}
.company-social li {
	display: inline-block;
	margin: 0 !important;
	padding: 0;
}
.company-social a {
	margin: 5px 0 0 0;
	padding: 0;
	display: block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background: #3bbec0;
	color: #fff;
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.company-social a i {
	text-align: center;
	margin: 0;
	padding: 0;
}
.company-social .social-facebook a {
	background: #3873ae;
}
.company-social .social-twitter a {
	background: #62c6f8;
}
.company-social .social-dribble a {
	background: #d74980;
}
.company-social .social-deviantart a {
	background: #8da356;
}
.company-social .social-google a {
	background: #000;
}
.company-social .social-vimeo a {
	background: #51a6d3;
}
.company-social .social-facebook a:hover {
	background: #4893ce;
}
.company-social .social-twitter a:hover {
	background: #82e6ff;
}
.company-social .social-dribble a:hover {
	background: #f769a0;
}
.company-social .social-deviantart a:hover {
	background: #adc376;
}
.company-social .social-google a:hover {
	background: #333;
}
.company-social .social-vimeo a:hover {
	background: #71c6f3;
}
.redbg {
	background-color: #E6432E;
}
#mainmenu {
	z-index: 1001;
}
.dropdown-menu {
	background-color: #000;
	border: 1px solid #000;
}
.dropdown-menu>li>a {
	color: #FFF;
}
.nav-tabs>li>a {
	color: #000;
	background-color: #CCC;
	border-color: #FFF;
	height:30px;
	padding:5px;
}
.nav-tabs.nav-justified>.active>a {
	color: #000;
	background-color: #E6432E;
	border-bottom-color: #E6432E;
	/*font-weight: 800;*/
}
.nav-tabs.nav-justified>.active>a:hover {
	color: #000;
	background-color: #E6432E;
	border-bottom-color: #E6432E;
}
.nav-tabs>li>a:hover {
	color: #000;
	background-color: #E6432E;
	border-bottom-color: #E6432E;
}
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}
.panel-red {
  border-color: #E6432E;
}
.panel-red>.panel-heading {
  color: #FFF;
  background-color: #E6432E;
  border-color: #E6432E;
}
.panel-black {
  border-color: #000;
}
.panel-black>.panel-heading {
  color: #FFF;
  background-color: #000;
  border-color: #000;
}
.panel-warning>.heading-normal {
  color: #000;
  background-color: #fff;
  border-color: #faebcc;
  border-bottom:none;
}
.font-sm{
	font-size:12px;
}

.font-sm H1{
	font-size:20px;
}
.font-sm H2{
	font-size:16px;
	/*line-height:2em;*/
}
.font-sm H3{
	font-size:14px;
}
.top-buffer-5{
	margin-top:5px;
}
.padding-5{
	padding:5px;
}
.product-line{
	margin-bottom:0;
	margin-top:5px;
}
.panel-wheels{
	margin-bottom:5px;
}
.panel-wheels-special{
	margin-bottom:5px;
	border-color:#E6432E;
}
.panel-price{
	margin-bottom:0;
	/*height:100px;*/
}
.panel-price-area{
	height:50px;
	line-height:1.2em;
}
.hand{
	cursor: pointer;
	cursor:hand;
}
.panel-tyres{
	margin-bottom:5px;
}
.panel-accessories{
	margin-bottom:5px;
}
.bordered{
	border:1px dotted #000;
}
.bootstrap-checkbox{
   color: #333;
  background-color: #fff;
  border-color: #ccc;
    border-radius: 4px;
	  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}
.form-control::-webkit-input-placeholder { color: #CCC;font-style:italic;font-weight:300; }
.form-control:-moz-placeholder { color: #CCC;font-style:italic;font-weight:300; }
.form-control::-moz-placeholder { color: #CCC;font-style:italic;font-weight:300; }
.form-control:-ms-input-placeholder { color: #CCC;font-style:italic;font-weight:300; }
.panel-heading {
	padding:5px;
}
.panel-heading h3{
	font-size:14px;
}
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

.input-xs, select.input-xs {
  height: 21px;
  line-height: 22px;
  font-size:10px;
  padding:1px;
  margin-top:-1px;
}

.tyre-tag{
	padding-left:5px;
	font-size:12px;
	line-height:20px;
	color:#FFF;
	background-color: #333;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.navbox{
	border: 1px solid #E6432E;
	margin-bottom:5px;
}
.rd-corners{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#results{
	padding-top:5px;
	}
	
#loginhome{
	border:none;
	background-color: #E6432E;
	}
/*pour rendre les modal scrollables*/
.modal .modal-body {
    max-height: 400px;
    overflow-y: auto;
}
.nocursor{
	cursor: default;
}
.norauto{
	color:#044BF8;
}
.feuvert{
	color: #10AA02;
}
.autobacs{
	color: #FF9200;
}
.autoleclerc{
	color:#044BF8;
}
.cartercash{
	color:#c42128;
}
.nopadding{
	padding:0;
}
.norightradius{
	-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
@media (min-width: 1200px) {
	.imglisth{
		max-height:190px;
	}
	
}
.paddingmin{
	padding-bottom:5px;
	padding-top:0px;
}
.france {
background: #05409a; /* Old browsers */
background: -moz-linear-gradient(left,  #05409a 0%, #05409a 34%, #ffffff 34%, #ffffff 34%, #05409a 34%, #ffffff 34%, #ffffff 34%, #ffffff 66%, #ec1920 66%, #ec1920 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #05409a 0%,#05409a 34%,#ffffff 34%,#ffffff 34%,#05409a 34%,#ffffff 34%,#ffffff 34%,#ffffff 66%,#ec1920 66%,#ec1920 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #05409a 0%,#05409a 34%,#ffffff 34%,#ffffff 34%,#05409a 34%,#ffffff 34%,#ffffff 34%,#ffffff 66%,#ec1920 66%,#ec1920 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05409a', endColorstr='#ec1920',GradientType=1 ); /* IE6-9 */
}
#topmenu{
	color:#FFF;
}
#myalerts .help-block{
	  color:#a94442;
	  font-size:1.2em;
  }
  .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: #C5C6C7;
	border-color: #A1A2A2;
}
.modal {
	z-index: 1080;
}
	/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 36px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  margin-top: 2px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #53B13F;
}

input:focus + .slider {
  box-shadow: 0 0 1px #53B13F;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.slidelabel{
inline-display:block;
margin-left:4px;
	font-weight:bold;
}

#simModal > div > div > div.modal-body{
	max-height:600px;
}/*
.modal .modal-body {
    max-height: 600px;
}*/