/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
	ul.liste-taches {
		max-width: 500px;
		background: #fff;
		color: #325ea8;
		overflow: auto;
		max-height: 66vh;
		padding: 0 0 33px 33px;
	}
	ul.liste-taches li {
		border-bottom: 1px solid deepskyblue;
		border-left: 1px solid #fe3333;
		padding: 7px;
		list-style: circle;
		position: relative;
	}
	ul.liste-taches li.inactif {
		list-style: disc;
	}
	ul.liste-taches li#modification { list-style: disc; }
	ul.liste-taches li div.pointache {
		width: 66px;
		text-align: right;
		padding-right: 7px;
		position: absolute;
		right: 11px;
	}
	ul.liste-taches a {
		color: #325ea8;
	}
	ul.liste-taches li div.desctache {
		color: #666;
		padding-bottom: 4px;
		max-width: 75%;
	}
	ul.liste-taches li div.parquitache {
		color: #fff;
		display: none;
	}
	.btn-complete { 
		position: absolute;
		right: 11px;
		bottom: 11px;
		padding: 0 7px;
		background: #325ea8;
		border: 1px solid #325ea8;
		border-radius: 3px;
	}
	.btn-complete:hover { 
		background: #fff;
	}
	ul.liste-taches a.btn-complete { color: #fff; }
	ul.liste-taches a.btn-complete:hover { color: #325ea8; }
	.inactif div a, .inactif div.pointache { text-decoration: line-through; }
	.inactif div.completertache { display: none; }
	ul.liste-taches li.inactif div.desctache { padding-bottom: 0; }
	.hide { display: none; }

	ul li div a { text-decoration: none; }
	.completepar { border: 1px solid #325ea8; border-radius: 3px; padding: 4px; width: fit-content; }
	.completepar div { list-style: none; display: flex; background: #fff; padding: 0 2px; }
	.completepar div div a { padding: 0 7px; border-right: 1px solid #325ea8; }
	.completepar div div:last-child a { border-right: 0px; }
	.completepar div div a:hover { background-color: #325ea8; color: #fff; border-radius: 3px; }

	ol.liste-score { max-width: fit-content; }
	ol.liste-score li.un { color: gold!important; }
	ol.liste-score li.deux { color: silver!important; }
	ol.liste-score li.trois { color: #CD7F32!important; }

	ul.liste-recompenses { max-width: fit-content; }
	@media (max-width: 800px) {
		.btn-complete.popped { bottom: 55px; }
		.desctache.popped {  }
		ul.liste-taches li div.desctache { padding-bottom: 44px; max-width: 100%; }
	}