/*
 GenEasy GSS Compiler 2.0 (c) MVP 2015-2026
 Version 27/10/2026 14:18:32

 *** IMPORTANT : DO NOT EDIT BY HAND, EDIT .gss FILE ! ***

 Copyright (c)  MVP - All Rights Reserved
 Unauthorized copying of this file, via any medium is strictly prohibited
 Proprietary and confidential
 MVP, 2020
*/

html.html-index
{
	h1
	{
		padding-left:1rem ;
		cursor:initial ;
		&::after
		{
			display:none ;
		}
		
	}
	
}

html.html-login
{
	form
	{
		input
		{
			font-size:1.1rem ;
			padding:0.25rem 0.5rem ;
		}
		
	}
	
}

.numpad
{
	margin:auto ;
	max-width:500px ;
	text-align:center ;
	box-sizing:border-box ;
	padding:10px ;
	border:solid 1px #A0A0A0 ;
	background:linear-gradient(#C0C0C0, #e0e0d8, #C0C0C0) ;
	@media (min-width:1025px)
	{
		display:none ;
	}
	
	#code
	{
		display:inline-block ;
		max-width:160px ;
		background:#40A0E0 ;
		width:200px ;
		padding:4px 8px ;
		border:solid 1px #303030 ;
		color:white ;
		font-size:34px ;
	}
	
	#keys
	{
		max-width:220px ;
		margin:auto ;
		text-align:center ;
		div
		{
			width:calc(30% - 5px) ;
			max-width:80px ;
			position:relative ;
			background:orange ;
			display:inline-flex ;
			border:solid 1px blue ;
			justify-content:center ;
			align-items:center ;
			margin:0 5px ;
			span
			{
				font-size:30px ;
				;
			}
			
			&::before
			{
				content:"" ;
				display:table ;
				padding-bottom:100% ;
			}
			
		}
		
	}
	
}

html.html-autoformations, html.html-formations, html.html-indispensables
{
	#mainDiv
	{
		display:flex ;
		flex-direction:column ;
		overflow-y:auto ;
	}
	
	.categorie
	{
		font-size:2rem ;
		text-align:center ;
		font-weight:100 ;
		background:#e0e0e0 ;
		color:navy ;
		margin:0 0.25rem ;
		border-radius:5px ;
	}
	
	.formation
	{
		font-size:1.5rem ;
		text-align:center ;
		font-weight:100 ;
		background:#F0F0F0 ;
		margin:3px 0.25rem 0 ;
		border-radius:5px ;
	}
	
	.courss
	{
		background:#F8F8F8 ;
		margin:3px 0.25rem 0 ;
		text-align:center ;
		padding-left:8px ;
		padding-top:4px ;
		.cours
		{
			background-color:white ;
			padding:8px 8px ;
			width:200px ;
			max-width:calc(50% - 24px) ;
			border-radius:5px ;
			display:inline-block ;
			margin:0px 8px 4px 0 ;
			overflow:hidden ;
			position:relative ;
			cursor:pointer ;
			background-size:cover ;
			background-repeat:no-repeat ;
			background-position:center center ;
			box-shadow:0 0 2px 1px #808080 ;
			&::before
			{
				content:"" ;
				display:table ;
				padding-bottom:100% ;
			}
			
			.titre
			{
				position:absolute ;
				bottom:4px ;
				left:4px ;
				text-align:center ;
				right:4px ;
				border-radius:5px ;
				background:#b88937 ;
				color:white ;
				padding:4px 8px ;
			}
			
		}
		
		.cours:not(.visionne)::after
		{
			position:absolute ;
			left:-75px ;
			width:150px ;
			top:0 ;
			background:red ;
			color:yellow ;
			content:'NEW' ;
			text-align:center ;
			padding-left:5px ;
			transform:translate(15px, 15px) rotate(-45deg) ;
			transform-origin:center center ;
		}
		
	}
	
	#viewer
	{
		display:none ;
		position:fixed ;
		left:0 ;
		top:0 ;
		right:0 ;
		bottom:0px ;
		background:black ;
		> div
		{
			display:none ;
			position:absolute ;
			left:0 ;
			top:0 ;
			right:0 ;
			bottom:48px ;
		}
		
		#youtube
		{
			iframe
			{
				left:0 ;
				top:0 ;
				height:100% ;
				width:100% ;
				position:absolute ;
			}
			
		}
		
		#pdf
		{
			#ipdf.moving
			{
				transition:left linear 200ms ;
			}
			
			#ipdf
			{
				position:absolute ;
				top:0 ;
				bottom:0 ;
				> div
				{
					background:#808080 ;
					display:inline-block ;
					position:absolute ;
					z-index:2 ;
					top:4px ;
					bottom:4px ;
					background-repeat:no-repeat ;
					background-position:center center ;
					background-color:#ffffff ;
					background-size:contain ;
					img
					{
						position:absolute ;
						background:white ;
					}
					
				}
				
				> div.open
				{
					z-index:3 ;
				}
				
			}
			
		}
		
		#protection
		{
			display:block ;
		}
		
		#panel
		{
			top:initial ;
			display:block ;
			height:48px ;
			bottom:0 ;
			background:linear-gradient(to bottom, #E0E0E0, #FFFFFF, #E0E0E0) ;
			> a
			{
				width:40px ;
				height:40px ;
				top:4px ;
				position:absolute ;
				background-position:center ;
				background-size:contain ;
				background-repeat:no-repeat ;
			}
			
			#close
			{
				right:4px ;
				background-image:url(/img/stop.svg) ;
				cursor:pointer ;
			}
			
			#current
			{
				right:50% ;
				top:2px ;
				text-align:right ;
				width:120px ;
				display:inline-block ;
				position:absolute ;
			}
			
			#duration
			{
				position:absolute ;
				display:inline-block ;
				left:50% ;
				top:2px ;
				text-align:left ;
				width:120px ;
			}
			
			#playpause
			{
				left:4px ;
				background-image:url(/img/pause.svg) ;
			}
			
			#playpause.play
			{
				background-image:url(/img/play.svg) ;
			}
			
			#mute
			{
				left:60px ;
				background-image:url(/img/volume-mute.svg) ;
			}
			
			#mute.muted
			{
				background-image:url(/img/volume-up.svg) ;
			}
			
			#avance
			{
				position:absolute ;
				cursor:pointer ;
				left:120px ;
				width:calc(100% - 180px) ;
				top:50% ;
			}
			
		}
		
	}
	
	#viewer.open
	{
		display:block ;
	}
	
	#viewer.open.youtube
	{
		left:calc(50vw - 50vh) ;
		width:100vh ;
		right:initial ;
		top:calc(50vh - 50vw) ;
		height:100vw ;
		bottom:initial ;
		transform:rotate(90deg) ;
		#youtube
		{
			display:block ;
		}
		
	}
	
	#viewer.open.ivideo
	{
		left:calc(50vw - 50vh) ;
		width:100vh ;
		right:initial ;
		top:calc(50vh - 50vw) ;
		height:100vw ;
		bottom:initial ;
		transform:rotate(90deg) ;
		#ivideo
		{
			display:block ;
			video
			{
				width:100% ;
				height:100% ;
			}
			
		}
		
	}
	
	#viewer.open.pdf
	{
		#pdf
		{
			display:block ;
		}
		
	}
	
}

html.html-trombinoscope
{
	#mainDiv
	{
		display:flex ;
		flex-direction:column ;
	}
	
	#mainDiv.salonOpen .salons
	{
		overflow-y:hidden ;
	}
	
	#mainDiv.personOpen .personnel
	{
		overflow-y:hidden ;
	}
	
	.salons
	{
		flex-grow:1 ;
		position:relative ;
		text-align:center ;
		overflow-x:hidden ;
		> h2
		{
			text-align:center ;
			font-size:1.5rem ;
			font-weight:100 ;
			margin-top:0 ;
		}
		
		.salon
		{
			height:100px ;
			width:100px ;
			border:solid 1px #a0a0a0 ;
			margin:10px 5px 0 5px ;
			border-radius:10px ;
			display:inline-block ;
			position:relative ;
			overflow:hidden ;
			> a
			{
				position:absolute ;
				left:0 ;
				top:0 ;
				bottom:0 ;
				right:0 ;
				display:flex ;
				justify-content:center ;
				background-image:url(/img/no-profile.png) ;
				background-size:cover ;
				background-repeat:no-repeat ;
				font-size:1.2rem ;
				font-weight:normal ;
				cursor:pointer ;
				user-select:none ;
				align-items:flex-end ;
				padding:0 4px ;
				> span
				{
					display:inline-block ;
				}
				
			}
			
			> a.pict
			{
				color:white ;
				text-shadow:1px 1px #808080 ;
			}
			
			> a:not(.pict)
			{
				&:hover
				{
				}
				
			}
			
			&:hover
			{
				border-color:black ;
			}
			
			.personnel
			{
				display:none ;
				overflow-y:auto ;
				overflow-x:hidden ;
				> div:not(.cv)
				{
					width:100px ;
					height:100px ;
					border:solid 1px #C0C0C0 ;
					position:relative ;
				}
				
				.employe, .dirigeant
				{
					height:100px ;
					width:100px ;
					border:solid 1px #a0a0a0 ;
					margin:10px 5px 34px 5px ;
					border-radius:10px ;
					display:inline-block ;
					position:relative ;
					background-repeat:no-repeat ;
					background-position:center center ;
					overflow:visible ;
					background-image:url(/img/no-profile.png) ;
					background-size:cover ;
					> a
					{
						position:absolute ;
						left:0 ;
						top:0 ;
						bottom:0 ;
						right:0 ;
						display:flex ;
						margin:0 ;
						justify-content:center ;
						border-radius:0 ;
						align-items:center ;
						font-size:1.2rem ;
						font-weight:normal ;
						cursor:pointer ;
						user-select:none ;
						background:transparent ;
						&:hover
						{
						}
						
					}
					
					span
					{
						display:inline-block ;
						position:absolute ;
						top:100% ;
						left:0 ;
						width:100% ;
						font-size:0.8rem ;
						text-align:center ;
					}
					
				}
				
				.cv
				{
					position:fixed ;
					display:none ;
					left:0 ;
					right:0 ;
					top:0 ;
					bottom:0 ;
					background:white ;
					.nom
					{
						font-size:2.5rem ;
						font-weight:100 ;
						margin-left:40px ;
					}
					
					.phot
					{
						height:50% ;
						width:100% ;
						object-fit:contain ;
						box-sizing:border-box ;
						box-shadow:0 0 3px 2px #808080 ;
					}
					
					.phot
					{
						padding:15px ;
					}
					
					.info
					{
						box-sizing:border-box ;
						span
						{
							display:inline-block ;
							padding:0.5rem ;
						}
						
						span.type
						{
							text-align:right ;
							width:calc(40% - 1rem);
						}
						
						span.val
						{
							width:calc(60% - 1rem);
							text-align:left ;
							font-weight:bold ;
						}
						
					}
					
				}
				
				.cv.open
				{
					display:block ;
					z-index:3 ;
					overflow:auto ;
				}
				
			}
			
		}
		
		.salon.open
		{
			position:fixed ;
			left:0 ;
			right:0 ;
			width:initial ;
			height:initial ;
			bottom:0 ;
			z-index:4 ;
			border-style:none ;
			margin:0 ;
			.personnel
			{
				display:block ;
				position:absolute ;
				left:0 ;
				top:0 ;
				right:0 ;
				bottom:0 ;
				z-index:1 ;
				background:white ;
				h2
				{
					text-align:center ;
					font-size:1.5rem ;
					font-weight:100 ;
					margin-top:0 ;
				}
				
				.employe, .dirigeant
				{
				}
				
			}
			
		}
		
	}
	
	a.uplevel
	{
		position:absolute ;
		top:0 ;
		left:8px ;
		width:32px ;
		height:32px ;
		display:inline-block ;
		cursor:pointer ;
		background-size:contain ;
		background-image:url(/img/arrow-up-solid.svg) ;
		background-repeat:no-repeat ;
		background-position:center center ;
	}
	
	.formations
	{
		.categ
		{
			text-align:left ;
			font-size:1.3rem ;
			padding:0.25rem 0.5rem ;
			color:#3A8AFF ;
			font-weight:100 ;
			text-decoration:underline ;
		}
		
		.forma
		{
			text-align:left ;
			padding-left:1rem ;
			font-size:1.1rem ;
		}
		
		.cours
		{
			font-size:0.9rem ;
			text-align:left ;
			padding-left:2rem ;
		}
		
	}
	
}

.bt.menu
{
	display:block ;
}

html.html-index
{
	#mainDiv
	{
		overflow:hidden ;
	}
	
}

@media (max-width:600px)
{
	.desktopOnly
	{
		display:none !important ;
	}
	
}

html.html-diagno-stick
{
	body.decalage
	{
		#mainDiv > div
		{
			max-height:calc(100vh - 460px) ;
		}
		
	}
	
}

@media(max-width:850px)
{
	html.html-diagno-stick body.decalage #mainDiv > div
	{
		max-height:calc(100vh - 475px) ;
	}
	
}

html.html-diagno-stick
{
	h2
	{
		font-weight:100 ;
	}
	
	body div.part
	{
		display:none ;
	}
	
	body:not(.client)
	{
		#recherche
		{
			display:block ;
		}
		
	}
	
	body.client
	{
		#client
		{
			display:block ;
		}
		
	}
	
	#mainDiv > div
	{
		max-height:calc(100vh - 128px) ;
		overflow:auto ;
	}
	
	#recherche
	{
		padding:0 1rem ;
		font-size:1.5rem ;
		label
		{
			display:block ;
			margin-bottom:0.25rem ;
			span
			{
				width:130px ;
				display:inline-block ;
			}
			
			input
			{
				padding:0.25rem 0.5rem ;
				font-size:inherit ;
			}
			
			#nom
			{
				text-transform:uppercase ;
			}
			
			#prenom
			{
				text-transform:capitalize ;
			}
			
		}
		
		input[type=submit], .tripleb a
		{
			display:inline-block ;
			background:#b88937 ;
			border-radius:5px ;
			font-size:inherit ;
			border:none ;
			padding:0.25rem 2rem ;
			margin:0.25rem ;
			margin-left:5rem ;
			color:white ;
		}
		
		#resultat
		{
			display:none ;
			font-size:inherit ;
			width:100% ;
			max-width:1024px ;
			border:solid 1px #b88944 ;
			border-collapse:collapse ;
			th
			{
				width:30% ;
				border:solid 1px #b88944 ;
				background:#b88900 ;
				color:white ;
				padding:0 8px ;
			}
			
			th:not(:last-child)
			{
				border-right:solid 1px white ;
			}
			
			tbody tr:hover
			{
				background:#f0f0f0 ;
			}
			
			td
			{
				border:solid 1px #b88937 ;
				a
				{
					display:block ;
					text-decoration:none ;
					padding:1rem 0.25rem ;
				}
				
			}
			
			tr.triple
			{
				td
				{
					text-align:center ;
				}
				
			}
			
			tr.tripleb
			{
				td
				{
					text-align:center ;
					a
					{
						text-decoration:none ;
						margin-left:0.25rem ;
					}
					
				}
				
			}
			
		}
		
	}
	
	#client
	{
		.grossi
		{
			font-size:1.9rem ;
			background:#404040 ;
			border-radius:3px ;
			display:block ;
			color:white ;
			padding:2px 8px ;
		}
		
		font-size:1.5rem ;
		padding:0 1rem ;
		#historique
		{
			background:#F8F8F8 ;
			border:solid 1px #b88937 ;
			max-height:1.8rem ;
			overflow:hidden ;
			margin-bottom:1rem ;
			> div
			{
				margin:0.25rem ;
				max-height:50vh ;
				overflow:auto ;
			}
			
			h3
			{
				cursor:pointer ;
				position:relative ;
				margin:0 ;
				background:#b88937 ;
				color:white ;
				height:1.8rem ;
				line-height:1.8rem ;
				padding:0 1rem ;
				&::after
				{
					color:white ;
					content:'' ;
					position:absolute ;
					right:4px ;
					top:1px ;
					height:calc(1.8rem - 2px) ;
					width:calc(1.8rem - 2px) ;
					background-image:url(/img/folder-open-solid.svg) ;
					background-size:contain ;
					background-position:center center ;
				}
				
			}
			
		}
		
		#historique.open
		{
			max-height:initial ;
			h3
			{
				&::after
				{
					background-image:url(/img/folder-solid.svg) ;
				}
				
			}
			
		}
		
		#recap
		{
			display:none ;
			margin-bottom:1rem ;
			> div
			{
				display:inline-block ;
				margin:0.25rem 0 ;
			}
			
			.refq
			{
				font-style:italic ;
				margin-right:0.25rem ;
			}
			
			.refr
			{
				font-weight:bold ;
				color:#b88937 ;
			}
			
		}
		
		form
		{
			text-align:center ;
			input[type=submit], .btn
			{
				display:inline-block ;
				background:#b88937 ;
				border-radius:5px ;
				font-size:inherit ;
				border:none ;
				padding:0.5rem 2rem ;
				margin:0.25rem ;
				margin-left:5rem ;
				color:white ;
				text-decoration:none ;
			}
			
			label
			{
				span
				{
					display:inline-block ;
					padding-left:0.5rem ;
				}
				
			}
			
			.ord0
			{
				visibility:hidden ;
			}
			
		}
		
		#questions
		{
			.question
			{
				.btns
				{
					text-align:center ;
					padding-top:0.5rem ;
				}
				
				border:solid 1px #C0C0C0 ;
				padding:0.5rem 1rem ;
				background:#F8F8F8 ;
				margin-bottom:0.25rem ;
				text-align:left ;
				> span
				{
					font-size:1.7rem ;
					font-style:italic ;
				}
				
				.reponse
				{
					label
					{
						display:block ;
						padding:0.25rem ;
						font-size:1.5rem ;
					}
					
				}
				
				textarea
				{
					padding:0.25rem ;
					font-size:inherit ;
					height:200px ;
					width:100% ;
					resize:none ;
					display:block ;
				}
				
			}
			
			.question.open
			{
				display:block ;
			}
			
			.question:not(.dcmt)
			{
				.btns
				{
					display:none ;
				}
				
			}
			
		}
		
	}
	
}

.btnsm
{
	border:solid 1px #C0C0C0 ;
	padding:0.5rem 1rem ;
	margin:0.55rem ;
	display:inline-block ;
	font-size:0.8em ;
	background:#b88937 ;
	border-radius:5px ;
	text-decoration:none ;
	color:white ;
}

#cameraScreen
{
	background:linear-gradient(to bottom, #202020, #202060, #202020) ;
	position:fixed ;
	left:0 ;
	top:0 ;
	right:0 ;
	bottom:0 ;
	z-index:99 ;
	display:none ;
	.boutonscam
	{
		position:absolute ;
		left:0 ;
		right:0 ;
		bottom:0 ;
		height:220px ;
		display:flex ;
		flex-direction:row ;
		justify-content:space-evenly ;
		align-items:center ;
		a
		{
			font-size:1.5rem ;
			padding:3rem 4rem;
		}
		
	}
	
	#camera
	{
		position:absolute ;
		left:39.5px ;
		top:39.5px ;
		right:39.5px ;
		bottom:229px ;
		box-shadow:0 0 4px 2px #A0A0A0 ;
		background:black ;
	}
	
}

#cameraScreen.open
{
	display:block ;
}

video::-webkit-media-controls-fullscreen-button
{
	display: none !important;
}

.after
{
	font-style:italic ;
}

.after::before
{
	content:'(' ;
	margin-left:1rem ;
}

.after::after
{
	content:')' ;
}

.ivideo.disclaim #disclaimer
{
	display:flex ;
	background:rgba(0, 0, 0, 0.5) ;
	bottom:0 ;
	z-index:1234567 ;
	flex-direction:column ;
	justify-content:center ;
	align-items:center ;
	font-size:1.3rem ;
	text-align:center ;
	> div
	{
		background:white ;
		max-width:60% ;
		padding:2rem ;
	}
	
	div.textx
	{
		background:white ;
	}
	
	div.btnx
	{
		padding-top:1rem ;
		button
		{
			background:#b88937 ;
			border-style:none ;
			font-size:inherit ;
			color:white ;
			padding:0.25rem 3rem ;
		}
		
	}
	
}

div#creation
{
	position:fixed ;
	left:0 ;
	top:0 ;
	bottom:0 ;
	right:0 ;
	background:rgba(0, 0, 0, 0.5) ;
	> div
	{
		background:white ;
		position:absolute ;
		top:10px ;
		bottom:10px ;
		left:10px ;
		right:10px ;
		padding:10px ;
		button
		{
			position:absolute ;
			right:10px ;
			top:10px ;
			display: inline-block;
			background: #b88937;
			border-radius: 5px;
			font-size: inherit;
			border: none;
			padding: 0.25rem 2rem;
			margin: 0.25rem;
			color: white;
			font-family: 'Roboto', sans-serif;
			cursor:pointer ;
		}
		
	}
	
	#nomc
	{
		text-transform:uppercase ;
	}
	
	#prenomc
	{
		text-transform:capitalize ;
	}
	
}

.geaPanel .geaPanelBlock
{
	max-width:80vw ;
}

html.tourne .geaPanel
{
	.geaPanelBlock
	{
		transform:rotate(90deg) ;
		max-width:75vw ;
	}
	
}

.pdflink
{
	background:transparent ;
	opacity:0.5 ;
	position:absolute ;
}

#htmCentrale
{
	padding:40px ;
	img
	{
		height:64px ;
	}
	
	a
	{
		display:inline-block ;
		padding:20px 30px 12px 30px ;
		border:solid 1px #808080 ;
		border-radius:10px ;
		transition:all ease 400ms ;
	}
	
	a:hover
	{
		background-color:#E0E0E0 ;
	}
	
}

.identite
{
	padding-left:40px ;
}



/*                                That's all folks ! */