
/* PARCOURS PATIENT */ 

.panel-title {
    font-size: 120% !important;
    margin-left: 25px !important;
}

#accordion .panel .fa-medkit::before {
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: -26px;
    margin-left: -25px;
}

#accordion .panel .fa-hospital-o::before {
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: -26px;
    margin-left: -25px;
}

#accordion .panel .fa-stethoscope::before {
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: -26px;
    margin-left: -25px;
}

#accordion .panel .fa-user-md::before {
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: -26px;
    margin-left: -25px;
}

#accordion .panel .fa-smile-o::before {
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: -26px;
    margin-left: -25px;
}

/* CHIFFRE CLES */

.counter-section i {
    border-radius: 0px;
    border: none !important;
}

/* X6 */

.icon-feature-horizontal .icon {
    width: 60px;
}

/* */
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

/*body { margin: 0; } */
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

/* Contact */
.decal-form { padding-left: 30px; border-left: 1px solid #bebfbd; }

/* header */

section.row {
  margin: 0;
  position: relative;
}
.top_bar {
  z-index: 2;
}
.top_bar .container > .row {
  padding: 5px 15px ;
  line-height: 20px;
  color: #686868;
  font-weight: 300;
}
.top_bar .container > .row i {
  margin-right: 7px;
  font-size: 18px;
  float: left;
}
.top_bar .container .contact_info .email {
  margin-right: 20px;
}
.top_bar .container .contact_info .email img {
  margin-right: 6px;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
.navbar-default .navbar-nav > li > a { margin-top: 5px !important;}
.navbar-default { height:86px !important; }
.navbar-toggle {margin-top: 0px !important; }

#logo {padding-top:5px;}

.navbar-collapse { max-height: auto !important; }

@media (max-width: 630px) { 
.top_bar .container > .row { font-size: 80%; }
}
@media (max-width: 530px) { 
.top_bar .container > .row { display: none !important;}
.navbar-toggle {margin-top: 25px !important; }
}

#team .team-wrapper p {
    font-size: 13px;
    font-weight: 600;
}

.hide_gbu{
    display: none;
}
.show_gbu {
    display: block;
}


.text-white-margin {
  color: white;
  margin-bottom: 25px;
}

.bg-color {
  background-color: #0E62A9 !important;
  color: aliceblue !important;
}

.bg-color:hover {
  background-color: #bbb !important;
  border: 1px solid transparent !important;
}

.flex-image-center {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.remove-line-height {
  line-height: normal;
}


/*================== ORDER <li> ON MOBILE =====================*/

/* I did that to show Prendre RDV on the top of the list */

@media (max-width: 991px) {
  .subrow {
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
  } 
  #container-flex-order {
    display: flex;
    flex-direction: column;
  }
  #container-flex-order > #h {
    flex: 1;
    order: 1;
  }
  #container-flex-order > #a {
    order: 2;
  }
  #container-flex-order > #b {
    order: 3;
  }
  #container-flex-order > #c {
    order: 4;
  }
  #container-flex-order > #d {
    order: 5;
  }
  #container-flex-order > #e {
    order: 6;
  }
  #container-flex-order > #espace_pro {
    order: 7;
  }
  #container-flex-order > #g {
    order: 8;
  }

}

.subrow {
  display: table;
}

.team-wrapper:after {
  content: "";
  position: absolute;
  left: 10%;
  bottom: 0;
  height: 1px;
  width: 80%;
  border-bottom: 1px solid #eee;
}

.msg-input-form{
    background-color: white!important;
    width: 100%;
    height: 100%;
    font-weight: bold!important;
}