/*
@media (min-width: 480px) {
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 1500px) {
}
*/


html {
	font-size:16px;
}
body {
	font-size: 1rem;
}
.body {
/*background:	#ffd74c; *//*#ffc23d;*/
/* background: #fdf7e3; */
background:#fff;
}
/* Responsive */
@media (max-width: 575px) {
	html,
	body {
	font-size:15.5px;
	}
}

body,
p,
li {
	line-height: 1.4;
}
:not(:hover) .text-gris-not-hover {
	color:#999899;
}
.flex-grow-2 {
  flex-grow: 2 !important;
}

h1, h2, h3, h4, h5, h6 {
  /* font-family: "lexend", sans-serif; */
  /* letter-spacing: normal; */
  letter-spacing: -.03em;
  /* letter-spacing: .001em; */
}
.h1, .h2 {
	letter-spacing: -.05em;
}
h1, .h1 {
	color: var(--dark);
	font-size: 2.2em;
	font-weight:800;
	line-height: 1.2;
	/*
	color:transparent !important;
	-webkit-text-stroke: 2px #fff;
	*/
	/* text-shadow: -1px 1px 0px #222; */
}
h2, .h2 {
	color: var(--dark);
	font-size: 1.6em;
	font-weight:800;
	line-height: 1.15;
	/* text-shadow: -1px 1px 0px #222; */
}
h3 {
	color: var(--dark);
	font-size: 1.4em;
	font-weight:600;
	line-height:1.2;
	/* text-shadow: -1px 1px 0px #222; */
	margin-bottom:.8em;
	text-transform:none;
}
.content-text h3 {
	margin-top:1.25em;
}
h4 {
	line-height:1.2;
}
h5 {
text-transform:none;
}


hr {
  background: var(--primary-rgba-10);
}

.border-radius-3 {
	border-radius: var(--border-radius3x) !important;
}
.border-radius-4 {
	border-radius: var(--border-radius4x) !important;
}

/* .gradient-text-color : cropped right -> padding-right 1px ! */
.gradient-text-color {
    padding-right: 1px;
}



.custom-svg-2,
.custom-svg-4,
.custom-svg-4b,
.custom-svg-5,
.custom-svg-6,
.custom-svg-7,
.custom-svg-8,
.custom-svg-9,
.custom-svg-10,
.custom-svg {
  position: absolute;
  left: 0;
  top: 0;
  z-index:-1;
  display: none;
}
.custom-svg-3 {
  position: absolute;
  right: -160%;
  top: 0%;
  display: none;
}
.particles-wrapper-4 {
position:absolute;
left:0;
top: 0;
width: 10%;
height:100%;

}
.particles-wrapper-4 div {
    height: 100%;
	z-index: -1;
}
@media (min-width: 992px) {
	.border-radius-lg-4 {
		border-radius: var(--border-radius4x);
	}
	
	.custom-svg-2 {
		display: block;
	}
	.custom-svg-3 {
		display: block;
	}
	 .custom-svg-cta-1 {
		padding:50px;
		width:55vw;
		height:70%;
	}
}
@media (min-width: 1200px) {
  .custom-svg-2 {
    left: 0;
  }
  .custom-svg-3 {
    right: -100%;
  }
	.custom-svg-cta-1 {
		/* padding:80px 100px 80px 0; */
		width: 50vw;
        height: auto;
        opacity: 1;
        aspect-ratio: 1 / 1;
	}
}
@media (min-width: 1440px) {
  .custom-svg-2 {
    left: 0;
  }
  .custom-svg-3 {
    right: -75%;
  }
}
@media (min-width: 1680px) {
  .custom-svg-2 {
    /* right: 3%; */
	left:-15%;
	right:auto;
	top: 20%;
	bottom: auto;
	/* top:auto; */
	width:900px;
	height:450px;
	transform: rotate(-100deg);
	/* transform: scaleY(-1) scaleX(-1); */
  }
  .custom-svg-3 {
    right: -55%;
  }  
  .custom-svg-4b {
	display: block;
	left:0;
	right:auto;
	top: 20%;
	bottom: auto;
	/* top:auto; */
	width:100%;
	height:auto;
  } 
  .custom-svg-4 {
	display: block;
    right: 1%;
	left: auto;
	top: auto;
	bottom: 0;
	/* top:auto; */
	width:50vw;
	height:100%;
	/* transform: rotate(45deg); */
  }
  .custom-svg-5 {
	 display: block;
    /* right: 3%; */
	left:50%;
	right:auto;
	top: auto;
	bottom: 2%;
	width:1000px;
	height:500px;
	transform: translateX(-50%) scaleY(1);
  }
  .custom-svg-6 {
	display: block;
	left: auto;
	right:-13%;
	top: 20%;
	bottom: auto;
	width:900px;
	height:450px;
	transform: rotate(90deg); /*  translateX(50%) translateY(50%) */
	/* transform: scaleY(-1) scaleX(-1); */
  }
  .custom-svg-7 {
	display: block;
	left: auto;
	right:5%;
	top: auto;
	bottom: -5%;
	width:45%;
	height:auto;
	aspect-ratio: 1 / 1;
	transform: rotate(20deg); /* translateX(-50%) */
	/*  translateX(50%) translateY(50%) */
	/* transform: scaleY(-1) scaleX(-1); */
  }
  .custom-svg-7b {
        display: block;
        left: auto;
        right: 0;
        top: auto;
        bottom: -5%;
        width: 40%;
        height: auto;
        aspect-ratio: 1 / 1;
        transform: rotate(-80deg);
   } 
  .custom-svg-8 {
	display: block;
	left: auto;
	right:0;
	top: auto;
	bottom: -45%;
	width:auto;
	height:200%;
	aspect-ratio: 1 / 1;
	transform: rotate(-45deg);
	/* transform: translateX(-50%); */
	/*  translateX(50%) translateY(50%) */
	/* transform: scaleY(-1) scaleX(-1); */
  }
  .custom-svg-9 {
	display: block;
    top: -300px;
	bottom: auto;
    right: -200px;
	left: auto;
    width: 1000px;
    height: 1000px;
	aspect-ratio: 1 / 1;
	/* transform: translateX(-50%); */
	/*  translateX(50%) translateY(50%) */
	/* transform: scaleY(-1) scaleX(-1); */
  }
   .custom-svg-9b {
	display: block;
    top: -120px;
	bottom: auto;
    right: -40px;
	left: auto;
    width: 700px;
    height: 700px;
	aspect-ratio: 1 / 1;
  } 
  .custom-svg-10 {
	/* display: block; */
    top: -200px;
	bottom: auto;
    right: -100px;
	left: auto;
    width: 900px;
    height: 900px;
	aspect-ratio: 1 / 1;
	/* transform: rotate(-45deg); */
  } 
}



p {
	margin-bottom:0;	
}
.content-text p,
.content_text p {
	margin-bottom:1em;
}


/* lettre spacing */
.ls-n03,
.lp-n03 {
	letter-spacing : -0.03em;
}
.ls-n05,
.lp-n05 {
	letter-spacing : -0.05em;
}
.ls-n08,
.lp-n08 {
	letter-spacing : -0.08em;
}
.ls-03,
.lp-03 {
	letter-spacing : 0.03em;
}
.ls-05,
.lp-05 {
	letter-spacing : 0.05em;
}
.ls-08,
.lp-08 {
	letter-spacing : 0.08em;
}




.link-primary {
  color: var(--primary);
}
.link-primary:focus,
.link-primary:hover {
  color: var(--primary-200);
}

@media (min-width: 768px) {
	h1, .h1 {
	  font-size: 2.2rem;
	}  
	h2, .h2 {
		font-size: 1.8rem;
	}
	h3 {
		font-size: 1.7rem;
	}	
}
@media (min-width: 992px) {
	body,
	p,
	li	{
		line-height: 1.6;
	}
	h1, .h1 {
	  font-size: 2.8rem;
	}  
	h2, .h2 {
		font-size: 2.6rem;
		line-height: 1.2;
	}
	h3 {
		font-size: 2rem;
	}
	
	/*
	.text-lg-start .heading-separateur::after {
	  margin-left: 0;
	  margin-right: auto;
	}
	*/
}

.card {
    border: 1px solid rgba(0, 0, 0, .15);
}


a.disabled {
  pointer-events: none;
  cursor: default;
}

/* strong dans h1 et h2 */
.section-row header h1 strong,
.section-row header h2 strong,
.section-row header h3 strong,
.section-row header .h1 strong,
.section-row header .h2 strong {
  /* position: relative; */
  /* z-index: 0; */
  /* display: inline-flex; */
  /* padding:0 0.1em; */
   /* margin: 0 0.1em; */
	color: var(--primary);
	
	/* effet dégradé primary->secondary */
    padding-right: 1px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(to right, var(--primary), var(--secondary-300));
    background-image: linear-gradient(to right, var(--primary), var(--secondary-300));
}
/*
.section-row header h2 strong {
	padding-bottom: 15px;
   	background-image: url("data:image/svg+xml,<svg height='47.46' width='161.011' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' fill='%23086ba5' opacity='0.3'><path d='M141.644 26.766C90.339 7.734 6.034 25.732 1.092 47.46c-15.37-49.944 136.221-58.028 159.919-35.628l-19.367 14.934'/></svg>");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 85% 35px;
}
*/

/*
.section-row header h1 strong::before,
.section-row header h2 strong::before {
  content: '';
  height: 90%;
  width: 100%;
  bottom: 5%;
  left: 0;
  position: absolute;
  z-index: -1;
  background-color: var(--primary-rgba-10);
}
*/


/* Lien dans .content-text */
.content-text a:not(.btn),
.content_text a:not(.btn) {
	color: var(--primary);
	font-weight:500;
	/* text-decoration:underline; */
	text-decoration:none;
	/*
	position: relative;
	z-index: 0;
	display: inline-flex;
	background-color: transparent;
	transition: ease color 200ms;
	*/
}
/*
.content-text a:not(.btn)::before,
.content_text a:not(.btn)::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	bottom: 10%;
	left: 0%;	
	background-color: var(--primary-rgba-20) !important;
}
*/
.content-text a:not(.btn):hover,
.content_text a:not(.btn):hover {
	color: var(--primary);
	text-decoration: underline;
}


/* liste ul, li dans .content-text */
.content_text ul:not(.list-icons),
.content-text ul:not(.list-icons),
.content_text ol:not(.list-icons),
.content-text ol:not(.list-icons) {
    list-style: none;
    margin: 0 0 20px 10px;
    padding: 0;
}
.content_text ul:not(.list-icons) li,
.content-text ul:not(.list-icons) li,
.content_text ol:not(.list-icons) li,
.content-text ol:not(.list-icons) li  {
    position: relative;
    list-style: none;
    padding-left:2.6em;
	padding-top:0.2em;
    margin: 10px 0 15px 0;
}

/* Liste à puces */
.content_text ul:not(.list-icons) li::before,
.content-text ul:not(.list-icons) li::before {
    position: absolute;
    top: 0;
    left: 0;
	width: 1.9em;
	height: 1.9em;
	line-height: 1.95em;
	border-radius: 100%;

	content: "";
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%235aaa72' class='bi bi-check2' viewBox='0 0 16 16'><path d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/></svg>");  	
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.45em 1.45em;
	
	background-color: var(--secondary-rgba-20);
}

/* Liste ordonnée ol, li dans .content-text */
.content_text ol:not(.list-icons),
.content-text ol:not(.list-icons) {
  counter-reset: custom-counter;
}
.content_text ol:not(.list-icons) li::before,
.content-text ol:not(.list-icons) li::before {
	position: absolute;
    top: -1px;
    left: 0;
	content: counter(custom-counter);
	counter-increment: custom-counter;
	color: var(--secondary-300);
	font-size:1em;
	/* font-weight: 500; */
	width: 1.9em;
	height: 1.9em;
	line-height:1.95em;
	text-align:center;
	border-radius: 100%;
	/* background: var(--primary-rgba-20); */
	background-color: var(--secondary-rgba-20);
}

/* Custom li pour mise en avant : fond li */
.list-style-1 .content-text ul:not(.list-icons),
.list-style-1 .content_text ul:not(.list-icons),
.list-style-1 .content-text ol:not(.list-icons),
.list-style-1 .content_text ol:not(.list-icons) {
	margin-left: 0;
}
.list-style-1 .content_text ul:not(.list-icons) li,
.list-style-1 .content-text ul:not(.list-icons) li,
.list-style-1 .content_text ol:not(.list-icons) li,
.list-style-1 .content-text ol:not(.list-icons) li  {
    /* padding: 1.4rem 1.4rem 1.4rem 5rem; */
    /* margin: .5rem 0 1rem 0; */
	
    padding: 1.2em 1.1em 1.2em 4.2em;
    margin: .4em 0 .8em 0;	
	/* background: var(--secondary-rgba-10); */
	background: var(--light-rgba-50);
	border-radius: var(--border-radius4x);
	line-height: 1.4;
    border: 1px var(--secondary) solid;
    box-shadow: 0 0 2px var(--secondary);	
}
.list-style-1 .content_text ul:not(.list-icons) li::before,
.list-style-1 .content-text ul:not(.list-icons) li::before {
    position: absolute;
    top: .5em;
    left: .8em;
	width: 2.6em;
    height: 2.6em;	
    /* transform: translateX(-35%) translateY(-20%); */
	background-color: transparent;
	
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2372bd88' class='bi bi-check2-circle' viewBox='0 0 16 16'><path d='M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0'/><path d='M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z'/></svg>");  		
	/* box-shadow: 1px 1px 10px rgba(0,0,0,.4); */
	background-size: 100%;
}

.list-style-1 .content_text ol:not(.list-icons) li::before,
.list-style-1 .content-text ol:not(.list-icons) li::before {
	font-size: 1.1em;
	line-height: 2em;
    top: .6em;
    left: .9em;	
	width: 2.1em;
    height: 2.1em;	
    background: transparent;
    border: 2px var(--secondary) solid;	
}


.bg-quaternary.list-style-1 .content_text ul:not(.list-icons) li,
.bg-quaternary.list-style-1 .content-text ul:not(.list-icons) li,
.bg-quaternary.list-style-1 .content_text ol:not(.list-icons) li,
.bg-quaternary.list-style-1 .content-text ol:not(.list-icons) li  {
	background: var(--tertiary-rgba-20);
}

.alert ul li {
  font-size: 1em;
}

li {
  line-height: 1.4;
}

/* list-icons */
.list.list-icons li {
	padding-bottom:4px;
}
.list.list-icons.list-icons-style-2 li {
  padding-top: 4px;
}
.list.list-icons.list-icons-lg li {
  padding-top: 7px;
}
/*
.list.list-icons li > [class*="fa-"]:first-child,
.list.list-icons li > .icons:first-child,
.list.list-icons li a:first-child > [class*="fa-"]:first-child,
.list.list-icons li a:first-child > .icons:first-child {
  top: 2px;
}
*/
/* list-icons-style-1 */
.list.list-icons.list-icons-lg.list-icons-style-1 li {
padding-bottom:0px;
padding-left:30px;
margin-bottom:10px;
}
/* list-icons-style-3 */
.list.list-icons.list-icons-lg.list-icons-style-3 li {
  padding-top: 10px;
  padding-left: 45px;
}
.list.list-icons.list-icons-lg.list-icons-style-3 li > .fa:first-child {
  width: 35px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  font-size: 1.2rem;
  top:5px;
}
/* list-icons-style-pdp1 */
.list.list-icons.list-icons-style-pdp1 li {
padding-top:2px;
padding-bottom:0px;
padding-left:50px;
margin-bottom:10px;
}
.list.list-icons.list-icons-style-pdp1 li > [class*="fa-"]:first-child,
.list.list-icons.list-icons-style-pdp1 li > [class*="icon-"]:first-child {
  font-size: 1.5rem;
  width:45px;
  text-align:center;
  top:2px;
}


small, .small {
  font-size: 80%;
}
.ttlc {
text-transform:lowercase;	
}

.cursor-pointer {
	cursor:pointer;
}

/* .container padding fixe en px au lieu de var(--bs-gutter-x,.75rem); */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: 15px;
  padding-left: 15px;
}
.container .container {
width: 100%;
padding-left:0;
padding-right:0;
}
.container-fluid .container {
width:auto;
padding-left:0;
padding-right:0;
}
.gx-6 {
    --bs-gutter-x: 4rem;
}
.gx-7 {
    --bs-gutter-x: 5rem;
}
.gx-8 {
    --bs-gutter-x: 6rem;
}

@media (min-width: 1500px) {
	.container.container90 { /* 1320 x .9 */
		max-width: 1188px !important; /* plutôt utiliser w-xl-90pct ?! */
	}
	.container.container75 { /* 1320 x .75 */
		max-width: 990px !important;
	}
	.container.container60 { /* 1320 x .6 */ /* plutôt utiliser w-xl-60pct ?! */
		max-width: 792px !important;
	}	
	.container.container50 { /* 1320 x .5 */
		max-width: 660px !important;
	}
}


/* Largeur en pourcentage */
/* class .w-... gérées dans theme.css, ~ line 8000 */
@media (min-width: 992px) {
	.gx-lg-6 {
		--bs-gutter-x: 4rem;
	}
	.gx-lg-7 {
		--bs-gutter-x: 5rem;
	}
	.gx-lg-8 {
		--bs-gutter-x: 6rem;
	}	
}
@media (min-width: 1200px) {
	.gx-xl-6 {
		--bs-gutter-x: 4rem;
	}
	.gx-xl-7 {
		--bs-gutter-x: 5rem;
	}
	.gx-xl-8 {
		--bs-gutter-x: 6rem;
	}	
}



/* form */
.form-check-input:checked {
    background-color: var(--default);
    border-color: var(--default);
}
.form-check-input:focus {
    border-color: var(--dark-rgba-10);
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--dark-rgba-10);
}

.col-form-label { /* label modal */
	/* font-size: .95em !important; */
}
.input-group-text,
.form-control,
.form-select,
.input-group-text,
.form-check-input {
	color: var(--default);
	/* font-size: .95em !important; */
	border-color: var(--grey-300) !important;
	/* border-width: 2px !important; */
}

/*
.form-control:not(.form-control-sm):not(.form-control-lg) {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
}
*/
.form-group.has-error .field-aide,
.form-group.has-error-send0 .field-aide {
display:block !important;
}
.form-group.has-error .form-check-input,
.form-group.has-error-send0 .form-check-input {
border-color:#dc3545;
}
.form-group.has-error .form-control {
  border-color: #dc3545;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.form-control.file.py-2::file-selector-button,
.form-control.file.py-2::-webkit-file-upload-button {
	padding-top:.5rem !important;
	padding-bottom:.5rem !important;
	margin-top: -0.5rem  !important;
	margin-bottom: -0.5rem  !important;
}
.form-control.file.py-2 {
	min-height: calc(1.4em + (1rem + 2px));
}

/* input avec icone */
.input-group.input-group-c1 .input-group-text {
	/* background:none; */
	background:#fff;
}
.input-group.input-group-c1 .input-group-text:first-child {
	border-right:0	
}
.input-group.input-group-c1 .input-group-text + input.form-control {
	border-left:0;
}
/*
.input-group.input-group-c1 input.form-control:not(:last-child) {
	border-right:0;
}
*/


/* #header */
#header .header-top {
	min-height: 40px;
}
#header .header-body { /* #header:not(.header-transparent) .header-body  */
	background-color: transparent;
    /* border-bottom: 1px solid #ccc; */
}
/*
html:not(.sticky-header-active) #header.header-semi-transparent-light .header-body {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
*/
.sticky-header-active #header .header-body {
	background-color: var(--light);
}

html.sticky-header-active #header .header-row-top-bar {
	display:none;
}
html.sticky-header-active #header .header-body { /* html.sticky-header-active #header:not(.header-transparent) .header-body */
	/* padding-top:10px; */
	/* padding-bottom:10px; */
	 /* box-shadow: 0px 1px 0px var(--primary); */
	 box-shadow: 0px 2px 5px rgba(0,0,0,.15);
}



/* header-top */
/*
.custom-header-top-nav-background {
  position: relative;
}
.custom-header-top-nav-background::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: #ffc23d;
  transform: skewX(30deg);
  z-index: 1;
}
*/

#header .header-nav-top .nav > li > a,
#header .header-nav-top .nav > li > span {
	padding-left:10px;
	padding-right:10px;
	/* color: #222; */
	color: #444;
	/* font-size: 0.85em; */
	font-weight:400;
}
#header .header-nav-top .nav > li > a:hover {
	color: var(--primary);
}
#header .header-nav-top ul.nav-pills > li > a.active {
  background-color: transparent;
  color: var(--primary);
}
#header .section-top-slogan {
	font-size:0.9rem;
}
/*
#header .header-nav-top .nav > li:last-child > a,
#header .header-nav-top .nav > li:last-child > span {
	padding-right:0;
}
*/

/* .header-logo */
#header .header-logo {
margin-top:10px;
margin-bottom:10px;
}
html.sticky-header-active #header .header-logo {
margin-top:0;
margin-bottom:0;
}
html:not(.sticky-header-active) #header .header-logo {
margin-top:10px;
margin-bottom:10px;
}
/*
#header .logo-sticky {
	display:none;
}
html.sticky-header-active #header .logo-sticky {
	display:inline-flex;
}
*/




#header .header-top {
  /* border-bottom: 1px rgba(255, 255, 255, 0.6) solid; */
  /* min-height: 40px; */
  /* background: rgb(253, 208, 70); */
}
html.sticky-header-active #header .header-top {
	/* border-bottom:0; */
}
#header .header-nav-main {
	/* font-family: 'Open Sans', Arial, sans-serif; */
}
html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body .header-nav-main nav > ul > li > a {
  /* color:#fff; */
  /* text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); */
}
html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body .header-nav-main nav > ul > li > a:hover,
html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body .header-nav-main nav > ul > li:hover > a {
  /* color:#ae1065; */
}


.simple-search-c1 .form-control,
.simple-search-c1 .btn {
  /* border-color: #dbdbdb; */
}
.simple-search-c1 .form-control {
    /* border-radius: 0; */
	border-color: var(--grey-500) !important;
}
.simple-search-c1 .btn {
    /* box-shadow: none !important; */
    /* border-radius: 0; */
	border-color: var(--grey-500) !important;
}

/* search-reveal-big-search */
#header .header-nav-features .header-nav-features-search-reveal-big-search {
  background: #ffee60;
}
#headerSearch::placeholder {
  color: rgb(197, 7, 0, .5);
}


/* .header-nav-features */
#header .header-nav-features .header-nav-top-icon {
	font-size: 1.4rem;
	color: #6f0000;
}
#header .header-nav-features .header-nav-features-search a:hover [class*="fa-"],
#header .header-nav-features a:hover .header-nav-top-icon {
	color:var(--primary) !important;
}
/* .header-nav-features.header-nav-features-mobile */
#header .header-nav-features.header-nav-features-mobile .header-nav-top-icon {
  font-size: 1.6rem;
}

/*
#header .header-extra-info-link-tel:hover .icons {
	-webkit-animation: btnArrowEffect1 ease-out .3s;
	animation: btnArrowEffect1 ease-out .3s;
}
*/



.dropdown-menu {
	color: var(--default);
	background: snow; /*snow azure #F1F8F3;*/
}

/* Sous-pages de solution avec tiret devant */
#header .header-nav-main .menu-solutions ul.niv-4 .dropdown-item {
    display: flex;
    align-items: baseline;
    gap: 10px;
}
#header .header-nav-main .menu-solutions ul.niv-4 .dropdown-item::before {
    content: "";
    display: block;
    flex: 0 0 8px;
    height: 1px;
    background: var(--secondary-300);
    align-self: center;
}

@media (min-width: 992px) {
	#header .header-body { /* #header:not(.header-transparent) .header-body  */
		border-bottom-width:0;
	}	
	#header .header-logo {
		margin-top:5px;
		margin-bottom:5px;
	}	
	html:not(.sticky-header-active) #header .header-logo {
		margin-top:15px;
		margin-bottom:15px;
	}
	
	#header .header-nav {
		/* width: min-content; */
		/* flex: 0 auto; */ /* pour centrage horizontal dans le header-column */
		min-height: 70px;
	}
	
	#header .header-nav-bar {
		background: #f9f9f9;
		border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
		padding-bottom: 0;
	}
    #header .header-nav-bar .header-nav {
        min-height: 52px;
    }
	/*
	.sticky-header-active #header .header-nav-bar .header-nav {
	  min-height: 45px;
	}
	*/
	
	#header .header-nav-main nav > ul {
		flex-wrap: nowrap; /* Pour avoir les onglets qui restent dans le menu avec le texte des onglets sur plusieurs lignes si besoin */
	}
	#header .header-nav-main nav > ul > li {
		/* line-height:normal; */
		margin-left:0;
		/* margin-right:15px; */
		/* width: min-content; */
	}
	#header .header-nav-main nav > ul > li > a {
		text-transform:none;
		font-size: 1rem;
		letter-spacing: normal;
		/* letter-spacing: -.02em; */
		text-align: center;
		font-weight:500;
		/* margin-top: 1px 0 0; */
		/* padding: 10px !important; */
		/*height: 100%;*/ /* pour avoir centrage vertical des textes des onglets si texte sur 1 ou 2 lignes (ou plus) */
	}
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a {
		color: var(--default);
	}
	#header .header-nav.header-nav-links nav > ul li:hover > a {
        color: var(--secondary-300);
    }
	#header .header-nav-main nav.header-nav-top-dropdown > ul > li:not(:hover) > a {
		color: var(--default);
	}
	#header .header-nav-main nav.header-nav-top-dropdown > ul > li > a {
		font-size: 0.85em;
		font-weight: 600;
	}
	#header .header-nav-main nav > ul > li > a.dropdown-toggle {
	position:relative;
	/* background:#000; */
	}
	  
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
	  /* font-size: 0.95em; */
	  font-size: 14px;
	  padding: 12px 20px;
	  color: var(--default);
	  border-bottom: 1px solid #e8e8e8;
	  transition: color .15s ease-in-out, border .2s ease-in-out;
	}
	#header .header-nav-main nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu li:hover > a,
	#header .header-nav-main nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu li:focus > a,
	#header .header-nav-main nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu li.active > a,
	#header .header-nav-main nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu li:active > a,
	#header .header-nav-main nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu li.open > a,
	#header .header-nav-main nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu li.accessibility-open > a {
	  color: var(--secondary-300);
	  background: transparent; /* transparent sinon border parfois coupé (pb transform ?) */
	}
	
	/* fa-chevron-down -> icon-arrow-down : uniquement sur mobile */
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .icon-arrow-down,
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .bi-chevron-down	{
		display: none;
	}

    #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active,
	#header .header-nav nav > ul > li.active > a { /* header-nav "seul" */
		color:var(--secondary-300);
	}
	
	/* header-nav-stripe : voir site smart-technology */

	
	/* arrow svg */
	#header .header-nav-main-arrows nav > ul li > a.dropdown-toggle:after,
	#header .header-nav-main-arrows nav > ul li > a.active.dropdown-toggle:after {
		font-size: 1rem;
        /* margin-top: 1px; */
        width: 1em;
        height: 1em;
        content: '';
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23333' class='bi bi-chevron-down' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/></svg>");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1em 1em;
		margin-left: .25em;
	}
	#header .header-nav-main-arrows nav > ul li > a.dropdown-toggle:after {	
		transform-style: preserve-3d;
		transition: transform .5s ease;
	}
	#header .header-nav-main-arrows nav > ul li:hover > a.dropdown-toggle::after {
		transform: rotateX(180deg);
	}
    #header .header-nav-main-arrows nav > ul:not(:hover) li > a.active.dropdown-toggle::after,
	#header .header-nav-main-arrows nav > ul li:hover > a.dropdown-toggle::after {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%2372bd88' class='bi bi-chevron-down' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/></svg>");
    }

	#header .header-nav-main nav > ul > li.dropdown:not(.dropdown-mega) .dropdown-menu,
	#header .header-nav-main nav > ul > li.dropdown.dropdown-mega > .dropdown-menu {	
		/* left: 0; */
		right: 0;
		/* max-width: 90%; */
		border-radius: var(--border-radius4x);
		/* border-top: 3px solid var(--primary--300); */
		box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.08);
	}
	/* NETSYS : astuce pour dropdown-mega pour avoir zone du sous-menu qui dépasse au dessus pour passage souris sur autres onglets sans que sous-menu disparaisse */
	#header .header-nav-main nav > ul > li.dropdown.dropdown-mega > .dropdown-menu:before {
		position: absolute;
		top:-25px;
		left:0;
		content:"";
		width:100%;
		height:25px;
		background:transparent;
	}
    .sticky-header-active #header .header-nav-main nav > ul > li.dropdown.dropdown-mega > .dropdown-menu:before {
		top: -15px;
		height: 15px;
	}
	/* FIN astuce */
	
	

	#header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
		color: var(--default);
	}


	/* *** dropdown-mega *** */
	#header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown.dropdown-mega li.page_niv_02 > .dropdown-menu,
    #header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_02 > .dropdown-menu {
       margin: 0;
	   padding: 0;
	   background: transparent;
    }
	/* dropdown-mega hover, active, focus */
    #header .header-nav-main nav > ul > li.dropdown-mega ul.niv-2 > li:hover > a.dropdown-item,
	#header .header-nav-main nav > ul > li.dropdown-mega ul.niv-2 > li:active > a.dropdown-item:not(.dropdown-title),
	#header .header-nav-main nav > ul > li.dropdown-mega ul.niv-2 > li.active > a.dropdown-item:not(.dropdown-title),
	#header .header-nav-main nav > ul > li.dropdown-mega ul.niv-2 > li:focus > a.dropdown-item:not(.dropdown-title),
	/* #header .header-nav-main nav > ul > li.dropdown-mega ul.niv-2 > li:hover > span.dropdown-title, */
	/* #header .header-nav-main nav > ul > li.dropdown-mega ul.niv-2 > li.active > span.dropdown-title, */
	#header .header-nav-main nav > ul > li.dropdown-mega ul.niv-3  li:hover > a.dropdown-item,
	#header .header-nav-main nav > ul > li.dropdown-mega ul.niv-3  li:active > a.dropdown-item,
	#header .header-nav-main nav > ul > li.dropdown-mega ul.niv-3  li.active > a.dropdown-item,
	#header .header-nav-main nav > ul > li.dropdown-mega ul.niv-3  li:focus > a.dropdown-item {
		color: var(--secondary-300);
        background: transparent; /* transparent sinon border parfois coupé (pb transform ?) */
    }
	#header .header-nav-main nav > ul > li.dropdown-mega ul.niv-2 > li.page_niv_02.menu-intro:hover > a {
		/* color: var(--primary); */
	}
	

	/* Menu mega avec grid */
	#header .header-nav-main nav > ul > li.dropdown.dropdown-mega > ul.dropdown-menu {
		padding: 0;
		display: grid;
		/* grid-template-columns: 1.1fr 1.5fr 1.4fr; */
		/* grid-gap: 5px; */

        grid-template-columns:
            minmax(280px, .9fr)
            minmax(0, 1fr)
            minmax(0, 1fr);

        grid-template-areas:
            "intro solutions solutions"
            "intro profils   profils";

        column-gap: 2.5rem;
        row-gap: 1.25rem;
	}
    #header .header-nav-main nav > ul > li.dropdown.dropdown-mega > ul.dropdown-menu > .menu-intro {
        grid-area: intro;
    }
    #header .header-nav-main nav > ul > li.dropdown.dropdown-mega > ul.dropdown-menu > .menu-solutions {
        grid-area: solutions;
		padding-bottom: 0;
    }
    #header .header-nav-main nav > ul > li.dropdown.dropdown-mega > ul.dropdown-menu > .menu-profils {
        grid-area: profils;
        padding-top: 0;
    }

	#header .header-nav-main nav > ul > li.dropdown-mega > ul ul {
		position: static;
		display: block;
	}
	
	#header .header-nav-main nav > ul > li.dropdown-mega ul a.dropdown-item {
		padding: 0;
		margin: 0;
		white-space: normal;
		color: var(--default);
		border: 0;
		background: transparent;
	}
	
	/* li.page_niv_02 */
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_02 {
		padding: 45px;
	}
	#header .header-nav-main nav > ul > li.dropdown.dropdown-mega li.page_niv_02.page-1 {
		border-top-left-radius: var(--border-radius4x);
		border-bottom-left-radius: var(--border-radius4x);
		/* background: var(--secondary-rgba-10); */
		
		position: relative;
		overflow: hidden;
	}
	#header .header-nav-main nav > ul > li.dropdown.dropdown-mega li.page_niv_02.page-1::before {
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		top: -30%;
		bottom: -30%;
		background: var(--secondary-rgba-20);
		border-top-right-radius: 50%;
		/* border-top-left-radius: 20%; */
		border-bottom-right-radius: 50%;
	}
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_02 > a,
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_02 > .dropdown-title {
		display: block;
		padding: 0;
		border: 0;
		font-size: 1.5rem;
		line-height: 1.1;
        font-weight: 700;
        margin-bottom: 25px;
	}
	
	/* li.page_niv_03 */
	#header .header-nav-main nav > ul > li.dropdown-mega ul li.page_niv_03:not(.dropdown-submenu) {
		margin: 0 0 .75rem 0;
	}
	#header .header-nav-main nav > ul > li.dropdown-mega ul li.page_niv_03 > a {
		font-size: 1rem;
		font-weight: 500;
	    line-height: 1.2;
	}	
	/* menu-profil avec description */
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_03.menu-profil > a {
		background: var(--secondary-rgba-10);
		border: 1px solid var(--secondary-rgba-30);;
		font-weight: 600;
		padding: 1rem;
		border-radius: var(--border-radius3x);
	}
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_03.menu-profil > a:hover {
		border-color: var(--secondary-300);
		background: var(--secondary-rgba-10);
	}
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_03.menu-profil .dropdown-item-title {
		/* font-weight: 600; */
	}
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_03 .dropdown-item-desc {
		display: block;
		font-size: .85rem;
		font-weight: 400;
		margin-top: 5px;
		/* opacity: .8; */
		/* color: var(--quaternary-rgba-70); */
	}
	
	/* Mega menu : menu-intro avec description */
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_02.menu-intro > a {
		cursor: text;
	}
    #header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_02.menu-intro > a .dropdown-item-title {
		/* color: var(--secondary-300); */
	color: var(--primary);
    padding-right: 1px;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(to bottom right, var(--primary), var(--secondary));
    background-image: linear-gradient(to right, var(--primary), var(--secondary));		
		
		font-weight: 700;
		font-size: 2.6rem;
		margin-bottom: 0;
    }
    #header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_02.menu-intro .dropdown-item-desc {
		display: block;
		font-size: 1rem;
		font-weight: normal;
		line-height: 1.6;
		margin-top: 25px;
		color: var(--default);
		-webkit-background-clip: none;
		-webkit-text-fill-color: none;
		background: transparent;
	}

	/* Mega menu : menu-solutions */
	.menu-solutions > .niv-3 {
        display: block;

        columns: 2;
        column-gap: 2.5rem;
    }
    .menu-solutions > .niv-3 > li {
        break-inside: avoid;
        /* margin-bottom: .65rem; */
    }
	/* Mega menu : sous-pages des solutions */
    #header .header-nav-main nav > ul > li.dropdown-mega .menu-solutions ul.niv-4 {
        position: static;
        display: block;

        width: auto;
        min-width: 0;

        margin: .75rem 0 0rem .5rem !important;
        padding: 0;
    }
    #header .header-nav-main nav > ul > li.dropdown-mega .menu-solutions ul.niv-4 > li {
        margin: 0;
    }
	#header .header-nav-main nav > ul > li.dropdown-mega .menu-solutions ul.niv-4 .dropdown-item {
        padding: .2rem 0;

        font-size: .875rem;
        font-weight: 400;
    }

	/* Mega menu : menu-profils */
	#header .header-nav-main nav > ul > li.dropdown-mega .menu-profils > ul.niv-3 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
    }
    #header .header-nav-main nav > ul > li.dropdown-mega .menu-profils li.page_niv_03 {
        margin-bottom: 0;
    }	
}
@media (min-width: 1240px) {
	/*
	#header .header-nav-main nav > ul > li > a {
		padding: 0 40px !important;
	}
	*/
}
@media (min-width: 1440px) {
	/*
	.sticky-header-active #header .header-nav.header-nav-links nav > ul > li > a,
	.sticky-header-active #header .header-nav.header-nav-links nav > ul > li:hover > a,
	#header .header-nav.header-nav-links nav > ul > li > a,
	#header .header-nav.header-nav-links nav > ul > li:hover > a {
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 0;
	}
	*/
}

@media (max-width: 991px) {
	
	/*
	#header.header-effect-shrink {
		box-shadow: 0 2px 5px rgba(0,0,0,.3);
	}
	*/
	#header.header-effect-shrink .header-container {
		/* height: 80px; */
		min-height: 60px;
	}
	/*
	#main {
		padding-top: 10px;
	}
	*/

	#header .header-nav-bar .header-nav {
	  min-height: auto !important;
	}
	
	/* Menu RWD side panel */
	.menu_01 .nav {
	  /* display: block; ??? utilité ? */
	}
	.dropdown-item {
		white-space: normal;
	}
	
	html #header .header-nav-main .btn-nav-main-rwd-close {
		position: absolute;
		top: 15px;
		right: 22px;
		z-index:1010;
	}
	#header .header-nav-main {
		position:fixed;
		/* width: 330px; */
		height:100vh;
		
		/* left: -100%; */
		/* transform: none; */
		background:#fff;
		z-index:1000; /* 1000 */
		overflow-y: auto;
		padding: 15px 15px 30px 15px;
		
		top: 0;
		left: auto;
		right: 0;
		
		transform: translate3d(100%,0,0);
		transition: ease transform 300ms;
		/* box-shadow: -3px 0px 5px rgba(0,0,0,.15); */
		
	}
	#header .header-nav-main nav {
		max-height: none;
		padding: 0;
	}
	#header .header-nav-main::before,
	#header.header-transparent .header-nav-main::before {
	  content:none;
	}
	html.mobile-menu-opened #header .header-nav-main .btn-nav-main-rwd-close {
	  display:inline-block;
	}
	html.mobile-menu-opened	#header .header-nav-main {
		/* left: 0; */
		/* transform: translate3d(0, 0, 0); */
		transform: translate3d(0, 0, 0);
	}
	html #header.header-transparent .header-nav-main nav {
		padding: 0;
	}
	#header .header-nav-main nav > ul {
	  padding-top: 0;
	  padding-bottom: 0;
	}
	#header .header-nav-main nav > ul li {
		border-bottom: 0;
	}
	#header .header-nav-main nav > ul > li,
	/* #header .header-nav-main nav > ul li, */
	#header .header-nav-main nav > ul > li:last-child {
	  border-bottom: 1px solid #dbdbdb;
	  margin-bottom: 1px;
	}
	/*
	#header .header-nav-main nav ul li a i[class*="fa"] {
		display:none;
	}
	*/


	#header .header-nav-main nav > ul li a {
		font-size: 1.1rem;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#header .header-nav-main nav > ul > li.page_niv_01 > a { /* 1er niveau */
		font-weight:600;
		color: var(--default) !important;
		text-shadow: none !important;	
		text-transform: none;
	}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
        color: var(--default) !important;
    }
	
	#header .header-nav-main nav > ul > li.dropdown-mega ul.niv-2 {
		margin-bottom: 15px;
	}
	#header .header-nav-main nav > ul > li.dropdown-mega ul.niv-3 {
		/* padding-left: 10px; */
	}
	
	#header .header-nav-main nav > ul > li > a:hover,
	#header .header-nav-main nav .dropdown-item:hover,
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus,
	#header .header-nav-main nav .dropdown-item:focus {
		color:var(--secondary) !important;
		background:#fff;
	}
	#header .header-nav-main nav > ul li.dropdown > a.active {
		margin-top: 0;
		margin-bottom: 0;
	}	
	#header .header-nav-main nav > ul > li > a.active,
	#header .header-nav-main nav > ul > li > a:active,
	#header .header-nav-main nav li.active > a,
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
		color: var(--secondary) !important;
		/* background-color: #f0f0f0; */
		/* background:rgb(255, 241, 247) !important; */
		background:#fff;
	}
	#header .header-nav-main nav > ul > li > a.active:hover,
	#header .header-nav-main nav li.active > a:hover,
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {
		color:var(--secondary) !important;
		background:#fff;
	}
	#header .dropdown-item .link-icon-text::after {
		top:auto;
		bottom:0;
	}
	#header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu {
	  margin-left: 5px;
	}
	
	/* li.page_niv_02 */
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_02 > .dropdown-title,
    #header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_02 > a { /* Style lien du 1er niveau du sous menu mega */
		display: block;
        font-size: 1.8rem;
        font-weight: 600;
        margin-bottom: 0;
        color: var(--default);
		padding-left: 8px;
		padding-top: 10px;
        padding-bottom: 10px;		
    }
	/* menu-intro */
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_02.menu-intro {
		display: none;
	}
	
	/* li.page_niv_03 */
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_03.dropdown-submenu {
		margin-bottom: 8px;
	}
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_03 > a {
		padding-top: 8px;
		padding-bottom: 8px;
		font-weight: 600;
	}
	/* menu-profil */
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_03.menu-profil {
		padding-left: 8px;
	}
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_03.menu-profil > a {
		background: var(--secondary-rgba-10);
		border: 2px solid var(--secondary);
		padding: .65rem;
		border-radius: var(--border-radius3x);
		margin: 0 0 10px 0;
		font-weight: 600;
	}
	/* dropdown-item-desc */
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_03 .dropdown-item-desc {
		display: block;
		font-size: .95rem;
		margin-top: 2px;
		font-weight: normal;
	}
	
	/* li.page_niv_04 */
	#header .header-nav-main nav > ul > li.dropdown-mega li.page_niv_04 > a {
		padding-top: 6px;
		padding-bottom: 6px;
	}

	/* chevron */
	#header .header-nav-main nav > ul li.dropdown-submenu > a.dropdown-item {
		padding-right:42px;
	}	
	#header .header-nav-main nav > ul li a.dropdown-toggle .bi-chevron-down,
	#header .header-nav-main nav > ul li a.dropdown-toggle .icon-arrow-down,
	#header .header-nav-main nav > ul li a.dropdown-toggle .fa-chevron-down,
	#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a .bi-chevron-down,
	#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a .icon-arrow-down,
	#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-chevron-down 	{
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;			
		
	  font-size: 1rem;
	  /* background: #f0f0f0; */
	  /* background:rgb(255, 241, 247) !important; */
	  color:#075570;
	  background-color:var(--light);
	  
	  transition: all .25s ease;
	}
	/* Bootstrap svg bi-chevron-down */
	#header .header-nav-main nav > ul li a.dropdown-toggle .bi-chevron-down,
	#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a .bi-chevron-down {
		content: "";
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23075570' class='bi bi-chevron-down' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/></svg>");  	
		background-position: center;
		background-repeat: no-repeat;
		background-size: 1.4em 1.4em;
	}
	#header .header-nav-main nav > ul li a.dropdown-toggle:hover .bi-chevron-down,
	#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a:hover .bi-chevron-down {
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%2372bd88' class='bi bi-chevron-down' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/></svg>");  
	}
	#header .header-nav-main nav > ul li.dropdown.open > a.dropdown-toggle .bi-chevron-down,
	#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.open > a .bi-chevron-down	{
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%2372bd88' class='bi bi-chevron-up' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z'/></svg>");  	
	}

	
	/* Menu mega entièrement déroulé pour voir tous les liens */
    #header .header-nav-main nav > ul li.dropdown-mega.open .dropdown-menu {
        display: block;
        margin-left: 0 !important;
    }
	/* Flèche bi masqué dans lien sous menu mega */
    #header .header-nav-main nav > ul > li.dropdown-mega li.dropdown-submenu > a > .bi {
        display: none !important;
    }
	/* FIN Menu RWD side panel */
	
	#header .header-column .header-extra-info-cp li {
	  margin-left: 0;
	}
	
}
@media (max-width: 1199px) {
	#header .header-logo img {
		max-width:200px;
		height:auto !important;
	}
	#header .header-logo-groupe img {
		max-width:110px;
		height:auto !important;
	}
	
	/* Menu sidebar (Filtres) RWD side panel */	
	html #sidebar .mobile-sidebar-side .btn-nav-sidebar-rwd-close {
	  position: absolute;
	  top: 0;
	  right: 0;
	  z-index:1010;
	}
	#sidebar .mobile-sidebar-side {
		position:fixed;
		width: 330px;
		height:100vh;
		top: 0;
		left:0;
		/* left: -100%; */
		/* transform: none; */
		background:#f2ecf1;
		z-index:1100;
		overflow-y: auto;
		padding: 40px 25px 30px 25px;
		
		/* transform: translate3d(0, 0, 0); */
		left: 0;
		right: auto;
		transform: translate3d(-100%,0,0);

		transition: ease transform 300ms;
		box-shadow: 3px 0px 5px rgba(0,0,0,.15);
		
	}
	html.mobile-sidebar-opened #sidebar .mobile-sidebar-side .btn-nav-sidebar-rwd-close {
	  display:inline-block;
	}
	html.mobile-sidebar-opened #sidebar .mobile-sidebar-side {
		/* left: 0; */
		/* transform: translate3d(0, 0, 0); */
		transform: translate3d(0, 0, 0);
	}
	html.mobile-sidebar-opened #sidebar .widget-ssmenu-sidebar {
	  background: none;
	  padding: 0;
	}	
	/* FIN Menu RWD side panel */	
	
}
@media (max-width: 991px) {
	#header .header-logo img {
		max-width:200px;
		/* max-width:100%; */
	}
	#header .header-logo-groupe img {
		max-width:90px;
		/* max-width:100%; */
	}
}
/*
@media (max-width: 767px) {
	#header .header-logo img {
		max-width:120px;
	}
}
@media (max-width: 575px) {
	#header .header-logo img {
		max-width:110px;
	}
}
*/
@media (min-width: 992px) {
	#header .header-nav-main nav > ul > li > a.dropdown-toggle .bi-chevron-down,
	#header .header-nav-main nav > ul > li > a.dropdown-toggle .icon-arrow-down {
		display: none;
	}
}


/* Menu RWD < 991px */
#header .header-btn-collapse-nav-custom {
  float: none;
  vertical-align: bottom;
  position: relative;
  background: transparent;
  outline: 0 !important;
  border: none;
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: ease all 300ms;
  font-size:2.5rem;

}
/* btn hamburguer close */
#header .header-nav-main .btn-nav-main-rwd-close {
display:none;
background: transparent;
outline: 0 !important;
border: none;
width: 28px;
height: 28px;
padding: 0;
margin: 0;
opacity: 1;
transition: ease all 300ms;
}
#header .header-nav-main .btn-nav-main-rwd-close .close {
  pointer-events: none;
}
#header .header-nav-main .btn-nav-main-rwd-close .close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #000;
  transform-origin: 50% 0;
}
#header .header-nav-main .btn-nav-main-rwd-close .close span:nth-child(1) {
  transform: translateX(-50%) rotate(45deg);
}
#header .header-nav-main .btn-nav-main-rwd-close .close span:nth-child(2) {
  transform: translateX(-54%) rotate(-45deg);
}


/* Menu sidebar RWD < 991px */
/* btn close sidebar nav mobile */
#sidebar .mobile-sidebar-side .btn-nav-sidebar-rwd-close {
display:none;
background: transparent;
outline: 0 !important;
border: none;
width: 30px;
height: 30px;
padding: 0;
margin: 15px;

opacity: 1;
transition: ease all 300ms;
}
#sidebar .mobile-sidebar-side .btn-nav-sidebar-rwd-close .close {
  pointer-events: none;
}
#sidebar .mobile-sidebar-side .btn-nav-sidebar-rwd-close .close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 1px;
  background: #000000;
  transform-origin: 50% 0;
}
#sidebar .mobile-sidebar-side .btn-nav-sidebar-rwd-close .close span:nth-child(1) {
  transform: translateX(-50%) rotate(45deg);
}
#sidebar .mobile-sidebar-side .btn-nav-sidebar-rwd-close .close span:nth-child(2) {
  transform: translateX(-50%) rotate(-45deg);
}


/* Pour pas prise en compte des sous-menus dans hauteur header */
/* de bootstrap */
/* ajouté à theme.css ligne 1475
#header .header-nav-main nav .nav_02 {
	position: absolute;
	top: -10000px;
}
*/



/* Slider owl */
.owl-carousel.nav-custom .owl-nav button.owl-prev,
.owl-carousel.nav-custom .owl-nav button.owl-next {
    height: 60px;
	width:35px;
	border-radius:0;
	/* transform: translate3d(0, -60%, 0); */
}
.owl-carousel.nav-custom.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*="owl-"] {
    background-color: rgba(255,255,255,0.9) !important;
    border: 0;
}
.owl-carousel.nav-custom.show-nav-hover:hover .owl-nav button.owl-prev {
    left: 0;
	/* border-top-right-radius:100%; */
	/* border-bottom-right-radius:100%; */
}
.owl-carousel.nav-custom.show-nav-hover:hover .owl-nav button.owl-next {
    right: 0;
}
.owl-carousel.nav-custom .owl-nav button.owl-prev::before,
.owl-carousel.nav-custom .owl-nav button.owl-next::before {
    font-size: 1.4rem;
	top:3px;
}
.owl-carousel.nav-custom .owl-nav button.owl-prev:before {
	left:auto;
	right:3px;
}
/*
.nav-custom .owl-nav .owl-prev,
.nav-custom  .owl-nav .owl-next {
    background-color: var(--dark--100) !important;
    border-color: var(--dark--100) var(--dark--100) var(--dark--100) !important;
    color: var(--light) !important;
	height: 50px;
}
.nav-custom .owl-nav .owl-prev {
left:0 !important;
}
.nav-custom .owl-nav .owl-prev::before {
    left: 0	 !important;
	top: 1px !important;
}
.nav-custom .owl-nav .owl-next {
	right:0 !important;
}
.nav-custom .owl-nav .owl-next::before {
	left: auto !important!
    right: 13px !important;
	top: 1px !important;
}
*/
.owl-carousel.dots-inside .owl-dots {
	bottom:18px;
}

/* CLS section-slider-owl : .content-item (figure), css déjà dans theme-elements.css pour balise div et span, mais du coup balise figure pas pris en compte */
.owl-carousel:not(.owl-loaded):not(.owl-carousel-light) > .content-item {
  display: none;
}
.owl-carousel:not(.owl-loaded):not(.owl-carousel-light) > .content-item:first-child{
  display: block;
}

.custom-slider-container:before {
    /* content: ''; */
    position: absolute;
    background-color: var(--primary-rgba-20);
    top: -35px;
    width: 200%;
    z-index: 21;
    height: 75px;
    transform: rotate(1deg);
}

.custom-slider-container:before {
    /* content: ''; */
    position: absolute;
    background-color: var(--primary-rgba-20);
    top: -75px;
    width: 200%;
    z-index: 21;
    height: 75px;
    transform: rotate(-1deg);
}

.custom-slider-container:after {
    content: '';
    position: absolute;
    background-color: var(--primary-rgba-40);
    bottom: -75px;
    width: 200%;
    z-index: 21;
    height: 75px;
    transform: rotate(1deg);
}

/*
.section-slider-owl .content-text {
	padding:25px;
	background: rgba(237, 28, 36, .7);
	box-shadow: 0 0 20px rgb(0,0,0,.2);
}
*/

.overlay-custom-c1:before {
	/* background: linear-gradient(90deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,.25) 100%); */
	background: linear-gradient(90deg, rgba(220,220,220,.8) 0%, rgba(220,220,220,.25) 100%);
}
.overlay-custom-c1.overlay-show:before {
	opacity: 1;	
}

.owl-carousel.nav-font-size-lg .owl-nav button.owl-prev,
.owl-carousel.nav-font-size-lg .owl-nav button.owl-next {
	font-size: 30px;
}



/* .section-slider-owl */
.section-slider-owl:not(.section-slider-owl-v2) .owl-carousel,
.section-slider-owl:not(.section-slider-owl-v2) .content-item  {
	height: 300px;
}
@media (min-width: 576px) {
	.section-slider-owl:not(.section-slider-owl-v2) .owl-carousel,
	.section-slider-owl:not(.section-slider-owl-v2) .content-item {
		height: 350px;
	}
}
@media (min-width: 768px) {
	.section-slider-owl:not(.section-slider-owl-v2) .owl-carousel,
	.section-slider-owl:not(.section-slider-owl-v2) .content-item {
		height: 450px;
	}
}
@media (min-width: 992px) {
	.section-slider-owl:not(.section-slider-owl-v2) .owl-carousel,
	.section-slider-owl:not(.section-slider-owl-v2) .content-item {
		height: 500px;
	}
	.overlay-custom-c1:before {
		background: linear-gradient(90deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 40%, rgba(255,255,255,0) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,.5) 100%);
		/* background: linear-gradient(90deg, rgba(220, 220, 220, .8) 0%, rgba(220, 220, 220, .5) 40%, rgba(220, 220, 220, 0) 60%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); */
	}
	.section-with-shape-divider .shape-divider-c1 {
		height:61px;
	}	
}
@media (min-width: 1200px) {
	.section-slider-owl:not(.section-slider-owl-v2) .owl-carousel,
	.section-slider-owl:not(.section-slider-owl-v2) .content-item {
		height: 650px;
	}
}
/* calc(100vh - 150px) */



/* breadcrumb */
.breadcrumb {
	display: inline; /* pour que les li ne passent pas à la ligne sur dépasse la largeur de la zone */
}
.breadcrumb > li {
  font-size: 0.95rem;
  text-transform: none;
  display: inline; /* pour que les li ne passent pas à la ligne sur dépasse la largeur de la zone */
  line-height: 1.2;
}
.breadcrumb-item+.breadcrumb-item::before {
	float: none; /* pour que les séparateurs / s'affichent correctement avec les li mis en inline */
}

.breadcrumb > li a span {
display:none;	
}
.breadcrumb > li:not(:first-child) i {
display:none;
}
.breadcrumb > li a {
color:#333;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: .2rem;
}
.page-header-background.page-header-background-custom .breadcrumb-banniere .breadcrumb > li a,
.page-header-background.page-header-background-custom-v2 .breadcrumb-banniere .breadcrumb > li a {
/* text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); */
/* color: #fff; */
}
.page-header .text-light .breadcrumb-item + .breadcrumb-item::before,
.page-header .text-light .breadcrumb > li a {
color: #fff;
}
.page-header .text-dark .breadcrumb-item + .breadcrumb-item::before,
.page-header .text-dark .breadcrumb > li a {
color:#333;
}
.page-header.page-header-realisation .breadcrumb > li:last-child,
.page-header-background.page-header-background-custom .breadcrumb-banniere.breadcrumb-banniere_dp .breadcrumb > li:last-child {
display:none;	
}
.page-header-background.page-header-background-custom .breadcrumb-banniere .breadcrumb-item + .breadcrumb-item::before,
.page-header-background.page-header-background-custom-v2 .breadcrumb-banniere .breadcrumb-item + .breadcrumb-item::before {
/* color: #fff; */
opacity:1;
}

/* breadcrumb-banniere-blog-cat-post : item 1 masqué (car cat. FR et DE et accueil pas utilisé) */
.breadcrumb-banniere-blog-cat-post .breadcrumb-item-1 {
	display:none;
}

/* Effet biais */
/*
.page-header.page-header-background.page-header-background-custom {
overflow:hidden;	
}
.page-header.page-header-background.page-header-background-custom::after {
  content: '';
  position: absolute;
  background-color: #fff;
  left: 0;
  right: 0;
  bottom: 0px;
  width: 200%;
  height: 90px;
  z-index: 30;
  transform: rotate(-1deg);
  transform: rotate(-1.5deg);
}
*/


/* Page header */
.page-header.page-header-background.page-header-background-custom {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom:0;
	background-size: cover;
	background-position: center center;
	background-color: #cbcccd;
	
	display: flex;
	align-items:center;	
}
.page-header.page-header-background.page-header-height-small {
	padding-top: 40px;
	padding-bottom: 40px;
}
.page-type-header-transparent .page-header.page-header-background.page-header-background-custom {
	padding-top: 150px;
	padding-bottom:140px;
}

.section-slider-owl h2.text-light,
.section-jumbotron h2.text-light,
.page-header.page-header-background.page-header-background-custom h1.text-light,
.page-header.page-header-background.page-header-background-custom .h1.text-light,
.page-header.page-header-background.page-header-background-custom-v2 h1.text-light,
.page-header.page-header-background.page-header-background-custom-v2 .h1.text-light {
	/* color: #fff !important; */
	/* font-size:1.6rem; */
	/* line-height:1.2; */
	/* font-weight:700; */
	/* margin-bottom:0; */
	text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.6);
}
.section-slider-owl .content-desc.text-light,
.section-jumbotron .lead.text-light {
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
}
.page-header.page-header-background.page-header-background-custom-v2 .lead.text-light a,
.page-header.page-header-background.page-header-background-custom .lead.text-light a {
	color:#fff;
}


/* .page-header-background-custom-v2 : avec balise figure */
.page-header-background-custom-v2 {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom:0;
	
	display:flex;
	align-items:center;

  position: relative;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-header-background-custom-v2 .content-figure {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top:0;
  left: 0;
}
.page-header-background-custom-v2 .content-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-header-background-custom-v2 .content-text {
position:relative;	
}


.page-header-img-custom-v2 .content-figure {
	margin-bottom: 0;
}
.page-header-img-custom-v2 .content-figure figcaption {
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
}
@media (min-width: 768px) {
	.page-header.page-header-img-custom-v2,
	.page-header.page-header-background.page-header-background-custom,
	.page-header.page-header-background.page-header-background-custom-v2	{
		padding-top: 70px;
		padding-bottom:70px;
		/* pour avoir hauteur un minimum identique sur toutes les pages */
		min-height: 280px;
	}
	.page-header.page-header-background.page-header-height-small {
		padding-top: 60px;
		padding-bottom:70px;
	}
	.page-type-header-transparent .page-header.page-header-background.page-header-background-custom {
		padding-top: 200px;
		padding-bottom:180px;
	}
	.breadcrumb-banniere-blog-post .breadcrumb-item-2 {
		font-size:2.2rem;
	}
}
@media (min-width: 992px) {
	.page-header.page-header-img-custom-v2,
	.page-header.page-header-background.page-header-background-custom,
	.page-header.page-header-background.page-header-background-custom-v2	{
		padding-top: 70px;
		padding-bottom:70px;
		/* pour avoir hauteur un minimum identique sur toutes les pages */
		min-height: 350px;
	}
	.page-header.page-header-background.page-header-height-small {
		padding-top: 60px;
		padding-bottom:70px;
	}
	.page-type-header-transparent .page-header.page-header-background.page-header-background-custom {
		padding-top: 230px;
		padding-bottom: 150px;
	}
	.breadcrumb-banniere-blog-post .breadcrumb-item-2 {
		font-size:2.8rem;
	}
}
@media (min-width: 1200px) {
	.page-header-img-custom-v2 .content-figure {
		margin-bottom: -70px;
	}
}


/* .nav-secondary */
.nav-secondary {
  background: #ffee60; /*#f0f0f0;*/
}
.nav-secondary .nav-pills > li.actif a {
	padding: 8px 10px;
}
.nav-secondary .nav-pills > li.actif a {
	color:#fff;
	background: var(--primary);
}


/* Section */
.section-row {
	padding-top:0;
	padding-bottom:40px;
}
/* .bg-color-light-scale-1 */
.section-bg, .section-bg-color {
	border-top: 0;
	padding-top:40px;
	padding-bottom:40px;
	margin:0;
}
.section-py-lg {
	padding-top:50px;
	padding-bottom:50px;
}
.section-py-xl {
	padding-top:60px;
	padding-bottom:60px;
}
.bg-azure {
	background-color: azure;
}
.bg-floralwhite {
	background-color: floralwhite;
}
.bg-honeydew {
	background-color: honeydew;
}
.bg-ivory {
	background-color: ivory;
}

.bg-lavenderblush {
	background-color: lavenderblush;
}
.bg-lemonchiffon {
	background-color: lemonchiffon;
}
.bg-lightblue {
	background-color: lightblue;
}
.bg-lightcyan {
	background-color: lightcyan;
}
.bg-lightgoldenrodyellow{
	background-color: lightgoldenrodyellow;
}
.bg-linen {
	background-color: linen;
}
.bg-oldlace {
	background-color: oldlace;
}
.bg-papayawhip {
	background-color: papayawhip;
}
.bg-seashell {
	background-color: seashell;
}
.bg-whitesmoke {
	background-color: whitesmoke;
}
.bg-color {
	/* background: #f8f8f8; */
	background-color: var(--primary-rgba-05) !important;
}
.bg-blanc,
.bg-white {
	background:#fff;
}
.bg-shadow {
	box-shadow: inset 0 0 25px rgba(0, 0, 0, .1);
}
.bg-transparent {
	background:transparent;
}
.bg-gradient-to-right {
	background-color: var(--primary) !important;
	background-image: linear-gradient(to right, var(--primary) 0%, var(--secondary) 100%) !important;
}
.bg-gradient-to-top-right {
	background-color: var(--primary) !important;
	background-image: linear-gradient(30deg, var(--primary) 0%, var(--secondary) 95%) !important;
}
.bg-gradient-rgba-50 {
	background-image: linear-gradient(to right, var(--primary-rgba-50) 0%, var(--secondary-rgba-50) 100%) !important;
}
.bg-primary-rgba-05 {
	background-color: var(--primary-rgba-05) !important;
}
.opacity-05 {
  opacity: 0.05 !important;
}
.bg-color-oldlace {
	background: oldlace;
}
.bg-color-aliceblue {
	background: aliceblue;
}
.bg-color-paleturquoise {
	background: paleturquoise;
}
.bg-color-primary-rgba-03 {
	background-color: var(--primary-rgba-03) !important;
}
.bg-color-primary-rgba-04 {
	background-color: var(--primary-rgba-04) !important;
}
.bg-color-primary-rgba-05 {
	background-color: var(--primary-rgba-05) !important;
}
.bg-color-secondary-rgba-05 {
	background-color: var(--secondary-rgba-05) !important;
}
.border-color-hover-primary-rgba-30:hover {
	border-color: var(--primary-rgba-30) !important;
}

.font-serif {
  /* font-family: 'Noto Serif', serif; */
}



/* section ou content avec .text-light */
.text-light .col-text .text-light-ok,
.text-light .col-text .text-light-ok *,
.text-light header .text-light-ok,
.text-light-header .lead.text-light-ok,
.text-light-header header .text-light-ok {
    color: #fff !important;
}

.section-content-bg-color .content,
.text-bg-color .content-bloc-text {
  background: #f9f9f9 !important; /* rgb(255, 238, 96) #ffee60 */
  padding: 20px;
  /* box-shadow: 0 0 20px rgba(0,0,0,.4); */
}
.section-content-bg-primary .content,
.text-bg-primary .content-bloc-text {
  background: var(--primary) !important;/* rgb(255, 238, 96) #ffee60 */
  padding: 20px;
  /* box-shadow: 0 0 20px rgba(0,0,0,.4); */
}
@media (min-width: 992px) {
	.section-content-bg-primary .content,
	.text-bg .content-bloc-text
	.section-content-bg-color .content,
	.text-bg .content-bloc-text {
	  padding: 30px;
	}
}

.text-bg-light .col-text-inner {
	background: #fff !important;
}
.text-bg-primary .col-text-inner {
	background: var(--primary) !important;
}



/* Header section */
header .header-surtitre {
	font-size:1.2rem;
	font-weight:400;
	color:#4e4e4e;
	/* font-weight:600; */
	/* text-transform: uppercase; */
	/* margin-bottom:0.5em; */
	/* letter-spacing: -.05em; */

}

.lead,
header .header-desc {
	font-size: 1.15em;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -.02em;
}
.lead strong,
header .header-desc strong {
	/* position: relative; */
	/* box-shadow: inset 0 -.6rem 0 var(--primary-rgba-10); */
}

/* overlay */
header.overlay .content,
section.overlay .content {
	position:relative;
	z-index:20;
}
.overlay-primary:before {
	background: var(--primary);
}


/* Icones des solutions */
.solution-icon {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}


/* figure avec figcaption intégré */
/*
.content-figure {
position:relative;	
}
.content-figure figcaption {
position:absolute;
bottom:0;
width:100%;
padding:10px 15px;
color:#fff;
background:rgba(237, 28, 36, 1);
}
*/
.section-titre-texte-img-fw .content-figure {
position:relative;	
}
.section-titre-texte-img-fw .content-figure figcaption {
position:absolute;

padding:15px 20px;
left:30px;
bottom:30px;
max-width: 40%;
background:rgba(255, 255, 255, 1);


/*
padding:15px 20px;
left:0;
right:0;
bottom:0;
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 40%, rgba(255,255,255,.95) 100%);
*/

/* box-shadow: 0 0 10px rgba(0,0,0,.3); */
/* z-index:1; */
}
.section-titre-texte-img-fw .content-figure figcaption::before {
/* content:""; */
height:1px;
background:#fff;
position:absolute;
top:50%;
left:-30px;
right:0;
/* right:-1000px; */
z-index:-1;
}
/* figure avec figcaption en dessous */
.content-figure figcaption,
.content-video figcaption {
padding: 35px 15px 0 25px;
}


/* .list-icons-style-custom */
.list.list-icons-style-custom li {
  padding-left: 2.3em;
  margin: 0;
  padding-top:0;
  padding-bottom:12px;
  margin-bottom:12px;
  display: flex;
}
.list.list-icons-style-custom li::before {
  position: absolute;
  top: -1px;
  left: 0;
  /* font-family: 'bootstrap-icons'; */
  /* content: "\F285"; */
  /* color: var(--primary-rgba-80); */
  /* font-size: 1em; */
  /* line-height: 1.6em; */
  /* text-align: center; */
  
	width: 1.55em;
	height: 1.55em;
	border-radius: 100%;

	content: "";
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='' class='bi bi-chevron-right' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");  	
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1em 1em;
	
	background-color: var(--primary-rgba-10);  
}
.list.list-icons-style-custom li .li-titre {
font-weight:600;
margin-right:5px;
white-space: nowrap;
}


.top-n1 {
top:-1px !important;
}
.top-n2 {
top:-2px !important;
}
.top-n5 {
top:-5px !important;
}
.top-n10 {
top:-10px !important;
}

/* column-cols-2 */
.column-cols-2 {
	column-count: 2;
	column-gap: 15px;	
}

/* .section-solution-intro */
@media (min-width: 992px) {
	.section-solution-intro .text-2cols {
		column-count: 2;
		column-gap: 5%;
	}
}

.section-hero,
.section-hero-page {
position: relative;	
}
.section-hero::before,
.section-hero-page::before {
    /* content: ''; */
    position: absolute;
	z-index: -1;
	
	opacity: .8;
	/* transform: rotate(-90deg); */
	
	background-color: var(--secondary-rgba-30);
	/* background-color: thistle; */
	
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1016px' height='1016px' fill='currentColor' ><path d='M587.499,23.036 C367.935,23.036 189.944,201.027 189.944,420.590 C189.944,640.153 367.935,818.145 587.499,818.145 C807.063,818.145 985.054,640.153 985.054,420.590 C985.054,364.587 973.451,311.301 952.556,262.972 C992.962,335.848 1015.977,419.703 1015.977,508.935 C1015.977,789.488 788.540,1016.922 507.991,1016.922 C227.437,1016.922 0.001,789.488 0.001,508.935 C0.001,228.382 227.437,0.949 507.991,0.949 C578.274,0.949 645.223,15.225 706.098,41.032 C668.642,29.340 628.807,23.036 587.499,23.036 Z'/></svg>") no-repeat center / contain;
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1016px' height='1016px' fill='currentColor' ><path d='M587.499,23.036 C367.935,23.036 189.944,201.027 189.944,420.590 C189.944,640.153 367.935,818.145 587.499,818.145 C807.063,818.145 985.054,640.153 985.054,420.590 C985.054,364.587 973.451,311.301 952.556,262.972 C992.962,335.848 1015.977,419.703 1015.977,508.935 C1015.977,789.488 788.540,1016.922 507.991,1016.922 C227.437,1016.922 0.001,789.488 0.001,508.935 C0.001,228.382 227.437,0.949 507.991,0.949 C578.274,0.949 645.223,15.225 706.098,41.032 C668.642,29.340 628.807,23.036 587.499,23.036 Z'/></svg>") no-repeat center / contain;
}
.section-hero::before {
    top: -300px;
    right: -200px;
	
    width: 1000px;
    height: 1000px;
}
.section-hero-page::before {
    top: -300px;
    right: -200px;
	
    width: 900px;
    height: 900px;
}

/* section-presentation-apercu */
.section-presentation-apercu {
	/* background: ghostwhite; */
}
.section-presentation-apercu::before {
	/* content: ""; */
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
	height: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: radial-gradient(
		circle,
		var(--primary-rgba-10) 0%,
		rgba(255, 255, 255, 0) 72%
	);
	filter: blur(10px);
	pointer-events: none;
	z-index: 0;
}
.section-presentation-apercu .container {
	position: relative;
	z-index: 1;
}
.section-presentation-apercu .content-icon {
	position: relative;
	z-index: 1;
}
.section-presentation-apercu .content-icon::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 125%;
    height: auto;
    aspect-ratio: 1 / 1;
	background: var(--primary-rgba-10);
	border-radius: 50%;
	z-index: -1;
}



/* section-solution-enjeux et section-solution-cas-usage */
.section-solution-cas-usage .content-item,
.section-solution-enjeux .content-item {
	display: grid;
	grid-template-columns: 2.5rem 1fr;
	gap: 1.2rem;
	align-items: start;
	/* border: 1px var(--grey-500) solid; */
	background: var(--grey-100);
	border-radius: var(--border-radius4x);
	padding: 1.2rem;
	line-height: 1.5;
}
.section-solution-cas-usage .content-item,
.section-solution-enjeux .content-item  {
	border: 1px var(--secondary) solid;
	box-shadow: 0 0 2px var(--secondary);
	background: var(--light-rgba-50);
	border-radius: var(--border-radius4x);
	padding: 1.2rem;
	line-height: 1.5;
}
/*
.section-solution-enjeux .content-item::before {
	content: "";
	position: absolute;
	top: 1.4rem;
	left: 1.4rem;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-color: var(--secondary-rgba-10);
}
*/
.section-solution-cas-usage .content-item::before,
.section-solution-enjeux .content-item::before {
	content: "";
	width: 2.6rem;
	height: 2.6rem;
	margin-top: -0.4rem;
	color:  var(--secondary);
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check2-circle' viewBox='0 0 16 16'><path d='M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0'/><path d='M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z'/></svg>") no-repeat center / contain;
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check2-circle' viewBox='0 0 16 16'><path d='M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0'/><path d='M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z'/></svg>") no-repeat center / contain;
}
@media (min-width: 992px) {
	.section-solution-cas-usage .content-item,
	.section-solution-enjeux .content-item {
		padding: 1.6rem 1.6rem 1.6rem 1.4rem;
		line-height: 1.6;
	}
}


/* .section-avantages  */
.section-avantages .content-icon {
	position: relative;
}
.section-avantages .content-icon img {
	position: relative;
	z-index: 1;	
}
.section-avantages .content-icon::before {
    content: '';
    position: absolute;
    top: -25%;
    left: -25%;
    width: 150%;
    height: auto;
    aspect-ratio: 1 / 1;
    background: var(--secondary-rgba-10);
    /* border: 5px var(--secondary-rgba-20) solid; */
    border-radius: 50%;
    z-index: 0;
}


/* section-jumbotron */
.section-jumbotron {
	position: relative;
	/* overflow: hidden; */
}
.section-jumbotron .content-figure {
  width: 100% !important;
  height: 100% !important;
  /* position: absolute; */
  /* top:0; */
  /* left: 0; */
  min-height: 250px;
  padding: 40px 30px;
}
.section-jumbotron .content-figure.bg-fixed {
	clip-path: inset(0);
}
.section-jumbotron .content-figure img {
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section-jumbotron .content-figure.bg-fixed img {
    position: fixed;
    left: 0;
    top: 0;
}
.section-jumbotron .content-figure figcaption {
  /* position: absolute; */
  padding: 15px 12px;
  /* background: rgba(255, 255, 255, .8); */
  letter-spacing: normal;
  line-height: 1;
  /* left:0; */
  /* right:0; */
}
.section-jumbotron .content-text {
	position: relative;
}
@media (min-width: 768px) {
	.section-jumbotron .content-figure {
		min-height: 500px;
		padding: 50px;
	}
}
@media (min-width: 992px) {
	.section-jumbotron :not(.container) .content-figure {
		min-height: 600px;
		padding: 60px 0;
	}
	.section-jumbotron .content-figure {
		min-height: 600px;	
		padding: 60px;
	}
}


/* section-solution-profil */



/* .section-titre-texte-img-fw */
.section-titre-texte-img-fw .col-text {
	padding:70px 15px;
}
@media (min-width: 576px) {
	.section-titre-texte-img-fw .col-text {
		max-width: 510px;	
		margin:0 auto;
	}
	/*
	.section-titre-texte-img-fw:not(.text-bg) .col-text {
		padding-left: 0;
		padding-right: 0;
	}
	*/
}
@media (min-width: 768px) {
	.section-titre-texte-img-fw .col-text {
		max-width: 690px;
	}
}
@media (min-width: 992px) { /* = lg */
	.section-titre-texte-img-fw .col-text {
		max-width: none;
		padding-left: 50px;
		padding-right: 50px;
	}
	.section-titre-texte-img-fw .col-text.text-container {
		max-width: 415px; /* 930/2 - 50 */
		padding-left: 0;
		padding-right: 0;
	}
	.section-titre-texte-img-fw .col-text.text-container:not(.order-lg-2) {
		margin-right:50px;
	}	
	.section-titre-texte-img-fw .col-text.text-container.order-lg-2 { /* texte à droite */
		margin-left:50px;
	}	
}
@media (min-width: 1200px) {
	.section-titre-texte-img-fw .col-text.text-container {
		max-width: 505px; /* 1110/2 - 50 */
	}
}
@media (min-width: 1400px) {
	.section-titre-texte-img-fw .col-text.text-container {
		max-width: 605px; /* 1310/2 - 50 : 605 */
	}
}







/* .section-titre-texte-img-2 */
.section-titre-texte-img-2 .col-img {
z-index:0;	
}
.section-titre-texte-img-2 .col-text {
z-index:1;
}
.section-titre-texte-img-2 .col-text-inner {
/* padding: 34px 40px; */
background: #fff; /*#242a31;*/ /* #fff; ;*/
padding: 30px;
width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:-45px;
box-shadow: 0 0 25px rgba(0,0,0,0.1);
}



/* .section-titre-texte-youtube */
.section-titre-texte-youtube .youtube_player.rounded iframe {
	border-radius: 5px;
}


/* content-wrap-img */
.content-wrap-img-border {
	position: relative;
	z-index: 0;
}
.content-wrap-img-border::before {
	content: "";
	position: absolute;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	top: 10px;
	left: 10px;
	z-index: -1;
	border-radius: var(--border-radius4x);
	background-image: linear-gradient(to right, var(--primary-rgba-90) 0%, var(--secondary-rgba-70) 100%);
	/* border: 1px var(--secondary) solid; */
	/* rotate: 1deg; */
}


/* old border gradient */
.border-gradient,
.border-gradient-hover:hover {
	border: 1px solid transparent !important;
	background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(var(--secondary), var(--primary)) border-box !important;
	overflow: hidden;
}

/* new border gradient */
.border-gradient-v2 {
	position: relative;
}
.border-gradient-v2::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(to bottom, var(--secondary), var(--primary)) border-box;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

/* card */
.card-prestations-apercu-icone {
	overflow: hidden;
	background: transparent;
	background: var(--light);
}
.section-prestations-apercu .content-icon {
	position: relative;
	transition: 0.3s;
}
.section-prestations-apercu .content-icon::before {
    content: '';
    position: absolute;
	z-index: -1;
    top: -140%;
    left: -140%;
	
    width: 280%;
    height: auto;
    aspect-ratio: 1 / 1;
	
	opacity: .8;
	transform: rotate(-90deg);
	
	background-color: var(--secondary-rgba-30);
	
	-webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1016px' height='1016px' fill='currentColor' ><path d='M587.499,23.036 C367.935,23.036 189.944,201.027 189.944,420.590 C189.944,640.153 367.935,818.145 587.499,818.145 C807.063,818.145 985.054,640.153 985.054,420.590 C985.054,364.587 973.451,311.301 952.556,262.972 C992.962,335.848 1015.977,419.703 1015.977,508.935 C1015.977,789.488 788.540,1016.922 507.991,1016.922 C227.437,1016.922 0.001,789.488 0.001,508.935 C0.001,228.382 227.437,0.949 507.991,0.949 C578.274,0.949 645.223,15.225 706.098,41.032 C668.642,29.340 628.807,23.036 587.499,23.036 Z'/></svg>") no-repeat center / contain;
	mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1016px' height='1016px' fill='currentColor' ><path d='M587.499,23.036 C367.935,23.036 189.944,201.027 189.944,420.590 C189.944,640.153 367.935,818.145 587.499,818.145 C807.063,818.145 985.054,640.153 985.054,420.590 C985.054,364.587 973.451,311.301 952.556,262.972 C992.962,335.848 1015.977,419.703 1015.977,508.935 C1015.977,789.488 788.540,1016.922 507.991,1016.922 C227.437,1016.922 0.001,789.488 0.001,508.935 C0.001,228.382 227.437,0.949 507.991,0.949 C578.274,0.949 645.223,15.225 706.098,41.032 C668.642,29.340 628.807,23.036 587.499,23.036 Z'/></svg>") no-repeat center / contain;
	
	transition: 0.35s;
}
/*
.section-prestations-apercu .card-prestations-apercu-icone.cpai-p1 .content-icon::before {
	background-color: powderblue;
}
.section-prestations-apercu .card-prestations-apercu-icone.cpai-p2 .content-icon::before {
	background-color: palegreen;
}
.section-prestations-apercu .card-prestations-apercu-icone.cpai-p3 .content-icon::before {
	background-color: pink;
}
.section-prestations-apercu .card-prestations-apercu-icone.cpai-p4 .content-icon::before {
	background-color: thistle;
}
.section-prestations-apercu .card-prestations-apercu-icone.cpai-p5 .content-icon::before {
	background-color: lightsalmon;
}
.section-prestations-apercu .card-prestations-apercu-icone.cpai-p6 .content-icon::before {
	background-color: navajowhite;
}
*/


.card-prestations-apercu-icone:hover .content-icon::before {
	/* background: var(--primary-rgba-10); */
	opacity: 1;
}

.card-prestations-apercu-icone.cpai-v2:hover {
	/* background: floralwhite; */
	/* background: rgba(255,255,255,.6); */
	/* background: transparent; */
	/* background: var(--light-rgba-20); */
	/* background: var(--primary-rgba-03); */
	/* border-color: var(--secondary--300); */
	/* background: rgb(255,255,255); */
}
.card-prestations-apercu-icone .lnk-esp {
	position: relative;
}
.card-prestations-apercu-icone .lnk-esp::before {
    /* content: ''; */
    position: absolute;
    top: -120%;
    left: -30%;
    width: 300%;
    /* height: 400%; */
    aspect-ratio: 21 / 9;
	background: var(--primary-rgba-05);
	border-radius: 100% 100% 100% 30%;
	z-index: -1;
	/* transform: rotate(-15deg); */
}


/* thumb info */
.thumb-info-prestations-apercu {
	padding-bottom:27px;
}
.thumb-info-prestations-apercu a:hover h3,
.card-prestations-apercu-icone a:hover h3,
.thumb-info-realisation-apercu a:hover h3,
.thumb-info-actualite-apercu a:hover h3 {
	color: var(--secondary);
}
.thumb-info-prestations-apercu:hover .lnk-esp,
.card-prestations-apercu-icone:hover .lnk-esp,
.thumb-info-actualite-apercu:hover .lnk-esp {
	color: var(--secondary-300) !important;
	border-color: var(--secondary-300) !important;
}
.thumb-info-prestations-apercu .wrap-btn-esp {
	position:absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
}
.thumb-info-prestations-apercu .btn-esp,
.card-prestations-apercu-icone .btn-esp,
.thumb-info-actualite-apercu .btn-esp {
	transition: 0.35s;
}
.thumb-info-prestations-apercu:hover .btn-esp,
.card-prestations-apercu-icone:hover .btn-esp {
	border-color: transparent;
	background:
	linear-gradient(135deg, var(--primary--200) 0%,
	var(--secondary--200) 80%) !important;
	/* box-shadow: 0 0.5em 0.5em -0.4em var(--hover); */
}
.thumb-info-actualite-apercu:hover .btn-esp {
	color: var(--light);
	background: linear-gradient(135deg, var(--primary--200) 0%, var(--secondary--200) 80%) !important;
    transform: translateY(-0.25em);
}
.btn-esp.btn-outline {
    position: relative;
    border: 0;
    color: var(--default);
	/* margin: -10px -10px 0 0; */
}
.btn-esp.btn-outline svg {
	transition: 0.35s;
}
.btn-esp.btn-outline::before,
.btn-esp.btn-outline::after {
	content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
	pointer-events: none;
	
    /* background: var(--default) border-box; */
	
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;	
	
    mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
    mask-composite: exclude;
	
	transition: opacity 0.3s ease;
}
.btn-esp.btn-outline::before {
	background: var(--default);
	opacity: 1;
}
.btn-esp.btn-outline::after {
    background: linear-gradient(to right, var(--primary), var(--secondary));
    background-image: linear-gradient(to right, var(--primary), var(--secondary));	
	opacity: 0;
}
.thumb-info-actualite-apercu:hover .btn-esp .gradient-text-color {
	color: var(--light);
	background: var(--light);
}
.card-prestations-apercu-icone:hover .btn-esp.btn-outline {
    color: var(--secondary);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(to right, var(--primary), var(--secondary));
    background-image: linear-gradient(to right, var(--primary), var(--secondary));	
}
.card-prestations-apercu-icone:hover .btn-esp.btn-outline::before,
.card-prestations-apercu-icone:focus-visible .btn-esp.btn-outline:focus-visible::before {
  opacity: 0;
}
.card-prestations-apercu-icone:hover .btn-esp.btn-outline::after,
.card-prestations-apercu-icone:focus-visible .btn-esp.btn-outline:focus-visible::after {
  opacity: 1;
}
/*
.card-prestations-apercu-icone:hover .btn-esp.btn-outline::before {
    background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 80%) border-box;
}
*/
.thumb-info-prestations-apercu .content-text ul:not(.list-icons) {
    margin-top:0;
	margin-bottom:0;
}
.thumb-info-prestations-apercu .thumb-info-caption.bg-gradient-tlbr-tertiary-dark {
	background:var(--tertiary);
	background: linear-gradient(160deg, var(--tertiary) 15%, var(--quaternary) 100%);
}


/* section-solution-utilites-sa */
.article-solution-utilites-sa h3 {
	position: relative;
	padding-left: 2.5em;
}
.article-solution-utilites-sa h3::before {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
	/* top:.4em; */
    left: .5em;
	width: 1.65em;
	height: 1.65em;
	line-height: 1.7em;
	border-radius: 100%;

	content: "";
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='bi bi-check2' viewBox='0 0 16 16'><path d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0'/></svg>");  	
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.3em 1.3em;
	
	background-color: var(--secondary-rgba-80);
	/* background-color: var(--quaternary); */
	/* background-color: var(--secondary); */
}
.article-solution-utilites-sa .content-img2 {
	max-width:120px;
	height:auto;	
}
.section-solution-utilites-sa.ol {
	counter-reset: custom-counter-2;
}
.section-solution-utilites-sa.ol .article-solution-utilites-sa h3::before {
	font-weight: 600;
	text-align: center;
	content: counter(custom-counter-2);
	counter-increment: custom-counter-2;
	background-image: none;
}
.content_text ol:not(.list-icons),
.content-text ol:not(.list-icons) {
  counter-reset: custom-counter;
}

/* .sort-source.sort-source-style-3 */
.sort-source.sort-source-style-3 > li > a {
  color: #666;
}
.sort-source.sort-source-style-3 > li > a:hover,
.sort-source.sort-source-style-3 > li > a:focus {
background:none;
color: var(--primary) !important;
}



/* .section-realisations-apercu : avec isotope */
.sort-destination-loader::after {
  background: var(--light-rgba-20);
}
.section-realisations-apercu .isotope-item {
display:flex;	
}
/* Pour afficher toute la zone des résultats sans attendre la fin du filtre et éviter CLS */
.section-realisations-apercu .sort-destination-loader.sort-destination-loader-showing,
.section-articles-apercu .sort-destination-loader.sort-destination-loader-showing,
.section-documents-telechargement .sort-destination-loader.sort-destination-loader-showing {
  max-height: none;
  overflow: visible;
}

/* article-solution-utilites-sa */
.article-solution-utilites-sa .content-text ul:not(.list-icons) {
	margin-left: 5px;
}
.article-solution-utilites-sa .content-text ul:not(.list-icons) li {
	margin-bottom: 10px;
}

/* FAQ .accordion-custom */
.accordion.accordion-custom > .card {
  /* transition-property: color, background, box-shadow; */
  /* transition-duration: 300ms; */
  /* transition-timing-function: ease;	 */
	transition: ease border-color 300ms, ease background 300ms;
}
.accordion.accordion-custom .card:first-of-type,
.accordion.accordion-custom .card:not(:first-of-type):not(:last-of-type),
.accordion.accordion-custom .card:last-of-type {
    border-radius: var(--border-radius3x);
	border-width: 1px !important;
}
.accordion.accordion-custom.accordion-modern-status.accordion-modern-status-borders > .card {
    /* border-color: rgba(0, 0, 0, 0.125) !important; */
	border-color: var(--default) !important;
	background: transparent;
}
.accordion.accordion-modern-status > .card .card-header a {
    padding-right: 60px;
}
.accordion.accordion-custom > .card .card-header a.collapsed {
	color: var(--default) !important;
}
.accordion.accordion-custom > .card .card-header a,
.accordion.accordion-custom > .card:hover .card-header a.collapsed {
	color: var(--secondary-300) !important;
}
.accordion.accordion-custom > .card .card-header a.collapsed::after {
	/* background-color: var(--grey-300); */
	transition: ease all 300ms;
}
.accordion.accordion-custom > .card:hover .card-header a.collapsed::after {
	/* background-color: var(--secondary-rgba-30); */
}
.accordion.accordion-custom > .card .card-header a::after {
	content: "";
    /* transform: translate3d(0, -50%, 0) rotate(45deg); */
	
    font-size: 1.1em;
	width: 1em;
	height: 1em;
	
	/* transform: rotateX(180deg);  */
	/* transform-style: preserve-3d; */
	/* transform-origin: 50% 50% 0;	 */
	
	transform: translateY(-50%) rotateX(180deg);
	transition: transform .5s ease;
	
	color: var(--secondary-300);
    
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%2372bd88' class='bi bi-chevron-down' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/></svg>");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1em 1em;	
}
.accordion.accordion-custom > .card .card-header a.collapsed::after {
	/* transform: translate3d(0, -50%, 0) rotate(0deg); */
	/* transform: rotateX(180deg); */
	transform: translateY(-50%) rotate(0);
	color: var(--default);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' class='bi bi-chevron-down' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/></svg>");	
}
.accordion.accordion-custom > .card:hover .card-header a.collapsed::after {
	color: var(--secondary-300);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%2372bd88' class='bi bi-chevron-down' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/></svg>");	
}
.accordion.accordion-modern-status.accordion-modern-status-borders > .card:hover,
.accordion.accordion-modern-status.accordion-modern-status-borders > .card:has(.collapsing),
.accordion.accordion-modern-status.accordion-modern-status-borders > .card:has(.show) {
    border-color: var(--secondary) !important;
	box-shadow: 0 0 2px var(--secondary);
    /* background-color: var(--secondary-rgba-10); */
}
@media (max-width: 991px) {
	.accordion.accordion-custom > .card .card-header a {
		padding-right: 50px;
	}	
	.accordion.accordion-custom > .card .card-header a::after {
		right: 20px;
	}
	.accordion.accordion-modern-status > .card + .card {
		margin-top: 10px;
	}
}





/* .section-alert-box */
.section-alert-box .content-icon svg {
	width:1em;
	height:1em;
}


/* section-galerie-photos : avec isotope */
.section-galerie-photos .bounce-loader {
  top: 50px;
}
.section-galerie-photos .bounce-loader .bounce1,
.section-galerie-photos .bounce-loader .bounce2,
.section-galerie-photos .bounce-loader .bounce3 {
  background-color: #663e56;
}
.section-galerie-photos .sort-destination-loader.sort-destination-loader-showing {
  max-height: none;
}
.section-galerie-photos .sort-source.sort-source-style-3 > li > a {
	padding-left:0;
	padding-right:0;
  color: #7e7d7d;
  font-size:1.05rem;
}
.section-galerie-photos .sort-source.sort-source-style-3 > li > a:hover,
.section-galerie-photos .sort-source.sort-source-style-3 > li > a:focus {
background:none;
color: #663e56 !important;
}
.section-galerie-photos .sort-source.sort-source-style-3 > li.active > a {
	/* border-bottom-color: #fff !important; */
	/* border-bottom: none !important; */
	border-bottom-width: 1px;
	color: #663e56 !important;
}
.thumb-info.thumb-info-photo- .thumb-info-title {
	background:#383f48;
  font-size: 0.95rem;
  letter-spacing: normal;
  font-weight:normal;
  bottom: -1px;
}
.thumb-info.thumb-info-photo.thumb-info-bottom-info-dark-linear .thumb-info-title {
  background: linear-gradient(to top, #383f48 0, transparent 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}


/* .thumb-info */
/* custom-thumb-info-4 : pour galerie photo et vidéo */
.thumb-info.thumb-info-centered-icons.custom-thumb-info-4 .thumb-info-action-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: var(--primary);
  margin-right: 0;
}
.thumb-info.thumb-info-centered-icons.custom-thumb-info-4 .thumb-info-action-icon i {
  font-size: 20px;
}
.thumb-info.custom-thumb-info-4.thumb-info-centered-icons .thumb-info-action-icon:hover {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.thumb-info.thumb-info-centered-icons.custom-thumb-info-4 .content-video .thumb-info-action {
	opacity:1;
}
.thumb-info.thumb-info-centered-icons.custom-thumb-info-4:hover .content-video .thumb-info-action-icon {
  transform: scale(1.1, 1.1);
}
@media (min-width: 992px) {
	.thumb-info.thumb-info-centered-icons.custom-thumb-info-4 .thumb-info-action-icon {
	  width: 56px;
	  height: 56px;
	  line-height: 56px;
	}
	.thumb-info.thumb-info-centered-icons.custom-thumb-info-4 .thumb-info-action-icon i {
	  font-size: 24px;
	}
}







/* .testimonial */
.testimonial blockquote {
  /* font-family: 'Noto Serif', serif; */
}





/* .section-points-forts */




/* Réalisation */



/* magnific popup avec icons */
button.mfp-arrow.mfp-arrow-left::after {
  /* content: "\F284"; */
  /* font-family: 'bootstrap-icons'; */
	width: 1.5em;
	height: 1.5em;
	content: ""; 
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='bi bi-chevron-left' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/></svg>");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;	
}
button.mfp-arrow.mfp-arrow-right::after {
  /* content: "\F285"; */
	width: 1.5em;
	height: 1.5em;
	content: ""; 
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='bi bi-chevron-right' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;		
}


/* aspect-ratio img */
.aspect-ratio-1by1 {
	aspect-ratio: 1/1;
}
.aspect-ratio-4by3 {
	aspect-ratio: 4/3;
}
.aspect-ratio-5by4 {
	aspect-ratio: 5/4;
}
.aspect-ratio-6by5 {
	aspect-ratio: 6/5;
}
.aspect-ratio-3by4 {
	aspect-ratio: 3/4;
}
.aspect-ratio-16by9 {
	aspect-ratio: 16/9;
}
.aspect-ratio-16by10 {
	aspect-ratio: 16/10;
}
.aspect-ratio-21by9 {
	aspect-ratio: 21/9;
}
.aspect-ratio-30by9 {
	aspect-ratio: 30/9;
}
.aspect-ratio-paysage { /* pour album */
	aspect-ratio: 2.0275;
}
.aspect-ratio-paysage-v2 { /* pour album */
	aspect-ratio: 1.523;
}
.aspect-ratio-paysage-v3 { 
	aspect-ratio: 2.023;
}
.aspect-ratio-paysage-v4 { /* avec portrait 3/4 sur 1/3 et paysage v4 sur 2/3 */
	aspect-ratio: 1.515;
}
.aspect-ratio-10by16 {
	aspect-ratio: 10/16;
}
.aspect-ratio-3by4 {
	aspect-ratio: 3/4;
}
 /* slider b1 et b2 : pour slider col7 b1 et col5 avec 2x b2 en hauteur avec gy-10pct */
.aspect-ratio-slider-b1 {
	aspect-ratio: 1.25;
}
.aspect-ratio-slider-b2 {
	aspect-ratio: 1.796;
}
 /* slider c1 et c2 */ 
.aspect-ratio-slider-c1 {
	aspect-ratio: 1.05;
}
.aspect-ratio-slider-c2 {
	aspect-ratio: 2.169;
}
/* Simplifier ci-dessous avec une unique classe  .aspect-ratio */
.aspect-ratio > iframe,
.aspect-ratio > .googlemaps_embed, /* class .googlemaps_embed avec TAC */
.aspect-ratio > .googlemaps_embed > iframe, /* class .googlemaps_embed avec TAC */
.aspect-ratio > .youtube_player,
.aspect-ratio > .youtube_player > iframe,
.aspect-ratio > img,
.aspect-ratio > figure,
.aspect-ratio > figure > img,
.aspect-ratio-1by1 > iframe,
.aspect-ratio-4by3 > iframe,
.aspect-ratio-3by4 > iframe,
.aspect-ratio-16by9 > iframe,
.aspect-ratio-16by10 > iframe,
.aspect-ratio-21by9 > iframe,
.aspect-ratio-30by9 > iframe,
.aspect-ratio-1by1 > img,
.aspect-ratio-4by3 > img,
.aspect-ratio-3by4 > img,
.aspect-ratio-16by9 > img,
.aspect-ratio-16by10 > img,
.aspect-ratio-21by9 > img,
.aspect-ratio-30by9 > img,
.aspect-ratio-paysage > img,
.aspect-ratio-paysage-v2 > img,
.aspect-ratio-paysage-v3 > img,
.aspect-ratio-paysage-v4 > img,
.aspect-ratio-10by16 > img,
.aspect-ratio-3by4 > img,
.aspect-ratio-1by1 > figure,
.aspect-ratio-4by3 > figure,
.aspect-ratio-3by4 > figure,
.aspect-ratio-16by9 > figure,
.aspect-ratio-16by10 > figure,
.aspect-ratio-21by9 > figure,
.aspect-ratio-30by9 > figure,
.aspect-ratio-paysage > figure,
.aspect-ratio-paysage-v2 > figure,
.aspect-ratio-paysage-v3 > figure,
.aspect-ratio-paysage-v4 > figure,
.aspect-ratio-10by16 > figure,
.aspect-ratio-3by4 > figure,
.aspect-ratio-1by1 > figure > img,
.aspect-ratio-4by3 > figure > img,
.aspect-ratio-3by4 > figure > img,
.aspect-ratio-16by9 > figure > img,
.aspect-ratio-16by10 > figure > img,
.aspect-ratio-21by9 > figure > img,
.aspect-ratio-30by9 > figure > img,
.aspect-ratio-paysage > figure > img,
.aspect-ratio-paysage-v2 > figure > img,
.aspect-ratio-paysage-v3 > figure > img,
.aspect-ratio-paysage-v4 > figure > img,
.aspect-ratio-10by16 > figure > img,
.aspect-ratio-3by4 > figure > img  {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
@media (min-width: 992px) {
	.aspect-ratio-lg-1by1 {
		aspect-ratio: 1/1;
	}
	.aspect-ratio-lg-4by3 {
		aspect-ratio: 4/3;
	}
	.aspect-ratio-lg-3by4 {
		aspect-ratio: 3/4;
	}
	.aspect-ratio-lg-16by9 {
		aspect-ratio: 16/9;
	}
	.aspect-ratio-lg-16by10 {
		aspect-ratio: 16/10;
	}
	.aspect-ratio-lg-21by9 {
		aspect-ratio: 21/9;
	}
	.aspect-ratio-lg-30by9 {
		aspect-ratio: 30/9;
	}
	.aspect-ratio-lg-paysage-v3 {
		aspect-ratio: 2.023;
	}
}
@media (min-width: 1200px) {
	.aspect-ratio-xl-1by1 {
		aspect-ratio: 1/1;
	}
	.aspect-ratio-xl-4by3 {
		aspect-ratio: 4/3;
	}
	.aspect-ratio-xl-3by4 {
		aspect-ratio: 3/4;
	}
	.aspect-ratio-xl-16by9 {
		aspect-ratio: 16/9;
	}
	.aspect-ratio-xl-16by10 {
		aspect-ratio: 16/10;
	}
	.aspect-ratio-xl-21by9 {
		aspect-ratio: 21/9;
	}
	.aspect-ratio-xl-30by9 {
		aspect-ratio: 30/9;
	}
	.aspect-ratio-xl-paysage-v3 {
		aspect-ratio: 2.023;
	}
	.aspect-ratio-xl-slider-b1 {
		aspect-ratio: 1.25;
	}	
}





@media (min-width: 992px) {
	.lead,
	header .header-desc {
		font-size: 1.25em;
		line-height: 1.5;
	}
	.section-row {
		padding-bottom:60px;
	}
	.section-bg,
	.section-bg-color {
		padding-top:60px;
		padding-bottom:60px;
	}
	.section-py-lg {
		padding-top:80px;
		padding-bottom:80px;
	}
	.section-py-xl {
		padding-top:90px;
		padding-bottom:90px;
	}	

	header.overlay-custom,
	section.overlay-custom {
		padding:60px 20px;
	}

	.section-titre-texte-img-2 .col-text-inner {
		margin-bottom:0;
		/* margin-top: -20px; */
		padding: 40px;
		width:auto; /* 100% : mettre auto, pour avoir le texte sur toute la largeur de la col + le margin de recouvrement ! , sinon avec 100% le margin décalle juste la zone de texte mais n'augmente pas sa largeur du margin negatif servant au recouvrement */
	}
	.section-titre-texte-img-2 .col-text-d .col-text-inner {
		margin-left: -40px;
	}
	.section-titre-texte-img-2 .col-text-g .col-text-inner {
		margin-right: -40px;
	}	
	
	.text-bg .col-text-inner,
	.section-text-bg-color .col-text-inner {
		padding: 45px;
	}
	
}
@media (min-width: 1200px) {
	.section-titre-texte-img-2 .col-text-inner {
		padding: 40px;
	}

	.section-titre-texte-img-2 .col-img-d .content-figure {
		margin-left: -50px;
	}
	.section-titre-texte-img-2 .col-img-g .content-figure	{
		margin-right: -50px;
	}
	.section-titre-texte-img-2 .col-text-d .col-text-inner {
		margin-left: -100px;
	}
	.section-titre-texte-img-2 .col-text-g .col-text-inner {
		margin-right: -100px;
	}
	
	.section-titre-texte-img-2 .col-img-d .content-figure figcaption {
		padding-left: 160px;
	}
	.section-titre-texte-img-2 .col-img-g .content-figure figcaption {
		padding-right: 160px;
	}
}
@media (min-width: 1400px) {

}
@media (max-width: 991px) {
	.content-wrap-img-border::before {
		width: calc(100% + 3px);
		height: calc(100% + 3px);
	}
}
@media (max-width: 767px) {

}
@media (max-width: 575px) {

}



/* Owl carrousel */

/* Compatibilité correction CLS */
.articles-apercu-carrousel {
	width: 80%;
}
.no-js .certifications-partenaires-carrousel .owl-carousel,
.certifications-partenaires-carrousel .owl-carousel.owl-loaded,
.no-js .articles-apercu-carrousel .owl-carousel,
.articles-apercu-carrousel .owl-carousel.owl-loaded {
    display: flex;
    /* flex-direction: column; */
}
.certifications-partenaires-carrousel .owl-carousel .owl-stage-outer,
.articles-apercu-carrousel .owl-carousel .owl-stage-outer {
    display: flex;
}
.certifications-partenaires-carrousel .owl-carousel .owl-stage,
.certifications-partenaires-carrousel .owl-carousel .owl-stage .owl-item,
.certifications-partenaires-carrousel .owl-carousel .owl-stage .owl-item .content-item,
.articles-apercu-carrousel .owl-carousel .owl-stage,
.articles-apercu-carrousel .owl-carousel .owl-stage .owl-item,
.articles-apercu-carrousel .owl-carousel .owl-stage .owl-item .content-item {
	display: flex;
}
.certifications-partenaires-carrousel .owl-carousel .content-item {
	align-items: center;
}
.owl-carousel.nav-bottom .owl-stage-outer {
    margin-bottom: 0;
}
.owl-carousel .owl-stage:after {
    content: none; /* sinon largeur des items avec owl-loaded pas tout à faire la même */
}
/*
.owl-theme .owl-nav .disabled {
display:none !important;
}
*/
/* correction CLS */
.certifications-partenaires-carrousel .owl-carousel:not(.owl-loaded),
.articles-apercu-carrousel .owl-carousel:not(.owl-loaded) {
	display:flex;
	opacity: 1;
	overflow: hidden;
}
.articles-apercu-carrousel .owl-carousel .owl-stage-outer {
   overflow: visible; /* pour voir les suivants à droite de container sur mobile */
}
.articles-apercu-carrousel .owl-carousel:not(.owl-loaded) > .content-item {
	display: flex !important;
	flex-shrink: 0;
	width: 100%; /* 1 items, à adapter selon résolutions d'écran et param responsive d'owl */
}
.certifications-partenaires-carrousel .owl-carousel:not(.owl-loaded) > .content-item {
	display: flex !important;
	flex-shrink: 0;
	/* 3 items */	
	width: 33.33%;
	width: calc(100% / 3);
}
/* .nav-inside */
.articles-apercu-carrousel .owl-carousel.nav-inside .owl-nav button {
	width: 50px;
    height: 50px;
	border-radius:50%;
	display: flex;
    justify-content: center;
	align-items: center;
}
.articles-apercu-carrousel .owl-carousel.nav-inside .owl-nav button.disabled {
	display:none;
}
.articles-apercu-carrousel .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*='owl-'] {
    background-color: var(--secondary);
    /* border: 1px var(--grey-200) solid; */
	/* box-shadow: 0 0 8px var(--dark-rgba-20); */
    color: var(--light);
	transition: 200ms;
}
.articles-apercu-carrousel .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*='owl-']:hover {
	/* background-color: var(--grey-100); */
	/* box-shadow: 0 0 8px var(--dark-rgba-30); */
	background-color: var(--secondary-300);
}
.articles-apercu-carrousel .owl-carousel .owl-nav button.owl-prev::before,
.articles-apercu-carrousel .owl-carousel .owl-nav button.owl-next::before {
    font-size: 1.3rem;
}
.articles-apercu-carrousel .owl-carousel.nav-inside .owl-nav button.owl-prev {
    left: -20px;
}
.articles-apercu-carrousel .owl-carousel.nav-inside .owl-nav button.owl-next {
    right: -20px;
    left: auto;
}
/* .show-nav-title.show-nav-title-both-sides */
.articles-apercu-carrousel .owl-carousel.show-nav-title .owl-nav {
	top: auto;
    bottom: 0; /* position bottom owl */
}
.articles-apercu-carrousel .owl-carousel.show-nav-title.show-nav-title-both-sides button.owl-prev {
	left:30px;
}
.articles-apercu-carrousel .owl-carousel.show-nav-title.show-nav-title-both-sides button.owl-next {
	right:30px;
}
@media (min-width: 480px) {
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
	.articles-apercu-carrousel {
		width: 90%;
	}	
	.articles-apercu-carrousel .owl-carousel:not(.owl-loaded) > .content-item {
		/* 2 items */
		width:50%;
	}
	.certifications-partenaires-carrousel .owl-carousel:not(.owl-loaded) > .content-item {
		/* 4 items */	
		width: 25%;
	}
}
@media (min-width: 992px) {
	.articles-apercu-carrousel {
		width: auto;
	}
	.articles-apercu-carrousel .owl-carousel .owl-stage-outer {
	   overflow: hidden; /* pour masquer les suivants à droite de container sur desktop */
	   /* justify-content: center; */
	}
	.articles-apercu-carrousel .owl-carousel:not(.owl-loaded) > .content-item {
		/* 3 items */	
		width: 33.33%;
		width: calc(100% / 3);		
	}
	.certifications-partenaires-carrousel .owl-carousel:not(.owl-loaded) > .content-item {
		/* 5 items */	
		width: 20%;	
	}
}
@media (min-width: 1200px) {
	.certifications-partenaires-carrousel .owl-carousel:not(.owl-loaded) > .content-item {
		/* 6 items */	
		width: 16.6667%;
		width: calc(100% / 6);
	}
}




/* Owl image : mettre owl-one-img et owl-loaded dans class avec owl-carousel + indiquer ratio pour img */
.owl-theme .owl-dots {
line-height:1;	
}
.owl-carousel.owl-one-img > .content-slide:not(:first-child) {
    display: none;
}

/* Correction cls Owl texte ? (sans donner de width et height) */
.owl-carousel.owl-cls { /* test de zone */
/* background:#f0f0f0;	 */
}
.owl-carousel.owl-cls:not(.owl-loaded) {
	display: flex;
	flex-direction: row;
	padding-bottom: 30px; /* height 20px (à vérifier selon le style d'owl) + margin-top 10 lorsque owl-nav est disabled = 30px */
}
.owl-carousel.owl-cls:not(.owl-loaded) > div {
	flex: 0 0 100%;
}


.owl-carousel.nav-light.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-light.nav-style-1 .owl-nav .owl-prev {
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
.owl-carousel.nav-style-1 .owl-nav .owl-next::before,
.owl-carousel.nav-style-1 .owl-nav .owl-next::after,
.owl-carousel.nav-style-1 .owl-nav .owl-prev::before,
.owl-carousel.nav-style-1 .owl-nav .owl-prev::after {
    font-size: 1.8rem;
}
.owl-carousel .owl-nav button.owl-prev::before,
.owl-carousel .owl-nav button.owl-next::before {
  font-size: 0.95rem;
  top: 0;
}


.owl-theme .owl-dots .owl-dot span {
  border-radius: 0;
}


/* btn */
/* custom-btn-tranlate-icon */
.btn .custom-btn-tranlate-icon{
  transition: ease transform 300ms;
}
.btn:hover .custom-btn-tranlate-icon {
  transform: translate3d(6px, 0, 0);
}
.btn-lh-c1 {
line-height:1.2;	
}
/* btn border gradient et radius */
.btn-gradient.btn-outline.btn-rounded {
	position: relative;
	border:0;
	color: var(--secondary);
	background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(to right, var(--primary), var(--secondary));
    background-image: linear-gradient(to right, var(--primary), var(--secondary));	
}
.btn-gradient.btn-outline.btn-rounded::before {
	content: "";
	position: absolute;
	inset:0;
	border-radius: 35px;
	padding: 2px;
	background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%) border-box;
	mask:
	 linear-gradient(#000 0 0) content-box, 
     linear-gradient(#000 0 0);
	mask-composite: exclude;
}
.btn-gradient.btn-outline.btn-rounded:hover {
	background: linear-gradient(to right, var(--primary--300), var(--secondary--300));
	background-image: linear-gradient(to right, var(--primary--300), var(--secondary--300));
}
.btn-gradient.btn-outline.btn-rounded:hover::before {
	background: linear-gradient(135deg, var(--primary--300) 0%, var(--secondary--300) 80%) 
}
/*
.btn-gradient.btn-outline.btn-rounded:hover::after {
	content: "";
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	border-radius: 35px;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.25);
}
*/

/* custom list */
.custom-list li {
position:relative;
padding-left:30px;	
}
.custom-list li::before {
	position:absolute;
	left:0;
	top:9px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 6px;
  border-radius:50px;
  background-color: var(--primary);
}





/* shadow-inset-img */
.shadow-inset-img {
position:relative;
}
.shadow-inset-img.shadow-inset-img-format {
height: 100%;
}
.shadow-inset-img::after {
position:absolute;
content: "";
top:0;
bottom:0;
left:0;
right:0;
box-shadow: 0 0 30px #000 inset;	
}



/* magnific popup button arrow */
button.mfp-arrow {
  background: var(--primary);
}
.mfp-iframe-holder .mfp-content {
	max-width:1200px;	
}



/* .google-map-banniere */
.google-map-banniere {
    height: 350px;
    width: 100%;
    overflow: hidden;
}
.google-map-banniere .googlemaps_embed,
.google-map-banniere .googlemaps_embed iframe {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media (min-width: 992px) {
	.google-map-banniere {
		height: 450px;
	}
}
@media (min-width: 1200px) {
	.google-map-banniere {
		height: 500px;
	}
}

/* svg */
html .svg-fill-color-primary-light {
	fill: #d9b9d0 !important;
}
html .svg-fill-color-primary-light svg path,
html .svg-fill-color-primary-light svg rect,
html .svg-fill-color-primary-light svg line,
html .svg-fill-color-primary-light svg polyline,
html .svg-fill-color-primary-light svg polygon {
	fill: #d9b9d0 !important;
}
html .svg-fill-color-hover-primary-light:hover {
	fill: #d9b9d0 !important;
}
html .svg-fill-color-hover-primary-light svg:hover path,
html .svg-fill-color-hover-primary-light svg:hover rect,
html .svg-fill-color-hover-primary-light svg:hover line,
html .svg-fill-color-hover-primary-light svg:hover polyline,
html .svg-fill-color-hover-primary-light svg:hover polygon {
	fill: #d9b9d0 !important;
}





/* Main et sidebar */
/*
@media (min-width: 992px) {
	.page-barre-laterale-gauche .col-sidebar {
	width: 25%;
	}
	.page-barre-laterale-gauche .col-main {
	width: 75%;
	}
}
*/

/* mobile-sidebar-side-shown : mobile-canvas-shown dans body si clic sur Filters */
/*
@media (max-width: 991px) {
	.mobile-sidebar-side {
	  position: fixed;
	  top: 0;
		right: auto;
		left: 0;
	  bottom: 0;
	  width: 260px;
	  padding: 0;
	  transition: all .3s;
	  background-color: #fff;
	  z-index: 1501;
	}
}
.mobile-sidebar-side-inner {
display: block;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 15px;
}
.catalogue-liste-produits  .product-filters-toggle svg {
  fill: #fff;
  width: 28px;
  stroke: #222529;
}
*/

.page-barre-laterale-gauche.compte-accueil .col-sidebar {
	display: none;
}
.page-barre-laterale-gauche.compte-accueil .col-main {
	width: 100% !important;
}

/* aside .widget */
/*
aside .widget {
  border: 0;
  /* border-top: 5px var(--primary) solid; */
  padding: 0;
  padding: 20px 15px 10px 15px;
  background: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.15)
}
*/

/* widget-ssmenu-sidebar */
#sidebar .widget-ssmenu-sidebar {
}
#sidebar .widget h4 {
	font-size:1.4rem;
	/* text-transform: uppercase; */
}

/* nav-list-arrows-custom */
ul.nav-list-arrows-custom li a {
	font-size: .95rem;
	padding-right: 32px;
	transition: ease all 300ms;
	letter-spacing: -.3px;
}
ul.nav-list-arrows-custom li a::before {
	top: 10px;
	right:3px;
	
	/* font-family: 'bootstrap-icons'; */
    /* content: "\F285"; */
	/* font-weight:400; */
	
	/* color: var(--default); */
	
  /* line-height: 1.6em; */
  /* justify-content: center; */
  
	font-size: 1em;
	width: 1.6em;
	height: 1.6em;
	line-height:1.65em;
	border-radius: 100%;
	content: "";
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");  	
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1em 1em;  
  
	background-color: var(--dark-rgba-10);
	/* transition: ease transform 300ms; */
}
ul.nav-list-arrows-custom li a::after {
	content:none;
}
ul.nav-list-arrows-custom li:last-child a {
 border-bottom: 1px solid rgba(0,0,0,.06);
}
ul.nav-list-arrows-custom li ul {
  margin: 0 0 0 15px;
}
ul.nav-list-arrows-custom li a:hover,
ul.nav-list-arrows.nav-list-arrows-custom li a.active {
  color: var(--secondary);
}
ul.nav-list-arrows-custom li a:hover::before,
ul.nav-list-arrows-custom li a.active::before {
	animation: none;
  /* color: var(--default); */
  background-color: var(--secondary-rgba-20);
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235aaa72' class='bi bi-chevron-right' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");   
}


/*
#sidebar ul.nav-list {
margin-left:0;
}
#sidebar ul.nav-list li {
line-height: 1;
}
#sidebar ul.nav-list li a {

}
#sidebar ul.nav-list > li > a {
font-size: .95rem;
padding: 12px 25px 12px 0;
}
#sidebar ul.nav-list li a::before {
font-family: 'bootstrap-icons';
    content: "\F285";
	font-size:.9rem;
	left:auto;
	right:0;
	top: 10px;
  transform: translate3d(-1px, 0, 0);
}
ul.nav-list li a:hover::before {
  -webkit-animation-name: none;
  animation-name: none;
}
#sidebar ul.nav-list > li > a:hover,
#sidebar ul.nav-list > li.actif > a,
#sidebar ul.nav-list > li > a.active,
#sidebar ul.nav-list > li > a.actif {
	color:var(--dark);
}
#sidebar ul.nav-list > li.actif > a,
#sidebar ul.nav-list > li > a.active,
#sidebar ul.nav-list > li > a.actif {
	font-weight:600;
}
#sidebar  ul.nav-list li ul {
  margin: 0 0 0 20px;
}
*/

/* tarteaucitron TAC */
#tarteaucitronRoot #tarteaucitronAlertBig { /* Si que Youtube et maps : activation des services au moment de la consultation */
display:none !important;	
}
.tac_activate.tac_activate_youtube,
.tac_activate.tac_activate_maps_noapi {
  background: rgba(50,50,50,.2) !important;
}
.tac_activate.tac_activate_youtube .tarteaucitronAllow,
.tac_activate.tac_activate_maps_noapi .tarteaucitronAllow {
  font-size:1.4rem;
}



/* Footer */
#footer {
    font-size: .95em;
}
#footer .footer-infos h4 {
	color: var(--light);
	font-weight:600;
	/* text-transform: uppercase; */
	position:relative;
	z-index: 0;
  /* display: inline-flex; */
  /* padding: 0 0.1em; */
}
/*
#footer .footer-infos h4::before {
content: '';
  height: 40%;
  width: 100%;
  bottom: 5%;
  left: 0;
  position: absolute;
  z-index: -1;
  background-color: var(--primary-rgba-10);
}
*/
#footer .footer-infos,
#footer .footer-infos p {
	color: var(--light-rgba-60);
}

#footer .footer-infos a:not(.btn):not(.no-footer-css),
#footer .footer-infos a:not(.btn):not(.no-footer-css):focus,
#footer .footer-infos a:not(.btn):not(.no-footer-css):active {
	color: var(--light-rgba-60);
}
#footer .footer-infos a:not(.btn):not(.no-footer-css):hover {
	text-decoration:underline;
	/* color: var(--primary-rgba-70); */
	color: var(--light-rgba-60);
}
#footer .social-icons li a {
	color: var(--light-rgba-60) !important;
}
.social-icons.social-icons-custom li a {
    font-size: 1.8rem;
    height: 1.8em;
    line-height: 1.8em;
    width: 1.8em;
}

/* .footer-copyright */
#footer .footer-copyright {
	color: var(--light-rgba-40);
	/* border-top:1px #301428 solid; */
	/* border-top: 0; */
	/* background-color: transparent; */
	/* background:rgb(255, 202, 42); */
	/* background:#fff; */
}
#footer .footer-copyright a:not(.btn):not(.no-footer-css),
#footer .footer-copyright a:not(.btn):not(.no-footer-css):focus,
#footer .footer-copyright a:not(.btn):not(.no-footer-css):active {
	color: var(--light-rgba-40);
}
#footer .footer-copyright a:not(.btn):not(.no-footer-css):hover {
	text-decoration: underline;
	color: var(--light-rgba-40);
}
#footer .footer-copyright nav ul li {
    padding: 0;
}


.social-icons.social-icons-medium li a,
.social-icons.social-icons-medium li a {
  font-size: 1.05rem;
}
.social-icons.social-icons-big li a,
.social-icons.social-icons-lg li a {
  font-size: 1.2rem;
}


/* .bs-callout */
/*
Exemple
<div class="bs-callout bs-callout-default">
  <h4>Default Callout</h4>
  This is a default callout.
</div>
*/
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #ECECEC;
    border-left-width: 4px;
    border-radius: 3px;
	background:#fff;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
.bs-callout-primary {
    border-left-color: var(--primary);
}
.bs-callout-primary h4 {
    color: var(--primary);
}



.page-link {
	border-color: var(--primary);
}
.page-link:hover {
	border-color: var(--primary);
	background-color: var(--primary-rgba-10);
}


/* Articles nav-pills-themes */
ul.nav-pills-themes li {
	margin-bottom:15px;
}
ul.nav-pills-themes li .nav-link {
	display: inline-flex;
	border: 1px var(--dark) solid;
}
ul.nav-pills-themes li:not(.active) .nav-link:hover {
	color: var(--light);
	background: var(--dark);
}


/* Posts blog (articles) */
/*
.blog-posts:not(.blog-posts-no-margins) article {
  border-bottom: 1px solid rgba(0,0,0,.06);
  margin-bottom: 30px;
  padding-bottom: 20px;
}
*/
.blog-posts-custom article.post-icon {
	position: relative;
}
.blog-posts-custom article.post-icon .post-content {
  padding-left: 3.5em;
}
.blog-posts-custom  article.post-icon::before {
  position: absolute;
  /* top: -1px; */
  /* left: 0; */
  
  /* font-family: 'bootstrap-icons'; */
  /* content: "\F4A3"; */
  
	/* font-size: 1.6em; */
	/* line-height: 1.7em; */

  /* color: var(--dark); */
  /* text-align: center; */
	
	width: 2.7em;
	height:2.7em;
	border-radius: 100%;
  
	content: "";
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' class='bi bi-newspaper' viewBox='0 0 16 16'><path d='M0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v10.528c0 .3-.05.654-.238.972h.738a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 1 1 0v9a1.5 1.5 0 0 1-1.5 1.5H1.497A1.497 1.497 0 0 1 0 13.5zM12 14c.37 0 .654-.211.853-.441.092-.106.147-.279.147-.531V2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5v11c0 .278.223.5.497.5z'/><path d='M2 3h10v2H2zm0 3h4v3H2zm0 4h4v1H2zm0 2h4v1H2zm5-6h2v1H7zm3 0h2v1h-2zM7 8h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2z'/></svg>");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
  
	background-color: var(--dark-rgba-10);
  
  /* transition: all 0.3s ease-in-out; */
}
.blog-posts-custom article.post-icon:hover {
border-color: var(--primary-rgba-30) !important;
box-shadow:0 0 10px rgba(0,0,0,0.1);
/* background: var(--grey-100);	 */
}
.blog-posts-custom  article.post-icon:hover::before {
	/* color: var(--primary-rgba-80); */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23e41822' fil-opcaity='0.8' class='bi bi-newspaper' viewBox='0 0 16 16'><path d='M0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v10.528c0 .3-.05.654-.238.972h.738a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 1 1 0v9a1.5 1.5 0 0 1-1.5 1.5H1.497A1.497 1.497 0 0 1 0 13.5zM12 14c.37 0 .654-.211.853-.441.092-.106.147-.279.147-.531V2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5v11c0 .278.223.5.497.5z'/><path d='M2 3h10v2H2zm0 3h4v3H2zm0 4h4v1H2zm0 2h4v1H2zm5-6h2v1H7zm3 0h2v1h-2zM7 8h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2z'/></svg>");	
	background-color: var(--primary-rgba-10);
}
.blog-posts-custom  article.post-icon a:hover h3 {
  color: var(--primary);
}
@media (min-width: 992px) {
	.blog-posts-custom article.post-icon .post-content {
	  padding-left: 5.5em;
	}
	.blog-posts-custom  article.post-icon::before {
		/* font-size: 2.4em; */
		/* line-height: 1.7em; */
		width: 4.2em;
		height: 4.2em;
		background-size: 2.4em 2.4em;
	}
}

article.post-large .post-meta .social-btn {
  display: inline-block;
}
article.blog-single-post .content_chapo img,
article.blog-single-post .content_text img {
	max-width: 100%;
}



/* Billet document */
article.billet-document {
	position: relative;
}
article.billet-document .post-content {
  /* position: relative; */
  padding-left: 3.5em;
}
article.billet-document::before {
  position: absolute;
  /* top: -1px; */
  /* left: 0; */
  /* font-family: 'bootstrap-icons'; */
  /* color: var(--dark); */
  
	/* font-size: 1.6em; */
	/* line-height: 1.7em; */
	 /* text-align: center; */
	 
	border-radius: 100%;
	
	width: 2.7em;
	height:2.7em;
	
	content: "";
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
  
	background-color: var(--dark-rgba-10);
  /* transition: all 0.3s ease-in-out; */
}
article.billet-document-pdf::before {
  /* content: "\F756"; */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' class='bi bi-filetype-pdf' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38.57.57 0 0 1-.238.241.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181.185.183.185.522m1.217-1.333v3.999h1.46q.602 0 .998-.237a1.45 1.45 0 0 0 .595-.689q.196-.45.196-1.084 0-.63-.196-1.075a1.43 1.43 0 0 0-.589-.68q-.396-.234-1.005-.234zm.791.645h.563q.371 0 .609.152a.9.9 0 0 1 .354.454q.118.302.118.753a2.3 2.3 0 0 1-.068.592 1.1 1.1 0 0 1-.196.422.8.8 0 0 1-.334.252 1.3 1.3 0 0 1-.483.082h-.563zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638z'/></svg>");  
}
article.billet-document-xlsx::before {
  /* content: "\F793"; */
 	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' class='bi bi-filetype-xlsx' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM7.86 14.841a1.13 1.13 0 0 0 .401.823q.195.162.479.252.284.091.665.091.507 0 .858-.158.355-.158.54-.44a1.17 1.17 0 0 0 .187-.656q0-.336-.135-.56a1 1 0 0 0-.375-.357 2 2 0 0 0-.565-.21l-.621-.144a1 1 0 0 1-.405-.176.37.37 0 0 1-.143-.299q0-.234.184-.384.188-.152.513-.152.214 0 .37.068a.6.6 0 0 1 .245.181.56.56 0 0 1 .12.258h.75a1.1 1.1 0 0 0-.199-.566 1.2 1.2 0 0 0-.5-.41 1.8 1.8 0 0 0-.78-.152q-.44 0-.777.15-.336.149-.527.421-.19.273-.19.639 0 .302.123.524t.351.367q.229.143.54.213l.618.144q.31.073.462.193a.39.39 0 0 1 .153.326.5.5 0 0 1-.085.29.56.56 0 0 1-.255.193q-.168.07-.413.07-.176 0-.32-.04a.8.8 0 0 1-.249-.115.58.58 0 0 1-.255-.384zm-3.726-2.909h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415H1.5l1.24-2.016-1.228-1.983h.931l.832 1.438h.036zm1.923 3.325h1.697v.674H5.266v-3.999h.791zm7.636-3.325h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415h-.861l1.24-2.016-1.228-1.983h.931l.832 1.438h.036z'/></svg>");  
}
article.billet-document-xls::before {
  /* content: "\F76A"; */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' class='bi bi-filetype-xls' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM6.472 15.29a1.2 1.2 0 0 1-.111-.449h.765a.58.58 0 0 0 .254.384q.106.073.25.114.143.041.319.041.246 0 .413-.07a.56.56 0 0 0 .255-.193.5.5 0 0 0 .085-.29.39.39 0 0 0-.153-.326q-.152-.12-.462-.193l-.619-.143a1.7 1.7 0 0 1-.539-.214 1 1 0 0 1-.351-.367 1.1 1.1 0 0 1-.123-.524q0-.366.19-.639.19-.272.527-.422.338-.15.777-.149.457 0 .78.152.324.153.5.41.18.255.2.566h-.75a.56.56 0 0 0-.12-.258.6.6 0 0 0-.247-.181.9.9 0 0 0-.369-.068q-.325 0-.513.152a.47.47 0 0 0-.184.384q0 .18.143.3a1 1 0 0 0 .405.175l.62.143q.326.075.566.211a1 1 0 0 1 .375.358q.135.222.135.56 0 .37-.188.656a1.2 1.2 0 0 1-.539.439q-.351.158-.858.158-.381 0-.665-.09a1.4 1.4 0 0 1-.478-.252 1.1 1.1 0 0 1-.29-.375m-2.945-3.358h-.893L1.81 13.37h-.036l-.832-1.438h-.93l1.227 1.983L0 15.931h.861l.853-1.415h.035l.85 1.415h.908L2.253 13.94zm2.727 3.325H4.557v-3.325h-.79v4h2.487z'/></svg>");  
}
article.billet-document:hover {
border-color: var(--primary-rgba-30) !important;
/* background: var(--grey-100);	 */
box-shadow:0 0 10px rgba(0,0,0,0.1);
}
article.billet-document:hover::before {
	/* content: "\F30A"; */
	/* color: var(--primary-rgba-80); */
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23086ba5' class='bi bi-download' viewBox='0 0 16 16'><path d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5'/><path d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z'/></svg>");  
	background-color: var(--primary-rgba-10);
}
article.billet-document a:hover h3 {
  color: var(--primary);
}
@media (min-width: 992px) {
	article.billet-document .post-content {
	  padding-left: 5.5em;
	}
	article.billet-document::before {
		/* font-size: 2.4em; */
		/* line-height: 1.8em; */
		width: 4.2em;
		height: 4.2em;
		background-size: 2.4em 2.4em;
	}
}



/* .embed-responsive */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
    padding-bottom: 0px;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}
.embed-responsive-1by1 {
    padding-bottom: 100%;
}
.embed-responsive-4by3 {
    padding-bottom: 75%;
}
.embed-responsive-16by10 {
    padding-bottom: 62.5%;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive-maps-pdp {
    padding-bottom: 80%;
}
.embed-responsive-wf-pdp {
    padding-bottom: 45%;
}
/* .embed-responsive-maps */
.embed-responsive-maps {
    padding-bottom: 50%;
}
@media (min-width: 768px) {
	.embed-responsive-maps {
		padding-bottom: 35%;
	}
	.embed-responsive-wf-pdp {
		padding-bottom: 65%;
	}
}
@media (min-width: 1200px) {
	.embed-responsive-maps {
		padding-bottom: 28%;
	}
	.embed-responsive-wf-pdp {
		padding-bottom: 45%;
	}	
}


/* Modal */
.modal {
  z-index: 10000; /* pour passer au-dessus du popover de l'agenda sur mobile */
}
.modal-header,
.modal-body {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-radius:0;
}
.modal-footer {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.modal-content img {
	max-width:	100%;
}
/*
.modal-content {
	background-color: #ffee60;
}
.modal-header {
  border-bottom: 1px solid #222
}
.modal-footer {
	border-top: 1px solid #222
}
*/


/* FullCalendar */
.fc-daygrid-event {
	font-size:0.85em;
	/*
	line-height:1;
  white-space: normal !important;
  align-items: normal !important;
  */
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
background:#ffee60;	
}
.fc-col-header-cell .fc-scrollgrid-sync-inner {
background:#ffee60;	
}
.fc-theme-standard td,
.fc-theme-standard th,
.fc-theme-standard .fc-scrollgrid {
  border: 1px solid #ffee60;
}


/* .scroll-to-top */
html .scroll-to-top {
  bottom:10px;
  padding: 15px 10px 35px;
  background-color: var(--primary);
  border:0 rgba(255, 255, 255, 0.8) solid;
  border-radius: var(--border-radius);
  color:#fff;
  
	width: 1.2em;
	height: 1.2em;
	content: ""; 
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='bi bi-chevron-up' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z'/></svg>");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.2em 1.2em;
}
html .scroll-to-top.visible {
	opacity: 0.8;
}
html .scroll-to-top:hover,
html .scroll-to-top:focus,
html .scroll-to-top.visible:hover,
html .scroll-to-top.visible:focus {
	opacity: 1;
}


.mt-6 {
margin-top: 4rem !important;
}
.mt-7 {
margin-top: 5rem !important;
}
.mt-8 {
margin-top: 6rem !important;
}
.mb-6 {
margin-bottom: 4rem !important;
}
.mb-7 {
margin-bottom: 5rem !important;
}
.mb-8 {
margin-bottom: 6rem !important;
}
.pt-6 {
  padding-top: 4rem !important;	
}
.pb-6 {
  padding-bottom: 4rem !important;
}
.px-6 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.py-6 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.pt-7 {
  padding-top: 5rem !important;	
}
.pb-7 {
  padding-bottom: 5rem !important;
}
.px-7 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.py-7 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.pt-8 {
  padding-top: 6rem !important;	
}
.pb-8 {
  padding-bottom: 6rem !important;
}
.px-8 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}
.py-8 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.pt-9 {
  padding-top: 7rem !important;	
}
.pb-9 {
  padding-bottom: 7rem !important;
}
.px-9 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}
.py-9 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}
.pt-10 {
  padding-top: 8rem !important;	
}
.pb-10 {
  padding-bottom: 8rem !important;
}
.px-10 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}
.py-10 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}
.pt-11 {
  padding-top: 9rem !important;	
}
.pb-11 {
  padding-bottom: 9rem !important;
}
.py-11 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}
.pt-12 {
  padding-top: 10rem !important;	
}
.pb-12 {
  padding-bottom: 10rem !important;
}
.py-12 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}
.pt-13 {
  padding-top: 13rem !important;	
}
.pb-13 {
  padding-bottom: 13rem !important;
}
.py-13 {
  padding-top: 13rem !important;
  padding-bottom: 13rem !important;
}
.pt-14 {
  padding-top: 14rem !important;	
}
.pb-14 {
  padding-bottom: 14rem !important;
}
.py-14 {
  padding-top: 14rem !important;
  padding-bottom: 14rem !important;
}
.pt-15 {
  padding-top: 15rem !important;	
}
.pb-15 {
  padding-bottom: 15rem !important;
}
.py-15 {
  padding-top: 15rem !important;
  padding-bottom: 15rem !important;
}

.scale-7 {
  transform: scale(1.7) !important;
}
@media (min-width: 992px) {
	.position-lg-absolute {
		position: absolute !important;
	}
	.position-lg-relative {
		position: relative !important;
	}
	.to-lg-cr {
	transform-origin: center right !important;	
	}
	.scale-lg-7 {
	  transform: scale(1.7) !important;
	}
	.mt-lg-6 {
	margin-top: 4rem !important;
	}
	.mt-lg-7 {
	margin-top: 5rem !important;
	}
	.mt-lg-8 {
	margin-top: 6rem !important;
	}
	.mb-lg-6 {
	margin-bottom: 4rem !important;
	}
	.mb-lg-7 {
	margin-bottom: 5rem !important;
	}
	.mb-lg-8 {
	margin-bottom: 6rem !important;
	}	
	.pt-lg-6 {
	  padding-top: 4rem !important;	
	}
	.pb-lg-6 {
	  padding-bottom: 4rem !important;
	}
	.pe-lg-6 {
	  padding-right: 4rem !important;
	}
	.px-lg-6 {
	  padding-left: 4rem !important;
	  padding-right: 4rem !important;
	}
	.py-lg-6 {
	  padding-top: 4rem !important;
	  padding-bottom: 4rem !important;
	}
	.pt-lg-7 {
	  padding-top: 5rem !important;	
	}
	.pe-lg-7 {
	  padding-right: 5rem !important;	
	}
	.pb-lg-7 {
	  padding-bottom: 5rem !important;
	}
	.px-lg-7 {
	  padding-left: 5rem !important;
	  padding-right: 5rem !important;
	}
	.py-lg-7 {
	  padding-top: 5rem !important;
	  padding-bottom: 5rem !important;
	}
	.pt-lg-8 {
	  padding-top: 6rem !important;	
	}
	.pe-lg-8 {
	  padding-right: 6rem !important;	
	}
	.pb-lg-8 {
	  padding-bottom: 6rem !important;
	}
	.px-lg-8 {
	  padding-left: 6rem !important;
	  padding-right: 6rem !important;
	}
	.py-lg-8 {
	  padding-top: 6rem !important;
	  padding-bottom: 6rem !important;
	}
	.pt-lg-9 {
	  padding-top: 7rem !important;	
	}
	.pe-lg-9 {
	  padding-right: 7rem !important;	
	}
	.pb-lg-9 {
	  padding-bottom: 7rem !important;
	}
	.px-lg-9 {
	  padding-left: 7rem !important;
	  padding-right: 7rem !important;
	}
	.py-lg-9 {
	  padding-top: 7rem !important;
	  padding-bottom: 7rem !important;
	}
	.pt-lg-10 {
	  padding-top: 8rem !important;	
	}
	.pe-lg-10 {
	  padding-right: 8rem !important;	
	}
	.pb-lg-10 {
	  padding-bottom: 8rem !important;
	}
	.py-lg-10 {
	  padding-top: 8rem !important;
	  padding-bottom: 8rem !important;
	}
	.pt-lg-11 {
	  padding-top: 9rem !important;	
	}
	.pe-lg-11 {
	  padding-right: 9rem !important;	
	}
	.pb-lg-11 {
	  padding-bottom: 9rem !important;
	}
	.py-lg-11 {
	  padding-top: 9rem !important;
	  padding-bottom: 9rem !important;
	}
	.pt-lg-12 {
	  padding-top: 10rem !important;	
	}
	.pe-lg-12 {
	  padding-right: 10rem !important;	
	}
	.pb-lg-12 {
	  padding-bottom: 10rem !important;
	}
	.py-lg-12 {
	  padding-top: 10rem !important;
	  padding-bottom: 10rem !important;
	}
	.pt-lg-13 {
	  padding-top: 13rem !important;	
	}
	.pe-lg-13 {
	  padding-right: 13rem !important;	
	}
	.pb-lg-13 {
	  padding-bottom: 13rem !important;
	}
	.py-lg-13 {
	  padding-top: 13rem !important;
	  padding-bottom: 13rem !important;
	}
	.pt-lg-14 {
	  padding-top: 14rem !important;	
	}
	.pe-lg-14 {
	  padding-right: 14rem !important;	
	}
	.pb-lg-14 {
	  padding-bottom: 14rem !important;
	}
	.py-lg-14 {
	  padding-top: 14rem !important;
	  padding-bottom: 14rem !important;
	}
	.pt-lg-15 {
	  padding-top: 15rem !important;	
	}
	.pe-lg-15 {
	  padding-right: 15rem !important;	
	}
	.pb-lg-15 {
	  padding-bottom: 15rem !important;
	}
	.py-lg-15 {
	  padding-top: 15rem !important;
	  padding-bottom: 15rem !important;
	}	
}
@media (min-width: 1200px) {
	.line-height-xl-2 {
		line-height: 1.2 !important;
	}	
	.line-height-xl-5 {
		 line-height: 1.5 !important;
	}
	.mt-xl-6 {
	margin-top: 4rem!important;
	}
	.mt-xl-7 {
	margin-top: 5rem!important;
	}
	.mt-xl-8 {
	margin-top: 6rem!important;
	}
	.pt-xl-6 {
	  padding-top: 4rem!important;	
	}
	.pb-xl-6 {
	  padding-bottom: 4rem!important;
	}
	.px-xl-6 {
	  padding-left: 4rem!important;
	  padding-right: 4rem!important;
	}
	.py-xl-6 {
	  padding-top: 4rem!important;
	  padding-bottom: 4rem!important;
	}
	.pt-xl-7 {
	  padding-top: 5rem!important;	
	}
	.pb-xl-7 {
	  padding-bottom: 5rem!important;
	}
	.px-xl-7 {
	  padding-left: 5rem!important;
	  padding-right: 5rem!important;
	}
	.py-xl-7 {
	  padding-top: 5rem!important;
	  padding-bottom: 5rem!important;
	}
	.pt-xl-8 {
	  padding-top: 6rem!important;	
	}
	.pb-xl-8 {
	  padding-bottom: 6rem!important;
	}
	.px-xl-8 {
	  padding-left: 6rem!important;
	  padding-right: 6rem!important;
	}
	.py-xl-8 {
	  padding-top: 6rem!important;
	  padding-bottom: 6rem!important;
	}
	.pt-xl-9 {
	  padding-top: 7rem!important;	
	}
	.pb-xl-9 {
	  padding-bottom: 7rem!important;
	}
	.px-xl-9 {
	  padding-left: 7rem!important;
	  padding-right: 7rem!important;
	}
	.py-xl-9 {
	  padding-top: 7rem;
	  padding-bottom: 7rem!important;
	}
	.pt-xl-10 {
	  padding-top: 8rem!important;	
	}
	.pb-xl-10 {
	  padding-bottom: 8rem!important;
	}
	.px-xl-10 {
	  padding-left: 8rem!important;
	  padding-right: 8rem!important;
	}
	.py-xl-10 {
	  padding-top: 8rem!important;
	  padding-bottom: 8rem!important;
	}
	.pt-xl-11 {
	  padding-top: 9rem!important;	
	}
	.pb-xl-11 {
	  padding-bottom: 9rem!important;
	}
	.py-xl-11 {
	  padding-top: 9rem!important;
	  padding-bottom: 9rem!important;
	}
	.pt-xl-12 {
	  padding-top: 10rem!important;	
	}
	.pb-xl-12 {
	  padding-bottom: 10rem!important;
	}
	.py-xl-12 {
	  padding-top: 10rem!important;
	  padding-bottom: 10rem!important;
	}
	.pt-xl-13 {
	  padding-top: 13rem!important;	
	}
	.pb-xl-13 {
	  padding-bottom: 13rem!important;
	}
	.py-xl-13 {
	  padding-top: 13rem!important;
	  padding-bottom: 13rem!important;
	}
	.pt-xl-14 {
	  padding-top: 14rem!important;	
	}
	.pb-xl-14 {
	  padding-bottom: 14rem!important;
	}
	.py-xl-14 {
	  padding-top: 14rem!important;
	  padding-bottom: 14rem!important;
	}
	.pt-xl-15 {
	  padding-top: 15rem!important;	
	}
	.pb-xl-15 {
	  padding-bottom: 15rem!important;
	}
	.py-xl-15 {
	  padding-top: 15rem!important;
	  padding-bottom: 15rem!important;
	} 
}