body{counter-reset: h2 h3 tableau li1 li2;}

div.regles div.niveau1 {
	counter-reset:h3 tableau;
}
	div.regles h2:before {
	  content: counter(h2) "  ";
	  counter-increment:h2;
	}
	
div.regles h3:before {
	content: counter(h2) "." counter(h3) "  ";
	counter-increment:h3;
}

.dl-horizontal dt {
	text-overflow: clip;
	white-space: inherit;
}

/*li.niveau1 {
	counter-reset:li2;
}
	li.niveau1 a:before  {
		content: counter(li1) "  ";
		counter-increment:li1;
	}
	li.niveau2 a:before  {
		content: counter(li1) "." counter(li2) "  ";
		counter-increment:li2;
	}*/

div.regles caption {
	text-decoration: underline;
	font-weight:bold;
	font-size:0.8em;
}
	div.regles caption:before {
		content: "Tableau " counter(h2) "-" counter(tableau) " : ";
		counter-increment:tableau;
	}

div.regles li {
	list-style-type:none;
	position:relative;
}
div.regles li:before {
	content:"• ";
	font-size:2em;
	position:absolute;
	top:-0.4em;
	left:-0.5em;
}

div.modification {
	margin: 0.25em -0.5em;
	border: #777 0.2em dashed;
	background-color:#eee;
	color: #555;
	padding:0.3em;
	border-radius:0.5em;
}
	
	div.modification>h1:after, 
	div.modification>h2:after, 
	div.modification>h3:after, 
	div.modification>h4:after, 
	div.modification>h5:after, 
	div.modification>h6:after{
		margin-left:0.5em;
		content:"(à modifier)";
		color: #777;
		font-size:0.85em;
		font-weight:bold;
	}
	div.modification li:before {
		color: #777;
	}
div.optionnel {
	margin: 0.25em -0.5em;
	border: #5bc0de 0.2em solid !important;
	background-color:#d9edf7;
	background-image:none !important;
	padding:0.3em;
	border-radius:0.5em;
}
	div.optionnel h1:after, 
	div.optionnel h2:after, 
	div.optionnel h3:after, 
	div.optionnel h4:after, 
	div.optionnel h5:after, 
	div.optionnel h6:after{
		margin-left:0.5em;
		content:"(Optionnel)";
		color: #5bc0de;
		font-size:0.85em;
		font-weight:bold;
	}
	div.optionnel li:before {
		color: #5bc0de;
	}
div.exemple {
	margin: 0.25em -0.5em;
	border: #5cb85c 0.2em solid !important;
	background-color:#dff0d8;
	background-image:none !important;
	padding:0.3em;
	border-radius:0.5em;
}
	div.optionnel div.exemple {
		margin: 0.25em -0.2em;
	}
	div.exemple:before{
		content:"Exemple";
		display:block;
		color: #5cb85c;
		font-size:1.2em;
		font-weight:bold;
	}
	div.exemple li:before {
		color: #5cb85c;
	}