@media only screen and (min-width: 1500px) {
		
}
@media only screen and (min-width: 1200px) {
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.choixetablissement { width:250px;}
}

@media only screen and (min-width: 768px) {
	.d-md-flex { display: flex; gap: 1em;}
	/*ul#listprestations li { width: 48%;}*/
}

@media only screen and (max-width: 767px) {
	.d-sm-flex { display: flex;}
	.boxpopup { max-width: 700px;}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	.choixetablissement { width:302px;}
	#mainnavigation { width:160px; margin:55px auto 0; height:54px;}
	#mobilemenu { width:78px; margin:8px auto; float:none;}
	#menu-principal { width:150px; background:#fafafa; position:relative; z-index:99;}
	#usernavigation { padding-top:4px;}
	ul#usermenu { margin:0 -15px 0;}
	#usermenu li { float:left;}
	a.iprofil, a.ihistorique, a.ideconnexion { background-position:15px 40%;}
	a.iprofil:hover, a.ihistorique:hover, a.ideconnexion:hover { background-position:15px 40%;}
	.indicateur { display:none;}
	.boxpopup { max-width: 640px;}
}

@media only screen and (min-width: 520px) and (max-width: 639px) {
	.choixetablissement { width:302px;}
	.boxpopup { max-width: 520px;}
}

@media only screen and (max-width: 520px) {
	.hidden-ex { display:none;}
	.boxpopup { max-width: 320px; height: 350px;}
	.ietapeposition span { font-size: 14px;}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	.choixetablissement { width:302px;}
	#mainnavigation { width:160px; margin:55px auto 0; height:54px;}
	#mobilemenu { width:85px; margin:8px auto; float:none;}
	#menu-principal { width:150px; background:#fafafa; position:relative; z-index:99;}
	#usernavigation { padding-top:4px;}
	ul#usermenu { margin:0 -15px 0;}
	#usermenu li { float:left;}
	a.iprofil, a.ihistorique, a.ideconnexion { background-position:15px 40%;}
	a.iprofil:hover, a.ihistorique:hover, a.ideconnexion:hover { background-position:15px 40%;}
	.indicateur { display:none;}
}

@media only screen and (max-width: 479px) {
	.choixetablissement { width:302px;}
	#mainnavigation { width:160px; margin:55px auto 0; height:54px;}
	#mobilemenu { width:90px; margin:8px auto; float:none;}
	#menu-principal { width:150px; background:#fafafa; position:relative; z-index:99;}
	#usernavigation { padding-top:4px;}
	ul#usermenu { margin:0 -15px 0;}
	#usermenu li { float:left;}
	a.iprofil, a.ihistorique, a.ideconnexion { background-position:15px 40%;}
	a.iprofil:hover, a.ihistorique:hover, a.ideconnexion:hover { background-position:15px 40%;}
	.indicateur { display:none;}
}