/*--------------------------------------------------------------
#  Event box Section
--------------------------------------------------------------*/
.flex-eve-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    justify-content: center;
}

.eve-box {
	width: 360px;
	margin: 10px;
	min-width: 200px;
	background-color: #fff;
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
}	
.eve-header {
	background-color: var(--color1);
	position:relative;
}
.eve-title {
	position:relative;
	text-align: center;
	font-weight: 400;
	/* font-size: 18px; */
	padding: 10px;
	color: #fff;
	width: 100%;
}
.eve-content {
	text-align: center;
	font-weight: 400;
	padding: 10px;
	color: #000;
	position:relative;
}
.eve-logo {
	position:absolute;
	text-align:left;
	margin: 7px;
}
.admissible-pro {
	color:var(--color10);
	font-weight:bold;
}
.eve-info {
    position: absolute;
	transform:rotate(-45deg);
    right:5px;
	bottom:10px;
}
.eve-content .petit-texte {
	font-size: 0.7em;
}
.eve-content .btn {
	font-size:1em;
}

/* .eve-box .eve-dot { */
	/* height: 15px; */
	/* width: 15px; */
	/* background-color: #838; */
	/* border-radius: 50%; */
	/* display: inline-block; */
	/* float: left; */
    /* margin: 7px; */
/* } */

.heures-formation {
	display: grid; /* grid containers */
	/* grid-template-columns: repeat(5, 1fr); /* four columns */
	grid-template-columns: repeat(auto-fit, 1fr);

	grid-template-rows: repeat(6, 1fr); /* four rows */
	grid-auto-flow: column; /* in column direction */
	border: 1px solid black;
}

.heures-col {
	display: contents; /* the child elements would be grid items */
	border: 1px solid black;
}

.heures-cell {
	border: 1px solid black;
	padding: 5px;
	text-align:center;
}
.heures-header {
	background-color: var(--color1);
	color:#fff;
}
.heures-total {
	background-color: var(--color9);
	color:#fff;
}



@media screen and (max-width: 480px) {
    .eve-box {
		width: 100%;
    }
	.heures-cell {
		font-size:0.7em;
	}
}