body {
	font-family: "Avenir Next", -apple-system, BlinkMacSystemFont, Avenir,
    "Nimbus Sans L", Roboto, "Noto Sans", "Segoe UI", Arial, Helvetica,
    "Helvetica Neue", sans-serif;
	padding:1em;
	margin:auto;
	max-width:42em;
	background:#fefefe;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	color: #000000;
	font-size: 28pt;
}

h2 {
	border-bottom: 1px dashed #CCCCCC;
	color: #000000;
	font-size: 24px;
	margin-top:2.5em;
	padding-bottom:0.25em;
}

h3 {
	font-size: 18px;
	margin-top:2em;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	color: #777777;
	background-color: inherit;
	font-size: 14px;
}

hr {
	height: 0.2em;
	border: 0;
	color: #DDDDDD;
	background-color: #DDDDDD;
	border-radius: 5px;
	text-align:center;
	width:50%;
	margin-top: 2em;
	margin-bottom: 2em;
}

p, blockquote, ul, ol, dl, li, table, pre {
	margin: 15px 0;
}

blockquote {
  padding-left: 20px;
  border-left: 5px solid gray;
  font-weight:lighter;
}

img {
	max-width: 100%;
	border-radius: 5px;
}

table {
	border-collapse: collapse;
	width: 100%;
}

table, th, td {
	border: 1px solid #EAEAEA;
	
	border-radius: 3px;
	padding: 5px;
}

tr:nth-child(even) {
  background-color: #F8F8F8;
}

a, a:visited {
	color: #4183C4;
	background-color: inherit;
	text-decoration: none;
}

#message {
	border-radius: 6px;
	border: 1px solid #ccc;
	display:block;
	width:100%;
	height:60px;
	margin:6px 0px;
}

.bouton {
 padding:15px;
 border-radius:5px;
 color:white !important;
 font-weight:bold;
 border:0px;
}

input:disabled {
	background-color: lightgray !important;
}

button, #ws {
	font-size: 10pt;
	padding: 4px 6px;
	border-radius: 5px;
	border: 1px solid #bbb;
	background-color: #eee;
}

code, pre, #ws, #message {
	font-family: Monaco, monospace;
	font-size: 10pt;
	border-radius: 3px;
	background-color: #F8F8F8;
	color: inherit;
}

code {
	border: 1px solid #EAEAEA;
	margin: 0 2px;
	padding: 0 5px;
}

pre {
	border: 1px solid #CCCCCC;
	overflow: auto;
	padding: 4px 8px;
}

pre > code {
	border: 0;
	margin: 0;
	padding: 0;
}

header {
	text-align : center;
	border-radius : 10px;
	padding : 25px;
	background-color : #808b96;
}

header a {
	color : #f2f3f4 !important;
	font-weight : bold;
}

footer {
	text-align : center;
	border-radius : 10px;
	padding : 15px;
	background-color : #f2f3f4;
	margin-top:75px;
}

footer a {
	color : #808b96 !important;
	font-weight : lighter;
}

/* Code ajouté */

.erreur {
	text-align:center;
	color:white;
	padding:10px;
	border-radius:10px;
	margin-top:2rem;
	margin-bottom:2.5rem;
}

.supprimer, .erreur {
	background-color:#df1c44;
}

.enregistrer {
	background-color:#39A275
}

select, input {
	background-color : white;
	text-align : center;
	border : 1px solid gray;
	border-radius : 10px;
	padding : 5px;
}

.center {
	text-align: center;
}

/* modifications éditeur */

emoji-picker {
	display:none;
	width:100%;
	height:300px;
	--background: none;
	--border-color: #cecece;
	--input-font-color:#aaaaaa;
	--input-border-radius:10px;
	--input-padding:8px;
	--num-columns:10;
}

.editor-toolbar {
  position: sticky !important;
  top: 0px;
  left: 0px;
  z-index: 10;
  background-color: white;
  border-radius: 10px 10px 0px 0px;
}

.EasyMDEContainer .CodeMirror {
  border-radius: 0px 0px 10px 10px;
  border-top:0px;
}

.editor-toolbar.fullscreen {
  position: fixed !important;
}

#ws { background-color: #f8f8f8; }

.send { color:#77bb77; }
.server { color:#7799bb; }
.error { color:#AA0000; }
.editButton {vertical-align:middle;height:30px;filter: opacity(0.05);}
.editor-toolbar button:hover, .editor-toolbar button.active {background:whitesmoke !important;}
.editor-toolbar .easymde-dropdown {background:none !important; border:0px;}
.editor-toolbar .easymde-dropdown:hover {border:1px solid #95a5a6; border-radius:3px;}

.cm-quote {font-style:normal !important;;}
.easymde-dropdown-content {border-radius:5px;}

/* Accordeon */

details {
	text-align:left;
}

slot:not([name]) {
  display: none;
}
:host([open]) slot:not([name]) {
  display: revert;
}

summary {
  display: list-item;
  counter-increment: list-item 0;
  list-style: disclosure-closed inside;
}
:host([open]) summary {
  list-style-type: disclosure-open;
}

/* Sommaire */

#table-of-contents {
	position:fixed;
	top:15px;
	right:15px;
	background-color:#fefefe;
	border-radius:5px;
	max-width: 250px;
	max-height: 75%;
	overflow-y: scroll;
}

#table-of-contents li {
	list-style: none;
	font-size-adjust: 0.4;
}

#table-of-contents ul {
	padding-left:20px;
}

@media (max-width: 1000px) {
	#table-of-contents {display: none;}
}