.contenuPage:not(#gabarit_mobile_contenuPage) { 
	padding:0 4px 5px;
	display: grid;
	grid-gap: 0 4px;
	grid-template-columns: auto 300px;
	grid-auto-rows: minmax(0, auto);
	align-items: center;
	grid-template-areas: 'annonce_article indexBox_menu' 
		'. indexBox_menu';
}

.contenuPage:not(#gabarit_mobile_contenuPage) article { position:relative; grid-area: annonce_article; align-self: start; }

.contenuPage:not(#gabarit_mobile_contenuPage) #colonneDroite { grid-area: indexBox_menu; align-self: start; }

.contenuPage#gabarit_mobile_contenuPage { padding:0; }

.dn { display:none; }

.dvp_loader {
	display:inline-block;
	margin-left:10px;
	width: 100px;
	height: 100px;
	border: 8px solid #486171;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	from { transform: rotate(0deg);   opacity: 0.4; }
	50%  { transform: rotate(180deg); opacity: 1.0; }
	to   { transform: rotate(360deg); opacity: 0.4; }
}

article > section {
	background: #fff;
	border: 1px solid #d7d9db;
	padding: 20px;
	margin-top: 10px;
}

h1 {
	color: #486171;
	margin-bottom: 30px;
	padding:0;
}

.contenuPage h2:first-of-type { padding-top:0; }

select { margin-bottom:30px; }

#users { text-align:center; }

#users > #liste { 
	padding:20px 0;
	text-align:left;
}

#users > #liste .bloc { 
	grid-column: span 3; 
	font-weight:bold;
	font-size:16px;
	border-bottom:1px #486171de dotted;
	color:#486171;
}

#users > #liste > div:not(.bloc) { 
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(0, auto);
	align-items: center;
	padding:20px 0 40px;
}

#users > #liste > div:not(.bloc) a {
	border: 1px solid #c8c8c8;
	padding: 5px;
	color: #313131;
	background: #dcdcdc;
	text-shadow: 0 0 1px #fff;
}

#users > span {
	display: block;
	text-align: right;
}

#users > #liste > div:not(.bloc) a:hover { 
	text-decoration:none;
}

.contenuPage#gabarit_mobile_contenuPage article > section { border:0; padding:0 10px; margin:0; }

.contenuPage#gabarit_mobile_contenuPage h1 { font-size:2rem; }

.contenuPage#gabarit_mobile_contenuPage .custom-select { margin-bottom:10px; }

.contenuPage#gabarit_mobile_contenuPage #users > #liste > div:not(.bloc) { grid-gap:10px; align-items:self-start; }

.contenuPage#gabarit_mobile_contenuPage #users > #liste > div:not(.bloc) a { overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }

.contenuPage#gabarit_mobile_contenuPage #users { margin-bottom:30px; }