body{background: #fff;font-family: 'Open Sans', sans-serif;font-weight: 400;position: relative;width: 100%;height: 100%;overflow-x: hidden;}
.navbar-brand>img{max-width:100%}	
.tm-white a {color: #fff;}
h1 {margin: 0 0 25px;}
h1,h2,h3,h4{font-weight: bold;font-family: Poppins;}
.h1{font-size:60px;color:#000;margin:5px 0 0 0;font-weight:bold}
.h3{color:#000; font-weight:300;font-family:'Lato',sans-serif;font-size:45px;}
.h31{color:#000; font-weight:bold;font-family:'Lato',sans-serif;font-size:25px; margin:0; text-transform:uppercase}
.soush2{font-size:30px;font-family:lato, Arial, Helvetica, sans-serif;line-height:50px;font-weight:300;padding-top:0 !important;margin:0}
.bold{font-weight:bold}
.line-3-70{margin-top:11px;height:3px;width:70px;background:#4b4e53;}
.fes1-box{padding-left:55px}
.ico_desc{ background-image:url(../images/icodesc.jpg); background-repeat:no-repeat; background-position:left top;}
.fes2-text-cont{margin-top:20px; font-size:18px;}
.post-prev-title {padding:15px 0 15px 20px;border-left: #C9CACB 1px solid;}
.pb-30 {padding-bottom:30px !important; border-bottom:solid 1px #eee; margin-bottom:30px}
.marg-70-50 {margin:70px 0 50px 0}
#map{width:100%;height:530px}
#services-link img{margin-bottom:10px}
p{line-height: 1.7em;}
img{max-width: 100%;height: auto;}
.overlay {width: 100%;height: 100%;background: #eee;}
.top_bar {background-color: #010006}
.navbar {transition: all .3s linear}
.scrolled {margin-top: -32px!important}
.navbar_menu {background-color: #ffffff}
img.about-us {
    width: 100%;
}
@media (min-width: 992px) {
	.fes2-main-text-cont {margin: 0 auto;padding: 95px 50px 0 50px;max-width:500px; }
}
.preloader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: none repeat scroll 0 0 #fff;
}
.sk-spinner-rotating-plane.sk-spinner {
	width: 30px;
	height: 30px;
	background-color: #28a7e9;
	margin: 0 auto;
	-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
	animation: sk-rotatePlane 1.2s infinite ease-in-out;
 }
@-webkit-keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
@keyframes sk-rotatePlane {
  0% {
         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
                 transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
                transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
}
.navbar-default{
	border: none;
	margin-bottom: 0;
}
.navbar-default .container .navbar-brand{
	width:175px;
	margin-left: 0;
	padding: 10px 0
}
.navbar-default .nav li a{
	font-family: Roboto Mono;
	color: #adadad;
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
	padding:35px 7px 5px 7px;
	margin:0 4px 5px 4px;
	position: relative;
	transition: all .3s ease
}
/* .navbar-default .nav li a {
    font-family: Roboto Mono;
    color: #adadad;
    font-size: 13px;
    font-weight: bold;
    line-height: normal;
    padding: 42px 6px;
    margin: 0 5px;
    position: relative;
    transition: all .3s ease;
} */
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus,.navbar-default .nav li a.current{
	color:#010006;
}
.navbar-default .nav li a.current{font-weight: bold}
.menumargtop{margin-top:13px}
.navbar-default .navbar-toggle{border: none;margin: 9px 0;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: transparent }
.navbar-default .navbar-toggle .icon-bar{background-color:#000}
.navbar-toggle .icon-bar{height:4px; width:32px;border-radius: 4px;}
 .navbar-toggle .icon-bar+.icon-bar{margin-top:6px}
#home{color: #fff;text-align: center;width: 100%;position:relative;z-index:1;}
.bx-wrapper{margin-bottom: 0}
#home p{font-weight: 400;font-style: italic;line-height: 2em;}
.mslide img{display: inline-block;width:100%}
#divider{text-align: center;padding-bottom: 80px;}
#divider .fa{color: #28a7e9;font-size: 60px;}
#divider h3{font-size: 20px;}
.divmarg_1{padding-bottom: 55px;}
.divmarg_2{margin-bottom:120px}
/* .feature1 p{padding-top: 6px;} */
.feature1 p {
    font-family: Roboto monospace;
    padding-top: 6px;
    font-size: 14px;
    text-align: justify;
    color: #4f4f4f;
    font-weight: normal;
    line-height: 1.8;
    letter-spacing: normal;
}
#contact .contact-form{padding-top: 40px;}
.form-control{height: auto}
#contact .form-control{
	border-radius: 0px;
	box-shadow: none;
	margin-bottom: 20px;
}
#contact input{
	height: 50px;
}
#contact input[type="submit"]{
	background: #28a7e9;
	color: #fff;
	font-weight: bold;
	transition: all 0.3s ease;
}
#contact input[type="submit"]:hover {
    background: #107DB6;
}
.topfooter{
	background: #010006;
	color:#fff;
	padding: 40px 0 0 0;
}
.widget {
    margin-bottom: 40px;
}
.widget h3{
    font-family: 'Roboto Mono', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .2px;
    color: #fff;
    margin: 0 auto 15px;
    text-transform: uppercase;
}
.widget .footerlogo{text-align: center;margin: 0 0 15px}
.widget>p{
    font-family: 'Roboto Mono', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5;
    color: #fff;
	text-align: justify;
	color: #fff;
	margin: 0
}
.footerlogo img {
    max-width: 42%;
}
.links-list{margin: 0 0 15px}
.links-list li, .links-list li a{
	font-family: Roboto Mono;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.76;
	color: #fff;
}
.social-link li{
	display: inline-flex;
	width: 24px;
	height: 24px;
	line-height: 1.6;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
}
.social-link li a{line-height: 1.2}
.newsletter_bloc .input-group .form-control {
    background-color: #010006;
    font-family: Roboto;
    padding: 7px 15px;
    font-size: 15px;
    font-weight: 300;
    border-color: #fff;
    border-radius: 20px!important;
    line-height: normal;
	color: #fff;
    letter-spacing: 1.4px;
	z-index: 0
}
.newsletter_bloc .input-group-btn>.btn-abon {
    font-family: Roboto Mono;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.9px;
    color: #000;
    background-color: #d1a84d;
    padding: 9px 22px;
    margin-left: 25px;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    text-transform: uppercase;
    transition: all .3s linear;
}
.bottomfooter{padding: 15px 0}
.bottomfooter p,.bottomfooter p a{
	font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #515151;
    margin-bottom: 0;
}
/*******************************************/
.moteur-rech {position: relative;margin-top: -150px;margin-bottom: 50px;z-index: 1}
.hero-search {background-color: #fff;padding: 30px 20px 50px;border-bottom: 1px solid #010006;}
.refr {background-color:#fff;font-size:14px; border:0; color:#000;padding-left:10px}
.post-prev-img{ overflow:hidden; text-align:center; height:240px; line-height:240px}
.post-prev-img img{width: 100%}
.simil .post-prev-img{height:220px; line-height:220px}
.post-titre {height: 80px;padding: 8px 12px 12px 20px;}
.simil .post-titre {padding: 8px 10px 10px;}
.post-det ul {margin:0; padding:0;}
.post-det li {list-style: none;}
.pb-70{margin-bottom:40px}
.post-det button, .submit {background-color:#d1a84d; padding:5px 20px; border:0; color:#fff; display: block; margin : auto; margin:20px auto; text-align:center; text-transform:uppercase; font-size:14px}
.post-det .submit{max-width:160px}
.post-det button:hover , .submit:hover{color:#fff}
.right {float:right;}
.img-position img {margin-top:28px;}
.info-serv h3 {margin-top:0; margin-bottom:5px; font-size:15px; float:right;}
.info-serv .right{color:#d58512}
.justify{text-align:justify}
.bloc-serv {margin:20px 0;}
.bloc-serv h3{min-width:100px; text-align:right}
.reseaux {margin:20px ; border-top: 1px solid #ccc;  padding-top: 10px; clear:both}
.reseaux img {float:right;}
.mt-rech-liste {background-color:#f6f6f6; padding: 5px 15px 15px 15px; margin:20px 10px;}
.mt-rech-liste h3 {font-weight:500; font-size:18px; margin:15px 0; }
.mt-rech-liste label{ font-size:12px; margin:5px 0;}
.mt-rech-liste select{margin-bottom:10px; font-size: 12px;}
.mt-rech-liste input {margin-right:5px; float:left;}
.mt-rech-liste .submi {background-color:#0f355c;padding:5px 20px;border:0;color:#fff;display: block;margin: auto;margin:50px auto}
.localis {font-size:13px; margin-bottom:10px;}
.carct-ann{margin-top:10px}
.blocserv .carct-ann{margin-top:10px; margin-right:10px; display:inline-block}
.blocserv .carct-ann img{max-width:25px}
.text-ann{margin-top:120px; border-bottom:1px solid #ccc; padding:10px 0;}
.partage-res span {float:left; font-size:12px; font-weight:bold;}
.partage-res img{float:right; margin-left:10px}
.mt-rech-detail {background-color:#f6f6f6; padding: 5px 15px 15px 15px;}
h2.title-detail  {
	font-family: "Poppins", sans-serif;
	font-size: 26px;
	font-weight:500;
	line-height: normal;
	margin:15px 0;
}
h3.title-detail {
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight:500;
	line-height: normal;
	margin:15px 0;
}
.mt-rech-detail label{ font-size:12px; margin:5px 0; font-weight:800;}
.mt-rech-detail input{margin-bottom:10px; font-size: 12px;}
.mt-rech-detail textarea {width:100%;}
.mt-rech-detail button {background-color:#0f355c; padding:5px 20px; border:0; color:#fff; display: block;  margin:40px auto}
.img-prof{text-align:center}
.img-prof img{margin:10px 0;}
.info-prof {text-align:center; padding-top:20px; line-height:30px}
.price{color:#d1a84d;font-size: 20px;margin-bottom: 32px;margin-top: -33px; font-weight:bold}
.marg50{margin:20px 0 50px}
.blocserv{ margin-top: 30px;margin-bottom: 30px;clear: both;display: inline-block;}
.margtop10{margin-top:10px}
.margtop40{margin-top:40px}
.margbottom10{margin-bottom:10px}
.titn1{font-family: "Poppins", sans-serif;text-align:center; font-size:26px;font-weight: 500;color:#000; margin: 30px 0}
#carousel2.flexslider{background-color:#f6f6f6; margin:20px 15px 0 15px}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{color:#000}
.infocontact{list-style:none; margin-top:15px; padding:0}
.infocontact li{padding:5px 0; font-size:14px}
.infocontact li strong{color:#0f355c}
.aboutusimg {
    padding: 15px 0;
}
/*******************************************/
@media ( max-width: 1465px ) and (min-width: 1200px) {
    .navbar-default .nav li a{padding:20px 4px 5px 4px;margin: 0 4px 5px 4px;}
}
@media screen and ( max-width: 991px ) {
    .templatemo-box {margin-bottom: 30px;}
    .feature1 img {margin-bottom: 30px;}
}
@media screen and ( max-width: 767px ) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#adadad}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{ color:#333}
	.colrefrech{margin-top:10px}
	#contact .overlay {padding-top: 40px;}
	.fes2-main-text-cont{padding:10px 30px 10px 30px;}
	.vdesktop{display:none}
	.divmarg_1{padding-bottom:30px;}
	.divmarg_2{ margin-bottom:0}
	.post-prev-title{margin:15px 0}
}
@media screen and ( max-width: 360px ){
  .refr{margin-top:25px}
  .mslide{height:170px !important; overflow:hidden}
  .price{margin-top:0 !important }
}
.clear{clear:both}
.amerror5{border-color:#ed1c24}
.marg-top-20{margin-top:20px}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #ffffff;
    color: #010006;
}
.dropdown-menu{padding:0}
.navbar-default .nav li .dropdown-menu > li > a{padding:5px 20px; margin:7px; color:#333; text-transform:none}
.navbar-default .nav li .dropdown-menu > li > a:hover , .dropdown-menu > li > a:focus{background-color:#d1a84d; color:#fff}
  /*----------------- MENU --------------------*/
@media (min-width: 768px) {
	.sidebar-nav {padding: 9px 0;}
	.dropdown-menu .sub-menu {left: 100%;position: absolute;top: 0;visibility: hidden;margin-top: -1px;}
	.dropdown-menu li:hover .sub-menu {visibility: visible;}
	.dropdown:hover .dropdown-menu {display: block;}
	.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {margin-top: 0;}
	.navbar .sub-menu:before {
		border-bottom: 7px solid transparent;
		border-left: none;
		border-right: 7px solid rgba(0, 0, 0, 0.2);
		border-top: 7px solid transparent;
		left: -7px;
		top: 10px;
	}
	.navbar .sub-menu:after {
		border-top: 6px solid transparent;
		border-left: none;
		border-right: 6px solid #fff;
		border-bottom: 6px solid transparent;
		left: 10px;
		top: 11px;
		left: -6px;
	}
	.navbar-right .dropdown-menu{right:auto; left:0}
}
/**********------------- style B.K--------------**********/
.sliderameublement #carousel{border: none;padding: 0;}
.sliderameublement #carousel h5{
    width: 100%;
    height: 148px;
    background: rgba(255,255,255,0.5);
    color: #0e335d;
    left: 0;
    top: 70px;
    text-align: left;
    margin: 0;
    padding-top: 15px;
}
.sliderameublement #carousel h5 img{margin-left: 30px;}
.sliderameublement #carousel h5 span{margin-left: 40px;font-size: 50px;}
.sliderameublement .carousel-caption{padding: 0;bottom: 0;right: 0;}
.services{margin-top: 30px;text-align: center;padding-left: 40px;}
.services a{text-decoration: none;color: #0e335d;}
.services .fa{color: #0e335d;font-size: 30px;}
.services ul{padding: 0;margin: 0;}
.services li{list-style: none;margin-bottom: 8px;}
.miniatures{margin-top: 30px;}
.miniatures img{width: 100%;}
.imgwidth h2{
    position: absolute;
    width: 100%;
    background: rgba(255,255,255,0.5);
    color: #0e335d;
    top: 201px;
    font-size: 22px;
    text-transform: uppercase;
    padding: 5px 0 5px 3px;
}
@media (max-width: 768px){
    .description h1{font-size: 30px;}
    .services{padding-left: 5px;}
    .miniatures .imgwidth{margin-bottom: 10px;}
    .imgwidth h2{top: 81px;font-size: 18px;}
    .sliderameublement #carousel h5 img{width: 30%;margin-left: 5px;margin-bottom: 10px;}
    .sliderameublement #carousel h5 span{margin-left: 0px;font-size: 8px;}
    .sliderameublement #carousel h5{height: 65px;top: 6px;}
    .sliderameublement .carousel-indicators{bottom: 15px;}
}
@media (max-width: 375px){
    .imgwidth h2{top: 100px;}
}
@media (max-width: 1024px) and (min-width:900px){
    .imgwidth h2{top: 140px;}
    .formc form{width: 585px;}
    .formc input.form-control, .formc textarea.form-control{width: 490px;}
    .sliderameublement #carousel h5 span{margin-left: 25px;font-size: 22px;}
    .sliderameublement #carousel h5 img{margin-left: 20px;}
}
@media (max-width: 1200px) and (min-width: 767px) {
    .navbar-header {float: none;}
    .header .bar-top .connect{z-index: 1030}
    .navbar-toggle {display: block;float: right;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px -15px;}
    .navbar-nav>li {float: left;width: 100%;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-text {float: none;margin: 15px 0;}
    .navbar-collapse.collapse.in { display: block!important;}
    .collapsing {overflow: hidden!important;}
    .dropdown-menu{background-color: #0e335d;}
    .dropdown-menu>li>a {
	    display: block;
	    padding: 3px 20px;
	    clear: both;
	    font-weight: 400;
	    line-height: 1.42857143;
	    color: #333;
	    white-space: nowrap;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 5px 15px 5px 25px;}
	.navbar-nav .open .dropdown-menu>li>a {line-height: 20px;}
	.navbar-nav .open .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    padding-left: 20px;
	}
	.dropdown-menu .separator{display: none;}
	.dropdown-menu{box-shadow: none;border: none;}
	.nav li ul{position: relative;margin-top: 20px;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background-color: #0e335d;}
	.navbar-nav>li>a{padding-top: 15px;padding-bottom: 15px;}
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{border-color: transparent;}
	.header .container{padding-right: 0px;padding-left: 0px;width: 100%;}
	.navbar-nav{margin: 0px -15px 7px -15px;}
	.navbar-nav .open .dropdown-menu{padding-left: 0px;background: #0e335d;}
	.navbar-default .nav li .dropdown-menu > li > a{color: #fff;}
}
.hiddenimg{
    display: none;
}
.devistitle{
    margin-top: 70px;
    padding-left: 0
}
.footerlinks{
    padding-left: 30px;
    padding-right: 0;
}
.footerlinks .bloc-footer{
    padding-left: 4px;
}
/**********---------Style By O.M--------**********/
.top_bar .contact-link{
    float: left;
    margin: 7px 0 5px;
}
.top_bar .contact-link li{
	display: inline-flex;
	margin-right: 15px;
}
.top_bar .contact-link li i.fa {
    color: #fff;
    margin-right: 5px;
    font-size: 18px;
}
.top_bar .contact-link li a{
	font-family: Roboto;
	font-size: 12.8px;
	font-weight: 300;
	line-height: normal;
	color: #fff;
}
.top_bar .social-link{
    float: left;
    margin: 5px 0;
}
.top_bar .contact_lang{
    float: right;
    margin: 5px 0;
	position: relative
}
.contact_lang .link, .contact_lang .langue {
    display: inline-block;
    padding: 0 5px;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    line-height: normal;
    color: #fff;
	text-decoration: none
}
.contact_lang .langue a{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    color: #fff;
}
.top_bar .social-link li {
    width: 20px;
    height: 20px;
    margin-right: 0;
    margin-left: 8px;
	line-height: 16px
}
.navbar_menu .container{position: relative}
.navbar_menu .langue{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.navbar_menu .langue a{
	color: #d1a84d
}
.navbar_menu .langue a:hover{
	text-decoration: none
}
.slider_home.owl-theme .owl-nav {margin-top: 0;}
.slider_home.owl-carousel .owl-nav button.owl-next{
	right: 0;
}
.slider_home.owl-carousel .owl-nav button.owl-prev{
	left: 0;
}
.slider_home.owl-carousel .owl-nav button.owl-next, .slider_home.owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	top: 50%;
    margin: 0;
	margin-top: -20px;
    font-size: 25px;
    line-height: 24px;
    text-align: center;
    color: #d1a84d;
    padding: 7px 3px!important;
    background: #000;
}
.list_tabs {
    display: flex;
    margin: 0;
}

.slider_home p.header {
    font-family: Roboto Mono;
    font-size: 32px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(1, 0, 6, 0.5);
}
.owl-carousel.owl-drag .owl-item {
    position: relative;
	width: 100%;
}

.item img {
   display: block;
   max-width:100%;
}

.item .overlay {
    position: absolute;
    font-size: 14px;
    padding: 30px 20px;
    background-color: rgba(255, 255, 255, 0.85);
    width: 60%;
    margin-left: 0;
    overflow: hidden;
    top: auto!important;
    bottom: 40%;
    opacity: 1!important;
    left: 20%;
    transition: left 1.5s ease-in-out, transform .3s linear;
    height: auto;
}
.list_tabs li {
    display: inline-flex;
}
.list_tabs li a{
	font-family: Roboto Mono;
	font-size: 19px;
	font-weight: normal;
	line-height: 1.7;
	letter-spacing: 2px;
	color: rgba(1, 0, 6, 0.5);
	text-transform: uppercase;
	padding: 15px 35px;
	border-radius: 0;
	background-color: rgba(255, 255, 255, 0.85);
	transition: all .3s ease;
}
.list_tabs li.active a,.list_tabs li:hover a{
	color: #d1a84d;
	background-color: rgba(255, 255, 255, 1)
}
.btn-find,.btn-find:hover{
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0.9px;
	color: #010006;
	padding: 12px 30px;
	background-color: #d1a84d;
	text-transform: uppercase;
	border-radius: 0;
	border: none;
	box-shadow: none;
	outline: none;
}
.btnfilter, .btnfilter:hover, .btnfilter:focus {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    color: #d1a84d;
    padding: 13px 8px;
    background: none;
    border-radius: 0;
    border: none!important;
    box-shadow: none!important;
    outline: none!important;
}
.bootstrap-select.form-control .btn-default {
    border-color: #c8c8c8;
    border-radius: 0;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 300;
    padding: 9px 25px 9px 16px;
}
.moteur-rech .form-control,.form-depann .form-control {
    border-color: #c8c8c8;
    border-radius: 0;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 300;
    height: 42px;
    padding: 0;
    color: #c3c3c3;
}
.moteur-rech input.form-control,.form-depann .form-control {
    padding: 9px 5px 9px 5px;
}
.moteur-rech .form-control::placeholder, .form-depann .form-control::placeholder {
    font-family: Open Sans;
    color: #c3c3c3;
}
.form-control .dropdown-toggle.btn-default .filter-option {
    color: #c3c3c3;
}
.form-horizontal .control-label {
    text-align: left;
}
.logo_us img {
    max-width: 35%;
}
.about_txt {
    max-width: 600px;
    margin: 25px 0 25px auto;
}
.about_txt p {
    font-family: Roboto Mono;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: justify;
    color: #4f4f4f;
}
.btn_rmore, .btn_rmore:hover{
	font-family: Roboto Mono;
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: normal;
	color: #d1a84d;
	padding: 0;
	outline: none;
	box-shadow: none;
}
.btn_rmore i.fa{
	color: #d1a84d;
	font-size: 20px;
}
.ceo_name{
	font-family: 'Seaweed Script', cursive;
	font-size: 19px;
	font-weight: normal;
	font-style: italic;
	line-height: normal;
	letter-spacing: normal;
	color: #d1a84d;
}
.about_img img {
    width: 100%;
}
.section_title{
	margin-bottom: 50px;
}
.section_title .soustitle {
    font-family: Roboto Mono;
    font-size: 17px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin: 18px 0;
	position: relative
}
.section_title .soustitle::after{
	content: "";
	display: inline-block;
	width: 250px;
	max-width: 50%;
	height: 1px;
	border-bottom: 1px solid #000;
	margin: 5px 0 5px 20px
}
.section_title .sect-title {
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    padding-right: 65px;
    margin: 0;
}
.page_title{
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: normal;
    color: #000000;
    margin: 10px 0 25px;
}
h1.page_title{
    font-size: 36px;
}
.post-det{
	background-color: #000;
	color: #fff;
}
.post-det ul {
    display: flex;
	margin-bottom: 0;
}
.post-det li {
    padding: 5px 8px;
    display: inline-flex;
    flex: auto;
}
.post-det li:first-child {
	background-color: #fff;
}
.post-det li.slash {
    padding: 0;
    margin: 5px 0;
    width: 1px;
    border-left: 1px solid #fff;
}
.post-det li .infob1 {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: normal;
    color: #fff;
}
.post-det li:first-child .infob1{
	color: #000;
	text-transform: uppercase
}
.mb-30{margin-bottom: 30px}
.mt-10{margin-top: 10px}
.mt-20{margin-top: 20px}
.mt-30{margin-top: 30px}
.post-titre .descrip{
	float: left;
	width: 65%;
}
.post-titre .prix{
	float: right;
	width: 35%;
	text-align: right;
}
.post-titre h2 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    color: #010006;
    margin: 0 0 6px;
    height: 19px;
    overflow: hidden;
	transition: all .3s linear;
}
.post-titre h2 a{
    color: #010006;
}
.post-titre h2 a:hover{
    text-decoration: none
}
.post-titre p {
	font-family: Roboto;
	font-size: 12px;
	font-weight: 300;
	line-height: normal;
	color: #010006;
    margin: 0;
    height: 34px;
    overflow: hidden;
	transition: all .3s linear;
}
.post-titre .prix .label_prix{
	font-family: Roboto;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	color: #949494;
}
.product_item{
	position: relative;
}
.product_item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    bottom: 0;
    right: 15px;
    background-color: #010006;
    z-index: -1;
	opacity: 0;
	transition: all .3s ease-in-out;
}
.product_item:hover::before {
    top: 55px;
    left: 30px;
    right: -5px;
	opacity: 1;
}
.product_item:hover .post-titre h2 a{
	color: #ffffff;
}
.product_item:hover .post-titre p{
	color: #ffffff;
}
.simil.product_item:hover::before {
	opacity: 0;
}
.simil.product_item:hover .post-titre h2 a{
	color: #010006;
}
.simil.product_item:hover .post-titre p{
	color: #010006;
}
.box_btn{
    position: absolute;
    right: 15px;
    top: 20px;
    width: 20px;
    padding: 0;
	opacity: 0;
	transition: all .7s ease-in-out;
}
.product_item:hover .box_btn{
	opacity: 1;
    right: -5px;
    top: 55px;
}
.share {
    display: block;
    position: relative;
	margin: 5px 0
}
.btn-share, .btn-share:hover, .btn-share:focus, .btnview, .btnview:hover, .btnview:focus {
    display: inline-block;
    font-size: 14px;
    padding: 0;
    width: 22px;
    height: 30px;
    line-height: 30px;
	text-align: center;
    background-color: #d1a84d;
    color: #fff;
    border: none;
	box-shadow: none;
	outline: none;
    border-radius: 0;
    transition: all .7s ease-in-out;
}
.share-social {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0%;
    top: 0;
    width: 80px;
    z-index: -1;
    transition: all .7s ease-in-out;
}
.share:hover .share-social {
    visibility: visible;
    opacity: 1;
    z-index: 0;
    right: 100%;
}
.our_service{
	position: relative;
	margin: 0 auto 50px;
	padding: 0 90px;
	overflow: hidden
}
.our_service::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 65px;
	background-color: #010006;
	z-index: -1
}
.our_service .section_title {
    margin-top: 20px;
    margin-bottom: 25px;
}
.our_service .section_title .soustitle{
	color: #fff;
}
.our_service .section_title .soustitle::after{
	border-color: #fff;
}
.our_service .section_title .sect-title{
	color: #fff;
	padding: 0;
}
.iservice{
	background-color: #fff;
}
.iservice .row {
    margin: 0;
}
.iservice .row>div {
    padding: 0;
}
.iservice .row>div:last-child {
    border-bottom: 1px solid #000;
}
.iservice img{
	width: 100%;
}
.servtxt {
    max-width: 370px;
    margin: 61.5px auto;
}
.servtxt h4{
    font-family: "Poppins", sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: normal;
	color: #000000;
	margin: 0 0 45px
}
.servtxt p{
	font-family: Roboto Mono;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.7;
	color: #4f4f4f;
	margin: 0 0 45px
}
.owl_service.owl-carousel.owl-theme{
    padding-top: 80px;
    margin-top: -80px;
}
.owl_service.owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.owl_service.owl-carousel .owl-nav button.owl-next, .owl_service.owl-carousel .owl-nav button.owl-prev, .owl_service.owl-carousel button.owl-dot {
    color: #fff;
	font-size: 40px;
    margin: 0;
    height: 40px;
    line-height: 38px;
}
.owl_service.owl-theme .owl-nav [class*=owl-]:hover,.owl_service.owl-theme .owl-nav [class*=owl-]:focus {
    background-color: transparent;
	outline: none;
}
.our_actus {position: relative;margin: 0 auto 50px}
.our_actus::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 140px;
    bottom: 35px;
	background-color: #010006;
}
.list-actus .our_actus::before {display: none}
.imgactus img {width: 100%;}
.our_actus .actu_it .content-actus {
    padding: 15px 10px;
	border-bottom: 1px solid #010006;
	background-color: #ffffff;
}
.our_actus .share {margin: 0 -3px 10px;}
.btnshare,.btnshare:hover {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 8px;
    color: #fff;
    background-color: #d1a84d;
    border-radius: 50%;
    margin: 0 2px;
}
.our_actus .actu_it .content-actus p{
	font-family: Roboto Mono;
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
	color: #000000;
	height: 36px;
	overflow: hidden;
	margin: 0 0 10px
}
.our_actus .text-center .btn_rmore, .our_actus .text-center .btn_rmore:hover {
    line-height: 300px;
}
.our_avis {
    position: relative;
    margin: 0 auto 50px;
    padding: 0 90px;
    overflow: hidden;
}
.our_avis::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 65px;
    background-color: #010006;
    z-index: -1;
}
.our_avis .section_title {
    margin-top: 20px;
    margin-bottom: 25px;
}
.our_avis .section_title .soustitle {
    color: #fff;
}
.our_avis .section_title .soustitle::after {
    border-color: #fff;
}
.our_avis .section_title .sect-title {
    color: #fff;
    padding: 0;
}
.avis_it {
    background-color: #fff;
	padding: 45px 20px 15px;
	text-align: center;
}
.avis_it p{
	max-width: 760px;
	font-family: Roboto Mono;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.7;
	color: #000000;
	margin: 0 auto 10px
}
.avis_it .avis_name{
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7;
	color: #000000;
}
.owl_avis {
    background-color: #fff;
	border-bottom: 1px solid #010006;
}
.owl_avis.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0;
}
.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px;
    background: #e3e3e3;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #d1a84d;
}
.feature1 .moteur-rech {
    margin-top: -70px;
}
.feature1 .hero-search {
    padding: 20px 15px 30px;
}
.page_list .section_title .sect-title{
	padding: 0
}
.pagination>li>a, .pagination>li>span {
    color: #010006;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #d1a84d;
    border-color: #d1a84d;
}
.bgpage_title{
	padding: 45px 40px;
    text-align: left;
	background: url(/images/subheader.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bgpage_title.pglist{
	padding: 45px 40px 115px;
}
.page-title{
	font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: bold;
    line-height: normal;
    color: #000000;
    margin: 0;
}
.modal .modal-dialog{
	top: 0;
	transition: all .3s linear;
}
.modal.in .modal-dialog {
	top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.hero-search .control-label {margin: 8px 0 5px}
@media (max-width: 1199px){
	.navbar_menu .langue {right: 70px;top: 20px;transform: none;}
	.servtxt {padding: 0 15px;margin: 19px auto;}
	.servtxt h4 {margin: 0 0 25px;}
	.servtxt p {margin: 0 0 25px;}
	.our_actus::before {bottom: 60px;}
	.navbar-default .nav li a {padding: 10px 6px;}
	.post-det li {padding: 5px 3px;}
	.post-det li .infob1 {font-size: 10px;line-height: 1.5;}
	.post-prev-img {height: 240px;line-height: 240px;}
	.simil .post-prev-img {height: 220px;line-height: 220px;}
	.simil .post-titre {padding: 8px 6px 10px;}
    .item .overlay{padding: 0 40px;bottom: 30%;left: 25%}
}
@media (max-width: 991px){
	.logo_us {text-align: center;}
	.moteur-rech .form-horizontal .bootstrap-select.btn-group.form-control{margin-bottom: 10px}
	.list_tabs li a {font-size: 16px;padding: 10px 25px;}
	.about_txt {margin: 25px auto; max-width: none}
	.txt_foot {margin-bottom: 20px;}
	.about_img{text-align: center}
	.about_img img {width: auto;}
	.section_title .soustitle::after{width: 120px}
	.section_title .sect-title {padding-right: 0;text-align: left;}
	.our_actus .text-center .btn_rmore, .our_actus .text-center .btn_rmore:hover {line-height: normal;}
	.our_actus::before {display: none;}
	.actu_it {margin-bottom: 30px;}
	.post-prev-img {height: 240px;line-height: 240px;}
	.simil .post-prev-img {height: 220px;line-height: 220px;}
    .item .overlay{padding: 3px;bottom: 40%}
    .slider_home p.header{font-size: 20px}
}
@media (max-width: 767px){
    .item .overlay{display: none;}
	.container{max-width: 560px}
	.list_tabs li a {font-size: 14px;letter-spacing: 1px;padding: 5px 10px;}
	.hero-search {padding: 20px;}
	.hero-search .control-label {font-size: 12px;}
	.form-horizontal .bootstrap-select.btn-group{margin-bottom: 20px}
	.post-det li .infob1 {font-size: 8px;}
	.section_title .sect-title{font-size: 32px}
	.container>.navbar-header {margin-right: 0;margin-left: 0;}
	.simil .post-prev-img {height: 240px;line-height: 240px;}
	.price {margin-bottom: 12px;margin-top: 0;text-align: left;}
    .owl-carousel .owl-item img {height: auto;max-width: 320px; }
    .logo_us img{max-width: 70%}
    .navbar-brand>img {max-width: 85%}
    .footerlogo img{max-width: 80%;}
    
}
@media (max-width: 576px){
	.col-xxs-12{width: 100%}
	.top_bar .contact-link li i.fa{margin-right: 0;}
	.top_bar .contact-link li a span {display: none;}
	.navbar-default .navbar-toggle {margin: 9px 0;}
	.moteur-rech {margin-top: -35px;}
	.list_tabs li a {font-size: 12px;letter-spacing: 0;padding: 5px 8px;}
	.list_prod .container{padding: 0 25px}
	.our_service {padding: 0 15px;}
	.our_avis {padding: 0 15px;}
	.avis_it {padding: 20px 20px 15px;}
	.owl_service.owl-carousel.owl-theme {padding-top: 70px;margin-top: -70px;}
	.owl_service.owl-carousel .owl-nav button.owl-next, .owl_service.owl-carousel .owl-nav button.owl-prev, .owl_service.owl-carousel button.owl-dot {font-size: 30px;}
	.g-recaptcha iframe{width:260px!important;}
}