body {
	color: #71128e !important;
	font-size:12px;
	font-family: Arial, sans-serif;
	counter-reset: page;
}

@media print {
	.formulaire-to-print .interview-element {
		margin:0;
		position:relative;
		counter-increment: page;
	}

	.formulaire-to-print .section-container:after
	{
		display: block;
		text-align: right;
		content: "ÉTATS GÉNÉRAUX DU NUMÉRIQUE POUR L’ÉDUCATION : Partie " counter(page) " / 3";
		color: #000;
		text-align:right;
		border-top:1px solid #000;
		padding:4px 0;
		margin: 0;
		width:100%;
		height:22px;
	}
}


.formulaire-to-print .sectionTitles{
	width:100%;
	margin:3em 0;
}

.formulaire-to-print .sectionTitles td {
	width:33.33%;
	table-layout: fixed;
	background: #e3cee8;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
	font-size:16px;
	padding: 1.5em;
	text-align: center;
	vertical-align: middle;
}

.formulaire-to-print .sectionTitles td.active {
	background: #71128e;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
	color: #fff;
}

/* Pour cacher la quatrième partie */
.formulaire-to-print .sectionTitles td[data-index='4'],
.formulaire-to-print .interview-element[id^='section-']:nth-child(4){
	display : none;
}

.formulaire-to-print .interview-element[id^=section-]{
	break-inside : avoid;
}

.formulaire-to-print div.subpart{
	border : 1px solid #71128e;
	border-radius : 0px;
	padding : 0;
	margin-bottom : 30px;
	position : relative;
	break-inside : avoid;
}

.formulaire-to-print div.subpart h2{
	display : inline-block;
	width : 100%;
	text-align : center;
	padding: 0 10px;
	line-height : 30px;
	background-color : #71128e;
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
	color:#ffffff !important;
	margin : 0;
	font-size : 15px;
	box-sizing : border-box;
}

.formulaire-to-print .subpart >div{
	margin: 0;
	padding : 1.5em 1.5em;
}