.honeycombs{
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

.honeycombs .inner_link{
	display: block;
	position: absolute;
	z-index:99;
	height: 100%;
	width: 100%;
	background-color: #17568c;
	font-family: sans-serif;
	color: #fff;
	text-decoration: none;
}
.honeycombs .inner-text{
	top: 50%;
	margin-top:-27.5px;
	left: 50%;
	display: block;
	position: absolute;
	margin-left: -27.5px;
	background:url("../images/icon-loupe.png")no-repeat;
	width:55px;
	height:55px;
}

.honeycombs .honeycombs-inner-wrapper{
	display: inline-block;
	overflow: hidden;
	width: 700px;
	position: relative;
	height: 1200px;
}

.honeycombs .comb{
	position: absolute;
	display: inline-block;
}

.honeycombs .hex_l,
.honeycombs .hex_r{
	overflow: hidden;
	position: absolute;
	/* -webkit-backface-visibility: hidden; */
}

.honeycombs .hex_l{
	visibility: hidden;
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	
	transform: rotate(60deg);
}

.honeycombs .hex_r{
	visibility: hidden;
	-moz-transform: rotate(-120deg);
	-ms-transform: rotate(-120deg);
	-o-transform: rotate(-120deg);
	-webkit-transform: rotate(-120deg);
	
	transform: rotate(-120deg);
}

.honeycombs .hex_inner{
	display: block;
	visibility: visible;
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	
	transform: rotate(60deg);
	background:#a1c5db;
	background-position: center;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	
	cursor: pointer;
	
}

.honeycombs .hex_inner p 
{
	display: block;
	position: absolute;
	bottom:20%;
	width:100px;
	left:50%;
	margin-left:-50px;
	font-weight: 800;
	font-size: 0.8em;
	line-height: 1.2em;
	text-transform: uppercase;
	color: #17568c;
	text-align: center;
}
.export-paye .hex_inner p
{
	bottom:15%;
}
.export-paye .hex_inner p:after
{
	position: absolute;
	display: block;
	content:"";
	background-image:url("../images/icon-export-paye.png");
	width:50px;
	height:50px;
	top:-65px;
	left:50%;
	margin-left:-25px;
}

.gestion-conges .hex_inner p:after
{
	position: absolute;
	display: block;
	content:"";
	background-image:url("../images/icon-conges-paye.png");
	width:50px;
	height:50px;
	top:-65px;
	left:50%;
	margin-left:-25px;
}

.gestion-conges .hex_inner p
{
	bottom:10%;
}

.gestion-salles .hex_inner p:after
{
	position: absolute;
	display: block;
	content:"";
	background-image:url("../images/icon-gestion-salles.png");
	width:50px;
	height:50px;
	top:-65px;
	left:50%;
	margin-left:-25px;
}

.gestion-salles .hex_inner p
{
	bottom:2.5%;
}

.ticket-resto .hex_inner p:after
{
	position: absolute;
	display: block;
	content:"";
	background-image:url("../images/icon-ticket-resto.png");
	width:50px;
	height:50px;
	top:-65px;
	left:50%;
	margin-left:-25px;
}

.ticket-resto .hex_inner p
{
	bottom:10%;
}

.web-services .hex_inner p:after
{
	position: absolute;
	display: block;
	content:"";
	background-image:url("../images/icon-web-services.png");
	width:50px;
	height:50px;
	top:-65px;
	left:50%;
	margin-left:-25px;
}

.gestion-presence .hex_inner p:after
{
	position: absolute;
	display: block;
	content:"";
	background-image:url("../images/icon-gestion-presence.png");
	width:50px;
	height:50px;
	top:-65px;
	left:50%;
	margin-left:-25px;
}

.gestion-presence .hex_inner p
{
	bottom:10%;
}

.gestion-projets .hex_inner p:after
{
	position: absolute;
	display: block;
	content:"";
	background-image:url("../images/icon-gestion-projet.png");
	width:50px;
	height:50px;
	top:-65px;
	left:50%;
	margin-left:-25px;
}

.gestion-projets .hex_inner p
{
	bottom:10%;
}


.note-frais .hex_inner p:after
{
	position: absolute;
	display: block;
	content:"";
	background-image:url("../images/icon-note-frais.png");
	width:50px;
	height:50px;
	top:-65px;
	left:50%;
	margin-left:-25px;
}