/*

 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;
    margin-bottom: 1rem;
}

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

/* Section et espacement */

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

.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;
}
.navbar-inner{
   margin-top: 3rem; 
}

.body-scrolled .navbar-inner{
   margin-top: 0.5rem; 
}

.header-top {
	padding: 10px 0;
	min-height: 230px;
	border: none;
        height:calc(50vh - 41px) ;
}

.body-scrolled .header-top{
    height: auto;
   min-height: inherit;
}

.header .section,
.header .widget {
	margin-bottom: 0;
	margin-top: 0;
}
.logo{
    width: 80%;
    margin: auto;
}
.body-scrolled .logo{
    width: 100%;
}

.body-scrolled .desc-site{
    font-size: 1.5em;
    margin: 5px;
}

.logo-site{
  
}

.logo-site img {
	/*max-height: 45px;*/
    width: auto;
}

.body-scrolled .logo-site img{
    height: 45px;
}
.body-scrolled .logo-site{
    max-width:  50%;
}

.navbar-text{
    color: #506faf;
}

.desc-site{
 /*   margin-top: 0.5em;*/
    font-family: "TeXGyreAdventorRegular", arial, sans-serif;
  font-weight: normal;
    font-size: 2rem;
}
.entete{
 align-items: flex-end; 
    align-content: end;
}

.body-scrolled .entete{
    
}

.body-scrolled .entete .legend{
    display: none;    
}

.entete .composant-bouton{
    padding: 5em 0; 
}
.body-scrolled .entete .composant-bouton {
  padding:0 0 1em;
}

.body-scrolled .entete .composant-bouton a{
    padding: 0.5em;
}
.entete .post-text{
    width: 100%;
    margin: 1em 1em;
    padding: 0;
}
.entete .post-text .row,.entete .post-text .post-content{
    padding-top: 0 !important;
}

/* Barre de naviation principale */

#navbar-main {
	padding-top: 0;
	padding-bottom: 0;
	min-height: 41px;
	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 1px;
    flex: 1 1 auto;    
    background: #c6cfe5;
    text-align: center;
}

.menu-deroulant{
     justify-content: space-between;
     flex: 1 1 auto;
    padding: 0 1px;
}

.nav-link.active, .nav-link:hover {
    background: #f5c92b;
}



/* 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 */

.main-content {
  padding-bottom: 3em;
    padding-top: 3em;
}

.bis-content{
    padding-top: 0 !important;
}

/* sidebar */
#sidebar{
    display: flex;
   
  justify-content: space-between;
}
.barre-laterale-droite #sidebar{
      flex-direction: column-reverse;
 /*   padding-right: 30px !important;*/
  padding-left: 30px !important;
}

.site-web-menu-v.liste{
background: url("../img/pointe_bleue.png");
    background-repeat: no-repeat;
    background-position: top left;
}
.site-web-menu-v.liste .nav:first-child>li>a{
    font-family: "TeXGyreAdventorRegular", arial, sans-serif;
    font-size: 1.1em;
    color: #1e3069;
}

.site-web-menu-v.liste .nav li a{
    padding: 10px;
}
.nav-item.active{
    padding-top: 10px;
}

.nav-item.active .nav-item.active{
    padding-top: inherit;
}

.site-web-menu-v.liste .nav:first-child>li:not(.active){
    display: none;    
}
.site-web-menu-v.liste .nav li li{
     border-bottom: 1px dashed #f5c92b;
}
.site-web-menu-v.liste .nav li li.active,.site-web-menu-v.liste .nav li li:hover{
    background: #fbebb1;
}

/* footer */

.footer {
	border-right: none;
	border-left: none;
	border-bottom: none;
    margin-top: 5px;
}

.footer ul{
    display: flex
}
.footer li{
    list-style: none;
    flex: 1 1 0;
}

/* 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 dis moi + newsletter */

.rappel-form .header{
	  background: url("../img/telephone.png") no-repeat left center;
   margin: 0;
padding: 9px 0 0px 35px;
  height: 41px;
	}

#rappel{
    position: absolute;
    top: 41px;
    left: 0;
   background: #788187 !important;

}

.communication-newsletter{
    background: #c8d3e5 url("../img/pointe_jaune.png") no-repeat scroll left top;
  padding: 15px 2vw !important;
}

fieldset {
  padding: 10px 10px 0 10px;
  border: solid 1px #ddd;
}

fieldset legend {
  color: #A6A6A6;
  font-style: italic;
  padding: 0 10px;
}

/* 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 0; /* 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:1200px) {

	.menu-deroulant {
		height: 41px;
        background: #fff;
	}

	.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:1200px) {

	.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 */

.main .post-text .row:not([class*="bg-"]){
    margin-top: 1rem;
}

.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;
}

.bg-left-top{
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 20px 20px 20px 60px !important;
}
.bg-right-bottom{
    background-position: right bottom;
    background-repeat: no-repeat;
     background-size: auto;
}
.bg-center{
    background-position: center center;
    background-size: contain;
}

.post-jumbotron-photo .photo {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.post-formation .container{
    background: url("../img/pointe_bleue.png") no-repeat scroll -25px -40px;
}
.post-formation ul{
    margin: 0.5em 0;
    padding: 0;
}
.post-formation ul ul{}
.post-formation ul li{
    border-bottom: 1px dashed #f5c92b;
  list-style: none;
 padding: 2px 0.5em;
}
.post-formation .post-content>ul> li:nth-child(odd){
    background: #fbebb1;
}
.post-formation ul ul li,.post-formation ul li:nth-child(even) li{
    border: 0;
    background: none;
}
.totalcol2{
    display: grid;
    grid-template-columns: 2fr 1fr;   
}
.totalcol3{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;   
}
.totalcol4{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;   
}


/* 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;
  }

}
/* video */

.video-container{
    height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 0;
  position: relative;
}
.video-container iframe, .video-container object, .video-container embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* 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) {	
    
    .entete .post-content{
        text-align: center;
    }
    
     .main-content.bg-right-top {
  background-position-x: right !important;
    background-size: auto 340px !important;
    padding-top: 200px;
  }
 .totalcol3 {grid-template-columns: repeat(2, 1fr); }
    .totalcol3 li:nth-child(1) {  grid-area: 1 / 1 / 2 / 3;
    border-bottom: 1px dashed #666666;}
    .totalcol3 li:nth-child(2) {grid-area: 2 / 1 / 3 / 2; }
.totalcol3 li:nth-child(3)  {grid-area: 2 / 2 / 3 / 3; }
	.composant-diaporama .diaporama-image {
		width: 220px;
	}
.barre-laterale-droite #sidebar {
  padding-right: 30px !important;
}
}

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

.widget .nav-link.active,
.widget .nav-link:hover {
	color:  #0096ff;
	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;
}

.blog-derniers-billets-postes.bg-blog{
    background: #c8d3e5 url("../img/pointe_blog.png") no-repeat left -20px;
 padding: 15px 2vw !important;
}

.bg-blog h3 a{
    color: #1e3069;
}
.bg-blog img{
    border: solid #ffffff 3px;
}

.blog-categories{
    font-family: "TeXGyreAdventorRegular",Arial,sans-serif;

   background: url("../img/pointe_jaune.png") no-repeat scroll left top;
  padding: 15px 2vw !important; 
}

.blog-liste-billets.grille .image{
    height: 165px;
    overflow: hidden;}

.blog-liste-billets.grille img{
display: none;
}
.blog-liste-billets.grille .card-title{
    min-height: 5em;
}
.blog-liste-billets.grille .card-title a{
    color:  #1e3069;
}
.blog-liste-billets.grille .card-title a:hover{
    color: #0096ff;
}
.post-chapo{
    font-family: "TeXGyreAdventorRegular", arial, sans-serif;
    font-size: 1.3em;
}
.blog-derniers-billets-postes{
    background: rgba(0, 0, 0, 0) url("../img/pointe_bleue.png") no-repeat scroll left top;
padding: 15px 2vw !important;}
.blog-derniers-billets-postes p{
  border-bottom: 1px dashed #f5c92b;
  font-family: "TeXGyreAdventorRegular",Arial,sans-serif;
}
.blog-derniers-billets-postes p:hover {
  background: #fbebb1;
}

.blog-derniers-billets-postes a{
    color: #1e3069;
}
.blog-derniers-billets-postes a:hover, .blog-derniers-billets-postes a.actif{
    color:#0096ff;
}


/* 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 */
}
/* couleurs */
.bg-whiteblue1{
    background: #e4eaf6;
}
.bg-whiteblue2{
    background: #c8d3e5;
}
.bg-gray{
    background: #788187;
    color: #ffffff;
    margin: 0;
}
.main .bg-gray, .main .bg-secondary{
    padding-bottom: 1.5rem;
}

h3.bg-secondary, .composant-faq .post-content{
   padding: 0.5em 1em !important;
    font-weight: normal;
}

.bg-for-col .row{
    margin: 0;
}

.bg-for-col .row .maincol,.bg-for-col .row .sidecol{
    background: #c8d3e5;
    padding: 0;
}

/* textes */
h1,h2,h3,h4,h5{
    font-family: "TeXGyreAdventorRegular", arial, sans-serif;
}
.btn{
     font-family: "TeXGyreAdventorRegular", arial, sans-serif;
}

/* 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);
}
/* boutons */
.composant-bouton .btn-item{
    flex: 1 1 0;
    margin: 0 1em;
    display: flex;
  flex-direction: column;
  justify-content: center;
}
.composant-bouton .legend{
   position: absolute;
    bottom: -2em;
    left: 0;
    color: #1e3069;
}

.btn-primary a, .btn-primary a:hover {
    color: #ffffff;
}


/* 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 (max-width:575px) {
    .header-top {
  height: auto;
}
    #rappel {
        position: relative;
    }  
    .barre-laterale-droite .entete {
display: none !important;
  }
    .barre-laterale-droite .header-top {
    min-height: inherit;
  }
 .container .container {
  padding-right: 30px !important;
  padding-left: 30px !important;
}
    .bg-for-col > .container{
        padding: 0 !important;
    }  
    .logo-site img {
  max-height: 60px;
}
    .composant-bouton .btn-item{
        flex: auto;
    }
    .entete .composant-bouton .container{
        width: 80%;
        margin-top: 2em;
    }
    .composant-bouton .legend {
  bottom: -1.5em;
}   
    .totalcol2,.totalcol3,.totalcol4{
        display: block;
    }
    .totalcol2  li,.totalcol3  li,.totalcol4  li{
        margin-left: 2em;
    }
     .totalcol2 li:nth-child(1), .totalcol3 li:nth-child(1),.totalcol4 li:nth-child(1) {
    border-bottom: 1px dashed #666666;
        margin-left: 0;
  }
    .footer li {
    width: 100% !important;
  }
     .sidebar .post-jumbotron .jumbotron {
      width: 100% !important;
      margin-left: 0 !important;
    }
    .main-content.bg-right-bottom{
        background: none;
        padding-bottom: 0 !important;
    }
}	

@media (min-width:768px) {
	.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: 0;
  }
    .bg-for-col .row .maincol{
    border-right: solid 1em #ffffff;  
}
}

@media (max-width:767px) {	
    .logo{
        text-align: center !important;
    }
    .desc-site {
  margin: 0;
        font-size: 1.8em;
}
     .logo-site img {
  max-height: 60px;
}
    .navbar-inner {
  margin-top: 1rem;
}
    .composant-bouton .btn-item {
    margin: 0 1em 2em 1em !important;
  }
    .main-content .row{
        flex-direction: row-reverse;
    }
    .main-content.bg-right-bottom {
background-size: auto 238px !important;
      background-position-x: left !important;
      background-position-y: bottom 0 !important;
        padding-bottom: 130px;
  }
	.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;
	}
   .bg-for-col .row .maincol{
    border-bottom: solid 1em #ffffff;  
}           
	.jumbotron,
	.composant-carrousel .jumbotron {
		height: auto !important;
	}
    .sidebar .post-jumbotron .jumbotron{
        width: 60%;
    margin-left: 40%;
    }
	.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;
  }
    .footer ul{
        flex-wrap: wrap;
       
    }
    .footer li{
        width: 50%;
        flex: inherit;
        margin: 0.5em 0;
    }
    .footer li:first-child, .footer li:last-child{
        width: 100%
    }
}

@media (min-width:992px) { 
    .main-content.bg-right-bottom {
  background-position: bottom right;
  background-size: 60% auto;
}
     .main-content.bg-right-top {
  background-position: top right;
  background-size: 50% auto;
}
	.dpd-iframe,
	.colissimo-pickup-iframe,
	.mondialrelay-iframe { 
		height: 860px; 
	} 
}
@media (max-width:991px) { 
    .header-top{
        height: auto;
    }
    .logo-site img {
  max-height: 70px;
}
    .desc-site {
  font-size: 1.8em;
}
    
    .entete{
        padding: 0;
    }
    .entete .composant-bouton {
  padding:  0;
}
    .entete .composant-bouton .container{
        flex-wrap: wrap;
    }
    .composant-bouton .btn-item{
        width: 100%;
        margin: 3em 0 0 0;
    }
    .composant-bouton .btn-item:first-child{
        margin-top: 0;
    }
    .main-content.bg-right-bottom{
background-size: 100% auto;
    background-position-x: right -7vw;
    background-position-y: bottom;
}
    .main-content.bg-right-top {
  background-position-x: right -10vw;
    background-size: 56% auto;
    background-position-y: top;
  } 
    .main-content.bg-right-bottom .main .section{
        background: rgba(255,255,255,0.9);
    }
    .totalcol4 { 
        grid-template-columns: repeat(3, 1fr ); 
    }
    .totalcol4 li:nth-child(1) { 
        grid-area: 1 / 1 / 2 / 4; 
    border-bottom: 1px dashed #666666;
    }
    .totalcol4 li:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
.totalcol4 li:nth-child(3)  { grid-area: 2 / 2 / 3 / 3; }
.totalcol4 li:nth-child(4)  { grid-area: 2 / 3 / 3 / 4; } 
}
@media (max-width:989px) { 

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

}

@media (min-width:1200px) {	
    
    #navbar-main .navbar-collapse:not(.show) > ul > li:first-child a {
  background: url("../img/maison.png") no-repeat center center;
    font-size: 0;
    height: 41px;
}
    .dropdown-menu li {
  padding-left: 0;
}

 #navbar-main .navbar-collapse:not(.show) > ul > li:first-child a.active, #navbar-main .navbar-collapse:not(.show) > ul>li:first-child  a:hover {
  background:#f5c92b url("../img/maison.png") no-repeat center center;
}

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

	.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;
	}
    	#navbar-main .nav-item a{
		text-align: left;
    padding-left: 2em;
	}
	.jumbotron h1,
	.composant-compte-rebours .h1 {
		font-size: 2.2rem !important;	
	}

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