/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.3.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

/* Titre separator */
.text-left .separator::after,
.text-center .text-left .separator::after,
.text-right .text-left .separator::after {
  height: 1px;
  background: #d1d1d1;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
  position: absolute;
  bottom: -1px;
  left: 0px;
  content: "";
  width: 100%;
}

.text-right .separator::after,
.text-center .text-right .separator::after,
.text-left .text-right .separator::after {
  height: 1px;
  background: #d1d1d1;
  background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
  background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
  background: linear-gradient(to left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
  position: absolute;
  bottom: -1px;
  left: 0px;
  content: "";
  width: 100%;
}

.text-center .separator::after,
.text-left .text-center .separator::after,
.text-right .text-center .separator::after {
  height: 1px;
  background: #e8e8e8;
  background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
  position: absolute;
  bottom: -1px;
  content: "";
  width: 100%;
  left: 0;
}

/* Logo */
#logo img {
  display: inline-block
}

@media (max-width: 992px) {
  #logo {
    text-align: center;
  }
}

@media (max-width: 767px) {
  #logo {
    text-align: left;
  }
}


/*# Pour boutons */

.btn-forco {
  color: #ffffff;
  background-color: #9ccc65 !important;
  border-color: #7cb342 !important;
}

.btn-laboniris {
  color: #ffffff;
  background-color: #37d1f7 !important;
  border-color: #08bfed !important;
}

.btn-chuv {
  color: #ffffff;
  background-color: #b066f5 !important;
  border-color: #9b39f7 !important;
}

.btn-oniris-coeur {
  color: #ffffff;
  background-color: #619dd2 !important;
  border-color: #1e7ed3 !important;
}

a.btn.btn-transparent,
button.btn.btn-transparent {
    background-color: transparent;
    border-color: #ffffff;
    color: #ffffff;
}

.header-top .btn-group > .btn {
  float: none;
  border-radius: 3px !important;
  margin-left: 3px;
}

.header-top .btn-group > .btn:first-child {
  margin-left: 0;
}


/*# Pour Menu */

.dropdown-toggle > li > a:hover,
.dropdown-toggle > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-toggle > .active > a,
.dropdown-toggle > .active > a:hover,
.dropdown-toggle > .active > a:focus,
.dropdown-toggle .dropdown > .active > a,
.dropdown-toggle .dropdown > .active > a:hover,
.dropdown-toggle .dropdown > .active > a:focus, {
  color: #ffffff !important;
  background-color: #8ec447 !important;
}

.dropdown-menu {
  min-width: 265px;
  max-width: 265px;
}

.dropdown-menu > li > a {
  white-space: normal;
}

.dropdown-menu .dropdown-menu {
  width: 100%;
  min-width: inherit !important;
  background-color: #fcfcfc;
  border-top: none;
  position: inherit;
  top: inherit !important;
  left: inherit !important;
  right: inherit !important;
  -webkit-animation-duration: inherit !important;
  animation-duration: inherit !important;
  box-shadow: none;
  border-bottom: none;
}

.dropdown-menu .dropdown-menu > li > a {
  padding: 10px 20px 10px 50px;
}

.mega-menu .dropdown-menu {
  max-width: inherit;
}


.main-navigation .navbar-nav > li > a.btn {
    margin-top: 22px !important;
    padding: 6px !important;
    color: #ffffff!important;
    transition: none!important;
    margin-bottom: 0;
}

.main-navigation .navbar-nav  .dropdown > a.btn:before {
  top: 10px !important;
  color: #ffffff!important;
}

.fixed-header-on .fixed.header .main-navigation .navbar-nav > li > a.btn {
  margin-top: 15px!important;
}

.navbar-default .navbar-nav > li.dropdown > a.btn {
  padding-right: 20px !important;
}

@media (max-width: 1199px) and (min-width: 768px){
  .navbar-default .navbar-nav > li.dropdown > a {
    padding-left: 7px!important;
  }
  .main-navigation .navbar-nav > li > a.btn {
    margin-left: 5px !important;
  }
}

@media (max-width: 767px) {
  .fixed.header .main-navigation .navbar-nav > li > a.btn {
      text-align: left;
      margin: 10px 0px 0px 10px !important;
      padding: 6px !important;
  }
}

.with-dropdown-buttons .navbar-default .navbar-collapse {
  padding-right : 40px!important;
 }

@media (max-width: 1199px) and (min-width: 768px){
.navbar-default .navbar-nav > li > a {
   padding-left: 10px!important;
 }
}
 

/*# Pour boxes témoignages */

.overlay-top .text .box-temoignage {
  color: #ffffff;
}

/*# Panels Oniris */

.panel-oniris {
  background: #e7f5fc !important;
  border-color: #d3effc !important;
}

.collapse-style-1 .panel-heading a .panel-title-oniris {
  color: #222222;
}

/*# Pour boxes entrées CHUV */

@media (min-width: 768px) {
  .box-chuv {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .box-chuv {
    width: 25%;
  float: left;
  }
}

/*# Listes Oniris */

.list-mob-nrs {
  list-style: none;
  padding: 2px 0px 0px 0px;
}

.li-mob-nrs {
  margin: 10px 0px 0px 0px;
}

/*# Listes RTE */

.txt-rte ul {
  list-style: none;
  padding: 0;
}

.txt-rte li {
  padding: 5px 0;
}

.txt-rte li::before {
  content: '\ea0b';
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}

/*# Textes affichage mobiles */
.large_white_mob {
  font-size: 72px;
  font-family: "Raleway", sans-serif;
  color: #ffffff;
  line-height: 1.2;
}


/*# Tags Thèmes recherche */
.tag .shrbma a {
color: #ffffff;
background-color: #3697d9;
  border: 1px solid #338dca;
  }

.tag .shrbma a:hover {
color: #3697d9;
background-color: #ffffff;
  border-color: #338dca;
  text-decoration: none;
  }

.tag .msaesp a {
color: #ffffff;
background-color: #58b74d;
  border: 1px solid #4b9d42;
  }

.tag .msaesp a:hover {
color: #58b74d;
background-color: #ffffff;
  border-color: #4b9d42;
  text-decoration: none;
  }

.tag .sqa a {
color: #ffffff;
background-color: #ee1672;
  border: 1px solid #ce1362;
  }

.tag .sqa a:hover {
color: #ee1672;
background-color: #ffffff;
  border-color: #ce1362;
  text-decoration: none;
  }

.tag .pamdd a {
color: #ffffff;
background-color: #92ce13;
  border: 1px solid #81b412;
  }

.tag .pamdd a:hover {
color: #92ce13;
background-color: #ffffff;
  border-color: #81b412;
  text-decoration: none;
  }

.clinicalteam {
  width: 70%;
  margin: 0 auto;
  }

.owl-carousel .carousel-slower {
  transition: all 300ms ease 1s;
  -webkit-transition: all 300ms ease 1s;
  -o-transition: all 300 ms ease 1s;
}

/*# Progress bar */

.progress-bar-red {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: left;
  background-color: #f40554;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  }

.progress-bar-purple {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: left;
  background-color: #a006e0;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  }

.progress-bar-indigo {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: left;
  background-color: #4406e0;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  }

.progress-bar-cyan {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: left;
  background-color: #06afe0;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  }

.progress-bar-green {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: left;
  background-color: #01b40e;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  }

.progress-bar-light-green {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: left;
  background-color: #9ece0d;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  }

.progress-bar-orange {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: left;
  background-color: #f5aa09;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  }

.progress-bar-brown {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: left;
  background-color: #523d11;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  }

/*# Boutons info */

.btn-info-o {
  color: #fff;
  background-color: #47adf3;
  border-color: #45a1e1;
}

.btn-info-o:hover {
  color: #fff;
  background-color: #399cdf;
  border-color: #358bc5;
}

/*# Intranet */

.insertion {
  margin: 0 10px 5px 0;
  padding: 0 10px 5px 0;
}


/* News */
.news.news-single .article {
  margin-bottom: 50px;
}

.news-single .article .news-img-wrap {
  float: left;
  margin: 0 25px 15px 0px;
}

ul.pagination li.more > a {
  background: transparent;
  color: #777777;
  border: 1px solid #777777;
  cursor: default;
}

@media (max-width: 530px) {
  .news-single .article .news-img-wrap {
    float: none;
    width: 100%;
    margin: 0 0 25px 0;
  }

  .news-single .article .news-img-wrap img {
    margin: auto;
  }
}


/* Search form */
#tx_indexedsearch .btn-default {
  margin: 0;
}

.tx-indexedsearch-browsebox {
  list-style: none;
}
.tx-indexedsearch-browsebox li {
    display: inline-block;
    padding: 5px;
}

/* Login Box Intranet */
.header-top-dropdown .dropdown-menu.login-box {
  z-index: 105;
}

form.login-form {
  margin-bottom: 0;
}

.list-inline > li.log-usr {
  padding-right: 10px;
}




.footer .footer-content ul.nav li h4 {
  margin-top: 20px;
}

.footer .footer-content ul.nav li:first-child h4 {
  margin-top: 0;
}


/*# Padding éléments de menu */

@media (min-width:768px) {
  .navbar-default .navbar-nav > li > a {
    padding: 28px 15px 27px 15px;
 }
}

/*# Bannière cookie */
#cookie-banner {
  font-size: 11px;
  margin: 6px 0;
  text-align: center;
  background-color:#FFF;
  height:30px;
  padding: 0 60px;
}

.cookiesNone {
  display:none;
}

a#cookiesClose {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 5px;
}