html,
body {
    height: 100%;
	font-size:16px;
	font-family: Verdana;
}
body,#menu-principal {
	margin-top: 50px;
}
#menu-principal {
	position: fixed;
}
.navbar {
  background: rgba(0,0,0,0.85);
}

header.carousel {
    height: 60%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size:100% 100%;
}
.gap{
	margin-top:15px;
}
#jara .panel-body, #ouvrages .panel-body
{
	height:400px;
}
/*#jara object{
	width:100%;
	height:100%;
}*/
#seminaires .panel-body
{
	height:220px;
}
.f-2x {
	font-size: 2em
}
.f-3x {
	font-size: 3em
}
.f-4x {
	font-size: 4em
}
.f-5x {
	font-size: 5em
}
footer{
	height:25%;
	margin-top:50px;
	margin-bottom:50px
}
.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 0;
	right: 20px;
	display:none;
	color: #333;
	background-color: transparent;	
}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.hovereffect .overlay {
  color: #fff;	
  
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(460px, -100px) rotate(180deg);
  -ms-transform: translate(460px, -100px) rotate(180deg);
  transform: translate(460px, -100px) rotate(180deg);
  -webkit-transition: all 0.2s 0.4s ease-in-out;
  transition: all 0.2s 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
#nouveaute .panel-body{
	max-height:90%;
	overflow:auto;
}
#nouveaute .row{
	margin:0.5px;
	text-align:left;
}
#nouveaute img{
	width	:90%;
	height	:90%;

}
#ouvrages object{
	width:100%;
	height:100%;
}
.ul > li, .ol > li{
	margin:14px;
	line-height:1.5;
}
.scroll{
	text-align:right;
	max-height:535px;
	overflow:auto;
	
	}
.hauteur-db{
	max-height:100px;	
	}

#barre-fixe{
	position: fixed;
	width: 1046px;
	height: 102px;
	position: absolute;
	top: 1882px;
	bottom: 0px;
	left: 60px;
}
.container1 {
	height:550px;
	padding-right: 70px;
	padding-left: 70px;
	margin-right: auto;
	margin-left: auto
}
.container-page{
	height:none;	
	padding-right: 50px;
	padding-left: 50px;
	margin-right: auto;
	margin-left: auto
	}
p { 
  text-indent: 0.5em; 
  }
	
.tables {
	border-collapse: collapse;
}
.tables td {
	border: 1px solid #EEEEEE;
	padding: 5px;
}
.table-titre {
	font-weight: bold;
	text-align: center;
}	


.image {
	padding: 1px;
	height: 200px;
	width: 250px;
	float: right;
	background-repeat: no-repeat;
	border: 2px solid #FFFFFF;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	clear: both;
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
}

.mini-image {
	padding: 1px;
	height: 140px;
	width: 150px;
	float:none
	
	background-repeat: no-repeat;
	border: 2px solid #FFFFFF;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	clear: both;
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3);
}
.image > div {
	margin-top: 147px;
	padding: 2px;
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
	color: #FFF;
	height: 48px;
	width: 245px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
.centerdiv {
	margin-left: auto;
	margin-right: auto;
}