.calendrier_inscription_acte_patient{
	margin-top:20px;
  display: grid;
	width:100%;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap:10px;
	grid-row-gap:10px;
}

.calendrier_inscription_acte_patient div{
	border:1px solid #000;
	padding:1px;
  display: grid;
	grid-column-gap:1px;
	grid-row-gap:1px;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.calendrier_inscription_acte_patient div>*{
	text-align:center;
}

.calendrier_inscription_acte_patient b{
	font-size:20px;
  grid-column-end: span 7;
	padding:0.2em 1ex;
}

.calendrier_inscription_acte_patient a{
	position:relative;
	border:1px solid #669b28;
	color:#fff;
	background:#8BC34A;
	padding:2px;
}

.calendrier_inscription_acte_patient a:hover{
	background:#669b28;
}

.calendrier_inscription_acte_patient a.premier:after{
	content:" ";
	position:absolute;
	top:0;
	bottom:0;
	left:100%;
	width:10px;
	height:100%;
	z-index:10;
	border-left:10px solid #669b28;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-right:0 solid transparent;
}

.calendrier_inscription_acte_patient a.actif:not(.intermediaires) , .calendrier_inscription_acte_patient a.intermediaires_actif{
	border:1px solid #bc2116;
	color:#fff;
	background:#F44336;
}

.calendrier_inscription_acte_patient a.actif:not(.intermediaires):hover{
	background:#c90000;
}

.calendrier_inscription_acte_patient a.actif.premier:after{
	border-left-color:#bc2116;
}

@media screen and (max-width:1300px) {
	
	.calendrier_inscription_acte_patient{
		grid-template-columns:1fr 1fr 1fr 1fr;
	}
	
}

@media screen and (max-width:950px) {
	
	.calendrier_inscription_acte_patient{
		grid-template-columns:1fr 1fr 1fr;
	}
	
}

@media screen and (max-width:700px) {
	
	.calendrier_inscription_acte_patient{
		grid-template-columns:1fr 1fr;
	}
	
}

@media screen and (max-width:500px) {
	
	.calendrier_inscription_acte_patient{
		grid-template-columns:1fr;
	}
	
}