@charset "UTF-8";

div.home-rubrique{
    width:                  auto;
	margin-bottom: 			95px;
}

div.home-rubrique .editor-container{
	padding-bottom: 		0;
}

div.home-rubrique li{
    text-align:             center;
	width: 					16.5%;
	float: 					left;
}

div.home-rubrique li a{
    text-decoration:        none;
	cursor: 				default;
}

div.home-rubrique li .photo{
    width: 					160px;
	height: 				160px;
	margin: 				auto;
	display: 				flex;
	flex-direction: 		column;
	justify-content: 		center;
	background: 			#ffffff;
	transition: 			all 0.3s;
	margin-bottom: 			0;
	max-width: 				100%;
}

div.home-rubrique li .photo img{
	max-width: 				100%;
	margin: 				auto;
}

div.home-rubrique li h3{
	font-size: 				1vw;
	font-weight: 			500;
	color: 					#26445f;
	text-transform: 		uppercase;
	text-align: 			center;
	font-family: 			Montserrat, Arial;
	margin: 				0;
	height: 				90px;
	display: 				flex;
	flex-direction: 		column;
	justify-content: 		center;
}

div.home-rubrique li .description{
	margin: 				0 auto 35px;
	padding: 				0;
	width: 					100%;
    box-sizing: 			border-box;
	text-align: 			center;
	color: 					#181818;
}

div.home-rubrique li a .mask{
	opacity: 				0;
	position: 				absolute;
	width: 					100%;
	height: 				100%;
	left: 					0;
	top: 					0;
	z-index: 				10;
	background-size: 		cover;
	background-repeat: 		no-repeat;
	background-position: 	center;
	transition: 			all 0.3s;
}

div.home-rubrique li a .editor-button{
	background-color: 		#26445f;
}

div.home-rubrique li a .editor-button:hover{
	background-color: 		#365e82;
}