p {
  margin: 0px 0px 0.5em !important;
}
.sidebar{
	font-size:16px;
}

.sidebar .sidebar-menu ul li{
		height: 25px;

}
.sidebar .sidebar-menu ul li a{
		color: #333;
		font-weight: bold;
		opacity: 0.8;
		text-transform: uppercase;

}
.sidebar .sidebar-menu ul li a:hover{
		color: #20AE54;
		opacity: 0.8;

}
.news-description{
	width: 300px;
}

/*******
	redlist page
*******/
.redlist-page .description{
	font-size: 18px;
	line-height: 1.5;
}
.family h3{
		padding-left: 210px;

}
.family p{
		margin: 0px;
		padding: 0px;
		font-size: 16px !important;
		font-weight: bold;
		line-height: 1.8;
		padding: 6px;
		border-bottom: 1px solid #e6e6e6;
}
.family p small{
  font-size: 14px;
}

.search-species{
	width: 100%;
	margin-top: -10px;
}
.category{
	color: #fff;
	min-width: 30px;
	min-height: 30px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	text-decoration: none;
	border-radius: 30px;
	margin-left: 40px;
	border: 1px solid #000;
	display: inline-block;
	font-size: 13px;
	float: right;
	margin-right: 10px;
}
.category.EN{
	 background-color:#ff5d12;

}
.category.LC{
	 background-color:#37997c;

}
.category.VU{
	 background-color:#ffc905;

}
.category.CR{
	 background-color:#ff0307;

}
.category.NT{
	 background-color:#779441;

}
.category.DD{
	 background-color:#c4cfcf;

}
.category.EW{
	 background-color:#060808;

}
.category.EX{
	 background-color:#000000;
	 color: #fc0000;

}
.category.EX{
	 background-color:#fcfcfc;
	 color: #000000;

}



/*******
	documents page
*******/
.document-page h3{
		text-align: center;
}

/*******
	project page
*******/

.project-page{
	font-size: 16px;
	line-height:1.5;
	box-shadow: 0 0 5px #ccc;
}
.project-page h3{
	margin-bottom: 30px;
	font-size: 26px;
}
.project-page .banner-full img{
	width:100%;
}
.project-page .banner-medium img{
	max-width: 50%;
	margin: 10px 10px 5px 0px;
}
.project-page .banner-center img{
	max-width: 40%;
	margin: 10px auto;
	display:block;
}
.project-page .banner-m img{
	max-width: 30%;
	float: left;
	margin: 10px 10px 5px 0px;
}

.slide-equipe img{
	float: left;
	margin: 5px 10px 5px 0px;
}
.project-page .bx-wrapper .bx-prev{
	left: -90px;
	background: url(images/icon-next-prev.png) no-repeat 0px 0px;
}
.project-page .bx-wrapper .bx-next{
	right: -85px;
	background: url(images/icon-next-prev.png) no-repeat -130px 0px;
}
.project-page .bx-wrapper .bx-controls-direction a{
	width: 70px;
	height: 100px;
	top: 35%;
}
.project-page .bx-wrapper .bx-pager{
	display: none;
}
.project-page .bx-wrapper .bx-viewport{
	/*box-shadow: 0 0 5px #ccc;*/
	/*border: 5px solid #fff;*/
}
.project-page .bx-wrapper img{
	max-height:300px;
}

.project-page .box-steps{
	margin-bottom: 50px;
	padding-left: 14%;
}

.project-page .box-steps .box{
	display: inline-block;
	width: 24% !important;
	padding: 0px;
	margin-bottom: 20px;

}
.project-page .box-steps .box h3{
	font-size: 16px;
	margin: 0px;
	padding-left:20px;
}

.project-page .box-steps .box-chart{
	border-radius: 100px;
	color: #fff;
	height: 110px;
	width: 110px;
	text-align: center;
	font-size: 30px;
	z-index:2;
	/*border: 4px solid #66FF66;*/
}
.project-page .box-steps .box .title-chart-one{
	padding-left:10px;
}
.project-page .box-steps .box.active .chart-layer{
	border-top:4px solid #20AE54;
	width: 100%;
	margin-top:-51px;
	display: block;
	z-index:0;
}
.project-page .box-steps .box.active .box-chart.chart{
	background-color: #20AE54;
	/*border: 4px solid #66FF66; */

}
.project-page .box-project{
		float: left;
		margin-bottom: 50px;
}
.project-page .box-project h4{
		font-size: 20px;
		border-bottom: 1px solid #333;
}
.project-page .box-project h4:hover{
		font-size: 20px;
		border-bottom: 1px solid #20AE54;
}
.project-page .box-project h4:hover a{
		color: #20AE54;
}
.project-page .box-project h4 a:hover{
		text-decoration: none;
}
.project-page .box-project .project-img{
		display: block;
		overflow: hidden;
		height: 230px;
		width: 220px;
		float: left;
		list-style: none;
		position: relative;
		margin-right: 20px;
		margin-bottom: 20px;
		border: 1px solid #333;
		padding: 0px;
}
.project-page .box-project .project-img img{
	display: block; /* Otherwise it keeps some space around baseline */
	width:220px;
	min-width: 100%;    /* Scale up to fill container width */
	min-height: 100%;   /* Scale up to fill container height */
	-ms-interpolation-mode: bicubic; /* Scaled images look a bit better in IE now */
}

/*.project-page .box-steps .box .title-chart{
	padding-left:40px;
}*/
.project-page .box-steps .box-chart.chart{
	background-color: #d9d9d9;
	z-index:3;
}
.project-page .box-steps .box .chart-layer{
	border-top:4px solid #d9d9d9;
	width: 100%;
	margin-top:-51px;
	display: block;
	z-index:0;
}

.project-page .box-steps .box strong{
	margin: 30px 0px 0px 9px;
	display: block;
	position: absolute;
	width: 90px;
	text-align: center;
	font-size: 16px;
	color:#666;
}
.project-page .box-steps .box strong.small{
	margin: 45px 0px 0px 9px;
}
.project-page .box-steps .box strong.big{
	margin: 23px 0px 0px 9px;
}
.project-page .box-steps  .box.active  strong{
	color:#333;
}

.box-section{
	margin-bottom: 100px;
}

/*******
	equipe page
*******/

.equipe-page .item{
	padding: 20px;
	margin: 20px 0px;
	float: left;
}
.equipe-page .item img{
	float: left;
	width: 200px;
	margin: 0px 10px 5px 0px;
	border: 4px solid #333;
}

.equipe-page .item h3{
	font-size: 22px;
	color: #333;
	margin: 0px;
}
.equipe-page .item h4{
	margin:5px;
}
.equipe-page .item p{
	font-size: 18px;
	line-height: 1.3;
	margin:0px 0px 10px 0px;

}
.equipe-page .item .area{
	font-size: 16px;
	text-align: center;
  font-style: italic;

}
.box-fb-img{
	display: block;
	overflow: hidden;
	width: 300px;
	height: 170px;
	list-style: none;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0px;
	border-radius:5px;
}
.box-fb-img img{
	display: block; /* Otherwise it keeps some space around baseline */
	width: 300px;
	min-width: 100%;    /* Scale up to fill container width */
	min-height: 100%;   /* Scale up to fill container height */
	-ms-interpolation-mode: bicubic; /* Scaled images look a bit better in IE now */
}

.item-red-list{
	float: none;
	width: 35px;
	height: 35px;
	padding-left: 8px;
	padding-right: 7px;
	padding-top: 7px;
	margin-left: 20px;
	font-weight: bold;
}

.item {
  min-height: 350px;
}

@media only screen and (max-width: 959px) and (min-width: 768px){
	#banner.banner-content{
		height: 10em;
	}
	.project-page .banner-medium img{
		max-width: 100%;
	}
	.project-page .banner-center img{
		max-width: 100%;
	}
}
@media only screen and (max-width: 768px){
	#banner.banner-content{
		height: 10em;
	}
	.project-page .banner-medium img{
		max-width: 100%;
	}
	.project-page .banner-center img{
		max-width: 100%;
	}
}