/* E-Memoires */
body {margin:0; padding:0; background-color: #c99a9a;
background:#ffffff url(../img/nav/fond.gif) center top;
} 

/* Links */
a {color:#21708F; text-decoration:none;}
a:hover {color:#21708F; text-decoration:underline;}

/*Floating images*/
.pull-left .img-thumbnail, img.pull-left {margin:8px 10px 8px 0;}
.pull-rigth .img-thumbnail, img.pull-rigth {margin:8px 0 8px 10px;}


/* Navigation */
#pagein {position: relative; width:100%; max-width:1260px; margin:0 auto;
    -webkit-box-shadow: #000000 0 0 0.625em;
    -moz-box-shadow: #000000 0 0 0.625em;
    box-shadow: #000000 0 0 0.625em;
    background-color: white;
}

#navigation {width:100%}
#bandeau {height:160px}
/*#bandeau header { background: #973232 url('../img/banner_bicfb.gif') bottom left no-repeat;}*/
#bandeau header { 
background: url('/static/img/nav/header.png') repeat-x scroll center bottom transparent;
}
#outils {color:#ffffff; position:absolute; right:1.25em; top:0.625em;}
#outils a {color:#ffffff}
#outils a:hover {color:rgb(66, 139, 202)}
#outils a.actif {color:rgb(66, 139, 202); font-weight:bold;}
#outils a.drapeau {margin-left:0.625em}

#login-welcome {position: relative; top: 30px;}

/* Content */
#main-content {width:100%; background:#fff; margin-bottom:1.25em; text-align:left;}

/* Footer */
footer {color:#fff; background-color:#272324; margin-bottom:20px; padding-top:20px; padding-bottom:20px;}
footer a:link {color:#FFFFFF;text-decoration: none;}
footer a:visited {color:#FFFFFF;text-decoration: none;}
footer a:hover {color:rgb(42, 100, 150);}

#logo {position:absolute; top:0px; left:29px}
#logo a{display:block; width:180px; height:114px; color:#fff; font-weight:bold; font-size:14px; text-decoration:none; padding-left:250px; padding-top:25px;background:url(/static/img/logo.png) no-repeat;}

#navbar ul li {margin:0.35em 0.2em 0.5em 0.35em;}

/* Navigation bar */
.navbar-brand {
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar {
    z-index: 90;
    margin-bottom: 0px;
    min-height: 20px;
    border-radius: 0px;
}

.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 2px;
}

.nav-custom {border-bottom: none;}
.nav-custom .tab {margin-top:5px;}
.nav-custom .tab a {color:#7A7C7C; font-weight: bold;}
.nav-custom .tab a:hover {color:inherit;}
.nav-custom .active a {color: #333;}

.search-form { margin-top:10px; margin-bottom:10px;}

.navbar-toggle {padding: 6px 10px;}

.navbar-inverse .navbar-nav > li > a {color:#CFD2D2;}

.focus-col-img {padding-left: 5px; padding-right: 5px;}

.focus-col { padding-left: 5px; padding-right: 5px;}
.panel .panel-heading-nav {padding-top: 0px;padding-bottom: 0px;}

.selectpicker {padding:4px 12px;}

.tt-hint {font-size:inherit;}

/* News */
.newsentry { margin:10px; padding-bottom:10px;}
.newsentry h1, .newsentry h1 * {color:#21708F; font-size:22px;}
.newsentry h2, .newsentry h2 * {color:#21708F; font-size:18px;}
.newsentry h3 {padding:5px; border-bottom:solid 1px #eeeeee; border-top:solid 1px #eeeeee;}
.newsentry .meta {color:#888888; font-size:80%; margin:2px;}
.newsentry ul {overflow:hidden;}
@media (max-width: 767px) {
.newsentry .thumb .img-thumbnail {height:90px;width:90px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.newsentry .thumb .img-thumbnail {height:100px;width:100px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.newsentry .thumb .img-thumbnail {height:120px;width:120px;}
}
@media (min-width: 1200px) {
.newsentry .thumb .img-thumbnail {height:120px;width:120px;}
}

/* adaptative iframe : keep aspect ratio [default 4:3 aspect ratio (75%)] */
#iframe-container {display:inline-block; position:relative; width:100%;}
#iframe-dummy {padding-top:75%;}
#iframe-element {position:absolute; top:0; bottom:0; left:0; right:0;}

/* Multi-level navbar*/
.nav li.dropdown ul.dropdown-menu li:hover ul
{display:block;
 position:absolute;
 left:100%;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
.nav li.dropdown ul.dropdown-menu ul
{display: none;
 float:right;
 position: relative;
 top: auto;
 margin-top: -30px;
}
.nav li.dropdown ul.dropdown-menu .dropdown-menu::before
{content: '';
 display: inline-block;
 border-top: 7px solid transparent;
 border-bottom: 7px solid transparent;
 border-right:7px solid #CCC;
 border-right-color: rgba(0, 0, 0, 0.2);
 position: absolute;
 top: 9px;
 left: -14px;
}
.nav li.dropdown ul.dropdown-menu .dropdown-menu::after
{content: '';
 display: inline-block;
 border-top: 6px solid transparent;
 border-bottom: 6px solid transparent;
 border-right:6px solid white;
 position: absolute;
 top: 10px;
 left: -12px;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/* Facet */
#facets div.facet {padding:0;}
#facets .facet-title {cursor: pointer; text-decoration:none; font-weight:bold;}
#facets .facet-title a:hover {text-decoration:none;}
#facets .facet-item {padding:0px 4px;}
#facets .facet-item .badge {margin-top:4px;}
#facets .facet-item-value {font-weight:normal;}
#facets .facet-label {display:block; white-space:normal; text-align:left; margin-bottom:5px; font-size:12px;}
#facets .facet-label a:link {color:inherit;}

.facet-label {
    display: block;
    white-space: normal;
    text-align: left;
    margin-bottom: 5px;
    font-size: 12px;
}

.facet-label a:link {
    color: inherit;
}

.facet-label a:visited {
    color: inherit;
}

.facet-label a:hover {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
}

a.link {
    cursor: pointer;
}

h1, h2, h3 {font-weight:600;}

footer #homepage-logo-ulg {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 0px;
    right: 30px;
    background-image: url('../img/ulg.png');
    background-repeat: no-repeat;
}

/* Carousel */
#news-headline {
	margin-top: 2px;
	margin-bottom: 20px;
}
.carousel {border:solid 1px #dddddd;}

.carousel-caption {
    background-color: #000;
    opacity: 0.70;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 40%;
    padding-top: 0px;
}

.carousel-caption h3 {
    font-size: 1.5vw;
    margin-top: 5px;
    margin-bottom: 5px;
}

.carousel-caption p {
    font-size: 0.9vw;
}

.carousel-indicators {
    bottom: 0%;
    width: 200px;
    margin-left: 0px;
    left: 0px;
    text-align: left;
    padding-left: 20px;
    opacity: 0.6;
}

.row .firstRow .hiddenOnFirstRow{display:none;}
.row .showOnFirstRow{display:none;}
.row .firstRow .showOnFirstRow{display:inherit;}
.row .lastRow .hiddenOnLastRow{display:none;}
.row .showOnLastRow{display:none;}
.row .lastRow .showOnLastRow{display:inherit;}

/* Feedback widget */
div#widget-feedback {
    padding: 5px;
    position: fixed;
    top: 40%;
    right: 0%;
    background-color: #F68212;
    border-radius: 5px 0px 0px 5px;
    z-index: 90;
}

/* Printing rules */
@media print {
  a[href]:after {
    content: none !important;
  }
  
  abbr[title]:after {
    content: none !important;
  }
  
  /*.tab-content > .tab-pane {display: block !important; opacity: 1 !important;}*/
  div#details { display: block !important; opacity: 1 !important;}
  div#abstract { display: block !important; opacity: 1 !important;}
  div#fulltext { display: block !important; opacity: 1 !important;}
  
  h3.item-title {
      font-size: 16px;
  }
  
  blockquote.citation {
      font-size: 13px;
  }
  
  .panel-print {
      font-size: 12px;
  }
  
  .panel-print .panel-title {
      font-size: 13px;
  }
}

  label.label-required {
      color: #F68212;
  }
  
  .list-group-item {
      overflow: hidden;
  }
  
  .list-group-item .ellipsis {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; 
  }
  
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
      cursor: default;
      background-color: #EEE;
      opacity: 1;
}