:root {
	--main-color: #0033A0;
	--second-color: #353dba;
	--hover-color: #0000e6;
	--light-color: #353dba;
	--bs-cookie-bg: #0033A0;
	--bs-cookie-text: #ffffff;
	--bs-cookie-link: #ffffff;
	--bs-cookie-btn-bg:#353dba;
	--bs-cookie-btn-text: #ffffff;
	--bs-cookie-btn-hover: #0000e6;
	--light-blue:#E6EEFF;
}

.dropdown-menu-large .poster {
	background-color:var(--main-color);
  background-size: contain;
}

footer .footer-summary {
  font-family:'Dancing Script';
  font-size:1em;
}

footer .footer-summary p {
  font-size:1.4em;
  line-height:1.5em;
}

.link-contactus {
  display:none !important;
}

.nav-link .link-label {
	display:inline;
}

#main-menu .navbar-right li > a {
	font-weight:600 !important;
}
#main-menu .navbar-right li > a:hover {
  color:var(--second-color);
}

.line-top {
	background: linear-gradient(to right, #fe9c0e, #fcbb18);
	background-color: rgba(0, 0, 0, 0);
	background-color: #fe9c0e;
}

.text-primary {
	color: var(--main-color);
}

.text-secondary {
	color: var(--second-color);
}

body {
	font-family: "Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif;
	color: #0c0c0c;
	font-size:1em;
}

a, a:visited, a:active {
	color: var(--main-color);
}

a:hover {
	color: var(--hover-color);
}

.double-header-lined.lined {
	padding-top: 159px;
}
.simple-header-lined.lined {
  padding-top: 125px;
}

.navbar-brand {
	width: auto;
}

img.brand {
  height:30px;
}

.navbar-brand img {
	height: auto;
	margin-left: 0px;
	width: 75%;
	margin-top: -5px;
}

form[name="search"] {
	margin-top: 25px;
}

#searcher, .radius-search {
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
}

nav.navbar {
	background-color: rgba(255, 255, 255, 0.5) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border: none;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
nav.navbar .navbar-right:not(.nav-link) {
	margin-top: 25px;
}

.container-nav {
	border-bottom: 3px solid var(--main-color);
	color: var(--main-color);
	background-color: initial;
}
.navbar-default .navbar-nav > li > a {
	color: var(--main-color);
}

.nav-link > li > a i {
	color: inherit;
}

.btn-primary {
	text-transform: uppercase;
}
.btn:not(.dropdown-toggle, .btn-sm, .btn-xs, .toggle-group .btn, .input-group .btn, .btn-group .btn) {
	font-size: 17px;
}

.badge.new, .badge.promotion {
	font-size: 1em;
}

.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: #E6EEFF;
}

.newsletter {
	background-color:#353dba;
	padding-top: 20px;
}

.copyright {
	background-color: var(--main-color);
	color: #FFF;
}

.copyright p {
	color: #FFF;
}

.card {
	border: 1px solid #EFEFEF;
	border-radius: 5px;
}

.card:hover, .card-address:hover .panel, .card-cashregister:hover .panel {
	border-color: var(--main-color);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.card .title {
  color:var(--main-color);
  font-size:1.2em;
  line-height:inherit;
  height:inherit;
  margin-bottom:0px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card .help-block {
	color: var(--second-color);
  font-weight:600;
	font-size:inherit;
  line-height:inherit;
  height:inherit;
  margin-top:0px;
}


@media (max-width: 640px) {
	.card .help-block {
		display: none;
	}
}

.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 {
	margin-top: 20px;
}

h1 {
	font-family: 'Dancing Script', cursive;
	letter-spacing: 1.5px;
	font-weight: normal;
	color: var(--main-color);
	font-size:2.5em;
	text-transform: none;
}

h1.panel-title {
	font-size:1.7em;
}

h1 .glyphicon, h2 .glyphicon, h3 .glyphicon, h4 .glyphicon {
	color: var(--hover-color);
}

h1 .text-uppercase, h2 .text-uppercase, h3 .text-uppercase, h4 .text-uppercase {
  text-transform:none;
}

h1.text-uppercase, h2.text-uppercase, h3.text-uppercase, h4.text-uppercase {
	text-transform:none;
}

.box-panier-min h1, 
.box-panier-min h2, 
.box-panier-min h3, 
.box-panier-min h4 {
  font-size:1.5em;
}

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, .text-title {
	font-family: 'Dancing Script', cursive;
	text-transform: none;
	color: var(--main-color);
	font-size:2.5em;
}

.main-title, .container-search .main-title {
	text-transform: none;
	font-size:2.5em;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-sportpalais.btn-primary, 
.btn-primary:active:focus, 
.btn-primary:active:hover {
	background: var(--second-color) !important;
	border-color: var(--second-color);
}

#product_picture {
	border: 0;
}

.basket-line #modele-title {
  font-size: .5em !important;
}
#modele-title {
	font-weight: bold;
	color: var(--second-color);
  font-family:'Quicksand' !important;
}

.breadcrumb li  {
	font-size: 1em !important;
}

.breadcrumb a:hover {
	color: var(--second-color);
}

.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(--second-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);
}

.inner-addon .glyphicon {
	color: var(--hover-color);
}

.tt-suggestion:hover, .tt-suggestion.tt-cursor, .tt-suggestion.tt-cursor:hover {
	color: #fff;
	background-color: var(--main-color);
}

.footer h3 {
	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: var(--main-color);
	font-weight:500;
}

.footer-ul-marque li a:hover,
.footer-ul li a:hover {
	color: var(--main-color);
}

/*.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(--second-color);
	font-weight: bold;
}

.bloc-filter label {
	color: var(--main-color);
}

#menu-account > a {
	color: var(--main-color);
}

#menu-account > a:hover,
#menu-account > a:active {
	background-color: #efefef !important;
}

.social-container {
	font-size: 1.5em;
	border-radius: 5px;
	border: none;
	height: 35px;
	width: 35px;
}

.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 p.description {
	font-size: 14px;
	font-weight: bold;
	color: var(--main-color);
	text-transform: none;
	text-shadow: none;
}

.container-search .main-title {
	font-weight: bold;
}

.newsletter p.text-danger {
	color: #FAFAFA;
}

.steppers-container .active .stepper-number-container {
	background-color: var(--main-color);
	color: #EFEFEF;
}

.footerleft {
	color: var(--main-color);
	font-size:1.1em;
}
.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);
}

.badge-primary {
	background-color: var(--main-color) !important;
}

/*.jcarousel-item {
	width: 250px;
}*/

.noUiSlider.text-primary .noUi-connect,
.noUiSlider.text-primary .noUi-handle {
	background-color: var(--main-color);
	border-color: var(--main-color);
}

select:focus,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
	line-height: 2rem;
	font-size:1em;
	border-radius: 5px;
}
textarea {
	border-radius: 5px !important;
}
.dropdown-menu > .active > a {
	background-color: var(--main-color);
}
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: 5px none;
	border-color: var(--second-color) !important;
	box-shadow: none !important;
	color: var(--second-color);
}

nav.navbar .navbar-right:not(.nav-link) {
	margin-top: 25px;
}

.carousel-control {
	color: var(--second-color);
}

.carousel .carousel-caption .carousel-line1 {
	background-color: rgb(36, 25, 123, 0.3);
}

.carousel .carousel-caption .carousel-line2 {
	background-color: rgb(239, 0, 87, 0.5);
}

/*.carousel .item {
	height: 400px;
}

.carousel .item-image {
	height: 100% !important;
}*/
.bs-carousel .item-image {
	height: 400px;
}

@media (min-width: 768px) {
	.carousel, .carousel-inner {
		height: 400px !important;
	}
  #main-menu .nav-main li > a {
    border-radius:10px 10px 0px 0px;
  }
}

.steppers-container .current .stepper-number-container {
	background-color: var(--second-color) !important;
	background-repeat: none;
	filter: none;
	background-image: none;
	border-color: var(--second-color) !important;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
}

.current .stepper-label {
	color: var(--main-color) !important;
}

.jcarousel-item {
	width: 270px;
}

.newsbar__text {
	font-weight: bold;
	color: var(--main-color) !important;
}

.newsbar a:hover {
	text-decoration: none;
	color: inherit;
}

.footer-summary p {
	padding: 10px
}

ul.footer-ul li a:hover {
	color: var(--second-color);
}

.footer .link-title {
	font-size:1.2em;
  font-weight:700;
}

.title-picture {
	display: none;
}

.card-footer .panel-body {
	padding: 10px;
}

/*.nav-link {
  display:none;
}*/
#main-menu .nav-main li > a {
	font-size: .9em;
}

.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(--second-color);
	border-color: var(--second-color);
}

.swiper-pagination .swiper-pagination-bullet-active {
	background: var(--second-color) !important;
	opacity: 1;
}

.search-filter-slider {
	background-color: var(--second-color);
}

.variant-input-wrap input[type="radio"]:hover + label {
	box-shadow: 0 0 0 2px var(--second-color);
	color: var(--second-color);
}

.variant-input-wrap input[type="radio"]:checked + label {
	box-shadow: 0 0 0 2px var(--second-color);
	background-color: var(--second-color);
	color: #FFF;
	font-weight: bold;
}

.search-query {
	color: var(--second-color);
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
	color: var(--main-color);
}

#main-menu a.menu-bar {
  color:var(--main-color);
}

#metadonnees h4, 
#messagerie h4, 
#commentaire h4, 
[id^="parcel"] h4, 
.shipping-container h4, 
.payment-container h4, 
.recap-container h4 {
  font-size: 1.7em;
}

@media (max-width: 767px) {
	.image-banner-component a img.img-responsive {
		height: 250px !important; /* Set a readable height for mobile */
		object-fit: cover; /* Crops the left/right sides without distorting */
		object-position: left; /* Keeps the center elements focused */
		max-width: none !important;
		width: 100%;
	}

	.product-swiper-component .card .viewer {
		background-size: cover !important;
	}
}

@media (max-width: 640px) {
	.navbar-brand img {
		width: 230px;
	}

	.simple-header-lined.lined {
		padding-top: 65px;
	}

	.badge.new, .badge.promotion {
		font-size: .7em;
	}
}