.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s
}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInDown {
  0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInDown {
  0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  } 


#accordion .panel-title i.glyphicon{
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.rotate-icon{
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.btncss {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Proxima Nova Alt Lt';
    border: 2px solid #000;
    padding: 15px 35px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    margin-top: 10px;
    display: inline-block;
}
.panel{
    border: 0px;
    border-bottom: 2px solid #cdcdcd;
    box-shadow: none;
}
.panel-group .panel+.panel{
    margin-top: 0px;
}
.panel-group .panel{
    border-radius: 0px;
    overflow: hidden;
}
.panel-heading{
    border-radius: 0px;
    color: white;
    padding: 25px 0;
}
.panel-custom>.panel-heading{
    position: relative;
    z-index: 99;
    background: #fff;
}
panel-collapse .collapse.in{
    border-bottom:0;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #fff !important;
    background: white !important;
}
.description-personnel p {
   color: #1a1a1a;
   font-size: 16px;
   line-height: 24px;
   font-family: 'Montserrat';
   text-align: justify;
}
.panel-body {
    padding: 0;
    margin-bottom: 25px;
}
.panel-title a {
   font-style: normal;
   font-size: 25px;
   margin: 0;
   color: #1a1a1a;
   display: block;
   font-family: 'Montserrat';
   text-decoration: none;
}
.flex-collapsecss .title-personnel {
font-style: normal;
    font-size: 36px;
    padding-top: 25px;
    margin: 0;
    text-transform: uppercase;
    color: #858585;
    font-family: 'Proxima Nova Rg';
    line-height: 1em;
    display: block;
white-space: normal;
}

.flex-collapsecss .fonction-personnel {
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    font-style: normal;
    font-size: 16px;
    padding-top: 5px;
    margin: 0;
    white-space: normal;
}
.description-personnel img {
    display: block;
    margin: 20px auto;
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 1280px) {
.panel-title a {
    font-size: 20px;
}
}
@media only screen and (max-width: 768px) {
.panel-title a {
    font-size: 17px;
}
.personnel-club h1 {
    font-size: 28px;
}
.flex-collapsecss .title-personnel {
    font-size: 24px !important;
}
.flex-collapsecss .fonction-personnel {
    font-size: 15px;
}
}
@media only screen and (max-width: 600px) {
.title-collapsecss {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.flex-collapsecss {
    margin-left: 0;
   padding: 0 15px;
}
.panel-title a {
    font-size: 18px;
    padding: 10px 15px;
        white-space: normal;
}
.personnel-club h1 {
    font-size: 25px;
}
}

.margin-bottom {
    margin-bottom: 13em;
}
.description-personnel ul {
    margin: 0;
    list-style: none;
}
.panel-title a:before {
    content: "\6b";
    position: absolute;
    right: 17px;
    top: 25px;
    padding: 0px 5px;
    color: #1c1c1c;
    font-family: "kaabia";
    transform: rotate(90deg);
}
.panel-title a.active:before {
    content: "\6c";
    position: absolute;
    right: 17px;
    top: 25px;
    padding: 0px 5px;
    color: #1c1c1c;
   font-family: "kaabia";
}
@media only screen and (max-width: 480px) {
.panel-title a {
    font-size: 15px;
}
.panel-custom>.panel-heading {
    padding: 15px 0;
}
.panel-title a {
    font-size: 15px;
    padding: 0 38px 0 0;
}
}