footer{
border-top:1px solid #00326E;
position: relative;
float: left;
width: 100%;
margin-top: 25px;
}
footer ul li{
    list-style: none;
    padding: 5px;
}

footer ul li a{
    color: #626262;
    font-size: 16px;
}
footer ul li a:hover{
  color: #00326E;
  text-decoration: none;
  font-weight: bold;
}
.footer-wrapper{
    padding-left: 150px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.footer-col{
    border-right: 1px solid #DDDDDD;
    height: 180px;
}
#footer-bar, #footer-bar-mobile{
    background-color: #00326E;
    height:90px;
}
#footer-bar p{
  color:#ffffff;
  padding-top: 35px;
  font-size: 16px;

}
.social-media{
  display: inline-flex;
  padding-left: 0px;
}
.social-media li{
  padding:10px;
}
.social-media li a{
  display: block;
  background-color: #00326E;
  color:#ffffff;
  border-radius: 50%;
  width: 45px;
  height:45px;
  line-height: 52px;
  text-align: center;
  padding: 10px 0;
}
.social-media li a:hover {
    color: #c89108;
  }
.social-media li a span{
  font-size: 24px;
}
footer .ligne2{
  margin-top: -20px;
}
.footer-logo{
  width: 135px;
  height: auto;
  margin:0 auto;
  padding-top: 30px;
}


@media (min-width: 992px){
  .navbar-mobile, .tabs-mobile, #footer-bar-mobile{
    display: none;
  }

}
@media (max-width: 991px){
  .navbar{
    width: 100%;
  }
  .navbar-desktop, #footer-bar{
    display: none;
  }


  .open-menu-mobile, #footer-bar-mobile{
    display: block!important;
  }


  .footer-wrapper{
    display: none;
  }

  .titre{
    font-size: 20px;  }

  .tabs-desktop{
        display: none;
  }

  .social-media-mobile{
        display: inline-flex;
        padding-top: 30px;
  }
  .social-media-mobile li {
        padding:5px;
  }
  .social-media-mobile li a{
        display: block;
        background-color:#FFFFFF;
        color:#00326E;
        border-radius: 50%;
        width: 20px;
        height:20px;
        line-height: 20px;
        text-align: center;
        padding: 3px 0;
   }
.social-media li a:hover {
    color: #c89108;
  }
   .social-media-mobile li a span{
        font-size: 14px;
   }
}



@media (max-width: 576px) {

          .tabs-mobile .panel-default>.panel-heading{
        background-color: #00326E;
        height: 50px;
        text-align: center;
        padding-top: 15px;
          }

          .tabs-mobile .panel-title a{
            color:#ffffff;
        font-weight: bold;
          }

      #footer-bar-mobile .footer-logo{
        width:88px;
      }

}