.BlocMenu{
	display 		: inline-block;
	width 			: 15%;
	height 			: 15%;
	margin 			: 1%;
	padding 		: 1%;
	border-radius 	: 19px;
    position		: relative;
    display			: block;
}

.BlocMenu img{
	width		: 100%;
}

.BlocMenu:hover{
	overflow : visible;
}

.BlocMenu p {
	display 	: none;
	position	: absolute;
	top			: 41%;
	left		: 0%;
	color		: #fff;
	margin 		: 1%;
	padding 	: 1%;
}
        
.BlocMenu:hover p {
	left		: 1%;
	display 	: block;
	font-size   : 0.719em;
	text-align  : justify;
}

        
.BlocMenu:hover .description{
	top	: 23%;
}

.BlocMenu .description{
        width			: 100%;
		min-height 		: 23px;
        height			: 9%;
        background		: rgba(0, 0, 119, 0.719);
		color 			: white;
        display			: block;
        position		: absolute;
        top				: 41%;
        left			: 0;
		text-align 		: center;
        transition		: all 0.3s ease-in-out;
		border-radius	: 19px;
		font-weight 	: bold;
		font-size 		: 1.19em;
}

.BlocMenu:hover .description{
	height 			: 77%;
	border-radius 	: 19px;
}
 
.menu {
	position 		: fixed;
	display 		: block;
	width			: 7%;
	top				: 0;
	left 			: 0;
}

.menu .description{
	color 		: rgba(0, 0, 0, 0);
	background 	: rgba(0, 0, 0, 0);
	font-size 	: 0.719em;
	width 		: 81%;
}

.menu a{
	display : block;
	width 	: 100%;
}

.menu .BlocMenu{
	width 	: 100%;
	margin 	: 0;
}

.menu a img{
	width : 61%;
}

.menu a .BlocMenu img{
	display : block;
}

.menu a .BlocMenu .description{
	display : block;
	text-align : center;
}

.menu a:hover .description {
	position 		 : absolute;
	top 			 : 0;
	color 			 : rgba(255, 255, 255, 1);
	background-color : rgba(0, 0, 129, 1);
}


a .BlocMenu{
	display : inline-block;
}

.role{
	border 		: 1px solid black;
	position 	: fixed;
	text-align 	: right;
	top 		: 0;
	right 		: 0;
}