.container-global-histo {
	background: #fff none repeat scroll 0 0;
    border: 1px solid rgb(243, 243, 243);
    box-shadow: 3px 0px 0px 0 rgb(243, 243, 243);
    display: inline-block;
    height: 420px;
    overflow-y: hidden;
    position: absolute;
    top: -50px;
    z-index: 10;
}

.container-global-histo ul {
	margin-top: 0;
}

#list-histo {
	position: relative;
	width: 87%;	
}

.container-global-histo ul li {
	height: 105px;
	border-right: 3px solid #2c436f;
	padding: 15px 35px 15px 15px;
	position: relative;
}
.container-global-histo ul li.element-histo {
-o-transition: all 0.30s ease; -webkit-transition: all 0.30s ease; -moz-transition: all 0.30s ease; transition: all 0.30s ease;
}

.arrow_up, .arrow_down  {
	background: #2c436f none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    padding: 10px;
}

.arrow_up {
	left: 39%;
	width: 60px;
    position: absolute;
    top: -95px;
	cursor: pointer;
}

.arrow_down {
	left: 39%;
    position: absolute;
    top: 369px;
	cursor: pointer;
	padding-bottom: 5px;
}

.year-histo {
	font-family: "robotobold";
	color:#9e9e9e;
	font-size:13px;
	text-align: right;
}

.title-histo {
	font-family: "ralewaylight";
	color:#2c436f;
	font-size:16px;
	text-align: right;
}

.point-histo {
	background: #fff none repeat scroll 0 0;
    border-radius: 60px;
    display: inline-block;
    height: 26px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: 15px;
    width: 26px;
}

.point-histo img {
	width:11px;
	height: auto;
}

.element-histo:hover  {
	background:#0072b9;	
	cursor: pointer;
}

.element-histo:hover .year-histo, .element-histo:hover .title-histo {
	color:#fff;
}


.element-histo.active  {
	background:#0072b9;	
	cursor: pointer;
}

.element-histo.active .year-histo, .element-histo.active .title-histo {
	color:#fff;
}

.yearhisto {
	font-family: "robotobold";
	color:#9e9e9e;
	font-size:13px;
}

.titlehisto {
	font-family: "ralewaylight";
	color:#2c436f;
	font-size:16px;
	margin-bottom: 15px;
}

.imghisto {	
    width: 25%;  
    margin-right: 15px;   
    float:left;
    min-height: 110px;
}

.imghisto img {
	width: 100%;
}	

.txthisto {
	font-family: "robotoregular";
	color:#2c436f;
	font-size:15px;	
	float:left;
	width: 70%;
}

.col-histo {
	width: 40% !important;
}

.col-histo-infos {
	width: 60% !important;
	border: 1px solid #ededed;
	padding: 15px 30px;
}
.col-histo-infos h2 {
	margin: 10px 0 15px;
}

.separator-history {
	margin: 15px auto;
}