.conteneur-visio {
	position: relative;
	width: 100%;
	min-height: calc(100vh - 146px);
}
.conteneur-visio .titrepage {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 24px 0 0;
	text-align: center;
	z-index: 11;
}
.zone-visio {
	max-width: 520px;
	margin: 80px auto 40px;
	text-align: center;
}
.bloc-commencer-visio {
	display: inline-flex;
	flex-direction: column;
	align-items: stretch;
	max-width: 100%;
}
.bouton-commencer {
	padding: 12px;
	font-size: 16pt;
	font-weight: 600;
	background-color: var(--vert-correct);
	color: white;
	border-radius: 4px;
	display: flex;
	box-sizing: border-box;
	text-align: center;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap:8px;
}
.bouton-commencer > img{
	width:54px;
	margin:-8px 0px;
}
.encart-prochain-creneau {
	margin-top: 16px;
	padding: 12px 16px;
	background: var(--blanc-transparent);
	border-radius: 4px;
	font-size: 11pt;
	color: var(--bleu-neuf);
	box-sizing: border-box;
	text-align: center;
}
.encart-prochain-creneau > img{
	width: 52px;
	margin-top: 8px;
}
.titre-prochain-creneau {
	font-weight: 600;
	margin-bottom: 6px;
}
.date-prochain-creneau {
	font-weight: 600;
	font-size: 12pt;
	margin-bottom: 4px;
}
.heures-prochain-creneau {
	font-weight: 700;
	font-size: 12pt;
	font-variant-numeric: tabular-nums;
	color: var(--gris-fonce);
}
.bouton{
	user-select: none;
}
.animation-patientantvisio {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: patiencevisio 4s ease-in-out infinite;
}
.patientantvisio {
	width: 48px;
}
@keyframes patiencevisio {
	0% {
		transform: translateX(0) rotate(0deg);
	}
	25% {
		transform: translateX(calc(50% - 50px)) rotate(360deg);
	}
	75% {
		transform: translateX(calc(-50% + 50px)) rotate(-360deg);
	}
	100% {
		transform: translateX(0) rotate(0deg);
	}
}
.encart-attente {
	background: var(--blanc-transparent);
	padding: 16px;
	border-radius: 4px;
	margin-bottom: 24px;
	text-align: center;
	font-size: 14pt;
	color: var(--bleu-neuf);
}
.texte-encart-attente {
	margin-bottom: 8px;
}
.mention-encart-attente {
	margin-top: 16px;
	font-size: 13pt;
	color: var(--gris-fonce);
}
.bouton-annuler-attente {
	margin-top: 16px;
	padding: 10px 14px;
	font-size: 11pt;
	color: white;
	background-color: var(--bleu-neuf);
	border-radius: 4px;
	display: inline-block;
	font-weight: 600;
}
.rang-attente {
	font-weight: 600;
	font-size: 20pt;
	color: var(--bleu-arcadia);
}
.zone-video {
	position: absolute;
	inset: 0;
	background: var(--gris-fonce);
}
.bloc-actions-visio-etudiant {
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 4;
	gap: 6px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: row;
}
.actions-importantes-etudiant,.autres-actions-etudiant{
	gap:6px;
	width:120px;
}
.bouton-telephone-visio {
	display: block;
	text-decoration: none;
	width: 100%;
	text-align: center;
	padding: 6px 4px;
	font-size: 8pt;
	background-color: var(--orange-lmp);
	color: white;
	border-radius: 4px;
	margin-bottom: 4px;
	font-weight: 600;
	box-sizing: border-box;
}
.numero-telephone-visio {
	font-size: 10pt;
	font-weight: 600;
	color: white;
}
.attente-video-distant {
	position: absolute;
	inset: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	box-sizing: border-box;
	pointer-events: none;
}
.message-attente-video-distant {
	max-width: 320px;
	text-align: center;
	color: var(--bleu-neuf);
	font-size: 11pt;
	font-weight: 600;
	line-height: 1.45;
	background: var(--blanc-transparent);
	padding: 16px;
	border-radius: 4px;
}
.zone-video-prof-distant {
	position: absolute;
	inset: 0;
}
.zone-camera2-prof {
	position: absolute;
	inset: 0;
	z-index: 2;
}
.zone-camera2-prof .video-camera2-prof {
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: var(--gris-fonce);
}
.zone-video-prof-distant.partage-camera2-actif .conteneur-video-principale-distant {
	position: absolute;
	top: auto;
	left: auto;
	right: 16px;
	bottom: 100px;
	width: 300px;
	max-width: min(30vw, calc(100% - 72px));
	height: auto;
	opacity: 1;
	z-index: 3;
	border-radius: 4px;
	border: 6px solid white;
	overflow: hidden;
}
.zone-video-prof-distant.partage-camera2-actif .conteneur-video-principale-distant:hover {
	opacity: 0.2;
}
.zone-video-prof-distant.partage-camera2-actif .conteneur-video-principale-distant .video-distant {
	width: 100%;
	height: auto;
	object-fit: contain;
}
.zone-video-prof-distant .conteneur-video-principale-distant {
	position: absolute;
	inset: 0;
	z-index: 2;
}
.zone-video-prof-distant .conteneur-video-principale-distant .video-distant {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: transparent;
}
.bloc-video-local-etudiant {
	position: absolute;
	left: 24px;
	bottom: 24px;
	width: 120px;
	max-width: 30%;
	z-index: 2;
}
.infos-bloc-local-etudiant{
	position:absolute;
	left:calc(100% + 12px);
	bottom:0;
	width: 120px;
}
.videos-bloc-local-etudiant{
	width:100%;
}
.bouton-terminer-visio {
	width: 100%;
	text-align: center;
	padding: 6px 4px;
	font-size: 8pt;
	background-color: var(--rouge-lmp);
	color: white;
	border-radius: 4px;
	margin-bottom: 4px;
	font-weight: 600;
	box-sizing: border-box;
}
.bouton-partage-onglet,
.bouton-partage-ecran,
.bouton-camera-arriere {
	width: 100%;
	text-align: center;
	padding: 6px 4px;
	font-size: 8pt;
	background-color: var(--bleu-neuf);
	color: white;
	border-radius: 4px;
	margin-bottom: 4px;
	font-weight: 600;
	box-sizing: border-box;
}
.indicateur-camera-arriere {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	width: 100%;
	padding: 4px 6px;
	margin-bottom: 4px;
	background: white;
	border-radius: 4px;
	box-sizing: border-box;
}
.libelle-camera-arriere {
	font-size: 8pt;
	font-weight: 600;
	color: var(--bleu-neuf);
}
.bouton-arreter-camera-arriere {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	cursor: pointer;
}
.indicateur-partage-onglet {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	width: 100%;
	padding: 4px 6px;
	margin-bottom: 4px;
	background: white;
	border-radius: 4px;
	box-sizing: border-box;
}
.libelle-onglet-partage {
	font-size: 8pt;
	font-weight: 600;
	color: var(--bleu-neuf);
}
.bouton-arreter-partage-onglet {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	cursor: pointer;
}
.indicateur-camera-auxiliaire {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
	width: 100%;
	padding: 4px 6px;
	margin-bottom: 4px;
	background: white;
	border-radius: 4px;
	box-sizing: border-box;
}
.libelle-camera-auxiliaire {
	font-size: 8pt;
	font-weight: 600;
	color: var(--bleu-neuf);
}
.bouton-arreter-camera-auxiliaire {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	cursor: pointer;
}
.forfait-restant-consultation {
	width: 100%;
	text-align: center;
	font-size: 13pt;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--bleu-neuf);
	margin-bottom: 2px;
}
.duree-restante-consultation{
	font-size:15pt;
	font-weight:800;
}
.timer-consultation-etudiant {
	width: 100%;
	text-align: center;
	font-size: 11pt;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--bleu-neuf);
	margin: 6px 0px;
	background-color:hsla(0,0%,100%,0.42);
	border-radius: 2px;
	padding: 3px;
	box-sizing: border-box;
}
.indicateur-connexion {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	margin-bottom: 4px;
	font-size: 9pt;
	font-weight: 600;
	color: var(--bleu-neuf);
}
.pastille-connexion {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
	background-color: currentColor;
}
.indicateur-connexion.sante-bonne {
	color: var(--vert-correct);
}
.indicateur-connexion.sante-moyenne {
	color: var(--orange-lmp);
}
.indicateur-connexion.sante-mauvaise {
	color: var(--rouge-lmp);
}
.indicateur-connexion.sante-absente {
	color: var(--gris-fonce);
}
.zone-video .conteneur-video-principale-local .video-local {
	position: relative;
	left: auto;
	bottom: auto;
	width: 100%;
	max-width: none;
	height: auto;
	object-fit: contain;
	background: var(--gris-fonce);
	border-radius: 4px;
}
.panneau-activer-camera {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 24px;
	box-sizing: border-box;
	background: var(--gris-lmp);
	text-align: center;
}
.panneau-activer-camera.masque {
	display: none;
}
.message-activer-camera {
	color: var(--bleu-neuf);
	font-size: 11pt;
	font-weight: 600;
	max-width: 320px;
	line-height: 1.4;
}
.bouton-activer-camera {
	padding: 12px 16px;
	font-size: 12pt;
	background-color: var(--bleu-neuf);
	color: white;
	border-radius: 4px;
}
.bouton-preparer-camera {
	margin: 16px auto;
	padding: 10px 14px;
	font-size: 11pt;
	background-color: var(--bleu-neuf);
	color: white;
	border-radius: 4px;
	display: inline-block;
}
.mention-juridique-espace {
	margin-top: 0;
}
.bloc-statut-forfait {
	margin-top: 24px;
}
.message-duree-forfait{
	display: flex;
	align-items:center;
	justify-content: center;
	flex-direction: row;
	font-size: 13pt;
	font-weight:600;
}
.message-duree-forfait > img{
	width:42px;
	margin:0px 4px;
}
.message-statut-forfait {
	font-size: 11pt;
	font-weight: 500;
	color: var(--bleu-neuf);
	font-variant-numeric: tabular-nums;
}
.duree-forfait-avant-visio{
	font-weight: 700;
	font-size: 16pt;
}
.message-statut-forfait .mention-juridique-espace {
	margin-top: 0;
}
.bouton-achat-forfait {
	margin: 32px;
	padding: 6px;
	font-size: 11pt;
	background-color: var(--bleu-neuf);
	color: white;
	border-radius: 4px;
	display: inline-block;
	font-weight: 600;
	text-decoration: none;
}
.masque {
	display: none;
}
.zone-travaux {
	position: absolute;
	right: 32px;
	bottom: 32px;
	z-index: 3;
}
.bouton-travaux {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--blanc-transparent);
	display: flex;
	align-items: center;
	justify-content: center;
}
.icone-trombone {
	width: 24px;
}
.encart-travaux {
	position: absolute;
	right: 0;
	bottom: 52px;
	width: 240px;
	background: var(--blanc-transparent);
	padding: 8px;
	border-radius: 4px;
	box-sizing: border-box;
	flex-direction: column;
}
.encart-travaux:not(.masque) {
	display: flex;
}
.encart-travaux.masque {
	display: none;
}
.liste-travaux {
	max-height: 50vh;
	overflow-y: auto;
	margin-bottom: 8px;
}
.ligne-travail {
	display: flex;
	align-items: center;
	background: white;
	color: var(--bleu-neuf);
	padding: 6px 8px;
	margin-bottom: 4px;
	border-radius: 2px;
	font-size: 10pt;
}
.nom-travail {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--bleu-neuf);
	text-decoration: none;
}
.bouton-suppr-travail {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	margin-left: 8px;
	cursor: pointer;
}
.bouton-ajout-travail {
	display: block;
	text-align: center;
	padding: 8px;
	margin: 0 0;
	background: white;
	color: var(--bleu-neuf);
	font-weight: 600;
	font-size: 10pt;
	border-radius: 2px;
}
.input-fichier-travail {
	display: none;
}
.ecrindevisio {
	position: fixed;
	z-index: 24;
	bottom: 16px;
	right: 16px;
	left: 16px;
}
@media screen and (max-width: 1920px) {
	.fenetre{
		height: 100%;
		min-height: auto;
	}
	.cadregeneral {
		height: 100%;
		min-height: auto;
	}
	.conteneur-visio {
		height: 100%;
		min-height: auto;
	}
	.autourdulogo{
		position: absolute;
		bottom: 100%;
	}
	.fouteur{
		display: none;
	}
}