#lexique-index ul{
	margin: 50px 0 50px 0;
}

#lexique-index ul li {
	box-sizing: border-box;
  	display: inline-block;
  	position: relative;
  	margin-bottom: 10px;
  	width: 50px;
  	height: 50px;
}

#lexique-index ul li:not(:last-child){
	margin-right: 10px;
}

#lexique-index ul li span{
	position: absolute;
	display: block;
	top: 0; right: 0; bottom: 0; left: 0;
	cursor: pointer;
	border: 1px solid #00aec8;
	background-color: #ffffff;
	color:#00aec8;
	border-radius: 2px;
	/* font-family: "Raleway", sans-serif; */
	font-size: 16px;
	line-height: 50px;
	text-align: center;
}

#lexique-index ul li.disable-index span{
	position: absolute;
	display: block;
	top: 0; right: 0; bottom: 0; left: 0;
	cursor: initial;
	border: 1px solid #BBBBBB;
	background-color: #EBEBEB;
	color: #BBBBBB;
	border-radius: 2px;
	/* font-family: "Raleway", sans-serif; */
	font-size: 16px;
	line-height: 50px;
	text-align: center;
}

#lexique-index ul li.disable-index span:hover{
	border: 1px solid #BBBBBB;
	background-color: #EBEBEB;
	color: #BBBBBB;
	font-weight: normal;
}


#lexique-index ul li span:hover, #lexique-index .active-index span{
	color: #ffffff;
	background-color: #247dcb;
	border-color: #247dcb;
	font-weight: bold;
}

#lexique-list ul{
	overflow: hidden;
	margin: 0;
	height: 0;
	transform: scaleY(0);
	-webkit-transition: transform 1s, height 1s;
  	transition: transform 1s, height 1s;
}

#lexique-list .lexique-first-letter{
	/* font-family: "Raleway", sans-serif; */
	font-size: 50px;
	color: #247dcb;
}

#lexique-list ul.active-item{
  transform: scaleY(1);
  height: auto;
  -webkit-transition: transform 0.5s, height 0.5s;
	transition: transform 0.5s, height 0.5s;
	list-style-type: none;
}

#lexique-list h3{
	/* font-family: "Raleway", sans-serif; */
	font-size: 30px;
	color: #00aec8;
	font-weight: bold;
	margin-bottom: 10px;
}

#lexique-list p{
	/* font-family: "Source Sans Pro", sans-serif; */
	color: #232323;
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 30px;
}

@media (max-width: 767px){
	#lexique-index ul{
		margin: 0 0 25px 0;
	}

	#lexique-index ul li {
		box-sizing: border-box;
	  	display: inline-block;
	  	position: relative;
	  	margin-bottom: 10px;
	  	width: 35px;
	  	height: 35px;
	}

	#lexique-index ul li span, #lexique-index ul li.disable-index span{
		line-height: 35px;
	}

}