/*!
Theme Name: Harmony Technology
Theme URI: http://underscores.me/
Author: harmony technology
Author URI: https://www.harmony-technology.net/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: harmony-technology
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

harmony technology is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");

body {
	font-family: "Open Sans";
  }
  
  a {
	text-decoration: none !important;
  }
  
  img {
	max-width: 100%;
	height: auto !important;
  }
  
  button:focus, select:focus, input:focus {
	outline: none;
	box-shadow: none;
  }
  
  ul {
	list-style: none;
	padding: 0;
  }
  header {
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 99;
    transition: all 0.5s;
	width: 100%;
    /* position: absolute; */
    /* z-index: 1; */
    padding-top: 5px;
  }
  header.sticky {
    background-color: #fff;
    box-shadow: 0 2px 7px 3px rgb(0 0 0 / 20%);
	top: 0;
}
header.sticky .menu .navbar ul li{
    height: auto;
}
#return-to-top {
    position: fixed;
    bottom: 10px;
    right: 20px;
	background-color: rgba(0, 0, 0, 0.2);
    width: 45px;
    height: 45px;
    display: block;
    text-decoration: none;
   border-radius:5px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index:1000;
}
#return-to-top:hover {
    background-color: rgba(0, 0, 0, 0.3);
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 13px;
    top: 5px;
    font-size: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
header.sticky .menu a{
    color: #444444!important;
}
#transparent_logo img {
	width: 50%;
    padding-bottom: 10px;
}
header #transparent_logo {
    display: none;
}
header.sticky .logo1 {
    display: none;
}
header.sticky .menu .searchd i {
	color: #444444!important;
    cursor: pointer;
}
header.sticky #transparent_logo {
    display: block;
}
.header {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
}
.header .logo {
	width: 100px;
	height: 100%;
}
.header .menu {
	display: flex;
    flex-flow: wrap;
    align-items: center;
}
.header .menu .searchd i {
	color: rgb(255, 255, 255);
    cursor: pointer;
}
.header .menu .navbar ul li a {
	color: rgb(255, 255, 255);
	position: relative;
	font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-right: 30px !important;
	padding: 0;
    /* padding-left: 20px !important; */
}
.header .menu .navbar ul li{
    align-items: center;
    display: flex;
    height: 80px;
}
.navbar-nav>li.active>a {
    border-bottom: 3px solid;
    border-color: #e7a82e;
}
.navbar-nav>li>a:hover:after {
    transform: scaleX(1);
    transform-origin: left;
}
.navbar-nav>li>a:after {
	position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    top: 100%;
    left: 0;
    background: #e7a82e;
    transition: transform .5s;
    transform: scaleX(0);
    transform-origin: right;
    border-top: 0;
}
footer {
	background-color: #3d4045;
	padding: 20px 0 0;
}
footer .last_blog ul li{
    padding-bottom: 10px;
}
.footer {
	padding: 25px 0;
	display: flex;
    /* flex-flow: wrap; */
    justify-content: space-between;
}
.footer p {
	color: #808080;
	margin: 0px 0px 5px;
	font-size: 14px;
}
.footer .logo_footer,.footer .info,.footer .last_blog,.footer .localisation {
	width: 23%;
}
.social {
    display: flex;
    flex-flow: wrap;
}
.social li {
	margin: 5px 15px 5px 0px;
}
.social li a {
	color: #9f9f9f;
    transition: all 0.5s;
}
.social li a:hover {
	color: #f8b532;
}
.footer .last_blog h2,.footer .localisation h2 {
	text-transform: uppercase;
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: bolder;
	margin-bottom: 15px;
}
.footer .last_blog .widget_recent_news h3 a {
	color: #9f9f9f;
	font-size: 14px;
    line-height: 18px;
    transition: all 0.5s;
}
.footer .last_blog .widget_recent_news h3 {
    line-height: 0;
    
}
.footer .last_blog .widget_recent_news h3 a:hover {
	color: #f8b532;
}
.copyright {
	background-color: rgb(67, 71, 77);
}
.copyright img{
	padding: 8px 20px 8px 0px;
}
.top_footer {
	display: flex;
	align-items: center;
}
.top_footer p{
	margin: 0;
	color: #8c8e91;
	font-size: 11px;
    letter-spacing: 1px;
}
.slick-custom-arrow-right {
    position: absolute;
    top: 40%;
    right: 0%;
    cursor: pointer;
    z-index: 2;
	background-color: rgba(50, 50, 50, 0.8);
    transition: background-color 0.3s ease 0s;
    padding: 45px 20px 40px 14px;
	font-size: 30px;
	color: #fff;
}
.slick-custom-arrow-left {
    position: absolute;
    top: 40%;
    left: 0%;
	z-index: 2;
    cursor: pointer;
	background-color: rgba(50, 50, 50, 0.8);
    transition: background-color 0.3s ease 0s;
    padding: 45px 20px 40px 10px;
	font-size: 30px;
	color: #fff;
}
.slide-dots {
	text-align: center;
	position: absolute;
    z-index: 1;
    top: 95%;
    left: 0;
    right: 0;
  }
  .slide-dots li {
	display: inline-block;
	margin: 0 8px;
    height: 10px;
    box-shadow: 0 0 0 2px rgb(255, 255, 255);
    border-radius: 50px;
    /* background-color: rgb(255, 255, 255); */
    transform: scale(1);
  }
  .slide-dots li button {
	position: relative;
	text-indent: -9999px;
    /* border: 2px solid rgb(255, 255, 255); */
	border: none;
	padding: 0px;
    height: 10px;
    width: 10px;
    border-radius: 50px;
	background-color: rgb(255, 255, 255);
  }
  .slide-dots li.slick-active button {
    transform: scale(.4);
    
  }
.slider .item .info {
    position: absolute;
    top: 35%;
    left: auto;
    right: auto;
    width: 70%;
}
.slider {
    height: 100vh;
    position: relative;
}
.slider .item .info h2 {
	color: rgb(255, 255, 255);
	font-size: 3.125em;
    font-weight: bold;
	margin-bottom: 30px;
}
.slider .item .info p {
	color: rgb(255, 255, 255);
	font-weight: 300;
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 45px;
	margin-top: 20px;
}
.slider .item .info a {
	color: rgb(255, 255, 255);
	background-color: #f8b532;
	padding: 20px 28px;
    font-size: 14px;
    line-height: 100%;
}
.slider .item .info a:hover{
	color: #ededed;
}
.propos1 .item {
	width: 65%;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.propos1 .item h1 {
	text-align: center;
	letter-spacing: 7px;
    text-transform: uppercase;
    font-size: 25px;
    color: #393836;
    text-align: center;
    font-style: inhert;
    font-weight: bold;
}
.propos1 .item .divider-inner {
	border-top: 1px solid #e5e5e5;
	border-top-width: 3px;
    width: 35px;
	margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}
.propos1 .item p {
	font-size: 16px;
    color: #777777;
    line-height: 1.66em;
	margin-bottom: 50px;
}
.propos1 .item img {
	margin: auto;
    display: block;
}
.propos2 {
	background-color: #f0f0f0;
}
.propos2 .item {
	width: 65%;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.propos2 .item h2 {
	text-align: center;
	letter-spacing: 7px;
    text-transform: uppercase;
    font-size: 25px;
    color: #393836;
    text-align: center;
    font-style: inhert;
    font-weight: bold;
	margin-bottom: 50px;
}
.propos2 .item p {
	font-size: 16px;
    color: #777777;
    line-height: 1.66em;
	margin-bottom: 50px;
}
.propos2 .item a {
	text-align: center;
	color: #230e23;
	border: 2px solid #230e23;
	padding: 18px 28px;
	width: 25%;
    margin: auto;
    display: block;
    transition: all 0.5s;
}

.propos2 .item a:hover {
	color: #fff;
	background-color: #230e23;
}
.experience {
	background-color: #3d4045;
}
.experience .item {
	padding-bottom: 50px;
    padding-top: 50px;
	display: flex;
    flex-flow: wrap;
}
.experience .item .title {
	width: 70%;
}
.experience .item .title h2 {
	letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 25px;
    color: #ffffff;
    text-align: left;
    /* font-style: inhert; */
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 10px;
}
.experience .item .title p {
	color: #bbbbbb;
	font-size: 16px;
    line-height: 1.66em;
}
.experience .item .link {
	margin-left: 20px;
	margin-top: 15px;
}
.experience .item .link a {
	background-color: #f97352;
	/* border: 1px solid #f97352; */
	padding: 15px 30px;
    font-size: 14px;
    line-height: 100%;
	color: rgb(255, 255, 255);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
    transition: all 0.5s;
}
.experience .item .link a:hover {
	background-color: #252525;
}
.bloc4 {
	display: flex;
	padding-bottom: 50px;
	padding-top: 50px;
}
.bloc4 .item {
	margin-right: 15px;
	text-align: center;
}
.bloc4 .item i {
	font-size: 30px;
	padding: 25px;
    transition: all 0.5s;
    border-radius: 50px;
}
.bloc4 .item i:hover {
	color: #ffffff !important;
    background-color: #f97352;
}
.bloc4 .item h3 {
	font-weight: bold;
    font-size: 16px;
    color: #333333;
    padding: 30px 0 30px 0;
}
.bloc4 .item p {
	color: #999;
	font-size: 16px;
    line-height: 1.66em;
}
.bloc_confiance {
    background-color: #fafafa;
    padding-bottom: 50px;
    padding-top: 50px;
}
.bloc_confiance .title {
    text-align: center;
}
.bloc_confiance .title h2 {
    letter-spacing: 7px;
    text-transform: uppercase;
    font-size: 25px;
    color: #393836;
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}
.bloc_confiance .title .divider-inner {
	border-top: 1px solid #e5e5e5;
	border-top-width: 3px;
    width: 35px;
	margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}
.confiance .slick-custom-arrow-left {
    position: absolute;
    top: 40%;
    right: 97%;
    z-index: 2;
    cursor: pointer;
    background-color: rgba(50, 50, 50, 0.8);
    transition: background-color 0.3s ease 0s;
    padding: 10px 15px 10px 15px;
    font-size: 25px;
    color: #fff;
}
.confiance .slick-custom-arrow-right {
    position: absolute;
    top: 40%;
    right: 0%;
    cursor: pointer;
    z-index: 2;
    background-color: rgba(50, 50, 50, 0.8);
    transition: background-color 0.3s ease 0s;
    padding: 10px 15px 10px 15px;
    font-size: 25px;
    color: #fff;
}
.confiance .item {
    position: relative;
    overflow: hidden;
    box-shadow:none;
     -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
  }
  .confiance .item:hover{
      box-shadow:0 5px 30px 0 rgba(28, 30, 35, 0.2);
     -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
  }
  .confiance .item:hover .item-img-overlay {
    opacity: 1;
  }
  .confiance .item:hover h4 a, .confiance .item:hover p {
    -webkit-transform: translateY(0);
     transform: translateY(0);
     -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
  }
  .confiance .item .overlay-info {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0%;
    padding: 5px;
    top: 25%;
    text-align: center;
}

  .confiance .item h4 {
    margin-bottom: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px !important;
    line-height: 18px !important;
    color: rgb(255, 255, 255) !important;
  }
  .confiance .item p {
    display: block;
    letter-spacing: 1px;
    font-size: 11px;
    font-style: italic;
    line-height: 16px;
    -webkit-transform: translateY(10px);
   transform: translateY(10px);
   -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
  }
  .confiance .item .item-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.9) 75%) !important;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
    z-index: 2;
    cursor:pointer;
  }
  .confiance .item .plus {
      font-size: 20px;
      position: absolute;
      bottom: 10%;
      right: 25%;
      width: 30px;
      height: 30px;
      line-height:42px;
      border-radius:50px;
      color: #fff;
  }
  .confiance .item .right {
    font-size: 20px;
    position: absolute;
    bottom: 10%;
    right: 5%;
    width: 30px;
    height: 30px;
    line-height:42px;
    border-radius:50px;
    color: #fff;
}
.text_button {
    background-color: #7ac673;
    padding-bottom: 50px;
    padding-top: 50px;
}
.text_button .item{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}
.text_button .item .title {
    width: 70%;
}
.text_button .item h2 {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 19px;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 10px;
}
.text_button .item .link a{
    background-color: #3d4045;
    color: rgb(255, 255, 255);
    padding: 20px 28px;
    font-size: 14px;
    line-height: 100%;
    transition: all 0.5s;
}
.text_button .item .link a:hover {
    background-color: #26282b;
}
.bloc_partenaire {
    padding-bottom: 50px;
    padding-top: 50px;
}
.bloc_partenaire .title {
    text-align: center;
}
.bloc_partenaire .title h2 {
    letter-spacing: 7px;
    text-transform: uppercase;
    font-size: 25px;
    color: #393836;
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}
.bloc_partenaire .title .divider-inner {
	border-top: 1px solid #e5e5e5;
	border-top-width: 3px;
    width: 35px;
	margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}
.bloc_partenaire .partenaire .item{
    opacity: 0.8;
    transition: all 0.5s;
}
.bloc_partenaire .partenaire .item:hover{
    opacity: 1;
}
.service {
    display: flex;

}
.service .item{
    height: 500px;
    
}
.service .item img {
    margin: auto;
    display: block;
    width: 45%;
}
.service .item h3 {
	color: #ffffff;
    font-size: 15px;
    height: 46px;
    text-align: center;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px;
}
.service .item .divider-inner {
    border-top: 1px solid #fff;
	border-top-width: 3px;
    width: 35px;
	margin: auto;
    margin-bottom: 10px;
}

.service .item {
	display: block;
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.service .content {
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
	margin: auto;
	z-index: 2;
	height: 50%;
	transition: all .2s ease;
}

.service .item:hover .content {
	height: 30em;
	transition: all .3s ease;
    vertical-align: baseline;
}
.service .item p {
	margin: 5px;
	padding: 20px 30px 15px 30px;
    color: #ffffff;
    line-height: 25px;
    font-size: 14px;
    text-align: center;
}
.service .item .description {
    height: 0;
	opacity: 0;
	visibility: hidden;
}
.service .item:hover .description{
	height: 3em;
	opacity: 1;
	visibility: visible;
	transition: all .2s ease;
}
.service .item .description a {
    padding: 10px 18px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 10px;
    line-height: 100%;
    text-align: center;
    font-weight: 700;
    display: block;
    margin: auto;
    width: 35%;
    transition: all 0.5s;
}
.service .item .description a:hover {
    background: #fff;
    color: #000;
}
.serach-header {
    float: right;
    z-index: 1;
  }
  
  .serach-header .searchd {
    background: transparent;
    line-height: 50px;
    height: 50px;
    border: 0;
  }
  
  .serach-header .searchd i {
    color: #29abff;
    font-size: 16px;
    border: 0 !important;
  }
  

  .serach-header .searchbox {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    transition: 0.2s;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11000;
  }
  
  .serach-header .searchbox .close {
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    opacity: 1;
    padding: 10px 17px;
    position: fixed;
    right: 20px;
    top: 15px;
    text-shadow: none;
  }
  
  .serach-header .searchbox form input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: #fff;
    font-size: 24px;
    font-weight: lighter;
    left: 0;
    right: 0;
    margin: 0px auto;
    outline: medium none;
    padding-bottom: 7px;
    padding-left: 0;
    position: absolute;
    top: 45%;
    width: 36%;
    line-height: 60px;
  }
  
  .serach-header .searchbox form button {
    display: inline-block;
    line-height: 60px;
    height: 60px;
    left: 68%;
    position: absolute;
    top: 50%;
    transform: translate(0%, -55%);
    background: transparent;
    color: #fff;
    border: 0;
    font-size: 20px;
  }
  
  .serach-header .searchbox.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    filter: alpha(opacity=100);
  }
  
  .serach-header .searchbox form::-webkit-input-placeholder {
    color: rgba(219, 187, 10, 0.6);
  }
  
  .serach-header .searchbox form:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(219, 187, 10, 0.6);
  }
  
  .serach-header .searchbox form::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(219, 187, 10, 0.6);
  }
  
  .serach-header .searchbox form:-ms-input-placeholder {
    color: rgba(219, 187, 10, 0.6);
  }
  
  .s {
    float: left;
    width: 100%;
    margin-top: 30px;
  }
  .breadcrumb1 h1 {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.title_text .item{
    display: flex;
    padding-bottom: 50px;
    padding-top: 50px;
    justify-content: space-between;
}
.title_text .title h2 {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 20px;
    color: #393836;
    text-align: left;
    font-style: normal;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}
.title_text .title {
    width: 20%;
}
.title_text .content {
    width: 75%;
}
.title_text .title .divider-inner {
	border-top: 1px solid #f9b531;
	border-top-width: 3px;
    width: 70px;
    margin-top: 25px;
    margin-bottom: 40px;
}
.title_text .content p {
    font-size: 16px;
    color: rgb(119, 119, 119);
    line-height: 1.66em;
}
.gallery .item {  
    overflow: hidden; 
  }
  .gallery .slick-slide > div {
    margin-left: 5px;
  }
.gallery .item img {
    transition: 2s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.gallery .item a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.bloc_qualite {
    padding-bottom: 50px;
    padding-top: 50px;
}
.bloc_qualite h2{
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 20px;
    color: #393836;
    text-align: left;
    font-style: normal;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}
.bloc_qualite .divider-inner {
	border-top: 1px solid #f9b531;
	border-top-width: 3px;
    width: 70px;
    margin-top: 25px;
    margin-bottom: 40px;
}
.bloc_qualite .slide-qualite-dots {
    display: flex;
    position: absolute;
    top: 0;
    left: 50%;
}
.bloc_qualite .slide-qualite-dots li button{
    padding: 15px;
    margin-right: 2px;
    position: relative;
    font-weight: 700;
    letter-spacing: 1px;
    transition: opacity 0.2s ease-out 0s;
    color: rgb(46, 46, 46);
    font-size: 16px;
    border: none;
    background: transparent;
    opacity: 0.2;
}
.bloc_qualite .slide-qualite-dots li button:hover{
    color: #f9b531;
    opacity: 1;
}
.bloc_qualite .slide-qualite-dots .slick-active button{
    opacity: 1;
}
.bloc_qualite .qualite .item .content {
    display: flex;
    margin-top: 70px;
}
.bloc_qualite .qualite .item .content .image ,.bloc_qualite .qualite .item .content .description{
    width: 50%;
}
.bloc_qualite .qualite .item .content .image {
    margin-right: 50px;
}
.bloc_qualite .qualite .item .content .description .divider-inner {
    border-top: 1px solid #040300;
	border-top-width: 3px;
    width: 35px;
    margin-top: 25px;
    margin-bottom: 40px;
}
.bloc_qualite .qualite .item .content .description h3 {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin: 0px;
    font-size: 18px;
}
.bloc_qualite .qualite .item .content .description p {
    color: rgb(106, 102, 101);
    font-size: 16px;
    line-height: 1.66em;
}
.bloc_partenaire_type2 {
    background-color: #f7f7f7;
    padding-top: 50px;
    padding-bottom: 50px;
}
.bloc_partenaire_type2 .content{
    display: flex;
}
.bloc_partenaire_type2 .content .title{
    width: 20%;
    margin-right: 50px;
}
.bloc_partenaire_type2 .content .title h2 {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 20px;
    color: #393836;
    text-align: left;
    font-style: normal;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}
.bloc_partenaire_type2 .content .title .divider-inner {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-top-width: 3px;
    width: 70px;
    margin-top: 25px;
    margin-bottom: 40px;
}
.bloc_partenaire_type2 .content .title p {
    font-size: 16px;
    color: rgb(119, 119, 119);
    line-height: 1.66em;
}
.bloc_partenaire_type2 .content .partenaire_type2 {
    width: 80%;
    display: flex;
    flex-flow: wrap;
}
.bloc_partenaire_type2 .content .partenaire_type2 .item{
    padding: 40px 15px 15px 5px;
    width: 25%;
    opacity: 0.8;
    transition: all 0.5s;
}
.bloc_partenaire_type2 .content .partenaire_type2 .item:hover{
    opacity: 1;
}
.expertise .content {
    padding-top: 100px;
    display: flex;
}
header.color_menu{
    padding-bottom: 3px;
    border-bottom: 1px solid #f7f7f7!important;
}
header.top_header .logo2{
    display: none;
}
/* header.color_menu .logo1,header.color_menu.sticky .logo2{
   display: none;
} */
header.color_menu ul li a,header.color_menu .searchd i{
    color: #444444!important;
}
.expertise .content .description{
    letter-spacing: 0px;
    text-transform: uppercase;
    font-size: 50px;
    color: #393836;
    text-align: left;
    justify-content: center;
    width: 50%;
    display: flex;
    flex-flow: column;
    font-style: inherit;
    font-weight: inherit;
}
.bloc_objectif {
    background-color: #f7f7f7;
    padding-bottom: 50px;
    padding-top: 50px;
}
.bloc_objectif .title h2,.bloc_objectif .title h1{
    letter-spacing: 0px;
    text-transform: uppercase;
    font-size: 21px;
    color: #393836;
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}
.bloc_objectif .title .divider-inner {
    border-top: 1px solid #e5e5e5;
	border-top-width: 3px;
    width: 70px;
    margin-top: 25px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}
.bloc_objectif .objectifs .item {
    display: flex;
    padding-bottom: 50px;
    position: relative;
    margin-top: 50px;
}
.bloc_objectif .objectifs .item:nth-child(odd) {
   flex-direction: row-reverse;
}
.bloc_objectif .objectifs .item:nth-child(1):after {
    content: '';
    border-top: 2px solid #e5e5e5;
	border-top-width: 3px;
    width: 70px;
    position: absolute;
    top: 100%;
    left: 47%;
    right: 0;
 }
.bloc_objectif .objectifs .item .image{
    width: 50%;
}
.bloc_objectif .objectifs .item .description{
    width: 50%;
}
.bloc_objectif .objectifs .item .description p{
    font-size: 15px;
    color: #777777;
    line-height: 24px;
    text-align: justify;
    width: 70%;
    margin: auto;
}
.bloc_chiffre {
    padding-bottom: 50px;
    padding-top: 50px;
}
.bloc_chiffre .title {
    text-align: center;
}
.bloc_chiffre .title h2 {
    letter-spacing: 0px;
    text-transform: uppercase;
    font-size: 21px;
    color: #393836;
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    padding-bottom: 0px;
}
.bloc_chiffre .title .divider-inner {
    border-top: 1px solid #e5e5e5;
	border-top-width: 3px;
    width: 35px;
    margin-top: 25px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}
.bloc_chiffre .chiffres {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.bloc_chiffre .chiffres .item {
    margin-top: 30px;
    text-align: center;
}
.bloc_chiffre .chiffres .item i{
    color:#fcbb40;
    font-size: 65px;
    padding-bottom: 30px;
}
.bloc_chiffre .chiffres .item p{
    color: #333333;
    font-size: 44px;
}
.bloc_chiffre .chiffres .item .divider-inner {
    border-top: 1px solid #333333;
	border-top-width: 3px;
    width: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
.bloc_chiffre .chiffres .item h3 {
    color: #333333;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 100%;
    position: relative;
}
.text_button_type2 {
    height: 175px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.text_button_type2 .item {
    /* position: absolute; */
    display: flex;
    justify-content: space-between;
    top: 0;
    left: 0;
    padding-top: 75px;
}
.text_button_type2 .item h2{
    color: #ffffff;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: left;
    font-style: inherit;
    font-weight: bold;
}
.text_button_type2 .item .link a {
    border: 1px solid #f9b700;
    color: #f9b700;
    padding: 18px 28px;
    font-size: 14px;
    line-height: 100%;
    font-weight: 700;
    transition: all 0.5s;
}
.text_button_type2 .item .link a:hover {
    border: 1px solid #f9b700;
    color: #fff;
    background-color: #f9b700;
}
.wpb_column {
    min-height: auto!important;
}
.breadcrumb_reference {
    height: 100px;
}
.breadcrumb_reference .title{
    margin-top: 160px;
    background-color: rgba(0, 0, 0, 0.08);
    padding-bottom: 35px;
    padding-top: 35px;
}
.breadcrumb_reference .title h1 {
    font-size: 20px;
    color: #4d4d4d;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
}

/*-- filter reference --*/

.reference .grid-item {
    display: inline-block;
    position: inherit;
    height: 370px;
    /* overflow: hidden; */
    text-align: center;
    width: 265px;
}
.reference .grid-item img{
    width:100%;
    height:auto;
    /* filter: url(filters.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1); */
    /* transition: 0.9s; */
}
/* .reference .grid-item img:hover{
    filter: none;
} */

.reference .isotope-pager .pager {
    display: inline-block;
}
.reference .filters {
    width: 100%;
    text-align: center;
    padding-bottom: 35px;
    padding-top:20px;
    
}

.reference .filters ul {
    list-style: none;
    padding: 20px 10px;
    display: flex;
    align-items: center;
}

.reference .filters li {
    padding: 14px 16px;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    letter-spacing: 1px;
}
.reference .filters li a{
    color: rgb(50, 50, 50);
    text-decoration: none;
    transition: all 0.5s;
}
.reference .filters li a:hover{
    color: rgb(248, 181, 50);
}

.reference .filters li:hover {
    border-radius: 15px;
}

.reference .filters li.active {
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    padding: 14px 16px;
    line-height: 13px;
    font-size: 15px;
    color: rgb(50, 50, 50);
    display: block;
    letter-spacing: 1px;
    
}



.reference .isotope-pager a{
    transition: all 0.2s ease 0s;
    padding: 10px 14px;
    line-height: 12px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 50px;
    font-weight: 700;
    float: left;
    border: 2px solid transparent;
    color: rgba(0, 0, 0, 0.4);
    padding: 14px 15px 15px;
}

.reference .isotope-pager a:hover{
    border: 2px solid rgba(0, 0, 0, 0.4);
}

.reference .isotope-pager .active{
    border: 2px solid rgba(0, 0, 0, 0.4);
}

.reference .isotope-pager .prev{
    border-radius: 30px 0 0 30px;
}

.reference .isotope-pager .next{
    border-radius: 0 30px 30px 0;
}

.reference .isotope-pager a::before,.reference .isotope-pager a:after{
    content: "";
    position: absolute;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
}
.reference .isotope-pager .num::before,.next::before{
    border-right: 20px solid #2c3e50;
    right: 100%;
}

.reference .isotope-pager .num:after,.prev:after{
    border-right: 20px solid #f1f1f1;
    right: 0;
}
.reference .grid-item .content {
    border: 1px solid rgb(239, 239, 239);
    margin: 5px;
}
.reference .grid-item .content h3 {
    margin-bottom: 8px;
    line-height: 20px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
}
.reference .grid-item .content h3 a {
    color: #000;
    transition: all 0.5s;
}
.reference .grid-item .content h3 a:hover {
    color: rgb(248, 181, 50);;
}
.reference .grid-item .content p {
    line-height: 16px;
    font-size: 11px;
    letter-spacing: 1px;
    color: #aaa;
}
.reference .grid-item .overlay {
    position: absolute;
    top: 5px;
    left: 6px;
    width: 95.5%;
    right: 0;
    bottom: 112px;
    background-color: #f8b632c0;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 2;
    cursor: pointer;
}
.reference .grid-item .image:hover .overlay {
    opacity: 1;
}
.reference .grid-item .image .overlay .button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.reference .grid-item .overlay .button a {
    font-size: 30px;
    color: #fff;
}
.reference .grid-item .overlay .button .plus{
    margin-right: 10px;
}
.reference .isotope-pager {
    text-align: center;
    margin: 0px 10px 0px 0px;
    float: left;
}
/*-- end filter reference --*/
.breadcrumb_blog {
    height: 100px;
}
.breadcrumb_blog .title{
    margin-top: 160px;
    background-color: #f2f2f2;
    padding-bottom: 28px;
    padding-top: 35px;
}
.breadcrumb_blog .title h1 {
    font-size: 20px;
    color: #4d4d4d;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
}
.breadcrumb_blog .content {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}
.breadcrumb_blog .breadcrumbs span{
    color: #919191;
    display: inline-block;
    margin: 0 20px -10px 0;
    line-height: 11px;
    padding: 10px 12px 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.breadcrumb_blog .breadcrumbs span a{
    color: #afafaf;
}
.breadcrumb_blog .breadcrumbs span a:hover{
    color: #797979;
}
.breadcrumb_blog .breadcrumbs {
    width: 100%;
    text-align: end;
}
.blog_section {
    margin-top: 19px;
    background-color: rgba(0, 0, 0, 0.08);
    padding-top: 50px;
    padding-bottom: 1px;
}
.blog_section .blog {
    margin-bottom: 50px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}
.blog_section .blog .image,.blog_section .blog .content{
    width: 48%;

}
.blog_section .blog .content {
    padding-bottom: 30px;
    padding-top: 30px;
	padding-right: 10px;
}

.blog_section .blog .content .catgorie {
    color: #2e2e2e;
    line-height: 20px;
    font-size: 14px;
}
.blog_section .blog .content .catgorie span a{
    color: #2e2e2e;
    transition: all 0.5s;
}
.blog_section .blog .content .catgorie span a:hover {
    color: #f9b700;
}
.blog_section .blog .content .title{
    margin: 20px 0;
    letter-spacing: 1px;
    font-size: 24px;
    color: #404040;
    font-weight: 600;
    text-transform: uppercase;
}
.blog_section .blog .content .title a{
    color: #404040;
    transition: all 0.5s;
}
.blog_section .blog .content .title a:hover{
    color: #f9b700;
}
.blog_section .blog .content .excerpt p{
    margin-bottom: 30px;
    font-size: 16px;
    color: #777777;
    line-height: 1.66em;
}
.blog_section .blog .content .excerpt .readmore-btn a{
    background-color: transparent;
    color: #252525;
    padding: 12px 24px;
    border: 2px solid #252525;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    transition: all 0.5s;
}
.blog_section .blog .content .excerpt .readmore-btn a:hover{
    background-color: #252525;
    color: #fff;
}
.blog_section .blog .image {
    overflow: hidden;
    background-color: #f8b632;
    height: 100%;
}

.blog_section .blog .image img{
    transform: scale(1);
    transition: 0.6s;
    opacity: 1;
	height: 400px!important;
    object-fit: cover;
}
.blog_section .blog .image:hover img{
    transform: scale(1.1);
    opacity: .5;
}
.detail_blog {
    padding-top: 50px;
    padding-bottom: 50px;
}
.detail_blog .container > img {
	margin: auto;
	display: block;
}
.detail_blog h2 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 30px;
    color: #404040;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3em;
}
.detail_blog .blog_meta p{
    color: #999;
    font-style: italic;
    font-size: 14px;
    display: inline-block;
}
.detail_blog .blog_meta p span{
    color:#777;
}
.detail_blog .blog_meta p a {
    color: #999;
    transition: all 0.5s;
}
.detail_blog .blog_meta p a:hover {
    color:#f8b632;
}
.detail_blog .blog_content p{
    font-size: 16px;
    color: #777777;
    line-height: 1.66em;
}
.detail_blog .blog_content blockquote{
    position: relative;
    background-color: #f6f6f6;
    background-color: rgba(0,0,0,.05);
    padding: 15px 15px 15px 70px;
}
.detail_blog .blog_content blockquote:before {
    position: absolute;
    background-image: url(assets/images/blockquote.png);
    content: "";
    display: block;
    left: 10px;
    top: 20px;
    background-size: cover;
    width: 45px;
    height: 30px;
}
.recent_post {
   padding-top: 30px;
   padding-bottom: 30px;
}
.recent_post h2{
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: rgb(119, 119, 119);
    letter-spacing: 2px;
}
.recent_post .dernier_blog {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}
.recent_post .dernier_blog .item {
    width: 24%;
    border: 1px solid rgb(239, 239, 239);
}
.recent_post .dernier_blog .item h3 a{
    padding: 15px 10px;
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(119, 119, 119);
    transition: all 0.5s;
}
.recent_post .dernier_blog .item h3 a:hover{
    color:#f8b632;
    height: 100%;
}
.recent_post .dernier_blog .item .image{
    background: #f8b632d0;
    opacity: 1;
    transition: all 0.5s;
}

.recent_post .dernier_blog .item .image img:hover{
    opacity: .5;
}
.detail_blog .blog_meta{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.detail_blog .blog_content{
    text-align: justify;
}
.detail_blog .blog_meta .btn_share i{
    color: #777;
    cursor: pointer;
}
.detail_blog .blog_meta .share{
    position: relative;
}
.detail_blog .blog_meta .share .content_share{
    position: absolute;
    left: -198px;
    bottom: 1px;
    background-color: rgb(37, 37, 37);
    margin: 0px;
    list-style: none;
    display: none;
    text-align: center;
    width: 190px;
    padding: 13px;
}
.detail_blog .blog_meta .share .content_share a{
    padding-right: 15px;
    color: rgb(168, 168, 168);
    transition: all 0.5s;
}
.detail_blog .blog_meta .share .content_share a:hover{
    color: #fff;
}
.detail_blog .blog_meta .share .content_share:before {
    right: -5px;
    top: 50%;
    margin-top: -5px;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    transform: rotate(45deg);
    background-color: rgb(37, 37, 37);
    content: "";
}
.page_404 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.page_404 .content_404{
    text-align: center;
}
.page_404 .content_404 h1{
    font-size: 28px;
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    color: #777777;
}
.page_404 .content_404 span{
    color: #f8b532;
    font-size: 220px;
    line-height: 100%;
    display: block;
    font-weight: 300;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.page_404 .content_404 .search_404 p{
    font-size: 16px;
    color: #777777;
    line-height: 1.66em;
}
.page_404 .content_404 .search_404 form{
    position: relative;
}
.page_404 .content_404 .search_404 input{
    margin: 0;
    padding: 12px 28px 12px 15px;
    width: 100%;
    border: 2px solid rgba(0,0,0,.12);
}
.page_404 .content_404 .search_404 i{
    position: absolute;
    top: 17px;
    right: 14px;
    opacity: .4;
}
.page_404 .content_404 .search_404 button{
    border: 0;
}
.page_search {
    padding-top: 90px;
    padding-bottom: 50px;
}
.page_search .search_page p{
    font-size: 16px;
    color: #777777;
    line-height: 1.66em;
    margin-bottom: 20px;
    text-align: center;
}
.page_search .search_page form{
    position: relative;
}
.page_search .search_page input{
    margin: 0;
    padding: 12px 28px 12px 15px;
    width: 100%;
    border: 2px solid rgba(0,0,0,.12);
}
.page_search .search_page i{
    position: absolute;
    top: 17px;
    right: 14px;
    opacity: .4;
}
.page_search .search_page button{
    border: 0;
}
.search_content {
    border-bottom: 1px solid rgba(128,128,128,.2);
    padding-top: 10px;
}
.search_content h3 a{
    font-size: 18px;
    color: #404040;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.5s;
}
.search_content h3 a:hover{
    color: #f8b532;
}
.search_content p{
    font-size: 16px;
    color: #777777;
    line-height: 1.66em;
}
.no-results {
    padding-bottom: 50px;
    padding-top: 50px;
}
.no-results p{
    margin-bottom: 20px;
    font-size: 16px;
    color: #777777;
    text-align: center;
    line-height: 1.66em;
}
.no-results .page_search {
    padding-top: 50px;
}
.contact .content{
    padding-bottom: 50px;
    padding-top: 120px;
    text-align: center;
}

.contact .content h1{
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 28px;
    color: #ffffff;
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}
.contact .content .info{
    padding-bottom: 50px;
    padding-top: 50px;
    width: 55%;
    margin: auto;
}
.contact .content .info p{
    color: white;
    line-height: 32px;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.contact .content .group_btn a {
    padding: 18px 28px;
    border: 3px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    margin-left: 15px;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 2px;
    font-weight: 700;
    transition: all 0.5s;
}
.contact .content .group_btn a:hover {
    background-color: rgb(255, 255, 255);
    color: #000;
}
.page_contact{
    background-color: #292a2d;
    padding-bottom: 50px;
    padding-top: 50px;
}
.page_contact .title h2{
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    font-style: inherit;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
}
.page_contact .title p{
    margin-bottom: 60px;
    margin-top: 60px;
    color: #898989;
    font-size: 16px;
    line-height: 1.66em;
    text-align: center;
}
.page_contact .form_contact{
    width: 70%;
    margin: auto;
}
.page_contact .form_contact .form input,.page_contact .form_contact .form textarea{
    border: 1px solid #e5e5e5;
    /* -webkit-box-shadow: 0 0 0 1px #e5e5e5;
    box-shadow: 0 0 0 1px #e5e5e5; */
    color: #fff;
    margin: 0;
    background-color: transparent;
    outline: 0 none;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    padding: 18px;
    text-align: left;
    width: 100%;
}
.page_contact .form_contact .name {
    display: flex;
    flex-flow: wrap;
}
.page_contact .form_contact .name span{
    width: 50%;
}
.page_contact .form_contact .form input[type="checkbox"] {
    width: auto;
}
.page_contact .form_contact form .checkbox .wpcf7-list-item {
    border: 1px solid #e5e5e5;
    display: inline-block;
    margin-left: 0;
    margin-top: -5px;
    color: #fff;
    padding-bottom: 12px;
    padding-top: 17px;
    width: 100%;
    padding-left: 12px;
}
.page_contact .form_contact form p {
    margin-bottom: 0;
}
.page_contact .form_contact form .btn {
    width: 100%;
    border-radius: 0px;
    text-align: center;
    font-weight: 700;
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    padding: 18px;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: all .15s ease 0s;
    transition: all .15s ease 0s;
    letter-spacing: 3px;
}
.page_contact .form_contact form .btn:hover{
    background: rgba(255,255,255,.4);
}
.wpcf7-not-valid-tip {
    display: none;
}
.wpcf7-not-valid {
    border: 1px solid #ff0000!important;
}
.wpcf7-not-valid input[type="checkbox"]{
    box-shadow: 0 0 0 1px red!important;
}
.checkbox .wpcf7-not-valid {
    border: 0px solid #ff0000!important;
}
.checkbox .wpcf7-not-valid .wpcf7-list-item {
    border: 1px solid #ff0000!important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output {
    color: #fff;
}
#map {
    float: left;
    width: 100%;
    height: 600px;
}
.cf7sr-g-recaptcha {
    border: 1px solid #e5e5e5;
}
.dropdown:hover > .dropdown-menu {
    display: block;
    
}
.menu-item-has-children ul{
    background-color: #333333;
    width: 270px;
    border: 0px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
    border-top: 2px solid #f8b532;
}

.menu-item-has-children ul li {
    padding: 10px 17px;
    height: auto!important;
}

.menu-item-has-children ul li a span{
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #b3b3b3;
    white-space: initial;
    transition: all 0.5s;
}
.menu-item-has-children ul li a span:hover{
    color: #fff;
}
.dropdown-item:focus, .dropdown-item:hover {
    background: transparent;
}

.dropdown-menu > .dropdown {
    position: relative;
  }
  .menu-item-has-children .dropdown-menu .active.current_page_item span{
    color: #fff;
}
  .dropdown-menu > .dropdown a::after {
    transform: rotate(-90deg);
    position: absolute;
    left: 200px;
    font-size: 18px;
    top: .5rem;
    color: #b3b3b3;
  }
  
  .dropdown-menu > .dropdown .dropdown-menu {
    top: -12px;
    left: 100%;
  }

.bannier {
    margin-top: 105px;
}
.bannier h1{
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 48px;
    color: #ffffff;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    padding-top: 0px;
    width: 80%;
    padding-bottom: 25px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.page_biblio {
    padding-bottom: 50px;
    padding-top: 50px;
}
.page_biblio h2{
    letter-spacing: 1px;
    text-transform: capitalize;
    font-size: 28px;
    color: #222222;
    text-align: center;
    font-style: inherit;
    font-weight: inherit;
    padding-top: 80px;
    padding-bottom: 20px;
}
.page_biblio .biblio{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.page_biblio .biblio .item{
    width: 30%;
    padding-bottom: 30px;
    padding-top: 70px;
    text-align: center;
}
.page_biblio .biblio .item i{
    color: #f9b531;
    font-size: 64px;
    margin-bottom: 12px;
}
.page_biblio .biblio .item h3{
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 1.3em;
    text-transform: uppercase;
    color: #222222;
    font-size: 16px;
    font-weight: bold;
}
.page_biblio .biblio .item p{
    color: #595959;
    font-size: 16px;
    line-height: 1.66em;
}
.page_processus {
    padding-bottom: 50px;
    padding-top: 50px;
    background: url(assets/images/pattern.png);
    background-attachment: fixed;
}
.page_processus h2{
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    font-style: inherit;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_processus .subtitle{
    font-size: 18px;
    color: rgb(64, 64, 64);
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.page_processus .subtitle:after{
    content: '';
    height: 1px;
    border-top: 1px solid rgb(235, 235, 235);
    display: block;
    position: relative;
    top: 10px;
    float: left;
    width: 30%;
}
.page_processus .subtitle:before{
    content: '';
    height: 1px;
    border-top: 1px solid rgb(235, 235, 235);
    display: block;
    position: relative;
    top: 10px;
    float: right;
    width: 30%;
}
.page_processus .processus{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.page_processus .processus .item{
    width: 24%;
    padding-bottom: 30px;
    padding-top: 70px;
    text-align: center;
}

.page_processus .processus .item h3{
    letter-spacing: 0px;
    text-transform: initial;
    font-size: 20px;
    color: #ffffff;
    text-align: left;
    font-style: inherit;
    font-weight: bolder;
    padding-top: 40px;
    padding-bottom: 10px;
}
.page_processus .processus .item h3 span {
    color: #ff757c;
}
.page_processus .processus .item p{
    font-size: 16px;
    color: rgb(119, 119, 119);
    line-height: 1.66em;
    text-align: left;
}
.bannier2 video {
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
    position: relative;
}
.bannier2 .title {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    position: absolute;
    top: 45%;
    left: 50%;
    width: 68%;
    transform: translate(-50%, -50%);
}
.bannier2 .title h1{
    letter-spacing: 2px;
    text-transform: initial;
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-style: inherit;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 10px;
}
.bannier2 .title img{
    margin: auto;
    display: block;
}
.text_sigb {
    padding-top: 30px;
    padding-bottom: 30px;
}
.text_sigb .title{
    width: 65%;
    margin: auto;
}
.text_sigb h2 {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 25px;
    color: #252525;
    text-align: center;
    font-style: inherit;
    font-weight: 600;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 18px;
}
.text_sigb p{
    font-size: 16px;
    color: #61656a;
    line-height: 1.66em;
}
.page_3bloc {
    background-color: #f5f5f5;
    padding-bottom: 50px;
    padding-top: 50px;
}
.page_3bloc .trois_bloc{
    display: flex;
}
.page_3bloc .trois_bloc{
    display: flex;
    text-align: center;
}
.page_3bloc .trois_bloc .item{
    margin-right: 25px;
}
.page_3bloc .trois_bloc .item p{
    color: #61656a;
    font-size: 16px;
    line-height: 1.66em;
    margin-bottom: 0;
    margin-top: 15px;
}
.page_3bloc .trois_bloc .item a{
    color: #ef662f;
    font-weight: 600;
    display: block;
    text-align: center;
}
.page-id-154 .vc_row.container,.page-id-515 .vc_row.container{
    margin: auto;
}
.page-id-148 .vc_row.container,.page-id-533 .vc_row.container,.page-id-541 .vc_row.container {
    margin: auto;
}
.page-id-154 .vc_section-has-fill,.page-id-515 .vc_section-has-fill {
    margin: auto;
}
.page-id-154 .none .wpb_column,.page-id-515 .none .wpb_column {
    display: none;
}
.page-id-148 .none .wpb_column,.page-id-541 .none .wpb_column {
    display: none;
}
.page-id-154 .image_seule,.page-id-515 .image_seule {
    background-attachment: scroll;
    will-change: transform;
    transform: translateY(3.56641px) translateZ(0px);
    height: 381px;
    background-repeat: no-repeat;
    background-size: cover;
}
.text_deux_bloc {
    padding-bottom: 50px;
    padding-top: 50px;
    width: 93%;
}
.text_deux_bloc h3{
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 22px;
    color: #252525;
    text-align: center;
    font-style: inherit;
    font-weight: 600;
    padding-top: 0px;
    padding-bottom: 18px;
    
}
.text_deux_bloc h4{
    letter-spacing: 1px;
    text-transform: none;
    font-size: 18px;
    color: #252525;
    text-align: center;
    font-style: inherit;
    font-weight: 300;
    padding-top: 0px;
    margin-bottom: 18px;
}
.text_deux_bloc p{
    font-size: 16px;
    color: rgb(119, 119, 119);
    line-height: 1.66em;
    text-align: justify;
}
.page_solutions {
    margin-top: 104px;
}
.page_solutions .bloc_solution{
    padding-bottom: 50px;
    padding-top: 50px;
}
.page_solutions .bloc_solution h2,.page_solutions .bloc_solution h1{
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    font-style: inherit;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
}
.page_solutions .bloc_solution .subtitle{
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.page_solutions .bloc_solution .subtitle:after{
    content: '';
    height: 1px;
    border-top: 1px solid rgb(235, 235, 235);
    display: block;
    position: relative;
    top: 10px;
    float: left;
    width: 30%;
}
.page_solutions .bloc_solution .subtitle:before{
    content: '';
    height: 1px;
    border-top: 1px solid rgb(235, 235, 235);
    display: block;
    position: relative;
    top: 10px;
    float: right;
    width: 30%;
}
.page_solutions .bloc_solution .solutions{
    display: flex;
    flex-flow: wrap;
}
.page_solutions .bloc_solution .solutions{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.page_solutions .bloc_solution .solutions .item {
    width: 30%;
    padding-top: 50px;
    padding-bottom: 30px;
    display: flex;
}
.page_solutions .bloc_solution .solutions .item .content h3{
    font-size: 16px;
    font-weight: inherit;
    color: #cccccc;
    text-transform: uppercase;
    line-height: 1.3em;
    margin-bottom: 9px;
}
.page_solutions .bloc_solution .solutions .item .content p{
    font-size: 16px;
    color: rgb(119, 119, 119);
    line-height: 1.66em;
    margin-bottom: 0;
}
.page_solutions .bloc_solution .solutions .item .content a{
    float: right;
    margin: 10px 15px 10px 0px;
    font-size: 12px;
    color: #F9B700;
    transition: all 0.5s;
}
.page_solutions .bloc_solution .solutions .item .content a:hover{
    color: rgb(248, 181, 50);
}
.page_solutions .bloc_solution .solutions .item .content a i{
    margin-left: 10px;
}
.page_solutions .bloc_solution .solutions .item .icon{
    margin-right: 25px;
}
.page_solutions .bloc_solution .solutions .item .icon i{
    color: #cccccc;
    font-size: 32px;
}
.page_produits .produits .item {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.page_produits .produits .item img {
    margin: auto;
    display: block;
}
.page_produits .produits .item h3 {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 32px;
    color: #222222;
    text-align: center;
    font-style: inherit;
    font-weight: inherit;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 18px;
    line-height: 1.3em;
}
.page_produits .produits .item h4 {
    letter-spacing: 2px;
    text-transform: none;
    font-size: 20px;
    color: #808080;
    text-align: center;
    font-style: inherit;
    font-weight: inherit;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 18px;
}
.page_produits .produits .item .content {
    display: flex;
    padding-top: 40px;
}
.page_produits .produits .item .content .description{
    width: 70%;
    font-size: 16px;
    color: rgb(119, 119, 119);
    line-height: 1.66em;
    text-align: justify;
    margin-right: 15px;
}
.page_produits .produits .item .content .image{
    width: 30%;
}
.page_produits .produits .item .content .image a{
    margin-bottom: 10px;
    /* margin-top: 10px; */
    margin-right: 0px;
    padding: 20px 28px; 
    margin-top: 10px!important;
    font-size: 14px;
    line-height: 100%;
    border-radius: 3px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 2px;
    background-color: #f97352;
    color: #fff;
    transition: all 0.5s;
    margin: auto;
    display: block;
    width: 60%;
}
.page_produits .produits .item .content .image a:hover{
    background-color: #000;
}
.page_produits .produits .item .content .image a i{
    margin: -2px 15px 0px 0px;
}
.page-id-229 .vc_row.container {
    margin: auto;
}
.text_image {
    padding-bottom: 20px;
    padding-top: 50px;
}
.text_image h2{
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 30px;
    color: #393836;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}
.text_image .divider-inner {
    border-top-color: #edeff0;
    width: 175px;
    border-top: 3px solid rgba(0, 0, 0, 0.1);
    margin: 0px auto;
    padding: 15px 0 60px;
}
.text_image .content {
    display: flex;
    justify-content: space-between;
}
.text_image .content2 {
    display: flex;
    flex-flow: wrap;
}
.text_image .content2 .image{
    width: 100%;
}
.text_image .content .image{
    width: 47%;
    /* margin-right: 30px; */
}
.text_image .content .description{
    font-size: 16px;
    color: #777777;
    width: 50%;
    line-height: 1.66em;
    text-align: justify;
}
.text_image .content2 .description{
    font-size: 16px;
    color: #777777;
    width: 100%;
    line-height: 1.66em;
    text-align: justify;
    margin-bottom: 25px;
}
.page_repondre {
    padding-bottom: 80px;
}
.page_repondre .repondre {
    position: relative;
}
.page_repondre .repondre ul {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    margin-top: 15px;
    transform: translateY(-50%);
    justify-content: center;
    border-bottom: 0;
}
.page_repondre .repondre ul li a {
    border-radius: 50%;
    border: 3px solid rgb(42, 42, 42);
    display: block;
    text-decoration: none;
    cursor: pointer;
    height: 10px;
    width: 10px;
    padding: 5px;
    margin: 5px 7px;
    background: 0px 0px;
    transition: all 0.2s ease-in-out 0s;
}
.page_repondre .repondre ul li a:hover {
    background-color: #000;
    border: 3px solid #000;
}
.page_repondre .repondre ul li .active {
    background-color: #000;
    border: 3px solid #000;
}
.page_repondre h2 {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 30px;
    color: #393836;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}
.page_repondre .divider-inner{
    border-top-color: #edeff0;
    width: 175px;
    border-top: 3px solid rgba(0, 0, 0, 0.1);
    margin: 0px auto;
    padding: 15px 0 60px;
}
.page_repondre .repondre .item {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.page_repondre .repondre .item .image{
    width: 25%;
}
.page_repondre .repondre .item .description{
    width: 70%;
    font-size: 16px;
    color: #777777;
    line-height: 1.66em;
}
.bloc_title_text {
    padding-bottom: 50px;
    padding-top: 50px;
}
.bloc_title_text h3 {
    letter-spacing: 0px;
    text-transform: uppercase;
    font-size: 20px;
    color: #ef5227;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 15px;
}
.bloc_title_text p {
    font-size: 16px;
    color: #61656a;
    line-height: 1.66em;
}
.bloc_title_text ul li {
    margin: 0px 0px 6px;
    padding: 0px 0px 0px 21px;
    font-size: 14px;
    color: #61656a;
    line-height: 1.66em;
}
.bloc_title_text ul li i{
    color: #f8b532;
    padding-right: 10px;
}
.paragraphe_full {
    letter-spacing: 0px;
    text-transform: capitalize;
    font-size: 32px;
    color: #ffffff;
    text-align: center;
    font-style: italic;
    font-weight: 300;
    padding-top: 50px;
    padding-bottom: 50px;
}
.page_plagiat {
    padding-bottom: 50px;
    padding-top: 50px;
}
.page_plagiat h2{
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 20px;
    color: #393836;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 18px;
}
.page_plagiat .divider-inner{
    border-top-color: #edeff0;
    width: 175px;
    border-top: 3px solid rgba(0, 0, 0, 0.1);
    margin: 0px auto;
    padding: 15px 0 60px;
}
.page_plagiat .plagiat {
    display: flex;
    justify-content: space-between;
}
.page_plagiat .plagiat .item{
    width: 24%;
    text-align: center;
}
.page_plagiat .plagiat .item i{
    color: #febd00;
    font-size: 64px;
}
.page_plagiat .plagiat .item h3{
    font-weight: bold;
    font-size: 16px;
    color: rgb(64, 64, 64);
    padding: 35px 0 10px 0;
}
.page_plagiat .plagiat .item p{
    font-size: 16px;
    color: rgb(119, 119, 119);
    line-height: 1.66em;
}
.page_fonctionne_doc {
    padding-bottom: 50px;
    padding-top: 50px;
    background-color: #f7f7f7;
}
.page_fonctionne_doc h2 {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 20px;
    color: #393836;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 20px;
}
.page_fonctionne_doc .divider-inner{
    border-top-color: #febd00;
    width: 75px;
    border-top: 3px solid #febd00;
    margin: 0px auto;
    padding: 15px 0 60px;
}
.page_fonctionne_doc .fonctionne {
    display: flex;
    justify-content: space-between;
}
.page_fonctionne_doc .fonctionne .item{
    width: 24%;
    text-align: center;
    position: relative;
    transition: all 0.5s;
}
.page_fonctionne_doc .fonctionne .item:before{
    position: absolute;
    left: 85%;
    top: 20%;
    z-index: 1;
    right: 0;
    display: block;
    width: 36%;
    height: 0px;
    border-top: 1px dashed rgb(187, 187, 187);
    content: "";
}
.page_fonctionne_doc .fonctionne .item:last-child:before{
    display: none;
}
.page_fonctionne_doc .fonctionne .item i{
    color: #bbbbbb;
    font-size: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    transition: all 0.5s;
}
.page_fonctionne_doc .fonctionne .item h3{
    margin: 35px auto 20px;
    font-size: 16px;
    padding: 0px 20px;
    color: rgb(64, 64, 64);
    font-weight: 600;
    text-transform: uppercase;
}
.page_fonctionne_doc .fonctionne .item p{
    font-size: 16px;
    color: rgb(119, 119, 119);
    line-height: 1.66em;
}
.page_fonctionne_doc .fonctionne .item:hover .process-icon {
    background-color: #febd00;
}
.page_fonctionne_doc .fonctionne .item:hover i {
    background-color: transparent;
    color: #fff;
    -webkit-animation: toRightFromLeft .3s forwards;
    animation: toRightFromLeft .3s forwards;
}
.page_fonctionne_doc .fonctionne .item .process-icon{
    position: relative;
    display: inline-block;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: background .3s,color .3s,-webkit-box-shadow .3s;
    transition: background .3s,color .3s,-webkit-box-shadow .3s;
    transition: background .3s,color .3s,box-shadow .3s;
    transition: background .3s,color .3s,box-shadow .3s,-webkit-box-shadow .3s;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px #bbb;
    box-shadow: 0 0 0 2px #bbb;
    width: 180px;
    height: 180px;
    text-align: center;
}
@keyframes toRightFromLeft {
    49% {
        -webkit-transform: translateX(100%) translateY(-50%);
        transform: translateX(100%) translateY(-50%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateX(-100%) translateY(-50%);
        transform: translateX(-100%) translateY(-50%);
    }
    51% {
        opacity: 1;
    }
}
.slider video{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
.slider .item{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.page-id-150 .bloc_partenaire .title h2 {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 20px;
    color: #393836;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 0px;
}
.btn_contact{
    position: fixed;
    right: 10px;
    
    bottom: 10px;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
    transform: translateZ(0);
    transition: all .2s ease-in-out;
    z-index: 400;
}
.btn_contact:hover a{
    background-color: #febd00;
    transition: all 0.5s;
}
.btn_contact:hover i{
    color: #fff;
}
.btn_contact a{
    display: block;
    border-radius:5px;
    width: 45px;
    height: 45px;
    background-color: #ccc;
    background-color: rgba(0,0,0,.4);
}
.btn_contact a i{
    position: absolute;
    top: 12px;
    left: 12px;
    color: #fff;
    height: 20px;
    width: 20px;
}
.quick_contact {
    position: absolute;
    right: 10px;
    z-index: 1;
    bottom: 60px;
    display: none;
    padding: 15px 12px;
    background-color: #e8e8e8;
    -ms-transform: scale(.95);
    transform: scale(.95);
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.quick_contact h2{
    font-size: 14px;
    color: #888;
    line-height: inherit;
}
.quick_contact .form input,.quick_contact .form textarea{
    padding: 11px;
    width: 100%;
    border: 0;
    margin-bottom: 7px;
    font-size: 14px;
    border: 1px solid transparent;
    background-color: #f7f7f7;
}
.quick_contact .form .btn{
    text-align: center;
    transition: all 0.5s;
    color: #fff;
    margin: auto;
    border: none;
    outline: 0;
    font-size: 13px;
    line-height: 13px;
    padding: 12px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    text-decoration: none;
    overflow: visible;
    font-weight: 700;
    left: auto;
    white-space: nowrap;
    display: block;
    width: 40%;
    background-color: #f8b532;
}
.quick_contact .form .btn:hover{
    background-color: #252525;
}
.quick_contact .bottom-arrow {
    position: absolute;
    right: 20px;
    bottom: -4px;
    display: block;
    width: 14px;
    height: 14px;
    border-top: none;
    border-left: none;
    background-color: #e8e8e8;
    content: "";
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.quick_contact .wpcf7 form.invalid .wpcf7-response-output,.quick_contact .wpcf7 form.unaccepted .wpcf7-response-output,.quick_contact .wpcf7 form.failed .wpcf7-response-output,.quick_contact .wpcf7 form.aborted .wpcf7-response-output,.quick_contact .wpcf7 form.sent .wpcf7-response-output {
    color: #000;
    margin: 0;
}
.page_produit {
    padding-bottom: 50px;
    padding-top: 50px;
}
.page_produit .produit {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.page_produit .produit .item{
    width: 24%;
    padding: 10px;
    border: 1px solid rgb(227, 227, 227);
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.page_produit .produit .item .title h3{
    line-height: 18px;
    padding-right: 50px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-size: 14px;
    color: rgb(64, 64, 64);
    font-weight: 600;
    text-transform: uppercase;
}
.page_produit .produit .item .overlay {
    position: absolute;
    height: 50px;
    bottom: 25%;
    left: 0px;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s;
}
.page_produit .produit .item:hover .overlay {
    opacity: 1;
}
.page_produit .produit .item .overlay p{
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding-top: 15px;
    padding-bottom: 15px;
    /* position: absolute; */
    /* height: 50px; */
    /* bottom: 0px;
    left: 0px; */
    width: 100%;
    text-align: center;
    /* padding-left: 15px; */
}
.page_produit .produit .item .overlay p i{
    padding-right: 15px;
}
.page_produit .produit .item .image img {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  
}
.page_produit .produit .item:hover .image img {
    -webkit-transform: rotate(5deg) scale(0.9);
    transform: rotate(5deg) scale(0.9);
}
.detail_produit {
    padding-top: 50px;
    padding-bottom: 50px;
}
.detail_produit .content_detail_produit {
    display: flex;
    justify-content: space-between;
}
.detail_produit .content_detail_produit .gallery_produit{
    width: 49%;
    
}
.detail_produit .content_detail_produit .excerpt{
    width: 49%;
    
}
/*tab detail */
/* column pic */ 
.detail_produit .height_img_scroll,.height_img_scroll1 {
	/* height: 370px;
    overflow: scroll;
    overflow-x: hidden; */
    height: 100%;
    width: 100%;
}
.detail_produit .scroll_img {
	height: 85px;
    width: 16.66%;
    overflow-y: hidden!important;
    overflow-x: hidden!important;
	overflow: scroll;

}
.detail_produit #geeks {
	
    overflow: hidden;
}
.detail_produit .column { 
	display: flex;
	float: left; 
	padding: 10px; 
} 
.detail_produit .height_img_scroll1 {
    transform: scale(1); 
	transition: 0.5s; 
}
.detail_produit .height_img_scroll {
    transform: scale(1); 
	transition: 0.5s; 
}
.detail_produit .height_img_scroll1:hover {
    transform: scale(1.1); 
}
.detail_produit .height_img_scroll:hover {
    transform: scale(1.1); 
}
.detail_produit .coloumn {
    overflow: hidden;
}
.detail_produit  .column img { 
	opacity: 0.6; 
	cursor: pointer; 
	padding: 5px; 
  } 
  
.detail_produit .column img:hover { 
	opacity: 1; 
	/* transform: scale(1.1);  */
	transition: 0.5s; 
  } 
  
.detail_produit  .column img:active { 
	opacity: 1; 
  } 
/* width */
.detail_produit .height_img_scroll1::-webkit-scrollbar,.height_img_scroll::-webkit-scrollbar {
	width: 3px;
  }
  /* Handle */
.detail_produit .height_img_scroll1::-webkit-scrollbar-thumb,.height_img_scroll::-webkit-scrollbar-thumb {
	background: #3498db; 
	border-radius: 11px;
  }
  /* Handle on hover */
.detail_produit  .height_img_scroll1::-webkit-scrollbar-thumb:hover,.height_img_scroll::-webkit-scrollbar-thumb:hover {
	background: #3498db; 
  }
/*end tab detail*/
.detail_produit .content_detail_produit .excerpt h2 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 22px;
    color: rgb(64, 64, 64);
    text-transform: uppercase;
    line-height: 1.3em;
    margin-bottom: 30px;
}
.detail_produit .content_detail_produit .excerpt .description h3{
    font-size: 24px;
    color: rgb(64, 64, 64);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3em;
    margin-bottom: 10px;
}
.detail_produit .content_detail_produit .excerpt .description p{
    font-size: 16px;
    color: rgb(119, 119, 119);
    line-height: 1.66em;
    margin-bottom: 20px;
}
.detail_produit .content_detail_produit .excerpt .border_top {
    padding: 10px;
    border-top: 1px solid rgb(227, 227, 227);
    margin: 40px 0px 15px;
    font-size: 12px;
}
.detail_produit .content_detail_produit .excerpt .content_share {
    display: flex;
}
.detail_produit .content_detail_produit .excerpt .content_share a{
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid rgb(195, 195, 195);
    border-radius: 50px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}
.detail_produit .content_detail_produit .excerpt .content_share a:hover i{
    color: rgb(170, 170, 170);
}
.detail_produit .content_detail_produit .excerpt .content_share a i{
    color:rgb(195, 195, 195);
}
.detail_produit .content h4{
    color: rgb(64, 64, 64);
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 25px;
    padding-bottom: 60px;
}
.detail_produit table tbody tr {
    background: #e9e9e9;
}
.detail_produit table tbody tr:nth-child(odd) {
    background: #f6f6f6;
}
.detail_produit .content h3 {
    font-size: 24px;
    color: rgb(64, 64, 64);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3em;
    margin-bottom: 10px;
}
.detail_produit .content p {
    font-size: 16px;
    color: rgb(119, 119, 119);
    line-height: 1.66em;
    margin-bottom: 20px;
}
.detail_produit .content ul{
    margin-bottom: 1em;
    margin-top: 1em;
    margin-left: 1.5em;
    list-style-type: disc;
    color: rgb(119, 119, 119);
    font-weight: 400;
    line-height: 1.66em;
}
.detail_produit .content ul li{
    margin-left: 0.85em;
}
.detail_produit .content table tr td {
    width: 50%;
}
.recent_produit{
    padding-bottom: 50px;
}
.recent_produit h2{
    color: rgb(64, 64, 64);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.3em;
    font-size: 20px;
    margin-bottom: 45px;
}
.recent_produit .dernier_produit {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.recent_produit .dernier_produit .item {
    width: 24%;
    padding: 10px;
    border: 1px solid rgb(227, 227, 227);
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.recent_produit .dernier_produit .item .title h3{
    line-height: 18px;
    padding-right: 50px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-size: 14px;
    color: rgb(64, 64, 64);
    font-weight: 600;
    text-transform: uppercase;
}
.recent_produit .dernier_produit .item .overlay {
    position: absolute;
    height: 50px;
    bottom: 25%;
    left: 0px;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.5s;
}
.recent_produit .dernier_produit .item:hover .overlay {
    opacity: 1;
}
.recent_produit .dernier_produit .item .overlay p{
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding-top: 15px;
    padding-bottom: 15px;
    /* position: absolute; */
    /* height: 50px; */
    /* bottom: 0px;
    left: 0px; */
    width: 100%;
    text-align: center;
    /* padding-left: 15px; */
}
.recent_produit .dernier_produit .item .overlay p i{
    padding-right: 15px;
}
.recent_produit .dernier_produit .item .image img {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  
}
.recent_produit .dernier_produit .item:hover .image img {
    -webkit-transform: rotate(5deg) scale(0.9);
    transform: rotate(5deg) scale(0.9);
}
.page_nav_left a{
    position: fixed;
    top: 60%;
    z-index: 1;
    margin-top: -115px;
    text-decoration: none;
    width: 260px;
    -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    transition: all .6s cubic-bezier(.77,0,.175,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    left: -80px;
    
}

.page_nav_left a:hover {
    left: 100px;
}
.page_nav_left a:hover i {
    padding: 0;
    background-color: #252525;
}
.page_nav_left .info .image {
    height: 130px;
    width: 130px;
}
.page_nav_left .info {
    display: block;
    position: absolute;
    z-index: 1;
    left: -100px;
}
.page_nav_left .info .title h3 {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #252525;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 20px 20px 0;
}
.page_nav_left .info .title {
    opacity: 0;
    transition: all 0.3s ease-in 0.2s;
    transform: translate(0px, -50px);
    background-color: rgba(255,255,255,.85);
    border: 1px solid #f0f0f0;
    width: 260px;
}
.page_nav_left a:hover .title{
    opacity: 1;
    transform: translate(0px, 0px);
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s;
}

.page_nav_left i{
    width: 100px;
    padding-left: 35px;
    position: absolute;
    width: 130px;
    height: 130px;
    display: flex;
    /* top: 50%; */
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    color: rgb(255, 255, 255);
    transition: background 0.3s ease-out 0s;
    -webkit-transform: translate(30px,0);
    transform: translate(30px,0);
    -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    transition: all .6s cubic-bezier(.77,0,.175,1);
}

.page_nav_right a{
    position: fixed;
    z-index: 1;
    top: 60%;
    margin-top: -115px;
    text-decoration: none;
    width: 260px;
    -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    transition: all .6s cubic-bezier(.77,0,.175,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    right: -145px;
    
}

.page_nav_right a:hover {
    right: 30px;
}
.page_nav_right a:hover i {
    padding: 0;
    background-color: #252525;
}
.page_nav_right .info .image {
    height: 130px;
    width: 130px;
}
.page_nav_right .info {
    display: block;
    position: absolute;
    text-align: -webkit-right;
    z-index: 1;
    right: -30px;
}
.page_nav_right .info .title h3 {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #252525;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 20px 20px 0;
}
.page_nav_right .info .title {
    
    opacity: 0;
    transition: all 0.3s ease-in 0.2s;
    transform: translate(0px, -50px);
}
.page_nav_right .info .title h3{
    text-align: right;
}
.page_nav_right a:hover .title{
    opacity: 1;
    transform: translate(0px, 0px);
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s;
    background-color: rgba(255,255,255,.85);
    border: 1px solid #f0f0f0;
    width: 260px;
}

.page_nav_right i{
    width: 100px;
    padding-right: 35px;
    position: absolute;
    width: 130px;
    height: 130px;
    display: flex;
    /* top: 50%; */
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    color: rgb(255, 255, 255);
    transition: background 0.3s ease-out 0s;
    -webkit-transform: translate(30px,0);
    transform: translate(30px,0);
    -webkit-transition: all .6s cubic-bezier(.77,0,.175,1);
    transition: all .6s cubic-bezier(.77,0,.175,1);
}
/* pagination */
.pagination {
	display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  width: 100%;
	text-align: center;
	border-radius: 4px;
	
}
.pagination li {
    display: inline-block;
    margin: 0 2px;
}
.pagination li a {
    height: 46px;
    width: 46px;
    color: #6b6b6b;
    font-weight: 400;
    font-family: "Oswald";
    border: 1px solid #353131e8;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    line-height: 44px;
    letter-spacing: 1px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.pagination li.prev a, .pagination li.next a {
    width: 116px;
}

.pagination li a:hover,.pagination li.active a {
    color: #fff;
    background-color: #fcbb40;
    border-color: #fcbb40;
    border: 1px solid #fcbb40;
}
/* end pagination */
/*flag languages*/
.language {
	width: 150px;
	background: #fff;
	position: absolute;
    right: 3%;
	right: auto;
	z-index: 999;
	border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
	top: 62px;
	display: none;
  }
  .language ul li a {
	color: #000;
	display: block;
	padding: 10px 18px;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	text-transform: capitalize;
	text-align: left;
  }
  .language ul li a:hover {
	color: #3498db;
  }
  .lang-flag {
	display: inline-block;
	vertical-align: top;
  }
  .flag {
	/* padding: 10px 0px; */
	cursor: pointer;
	display: inline-flex;
	/* margin-left: 18px; */
    margin-right: 30px;
  }
  .flag i {
	margin-right: 2px;
	margin-top: 5px;
	color: #808080;
  }
  .flag img {
	width: 17px;
	height: 12px;
	margin-top: 6px;
  }
  .flag span {
	display: none;
	}
.language ul {
	padding: 0px;
    margin: 0px;
}
.language li {
    list-style: none;
}
/*end languages*/



/* .page-preloader {
    top: 0;
    left: 0;
    z-index: 999;
    position: fixed;
    height: 100%;
    width: 100%;
    text-align: center;
}
.mk-body-loader-overlay {
    z-index: 2351;
}
.preloader-logo {
    max-width: 90%;
    top: 50%;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    margin: -10px auto 0 auto;
    max-height: calc(50% - 20px);
    opacity: 1;
    position: relative;
}
.preloader-preview-area {
    animation-delay: -.2s;
    top: 50%;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    margin-top: 10px;
    max-height: calc(50% - 20px);
    opacity: 1;
    width: 100%;
    text-align: center;
    position: absolute;
}
.cube-transition {
    position: relative;
    -ms-transform: translate(-25px,-25px);
    transform: translate(-25px,-25px);
    display: inline-block;
}
.cube-transition>div {
    animation-fill-mode: both;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -5px;
    left: -5px;
    animation: cube-transition 1.6s 0s infinite ease-in-out;
}
.cube-transition>div:last-child {
    animation-delay: -.8s;
}
@keyframes cube-transition {
    25% {
        transform: translateX(50px) scale(.5) rotate(-90deg);
    }
    50% {
        transform: translate(50px,50px) rotate(-180deg);
    }
    75% {
        transform: translateY(50px) scale(.5) rotate(-270deg);
    }
    100% {
        transform: rotate(-360deg);
    }
} */

/* add style service */
.service .item.ser1 {
    background: #79c673;
    transition: all .2s ease;
}

.service .item.ser2 {
    background: #7b8ada;
    transition: all .2s ease;
}

.service .item.ser3 {
    background: #e2b353;
    transition: all .2s ease;
}

.service .item.ser4 {
    background: #de6258;
    transition: all .2s ease;
}

.service .item.ser5 {
    background: #6bc1ce;
    transition: all .2s ease;
}

.service .item.ser6 {
    background: #c1bebe;
    transition: all .2s ease;
}
.service .content_service_hover {
    display: none;
}

.service .item:hover .content_service {
    display: none;
}

.service .item:hover .content_service_hover {
    display: block;
}

.service .item:hover .content {
    height: 30em;
    transition: all .3s ease;
}

.service .item:hover .content_service_hover p {
    padding: 20px 10px 15px 10px;
}

.service .item:hover .content_service_hover a {
    padding: 10px 5px;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 10px;
    line-height: 100%;
    text-align: center;
    font-weight: 700;
    display: block;
    margin: auto;
    width: 45%;
    transition: all 0.5s;
}

.service .item:hover .content_service_hover a:hover {
    background: #fff;
    color: #000;
}

.service .item.ser1:hover {
    background: linear-gradient(rgba(60, 111, 18, 0.63), rgba(60, 111, 18, 0.63)),url("./assets/images/conseil.jpg");
    background-size: cover;
    background-position: center;
    transition: all .2s ease;
}

.service .item.ser2:hover {
    background: url("./assets/images/1.jpg");
    background-size: cover;
    background-position: center;
    transition: all .2s ease;
}

.service .item.ser3:hover {
    background: url("./assets/images/2.jpg");
    background-size: cover;
    background-position: center;    
    transition: all .2s ease;
}

.service .item.ser4:hover {
    background: url("./assets/images/3.jpg");
    background-size: cover;
    background-position: center;    
    transition: all .2s ease;
}

.service .item.ser5:hover {
    background: url("./assets/images/4.jpg");
    background-size: cover;
    background-position: center;
    transition: all .2s ease;
}
.service .item.ser6:hover {
    background: url("./assets/images/5.jpg");
    background-size: cover;
    background-position: center;
    transition: all .2s ease;
}
.service .item img {
    max-width: 100%;
}
.service .item .divider-inner {
    display: none;
}
/* end style service */
.paragraphe {
    font-size: 16px;
    color: rgb(119, 119, 119);
    line-height: 1.66em;
}
/* Page annone recrutement*/
.page_annonce_recrutement {
    padding-bottom: 50px;
    padding-top: 50px;
}
.page_annonce_recrutement .annonce .item svg {
    width: 10px;
    margin-right: 10px;
}
.page_annonce_recrutement .annonce .item {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    margin-right: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
    /* width: 100%; */
}
.page_annonce_recrutement .annonce {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
}
.page_annonce_recrutement .spontane {
    width: 25%;
    padding: 50px 30px;
    text-align: center;
    background-color: #4040400d;
    height: 100%;
}
.page_annonce_recrutement .spontane h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
}
.page_annonce_recrutement .annonce .item p {
    margin-bottom: 0;
    color: #404040;
}
.page_annonce_recrutement .annonce a {
    color: #404040;
    transition: all 0.5s;
}
.page_annonce_recrutement .annonce a:hover {
    color: #f9b700;
}
.page_annonce_recrutement .annonce .wrapper_content:hover a {
    color: #f9b700;
}
.page_annonce_recrutement .annonce .content .wrapper_content .wrapper_content_item{
    transition: all 0.5s;
    padding-bottom: 15px;
}
.page_annonce_recrutement .annonce .content .wrapper_content:hover .wrapper_content_item {
    margin-left: 10px;
}
.page_annonce_recrutement .annonce .info {
    display: flex;
    /* justify-content: space-between; */
    /* flex-flow: wrap; */
    width: 100%;
    /* margin-top: 15px;
    margin-bottom: 15px; */
}
.page_annonce_recrutement .annonce .content{
    width: 65%;
    padding-bottom: 10px;
    margin-bottom: 15px; 
}
.page_annonce_recrutement .annonce .title h3 {
    margin-bottom: 0;
}
.page_annonce_recrutement .annonce .wrapper_content {
    border-bottom: 1px solid #777777;
    margin-bottom: 20px;
}
.page_annonce_recrutement .annonce .content .wrapper_content:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}
.header .menu .navbar ul li a {
    margin-right: 23px !important;
}
.detail_annonce {
    padding-top: 80px;
    padding-bottom: 80px;
}
/* Page contact rejoignez_nous */
.contact_form_rejoignez_nous {
    margin-bottom:40px;
}
.contact_form_rejoignez_nous .content {
    width: 65%;
    margin: auto;
}
.contact_form_rejoignez_nous .content_name {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-flow: wrap;
    margin-bottom: 10px;
}
.contact_form_rejoignez_nous .content_name .name,
.contact_form_rejoignez_nous .content_name .mail
{
    width: 49%;
}
.contact_form_rejoignez_nous .content_name input
{
    width: 100%;
    font-size: 12px;
    padding: 5px;
    border-radius: 3px;
    border-width: 1px;
}
.contact_form_rejoignez_nous textarea {
    width: 100%;
    font-size: 12px;
    padding: 5px;
    border-radius: 3px;
    border-width: 1px;
}
.contact_form_rejoignez_nous .cf7sr-g-recaptcha {
    border: none;
}
.contact_form_rejoignez_nous .btn {
    background-color: #3d4045;
    color: rgb(255, 255, 255);
    padding: 20px 28px;
    font-size: 14px;
    line-height: 100%;
    transition: all 0.5s;
    text-align: center;
    margin: auto;
    width: 100%;
    display: block;
    width: 20%;
}
.wrapper_rejoignez_nous .wpcf7 form.invalid .wpcf7-response-output,
.wrapper_rejoignez_nous .wpcf7 form.unaccepted .wpcf7-response-output,
.wrapper_rejoignez_nous .wpcf7 form.failed .wpcf7-response-output,
.wrapper_rejoignez_nous .wpcf7 form.aborted .wpcf7-response-output,
.wrapper_rejoignez_nous .wpcf7 form.sent .wpcf7-response-output {
    color: #000;
}

header .pll-parent-menu-item.dropdown:hover>.dropdown-menu {
    width: 100%;
}

.footer p span.gsm {
    margin-left: 37px;
}
.contact .content .info p span.gsm {
    margin-left: 50px;
}
.detail_blog .blog_content ul {
	list-style: disc;
    margin-left: 30px;
    font-size: 16px;
    color: #777777;
}
.detail_blog .blog_content ul li {
	margin-bottom: 10px;
}

/* Location footer */
.footer .localisation {
    /* width: 32%; */
    width: 54%;
}
.footer_content_location {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
}
.footer_content_location .item {
    width: 32%;
}
.footer_content_location .item .title h3 i,
.footer_content_location .item .title h3 img
{
    margin-right: 8px;
    width: 9%;
}
.footer_content_location .item .title h3 {
    text-transform: uppercase;
    font-size: 14px;
    color: rgb(252 187 64);
    font-weight: bolder;
    margin-bottom: 15px;
}
.footer_content_location .item .footer_content_item_location p {
    font-size: 14px;
    margin-bottom: 5px;
}
.footer span.title_info {
    font-weight: 700;
}
.footer .last_blog .widget_recent_news h3 a {
    font-size: 12px;
}
.footer .last_blog {
    width: 20%;
}
.footer p {
    color: #fff;
}
.footer .localisation h2 {
    font-size: 16px;
	display: none;
}
/* End Location footer */
/* Service type 3 */
.service_type3 {
    display: flex;
    /* flex-flow: wrap; */
    justify-content: space-between;
    width: 100%;
}
.service_type3 .item {
    width: 25%;
}
.service_type3 .item .content_service_hover {
    display: none;
	background-position: center;
}
.service_type3 .item {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}
.service_type3 .item > a {
    width: 100%;
}
.service_type3 .item .content_service {
    text-align: center;
    padding: 10px;
}
.service_type3 .item .content_service img {
    width: 40%;
    height: 100px !important;
}
.service_type3 .item .content_service h3 {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-top: 35px;
}
.service_type3 .item:hover {
    width: 50%;
}
.service_type3 .item:hover .content_service {
    display: none;
}
.service_type3 .item:hover .content_service_hover {
    display: block;
    height: 400px;
    padding: 30px;
    -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.service_type3 .item .wrapper_content_service_hover {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
}
.service_type3 .item .wrapper_content_service_hover img {
    width: 18%;
    padding-right: 30px;
    margin-right: 10px;
    padding-bottom: 25px;
    border-bottom: 3px solid #fff;
}
.service_type3 .item .wrapper_content_service_hover h3 {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}
.service_type3 .item .content_service_hover p.description {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-left: 10px;
}
.service_type3 .item .content_service_hover p.description del {
    position: relative;
    text-decoration: none;
}
.service_type3 .item .content_service_hover p.description del:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 0.1em;
    background: #fff;
    top: 14px;
    left: -10px;
}
.service_type3 .item:nth-child(4) .content_service img {
    width: 60%;
}
.service_type3 .item:nth-child(3) .wrapper_content_service_hover img {
    width: 15%;
}
/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
/* End Service type 3 */
/* Stagiaire pfe */
.page_pfe {
    height: calc(100vh + 180px)!important;
}
.page_pfe .form_contact .form {
    width: 100%;
}
.page_pfe .form_contact {
    position: absolute;
    top: 15%;
    left: auto;
    right: auto;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.13);
    padding: 25px;
    width: 500px;
}
.page_pfe .form_contact label {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 15px;
}
.page_pfe .form_contact label span {
    font-weight: 700;
}
.page_pfe .form_contact form input {
    color: #fff;
    border-radius: 4px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.11);
}
.page_pfe .form_contact form input[type="file"] {
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    border: none;
    background: transparent;
}
.page_pfe .form_contact form input[type="file"]::file-selector-button {
    border: 2px solid #fff;
    height: calc(1.5em + 0.75rem + 2px);
    border-radius: none!important;
    background-color: #fff;
    color: #404040;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    margin-right: 15px;
}
.page_pfe .form_contact form p {
    margin-bottom: 0;
}
.page_pfe .form_contact form input[type="file"]::file-selector-button:hover {
    background-color: #F9B700;
    border: 2px solid #F9B700;
    color: #fff;
}
.page_pfe .form_contact form .btn_form {
    margin: 30px auto 0px;
    border-radius: 2px;
    display: block;
    background-color: #F9B700;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 45px;
    border: 2px solid #F9B700;
    transition: all 0.3s;
}
.page_pfe .form_contact form .btn_form:hover {
    background-color: #3d4045;
    border: 2px solid #3d4045;
}
.page_pfe .form_contact .title {
    margin-bottom: 30px;
    text-align: center;
}
.page_pfe .form_contact .title h2 {
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
}
.page_pfe .form_contact .title p {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
    /* text-align: start; */
}
.page_pfe .wpcf7 form.invalid .wpcf7-response-output,
.page_pfe .wpcf7 form.unaccepted .wpcf7-response-output,
.page_pfe .wpcf7 form.failed .wpcf7-response-output,
.page_pfe .wpcf7 form.aborted .wpcf7-response-output,
.page_pfe .wpcf7 form.sent .wpcf7-response-output {
    margin: 0;
}
/* End Stagiaire pfe */
/* Edit 21-03-2024 */
header .logo .slogan {
    padding-left: 10px;
}

header .logo .animate-text,
/* header .logo .animate-text, */
header .logo a #animate-textt1 {
    overflow: hidden;
}

header .logo .animate-text span,
/* header .logo .animate-text1 span, */
header .logo a #animate-textt1 div {
    display: none;
}

header .logo .animate-text span.text-in,
/* header .logo .animate-text1 span.text-in, */
header .logo a #animate-textt1 div.text-in1 {
    display: block;
    animation: textIn 1s ease;
}

header .logo .animate-text span.text-out,
/* header .logo .animate-text1 span.text-out, */
header .logo a #animate-textt1 div.text-out1 {
    animation: textOut 1s ease;
}

header .logo .animate-text span.text-out,
header .logo #animate-textt1 div.text-out1 {
    animation: textOut 1s ease;
}

@keyframes textIn {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%);
    }
}

@keyframes textOut {
    0% {
        transform: translateY(30%);
    }

    100% {
        transform: translateY(100%);

    }
}

header .slogan span {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}

.header .logo {
    width: 190px;
    height: 100%;
}

header .logo a {
    display: flex;
    align-items: center;
    color: #222;
}

.footer .logo_footer {
    display: flex;
}

.footer .logo_footer img {
    width: 25%;
}

header .logo a.logo_sticky {
    display: none;
}

header.sticky a.logo1 {
    display: none;
}

header.sticky .logo a.logo_sticky {
    display: flex;
    width: 21px;
}

header.sticky .logo1 {
    display: flex;
    width: 24px;
}

header.sticky {
    padding: 5px;
}

header.color_menu .logo1 {
    display: flex;
}

header {
    position: absolute;
}
.copyright img {
    display: none;
}
.copyright {
    padding: 20px 0;
}
.propos1 .item img {
	display:none;
}
.propos1 .item p {
    margin-bottom: 84px;
}
/* Edit 21-03-2024 */
/* Edit top bar 21-03-2024 */
header .header_top_bar .content_header_top_bar {
    align-items: center;
    justify-content: center;
    display: flex;
    background: #ffc933;
    height: 60px;
    margin-top: -5px;
    padding: 0px 10px;
}
header .header_top_bar a span {
    font-weight: 700;
    text-decoration-line: underline;
}
header .header_top_bar a {
    color: #1E1E1E;
    font-size: 16px;
    font-weight: 500;
}

header .header_top_bar .notification {
    background: #ff5252;
    margin-right: 15px;
    z-index: 2;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    transform: scale(1);
    box-shadow: 0 0 0 0 #ff5252;
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% {
        transform: scale(0.85);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 8px rgba(255, 82, 82, 0);
    }

    100% {
        transform: scale(0.85);
        box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    }
}
/* End Edit top bar 21-03-2024 */