:root {
  --main-color:#24197b;
  --second-color:#e30613;
  --hover-color:#046bb2;
  --light-color:#3cb7ee;
}
body {
  font-family: 'Titillium Web', sans-serif;
  font-size: 1.6em;
}
a, a:visited, a:active {
  color:var(--main-color);
}
a:hover {
  color:var(--hover-color);
}
.navbar-brand img {
  height: 100px;
  margin-top: -35px;
  margin-left: -6px;
  width:auto;
}
.container-nav {
  background-color:var(--main-color); 
  color:var-(--hover-color); 
}
.radius-search {
  border-top-left-radius: none! !important;  
  border-bottom-left-radius: none !important; 
}
.dropdown-marque li a img {
  height: 60px; 
}
.dropdown-marque li a:hover img {
  height: 70px; 
}
.btn-panier-produit {
  font-size:1.1em;
} 
.footer {
   background-color:#EFEFEF;
}
.footer .sloganfooter {
  display:none;
}
.copyright {
  background-color:var(--main-color); 
}
.btn-curved-20 {
  border-radius: 3px;
}
.card {
  border:1px solid #FFF; border-radius:0px;
}
.card:hover, .card-address:hover .panel, .card-cashregister:hover .panel {
  border-color:var(--main-color);
}
.btn-primary, .panel-primary .panel-heading, a.list-group-item.active {
  z-index:777;
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
  -webkit-font-smoothing: antialiased;  
}
.logofooter img { width:100px; }
h1 {
  text-transform: uppercase;
  letter-spacing:1.5px;
  font-weight:normal;
  color:var(--main-color);
}
h1 .glyphicon, h2 .glyphicon, h3 .glyphicon, h4 .glyphicon  { color:var(--hover-color);  }
h1 .fa, h2 .fa, h3 .fa, h4 .fa  { color:var(--second-color);  }
h1 .fas, h2 .fas, h3 .fas, h4 .fas  { color:var(--second-color); }
h2,h3,h4 {
  border-left:none;
  color:var(--main-color);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-sportpalais.btn-primary {
  background:var(--hover-color) !important
}
.breadcrumb>.active {
  color:var(--second-color);
}
.text-primary {
  color:var(--main-color);
}
ul.pagination li.active a {
  background-color:var(--main-color) !important;
  background-image: linear-gradient(var(--main-color) ,var(--main-color) );
  border-color: var(--main-color) var(--main-color)  hsl(41,85%,29%);
}
.jcarousel-pagination a.active {
  background:var(--main-color) !important;
}
.img-thumbnail.active {
  border-color:var(--main-color) !important;
}
.badge-primary {
  background-color:var(--main-color) ;
}
.modules .list-group-item:hover {
  color:var(--main-color);
}
.modules .list-group-item:hover .badge {
  background-color:var(--main-color);
}
.modules .list-group-item.active .badge {
  color:#fff;
  background-color:var(--main-color);
}
.beautiful-radio [type="radio"]:checked+label:after,
.beautiful-radio [type="radio"]:not(:checked)+label:after {
  background:var(--hover-color);
}
#main-menu .nav-main>li.dropdown.active.open>a,
#main-menu .nav-main>li.dropdown.open>a {
  background-color:var(--second-color);
}
.price {
  color:var(--main-color);
}
.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  border-color: var(--hover-color) var(--hover-color) hsl(41, 85%, 29%) !important;
  background-color: hsl(41, 85%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--hover-color)", endColorstr="var(--hover-color) ");
  background-image: -khtml-gradient(linear, left top, left bottom, from(var(--hover-color) ), to(var(--hover-color) ));
  background-image: -moz-linear-gradient(top,var(--hover-color) ,var(--hover-color) );
  background-image: -ms-linear-gradient(top, var(--hover-color) ,var(--hover-color) );
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--hover-color) ), color-stop(100%var(--hover-color) ));
  background-image: -webkit-linear-gradient(top, var(--hover-color) ,var(--hover-color) );
  background-image: -o-linear-gradient(top,var(--hover-color) , var(--hover-color) );
  background-image: linear-gradient(var(--hover-color) , var(--hover-color) );
}
.dropdown-menu-large,
.dropdown-marque {
  border-top:2px solid var(--second-color);
}
@media (max-width: 640px) {
.navbar-brand img { width: 130px; }
}
.inner-addon .glyphicon {
  color:var(--hover-color);
}
.tt-suggestion:hover {
  color: #fff;
  background-color: var(--main-color);
}
.footer-ul-marque li,
.footer-ul li {
  line-height:2em;
  font-size:15px
}
.footer-ul-marque li a,
.footer-ul li a {
  color:#404040;
  letter-spacing:.5px;
}

.footer-ul-marque li a:hover,
.footer-ul li a:hover {
  color:var(--main-color);
}
.footerleft {
  font-size:.9em;
}
.f16 .flag {
  margin-top: 2.5px;
}
.nav-link>li>a:hover i {
  color:var(--light-color);
}
.nav-link>li>a.dropdown-toggle:hover {
  color:var(--second-color);
}
.badge.text-primary {
  background-color:var(--main-color) !important;
}
.bloc-filter-title {
  color:var(--main-color);
  font-weight:bold;
}
#menu-account>a {
  color:var(--main-color);
}
#menu-account>a:hover,
#menu-account>a:active {
  background-color: #efefef !important;
}
.social-container {
  color:#FFF;
  font-size:20px;
  border-radius:0px;
  border:none;
  height: 30px;
  width: 30px;
}
.social-container .fab {
  top:3px;
  left:3px
}
.card .viewer {
  transition: opacity 0.8s ease, filter 0.8s ease;
}
.card .viewer { height: 260px; background-size: contain;}
.jcarousel_card_marque img { height:80px; max-height:80px; }
ul.pagination li a {
  color: var(--main-color);
}
ul.pagination li a:hover {
  color: var(--hover-color);
}
.newsletter {
  background-color: #193F7B;
}
.newsletter p {
  font-size:1.1em;
}
.footer h2, .footer h3, .footer h4 {
  color: var(--light-color);
}
.footer-summary p {
  font-size: 17px;
  line-height: 1.3em;
}
.steppers-container .active .stepper-number-container {
  background-color: var(--main-color);
  color: #EFEFEF;
}
.steppers-container .current .stepper-label {
  color: var(--main-color);
}
.steppers-container .active .stepper-label {
  color: var(--main-color);
}
.steppers-container .active .stepper-number {
  color: #EFEFEF;
}
.panel-primary {
  border-color: var(--main-color);
}