/***************************   Développement :  Mouhous Mehdi    *******************************************/

@font-face {
    font-family: BoschSans;
    src: url(../font/BoschSans-Regular.ttf)  format("truetype");
}


body { font-family: BoschSans; font-size: 15px; color: #000 }
a:hover{background-color: transparent;}
/*a , p ,span, h1 h2,h3,h4,h5,h6,tr,td{font-family: "Myriad Pro","Arial"}*/
li{list-style: none;}
body{  scrollbar-base-color: #008D43;
  scrollbar-base-color: #008D43;
  scrollbar-3dlight-color: #008D43;
  scrollbar-highlight-color: #008D43;
  scrollbar-track-color: #008D43;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #008D43;
  scrollbar-dark-shadow-color: #008D43;}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,141,67,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,141,67,0.9); }
scrollbar {background: rgb(253,236,0) !important;}
thumb,scrollbarbutton {background-color: rgb(0,141,67) !important;}
thumb:hover,scrollbarbutton:hover {background-color: rgb(0,141,67) !important;}
scrollbarbutton {display: none !important;}
scrollbar[orient="vertical"] {min-width: 15px !important;}



/* *************************         head-top-bar            *******************************************/


/* *************************         Head Top             *******************************************/
#head-top{}
#head-top p{margin-bottom: 0px;}

/*#head-top .search .contour{background-color: #fff; border: solid 1px #c6c6c6;}*/
#head-top .container>div{float: right;margin-left: 10px;}



#head-top {float: none;padding: 5px 0px 5px;box-shadow: 0 0 10px rgba(0,0,0,0.5)}
#head-top  ul{}
#head-top  ul li{float: left;}
#head-top  ul li a{padding: 0 2px;}
#head-top  ul li a img{  background: #FFF;border-radius: 2px;height: 26px;	}

#head-top .head-menu .mod-languages{float: left; margin-top: 4px;}
#head-top .head-menu .mod-languages form{color: #0D47A1; font-size: 12px; font-weight: bold; margin-bottom: 0px;}

#head-top .head-menu .social-network .container .moduletable ul li a img {background: #FFF;border-radius: 2px;}
#head-top .head-menu .social-network .container .moduletable ul li a{font-size: 17px; padding: 3px 2px; color: #fff; font-weight: bold;}


/* *************************        Head bottom           *******************************************/

#head-bottom .search { box-shadow: 0 0 10px rgba(0,0,0,0.5) inset; }
#head-bottom .search form{ margin-bottom: 0px;padding: 2px 0; background-color: #fff;    border-radius: 3px;margin-top: 12px;margin-right: 6px;}
#head-bottom .search input.inputbox{border: none;background-color: transparent;display: inline;width: 0px;transition: width 300ms;}
#head-bottom .search:hover input.inputbox,#head-bottom .search input.inputbox:focus{transition: width 500ms; width: 150px}
#head-bottom .search input.button{padding: 2px 6px 0 0;}
#head-bottom .search a{}

#head-bottom .main-menu>.row{}
#head-bottom .main-menu {background-color: #00101f;border-bottom-right-radius: 10px;}
#head-bottom .main-menu>div>div{float: right;}
#head-bottom .main-menu ul {}
#head-bottom .main-menu ul>li:after {content" "; height:5px; width:1px; background-color:#F99D1C;}
#head-bottom .main-menu ul:first-child a{}
#head-bottom .main-menu ul{list-style: none;margin-top: 0px;border-bottom-right-radius: 10px;float: right;}
.main-menu .moduletable{margin-top: 5px;}
#head-bottom .main-menu ul>li>ul{z-index: 1; padding: 0; background-color: rgba(255,255,255,0.7); float: none; color: #58575D;}
#head-bottom .main-menu ul>li{position: relative; float: left;  font-size: 11px;text-transform: uppercase;}
#head-bottom .main-menu ul>li:hover{transition: color 900ms, background-color 900ms; height: auto; width: auto;}
#head-bottom .main-menu ul>li:first-child:after{width: 0px;}
#head-bottom .main-menu ul>li>ul>li:after{width: 0px;}
#head-bottom .main-menu ul>li a{padding: 18px 11px;color: #fff;font-size: 11pt;font-weight: bold;}
#head-bottom .main-menu ul>li span{padding: 20px 19px;color: #fff;font-size: 11pt;font-weight: bold; cursor: context-menu;display: block;}
#head-bottom .main-menu ul>li span:hover{color: #F99D1C;}
#head-bottom .main-menu ul>li a:hover{  background-color:rgba(255,255,255,0.40); transition: background-color 500ms, opacity 500ms;}
#head-bottom .main-menu ul>li a img{height: 100%;}
#head-bottom .main-menu ul>li:hover >ul{  height: auto; width: 240px;display: block;background-color: #fff;);}
#head-bottom .main-menu ul>li:hover >ul>a{ overflow: visible;}
#head-bottom .main-menu ul>li>ul>li{text-transform: uppercase; padding-left: 0px;float:none; line-height: 40px;font-weight: bold;}
#head-bottom .main-menu ul>li>ul>li:hover{border-left: solid 5px #1B75BB}
#head-bottom .main-menu ul>li>ul>li a:hover{padding-left: 15px;}
#head-bottom .main-menu ul>li>ul>li a{color: #1B75BB;overflow: hidden;font-weight: normal;font-size: 10pt;background-image: none;padding: 0 20px;font-weight: bold;text-decoration: none;display: block;text-transform: capitalize}
#head-bottom .main-menu ul>li>ul>li span{color: #fff;overflow: hidden;font-weight: normal;font-size: 10pt;background-image: none;padding: 0;font-weight: bold;text-decoration: none;display: block;text-transform: capitalize;}
#head-bottom .main-menu ul>li>ul {display: none;z-index: 20;padding: 0;float:none;  height: 0px;width: 0;position: absolute;}
#head-bottom .main-menu ul>li>ul:hover {height: auto; width: 240px;}
#head-bottom .main-menu ul>li>ul>li>ul {left: 240px;float: left;top: 0px;z-index: 15;display: list-item;}

#head-bottom {margin-top: 0px; }
#head-bottom .container{position: relative; background-clip: content-box;display: block;}
#head-bottom .container>.row{   position: fixed; z-index: 100;}

#head-bottom div.logo {padding-right: 0px}
#head-bottom img.logo{width: 100%;border-bottom-left-radius: 10px;}
#head-bottom .container .head-menu-bottom{box-shadow:0px 0px 10px #C6C6C6; color:#58585A; background-color: rgba(255,255,255,0.8);}
#head-bottom .container .menu-mobile{overflow: inherit; height: auto; border-top: solid #0D47A1; border-bottom: solid #0D47A1;}
#head-bottom .container .menu-mobile .text{text-transform: uppercase; float:left; font-size: 23px; color: #0D47A1; margin-top: 5px;}
#head-bottom .container .menu-mobile a:before{color: #0D47A1;}
#head-bottom .container .menu-mobile .i-menu2{float:right; color: #0D47A1; text-decoration: none;}





/* *************************           Slider              *******************************************/
#slider{position: relative;overflow: auto;}
/**************************    Contenu page acceuil      ********************************************/
/*---Presentation---*/
#content .home .line1 h1{color: #004185;text-transform: uppercase;font-size: 24px;}
#content .home .line1 .bt_handles_num{    right: 60%;    bottom: 24px;    padding-left: 28px;}
#content .home .line1 .bt_handles_num li a{    width: 25px;height: 25px;background-color: #3FA9F5;line-height: 26px;font-size: 15px;}
#content .home .line1 .bt_handles_num li.current a{background-color: #004185;}


/*---Services---*/
#content .home .line2 h3{text-align: center;text-transform: uppercase;color: #fff ; position: relative;}
#content .home .line2 .slide-desc-text-default{text-align: center;}
#content .home .line2 .slide-desc-bg{background-color: #004185;}

#content .home  .slide-desc-text-default .slide-title a {color:#fff; font-weight: normal }

#content .home .bt-row .bt-inner{}
#content .home .bt-row .bt-inner .bt-title{color: #333;padding: 0px 0px 5px 5px;height: auto !important;text-align: left;display: block;}
#content .home .bt-row .bt-inner .bt-introtext{padding: 0 5px;text-align: justify;color: #000;overflow: hidden;font-size: 18px;text-align: center;}
#content .home .bt-row .bt-inner .readmore{margin: 5px 0px 0px 0px ;overflow: auto;}
#content .home .bt-row .bt-inner .readmore a{padding: 2px 6px 0px 6px;background-color: #004185;color: #fff;float: right;margin-right: 7px;}
#content .home .bt-row .bt-inner .bt-center{}
#content .home .bt-row .bt-inner .bt-center img{max-width: 100%;margin: 0px;}

/*---Objectif---*/

#content .home .line3 h3{color:#004185; }
#content .home .line3 h1{text-align: center;text-transform: uppercase;color: #58575D ; position: relative;font-size: 24px;}

#content .home .line3 .category-module .mod-articles-category-category{    margin-top: 10px;background-color: #173380;display: block;float: right;}
#content .home .line3 .category-module .mod-articles-category-category a{color: #fff;display: block;padding: 2px 20px;font-weight: normal;}
#content .home .line3 .category-module {padding-left: 0px; list-style: none;color: #333;}
#content .home .line3 .category-module li{border-bottom: solid 1px #999;color: #333333; padding: 7px 0px 5px 0px;}
#content .home .line3 .category-module a{color: #333333; font-weight: bold;    font-size: 13px;}
#content .home .line3 .category-module .mod-articles-category-readmore a{padding: 2px 0px 6px 0px;background-color: #3FA9F5;color: #fff;float: right; padding: 0px 6px;; } 
#content .home .line3 .category-module .mod-articles-category-introtext{margin-bottom: 2px;}
/*---Nos Clients---*/
#content .home .line4 h3{text-align: center;color: #004185;margin-bottom: 18px;}
#content .home .line4 table{width: 100%;background-color: #004185;}
#content .home .line4 table td{color: #fff;text-align: center;font-size: 17pt;padding: 17px 0;;}
/* *************************    Contenu page Interne      *******************************************/

#content .navigation{margin-top: 20px;}
#content .inner .row>div{}
#content .inner .div-right{ background-color: #fff; }
#content .inner .div-right .item-page .page-header{margin: 0; border-bottom: 0px solid #eee;}
#content .inner .div-right .item-page .uk-panel{border: solid 1px #f1f1f1;}



#content .inner .div-left {}
#content .inner .div-left > div
{
    margin-bottom: 30px;
    margin-top: 46px;
}
#content .inner .div-left h3{
    margin-top: 15px;
}
#content .inner .div-left .menu>li{}
#content .inner .div-left .menu li:hover,#content .inner .div-left .menu li.active{}
#content .inner .div-left .menu li a {
    background:#004185;
    color: #fff;
    text-decoration: none;
    border-bottom:1px solid #fff;
}



#content .inner .div-left .menu li a:hover {
 background-color: #1176bc;   
}

#content .inner  #djcatalog .thumbnail {
    padding: 6px  23px !important;
}


#content .inner   #djcatalog #menad {
    color:#fff;
}

#content .inner .div-left .menu li ul{list-style: none; padding: 0px;  background-color: #cccccc;}
#content .inner .div-left .menu li ul li{margin-bottom: 0px; background-color: transparent;}
#content .inner .div-left .menu li ul li.active a{color: #0D47A1;}
#content .inner .div-left .menu li ul li a{text-transform: capitalize;font-size: 10pt;display: block; padding: 10px 15px;background-color:#4f4f4fba;}
#content .inner .div-left .menu li ul li ul{padding-left: 15px;background-color: #f2f2f2;}
#content .inner .div-left .menu li ul li ul{}
option{width: 150px}

/*#content .inner .dj-slide-in img{ width: 82%!important;border-radius: 100%;border: solid 10px #0D47A1 !important;  }*/
#content .inner .dj-slideshow-in .dj-slide-desc-text .dj-slide-title{  color: #0D47A1 !important;text-align: center;font-size: 16px;}
#content .inner .dj-slideshow-in{box-shadow: none;}
#content .inner .dj-slide-desc-bg{background-color: #fff;}

/*----------dj catalog--------------*/


#content .inner .div-right .djc_subcategory_in{background-color: #fff;border: solid 1px #ccc; padding: 0; }
#content .inner .div-right .djc_category .djc_title{display: none;}
#content .inner .div-right .djc_subcategory_in .djc_image{}
#content .inner .div-right .djc_subcategory_in .djc_image a{}
#content .inner .div-right .djc_subcategory_in .djc_image img{}
#content .inner .div-right .djc_subcategory_in .djc_title{}
#content .inner .div-right .djc_subcategory_in .djc_title h3{margin: 0;padding: 0 10px;text-align: center;font-size: 19px;}
#content .inner .div-right .djc_subcategory_in .djc_title a{text-decoration: none;}
#content .inner .div-right .djc_subcategory_in .djc_description{}
#content .inner .div-right .djc_subcategory_in .djc_description .djc_readon{}
#content .inner .div-right .djc_subcategory_in .djc_description .djc_readon a{}
#content .inner .div-right #djcatalog .djc_pagination ul li {
    display: inline-block;
}
#content .inner .div-right #djcatalog .djc_pagination ul li span{}
#content .inner #djcatalog .djc_pagination ul li .pagenav {padding: 5px;}
#content .inner #djcatalog .djc_atoz .djc_atoz_in{ background-color: #bcc1c4;}
#content .inner #djcatalog .djc_atoz .djc_atoz_in a{color: #fff;}
#content .inner #djcatalog .djc_atoz .djc_atoz_in a span:hover{color: #004B88;}
#content .inner #djcatalog .djcm_image{}



.promo-left {
    width:70%;
    padding: 20px; 
}

/*
.promo-left, .promo-right {
    display: inline-block;
}*/

.promo-right {
    width: 30%;
}

#content .inner #djcatalog .djcm_image a{
    height: 166px;
    display: block;
    position: relative;
}

#content .inner .pagination {
    text-align: center
}


#content .inner #djcatalog .djcm_image a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


.chronoforms6_credits {
    display:none;
}

#content .inner .djc_filters_in {
    border-radius:0px;
    border: none;
    margin-bottom: 30px;
    margin-top: 30px;
}

#content .inner .djc_filter_search input.inputbox {
    border: none;
    width: 200px;
    padding: 5px;
}


#content .inner #djcatalog .djcm_title a{ display: block; font-size: 19px;text-transform: uppercase;text-align: center;color: #000000;text-transform: lowercase;}
#content .inner #djcatalog .djc_item_bcg{border: solid 18px #ececec;  height: 270px;position: relative;   cursor:poiter; transition: all 0.2s; }
#content .inner #djcatalog .djcm_item{height: auto; margin-bottom: 30px;}
#content .inner #djcatalog .btn.button.readmore{position: absolute;bottom: 0;right: 0;  background-color: red;color: #fff;border-radius: 0;}
#content .inner #djcatalog .djc_filter_search li .button.btn{ border-radius:none; padding: 5px 18px; background-color:rgb(255, 255, 255);color:#000;}
#content .inner #djcatalog .djc_filters .djc_filters_in{background-color: #004185;}
#content .inner #djcatalog .djc_filters .djc_filters_in li span{color: #fff;}
#content .inner .djc_clearfix {
    padding: 0px !important;
}

#content .inner #djcatalog .djc_item_bcg:hover {
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
   
}

#content .inner  .djcm_title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-transform: capitalize;
}

/*----------com_Xmap--------------*/

.contenu .interne .div-right .xmap{overflow: hidden;text-align: justify;min-height: 600px;border-width: 1px;border-style: solid;border-color: #AAAAA6;}
.contenu .interne .div-right .xmap .contents-xmap {padding-left: 15px;}
.contenu .interne .div-right .xmap .contents-xmap ul {color: #808080;}
.contenu .interne .div-right .xmap .contents-xmap ul li {list-style-type: square;}
.contenu .interne .div-right .xmap .contents-xmap ul li ul li {list-style-type: disc;}
.contenu .interne .div-right .xmap .contents-xmap a{color: #808080; text-decoration: none;}
.contenu .interne .div-right .xmap .contents-xmap .menutitle{font-size: 14pt;color: #58575D;}
.contenu .interne .div-right .xmap .contents-xmap {}
.contenu .interne .div-right .xmap .page-header{padding-bottom: 0px;margin: 19px 0px 30px;border-bottom: none;}
.contenu .interne .div-right .xmap .page-header h2{padding-left: 35px;margin: 0;font-size: 16pt;color: #58575D;background-image: url(../img/puce-titre1.png);background-repeat: no-repeat;background-position: 0px 50%;}

/* ---------Com_contact-------------- */

#content .inner .div-right .contact {text-align: justify;min-height: 600px;}
#content .inner .div-right .contact .bordur{z-index: 1; background-color: #58575D;position: absolute;height: 130px;width: 9px;top: 10px;}
#content .inner .div-right .contact .page-header{padding-left: 4px;padding-bottom: 0px;margin: 19px 0px 30px;border-bottom: none;}
#content .inner .div-right .contact .tab-content{color: #808080;}
#content .inner .div-right .contact .nav-tabs{color: #58575D;}
#content .inner .div-right .contact .nav-tabs li a{color: #58575D;}
#content .inner .div-right .contact .nav-tabs li a:active{font-weight: bold;}
#content .inner .div-right .contact .tab-content .tab-pane .dl-horizontal{}
#content .inner .div-right .contact .tab-content .tab-pane  dl{margin-top: 40px;margin-bottom: 20px;margin-left: 40px;}
#content .inner .div-right .contact .tab-content .tab-pane  dt{ width: auto;}
#content .inner .div-right .contact .tab-content .tab-pane  dd{margin-left: 40px;}
#content .inner .div-right .contact .tab-content .contact-form fieldset {margin-left: 25px;margin-top: 20px;}
#content .inner .div-right .contact .tab-content .contact-form fieldset .control-group{margin-top: 15; margin-bottom: 15px;}
#content .inner .div-right .contact .tab-content .contact-form fieldset .control-group .control-label{float: left; margin: 0px; min-width: 100px;}
#content .inner .div-right .contact .tab-content .contact-form fieldset .control-group .control-label label{text-align: left;}
#content .inner .div-right .contact .tab-content .contact-form fieldset .control-group .controls input[type="checkbox"]{margin-left: 20px;margin-top: 11px;}
#content .inner .div-right .contact .tab-content .contact-form fieldset .form-actions button[type="submit"]}
#content .inner .div-right .contact .tab-content .contact-form fieldset .form-actions{margin-left: 40%;}
#content .inner .div-right .contact .tab-content #display-misc .dl-horizontal dd{ margin-left: 0px;}

/*-----Content search------*/

#contenu .search{text-align: justify;border-width: 1px;border-style: solid;border-color: #AAAAA6;padding: 20px;}
#contenu .contenu .interne .div-right .search #searchForm{}
#contenu .contenu .interne .div-right .search .search-results{}


/* *************************           Foot Top           ******************************************/
#foot-top{background-color: #F2F2F2;padding: 0px 0px 15px 0; color: #000}
#foot-top .row>div{margin-top: 0px;}
#foot-top .row h3{color: #004185;margin: 0px 0px 18px 0px;}

/* *************************           Foot Bas           ******************************************/
#foot-bottom .container  {color: #fff; }
#foot-bottom { padding: 10px; background-color: #004185;}
#foot-bottom .foot-text2 a{text-decoration: none;float: right; color: #fff;}
#foot-bottom .container .foot-text1 {color: #fff;}


/*
#slider117  li {
    
    height: 61px !important;
    width: 600px !important;
}
*/





/* My Style */

.table-etalonnage {
    width:100%;
}

.td-right {
    padding: 20px;
    background: #e6e6e6;
    width: 60%;
    vertical-align: top;
}



.img-table {
    
    width: 100%;
    height: auto;
    display: block;
}

.td-left {
    vertical-align: top;
    width: 30%;
    background: #e6e6e6;
}

#content .inner {
    padding-bottom:30px;
}

#content .inner .djcm_title h3{
    margin: 0px;
    padding-top: 23px;
    padding-bottom: 8px;
    background: #ececec;
}

#content .inner .djc_readon {
    display: none
}

.line3 .djslider-default .load-button  {
    background: RGBA(0,0,0,0.67)  !important;
}

.line3  .djslider-default .load-button-active {
    background: #004185  !important;
}


#slider-container117  {
    height: 119px !important;
}


.line1, .line3 {
    background: rgb(240, 240, 240);
}

.line2 {
    background-image: url(../images/background.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;  
    background-attachment:fixed;
}


.line1, .line2, .line3, .line4, #foot-top {
    padding-bottom: 50px;
    padding-top: 50px; 
}

#foot-top  .btn-primary {
    background-color:#004185;
}

.line2 {
    padding-bottom: 80px;
}

#content .home  h3{
    margin: 0px auto 40px auto;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
    text-align: center
}

#content .home  h3::after {
    content: "";
    background: #004185;
    height: 3px;
    width: 80px;
    display: block;
    margin: 10px auto 0 auto;
}



.btn-fixed {
	text-align: center;
	position: fixed;
    right: 0px;
    width: 200px;
    z-index: 600;
	top: 300px;
	background: #ff8800;
	font-size: 15px;
    display: none;
    text-align: left;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.btn-fixed p {
    color: #fff;
    padding: 6px;
    margin: 0px;
}

.btn-fixed img{
    width: 100% !important;
    height: auto !important;
}

.btn-fixed:hover {
	background-color: #231F20;
    color: #fff;
}

.btn-fixed:hover a {
    text-decoration: none;
}

.page-header > h2,  #content .inner .col-sm-9 > h1  ,  .componentheading {
    margin:40px 0px;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold
}

.page-header > h2::after,  #content .inner .col-sm-9 > h1::after,   .componentheading::after {
    content: "";
    background: #004185;
    height: 3px;
    width: 80px;
    display: block;
    margin-top: 10px;
}

.nav > li > a:hover, .nav > li > a:focus{
    background: transparent
}

.moblie-menu-btn , .navigation-mobile , .cover-all{
    display:none;
}

.navigation .breadcrumb {
    margin-bottom: 0px;
    background-color: #fff;
    border-radius: 0px;
    padding: 13px 15px;
}

.moblie-menu-btn > a {
    width: 30px;
    height: 24px;
    display: block;
    margin: 0 auto 25px auto;
}

.moblie-menu-btn > a > span{
    width: 28px;
    height: 1px;
    display: block;
    background: #000;
    position: relative;
    margin-bottom: 10px;
}

.moblie-menu-btn > a > span:last-child {
    margin-bottom: 0px;
}


.header-top {
    border-bottom: 1px solid #e6e6e6;
}
.logo-site {
    display: inline-block;
    width: 270px;
    margin: 25px 0;
}


.header-menu-desktop .nav {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 25px;
}

.header-menu-desktop .nav a {
    color: #000;
    font-size: 18px;
    padding: 0px;
    font-family: BoschSans;
    margin-right: 20px;
    margin-left: 20px;
}

.header-menu-desktop .nav a:hover {
    color: #004185;
    background: transparent
}

.header-menu-desktop .nav-child {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 350px;
    height: auto;
    z-index: 100;
    top: 10px;
    padding: 30px 0 0 0;
    transition: all 0.5s;
}

.header-menu-desktop .nav-child a {
    padding: 10px 5px;
    display: block;
    background: rgb(228, 228, 228);
    margin: 0px;
}

.header-menu-desktop .nav-child a:hover{
    background: #fff;
    text-decoration: none;
    color: #004185;
}

.header-menu-desktop .parent:hover .nav-child  {
    opacity: 0.8;
    visibility: visible;
    top: 22px;
}

.header-menu-desktop .parent {
    /*padding-bottom: 30px;*/
}

.search-form {
    width: 300px;
    position: relative;
    display: inline-block;
    margin: 25px 0;
    background: url(../images/icon-search.png) center right no-repeat;
    background-size: cover 
}

.search-form {
    
    border-bottom: 1px solid #ccc;
    background-size: 20px;
}

.search-form input {
    border: none;
    width: 100%;
    height: 38px;
    padding:  0 0  0 8px;
}

.search-form .form-inline {
    margin: 0;
}

.search-form .element-invisible {
    display: none !important;
}

.search-form .search {
    width: 270px
}

.social-media .moduletable_menu .menu a {
    width: 22px;
    margin: 0 20px 0 0 ;
    padding: 0px;
}

.header-top .social-media{
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6
}

.header-top .social-media h3 {
    display: none;
}

.social-media .moduletable_menu .menu {
    display: flex;
    justify-content: left;
}

.social-media .moduletable_menu .menu img{
    width: 100%;
}

.breadcrumb a {
    color: #004185
}

.breadcrumb .divider {
    display: none;
}

.header-top + .navigation  {
    border-bottom: 1px solid #e6e6e6;
}

.slide-desc-text-default .slide-title a {
    color: rgb(255, 255, 255) !important;
    font-size: 20px;
}

.line2 #djslider-loader87 a .dj-image {
    transition: transform .2s; 
}


.line3 #djslider117 {
    height: auto !important;
}


.line2 #djslider-loader87 a:hover  .dj-image{
    transform: scale(1.5);
}


#slider-container87 , #slider-container117{
    position: static !important;
    
}

#cust-navigation87 , #cust-navigation117 {
    margin-top: 30px;
    width: 100%;
    display: inline-block;
    text-align: center;
    position: static !important
}

.djslider-default .load-button{
    background: #fff !important;
    opacity: 1;
    padding: 5px 5px 5px 5px;
    border: none !important;
}

.djc_pagination .pagenav {
    color: #000000;
    padding: 5px;
    background: #ececec;
    margin: 8px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    line-height: 21px;
    border-radius: 50%;
    transition:all 0.2s;
}

.djc_pagination  > ul {
    padding:0;
}

.djc_pagination  .hasTooltip , .djc_pagination .pagination-next > span , .djc_pagination .pagination-end > span, .djc_pagination  .pagination-prev > span, .djc_pagination   .pagination-start > span{
    border-radius: 0%;
    width: auto;
}



.djc_pagination span.pagenav, .djc_pagination .pagenav:hover {
    background: #004185;
    color:#fff;
    text-decoration:none;
}


.logos-partenaires img{
    max-width:100% !important;
    display:block;
    header:auto;
}

#devis {
    margin-bottom: -31px
}

#devis .btn{
    border: 5px solid #f2f2f2;
    border-radius: 20px;
    background: #004185;
    font-weight: bold;
}

#devis .btn:hover{
    background:#1176bc;
}

.map {
    border: 1px solid #000;
}

.map iframe {
    width: 100%;
    height: 235px;
    display: block
}


@media (max-width:1199px){
    .header-menu-desktop .nav a {
        margin-right: 7px;
        margin-left: 7px;
    }
}

@media (max-width:991px){

    .promo-left, .promo-right  {
        width:100%;
        display: block;
    }


    .btn-fixed {
        display: none !important;
    }

    #content .inner .djc_filter_search input.inputbox {
        width: 190px;
    }
    .btn-close span {
        width: 28px;
        height: 1px;
        display: block;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .btn-close span:first-child{
        transform: translateY(0) rotate(45deg);
    }


    .btn-close span:last-child{
        transform: translateY(0) rotate(-45deg);
    }

    .header-menu-desktop {
        display: none
    }

    .navigation-mobile{
        width: 400px;
        background-color:#000000;
        position: fixed;
        color: #fff;
        top:0;
        left: -400px;
        z-index: 1002;
        height: auto;
        text-transform: uppercase;
        bottom: 0px;
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
    }

    .navigation-mobile-display{
        opacity: 1;
        visibility: visible;
        left: 0px;
    }

    .navigation-mobile .list-unstyled a{
        padding: 10px 20px;
        display: block;
        font-size: 20px;
        font-weight: bold;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .btn-close{
        width: 40px;
        height: 40px;
        border-radius:100%;
        border: 1px solid #fff;
        display: block;
        margin: 20px 0 20px 20px;
        text-align: center;
        line-height: 37px;
        position: relative;
    }

    .cover-all{
        position: fixed;
        top:0;
        left: 0;
        right:0;
        bottom:0;
        opacity: 0;
        visibility: hidden;
        z-index: 1001;
        transition: all 0.3s;
        display: block;
        background: #212529;
    }

    .cover-all-display{
        opacity: 0.5;
        visibility: visible;
    }

    .navigation-mobile .moduletable_menu a {
        text-transform: capitalize;
        color: #fff;
        font-size: 18px;
        padding: 10px 20px;
        display: block;
        font-weight: bold;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .moblie-menu-btn {
        display:block;
    }

    .navigation-mobile  .nav-child {
        display: none
    }

    .headerSortUp::after, .headerSortDown::after{
        visibility: visible;
        box-shadow: none;
        content: "";
        position: absolute;
        top: 21px;
        right: 12px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }

    .headerSortUp::after{
        border-bottom: none;
        border-top: 5px solid rgb(255, 255, 255);
        
    }

    .headerSortDown::after{
        border-bottom: 5px solid rgb(255, 255, 255);
        border-top:none;
    }
    

}












/* *************************           Responsive           ******************************************/

@media (max-width:1200px){
#head-bottom .main-menu ul>li a{    padding: 15px 8px; font-size: 9pt;}
#head-bottom .search:hover input.inputbox,#head-bottom .search input.inputbox:focus{transition: width 500ms; width: 100px}
#head-bottom .search form{margin-top: 9px;}

#content .home .line2 h3:before{right: 41%;}
#content .home .line2 h3:after{left: 41%;}

#content .home .line3 h1:before{right:41% ;}
#content .home .line3 h1:after{left: 41%;}

#content .home .line4 h3:before{right: 40%;}
#content .home .line4 h3:after{left: 40%;}

#content .home .line5 h3:before{right: 39%;}
#content .home .line5 h3:after{left: 39%;}
}

@media (max-width:992px){
#head-bottom .main-menu ul>li:after{width: 5px;height: 5px;}
#head-bottom .main-menu ul>li a{padding: 10px 11px;font-size: 8pt;}






}

@media (max-width:767px){
#head-bottom .container>.row{position: relative;}
#head-bottom .main-menu ul>li{float: none;}
#head-bottom .main-menu .row>div{float: none;}
#head-bottom .main-menu ul{float: none;}
#head-bottom .container>.row{width: initial;}
#head-bottom .search input.inputbox{width: 80%;}



    /* My Style */
    
    #foot-top .col-sm-4 {
        margin-bottom:50px;
    }
    
    #foot-top .col-sm-4:last-child {
         margin-bottom:0px;
    }
    
    .navigation-mobile {
        width:100%;
    }
    
    .search-form {
    width: 268px;
    
    }
    
    
    .search-form .search {
    width: 244px;
}
    
    
    
    
    
    
    .logo-site{
        margin: 25px auto !important;
        display: block !important;
    }

    .header-top .text-right {
        text-align: center !important;
    }


    .td-left , .td-right {
        width: 100%;
        display: block;
    }

    
}