html {
	overflow: hidden;
	overflow-y: auto;
}
body {
	overflow: hidden;
	font-size:16px;
	color: var(--textColor);
	background-color: var(--whiteColor);
	line-height: 1.3;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 500;
}
html,
body,
button,
input,
select,
textarea {
	font-family: "Montserrat-Regular", sans-serif;
}
article,
aside,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat-Regular", sans-serif;
	line-height: 1.2;
}
h1 {
	font-size: 40px;
	font-weight: 600;
	color: var(--blackColor);
}
h2 {
	font-size: 30px;
	font-weight: 600;
	color: var(--blackColor);
}
h3 {
	font-size: 20px;
	font-weight: 500;
	color: var(--blackColor);
}

h4, h5, h6 {
	font-weight: 500;
	color: var(--blackColor);
}
h4 {
	font-size: 18px;
}

h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
a,
a:visited,
a:focus {
  outline: none;
  color: var(--themeColor1); 
  text-decoration:none;
}
a:hover {
	outline: none;
	text-decoration: underline;
	color: var(--themeColor1);
}
.content-section {
	position:relative;
}
.cover-image {
	background-size:cover!important;
	background-position: center center!important;
}
.hero-banner-bg.cover-image {
	background-size:cover!important;
	background-position: center center!important;
}

.bg-color {
	background-color: var(--bgColor);
}
span.nofollow-link {
  cursor: pointer;
}
span.nofollow-link:hover {
  text-decoration:underline;
}
.btn.btn-outline-secondary {
	border-radius:1rem;
	color: var(--themeColor1);
}
.btn.btn-outline-secondary:hover {
	color: var(--whiteColor);
	text-decoration:none;
}
.height-500 {
	min-height:500px;
}
.height-750 {
	min-height:750px;
}


/***********************************************************************
	MENUHEADER
***********************************************************************/
.navik-menu ul li > a {
	font-size: 16px;
	font-weight: 600;
}
.navik-menu > ul > li:hover > a, 
.navik-menu > ul > li.current-menu > a {
	color: var(--themeColor1);
}
.navik-menu ul ul li > a {
	font-size: 16px;
	font-style: normal;
}

@media (min-width: 768px) {
	.header-shadow-wrapper::after {
	box-shadow: none;
	}
	.sticky .header-shadow-wrapper::after {
	box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.1);
	}
}
@media (min-width: 1200px) {
  .navik-header.sticky .logo img {
    max-height: 60px;
  }
}
@media (max-width:1023px) {
	.navik-header .logo {
	padding: 10px 0 10px 0;
	text-align: left;
	}
}

/***********************************************************************
	HEADING
***********************************************************************/

 
/***********************************************************************
	BREADCRUMB
***********************************************************************/
.breadcrumb-item {
	font-size: 14px;
}
.breadcrumb-item a,
.breadcrumb-item.active {
	color: var(--whiteColor);
}
/***********************************************************************
	TOP HOMEPAGE
***********************************************************************/
.hero-banner {
  position: relative;
  display: table;
  width: 100%;
  min-height: 450px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hero-banner::before {
  position: absolute;
  content: "";
  transform: translate(0, 0);
  /*top: 0;
  left: 0;*/
  width: auto;
  height: 100.5%;
  background-color: rgba(0,0,0,0.4);
}

.hero-banner-inside {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  z-index: 100;
}

.banner-title {
  font-size: 30px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 30px;
  color: var(--whiteColor)
}
.banner-title h1 {
  color: var(--whiteColor)
}
.banner-subtitle {
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 5px;
}
.banner-desc {
	position:relative;
	margin:0 auto;
	font-size: 16px;
	max-width:600px;
}

@media (min-width: 768px) {
  .hero-banner {
  min-height: 600px;
  }
  .banner-title h1 {
  font-size: 56px;
  margin-bottom: 20px;
  }
  .banner-subtitle {
    font-size: 20px;
    letter-spacing: 5px;
    margin-bottom: 20px;
  }
}

/***********************************************************************
	TOP PAGE
***********************************************************************/
.hero-banner.top-page {
  position: relative;
  display: table;
  width: 100%;
  min-height: 400px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.hero-banner.top-page::after {
  position: absolute;
  content: "";
  transform: translate(0, 0);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}
@media (max-width: 767px) {
  .hero-banner.top-page {
  min-height: 350px;
  }
}
.hero-banner.top-page .banner-title {
    margin-bottom: 20px;
}
.hero-banner.top-page .banner-title h1 {
	text-transform: none;
    font-size: 34px;
}
.hero-banner.top-page .top-heading {
	margin-bottom:30px;
}


/*================================================
	HOME CATEGORIE
=================================================*/
.home-categorie-area .section-title {
	position:relative;
}
.home-categorie-area .section-title > span::before {
  position: absolute;
  bottom: 7px;
  left: 0;
  content: "";
  width: 20px;
  height: 2.3px;
  background-color: var(--themeColor1);
}
.home-categorie-area .section-title h2 {
	color: var(--blackColor);
	margin-bottom:15px;
	font-size:28px;
	padding-left:25px;
}
.article-box {
	margin-bottom: 30px;
	background-color: #ffffff;
	padding: 10px;
	transition: 0.5s;
	border-radius: 10px;
	padding-bottom: 0;
}
.article-box.new-article,
.article-box.cat-article {
	position:relative;
	overflow:hidden;
	height:100%;
}
.article-box.new-article .box-content,
.article-box.cat-article .box-content {
	padding: 18px 15px 0;
}
.article-box.new-article .box-content p,
.article-box.cat-article .box-content p {
	margin-bottom: 0;
}
.article-box .box-image {
	position: relative;
	border-radius:8px;
	overflow:hidden;
}
.article-box .box-image.last-image {
	height:225px;
}
.article-box .box-image.little-image {
	height:168px;
}
.article-box .box-image.big-image {
	height:503px;
}
@media (max-width:767px) {
	.article-box .box-image.big-image {
	height:168px;
	}	
}
.article-box .box-content {
	padding: 18px 15px;
}
.article-box .box-content h2,
.article-box .box-content h3 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 20px;
	height:44px;
	overflow:hidden;
}
.article-box .box-content h2.big-title,
.article-box .box-content h3.big-title {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 24px;
	height:46px;
	overflow:hidden;
}
.article-box .box-content h2 a,
.article-box .box-content h3 a {
	color: var(--blackColor);
	font-weight:600;
}
.article-box .box-content h2 a:hover,
.article-box .box-content h3 a:hover {
	color: var(--themeColor1);
	text-decoration:none;
	transition: all ease .3s;
}
.article-box .box-content p {
	font-size: 15px;
	color: var(--textColor);
	margin-bottom: 0;
}
.article-box:hover {
	transform: translateY(-8px);
}


/***********************************************************************
	CARD ARTICLE
***********************************************************************/
.row > .article-card {
  display: flex;
  flex-direction: column;
}
.article-card {
	box-shadow: 0px 4px 25px rgba(79, 139, 173, 0.15);
	border-radius: 10px;
	margin-bottom: 30px;
	height:100%;
}
.article-card .article-box-img {
	position:relative;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.article-card .article-box-img .article-img {
	height: 225px;
	border-radius: 10px 10px 0 0;
	transition: all ease .5s;
}
.article-card:hover .article-box-img .article-img {
	transform: scale(1.05);
	border-radius: 10px 10px 0 0;
}

.article-card .article-info {
  padding: 25px 25px 0;
}
.article-card .article-info .article-cat-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.article-card .article-info .article-cat-wrap .article-category {
  display: inline-block;
  color: var(--whiteColor);
  background-color: var(--themeColor1);
  padding: 5px 15px;
  border-radius: 5px;
  font-weight: 500;
}
.article-card .article-info .article-title {
	min-height: 46px;
}
.article-card .article-info h3 {
  margin: 18px 0 15px;
  line-height:23px;
}
.article-card .article-info .product-desc {
	
}
.article-card .article-info .product-desc p {
	color: var(--textColor);
}


.article-box.new-article .new-icone {
	position:absolute;
	content: "";
	width:64px;
	height:64px;
	background-image: url(../images/new.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size: cover;
	transform: translate(-9px, -9px);
	/*top: 1px;
	left: 1px;*/
	z-index:6;
} 


/***********************************************************************
	HOMEPAGE
***********************************************************************/


/***********************************************************************
	CATEGORIE LISTE
***********************************************************************/
.article-box.new-article .box-content,
.article-box.cat-article .box-content {
	position:relative;
	z-index:10;
}
.article-box.new-article .tire,
.article-box.cat-article .tire {
	position: absolute;
	content: "";
	width: 100%;
	height: 150px;
	z-index: 5;
	opacity: .12;
	background-image: url(../images/bg-tire.webp);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
	right: 0;
	bottom: 0;
}

.text-cat {
	background:#fff;
	padding:25px 20px 15px;
	border:none;
	border-bottom: 2px solid var(--themeColor1);
}
.text-cat a {
	font-weight:600;
	color: var(--themeColor1);
}
.text-cat a.btn {
	font-weight:500;
}

#catpresentation h2 {
	font-size:26px;
	color: var(--blackColor);
}
#catpresentation h3 {
	font-size:20px;
	color: var(--blackColor);
}
.auteur-style {
	position:absolute;
	content: "";
	right:0;
	bottom:0;
	z-index: 30;
	background:rgba(0,0,0,.5);
	border-radius:0;
	padding:0 10px 0 0;
	overflow:hidden;
}
.auteur-style .auteur .auteur-tumb {
  height: 25px;
  width: 25px;
  display: inline-block;
}
.auteur-style .auteur .auteur-tumb img {
  height: 25px;
  width: 25px;
  border-radius: 0;
}
.auteur-style .auteur .auteur-text {
  display: inline-block;
  color: var(--whiteColor);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 14px;
  padding-left: 5px;
}

/***********************************************************************
	ARTICLE
***********************************************************************/
.image-article {
	height: 500px;
    border-radius:12px;
}
@media (max-width:1199px) {
	.image-article {
    height:400px;
  	}
}
@media (max-width:767px) {
	.image-article {
    height:250px;
  	}
}

#content img {
  border: none;
  border-radius: 9px;
  transition: all 0.4s;
}

.sidebar-widget {
	position: relative;
	background-color: #343434;
	padding: 24px 24px;
	border-radius: 12px;
}
.sidebar-widget .widget-title,
.sidebar-widget.other-article .widget-title {
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 10px;
  display:block;
}
.sidebar-widget .widget-title {
  color: var(--whiteColor);
}
.sidebar-widget .widget-title span {
  color: var(--themeColor1);
}
.sidebar-widget.other-article .widget-title {
	color: var(--blackColor);
}
.sidebar-widget.other-article {
  background-color: var(--whiteColor);
  padding: 24px 0;
  border-radius: 0 20px 20px 20px;
}

#content h2 {
	font-size: 26px;
	font-weight: 600;
	color: var(--blackColor);
}
#content h3 {
	font-size:20px;
	font-weight:600;
	color: var(--blackColor);
}
#content h2::before, #content h3::before, #content h4::before {
  display: block;
  content: "";
  margin-top: -100px;
  height: 100px;
  visibility: hidden;
}

#content a {
	font-weight:600;
	text-decoration: underline dotted;
}
#summary-list {
    list-style: none;
    padding-left: 0;
}
#summary-list li {
    margin: 5px 0; /* Espacement entre les éléments */
	font-weight:400;
}
#summary-list li::first-letter {
  font-size: 1.1rem;
  font-weight: bold;
  color: var(--whiteColor);
}
#summary-list li.level-2 {
    margin-left: 20px; /* Indentation pour les titres <h3> */
}
#summary-list li.level-2::first-letter {
  font-size: 1rem;
  font-weight:normal;
}
#summary-list a {
    text-decoration: none;
    color: var(--whiteColor);
}
#summary-list a:hover {
    text-decoration: none;
	color: var(--whiteColor);
}
#summary-list a.active {
    font-weight: bold;
	color: var(--whiteColor);
}
.author-thumb img {
	max-width:50%;
	border-radius:100%;
}
.author-thumb .author-name {
  color: var(--whiteColor);
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-top: 20px;
  display:block;
}
.author-thumb .author-text p {
	color: var(--whiteColor);
	margin:0;
}

.sidebar-widget .box-content h2.big-title {
	font-size: 20px;
	line-height: 24px;
	height: auto;
}


/***********************************************************************
	TEAM
***********************************************************************/
.single-team {
  background-color: #f6f7f9;
  margin-bottom: 30px;
  padding: 10px;
  border-radius: 5px;
  transition: 0.5s;
}
.single-team img {
  border-radius: 5px;
}
.single-team .team-content {
  text-align: center;
  padding: 25px 15px;
}
.single-team .team-content h2 {
  font-size: 26px;
  margin-bottom: 5px;
}
.single-team .team-content span {
  font-size: 16px;
  color: #929ba4;
}
.single-team:hover {
  transform: translateY(-8px);
}

/***********************************************************************
	PERSONA
***********************************************************************/
.auteurs h2 {
	font-size: 26px;
	color: var(--blackColor);
	font-weight:600;	
}
.portrait img {
	border-radius:100%;
}

/***********************************************************************
	DIVERS
***********************************************************************/

/***********************************************************************
	SHAPE
***********************************************************************/	
.shape-9796{
	overflow:hidden;
	position:relative;
}
.shape-9796::before{
	content:'';
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px;
	top: -1px;
	z-index: 3;
	pointer-events: none;
	background-repeat: no-repeat; 
	background-size: 100% 26px;
	background-position: 50% 100%;    
	background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="xMidYMin slice" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000.4 78"><g fill="%23ffffff"><path d="M215 78H89c-10-5-21-10-33-13a63 63 0 00-12-2 58 58 0 00-6 0 62 62 0 00-10 1c-8 2-19 7-25 14H0v-2a44 44 0 012-13c4-13 14-25 26-30 25-11 56-5 78 3l44 18c10 4 20 8 32 7s23-8 23-19c6 5 10 12 11 20v1a36 36 0 01-1 15z"/><path d="M428 78H303c-11-5-22-10-33-13a63 63 0 00-13-2 58 58 0 00-6 0 62 62 0 00-9 1c-9 2-20 7-26 14h-3a43 43 0 013-15v-1c4-13 14-24 25-29 26-11 56-5 78 3l44 18c10 4 21 8 32 7s23-8 23-19c7 5 10 13 11 21a36 36 0 01-1 15z"/><path d="M642 78H517c-11-5-22-10-33-13a63 63 0 00-13-2 58 58 0 00-6 0 62 62 0 00-9 1c-9 2-20 7-26 14h-3a43 43 0 012-15c5-13 14-25 26-30 26-11 56-5 78 3l44 18c10 4 21 8 32 7s23-8 23-19c6 5 10 13 11 21a36 36 0 01-1 15z"/><path d="M856 78H730c-10-5-21-10-32-13a63 63 0 00-13-2 58 58 0 00-6 0 62 62 0 00-9 1c-9 2-20 7-26 14h-3a43 43 0 012-15c4-13 14-25 26-30 26-11 56-5 78 3l44 18c10 4 20 8 32 7s23-8 23-19c6 5 10 13 11 21a36 36 0 01-1 15z"/><path d="M1070 78H944c-10-5-21-10-33-13a63 63 0 00-12-2 58 58 0 00-6 0 62 62 0 00-10 1c-8 2-20 7-25 14h-3a44 44 0 012-15c4-13 14-25 26-30 25-11 56-5 78 3l44 18c10 4 20 8 31 7s24-8 24-19c6 5 10 13 11 21a36 36 0 01-1 15z"/><path d="M1283 78h-125c-10-5-21-10-33-13a63 63 0 00-12-2 58 58 0 00-6 0 62 62 0 00-10 1c-8 2-20 7-26 14h-2a43 43 0 012-15c4-13 14-25 26-30 25-11 55-5 78 3l44 18c10 4 20 8 31 7s23-8 23-19c7 5 11 13 12 21a36 36 0 01-2 15z"/><path d="M1497 78h-125c-11-5-21-10-33-13a62 62 0 00-12-2 58 58 0 00-6 0 62 62 0 00-10 1c-9 2-20 7-26 14h-2a43 43 0 012-15c4-13 14-25 26-30 25-11 55-5 77 3l45 18c10 4 20 8 31 7s23-8 23-19c7 5 11 13 12 21a36 36 0 01-2 15z"/><path d="M1711 78h-125c-11-5-22-10-33-13a63 63 0 00-12-2 58 58 0 00-7 0 62 62 0 00-9 1c-9 2-20 7-26 14h-2a44 44 0 012-15c4-13 14-25 25-30 26-11 56-5 78 3l44 18c11 4 21 8 32 7s23-8 23-19c7 5 11 13 12 21a36 36 0 01-2 15z"/><path d="M1925 78h-125c-11-5-22-10-33-13a63 63 0 00-13-2 58 58 0 00-6 0 62 62 0 00-9 1c-9 2-20 7-26 14h-3a43 43 0 013-15c4-13 13-25 25-30 26-11 56-5 78 3l44 18c10 4 21 8 32 7s23-8 23-19c7 5 10 13 11 21a36 36 0 01-1 15z"/><path d="M2000 28v44a121 121 0 00-19-7 63 63 0 00-13-2 58 58 0 00-6 0 62 62 0 00-9 1c-9 2-20 7-26 14h-3a43 43 0 012-15c5-13 14-25 26-30 15-7 32-7 48-5z"/><path d="M3 63h1997v15H3z"/><circle cx="174.3" cy="33.9" r="14.3"/><circle cx="21.3" cy="10.9" r="10.9"/><circle cx="90.7" cy="14.1" r="6.4"/><circle cx="389.6" cy="33.9" r="14.3"/><circle cx="236.6" cy="10.9" r="10.9"/><circle cx="306.1" cy="14.1" r="6.4"/><circle cx="605" cy="33.9" r="14.3"/><circle cx="452" cy="10.9" r="10.9"/><circle cx="521.4" cy="14.1" r="6.4"/><circle cx="818.4" cy="33.9" r="14.3"/><circle cx="667.4" cy="10.9" r="10.9"/><circle cx="736.8" cy="14.1" r="6.4"/><circle cx="1033.1" cy="33.9" r="14.3"/><circle cx="882.7" cy="10.9" r="10.9"/><circle cx="952.1" cy="14.1" r="6.4"/><circle cx="1242.7" cy="33.9" r="14.3"/><circle cx="1098.1" cy="10.9" r="10.9"/><circle cx="1167.5" cy="14.1" r="6.4"/><circle cx="1458.1" cy="33.9" r="14.3"/><circle cx="1313.4" cy="10.9" r="10.9"/><circle cx="1382.9" cy="14.1" r="6.4"/><circle cx="1673.4" cy="33.9" r="14.3"/><circle cx="1528.8" cy="10.9" r="10.9"/><circle cx="1598.2" cy="14.1" r="6.4"/><circle cx="1889.1" cy="33.9" r="14.3"/><circle cx="1744.1" cy="10.9" r="10.9"/><circle cx="1813.6" cy="14.1" r="6.4"/><circle cx="1959.5" cy="10.9" r="10.9"/></g></svg>'); 
}

@media (min-width:768px){
	.shape-9796::before{
	background-size: 100% 52px;
	background-position: 50% 100%;   
	}  
}
 
@media (min-width:1025px){
	.shape-9796::before{ 
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 100% 60px;
	background-position: 50% 100%;  
	}
}
@media (min-width:2100px){
	.shape-9796::before{
	background-size: 100% calc(2vw + 60px);
	}
}

.shape-6908{
	overflow:hidden;
	position:relative;
}
.shape-6908::before{
	content:'';
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px;
	top: -1px;
	z-index: 3;
	pointer-events: none;
	background-repeat: no-repeat; 
	background-size: 100% 26px;
	background-position: 50% 0%;    
	background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="xMidYMax slice" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 78"><g fill="%23ffffff"><path d="M1786 0h125c11 6 21 11 33 13a63 63 0 0012 2 58 58 0 007 0 62 62 0 009-1c9-2 20-7 26-14h2v2a44 44 0 01-2 13c-4 13-14 25-26 30-25 11-55 5-78-3l-44-18c-10-4-20-8-31-7s-23 8-23 19c-7-5-10-12-12-20v-1a36 36 0 012-15z"/><path d="M1572 0h126c10 6 21 11 33 13a63 63 0 0012 2 58 58 0 006 0 62 62 0 0010-1c8-2 19-7 25-14h3a43 43 0 01-2 15l-1 1c-4 13-13 24-25 29-25 11-56 5-78-3l-44-18c-10-4-20-7-32-7s-23 8-23 19c-6-5-10-12-11-21a36 36 0 011-15z"/><path d="M1359 0h125c10 6 21 11 33 13a63 63 0 0012 2 58 58 0 006 0 62 62 0 0010-1c8-2 20-7 25-14h3a43 43 0 01-2 15c-4 13-14 25-26 30-25 11-56 5-78-3l-44-18c-10-4-20-7-31-7s-23 8-23 19c-7-5-11-12-12-21a36 36 0 012-15z"/><path d="M1145 0h125c11 6 21 11 33 13a63 63 0 0012 2 58 58 0 006 0 62 62 0 0010-1c9-2 20-7 26-14h2a43 43 0 01-2 15c-4 13-14 25-26 30-25 11-55 5-78-3l-44-18c-10-4-20-7-31-7s-23 8-23 19c-7-5-11-12-12-21a36 36 0 012-15z"/><path d="M931 0h125c11 6 21 11 33 13a63 63 0 0012 2 58 58 0 007 0 62 62 0 009-1c9-2 20-7 26-14h2a44 44 0 01-2 15c-4 13-14 25-26 30-25 11-55 5-77-3l-44-18c-11-4-21-8-32-7s-23 8-23 19c-7-5-11-13-12-21a36 36 0 012-15z"/><path d="M717 0h125c11 6 22 11 33 13a63 63 0 0012 2 58 58 0 007 0 62 62 0 009-1c9-2 20-7 26-14h3a43 43 0 01-3 15c-4 13-13 25-25 30-26 11-56 5-78-3l-44-18c-11-4-21-8-32-7s-23 8-23 19c-7-5-10-13-11-21a36 36 0 011-15z"/><path d="M503 0h125c11 6 22 11 33 13a62 62 0 0013 2 58 58 0 006 0 62 62 0 009-1c9-2 20-7 26-14h3a43 43 0 01-2 15c-5 13-14 25-26 30-26 11-56 5-78-3l-44-18c-10-4-21-7-32-7s-23 8-23 19c-6-5-10-12-11-21a36 36 0 011-15z"/><path d="M289 0h126c10 6 21 11 32 13a63 63 0 0013 2 58 58 0 006 0 62 62 0 009-1c9-2 20-7 26-14h3a44 44 0 01-2 15c-4 13-14 25-26 30-26 11-56 5-78-3l-44-18c-10-4-21-8-32-7s-23 8-23 19c-6-5-10-13-11-21a36 36 0 011-15z"/><path d="M75 0h126c10 6 21 11 33 13a63 63 0 0012 2 58 58 0 006 0 62 62 0 0010-1c8-2 19-7 25-14h3a43 43 0 01-2 15c-4 13-14 25-26 30-25 11-56 5-78-3l-44-18c-10-4-20-8-32-7s-23 8-23 19c-6-5-10-13-11-21a36 36 0 011-15z"/><path d="M0 50V6a121 121 0 0020 7 63 63 0 0012 2 58 58 0 006 0 62 62 0 0010-1c8-2 20-7 26-14h2a43 43 0 01-2 15c-4 13-14 25-26 30-15 7-32 7-48 5z"/><path d="M0 0h1998v15H0z"/><circle cx="1826.1" cy="44.1" r="14.3"/><circle cx="1979.1" cy="67.1" r="10.9"/><circle cx="1909.7" cy="63.9" r="6.4"/><circle cx="1610.7" cy="44.1" r="14.3"/><circle cx="1763.7" cy="67.1" r="10.9"/><circle cx="1694.3" cy="63.9" r="6.4"/><circle cx="1395.4" cy="44.1" r="14.3"/><circle cx="1548.4" cy="67.1" r="10.9"/><circle cx="1478.9" cy="63.9" r="6.4"/><circle cx="1181.9" cy="44.1" r="14.3"/><circle cx="1333" cy="67.1" r="10.9"/><circle cx="1263.6" cy="63.9" r="6.4"/><circle cx="967.2" cy="44.1" r="14.3"/><circle cx="1117.7" cy="67.1" r="10.9"/><circle cx="1048.2" cy="63.9" r="6.4"/><circle cx="757.7" cy="44.1" r="14.3"/><circle cx="902.3" cy="67.1" r="10.9"/><circle cx="832.9" cy="63.9" r="6.4"/><circle cx="542.3" cy="44.1" r="14.3"/><circle cx="686.9" cy="67.1" r="10.9"/><circle cx="617.5" cy="63.9" r="6.4"/><circle cx="326.9" cy="44.1" r="14.3"/><circle cx="471.6" cy="67.1" r="10.9"/><circle cx="402.2" cy="63.9" r="6.4"/><circle cx="111.2" cy="44.1" r="14.3"/><circle cx="256.2" cy="67.1" r="10.9"/><circle cx="186.8" cy="63.9" r="6.4"/><circle cx="40.9" cy="67.1" r="10.9"/></g></svg>'); 
}

@media (min-width:768px){
	.shape-6908::before{
	background-size: 100% 52px;
	background-position: 50% 0%;   
	}  
}
 
@media (min-width:1025px){
	.shape-6908::before{ 
	bottom: -0.1vw;
	left: -0.1vw;
	right: -0.1vw;
	top: -0.1vw; 
	background-size: 100% 60px;
	background-position: 50% 0%;  
	}
}
@media (min-width:2100px){
	.shape-6908::before{
	background-size: 100% calc(2vw + 60px);
	}
}
 

/***********************************************************************
	CONTACT
***********************************************************************/
.contact-form.formulaire {
	position:relative;
	background-color: var(--bgColor);
	border-radius: 8px;
	padding: 32px;
}
.cv {
    margin-bottom: 20px;
}
.form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: var(--whiteColor);
  background-clip: padding-box;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.contact-form label {
  display: inline-block;
  margin-bottom: .5rem;
  color: var(--blackColor);
  font-size: 16px;
}
.contact-form input {
  height: 45px;
  border: 1px solid #ddd;
  box-shadow: none;
  border-radius: 0;
}
.contact-form input {
  padding: 6px 20px 6px 60px;
}
.contact-form .captcha input {
	padding: 6px 20px 6px 20px;
}
.contact-form textarea {
	border: 1px solid #ddd;
	box-shadow: none;
	border-radius: 0;
}
.contact-form .cv i {
  font-size: 22px;
  position: absolute;
  left: 16px;
  color: #8e8e8e;
  top: 45px;
  padding: 0px 0px;
}
.contact-form .cv i {
  left: 13px;
  top: 29px;
  border-right: 0px solid #ddd;
  padding: 13px 17px;
  font-size: 18px;
}
.contact-form .cv i {
  background: var(--themeColor1);
  color: #fff;
}
.contact-form .submit-btn-wrapper button {
  background-color: var(--themeColor1);
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-size: 1.06667rem;
  font-weight: 600;
  color: var(--whiteColor);
  border: 0;
  outline: 0;
  margin-top: 30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.contact-form .submit-btn-wrapper:hover button {
    background-color: var(--themeColor3);
}
.contact-form .submit-btn-wrapper button {
  width: 100%;
}
.alert-danger {
	padding: 5px 10px;
	top: 5px;
	float: right;
	border-radius: 0;
	font-size: 14px;
}
#contact h5.card-title {
	margin:0;
	color: var(--whiteColor);
}
@media (min-width:992px) {
	#contact .alert {
	position: absolute;
	right: 13px;
	top: -5px;
	}
	#contact .alert.captcha-error {
	top: -15px;
	}
}
@media (max-width:991px) {
	#contact .alert {
	position: relative;
	top: 4px;
	}
}
.infos-contact .card-header {
	background: var(--themeColor1);
	color:  var(--whiteColor);
	font-size:20px;
	font-weight:600;
}
.infos-contact .card-body {
	background: var(--bgColor);
}


/***********************************************************************
	FOOTER
***********************************************************************/
#footer {
	position:relative;
}
/*-- Footer copyright --*/
#footer .copyright {
	background: var(--bgCopyright);
	line-height: 22px;
	padding: 30px 0 30px;
}
#footer .copyright, 
#footer .copyright a {
	color: var(--whiteColor);
}
#footer .copyright a:hover {
	color: var(--whiteColor); 
}
#footer .copyright ul {
	margin-bottom:0;
}
@media (max-width:576px) {
	#footer .copyright .list-inline-item {
	display: block;
	padding:5px 0;
	}
}

/***********************************************************************
	TO TOP
***********************************************************************/
#back-to-top {
    position: fixed;
    width: 50px;
	height: 50px;
	bottom: 30px;
	right: 30px;
    z-index: 9999;   
    cursor: pointer;
    background-image: url(../images/back-to-top.png);
	background-repeat: no-repeat;
	background-position: 50% 48%;
	background-color: rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 100%;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	transition: all 250ms linear;
    opacity: 0;
}
#back-to-top:hover {
	background-color: var(--themeColor1);
	opacity: 1;
}
#back-to-top.show {
    opacity: 1;
}


@media (max-width:991px) {
	.order-first {
    order: 1 !important;
	}
}
@media (max-width:767px) {
	h1 {
	font-size: 30px;
	}
}