/* Default config */

/* Colors
        bleu: 2980b9
  bleu foncé: 28285a
       jaune: f1c40f
orange clair: f39c12
      orange: e67e22
orange foncé: d35400
       rouge: c0392b
     bordeau: 77212e
        vert: 4caf50
*/

/* Amaranth - Font Family */
@font-face { font-family:"Amaranth"; src:url("/files/fonts/Amaranth_Regular.18.ttf"); }
@font-face { font-family:"Amaranth"; src:url("/files/fonts/Amaranth_Italic.18.ttf");      font-style:italic; }
@font-face { font-family:"Amaranth"; src:url("/files/fonts/Amaranth_Bold.18.ttf");        font-weight:bold; }
@font-face { font-family:"Amaranth"; src:url("/files/fonts/Amaranth_Bold_Italic.18.ttf"); font-weight:bold; font-style:italic; }

/* Source Sans Pro - Font Family */
@font-face { font-family:"Source Sans Pro"; src:url("/files/fonts/Source_Sans_Pro_Regular.otf"); }
@font-face { font-family:"Source Sans Pro"; src:url("/files/fonts/Source_Sans_Pro_Italic.otf");      font-style:italic; }
@font-face { font-family:"Source Sans Pro"; src:url("/files/fonts/Source_Sans_Pro_Bold.otf");        font-weight:bold; }
@font-face { font-family:"Source Sans Pro"; src:url("/files/fonts/Source_Sans_Pro_Bold_Italic.otf"); font-weight:bold; font-style:italic; }

/* Hack - Font Family */
@font-face { font-family:"Hack"; src:url("/files/fonts/Hack-Regular.ttf");}
@font-face { font-family:"Hack"; src:url("/files/fonts/Hack-Italic.ttf");     font-style:italic; }
@font-face { font-family:"Hack"; src:url("/files/fonts/Hack-Bold.ttf");       font-weight:bold; }
@font-face { font-family:"Hack"; src:url("/files/fonts/Hack-BoldItalic.ttf"); font-weight:bold; font-style:italic; }

* { font-family:"Source Sans Pro",sans-serif; text-decoration:none; }

/* From w3.css */
html { box-sizing:border-box }
*, *:before, *:after { box-sizing:inherit }

/* Basic */
body { font-size: 14pt; background-color: #fff; margin:0em; }
h1, h2, h3, h4, h5, h6 { font-family:"Amaranth",sans-serif; }
ul ul { margin-bottom:.5em; }
li p { margin:0em; }
img { max-width:100%; }
del { text-decoration:line-through; }
pre {
	padding:2px;
	overflow:hidden;
	background-color:#aaa;
	font-family:"Hack",sans-serif;
}
code, code * {
	font-family:"Hack",sans-serif;
	font-size:12pt;
}
table { border:1px solid #666; border-collapse:collapse; margin:1em; }
td, th { padding:.3em; border:1px solid #666; text-align:left; }

/* Generic */
.hidden { display:none !important; }
.major {
	color:#900;
	font-weight:bold;
}
.anileft { transition: all .3s ease-out; }
.note, .warning {
	color:#fff;
	padding:0.3em 1em;
	border-radius:0.5em;
	display:inline-block;
	margin:0em 1em 1em 0em;
	box-shadow:-.2em .2em .4em rgba(0,0,0,.5);
}
.note { background-color:#305090; }
.warning { background-color:#c0392b; }
.ghost { font-size:0pt; }

/* Content */
div.main {
	margin-left:230px;
	transition: margin-left .4s;
	padding:0em 1em;
}

div.main a, div.main a:visited, div.main a:link { color:#28285a; animation:link_glow 0.5s forwards ease-out; }
div.main a:hover { color:#f50; animation:border_bottom_blink 0.5s infinite ease-in; }

div.contenu {
	padding-top:2em;
}

.light { display:block; }
.dark { display:none; }

/* Title */
header a, header a:visited { color:black; }
header a:hover { color:#f50; }

/* Formular */
fieldset { padding:1em; margin:1em 2em; }
label { display:block; }
input {
	border:1px solid #444;
	display:block;
	padding:.5em 1em;
	margin-bottom:1em;
	border-radius:0.4em;
}
input.error { border:2px solid #f00; }
table.confirm { border:none; margin: 2em 0em; }
table.confirm td { padding:0.3em; }
table.confirm td:first-child { text-align:right; }

/* Connexion formular */
form.connexion { float: right; font-size:8pt; margin-top:0.5em; }
form.connexion fieldset { margin:0em; border:0em; padding:0em; }
form.connexion legend { display:none; }
form.connexion * { display:inline-block; }
form.connexion input { margin-right:1em; font-size:8pt; }
p.connexion { text-align:right; }

/* Menu */
div.menu {
	width:230px;
	height:100%;
	position:fixed !important;
	z-index:1;
	overflow:auto;
	transition:all .3s ease-out;
	background-color:#f5f5f5;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

div.menu a, div.menu button {
	width: 100%;
	display: block;
	padding: 8px 16px;
	user-select: none;
	border: none;
	overflow: hidden;
	cursor: pointer;
}

div.menu a {
	text-align: left;
	white-space: normal;
	float: none;
	outline: 0;
}

div.menu button {
	text-align: left !important;
	white-space: nowrap;
	text-transform: none;
	font: inherit;
	margin: 0;
}

div.menu a, div.menu a:visited, div.menu a:link { color:#000; }
div.menu a.img:hover {
	animation:none;
}
div.menu a:hover, div.menu button:hover {
	background-color:#696969;
	color:#fff;
	animation:border_right_blink 0.5s infinite ease-in;
}
div.menu a.activ {
	color:#fff !important;
	background-color:#696969;
}

div.menu img { width:100%; }
div.menu a.img {
	padding: 0em !important;
}

div.menu div { display:none; }
div.menu-show { display:block !important; }

.c1 { background-color:#f1c40f; color:#fff; }
.c2 { background-color:#e38e0c; color:#fff; }
.c3 { background-color:#d65e0b; color:#fff; }
.c4 { background-color:#bf0d28; color:#fff; }
.c5 { background-color:#bb1179; color:#fff; }
.c6 { background-color:#a71cbd; color:#fff; }
.c7 { background-color:#7a32d4; color:#fff; }
.c8 { background-color:#4e47eb; color:#fff; }
.c9 { background-color:#4caf50; color:#fff; }

.c1s { background-color:#faebad; }
.c2s { background-color:#f5d8ac; }
.c3s { background-color:#f1c8ac; }
.c4s { background-color:#e9acb6; }
.c5s { background-color:#e8aed1; }
.c6s { background-color:#e1b2e8; }
.c7s { background-color:#d2b9f0; }
.c8s { background-color:#c3c0f8; }
.c9s { background-color:#c2e4c3; }

button.menu-pop {
	font-size:18pt;
	border:none;
	background-color:inherit !important;
}

/* Foot */
footer { font-size:60%; text-align:right; margin-top:5em; }

/* Animation */
@keyframes link_glow {
	from { color:#f50; }
	to { color:#28285a; }
}

@keyframes border_bottom_blink {
	0% { border-bottom: .01em solid #f50; }
	50% { border-bottom: .30em solid #f50; }
	100% { border-bottom: .01em solid #f50; }
}

@keyframes border_right_blink {
	0% { border-right: 0em solid #f50; }
	50% { border-right: .6em solid #f50; }
	100% { border-right: 0em solid #f50; }
}

/* Little screen */
@media ( min-width:993px ) {
	div.main { margin-left:230px; }
	div.menu { left:0px !important }
	button.menu-pop, button.menu-close { display:none !important; }
	.w3-modal-content { width:900px }
	.w3-hide-large { display:none !important }
}
@media ( max-width:992px ) {
	div.main { margin-left:0; }
	div.menu { margin-left:0 !important; margin-right:0 !important; left:-230px }
	.w3-sidebar.w3-collapse { left:-230px }
	.w3-auto { max-width:100% }
}

/* Dark theme */
@media ( prefers-color-scheme:dark ) {
	:root { color-scheme: dark; }
	body { background-color:#333; color:#fff; }
	h1 { color:#aaa; }
	input { background-color:#333; color:#fff; }
	button { background-color:#333; color:#fff; }
	pre { background-color:#111; }
	strong { color:#eed2a6; }

	table { border:1px solid #777; }
	td, th { border:1px solid #777; }

	.major { color:#f33; }

	.c1s { background-color:#524305; color:#fff; }
	.c2s { background-color:#4d3004; color:#fff; }
	.c3s { background-color:#492004; color:#fff; }
	.c4s { background-color:#41040e; color:#fff; }
	.c5s { background-color:#400629; color:#fff; }
	.c6s { background-color:#390a40; color:#fff; }
	.c7s { background-color:#2a1148; color:#fff; }
	.c8s { background-color:#1b1850; color:#fff; }
	.c9s { background-color:#1a3c1b; color:#fff; }

	/* Title */
	header a, header a:visited { color:#aaf; }
	header a:hover { color:#f50; }

	a, a:visited, a:link { color:#aaf; }
	a:hover { color:#f50; border-bottom: 1px solid #09f; }
	p.error { color:#f66; }

	.light { display:none; }
	.dark { display:block; }

	/* Menu */
	div.menu { background-color:#222; }
	div.menu a, div.menu a:visited, div.menu a:link { color:#fff; }
	div.menu a:hover { background-color:#696969; }

	/* Animation */
	@keyframes link_glow {
		from { color:#f50; }
		to { color:#aaf; }
	}

}