/*
 GenEasy GSS Compiler 2.0 (c) MVP 2015-2025
 Version 24/11/2025 14:03:18

 *** 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
 Licenced to Steetch project
 MVP, 2025
*/

html
{
	--SCREEN-BACKGROUND:#575756 ;
	--GREEN-VALUE:#57a67f ;
	--MENU-BACKGROUND:#3c3c3b ;
	--MENU-COLOR:white ;
	--MENU-HILITE:#5c5c5b ;
	--DLG-BACKGROUND:#F0F0F1 ;
	background-color:var(--SCREEN-BACKGROUND) ;
	padding:0 ;
	margin:0 ;
	font-size:16px ;
}

body
{
	font-family:Asap ;
	padding:0 ;
	margin:0 ;
	display:flex ;
	flex-direction:column ;
}

body *
{
}

a[onclick], button[onclick]
{
	cursor:pointer ;
}

a
{
	text-decoration:none ;
	color:inherit ;
}

nav
{
	background-color:var(--MENU-BACKGROUND) ;
	margin:0 ;
	padding:0 16px ;
	min-height:80px ;
	height:80px ;
	color:var(--MENU-COLOR) ;
	box-shadow:0 0 12px 4px #202020 ;
	font-size:1.5rem ;
	position:relative ;
}

nav > a#btnHome
{
	position:absolute ;
}

nav > a#btnHome > img
{
	height:80px ;
}

nav > ul
{
	display:flex ;
	height:100% ;
	padding:0 ;
	padding-left:320px ;
	margin:auto ;
	align-items:center ;
	flex-direction:row ;
	gap:20px ;
}

nav > ul > li
{
	padding:0 ;
	margin:0 ;
	height:50px ;
	display:flex ;
	border-right:solid 1px var(--GREEN-VALUE) ;
	padding-right:16px ;
	flex-direction:column ;
	justify-content:center ;
}

nav > ul > li > *:not(:first-child)
{
	display:none ;
}

nav > ul > li > a
{
}

nav > ul > li > a:hover
{
	text-decoration:underline ;
}

nav > ul > li:not(:last-child):not(:first-child)
{
	flex-direction:row ;
	gap:16px ;
	align-items:center ;
}

nav > ul > li:not(:last-child):not(:first-child)::before
{
	background-repeat:no-repeat ;
	background-position:center center ;
	background-size:contain ;
	width:32px ;
	height:32px ;
}

nav > ul > li:last-child
{
	flex-grow:1 ;
	align-items:end ;
	border-right-style:none ;
}

nav > ul > li#knowledgeBase
{
	border-right-style:none !important ;
}

nav > ul > li:hover > menu
{
	display:flex ;
	flex-direction:column ;
	position:absolute ;
	top:0px ;
	margin-left:-8px ;
	min-width:100px ;
	padding:0 ;
	padding-top:81px ;
	font-size:1rem ;
	z-index:100000 ;
}

nav > ul > li:hover > menu::after
{
	position:absolute ;
	top:80px ;
	bottom:0 ;
	background:var(--MENU-BACKGROUND) ;
	width:100% ;
	content:'' ;
	z-index:-1 ;
	box-shadow:2px 2px 3px 1px #202020 ;
}

nav > ul > li:hover > menu > li
{
	background:var(--MENU-BACKGROUND) ;
	display:block ;
	padding:4px 4px ;
}

nav > ul > li:hover > menu > li > a
{
	display:block ;
	padding:4px 8px ;
}

nav > ul > li:hover > menu > li > a:hover
{
	background:var(--MENU-HILITE) ;
}

nav > ul > li:hover > menu > li.separator
{
	background:var(--MENU-BACKGROUND) ;
	height:1px ;
	padding:0 ;
	margin:0 0 ;
	position:relative ;
}

nav > ul > li:hover > menu > li.separator::after
{
	position:absolute ;
	content:'' ;
	background:var(--MENU-HILITE) ;
	height:1px ;
	margin:0 ;
	padding:0 ;
	left:8px ;
	top:0 ;
	width:calc(100% - 16px) ;
}

li#mainDashboard a
{
	display:inline-flex ;
	height:32px ;
}

li#mainDashboard a::before
{
	display:inline-block ;
	background-repeat:no-repeat ;
	background-position:center center ;
	background-size:contain ;
	width:32px ;
	height:32px ;
	content:'' ;
	background-image:url(/__album/home.svg) ;
}

li#mainDashboard a span
{
	margin-left:6px ;
	margin-top:3px ;
}

li#projectDashboard a
{
	display:inline-flex ;
	height:32px ;
}

li#projectDashboard a::before
{
	display:inline-block ;
	background-repeat:no-repeat ;
	background-position:center center ;
	background-size:contain ;
	width:32px ;
	height:32px ;
	content:'' ;
	background-image:url(/__album/project-dashboard.svg) ;
}

li#projectDashboard a span
{
	margin-left:6px ;
	margin-top:3px ;
}

li#knowledgeBase a
{
	display:inline-flex ;
	height:32px ;
}

li#knowledgeBase a::before
{
	display:inline-block ;
	background-repeat:no-repeat ;
	background-position:center center ;
	background-size:contain ;
	width:32px ;
	height:32px ;
	content:'' ;
	background-image:url(/__album/knowledge-base.svg) ;
}

li#knowledgeBase a span
{
	margin-left:6px ;
	margin-top:3px ;
}

input, select, table
{
	font:inherit ;
}

div.dlg
{
	position:fixed ;
	left:0 ;
	z-index:80 ;
	top:80px ;
	width:100vw ;
	height:100vh ;
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	justify-content:center ;
	background:rgba(255,255,255,0.25) ;
	backdrop-filter:blur(2px) ;
	overflow:hidden ;
}

body.dialog-only div.dlg
{
	background:none ;
}

div.dlg > div
{
	position:relative ;
	background:var(--DLG-BACKGROUND) ;
	background:var(--MENU-BACKGROUND) ;
	padding:20px ;
	color:white ;
	display:flex ;
	flex-direction:column ;
	gap:16px ;
	box-shadow:0 0 4px 2px #404040 ;
}

div.dlg > div h1
{
	text-align:center ;
	font-weight:normal ;
	color:var(--GREEN-VALUE) ;
}

div.dlg > div form
{
	min-width:350px ;
	margin:16px 0 ;
	display:flex ;
	flex-direction:column ;
	align-items:center ;
	gap:18px ;
}

div.dlg > div form input:not([type='submit'])
{
	padding:8px ;
	width:80% ;
	margin:0 ;
	background:var(--INPUT-BACKGROUND) ;
	color:white ;
	border:solid 1px var(--SCREEN-BACKGROUND) ;
	box-sizing:border-box ;
}

div.dlg > div form select
{
	padding:8px ;
	width:80% ;
	font-family:inherit ;
	background:var(--INPUT-BACKGROUND) ;
	color:white ;
	border:solid 1px var(--SCREEN-BACKGROUND) ;
}

div.dlg > div form select option
{
	font-family:segoe ui ;
}

div.dlg > div form label
{
	display:flex ;
	flex-direction:column ;
	justify-content:left ;
	gap:4px ;
	width:80% ;
	padding:0 ;
}

div.dlg > div form label span
{
	font-size:0.8em ;
}

div.dlg > div form label input:not([type='submit']), div.dlg > div form label select
{
	width:100% ;
}

div.dlg > div form div.opt
{
	display:flex ;
	flex-direction:row ;
	padding-left:16px ;
	box-sizing:border-box ;
	gap:4px ;
	width:80% ;
	margin-top:-12px ;
	align-items:center ;
}

div.dlg > div form div.opt span
{
	white-space:nowrap ;
	font-size:0.8em ;
}

div.dlg > div form div.opt input
{
	flex-grow:1 ;
}

div.dlg > div form input[type='submit']
{
	background:var(--GREEN-VALUE) ;
	color:white ;
	font-weight:bold ;
	border-style:none ;
	padding:8px 25px ;
	cursor:pointer ;
}

div.dlg > div form input[type='submit']:hover
{
	text-decoration:underline ;
}

h1
{
	padding:0 ;
	margin:0 ;
}

#login
{
}

#login form
{
}

a.clickable
{
	text-decoration:underline ;
	color:white ;
}

body:not(.connected)
{
}

body:not(.connected) nav > ul> li:not(#knowledgeBase):not(#profile)
{
	display:none ;
}

body.connected
{
}

body.connected a#login
{
	display:none ;
}

.openable:not(.open) > div, .openable:not(.open) > form
{
	display:none ;
}

.openable > div, .openable > form
{
	padding-left:16px ;
}

a.closeBtn
{
	position:absolute ;
	right:8px ;
	top:8px ;
	width:24px ;
	height:24px ;
	background-color:orange ;
}

.smallButton
{
	padding:8px 25px ;
	background:var(--GREEN-VALUE) ;
	color:white ;
	border-style:none ;
	margin:10px 0 ;
	cursor:pointer ;
	font-weight:bold ;
}

.smallButton:hover
{
	text-decoration:underline ;
}

.smallButton.compute
{
	background-color:orange !important ;
	margin-left:40px !important ;
}

div#openProject, div#newProject, div#openDesign, div#newDesign
{
}

div#openProject div, div#newProject div, div#openDesign div, div#newDesign div
{
}

div#openProject div form, div#newProject div form, div#openDesign div form, div#newDesign div form
{
	width:450px ;
}

div#openProject div form select.projectEmpty, div#openProject div form select.designEmpty, div#newProject div form select.projectEmpty, div#newProject div form select.designEmpty, div#openDesign div form select.projectEmpty, div#openDesign div form select.designEmpty, div#newDesign div form select.projectEmpty, div#newDesign div form select.designEmpty
{
}

div#openProject div form select.projectEmpty option, div#openProject div form select.designEmpty option, div#newProject div form select.projectEmpty option, div#newProject div form select.designEmpty option, div#openDesign div form select.projectEmpty option, div#openDesign div form select.designEmpty option, div#newDesign div form select.projectEmpty option, div#newDesign div form select.designEmpty option
{
	font-style:italic !important;
	cursor:default !important;
}

div#openProject div form select.projectEmpty option:hover, div#openProject div form select.designEmpty option:hover, div#newProject div form select.projectEmpty option:hover, div#newProject div form select.designEmpty option:hover, div#openDesign div form select.projectEmpty option:hover, div#openDesign div form select.designEmpty option:hover, div#newDesign div form select.projectEmpty option:hover, div#newDesign div form select.designEmpty option:hover
{
	text-decoration:none !important;
}

div#openProject div form #projectList, div#openProject div form #openDesignList, div#newProject div form #projectList, div#newProject div form #openDesignList, div#openDesign div form #projectList, div#openDesign div form #openDesignList, div#newDesign div form #projectList, div#newDesign div form #openDesignList
{
	padding:6px 0 12px 0 ;
	overflow-y:auto ;
	scrollbar-width:var(--SCROLL-TYPE) ;
	scrollbar-color:var(--CURSOR-SCROLL) var(--BACK-SCROLL) ;
}

div#openProject div form #projectList option, div#openProject div form #openDesignList option, div#newProject div form #projectList option, div#newProject div form #openDesignList option, div#openDesign div form #projectList option, div#openDesign div form #openDesignList option, div#newDesign div form #projectList option, div#newDesign div form #openDesignList option
{
	padding:2px 0 2px 10px ;
	cursor:pointer ;
	text-overflow:ellipsis ;
	overflow:hidden ;
}

div#openProject div form #projectList option:hover, div#openProject div form #openDesignList option:hover, div#newProject div form #projectList option:hover, div#newProject div form #openDesignList option:hover, div#openDesign div form #projectList option:hover, div#openDesign div form #openDesignList option:hover, div#newDesign div form #projectList option:hover, div#newDesign div form #openDesignList option:hover
{
	text-decoration:underline ;
	background:#808080 ;
}

div#openProject div form label, div#newProject div form label, div#openDesign div form label, div#newDesign div form label
{
	font-size:0.8em ;
}

div#newProject, div#newDesign
{
}

div#newProject form, div#newDesign form
{
	gap:5px ;
}

div#newProject form #projectName, div#newProject form #designName, div#newProject form #projectDesignName, div#newDesign form #projectName, div#newDesign form #designName, div#newDesign form #projectDesignName
{
	margin-bottom:16px ;
}

div#newProject form #projectType:invalid, div#newDesign form #projectType:invalid
{
	color:#989898 ;
}

div#newProject form #projectType:invalid option, div#newDesign form #projectType:invalid option
{
	color:white ;
}

div#newProject form div.btns, div#newDesign form div.btns
{
	display:flex ;
	flex-direction:row ;
	gap:16px ;
	margin-top:27px ;
}

div#newProject form div.btns #btnCancel, div#newDesign form div.btns #btnCancel
{
	background:var(--GREEN-VALUE) ;
	font-weight:bold ;
	padding:8px 16px ;
}

div#newProject form div.btns #btnCancel:hover, div#newDesign form div.btns #btnCancel:hover
{
	text-decoration:underline ;
}

div#newProject form div.btns input, div#newDesign form div.btns input
{
	margin:0 ;
}

.geaPanel
{
}

.geaPanel *
{
	font-family:'Asap' ;
}

.geaPanel .geaPanelBlock
{
	background:rgb(240,240,240) ;
}

.geaPanel .geaPanelButtons
{
}

.geaPanel .geaPanelButtons a
{
	background:var(--GREEN-VALUE) !important ;
	color:white !important ;
	font-weight:bold ;
}

.geaPanel .geaPanelButtons a:hover
{
	background:var(--GREEN-VALUE) !important ;
	text-decoration:underline !important ;
}

body.connected
{
}

body.connected nav .profile
{
	display:initial !important ;
}

body.connected nav .profile img
{
	height:48px ;
}

body:not(.connected)
{
}

body:not(.connected) #profile menu
{
	display:none !important ;
}

body:not(.projectActive)
{
}

body:not(.projectActive) .withProject
{
	display:none ;
}

#mainContent
{
	font:inherit ;
	width:calc(100% - 20px) ;
	max-width:1100px ;
	margin:auto ;
	margin-top:20px ;
	font:inherit ;
}

#mainContent h1
{
	margin:1.5rem 0 2rem ;
	color:#F0F0F0 ;
	font-weight:normal ;
	text-align:center ;
}

#mainContent section
{
	background:#202020 ;
	color:#F0F0F0 ;
	padding:20px ;
	border-radius:3px ;
	border:solid 1px #808080 ;
	margin-bottom:2rem ;
}

#mainContent section h2
{
	margin:0 ;
	padding:0 !important ;
	font-weight:normal ;
}

footer
{
	position:fixed ;
	bottom:0 ;
	right:0 ;
	left:0 ;
	background:var(--MENU-BACKGROUND) ;
	padding:0.5rem 0 ;
	font:inherit ;
	color:white ;
}

footer div
{
	text-align:center ;
}

footer div a
{
	font-size:0.9rem ;
	color:white ;
	cursor:pointer ;
	margin:0 1rem ;
}

footer div a:hover
{
	text-decoration:underline ;
}

html
{
	--SUBGROUP-COMPONENT-BACKGROUND:rgb(213,230,241) ;
}

div.designEdit
{
	padding:13px ;
	background-color:var(--SETTINGS-BACKGROUND) ;
	display:flex ;
	flex-direction:column ;
	gap:10px ;
	width:100% ;
	max-width:none !important;
	padding:0px ;
}

div.designEdit h4, div.designEdit h5
{
	font-weight:normal ;
}

div.designEdit .phaseEdit
{
	background:none ;
}

div.designEdit .phaseEdit h3
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	padding:7px 1px 7px 16px ;
	background:none ;
	border:1px var(--SPECIFICATIONS-BACKGROUND) solid ;
}

div.designEdit .phaseEdit h3 span
{
	color:var(--SPECIFICATIONS-BACKGROUND) ;
	font-weight:normal ;
	margin:0px ;
}

div.designEdit .phaseEdit h3 button.opener
{
	border:none ;
	background:transparent ;
	color:var(--SPECIFICATIONS-BACKGROUND) ;
	cursor:pointer ;
}

div.designEdit .phaseEdit .elements
{
	margin:12px 0px ;
}

div.designEdit .phaseEdit .elements .elementEdit
{
}

div.designEdit .phaseEdit .elements .elementEdit h4
{
	background:none ;
	padding:4.5px 0px ;
	border-bottom:1px solid var(--SUBTITLE-COLOR) ;
}

div.designEdit .phaseEdit .elements .elementEdit h4 img
{
	margin:0px ;
	height:23px ;
	margin-right:6px ;
}

div.designEdit .phaseEdit .elements .elementEdit h4 span
{
	font-size:20px ;
	color:var(--POLICE-INFORMATIONS) ;
	margin:0px ;
}

div.designEdit .phaseEdit .elements .elementEdit h4 span.counter
{
	margin-left:5px ;
}

div.designEdit .phaseEdit .elements .elementEdit h4 button
{
	border:none ;
	background:transparent ;
	color:var(--SUBTITLE-COLOR) ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup
{
	margin:0px 0px 12px 16px ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit
{
	margin-top:5px ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable h5, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit h5
{
	padding:4.5px 0px ;
	border-bottom:1px solid var(--TITLE-COLOR) ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable h5 span, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit h5 span
{
	font-size:20px ;
	color:var(--POLICE-INFORMATIONS) ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable h5 span.name, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable h5 span.counter, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit h5 span.name, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit h5 span.counter
{
	font-style:italic ;
	font-weight:bold ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable h5 span.counter, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit h5 span.counter
{
	margin-left:5px ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable h5 button.opener, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit h5 button.opener
{
	border:none ;
	background:transparent ;
	color:var(--SUBTITLE-COLOR) ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable div.insideGroup, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit div.insideGroup
{
	margin-top:0px ;
	background-color:var(--OVERVIEW-BACKGROUND) ;
	border:solid 1px #C0C0C0 ;
	padding-bottom:8px ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable div.insideGroup div.openable, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit div.insideGroup div.openable
{
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable div.insideGroup div.openable h5, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit div.insideGroup div.openable h5
{
	border-bottom:dashed var(--TITLE-COLOR) 1px ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable div.insideGroup div.openable form.elementForm, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit div.insideGroup div.openable form.elementForm
{
	background-color:var(--SUBGROUP-COMPONENT-BACKGROUND) ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm
{
	padding:4px 10px 10px 16px ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm legend, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm legend
{
	font-size:20px ;
	color:var(--POLICE-INFORMATIONS) ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm hr, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm hr
{
	background:var(--SUBTITLE-COLOR) ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm div.var, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm div.var
{
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm div.var select, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm div.var select
{
	background-color:white ;
	border:solid 1px rgb(130,130,130) ;
	width:60px ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm div.var input[type="float"], div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm div.var input[type="float"]
{
	width:80px ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm div.var input[type="text"], div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm div.var input[type="text"]
{
	flex-grow:0 ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm div.btns, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm div.btns
{
	margin-top:5px ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm div.btns input.smallButton, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm div.btns a.smallButton, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm div.btns input.smallButton, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm div.btns a.smallButton
{
	background-color:var(--SUBTITLE-COLOR) ;
	padding:8px 16px ;
	border-radius:0px ;
	font-weight:bold ;
	opacity:1 ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm div.btns input.smallButton:hover, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm div.btns a.smallButton:hover, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm div.btns input.smallButton:hover, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm div.btns a.smallButton:hover
{
	text-decoration:underline ;
}

div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.openable form.elementForm div.btns input.smallButton, div.designEdit .phaseEdit .elements .elementEdit div.insideGroup div.groupeEdit form.elementForm div.btns input.smallButton
{
	margin-left:0px ;
	margin-right:10px ;
}

div.designEdit .phaseEdit.openable.open
{
}

div.designEdit .phaseEdit.openable.open h3
{
	background:var(--OVERVIEW-BACKGROUND) ;
	border-color:var(--OVERVIEW-BACKGROUND) ;
}

div.designEdit button.opener, div.designEdit button.adder, div.designEdit button.modifier
{
}

div.designEdit button.opener::after, div.designEdit button.adder::after, div.designEdit button.modifier::after
{
	content:'' ;
	position:relative ;
	background-image:url(/__album/fleche-gris.svg) ;
	opacity:1 ;
	background-repeat:no-repeat ;
	width:20px ;
	height:20px ;
	background-position:center center ;
	background-size:auto auto ;
	display:inline-block ;
	transition:transform ease 400ms ;
}

div.designEdit button.opener:hover, div.designEdit button.adder:hover, div.designEdit button.modifier:hover
{
}

div.designEdit button.opener:hover::after, div.designEdit button.adder:hover::after, div.designEdit button.modifier:hover::after
{
	opacity:0.7 ;
}

div.designEdit .openable.open > * > button.opener::after
{
	content:'' ;
	transform:rotate(90deg) ;
}

div.designEdit div.elementEdit button.opener
{
}

div.designEdit div.elementEdit button.opener::after
{
	background-image:url(/__album/fleche-vert.svg) ;
}

div.designEdit button.adder
{
	margin-right:5px ;
	border:none ;
	background-color:transparent ;
}

div.designEdit button.adder::after
{
	background-image:url(/__album/plus-vert.svg) ;
}

div.designEdit button.modifier
{
	margin-right:5px ;
	border:none ;
	background-color:transparent ;
}

div.designEdit button.modifier::after
{
	background-image:url(/__album/crayon-vert-fonce.svg) ;
}

div.designEdit button.helper
{
	margin-right:5px ;
	border:none ;
	background-color:transparent ;
	color:#009982 ;
	font-size:24px ;
	font-weight:bold ;
	height:25px ;
	overflow:hidden ;
}

div.designEdit button.helper::after
{
	content:'?' ;
	display:inline-block ;
	transform:translate(0, -3px) ;
}

div.dlg
{
	top:0px ;
	overflow-y:hidden ;
}

div.dlg div h1
{
}

div.dlg div h1 a.closeBtn
{
	background-image:url("/__album/close.svg") ;
	opacity:1 ;
	transform:rotate(45deg) ;
	background-color:transparent ;
}

div.dlg div h1 a.closeBtn:hover
{
	opacity:0.7 ;
}

#giff
{
	display:none ;
}

#startBy
{
	color:#202020 !important ;
	width:580px ;
	line-height:1.5rem ;
	max-width:90% ;
	display:block !important ;
	height:120px ;
	padding-left:120px !important ;
	border:solid 1px #C0C0C0 ;
	background-color:#808080 ;
	margin-left:auto ;
	margin-right:auto ;
	padding:1rem ;
	background-image:url(/__album/lightbulb_on.svg) ;
	background-repeat:no-repeat ;
	background-size:80px auto ;
	background-position:center left 10px ;
	margin-top:50px ;
}

#startBy a
{
	display:inline !important ;
	text-decoration:underline ;
}

#startBy a:hover
{
	color:#4040c0 ;
}

body.toolbox:not(.projectActive) #content > div:not(#startBy)
{
	display:none !important ;
}

body.projectActive #startBy
{
	display:none !important ;
}

.geaNotifications
{
	display:inline-block ;
	position:fixed ;
	bottom:4px ;
	right:4px ;
	padding:0px ;
	margin:0 ;
	height:0px ;
	z-index:7 ;
}

.geaNotifications > div
{
	position:absolute ;
	right:0px ;
	width:350px ;
	color:white ;
	margin:0 ;
	font-size:14px ;
	min-height:60px ;
	padding:4px 8px ;
	box-shadow:0 0 6px 2px black ;
	background-color:#202020 ;
	transition:bottom ease 500ms ;
	background-repeat:no-repeat ;
	background-position:bottom 4px right 4px ;
	background-size:32px auto ;
}

.geaNotifications > div a
{
	color:var(--TITLE-COLOR) ;
	text-decoration:underline ;
}

.geaNotifications > div > a.closing
{
	position:absolute ;
	top:4px ;
	right:4px ;
	width:18px ;
	height:18px ;
	background:url(/__album/close.svg) no-repeat center center ;
	transform:rotate(45deg) ;
	cursor:pointer ;
}

.geaNotifications > div > h3
{
	margin:0 ;
	color:var(--TITLE-COLOR) ;
	padding:0 ;
	font-size:16px ;
}

.geaNotifications > div:hover
{
	background-color:#404040 ;
}

.geaNotifications > div.notificationFixed
{
	transition:opacity ease 150ms ;
}

.geaNotifications > div.notificationClosing
{
	opacity:0 ;
	transition:opacity ease 250ms ;
}

.geaNotifications > div.notificationSlowlyClosing
{
	opacity:0 ;
	transition:opacity ease 1250ms ;
}

body.GenEasy.work-in-local
{
}

body.GenEasy.work-in-local div.TableButtons, body.GenEasy.work-in-local .Edit .Container.contList #requestGeneasy, body.GenEasy.work-in-local .geaNotifications
{
	right:23px !important ;
}

#work-in-local
{
	display:none ;
}

.bigtool
{
	box-sizing:border-box ;
	width:calc(100% - 640px) ;
	height:calc(100vh - 80px - 2rem) ;
	margin:auto ;
	min-width:60% ;
	padding:1rem ;
	margin-top:1rem ;
	background:var(--SETTINGS-BACKGROUND) ;
}

.bigtool h1
{
	text-align:center ;
	font-weight:normal ;
	color:var(--GREEN-VALUE) ;
	margin-bottom:1rem ;
}

.bigtool .buttons
{
}

.bigtool .buttons input[type='submit'], .bigtool .buttons a
{
	background:var(--GREEN-VALUE) ;
	color:white ;
	font-weight:bold ;
	border-style:none ;
	padding:8px 16px ;
	cursor:pointer ;
}

.bigtool .buttons input[type='submit']:hover, .bigtool .buttons a:hover
{
	text-decoration:underline ;
}

.bigtool div.stable
{
	margin-top:2rem ;
	height:calc(100% - 100px) ;
	overflow:auto ;
	overflow-x:hidden ;
	position:relative ;
}

.bigtool div.stable .nid
{
	display:none ;
}

.bigtool div.stable table.basetable
{
	width:calc(100% - 2px) ;
	position:relative ;
	font:inherit ;
	border-collapse:collapse ;
	border-style:none ;
	background:var(--OVERVIEW-BACKGROUND) ;
}

.bigtool div.stable table.basetable thead
{
	background:var(--TITLE-BACKGROUND) ;
	color:var(--GREEN-VALUE) ;
	border:solid 1px var(--TITLE-BACKGROUND) ;
}

.bigtool div.stable table.basetable thead th
{
	border-color:var(--TITLE-BACKGROUND) ;
}

.bigtool div.stable table.basetable tbody
{
	top:1.5rem ;
}

.bigtool div.stable table.basetable th
{
	height:40px ;
	position:sticky ;
	top:0 ;
	background:var(--TITLE-BACKGROUND) ;
}

.bigtool div.stable table.basetable td
{
	border:solid 1px var(--TITLE-BACKGROUND) ;
	border-top-style:none ;
	padding:4px 12px ;
	vertical-align:middle ;
}

.bigtool div.stable table.basetable tr
{
	width:100% ;
}

.bigtool div.stable table.basetable *:not(:hover) > .onoverx
{
	visibility:hidden ;
}

.bigtool div.stable table.basetable a.toggle
{
	display:inline-block ;
	width:24px ;
	height:16px ;
	background:url(/__album/rotate-solid.svg) ;
	background-size:contain ;
	background-position:center right ;
	background-repeat:no-repeat ;
	transform:translate(0, 2px) ;
}

.bigtool div.stable table.basetable a.edit
{
	display:inline-block ;
	width:24px ;
	height:16px ;
	background:url(/__album/crayon-vert-fonce.svg) ;
	background-size:contain ;
	background-position:center center ;
	background-repeat:no-repeat ;
	transform:translate(0, 2px) ;
}

.bigtool div.stable table.basetable a.transfer
{
	display:inline-block ;
	width:24px ;
	height:16px ;
	background:url(/__album/transfer.svg) ;
	background-size:contain ;
	background-position:center center ;
	background-repeat:no-repeat ;
	transform: translate(0, 2px) rotate(90deg) ;
}

.bigtool div.stable table.basetable a.delete
{
	display:inline-block ;
	width:24px ;
	height:16px ;
	background:url(/__album/trash-can-regular.svg) ;
	background-size:contain ;
	background-position:center center ;
	background-repeat:no-repeat ;
	transform:translate(0, 2px) ;
}

.bigtool div.stable table.basetable td.centers
{
	text-align:center ;
}

.dlg
{
}

.dlg select-multiple
{
	background:var(--INPUT-BACKGROUND) !important ;
	padding:8px ;
	font:inherit ;
}

.dlg a.button
{
	background:var(--GREEN-VALUE) ;
	color:white ;
	font-weight:bold ;
	border-style:none ;
	padding:8px 16px ;
	cursor:pointer ;
}

.dlg a.button:hover
{
	text-decoration:underline ;
}

.dlg a.button.red
{
	background:red ;
}

.dlg input[disabled]
{
	color:#C0C0C0 !important ;
}

.dlg .buttons
{
	display:flex ;
	flex-direction:row ;
	width:80% ;
	justify-content:space-around ;
}

#sendProjects
{
}

#sendProjects > div
{
	width:700px ;
	max-width:80vw ;
}

#sendProjects > div > form
{
	width:100% ;
	display:block ;
}

#sendProjects > div > form > div
{
}

#sendProjects > div > form > div > div.projects
{
	display:block ;
}

#sendProjects > div > form > div > div.projects > div
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	padding-bottom:3px ;
	margin-top:3px ;
	border-bottom:solid 1px #808080 ;
}

#sendProjects > div > form > div > div.projects > div span
{
	width:60% ;
}

#sendProjects > div > form > div > div.projects > div select
{
	width:40% ;
}

#sendProjects > div > form > div > div:not(.projects)
{
	margin-top:1rem ;
	text-align:center ;
}

#dynHelp
{
	position:fixed ;
	top:0 ;
	right:0 ;
	bottom:0 ;
	width:450px ;
	max-width:40% ;
	background:rgba(80,80,80,0.5) ;
	box-shadow:0 0 4px 2px #808080 ;
}

#dynHelp > div
{
	position:absolute ;
	top:0 ;
	bottom:0px ;
	right:0px ;
	left:0px ;
	overflow:auto ;
	background:#575756 ;
	height:100vh !important ;
}

#dynHelp a.closeBtn
{
	background-image:url("/__album/close.svg") ;
	opacity:1 ;
	transform:rotate(45deg) ;
	background-color:transparent ;
}

#dynHelp a.closeBtn:hover
{
	opacity:0.7 ;
}

img[onclick]
{
	cursor:pointer ;
}

.graphMenu
{
	position:absolute ;
	background:#F0F0F0 ;
	box-shadow:0 2px 2px 1px #404040 ;
	border-top:solid 1px #404040 ;
	left:3px ;
	top:17px ;
	padding:8px 8px 8px 8px ;
	z-index:9 ;
}

.graphMenu > .iconics
{
	display:flex ;
	position:relative ;
	flex-direction:row ;
	margin-top:-8px ;
	margin-left:-8px ;
	margin-right:-8px ;
	background-color:#F0F0FF ;
	justify-content:flex-end ;
	padding:2px ;
	gap:2px ;
	margin-bottom:4px ;
	border-bottom:solid 1px #C0C0C0 ;
}

.graphMenu > .iconics a
{
	position:relative ;
	width:20px ;
	height:20px ;
	background-color:#C0C0C0 ;
	border-radius:3px ;
	background-position:center center ;
	background-size:16px 16px ;
	background-repeat:no-repeat ;
}

.graphMenu > .iconics a:hover
{
	background-color:#808080 ;
}

.graphMenu > .iconics a.removeGr
{
	background-image:url(/__album/trash-can-regular.svg) ;
}

.graphMenu > .iconics a.moveLeft
{
	background-image:url(/__album/fleche-vert.svg) ;
	background-size:12px 12px ;
	transform:rotate(180deg) ;
}

.graphMenu > .iconics a.moveRight
{
	background-image:url(/__album/fleche-vert.svg) ;
	background-size:12px 12px ;
}

.graphMenu > div:not(.iconics)
{
	display:flex ;
	flex-direction:column ;
}

.graphMenu > div:not(.iconics) label, .graphMenu > div:not(.iconics) button
{
	cursor:pointer ;
}

.graphMenu > div:not(.iconics) input
{
	margin-left:0 ;
}

.graphMenu label
{
	display:flex ;
	flex-direction:row ;
	align-items:center ;
	gap:2px ;
}

.graphMenu label option
{
	font:inherit ;
}

.graphMenu hr
{
	width:100% ;
	background:#C0C0C0 ;
	border-style:none ;
	height:1px ;
}

.graphContainer
{
	padding:0 0px 0 0 ;
	position:relative ;
	display:inline-block ;
}

.graphContainer a.shower
{
	display:inline-block ;
	position:absolute ;
	border-radius:3px ;
	left:1px ;
	top:1px ;
	z-index:11 ;
	background-color:transparent ;
	background-image:url(/__album/fleche-blc.svg) ;
	background-repeat:no-repeat ;
	background-position:center center ;
	background-size:auto 12px ;
	width:16px ;
	height:16px ;
}

.graphContainer .apply
{
	margin:4px 0 0 0 ;
	padding:2px 6px 4px 6px ;
}

.graphContainer:hover::before, .graphContainer.open::before
{
	display:block ;
	position:absolute ;
	content:'' ;
	height:16px ;
	top:1px ;
	width:16px ;
	left:1px ;
	z-index:10 ;
	background-color:var(--TITLE-COLOR) ;
	border-radius:3px ;
}

.graphContainer:not(:hover):not(.open)
{
}

.graphContainer:not(:hover):not(.open) .graphMenu, .graphContainer:not(:hover):not(.open) .shower
{
	display:none ;
}

.graphContainer:not(.open)
{
}

.graphContainer:not(.open) .graphMenu
{
	display:none ;
}

.graphContainer.open
{
}

.graphContainer.open a.shower
{
	transform:rotate(90deg) ;
	transition:all ease 200ms ;
}

.graphContainer.open .graphMenu
{
}

.graphContainer.open .graphMenu > div
{
}

#indicInterest
{
	display:flex ;
	flex-direction:column ;
	align-items:center ;
}

#indicInterest .shower, #indicInterest .graphMenu, #indicInterest .graphContainer:hover::before
{
	display:none !important ;
}

#indicInterest .graphMenu div:not(.iconics)
{
	display:none !important ;
}

#indicInterest .graphContainer
{
	margin-top:8px ;
	background:white ;
	border-radius:8px ;
}