/*--------------------------------------------------
Website by Websolute
--------------------------------------------------*/
/*--------------------------------------------------
Base
--------------------------------------------------*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
     .largeformation.shadow
      {
          width: 99.5%; 
          display: block;
          height: 260px;
           margin-bottom: 10px;
        text-align: center;
      }
    .spformation
    {
        padding-left: 15px;
        padding-right: 15px;
    }
     .figsizeformation{
        width: 100%!important;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem!important;
    }
    
    
    
    
    /**************Gabriel   **********************/
    .mr-3, .mx-3 {
        
         margin-right: 6rem !important;
     }  
    
    .card {
        margin-bottom: 20px;
    }
    .col-md-6 {
  flex: 0 0 100%!important;
  max-width: 100%!important;
    }
    .tablerep {
        padding-left: 2px!important;
        padding-right: 2px!important;
    }
    
     html body div div.wrapper div.container.our-history div.row div.col.padding-dim div.container div#mydatatable_wrapper.dataTables_wrapper.dt-bootstrap4.no-footer div.row div.col-sm-12.col-md-6 div#mydatatable_filter.dataTables_filter label
    {
        width: 100%;
    }
    .figsize{
        width: 50%!important;
        margin-left: auto;
        margin-right: auto;
    }
    html body div div.wrapper div.container.our-history div.row div.col.padding-dim div.container div#mydatatable_wrapper.dataTables_wrapper.dt-bootstrap4.no-footer div.row div.col-sm-12.col-md-6 div#mydatatable_length.dataTables_length label
    {
        width:100%;
    }
    
    html body div div.wrapper div.row.Services-tag img.img-fluid{
        display:none;
    }
  .col-sm-7 {
   flex: 0 0 73.333333%!important;
  max-width: 78.333333%!important;
  }
  
  .breadcrumb {font-size: 0.8rem;}
  
  .navbar-expand-lg .navbar-nav li a {
  font-size: 0.9rem !important;
  }
   .margtop{
        margin-top: 0px;
    }
    
    .aligncenterc{
        text-align: center;
        display: block;
         margin-bottom: 15px;
         width:100%;
    }
    .alignfigure{
      /* width:100%;
       float: none;
       padding-left: 3.5rem;
       padding-right: 3.5rem;*/
       
       float: none;
       margin: auto !important; 
       width:160px;
   }
   
      .searchwidth
    {
        width:100%;
        margin-top: 5px;
    }
  .home-slider {
    display:none;
  }
  
  /* .col-12.col-sm-4.menutop{
    max-width: 50% !important;
    flex: 0 0 49% !important;
   }*/
  
  
  .pchem{
    padding: 1.2rem;
  }
    .footer_contact
  {
  margin-right: 85px;
  width:100%;
  margin-bottom:25px;
  }
  .footer_links { 
        margin-right: 155px;
  }
  
    
     .sidebar-col {
  
    flex: 0 0 100%!important;
    max-width: 100%!important;
    
  }
  html body div div.wrapper div.container.our-history div.row div.sidbar ul {
    margin-left: -40px !important;
  }
     .Services-tag {
         padding: 0px 0px 0px 0px!important;
          
      }
      .h2service-tag{
          margin-left:auto!important;
          margin-right:auto!important;
      }
     .footer_links {
    padding-left: 10px;
    width: 300px;
  }
  .contact-info-foot {
       
    font-weight: 200;
   
    font-size: 12px;
   }
   .our-history .col-md-7 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .our-history {
    margin-top: 160px;
  }
  
  .footer_contact_info ul
  {
  margin-left: 0px;
  }
  
  .carousel-caption {
  padding-top: 0px !important;
  }
  .carousel-caption h2{
  font-size: 1.6rem;
  font-weight: 1000;
  -webkit-text-fill-color: #ca3f00; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #66B9D4;
  }
  
  .hide-link{
  display: yes;
  }
  html body div div.wrapper header div.containertop div.row.topcontent div.col-12.col-sm-4.menutop
  {
  max-width: 100% !important;
  flex: 0 0 55% !important;
  }
  html body div div.wrapper header div.containertop div.row.topcontent div.col.logo
  {
  max-width: 67%!important;
  }
  
  
  
  html body div div.wrapper div.four-elements div.container div.slider.slide-full-width.slider-end div.slider-viewport div.slider-track div.slide div.row div.col
  {
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 5px;
  }
  html body div div.wrapper div.four-elements div.container div.slider.slide-full-width.slider-start div.slider-viewport div.slider-track div.slide div.row div.col
  {
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 5px;
  }
  
  .slide {
    font-size: 1.2rem !important;
  }
  
  h3 {
  font-size: 1.7rem;
  }
  .our-history .col-md-7 h2 {   
  margin: 15px 0 20px;
  font: 600 20px/1 Arial;
    border-left: 5px solid #CA3F00;
    text-transform: uppercase;
    color: #66B9D4;
    padding-left: 15px; 
   }
  
   .our-history {
    padding: 0px!important;
   }
   .our-history .col-md-7 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mb-3, .my-3 {
    margin-top: 1rem;
    
  }
  .contact-info .fa{
    font-size: 30px;
  }
  .contact-info{
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 400;
  color: inherit;
  font-size: 18px;
  }
  .contact-info-foot{
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 400;
  color: inherit;
  font-size: 15px;
  }
  .Services-tag
    {
      margin-top: 163px;
      text-align: center;
      color: #ffffff;
      background-color: #404040!important;
      height: auto; 
      width: 100%;
      margin-left: auto;
     margin-right: auto;
     border-top: 1px #C0C0C0 solid;
   
   /*/*Gabriel
   background-image: url("../assets/img/bg_services2.png");*/
    
    }
    .padding-dim{
        padding-left:5px!important;
        padding-right:5px!important;
    }
    .col-lg-3 {
  max-width: 100%!important;
  text-align: center!important;
   }
   .mb-3, .my-3 {
  margin-top: 0.5rem;
  margin-left: 0px!important;
  margin-right: 0px!important;
  }
  #sechide{
         display: none;
    }
    #cathide{
         display: none;
    }
    
    .page_librairie_title{
    font-size: 16px;
    font-weight: 400;
    line-height: 39px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
    border-bottom: 1px solid rgba(0,0,0,.125);
    margin-bottom: 2px!important;
   }
   
   .col-sm-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 30%;
  max-width: 25%;
  }
  
  .slide-col-formation{
   border-bottom: 1px solid #808080;
   margin-bottom: 10px;
  }
  .tabformation{
      padding-left:0px;
  }
  
  }
  /*end extrat small devices*/
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
      
      .tabformation{
      padding-left:0px;
  }
      .largeformation.shadow
      {
          width: 99.5%; 
          display: block;
          height: 260px;
          margin-left: 8px;
          margin-right: 8px;
           margin-bottom: 10px;
        text-align: center;
      }
      
      .figsizeformation{
        width: 100%!important;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem!important;
    }
    
     .mr-3, .mx-3 {
          margin-right: 6rem !important;
     }  
    
    .card {
        margin-bottom: 20px;
    }
    
     html body div div.wrapper div.container.our-history div.row div.col.padding-dim div.container div#mydatatable_wrapper.dataTables_wrapper.dt-bootstrap4.no-footer div.row div.col-sm-12.col-md-6 div#mydatatable_filter.dataTables_filter label
    {
        width: 100%;
    }
    .figsize{
        width: 80%!important;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem!important;
    }
    
        .aligncenterc{
        text-align: center;
        display: block;
         margin-bottom: 15px;
         width:100%;
    }
    
    html body div div.wrapper div.container.our-history div.row div.col.padding-dim div.container div#mydatatable_wrapper.dataTables_wrapper.dt-bootstrap4.no-footer div.row div.col-sm-12.col-md-6 div#mydatatable_length.dataTables_length label
    {
        width:30%;
    }
   
   
    html body div footer.footer div.container div.row.footer_row div.col div.footer_content div.row div.col.footer_col {
  margin-right: 80px!important;
}
    
    
    .searchwidth
    {
        width:100%;
        margin-top: 5px;
        
    }
  .col-sm-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 20%;
  max-width: 15%;
  }
    
    .navbar-expand-lg .navbar-nav li a {
  font-size: 1rem !important;
  }
    .margtop{
        margin-top: -160px;
    }
    .aligncenterc{
        text-align: center;
    }
    .alignfigure{
      /* width:100%;
       float: none;
       padding-left: 3.5rem;
       padding-right: 3.5rem;*/
       
       float: left;
       margin: 0.5rem 0.5rem 0.5rem !important; 
       width:160px;
   }
    
    .home-slider {
    display:none;
  }
    
  .sidebar-col {
  
    flex: 0 0 100%!important;
    max-width: 100%!important;
    
  }
  .footer_contact_info {
    width: 300px;
  }
     
      .Services-tag {
         padding: 52px 35px 20px 35px!important;
          
      }
      .h2service-tag{
          margin-left:auto!important;
          margin-right:auto!important;
      }
      
  .slide-col {
    height: 290px;
    }
    html body div div.wrapper section.four-contact div.container div.row div.col
    {
      margin-right: 0px;
    }
  
    .our-history .col-md-7 h2 {   
      margin: 15px 0 30px;
      font: 600 25px/1 Arial;
        border-left: 5px solid #CA3F00;
        text-transform: uppercase;
        color: #66B9D4;
        padding-left: 15px; 
       }
  
       html body div div.wrapper div#apropos.our-history div.container div.row div.col-md-5.col-sm-12.col-xs-12 {
        text-align: center;
      }
      
      .our-history .col-md-7 {
        padding-left: 30px;
        padding-right: 40px;
      }
      .contact-info {
        font-weight: 200;
        font-size: 18px;
    }
    .contact-info .fa{
      font-size: 30px;
  }
  html body div div.wrapper section.four-contact div.container div.row div.col-12.col-sm-4
  {
    
      flex: 0 0 100%;
      max-width: 100%;
  }
  .mb-3, .my-3 {
    margin-top: 1rem;
    
  }
  
  .contact-info-foot{
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 200;
    color: inherit;
    font-size: 15px;
  }
  .carousel-caption {
    padding-top: 20px !important;
  }
  
  .carousel-caption h2{
  font-size: 3.0rem;
  font-weight: 1000;
  -webkit-text-fill-color: #ca3f00; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #66B9D4;
  }
  .Services-tag
    {
      margin-top: 120px;
      text-align: center;
      color: #ffffff;
      background-color: #ffffff!important;
      height: auto; 
      width: 100%;
      margin-left: auto;
     margin-right: auto;
     border-top: 1px #C0C0C0 solid;
   
   /*Gabriel
   background-image: url("../assets/img/bg_services2.png");*/
    
    }
     #sechide{
         display: none;
    }
    #cathide{
         display: none;
    }
    
    .page_librairie_title{
  font-size: 18px;
  font-weight: 400;
  line-height: 39px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  border-bottom: 1px solid rgba(0,0,0,.125);
  margin-bottom: 2px!important;
  }
  
  .slide-col-formation{
  height: 290px;
  }
  
  
  }
  /*end Small devices (portrait tablets and large phones*/
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
      
      
      .tabformation{
      padding-left:0px;
  }
       .largeformation.shadow
      {
          width: 47.8%; 
          display: block;
          height: 260px;
          margin-left: 7px;
          margin-right: 7px;
           margin-bottom: 10px;
        text-align: center;
        float:left;
      }
      
      .figsizeformation{
        width: 90%!important;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem!important;
    }
    
     .mr-3, .mx-3 {
        
          margin-right: 6rem !important;
     }  
   
     html body div div.wrapper div.container.our-history div.row div.col.padding-dim div.container div#mydatatable_wrapper.dataTables_wrapper.dt-bootstrap4.no-footer div.row div.col-sm-12.col-md-6 div#mydatatable_filter.dataTables_filter label
    {
        width: 100%;
    }
    .figsize{
        width: 80%!important;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem!important;
    }
    html body div div.wrapper div.container.our-history div.row div.col.padding-dim div.container div#mydatatable_wrapper.dataTables_wrapper.dt-bootstrap4.no-footer div.row div.col-sm-12.col-md-6 div#mydatatable_length.dataTables_length label
    {
        width:30%;
    }
    
    
    .searchwidth
    {
        width:100%;
        margin-top: 5px;
    }
    .col-md-6 {
  flex: 0 0 48%!important;
  max-width: 48%!important;
  margin-right: 13px;
  }
    
     .navbar-expand-lg .navbar-nav li a {
  font-size: 1rem !important;
  }
    
    .alignfigure{
      /* width:100%;
       float: none;
       padding-left: 3.5rem;
       padding-right: 3.5rem;*/
       
       float: left; 
       margin: 0.5rem 0.5rem 0.5rem!important; 
       width:160px;
   }
    
   .sidebar-col {
  
    flex: 0 0 100%!important;
    max-width: 100%!important;
    
  }
  
  html body div div.wrapper div.container.our-history div.row div.sidbar ul {
    margin-left: -40px !important;
  }
  
  html body div footer.footer div.container div.row.footer_row div.col div.footer_content div.row div.col.footer_col{
    margin-right: 80px!important;
  }
  
  .slide-col {
      
    height: 200px;
    width:259px;
    }
    
    .slide {
    font-size: 0.8rem !important;
  }
  .border-right-moy {
    border-right: none !important;
  }
  
  h3 {
  font-size: 1.1rem!important;
  }
  
  
  .Services-tag {
    /*padding: 72px 35px 50px 35px !important;*/
    padding: 0px 0px 0px 0px !important;
  }  
  .Services-tag
    {
      margin-top: 163px;
      text-align: center;
      color: #ffffff;
      background-color: #ffffff !important;
      height: auto; 
      width: 100%;
      margin-left: 0px!important;
     margin-right: 0px!important;
     border-top: 1px #C0C0C0 solid;
   
   /*Gabriel
   background-image: url("../assets/img/der_librarybon1.png");*/
    
    }
    .col-lg-3 {
  max-width: 28%!important;
  text-align: center important;
   }
   .mb-3, .my-3 {
  margin-top: 0.5rem;
  margin-left: 2px !important;
  margin-right: 2px !important;
  }
   #sechide{
         display: none;
    }
    #cathide{
         display: none;
    }
    .contact-info{
  
  font-size: 15px;
  }
  .contact-info-foot{
  
  font-size: 15px;
  }
  
  .col-md-6 {
  flex: 0 0 100%!important;
  max-width: 100%!important;
  /*margin-right: 18px;*/
  }
  
  .page_librairie_title{
  font-size: 18px;
  font-weight: 400;
  line-height: 39px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  border-bottom: 1px solid rgba(0,0,0,.125);
  margin-bottom: 2px!important;
  }
  .home-slider {
  margin-top: 164px;
  display:block;
  }
  
  .text-gray-500 {
  
  margin-top: 0px;
  }
  
  .slide-col-formation {
      height: 300px;
      width:259px;
      }
     
  }
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    
    .tabformation{
      padding-left:25px;
  }
    
    
    .largeformation.shadow
      {
          width: 23.5%; 
          display: block;
          float: left;
          height: 290px;
          margin-left: 8px;
          margin-right: 8px;
           margin-bottom: 10px;
        text-align: center;
      }
    .figsizeformation{
        width: 85%!important;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem!important;
    }
    
    
            .aligncenterc{
                text-align: center;
                display: flex;
                margin-bottom: 10px;
                width: 47.5%;
                float: left;
                height: 290px;
                margin-left: 7px;
                margin-right: 8px;
    }
    
    html body div div.wrapper div.container.our-history div.row div.col.padding-dim div.container div#mydatatable_wrapper.dataTables_wrapper.dt-bootstrap4.no-footer div.row div.col-sm-12.col-md-6 div#mydatatable_filter.dataTables_filter label
    {
        width: 100%;
    }
    .figsize{
        width: 90%!important;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem!important;
    }
    
    html body div div.wrapper div.container.our-history div.card-body div div.row div.col.padding-dim div.container div.row div.result.col-md-6.rounded.aligncenterc.shadow div.row div.col-sm-8
    {
        flex: 0 0 57.666667%!important;
         max-width: 57.666667%!important;
         padding-right: 10px!important;
         padding-left: 10px!important;
    }
    .aligncenterc {
    text-align: left;
    }
    
    .searchwidth
    {
        width:100%!important;
        margin-top: 5px;
        
    }
    
    
    /* .col-md-6 {
  flex: 0 0 48%!important;
  max-width: 48%!important;
  margin-right: 18px;
  }*/
    
     .navbar-expand-lg .navbar-nav li a {
  font-size: 1rem !important;
  }
    .alignfigure{
      /* width:100%;
       float: none;
       padding-left: 3.5rem;
       padding-right: 3.5rem;*/
       
       float: left; 
       margin: 0.5rem 0.5rem 0.5rem!important; 
       width:160px;
   }
  
  .far-title {
    
    font-size: 68px!important;
  }
  
  .doc-col{
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 200px;
  height: 300px;
  text-align: center;
  display: block;
  float: left;
  clear: none;
  }
  .slide-col {
   
    height: 240px;
     
  }
  .our-history .col-md-7 {
  padding-left: 30px; }
  
  .our-history .col-md-7 h2 {
    font: 600 30px/1 Arial;
    border-left: 5px solid #CA3F00;
    margin: 0 0 40px;
    text-transform: uppercase;
    color: #66B9D4;
    padding-left: 25px; 
  }
  .contact-info .fa{
    font-size: 30px;
  }
  .contact-info{
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 400;
  color: inherit;
  font-size: 18px;
  }
  .contact-info-foot{
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 400;
  color: inherit;
  font-size: 18px;
  }
  html body div footer.footer div.container div.row.footer_row div.col div.footer_content div.row div.col.footer_col{
  margin-right: 0px!important;
  }
  html body div div.wrapper section.four-contact div.container div.row div.col-12.col-sm-4
  {
  
    flex: 0 0 33.3333%;
    max-width: 33.33333%;
  }
  .mb-3, .my-3 {
  margin-top: 0rem;
  
  }
  #topheader .navbar-nav li > a {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
  }
  html body div div.wrapper header div.containertop div.row.topcontent div.col-12.col-sm-4.menutop{
  padding-right: 10px;
   padding-left: 10px;
  }
  .rech-padding{
  margin-left: 50px;
  }
  .contact-info-foot {
  font-weight: 400;
  font-size: 16px;
  }
  html body div div.wrapper div.container.our-history div.row div.col-md-5.col-sm-12.col-xs-12{
  text-align: center;
  }
  html body div div.wrapper div.container.our-history div.row div.col-md-5.col-sm-12.col-xs-12{
  padding-left: 25px;
  }
  .carousel-caption {
   
  padding-top: 100px !important;
  
  }
  .carousel-caption h2{
  font-size: 4.0rem;
  font-weight: 1000;
  -webkit-text-fill-color: #ca3f00; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #66B9D4;
  }
  html body div div.wrapper div.container.our-history div.row div.sidbar ul
   {
      margin-left: -70px!important;
    }
  .slide-col {
    width: 328px;
  }
  #sidebar .sidebar-header h5 {
    font-size: 1.1rem!important;
  }
  .Services-tag
    {
      margin-top: 143px;
      padding: 0px 0px 0px!important;
      text-align: left;
      color: #ffffff;
      background-color: #ffffff!important;
      height: auto; 
      width: 100%;
      margin-left: 0px;
     margin-right: 0px;
     border-top: 1px #C0C0C0 solid;
   
   /*Gabriel
     padding-left: 200px;
   background-image: url("../assets/img/bg_services2.png");*/
    
    }
    .sidebar-col{
    -webkit-box-flex: 0;
   -ms-flex: 0 0 13%!important;
    flex: 0 0 23%!important;
    max-width: 23%!important;
    padding-right: 10px;
    padding-left: 10px;
  }
  .col-lg-3 {
  max-width: 21%!important;
  text-align: center!important;
  }
  .mb-3, .my-3 {
  margin-top: 0rem;
  margin-left: 15px!important;
  margin-right: 15px!important;
  }
  .slide {
    font-size: 1.1rem !important;
  }
  
  h3 {
  font-size: 1.5rem!important;
  }
  .secborder{
         display: block;
    }
    #sechide{
         display: block;
    }
    #cathide{
         display: block;
    }
    
    .page_librairie_title{
  font-size: 18px;
  font-weight: 400;
  line-height: 39px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  border-bottom: 1px solid rgba(0,0,0,.125);
  margin-bottom: 2px!important;
  }
   .home-slider {
  margin-top: 144px;
  }
  
  .home-slider {
  position: relative;
  overflow: hidden; 
  border-bottom: 3px #C0C0C0 solid;
  border-top: 3px #C0C0C0 solid;
  display:block;
  }
  
  .text-gray-500 {
   margin-top: 30px;
  }
  
   .slide-col-formation {
      height: 340px; 
      width: 300px;    
    }
  
  }/* End Large devices (laptops/desktops, 992px and up) */
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
      
    
       .tabformation{
      padding-left:95px;
  }
      
       .largeformation.shadow
      {
          width: 23.5%; 
          display: block;
          float: left;
          height: 290px;
          margin-left: 8px;
          margin-right: 8px;
           margin-bottom: 10px;
        text-align: center;
      }
      
      
      
      .figsizeformation{
        width: 95%!important;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem!important;
    }
    /************* Gabriel ************/
    .espace-entre-bouton{
        
        width: 1%;
        display: inline;
    }
    
    /************* Fin Gabriel ************/
    
    
    html body div div.wrapper div.container.our-history div.row div.col.padding-dim div.container div#mydatatable_wrapper.dataTables_wrapper.dt-bootstrap4.no-footer div.row div.col-sm-12.col-md-6 div#mydatatable_filter.dataTables_filter label
    {
        width: 100%;
    }
    .figsize{
        width: 90%!important;
        margin: 0.5rem 0.5rem 0.5rem 0.5rem!important;
    }
   
    .searchwidth
    {
        width:100%!important;
        margin-top: 5px;
        
    }
     .navbar-expand-lg .navbar-nav li a {
  font-size: 1rem !important;
  }
    
     .alignfigure{
      /* width:100%;
       float: none;
       padding-left: 3.5rem;
       padding-right: 3.5rem;*/
       
       float: left; 
       margin: 0.5rem 0.5rem 0.5rem!important; 
       width:160px;
   }
    
    .home-slider {
  margin-top: 144px;
  }
    
  .far-title {
    
    font-size: 72px!important;
  }
  
  .footer_contact_info {
    width: 400px;
  }
  
  .slide-col {
    height: 170px;  
  }
  .our-history .col-md-7 {
  padding-left: 75px; }
  
  .our-history .col-md-7 h2 {
    font: 600 30px/1 Arial;
    border-left: 5px solid #CA3F00;
    margin: 0 0 40px;
    text-transform: uppercase;
    color: #66B9D4;
    padding-left: 25px; 
  }
  .contact-info .fa{
    font-size: 30px;
  }
  .contact-info{
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 400;
  color: inherit;
  font-size: 18px;
  }
  .contact-info-foot{
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 400;
  color: inherit;
  font-size: 18px;
  }
  html body div footer.footer div.container div.row.footer_row div.col div.footer_content div.row div.col.footer_col{
  margin-right: 0px!important;
  }
  html body div div.wrapper section.four-contact div.container div.row div.col-12.col-sm-4
  {
  
    flex: 0 0 33.3333%;
    max-width: 33.333333%;
  }
  .mb-3, .my-3 {
  margin-top: 0rem;
  margin-left: 15px!important;
  margin-right: 15px!important;
  }
  #topheader .navbar-nav li > a {
  padding-right: 1.5rem!important;
  padding-left: 1.5rem!important;
  }
  .rech-padding{
  margin-left: 230px;
  }
  .carousel-caption {
   
  padding-top: 140px !important;
  
  }
  .carousel-caption h2{
  font-size: 2.5rem;
  font-weight: 1000;
  -webkit-text-fill-color: #ca3f00; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #66B9D4;
   margin-left: -55px;
  }
  
  .col-lg-3 {
  max-width: 21%!important;
  text-align: center!important;
  }
  
    html body div div.wrapper div.container.our-history div.row div.sidbar ul
   {
      margin-left: -50px!important;
    }
  .services_link{
    /*margin-left:-5px;*/
    margin-left:0px;
    padding: 20px 0;
  }
  .slide-col {
    width: 450px;
  }
  
  .Services-tag
    {
      margin-top: 143px;
      padding: 0px 0px 0px!important;
      text-align: left;
      color: #ffffff;
      background-color: #ffffff!important;
      height: auto; 
      width: 100%;
      margin-left: 0px !important;
      text-align: left;
     margin-right: 0px;
     border-top: 1px #C0C0C0 solid;
   
   /*Gabriel*/
     /*padding-left: 200px;
   background-image: url("../assets/img/bg_services2.png");*/
    
    }
    .sidebar-col{
  -webkit-box-flex: 0;
   -ms-flex: 0 0 13%;
   flex: 0 0 23%!important;
  max-width: 23%!important;
  padding-right: 10px;
  padding-left: 10px;
  }
  html body div div.wrapper div.container.our-history div.row div.sidbar ul
   {
      margin-left: -50px!important;
    }
  
  body {
  font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,raleway,sans-serif;
   
  font-weight: 400;
  color: #000000; 
  }
  
  .slide {
    font-size: 1.4rem !important;
  }
  
  h3 {
  font-size: 1.8rem!important;
  }
  
  
    #sechide{
         display: block;
    }
    #cathide{
         display: block;
    }
    
    .page_librairie_title{
  font-size: 18px;
  font-weight: 400;
  line-height: 39px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  border-bottom: 1px solid rgba(0,0,0,.125);
  margin-bottom: 2px!important;
  }
  
  .home-slider {
  position: relative;
  overflow: hidden; 
  border-bottom: 3px #C0C0C0 solid;
  border-top: 3px #C0C0C0 solid;
  display:block;
  }
  .text-gray-500 {
    margin-top: 0px;
  }
  
  
  .slide-col-formation {
    height: 250px;
    width: 450px;	
   } 
  
  }/* End Extra large devices (large laptops and desktops, 1200px and up) */
  
  
  .slide-col {
  background-image: linear-gradient( #404040 20%,  #ffffff 190%); 
  border-bottom:2px solid #f79550;   
  }
  .result span{
  visibility: hidden;
  }
  .result img:hover + span{
  visibility: visible;
  }
  .shadow {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.15) !important;
  }
  
  .breadcrumb {
  padding: .45rem 0rem!important;
  margin-bottom: 0.2rem!important;
  background-color: transparent!important;
  color: #66B9D4;
  }
  .card-body {
  padding: 0.5rem!important;
  margin-top: 5px;
  }
  .card-footer {
  padding: .5rem 1.25rem!important;
  }
  .btn-warning {
  color: #212529;
  background-color: transparent!important;;
  border-color: #f79550!important;
  }
  .card-title {
  height: 40px;
  margin-bottom: .6rem!important;
  }
  .card-text {
  height: 30px;
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
  
  }
  .card-prix
  {
  font-size: 16px;
  font-weight: 600;
  }
  
  
  
  #topheader .navbar-nav li > a {
  font: 500 14px Arial !important;
  color:#ffffff;
  text-transform: uppercase;
  font-size: 16px!important;
  text-decoration: none!important;
  }
  #topheader .navbar-nav li > a:hover, a:focus {
    color: #66B9D4;
  }
  
  #topheader .navbar-nav li.active > a {
  color: #66B9D4;
  }
  
  
  
  body {
  font-family: proxima-nova,"Helvetica Neue",Helvetica,Arial,raleway,sans-serif;
   
  font-weight: 400;
  color: #000000; 
  }
  .button {
  display: inline-block;
  min-width: 100px;
  padding: 15px 0;
  border: 2px solid #66B9D4;
  text-align: center;
  font: 600 14px/1 "Open Sans";
  background: #66B9D4;
  color: #ffffff;
  margin: 0 24px 0 0;
  border-radius: 4px;
  text-transform: uppercase;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
  .button-w {
  background: none;
  border-color: #ffffff;
  margin: 0; }
  .button.small {
  padding: 14px 0;
  font-size: 12px;
  min-width: 145px; }
  .button:hover {
  background: transparent;
  color: #3c88e7;
  border-color: #3c88e7; }
  
  .container {
    max-width: 1300px;
    width: 100%; }
    
  .sectionLink{
      color:#f79550;
  }
  .catLink{
      color:#000000;
  }
  
  
  .containertop {
  background-color: #ffffff!important;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  }
  .topcontent{
  max-width: 1200px;
  align-items: center;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  
  }
  
  .container2 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  }
  header {
  position: fixed;
  top:0;
  background-color: #404040!important;
  width: 100%;
  z-index: 100;
  left: 0;
  }
  .wrapper{
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  }
  .navbar-expand-lg .navbar-nav li a {
  color: #f79550;
  }
  .border-link {
  border-left: 1px solid #66B9D4;
  margin-left: 5px;
  padding-left: 5px;
  }
  .navbar-expand-lg .navbar-nav li a:hover {
  color: #66B9D4;
  text-decoration: none;
  }
  .service-link
  {
  font-size: 12px;
  color:  #ffffff;
  font-style: italic;
  font-weight: 900;
  }
  .service-link:hover
  {
  color:  #66B9D4;
  
  }
  
  
  /*Slider
  --------------------------------------------------*/
  
  
  .carousel-indicators .active {
    background-color: #66B9D4!important;
  }
  .btn-outline-success:hover {
  background-color: #66B9D4!important;
  border-color: #f79550!important;
  }
  .btn-outline-success {
    color: #ffffff!important;
    background-color: transparent;
    border-color: #f79550!important;
  }
  .formcontrol_search {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #ffffff!important;
  background-color: transparent!important;
  background-clip: padding-box;
  border: 1px solid #f79550!important;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  
  
  /*history*/
  .our-history {
  padding: 50px 0 30px; }
  
  
    
  
    .our-history .col-md-7 p {
      font: 400 16px/25px Arial;
      margin-bottom: 20px; 
      text-align: justify;
    }
  
   
    .title-services
    {
     background-color: #66B9D4;
     color: #ffffff;
     height: 50px;
     padding: 15px 0 15px 15px;
     text-transform: uppercase;
     margin-bottom: 10px;
    }
    .secborder{
         border-bottom: 1px #C0C0C0 solid;
    }
    .sec{
        padding: .25rem .5rem!important;
    }
   html body div div.wrapper div.container.our-history div.row div.sidbar ul li
   {
      list-style: none!important;
    }
  
  
    .our-history-about {
      padding: 50px 0;
      text-align: center;
      position: relative;
      overflow: hidden; 
    }
      .our-history-about h2 {
        font: 600 36px/1 "Source Sans Pro";
        margin: 0 0 20px;
        text-transform: uppercase;
        color: #6a6a6a; }
      
     
        .get-started {
          padding: 50px 0;
          text-align: left;
          position: relative;
          overflow: hidden;
          color: #ffffff;
          background-image: url("../assets/img/chemenkonesans_formation gratuite.png");
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center; 
        }
        
       
        .carousel-caption p{
          font-size: 1.5rem;
          font-weight: 500;
  
        }
  .slide {
       font-size: 1.4rem;
  }
        .border-top-page  {
          border-top: 1px solid #f79550; 
          padding-top: 20px;
        }
        .border-bottom-page  {
          border-bottom: 1px solid #f79550; 
         margin-bottom: 10px;
        }
  
    .four-elements {
      text-align: center;
      padding: 20px 0;
      border-bottom: 1px solid #e5e5e5; 
      background-color:  #404040!important;
    }
    .four-elements h2 {
      font: 600 36px/1 Arial;
      margin: 0 0;
      text-transform: uppercase;
      color: #66B9D4!important;
  }
    .four-elements .col-md-3 h3 {
      font: 600 18px Arial;
      position: relative;
      text-transform: uppercase;
      color: #66B9D4;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      margin: 0 0 30px; }
  
      .four-elements .col-md-3 p {
        font: 400 12px/20px Arial;
        letter-spacing: 1px; }
        .btn-outline-success {
         color: #ffffff!important;
          border-color: #f79550!important;
      }
  
  
  
      .dot-dash {
        position: relative;
        text-align: center;
        font-size: 55px;
        line-height: 0;
        color: #66B9D4!important;
        margin: 10px 0 20px;
        display: block; }
        .dot-dash:before, .dot-dash:after {
          content: "";
          width: 80px;
          height: 1px;
          background: #ffffff;
          position: relative;
          display: inline-block;
          top: -2px;
          margin-right: 10px; }
        .dot-dash:after {
          margin-right: 0px;
          margin-left: 10px; }
        .dot-dash.dark:before, .dot-dash.dark:after {
          background: #6a6a6a; }
  
  
  
      .partners {
        padding: 50px 0;
        position: relative;
        overflow: hidden;
        background: #f4f5f9; 
      }
        .partners h2 {
          font: 600 36px/1 Arial;
          margin: 0 0 20px;
          text-transform: uppercase;
          color: #6a6a6a; }
        .partners p {
          font: 400 14px/25px Arial;
          margin-bottom: 0; }
        .partners--container {
          margin-top: 10px;
          width: 90%;
          display: block;
          margin-left: auto; 
          margin-right: auto;
        }
  
  
        .four-contact {
          padding: 50px 0!important;
          background-color: #f4f5f9; 
          position: relative;
          overflow: hidden;
        }
       
       
        .bgcontact{
          background-color: #66B9D4!important;
        }
        .bn-contact{
          background-color: #66B9D4!important;
          color: #ffffff;
        }
        .contact-info-foot .fa {
          font-size: 23px;
         }
         .services_link div ul li {
          list-style: none;
        }  
        .our-history div.row div.col-12.col-sm-4 ul li {
          list-style: none;
        }
        .menuleft {
          margin-left: -40px;
        }
  
  /*footer add*/
  .footer
  {
  overflow: hidden;
  position: relative;
  background: #404040;
  padding-top: 74px;
  }
  
  .footer_content
  {
  padding-bottom: 33px;
  }
  .footer_logo_text
  {
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 0.75;
  color: #FFFFFF;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  }
  .footer_logo_text span
  {
  color: #14bdee;
  }
  .footer_title
  {
  font-family: Arial;
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 0.75;
  margin-left: 0px;
  }
  .footer_logo_container
  {
  margin-top: 0px;
  }
  .footer_about_text
  {
  margin-top: 31px;
  }
  .footer_about_text p
  {
  color: #FFFFFF;
  }
  .footer_social
  {
  margin-top: 23px;
  }
  .footer_social ul li
  {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: #4b505d;
  border-radius: 50%;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  }
  
  .footer_social ul li a
  {
  display: block;
  position: relative;
  text-align: center;
  }
  .footer_social ul li a i
  {
  color: #FFFFFF;
  line-height: 45px;
  }
  .footer_social ul li:hover
  {
  background: #14bdee;
  }
  .footer_contact
  {
  padding-left: 0px;
  }
  .footer_contact_info
  {
  margin-top: 13px;
  color: #999;
  }
  .footer_contact_info ul li
  {
  font-size: 16px;
  font-weight: 400;
  color: #b5b8be;
  }
  .footer_contact_info ul li:not(:last-child)
  {
  margin-bottom: 15px;
  }
  .footer_links
  {
  padding-left: 0px;
  }
  .footer_links_container ul
  {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  margin-left:0px;
  }
  .footer_links_container
  {
  margin-top: 13px;
  color: #999;
  }
  .footer_links_container ul li{
  list-style: none;
  }
  div.col-md-4:nth-child(1) > div:nth-child(1) > div:nth-child(3) > a:nth-child(1){background-color: #66B9D4 !important;}
  div.col-md-4:nth-child(2) > div:nth-child(1) > div:nth-child(3) > a:nth-child(1){background-color: #f79550 !important; border-color: none!important;}
  div.col-md-4:nth-child(3) > div:nth-child(1) > div:nth-child(3) > a:nth-child(1){background-color: #000000 !important; border-color: none!important;}
  
  html body div section footer.footer div.container div.row.footer_row div.col div.footer_content div.row div.col.footer_col div.footer_section.footer_links div.footer_links_container ul{margin-left:-40px;}
  html body div section footer.footer div.container div.row.footer_row div.col div.footer_content div.row div.col.footer_col div.footer_section.footer_contact div.footer_contact_info ul{margin-left:-40px;}
  html body div section footer.footer div.container div.row.footer_row div.col div.footer_content div.row div.col.footer_col div.footer_section.footer_about div.footer_social ul{margin-left:-40px;}
  .footer_links_container ul li a
  {
  font-size: 14px;
  color:inherit;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  }
  .footer_links_container ul li:not(:last-child)
  {
  margin-bottom: 15px;
  }
  .footer_links_container ul li a:hover
  {
  color: #14bdee;
  }
  
  .footer_mobile_content
  {
  padding-top: 35px;
  }
  .footer_image:not(:last-child)
  {
  margin-bottom: 10px;
  }
  
  .copyright
  {
  height: 54px;
  border-top: solid 1px #f79550;
  text-align: center;
  }
  .copyright a
  {
  color: inherit!important;
  }
  .copyright div
  {
  font-size: 14px;
  color: #b5b8be;
  margin-left: auto;
  margin-right: auto;
  }
  .navbar-toggler {
  border: 1px solid #ffffff!important; 
  }
  
  .carousel-caption {
    top: 0;
    bottom: auto;
  }
  
  html body div div.wrapper div div.row div.col nav div#nav-tab.nav.nav-tabs a.nav-link{
    color: #fff!important;
  }
  html body div div.wrapper div div.row div.col nav div#nav-tab.nav.nav-tabs .nav-link.active {
    color: #000!important;
    
  }
  
  /*login membre css-----*/
  
  .login-box, .register-box {
  background-color: #FFFFFF;
  border-radius: 3%;
  }
  .login-logo, .register-logo {
  font-size: 25px!important;
  padding-top: 15px;
  margin-bottom: 15px!important;
  
  }
  html body.login-page div.login-box div.login-box-body form div.row div.col-xs-8{
  width: 60.66666667%;
  padding-right: 10px!important;
  padding-left: 10px!important;
  }
  
  html body.login-page div.login-box div.login-box-body form div.row div.col-xs-4{
  width: 37.33%;
  padding-right: 10px!important;
  padding-left: 10px!important;
  }
  html body.login-page div.login-box div.login-box-body form div.row div.col-xs-4 button.btn.btn-primary.btn-block.btn-flat
  {
  background-color: #66B9D4!important;
  border-color: #66B9D4!important;
  }
  html body.login-page div.login-box div.login-box-body a{
  color: #66B9D4!important;
  }
  html body.register-page div.register-box div.register-box-body form div.row div.col-xs-4 button.btn.btn-primary.btn-block.btn-flat
  {
  background-color: #66B9D4!important;
  border-color: #66B9D4!important;
  }
  
  html body.register-page div.register-box div.register-box-body form div.row div.col-xs-8{
  padding-right: 10px!important;
  }
  
  /*end login css  add*/
  
  
  .share-btn-container_gab a{
  margin: 0px 10px !important;
  }
  .tabs{
  margin: 0rem !important;
  height: 25rem !important; 
  }
  
  /******************Gabriel Formation **********************/
  @media only screen and (min-width: 600px) {
  
  }
  
  
  
  
  
 
  
  
  /******************Gabriel Formation  End **********************/