@font-face {  font-family: 'Comfortaa-Regular'; src: local('Comfortaa-Regular'), url('fonts/Comfortaa-Regular.ttf') format('woff'); }
@font-face {  font-family: 'Rubik-Light'; src: local('Rubik-Light'), url('fonts/Rubik-Light.ttf') format('woff'); }
@font-face {  font-family: 'Rubik-Medium'; src: local('Rubik-Medium'), url('fonts/Rubik-Medium.ttf') format('woff'); }
@font-face {  font-family: 'Rubik-Regular'; src: local('Rubik-Regular'), url('fonts/Rubik-Regular.ttf') format('woff'); }

@font-face {  font-family: 'Comfortaa-Bold';
src: local('Comfortaa-Bold'), url('fonts/Comfortaa-Bold.ttf') format('woff');}

@font-face {font-family: 'Myriad Pro Regular';
src: local('Myriad Pro Regular'), url('fonts/MYRIADPRO-REGULAR.woff') format('woff');  }

 @font-face {font-family: 'Rubik-Light';
src: local('Rubik-Light'), url('fonts/Rubik-Light.ttf') format('woff');  }

html, body{
margin: 0; padding: 0 ;
 }

*::-webkit-input-placeholder {
  color: #FFFFFF !important;
}
*::-moz-placeholder {
  color: #FFFFFF !important;
}
*:-ms-input-placeholder {
  color: #FFFFFF !important;
}
*:-moz-placeholder {
   color: #FFFFFF !important;
}
 div{

 }

#site h3{
     display: block; text-align: center;margin: 0; padding:20px 0px;
   font-family: 'Comfortaa-Bold';
     font-size: 30px;margin-bottom:45px;
 }


 #header-top { min-height: 30px; background: #F2F2F2; padding: 2px 0px   }
 #header-top #menu_lirn{width: 75%; float: left;  }
 #header-top #chercher{width:3%; float: right; text-align: right; }

 #header-top ul { list-style: none; float: right;   }
 #header-top ul li { float: left;   }
 #header-top ul li a{ padding: 5px 10px;  font-family: 'Rubik-Light';  font-size: 14px; color:#053E97 ; }
 #header-bottom {  box-shadow: 0 0 9px 1px #C9C9C9; padding: 10px 0px; background: #fff }
 #header-bottom .menu{ top: -7px;padding-top: 20px; font-family: 'Rubik-Light';  }
 #header {     }
 #header .logo{  }
 #header .logo img{width: 100%;  }


 #line1 h2 {    font-family: 'Rubik-Medium';
    color: #053E97;
    font-size: 33px;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 20px;}
 #line1 h2::after {     content: " ";
    position: absolute;
    right: 0px;
    top: 17px;
    background: #FFDD00;
    width: 50%;
    height: 2px;}
  #line1 p{       font-family: 'Rubik-Light';
      color:  #999999; font-size: 16px; text-align:  justify;
  }
  #line1 p.lire {
          text-align: right;
    margin-top: 18px;
  }
  #line1 p.lire {color: #053E97; }
 #line1 .text hr{ border:0px; margin: 0px; border-bottom: 3px solid #FFDD00;    }

 #slide {
     margin: 50px 0px
 }
#produits{    padding: 20px 0px; min-height:220px; background: #F2F2F2; padding-bottom: 50px }
#produits h3 {font-family: 'Rubik-Medium'; color: #053E97; font-size: 36px; text-transform: uppercase;margin-bottom:0px }
#produits .bt-cs .bt-inner img {
    outline: 0px solid #b5b5b5;
    border: 0px solid #fff;
    max-width: 100%;
    margin:10px 0px;
}
#produits .bt-title {
    clear: both;
    color: #053E97;
    font-weight: normal;
    font-size: 18px;
    /*text-transform: uppercase;*/
    line-height: 150%;
    font-family: 'Rubik-Medium';
    display: inline-block;
}

#produits .bt-cs a.prev {
    background: url(../images/prev.png) left center no-repeat !important;
    text-indent: -9999px;
    position: absolute;
    z-index: 999;
    margin: 0;
    padding: 0;

    display:  block; left: -50px;
}
#produits .bt-cs a.next {
    background: url(../images/next.png) right center no-repeat !important;
    text-indent: -9999px;
    position: absolute;
    z-index: 100;
    margin: 0;
    padding: 0;
    right: -50px;  display:  block;
}
#marches {
    padding: 50px;
}

#marches .slide-desc-bg {

    background: url(../images/img.png) no-repeat 70% transparent
}
#marches .slide-desc-text-default .slide-title {
    font-size: 13px;
    color: #fff;
    padding-bottom:0px;width: 50%;
    font-weight:normal;   font-family: 'Rubik-Medium';
}
#marches h3 {font-family: 'Rubik-Medium'; color: #053E97; font-size: 36px; text-transform: uppercase;margin-bottom:0px; text-align: left; }
#marches h3::after {    content: " ";
    position: absolute;
    right: 15px;
    top: 40px;
    background: #FFDD00;
    height: 2px; width: 78%
    }
 #contact .map{ padding: 0 !important; height: 350px }
#contact .Rejoignez{ padding: 0 !important; background: #F2F2F2 ;height: 350px}
#contact .Rejoignez .moduletable{ padding: 15px }
#contact .Rejoignez .moduletable h3{font-size: 42px; color:#053E97; padding-left: 0; background: transparent; margin-bottom: 20px }
#contact .Rejoignez .moduletable h3:after{display: none; }
#contact .Rejoignez .moduletable p{color:#000; }


#contact ul{ display: table; /*margin: 0 auto*/ }
  #contact ul li{ float: left;margin:  0px 8px }
/*    #CONTACT ul{width:30%;display: table; margin: 0 auto }
     #CONTACT li{width: 25%; float:left; padding: 10px }*/
    #contact li a{text-align: center; background: #666666; border-radius:6px; padding: 10px; transition:background 500ms;  }
     #contact li a img{width:35px }
     #contact li a.twitter:hover{background: #1da1f2; transition:background 500ms;  }
   #contact li a.twitter{background: #6E6E6E;  }
    #contact li a.facebook:hover{background: #3B5998;transition:background 500ms;   }
    #contact li a.facebook{background: #4C4C4C;   }
    #contact li a.linkedin:hover{background: #0177B5;transition:background 500ms;   }
    #contact li a.linkedin{background:#8A8A8A ;  }
    #contact li a.youtube:hover{background: #CC181E; transition:background 500ms;  }
     .inner{
         padding-bottom: 50px
     }

    .inner .page-header {
    padding-bottom: 9px;
    margin: 7px 0 20px;
    border-bottom:none;
}
.inner .page-header h2{
    margin: 0; color: #053E97;font-size:33px; font-family: 'Rubik-Medium';
}
.inner  p{
   font-family: 'Rubik-Regular'; font-size: 18px    ; text-align: justify;color: #999999
}
@media (max-width:1200px){

  }

@media (max-width:992px){
.dj-megamenu-default li a.dj-up_a {font-size: 11px !important;}
#marches h3::after {background: none;}
#line1 h2::after {background: none;}
  }

 @media (max-width:767px){
#marches h3::after {background: none;}
#line1 h2::after {background: none;}
#menu_mobile    .menu_affiche{
     width: 100%;
    background: #ec242a;
    height: 50px;
    padding: 10px;overflow: hidden;
}

   .pushmenu { /*this is the nav*/

  background: #ec242a;



  width: 270px;

  height: 100%;

  top: 0;

  z-index: 1000;

  position:fixed;

  overflow-y: auto;

}

.pushmenu a#close {

    position: absolute;

    right: 10px;

    top: 10px;

    padding: 0;height: 33px;width: 33px  ; border-top: 0;

}  .pushmenu a#close img { width: 100% }

.pushmenu a {

  display: block; /* drops the nav vertically*/

  color: #fff;

  font-size: 16px;



  text-decoration: none;

  border-top: 1px solid #56544e;

  border-bottom: 1px solid #312e2a;

  padding: 14px;

}

.pushmenu ul {     padding: 0; list-style: none; direction: ltr;}

.pushmenu ul ul { background: #00ADEF }

.pushmenu ul ul li a{ background: #00ADEF ;  border-bottom: 1px solid #FFFFFF;  border-top: 0px solid #FFFFFF; }









.pushmenu-left {

  left: -270px;



}



.pushmenu-left.pushmenu-open {

  left: 0;        direction: rtl;

}



.pushmenu-push {

  overflow-x: hidden;

  position: relative;

  left: 0;

}



.pushmenu-push-toright {

  left: 270px;

}



/*Transition*/

.pushmenu, .pushmenu-push {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



#nav_list {

  background: url(../images/menu.png) no-repeat;

  cursor: pointer;

  height: 33px;

  width: 33px;

  text-indent: -99999em;

  float: left;

}

     }

/*kd edit*/
.item-page .nav>li {
    float: left;
    width: 50%;padding: 10px

}
/*.item-page .nav>li a:hover { color: #fff; background: #053E97}*/
.item-page .nav>li a{font-family: 'Rubik-Medium'; color: #053E97;  /* border: 2px solid #FFDD00; padding: 5px; transition: background 500ms,color 500ms,border-color 500ms;*/}
.item-page img{padding: 15px !important;max-width: 1110px;}
.item-page h2{font-size:25px;color: #f0d30b;border-left: 2px solid #053e97;padding-left: 17px; margin-bottom: 20px;}
.item-page .nav>li>a:hover, .item-page .nav>li>a:focus{text-decoration: underline;background-color: transparent;}
.item-page .moduletable ul li::before{
content: " ";
position: absolute;
top: 25px;
border-radius: 0px 10px 10px 0px;
background: #fcde08;
width: 4px;
height: 8px;}


.footer_b .container{    color: white;
    background-color: #053e97;
    padding-bottom: 15px;}
.footer-r { float: right;top: 9px;font-size: 15px;}
.footer-l {float: left;top: 9px;font-size: 15px;}
.item-page{/*background:url("../images/bg.jpg") fixed center;*/    background: rgb(251, 251, 251);padding-left: 10px;padding-right: 10px;}
.readmore a{color: #053e97 !important;}


.scrollToTop {
    padding: 8px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 15px;
    display: none;
    background: #053e97;
    z-index: 99999;
    opacity: 0.6;
    border-radius: 2px;
}
#dj-megamenu105 {background: #053E97;padding: 8px !important;}
.chronoforms6_credits {
    display: none;
}
#search-top input{width: 82%;}
#search-top  input::-webkit-input-placeholder{color:#053E97 !important;}
#search-top  input:-moz-placeholder{color:#053E97 !important;}
#search-top  input::-moz-placeholder{color:#053E97 !important;}
#search-top  input:-ms-input-placeholder{color:#3a7a3c !important;}