/*

 Copyright 2006-2023 Kiubi SAS.

 Composants specifiques au theme Kiubi pour Bootstrap v4.2 (http://getbootstrap.com)

 Theme sous licence Beerware (https://fr.wikipedia.org/wiki/Beerware)

 ----------------------------------------------------------------------------
 "THE BEER-WARE LICENSE" (Revision 42):
 <contact@kiubi.com> wrote this file. As long as you retain this notice you
 can do whatever you want with this stuff. If we meet some day, and you think
 this stuff is worth it, you can buy us a beer in return. Kiubi
 ----------------------------------------------------------------------------

*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');


iframe {
	border: none;
}

.alert-danger ul {
	margin-bottom: 0;
}

.blockquote {
	font-size: 1.09375rem !important;
}

.custom-file-label::after {
	content: 'Parcourir';
}

.pagination {
	margin-bottom: 0;
}

.fe, .fa, .far, .fas {
	font-size: 1rem;
}

.btn-link:hover {
	text-decoration: none;
}

.media + .media {
	margin-top: 2rem;
}

.custom-select-lg {
	font-size: 100%;
}

/* Class utilitaires */

.img-square {
	position: relative;
}
  
.img-square::after {
	content: '';
	display: block;
	padding-bottom: 100%;
}
  
.img-square img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.img-cover {
	 object-fit: cover;
}

.text-serif {
	font-family: 'Playfair Display', serif !important;
	font-weight: 400;
	text-transform: none;
}

h2.text-serif {
	font-size: 2.8rem;
}

.post-content img {
	max-width: 100%;
	height: auto;
}

.post-content ul,
.post-content ol {
	margin-top: 1rem;
}

.post-content::after {
	display: block;
	clear: both;
	content: "";
}

/* Section et espacement */

.section {
	position: relative;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.section-lg {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.section-md {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.section-sm {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.section[style*="background-image"] {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Suppression des espacements entre 2 sections identiques */

.section.bg-light:not([style*="background-image"]) + .section.bg-light:not([style*="background-image"]),
.section:not([class*="bg-"]):not([style*="background-image"]) + .section:not([class*="bg-"]):not([style*="background-image"]) {
	padding-top: 0;
}

/* Suppression des espacements des sections dans les templates avec une barre laterale */

.barre-laterale .main > .section:not([class*="bg-"]):not([style*="background-image"]):first-child,
.barre-laterale .sidebar > .section:not([class*="bg-"]):not([style*="background-image"]):first-child {
	padding-top: 0;
}

/* Suppression des espacements des sections imbriquees */

.section .section:not([class*="bg-"]):not([style*="background-image"]):first-child {
	padding-top: 0;
}

.section .section:not([class*="bg-"]):not([style*="background-image"]):last-child {
	padding-bottom: 0;
}

/* Suppression des espacements des containers imbriques */

.container .container {
	padding-right: 0;
	padding-left: 0;
}

/* header */

.header {
	position: relative;
	z-index: 30;
}

.header-top {
	padding: 10px 0;
	height: 45px;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.header .section,
.header .widget {
	margin-bottom: 0;
	margin-top: 0;
}

.logo-site img {
	max-height: 45px;
}

/* Barre de naviation principale */

#navbar-main {
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 90px;
	height: auto;
	border: none;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
    
#navbar-main.bg-white {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

#navbar-main .navbar-toggler {
	height: 38px;
	margin: 4px 0;
}

#navbar-main .nav-item {
	margin: 0 1rem;
}

/* banner */

.banner .move {
	position: absolute;
	bottom: 20px;
	right: 0;
	left: 0;
	text-align: center;
	z-index: 2;
}

.banner .move i {
	display: block;
	font-size: 40px;
	opacity: 0.3;
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% 		{ transform: translate(0, 0); }
	50% 	{ transform: translate(0, 10px); }
	100% 	{ transform: translate(0, 0); }
}

/* main */


/* footer */

.footer {
	padding-top: 4rem;
	border-right: none;
	border-left: none;
	border-bottom: none;
}

/* Fil d'arianne / Breadcrumb */

.breadcrumb {
	font-size: 0.7875rem;
	justify-content: center;
}

.breadcrumb-main li:last-child {
	opacity: 0.5;
}

.produit-detail .breadcrumb {
	justify-content: start;
}

/* Formulaire de recherche */


/* Menu horizontal */

.site-web-menu-h.reseaux-sociaux a {
	text-decoration: none;
}

/* Menu vertical */

.site-web-menu-v .flex-column .flex-column {
	margin: 5px 0 5px 20px; /* gestion des sous-niveaux */
}

/* Menu vertical - Menu deroulant */

.menu-deroulant .dropdown-item {
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 0 !important;
}

.menu-deroulant .dropdown-menu {
	margin: 0;
	padding: 0;
}

@media (min-width:1199px) {

	.menu-deroulant {
		height: 41px;
	}

	.menu-deroulant .dropdown {
		display: none;
	}

	.menu-deroulant li:hover > .dropdown,
	.menu-deroulant .dropdown-menu {
		display: block;
	}

	.menu-deroulant > li > .dropdown {
		position: relative;
		height: 5px; /* Determine la marge entre le menu et la barre de navigation */
	}

	.menu-deroulant .dropdown .dropdown {
		top: -35px; /* Positionne les menus de niveau 3 et 4 sur l'axe Y */
		left: calc(100% - 15px);  /* Positionne les menus de niveau 3 et 4 en l'axe X */
	}
}

@media (max-width:1199px) {
	.menu-deroulant .dropdown-menu {
		border: none;
	}
	
	.menu-deroulant .dropdown-item {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.menu-deroulant > li.nav-item > .active + .dropdown,
	.menu-deroulant > li.nav-item > .active + .dropdown .dropdown-menu {
		display: block !important;
		box-shadow: none !important;
	}
}

/* Menu vertical - Mega menu */
/* Se comporte comme un mega menu pour les pages de niveau 1 qui sont des separateurs
   et comme un menu deroulant pour les autres types de pages */

.mega-menu .dropdown-item {
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;
	white-space: nowrap;
	border-radius: 0 !important;
}

.mega-menu .dropdown-menu {
	margin: 0;
	padding: 0;
}

.mega-menu .menu-image,
.mega-menu .menu-description,
.mega-menu .menu-attribute {
	display: none;
}

.mega-menu > li.page-spacer > span {
	cursor: pointer;
}

@media (min-width:1199px) {

	.mega-menu {
		height: 41px;
	}

	.mega-menu .dropdown {
		display: none;
	}

	.mega-menu li:hover > .dropdown,
	.mega-menu .dropdown-menu {
		display: block;
	}
	
	/* Determine le comportement du menu deroulant quand la page de niveau 1 n'est pas un separateur */
	
	.mega-menu > li:not(.page-spacer) > .dropdown {
		position: relative;
		height: 5px; /* Determine la marge entre le menu et la barre de navigation */
	}

	.mega-menu > li:not(.page-spacer) .dropdown .dropdown {
		top: -35px; /* Positionne les menus de niveau 3 et 4 sur l'axe Y */
		left: calc(100% - 15px); /* Positionne les menus de niveau 3 et 4 en l'axe X */
	}

	.mega-menu > li:not(.page-spacer) .dropdown-menu .dropdown-item {
		display: flex;
		align-items: center;
	}

	.mega-menu > li:not(.page-spacer) .dropdown-menu .dropdown-toggle::after {
		margin-left: auto;
		transform: rotate(-90deg);
	}
	
	/* Determine le comportement du mega menu quand la page de niveau 1 est un separateur */

	.mega-menu > li.page-spacer > .dropdown {
		position: absolute;
		left: 0;
		padding-top: 5px; /* Determine la marge entre le menu et la barre de navigation */
		width: 100%;
		justify-content: center;
	}

	.mega-menu > li.page-spacer .dropdown-menu {
		position: static !important;
		background: none;
	}
	
	/* Le premier dropdown-menu se comporte comme un container */
	
	.mega-menu > li.page-spacer > .dropdown > .dropdown-menu {
		flex-wrap: wrap;
		width: 100%;
		max-width: 1110px;
		padding: 5px 5px 15px 5px;
		margin-right: -15px;
		margin-left: -15px;
		background: var(--white);
	}
	
	.mega-menu > li.page-spacer:hover .dropdown,
	.mega-menu > li.page-spacer:hover > .dropdown > .dropdown-menu {
		display: flex;
	}

	 /* Les li directement parents au premier dropdown-menu se comportent comme des col-3 */
	 
	.mega-menu > li.page-spacer > .dropdown > .dropdown-menu  > li {
		flex: 0 0 25%;
		max-width: 25%;
		padding-right: 15px;
		padding-left: 15px;
	}

	.mega-menu > li.page-spacer .dropdown-item {
		padding: 10px 0;
		color: var(--gray);
		white-space: normal;
		background: none;
	}

	.mega-menu > li.page-spacer .dropdown-item:hover {
		color: var(--dark);
	}
	
	/* Determine l'affichage des pages à partir du niveau 2 */
	
	.mega-menu > li.page-spacer .page-2 .dropdown-menu {
		width: 100%;
		border: none;
		border-radius: 0 !important;
		box-shadow: none !important;
	}
	
	.mega-menu > li.page-spacer .page-2 > .dropdown-item .menu-title {
		padding: 15px 0;
		color: var(--dark);
		font-weight: 600;
	}

	.mega-menu > li.page-spacer .page-2 .dropdown-toggle::after {
		display: none;
	}
	
	.mega-menu > li.page-spacer .page-2 .menu-image {
		display: block;
	}

	.mega-menu > li.page-spacer .page-2 .menu-description,
	.mega-menu > li.page-spacer .page-2 .menu-attribute {
		display: block;
		font-weight: 400 !important;
	}
	
	/* Determine l'affichage d'un lien interne vers une fiche produit */
	
	.mega-menu > li.page-spacer .catalogue_produit {
		display: block;
	}

	.mega-menu > li.page-spacer .catalogue_produit .menu-title {
		color: var(--dark);
		font-weight: 600;
	}

	.mega-menu > li.page-spacer .catalogue_produit .menu-attribute {
		color: var(--primary);
		font-size: 1.2rem;
	}

}

@media (max-width:1199px) {
	.mega-menu .dropdown-menu {
		border: none;
	}

	.mega-menu .dropdown-item {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.mega-menu > li.nav-item > .active + .dropdown,
	.mega-menu > li.nav-item > .active + .dropdown .dropdown-menu,
	.mega-menu > li.show .dropdown-menu {
		display: block !important;
		box-shadow: none !important;
	}
	
	.mega-menu > li .dropdown-menu .dropdown-toggle::after {
		display: none;
	}

}

/* Billets du site web */

.jumbotron {
	display: flex;
	align-items: center;
	margin-bottom: 0;
	border-radius: 0;
	border: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.post-jumbotron-photo .photo {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* Composant du site web */

/* Composant Services */

.composant-services i {
	font-size: 3rem;
}

.composant-services .img-square {
	max-width: 130px;
}

/* Composant Galerie photos */

.composant-galerie .row > div {
	overflow: hidden;
}

.composant-galerie a {
	display: block;
	width: 100%;
	height: 240px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.composant-galerie a:hover {
	cursor: zoom-in;
}

.composant-galerie .card-body {
	position: absolute;
	top: 30px;
	right: 2px;
	left: 2px;
	height: 236px;
	background: rgba(255,255,255,1);
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
}

.composant-galerie .card:hover .card-body {
	top: 2px;
	opacity: 0.9;
	transition: all 0.2s linear;
}

/* Composant Contenu externe embarque (Embed) */

.composant-embed iframe {
	width: 100% !important;
}

/* Composant Accordeon */

.composant-accordeon button.collapsed i::before {
	content: "\e9b1";
}

.composant-accordeon button:not(.collapsed) i::before {
	content: "\e996";
}

/* Composant Chronologie */

.composant-chronologie .container::before {
	position: absolute;
	display: inline-block;
	top: 0;
	width: 3px;
	height: 100%;
	content: '';
	background-color: var(--gray);
	opacity: 0.3;
}

.composant-chronologie .chronologie-item {
	position: relative;
}

.composant-chronologie .chronologie-item::before {
	position: absolute;
	display: inline-block;
	top: 0;
	width: 15px;
	height: 15px;
	content: '';
	background: var(--success);
	border-radius: 50px;
}

.composant-chronologie .container::before {
	left: 15px;
}

.composant-chronologie .chronologie-item {
	padding-left: 3rem;
}

.composant-chronologie .chronologie-item::before {
	left: 9px;
}

@media (min-width:767px) {

  .composant-chronologie.center .container::before {
		left: 50%;
		margin-left: -1px;
  }

  .composant-chronologie.center .chronologie-item:nth-child(2n+1) {
		align-self: flex-start;
		text-align: right;
		padding-right: 3rem;
  }

  .composant-chronologie.center .chronologie-item:nth-child(2n+1):before {
		left: auto;
		right: -8px;
  }

  .composant-chronologie.center .chronologie-item:nth-child(2n) {
		align-self: flex-end;
		padding-left: 3rem;
  }

  .composant-chronologie.center .chronologie-item:nth-child(2n)::before {
		left: -7px;
  }

}

/* Composant Separateur */

.composant-divider  {
	margin: 0;
	border: none !important;
}

.section.bg-light:not([style*="background-image"]) + .composant-divider.bg-light,
.section:not(.bg-light):not([style*="background-image"]) + .composant-divider:not(.bg-light) {
	margin-top: -5rem;
}

.composant-divider .border-simple {
	border-top: 1px solid rgba(0,0,0,0.08);
}

.composant-divider .border-double {
	border-top: 1px solid rgba(0,0,0,0.08);
	border-bottom: 1px solid rgba(0,0,0,0.08);
	padding-top: 2px;
}

.composant-divider .border-dashed {
	border-top-color: rgba(0,0,0,0.1);
	border-top-style: dashed !important;
}

.composant-divider .border-double.border-dashed {	
	border-top-color: rgba(0,0,0,0.1);
	border-bottom-color: rgba(0,0,0,0.1);
	border-top-style: dashed !important;
	border-bottom-style: dashed !important;
}

.composant-divider .border-diagonal {
	height: 6px;
	background-image: -webkit-linear-gradient(90deg, rgba(0,0,0,0.1) 1px, transparent 0);
	background-image: linear-gradient(90deg, rgba(0,0,0,0.1) 1px, transparent 0);
	background-size: 6px;
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
}

.composant-divider .border-zigzag {
	height: 5px;
	background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 6px, rgba(0,0,0,0.2) 7px, rgba(0, 0, 0, 0) 6px), 
	-webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 6px, rgba(0,0,0,0.2) 7px, rgba(0, 0, 0, 0) 6px);
	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 6px, rgba(0,0,0,0.2) 7px, rgba(0, 0, 0, 0) 6px), 
	linear-gradient(-45deg, rgba(0, 0, 0, 0) 6px, rgba(0,0,0,0.2) 7px, rgba(0, 0, 0, 0) 6px);
	background-size: 9px 10px;
	background-position: top left;
	background-repeat: repeat-x;
}

/* Composant Annonce */

.composant-annonce {
	margin: 0;
	padding: 8px 0;
	border: none;
	border-radius: 0;
}

.composant-annonce .close {
	padding: 8px 15px;
}

.composant-annonce + .composant-annonce {
	padding-top: 0;
}

/* Composant Diaporama Photos */

.composant-diaporama .diaporama-container {
	display: flex;
	overflow: hidden;
	gap: 30px;
}

.composant-diaporama .diaporama-container.gradient {
	mask-image: linear-gradient(
		var(--mask-direction, to right),
		hsl(0 0% 0% / 0),
		hsl(0 0% 0% / 1) 20%,
		hsl(0 0% 0% / 1) 80%,
		hsl(0 0% 0% / 0)
	);
}

.composant-diaporama .diaporama-marquee {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-around;
	gap: 30px;
	min-width: 100%;
	animation: scrolling var(--diaporama-duration) linear infinite;
}
  
.composant-diaporama .diaporama-reverse .diaporama-marquee {
	animation-direction: reverse;
}

@keyframes scrolling {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-100% - 30px));
	}
}

.composant-diaporama .diaporama-container.diaporama-paused:hover .diaporama-marquee {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused;
}

.composant-diaporama .diaporama-image {
	position: relative;
	width: 420px;
}

@media (max-width:767px) {	

	.composant-diaporama .diaporama-image {
		width: 220px;
	}

}

.composant-diaporama .diaporama-image-thumb {
	width: 220px;
}

.composant-diaporama .diaporama-hover-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.8);
	opacity: 0;
	transition: all 0.3s;
}

.composant-diaporama .diaporama-image:hover .diaporama-hover-overlay {
	opacity: 1;
}

.composant-diaporama .diaporama-hover-overlay a:first-child {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

/* Symbole */

.kiubi-modal .section {
	padding: 2rem 0;
}

/* Widget */

.widget {
	margin-bottom: 4rem;
}

.widget .nav-item {
	margin: 0;
}

.widget .nav-link {
	padding-left: 0;
	padding-right: 0;
	color: var(--gray);
}

.widget .nav-link.active,
.widget .nav-link:hover {
	color: var(--primary);
	background: none;
	border: none;
}

.widget.filtres .custom-control {
	cursor: pointer;
}

.widget.filtres .custom-control:hover label {
	color: var(--primary);
	cursor: pointer;
}

.widget.filtres label {
	color: var(--gray);
}

.widget.filtres input:checked + label {
	color: var(--primary);
}

.widget .produit img {
	width: 80px;
}

.login i,
.cart-link i,
.account i {
	font-size: 1.2rem;
}

.site-web-selecteur img {
    position: relative;
    top: -2px;
    width: 20px; 
}

.site-web-selecteur .lg-content::after {
    content: "Langue ?";
    display: inline-block;
}

.site-web-selecteur .lg-fr::after {
    content: "Français";
}

.site-web-selecteur .lg-en::after {
    content: "English";
}

.site-web-selecteur .lg-de::after {
    content: "Deutsch";
}

.site-web-selecteur .lg-es::after {
    content: "Español";
}

.site-web-selecteur .lg-it::after {
    content: "Italiano";
}

/* Blocs d'extraits */

.bloc-extrait-temoignages .img-square {
	margin-top: -3rem;
}

/* Produit */

.produit .tags a + a {
	margin-left: 0.5rem;
}

.produit .tags a:before {
	padding-right: 5px;
	display: inline-block;
	vertical-align: -.1em;
	font-family: 'Feather' !important;
	font-style: normal;
	font-size: 1rem;
	font-weight: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\e9db";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.produit-image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.produit-hover-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.8);
	opacity: 0;
	transition: all 0.3s;
}

.produit-hover-overlay a:first-child {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.produit-image:hover .produit-hover-overlay {
	opacity: 1;
}

.price {
	font-size: 1rem;
}

.price del {
	font-size: 0.8rem;
}

.social-btn .btn {
	font-size: 1.3rem;
	text-decoration: none;
}

.social-btn .fe-facebook {
	color: #3b5998;
}

.social-btn .fe-twitter {
	color: #00acee;
}

/* Liste des produits */


/* Detail d'un produit */

.produit-detail .illus_principale:last-child {
	display: none;
}

.produit-detail .price {
	font-size: 1.5rem;
}

.produit-detail .variantes .btn {
	border-radius: 0;
	box-shadow: none;
}

.produit-detail .variantes .active {
	border-color: var(--warning) !important;
}

.produit-detail .variantes .disabled {
	pointer-events: none;
	opacity: 0.4;
}

.btn-addcart {
	min-width: 200px;
}

.btn-addcart.btn-success .cart-success {
	display: inline-block !important;
}

.btn-addcart.btn-success .cart-success + span {
	display: none !important;
}

.alert-cart {
	position: fixed;
	top: 45px;
	right: 0;
	margin: 10px 15px;
	max-width: 340px;
	width: calc(100% - 20px);
	z-index: 40;
}

/* Commentaires (blog et produits) */

.post-comment .avatar {
	width: 40px;
	height: 40px;
}

/* Vignettes (blog, produits, etc.) */

.card-title {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.card-title:not([class*="h"]) {
	font-size: 1.25rem;
}

.card .desc {
	/*max-height: 4.2rem;
	overflow: hidden;*/
}

.grille .card {
	margin-bottom: 2rem;
}

.section.grille {
	padding-bottom: 3rem;
}

.grille .pagination {
	margin-bottom: 2rem;
}

/* Detail du panier d'achat et recaptilatif de la commande */

.table-order img {
	width: 100px;
}

.table-order .hors-port {
	font-weight: bold;
}

.table-order .ttc,
.row-order .ttc {
	font-size: 1.1rem;
	font-weight: bold;
}

.table-order,
.row-order {
	text-align: right;
}

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

.table-order .table-spacer {
	width: 120px;
}

/* Recaptilatif de la commande */

/* Livraison */

.shipping-adress .btn-group-toggle .fe::before {
	content: "\e937";
}

.shipping-adress .btn-group-toggle .active .fe::before {
	content: "\e92c";
}

/* Gestion de compte */

.compte-tableau-bord .avatar {
	width: 120px;
	height: 120px;
}

/* Bouton de retour en top */

.btn-returntop {
	display: none;
	position: fixed;
	right: 40px;
	bottom: 10px;
	padding: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
}

/* Icones */

.note-moyenne-4 .note + .note + .note + .note + .note {
	opacity: 0.3
}

.note-moyenne-3 .note + .note + .note + .note {
	opacity: 0.3
}

.note-moyenne-2 .note + .note + .note {
	opacity: 0.3
}

.note-moyenne-1 .note + .note {
	opacity: 0.3
}

.note-moyenne-0 {
	display: none;
}

.note {
	font-style: normal;
	font-size: 1rem;
}

.fe-paiement:before {
	content: "\e94e"; /* icone paiement par cb */
}

.fe-paiement1:before {
	content: "\e95a"; /* icone paiement par cheque */
}

.fe-paiement2:before {
	content: "\e9b9"; /* icone paiement par virement */
}

.fe-paiement3:before {
	content: "\e94e"; /* icone paiement par PayPal */
}

/* Filtre et couleur des textes */

.dark-overlay[style*="background-image"],
.dark-overlay[style*="background-image"] div[id*="jarallax-container"] div {
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2);
}

.dark-overlay[style*="background-image"] .bg-transparent,
.dark-overlay[style*="background-image"] .bg-transparent h2,
.dark-overlay[style*="background-image"] .bg-transparent h5,
.dark-overlay[style*="background-image"] .bg-transparent a:not(.btn),
.dark-overlay[style*="background-image"] .composant-accordeon .bg-transparent button {
	color: #FFF;
}

.dark-overlay[style*="background-image"] .bg-transparent .post-content,
.dark-overlay[style*="background-image"] .bg-transparent .figure-caption {
	color: rgba(255,255,255,0.8);
}

.dark-overlay[style*="background-image"] .bg-transparent .text-primary {
	color: #FFF !important;
}

.dark-overlay[style*="background-image"] .bg-transparent .text-muted {
	color: rgba(255,255,255,0.8) !important;
}

.dark-overlay[style*="background-image"] .card {
	border: none;
}

.dark-overlay[style*="background-image"] .composant-chronologie .container::before {
	background-color: rgba(255,255,255,0.3);
}

/* owl-carousel et carousel */

.owl-prev,
.owl-next {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 5%;
	color: #000;
	opacity: 0.8;
}

.owl-next {
	right: 0;
}

.owl-prev {
	left: 0;
}

.owl-prev:hover,
.owl-next:hover {
	opacity: 1;
	transition: opacity .35s ease;
}

.owl-prev span,
.owl-next span {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 50%;
	margin-top: -30px;
	height: 42px;
	width: 42px;
	font-size: 1.25rem;
	line-height: 1;
	background: rgba(255,255,255,0.2);
	z-index: 5;
}

.owl-prev span {
	left: 0;
}

.owl-next span {
	transform: rotate(180deg);
	right: 0;
}

.owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}

.owl-dots {
	margin-top: 10px;
}

.owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}

.owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}

.owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
	background: #869791;
}

.carousel-content {
	position: relative;
	padding-top: 62%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.carrousel-grille .owl-stage,
.carrousel-grille .owl-item {
	display: flex;
}

/* EasyZoom */

.easyzoom {
	position: relative;
	display: inline-block;
}

.easyzoom img {
	vertical-align: bottom;
}

.easyzoom.is-ready img {
	cursor: crosshair;
}

.easyzoom.is-error img {
	cursor: not-allowed;
}

.easyzoom-notice {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10em;
	margin: -1em 0 0 -5em;
	text-align: center;
	z-index: 20;
}

.easyzoom-flyout {
	position: absolute;
	background: #FFF;
	overflow: hidden;
	z-index: 10;
}

.easyzoom-overlay .easyzoom-flyout {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Cookie Alert */

#cookie_alert {
	position: fixed;
	left: 0;
	bottom: 0;
	margin: 0;
	width: 100%;
	z-index: 100;
}

/* reCAPTCHA */

.grecaptcha-badge {
	bottom: 80px !important;
}

/* Media Queries */

@media (min-width:767px) {

	.banniere-pleine-page .banner {
		margin-top: -65px;
		height: calc(100vh - 40px) !important;
	}

	.banniere-pleine-page .banner .jumbotron {
		height: calc(100vh - 40px) !important;
	}
    
  .barre-laterale .main,
  .barre-laterale .sidebar {
		padding-top: 5rem;
  }

}

@media (max-width:767px) {	

	.section, .section-lg, .section-md, .section-sm {
			padding-top: 2rem;
			padding-bottom: 2rem;
	}
  
	.section[class*="bg-"] + .composant-divider[class*="bg-"],
	.section:not([class*="bg-"]) + .composant-divider:not([class*="bg-"]) {
			margin-top: -2rem;
	}

	.widget {
			margin-bottom: 2rem;
	}
              
	.jumbotron,
	.composant-carrousel .jumbotron {
		height: auto !important;
	}
	
	.ecommerce .main .btn {
		width: 100%;
	}

	.ecommerce .main .btn-group .btn {
		width: auto;
	}

	.table-order th, .table-order td, 
	.table-orders th, .table-orders td {
		padding-left: 0.3rem;
		padding-right: 0.3rem;
	}
  
  .footer {
    padding-top: 2rem;
  }

}

@media (min-width:989px) { 

	.dpd-iframe,
	.colissimo-pickup-iframe,
	.mondialrelay-iframe { 
		height: 860px; 
	} 

}

@media (max-width:989px) { 

	.dpd-iframe,
	.colissimo-pickup-iframe,
	.mondialrelay-iframe { 
		height: 1180px;
	} 

}

@media (min-width:1199px) {	

	#navbar-menu {
		position: absolute;
		right: 0px;
		left: 0px;
		padding: 0 25%;
	}

	.navbar-inner {
		z-index: 1;
	}

	/* --
	Affichage le header au scroll vers le haut de la page
	Commenter les lignes ci-dessous pour supprimer le comportement
	-- */

	.body-scrolled.body-scrolled-top #header {
		position: sticky;
		top: 0;
		-webkit-animation: slidedown 0.2s linear;
		animation: slidedown 0.2s linear;
	}

	.body-scrolled.body-scrolled-bottom #header.header-animated {
		position: sticky;
		-webkit-animation: slideup 0.2s linear;
		animation: slideup 0.2s linear;
	}
		
	@keyframes slidedown {
		0% { top: -120px; }
		100% { top: 0; }
	}

	@-webkit-keyframes slidedown {
		0% { top: -120px; }
		100% { top: 0; }
	}

	@keyframes slideup {
		0% { top: 0; }
		100% { top: -120px; }
	}

	@-webkit-keyframes slideup {
		0% { top: 0; }
		100% { top: -120px; }
	}
	
	/* --
	Affichage le header au scroll
	Commenter les lignes ci-dessous pour supprimer le comportement
	-- */

	/*.body-scrolled #header {
		position: sticky;
		top: 0;
		-webkit-animation: slidedown 0.2s linear;
		animation: slidedown 0.2s linear;
	}

	@keyframes slidedown {
	  0% { top: -120px; }
		100% { top: 0; }
	}

	@-webkit-keyframes slidedown {
	  0% { top: -120px; }
		100% { top: 0; }
	}*/

	.banniere-pleine-page .banner {
		margin-top: -90px;
	}
  
	.main {
		min-height: 100px;
	}

}

@media (max-width:1199px) {	

	#navbar-main {
		padding-top: 9px;
		padding-bottom: 9px;
		min-height: 65px;
	}

	#navbar-main .nav-item {
		margin: 0;
	}

	.jumbotron h1,
	.composant-compte-rebours .h1 {
		font-size: 2.2rem !important;	
	}

	.composant-compte-rebours .h2 {
		font-size: 2rem !important;	
	}
	
}