:root {
  --main-color: #0072bd;
  --bs-cookie-bg: #FFF;
	--bs-cookie-text: #404040;
	--bs-cookie-link: var(--main-color);
	--bs-cookie-btn-bg:var(--main-color);
	--bs-cookie-btn-text: #ffffff;
	--bs-cookie-btn-hover: #000;
}
body {
  font-family: "Source Sans 3", Helvetica, sans-serif;
  font-size:1.10em;
}
.main-title {
  color:var(--main-color);
}
.card .viewer {
  height: 260px;
  background-size:contain;
}
.card .price {
  color:var(--main-color);
  font-size:1.1em;
}
.discount-swiper-component h3 {
  line-height:1.3em;
}
.discount-swiper-component h3 span.label-danger {
  padding:2px 5px;
}
.card .title {
  font-size:1em;
  color:var(--main-color);
}
.breadcrumb a {
  color: var(--main-color);
}
.double-header-lined.lined {
  padding-top: 160px;
}
.simple-header-lined.lined {
  padding-top: 165px;
}

.line-top {
	background-color: #000;
	color: #FFF;
}
.menu-badged .badge, .badge-primary {
  background-color:var(--main-color) !important;
}
h1, h2, h3, h4 {
  font-size:1.5em;
}
.logofooter img {
  width: auto;
  max-height:75px;
}
h1 .glyphicon, h2 .glyphicon, h3 .glyphicon, h4 .glyphicon {
  color: var(--main-color);
}
.beautiful-radio [type="radio"]:checked + label::after, .beautiful-radio [type="radio"]:not(:checked) + label::after {
  background: var(--main-color);
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active {
  background: var(--main-color) !important;
}
.dropzone:hover {
  border-color: var(--main-color);
}
div.bootstrap-select ul.dropdown-menu { 
  font-size:1em;
}
.dropdown-menu {
  font-size:initial;
}
ul.dropdown-menu :not(.input-btn-group) .btn:not(.btn-curved-20, .btn-xs, .btn-sm, .btn-lg, .btn-number) {
  font-size:.85em;
}
.line-top .text-primary {
	color: #FAFAFA;
}
a, a:visited, a:active {
  color: var(--main-color);
}
.dropzone span.glyphicon {
  color: var(--main-color);
}
.badge-primary {
  background-color: var(--main-color);
}
.img-thumbnail.active {
  border-color: var(--main-color) !important;
}
.list-group-item.active {
  background-color: var(--main-color);
  color:#FFF;
}
.text-primary {
	color: var(--main-color);
}
.modules .list-group-item:hover {
  color: var(--main-color);
}
.panel-primary {
  border-color: var(--main-color);
}
.newsbar__text {
  font-weight: bold;
  color: #FAFAFA;
}
.newsbar__text a {
  font-weight: bold;
  color: var(--main-color);
}
.newsbar__control {
  color: #FAFAFA;
}
.copyright {
  background-color:#01122f;
}
.modules .list-group-item:hover .badge {
  background-color: var(--main-color);
}
.modules .list-group-item.active .badge {
  color: #FFF;
  background-color: var(--main-color);
}
form[name="search"], ul.navbar-right:not(.nav-link) {
  margin-top:30px;
}
.btn-curved-20 { border-radius:0px;}
.btn {
  text-transform:uppercase;
}
#main-header {
  background:url('./../img/cms/galaxie.jpg');
  background-size:cover;
}
.breadcrumb > .active {
  color: var(--main-color);
}
.nav-link > li > a:hover i {
  color: var(--main-color);
}
h1 .fa, h2 .fa, h3 .fa, h4 .fa, 
h1 .fas, h2 .fas, h3 .fas, h4 .fas {
  color: var(--main-color);
}
#main-menu .nav-main > li.dropdown.active.open > a, #main-menu .nav-main > li.dropdown.open > a {
  background-color: var(--main-color);
}
.navbar-brand img {
  height:90px;
  margin-top:-24px;
}
.dropdown-menu-large, .dropdown-marque {
  border-top: 0px;
}
.container-nav {
  background:none;
}
.navbar-default .navbar-nav > li > a {
  color:#FFF !important;
}
.navbar-default .navbar-nav:not(.nav-link) > .open > a, .navbar-default .navbar-nav:not(.nav-link) > li:not(.promotion) > a:hover {
  color:var(--main-color) !important;
}
.nav-link .link-label {
	display:inline;
}
ul.nav-link li > a {
	font-size:.8em !important;
  font-weight:700;
}
.breadcrumb li {
	font-size: .9em;
}
.jcarousel-item { width: 250px; }
select:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus,
textarea:focus,
.uneditable-input:focus {
  outline: 0 none;
  border-color: rgba(0, 114, 189, 0.8) !important;
  box-shadow: 0 1px 1px rgba(1, 18, 47, 0.075) inset, 0 0 8px rgba(0, 114, 189, 0.6) !important;
}
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
  background-color: hsl(204, 100%, 37%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efb73d", endColorstr="#a5750d");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0072bd), to(#a5750d));
  background-image: -moz-linear-gradient(top, #0072bd, #0072bd);
  background-image: -ms-linear-gradient(top, #0072bd, #0072bd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0072bd), color-stop(100%, #0072bd));
  background-image: -webkit-linear-gradient(top, #efb73d, #0072bd);
  background-image: -o-linear-gradient(top, #0072bd, #0072bd);
  background-image: linear-gradient(#0072bd, #0072bd);
  border-color: #0072bd #0072bd hsl(204, 100%, 37%);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
  -webkit-font-smoothing: antialiased;
}
#menu-account > a:hover, #menu-account > a:active {
  background-color:#FFF !important;
}
.newsletter {
  background-color:#2e4053;
}
.newsletter p:not(.text-danger) {
  font-size:1em;
}
a.btn-primary, a.btn-primary:visited {
  color: #FFF;
}
.footer-ul-marque li a:hover, .footer-ul li a:hover {
  color: var(--main-color);
}
.bloc-filter-title {
  color:var(--main-color);
  font-size:1.2em;
}
.jcarousel-control-prev,
.jcarousel-control-next,
.jcarousel-control-prev:active,
.jcarousel-control-next:active,
.jcarousel-control-prev:link,
.jcarousel-control-next:link,
.jcarousel-control-prev:visited,
.jcarousel-control-next:visited {
  color:var(--main-color);
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover,
.jcarousel-control-prev:active:hover,
.jcarousel-control-next:active:hover,
.jcarousel-control-prev:link:hover,
.jcarousel-control-next:link:hover,
.jcarousel-control-prev:visited:hover,
.jcarousel-control-next:visited:hover {
  color:var(--main-color);
  border-color:var(--main-color);
}
.swiper-pagination .swiper-pagination-bullet-active {
    background:var(--main-color) !important; 
    opacity: 1;
}
.search-filter-slider {
  background-color: var(--main-color);
}
.steppers-container .current .stepper-number-container {
	background-color: var(--main-color) !important;
	background-repeat: none;
	filter: none;
	background-image: none;
	border-color: var(--main-color) !important;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
}
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%);
}
.noUiSlider.text-primary .noUi-connect,
.noUiSlider.text-primary .noUi-handle {
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  color: var(--main-color);
}
.variant-input-wrap input[type="radio"]:hover + label {
	box-shadow: 0 0 0 2px var(--main-color);
	color: var(--main-color);
}

.variant-input-wrap input[type="radio"]:checked + label {
	box-shadow: 0 0 0 2px var(--main-color);
	background-color: var(--main-color);
	color: #FFF;
	font-weight: bold;
}
.box-panier-min h1, 
.box-panier-min h2, 
.box-panier-min h3, 
.box-panier-min h4 {
  font-size:1.2em;
}


#metadonnees h4, 
#messagerie h4, 
#commentaire h4, 
[id^="parcel"] h4, 
.shipping-container h4, 
.payment-container h4, 
.recap-container h4 {
  font-size: 1em;
}
@media (max-width: 640px) {
  .navbar-brand img {
    height: 63px;
    margin-top: -30px;
    margin-left: 15px;
  }
  #main-header {
    background:url('../img/cms/sky-night-star-atmosphere-dark-blue-1347056-pxherecom.jpg');
    background-attachment: fixed;
    background-size: cover;
  }
  .simple-header-lined.lined {
		padding-top: 50px;
	}
	.badge.new, .badge.promotion {
		font-size: .7em;
	}
}