/* ------------------------------------------------------------ *\
	FONT
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontAwesome2';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); }
\* ------------------------------------------------------------ */

:root, :host {
  --fa-style-family-classic: 'FontAwesome6';
  --fa-font-regular: normal 900 1em/1 'FontAwesome6'; }

@font-face {
  font-family: 'FontAwesome6';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype"); }

.far,
.fa-regular {
  font-weight: 400; }



.excel:before {
	content: "\f1c3";
    font-family: FontAwesome; }
.pdf:before {
	content: "\f1c1";
    font-family: FontAwesome; }

.home:before {
	content: "\f015";
    font-family: FontAwesome6;
	color: #1e2947; }
.gear:before {
	content: "\f013";
    font-family: FontAwesome6;
	color: #1e2947; }
.logoff:before {
	content: "\f011";
    font-family: FontAwesome6;
	color: #1e2947; }
.home:hover:before,
.gear:hover:before,
.logoff:hover:before {
	color: #95C11F; }

.actif_0:before {
	content: "\f00d";
	color: red;
    font-family: FontAwesome6; }
.actif_1:before {
	content: "\f00c";
	color: green;
    font-family: FontAwesome6; }
.stylo:before {
	content: "\f304";
    font-family: FontAwesome6; 
	color: #95C11F;
	cursor: pointer; }
.delete:before {
	content: "\f2ed";
    font-family: FontAwesome6;
	color: red;	}	
.loupe:before {
	content: "\f002";
    font-family: FontAwesome6; }


hr {
	border: 0;
	height: 2px;
	background-color: #95C11F;
	background: -webkit-linear-gradient(to right, #00000000, #95C11FFF, #00000000);
	background:    -moz-linear-gradient(to right, #00000000, #95C11FFF, #00000000);
	background:      -o-linear-gradient(to right, #00000000, #95C11FFF, #00000000);
	background:         linear-gradient(to right, #00000000, #95C11FFF, #00000000); }

a { color: #1e2947;	}
a:hover { color: #95C11F; }	
a:focus-visible { outline:none; }
label {	
	width: 100px; 
	text-align : left; }
label.label_400	{
	width: 400px; }
label.label_200	{
	width: 200px; }
label.label_220	{
	width: 220px; }
label.label_75	{
	width: 75px; }
label.label_50	{
	width: 50px; }

input, select { 
	width: 200px;
	height: 25px;
	margin-right: 20px;	}
input[type=button] {
	margin : 10px auto; }
input[type=radio],
input[type=checkbox] {
	width: 25px;
	vertical-align: middle;		}
input[type=radio]:checked,
input[type=checkbox]:checked {
	background: #95C11F;}
input[type=checkbox].checkbox_200 {
	width: 200px; }		
input[type=submit] {
	cursor:pointer;
	letter-spacing:1px; 
	padding:0 10px;
	border:solid thin #1e2947;
	border-radius: 5px;
	background: white;
	color: #1e2947;}
input[type=submit]:hover, input[type=submit]:focus {
	background-color:#95C11F;
	border-color:#95C11F;}
input.input_400 {
	width:400px;}

	

.warningMessage p {
	padding: 5px 10px;}
.warningMessage p.warningOK {
	background: LightGreen;
	color: SeaGreen; }
.warningMessage p.warningOK:before {
	content: "\f05d";
    font-family: FontAwesome; }
.warningMessage p.warningKO {
	background: red; /* #FF0000 */
	color: DarkRed;  /* #8B0000 */ }
.warningMessage p.warningKO:before {
	content: "\f05C";
    font-family: FontAwesome; }


/* ------------------------------------------------------------ *\
	Header / Main / Footer
\* ------------------------------------------------------------ */
.main {
	position: relative;
	max-width: 1248px;
	/*min-height: 100vh;*/
	opacity: .9;
	margin: auto; }

#header .titre {
	margin: auto;
	text-align: center;
	color: #95C11F; }
#header .menu {
	margin: auto;
	text-align: center;	}
#header .menu span {
	cursor:pointer;
	margin: 0 10px;
	font-size:25px; }
#header form {
	display:none;}

.content {
	padding-bottom: 2.5em; }


/* ------------------------------------------------------------ *\
	Connexion
\* ------------------------------------------------------------ */
#connexion {
	background-image:url(../img/fondAccueil.png);
	background-repeat:no-repeat;
	padding:100px 0;}
#connexionLogo {
	text-align: center; 
	margin: 50px auto; }
#connexionForm {
	width: 50%;
	margin: 60px auto;
	border: 2px solid #95C11F; 
	text-align: center;
	color: white; }
#connexion_without_id {
	width: 50%;
	margin: 20px auto;
	text-align: center;
	color: white; }	
.warningConnexion {
	background: red;
	color: white;
	margin: 10px auto; }	
.warningConnexion p {
	margin: 10px auto; }	

/* ------------------------------------------------------------ *\
	Filter
\* ------------------------------------------------------------ */
#filterForm div.form {
	margin: auto;
	text-align: center; }
#filterForm p {
	margin: 0; }
#filterForm input[type=submit] {
	width: 150px; }

/* ------------------------------------------------------------ *\
	Menu
\* ------------------------------------------------------------ */
#menuSelection {
	overflow:hidden;
	margin-bottom:10px;}
#menuSelection ul {
	display:flex;
	margin:0 16px;
	list-style:none;
	justify-content:center;}
#menuSelection li {
	float:left;
	margin:0 3px;}
#menuSelection a {
	display:block;
	width:120px;
	text-decoration:none;
	text-align:center;
	letter-spacing:1px; 
	padding:0 10px;
	border:solid thin #1e2947;
	border-radius: 5px;}
#menuSelection span {
	padding:10px 0;
	color:#1e2947;}
#actif a {
	background-color:#1e2947;
	cursor:default;}
#actif span {
	color:#95C11F;}
#choix a:hover, #choix a:focus {
	background-color:#95C11F;
	border-color:#95C11F;}
#choix a:hover span, #choix a:focus span {
	color:#1e2947;}
#menuSelection form {
	display:none;}

/* ------------------------------------------------------------ *\
	Indicateur
\* ------------------------------------------------------------ */
.indicateur {
	width: 90%;
	margin: auto; }
.indicateur .row {
	background-color:WhiteSmoke;
	border: solid thin #1e2947;
	border-radius: 5px;	}
.indicateur .titre {
	font-size: 2rem; }
.indicateur .lib {
	font-size: 1.3rem;
	text-align: center; }
.indicateur .data {
	font-size: 2.5rem;
	color:#1e2947;
	text-align: center; }

.listing_closed,
.listing_opened {
	margin-left: 1rem;
	cursor:pointer;}
.listing_closed:before {
	content: "\f0fe";
    font-family: FontAwesome6;
	margin-right: 0.5rem; }
.listing_opened:before {
	content: "\f146";
    font-family: FontAwesome6;
	margin-right: 0.5rem; }

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */	

#listing {
	margin: 20px 20px 0 20px; }
#listing fieldset a {
	display: inline-block;
	margin: 0 0 1rem 2rem;
	color: #16889D;	}
#listing fieldset a:hover {
	color: #FB2E98;	}
#listing fieldset p {
	margin-left: 2rem; }

#listing table a {
	margin: auto; }

.subtitle {
	text-align: center;
	margin-top: 20px;
    color: #95C11F;	}
.warning {
	text-align: center; }
	

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

.right {
	text-align: right; }
.center {
	text-align: center; }

#creationParametre,
#affichageParametre {
	padding: 0 25px; }
#creation_parametre {
	display: none; 
	margin-top: 20px; }
#produit_detail input[type=number] {
	max-width: 100px; }
#creationParametre span {
	color: #95C11F;
	cursor: pointer; }


/* ------------------------------------------------------------ *\
	Sans classement
\* ------------------------------------------------------------ */	

.liste_parametre {
	list-style-type: none; }
	
	

/* Sur tous types d'écran, quand la largeur de la fenêtre est supérieure à 1024px */
@media all and (min-width: 1024px){
	#connexion {
		padding:100px 0;}
}

/* Sur tous types d'écran, quand la largeur de la fenêtre est comprise entre 600px et 1024px */
@media all and (min-width: 600px) and (max-width: 1024px){
	#connexion {
		padding:75px 0;}
	input, select {
		width: 150px;}
	.indicateur h1 {
		font-size: 2.5rem;}
	.indicateur .lib {
		font-size: 1.2rem;}
	.indicateur .data {
		font-size: 2rem;}
}

/* Sur tous types d'écran, quand la largeur de la fenêtre est inférieure à 600px */
@media all and (max-width: 600px){
	#connexion {
		padding:50px 0;}
	input, select {
		width: 100px;}
	label {
		width: 150px;
		margin-left: 0; }
	.label_75 {
		width: 150px;
		margin-left: 0; }
	.indicateur h1 {
		font-size: 2.5rem;}
	.indicateur .lib {
		font-size: 1.2rem;}
	.indicateur .data {
		font-size: 1.8rem;}
}