body {
  background-image: url("/img/grass.png");
  background-size: 200px;
  color: #222;
  line-height: 1.5;
  margin: 1rem;
  max-width: 768px;
  
}

header {
  --border-bottom: 1px solid #222;
  margin-bottom: 1rem;
}

footer {
  border-top: 1px solid #222;
  margin-top: 1rem;
}

a {
  color: #00C;
  text-decoration: none;
}

.breadcrumb ol {
  padding-left: 0;
}

.breadcrumb li {
  display: inline;
}

.breadcrumb li:not(:last-child)::after {
  content: "»";
}

a:hover {
	cursor: pointer;
}

a.articleInList {
	color: black;
}


.menutopitem:hover {
	cursor: pointer;
	
}

.titleblog {
	font-family: verdana;
	font-size: 2em;
	font-weight: 800;
	white-space: nowrap;
}

.toplogo {
	width:3em;
	height:3em;
} 

#selectFontFamily {
	width: 250px;
	height: 3em;
}

.w3-table-all th {
	background-color: teal;
	color: white;
}


/* Webfont: Luciole-Regular */
@font-face {
    font-family: 'Luciole';
    src: url('/font/Luciole_webfonts/Luciole-Regular/Luciole-Regular.eot'); /* IE9 Compat Modes */
    src: url('/font/Luciole_webfonts/Luciole-Regular/Luciole-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/font/Luciole_webfonts/Luciole-Regular/Luciole-Regular.woff') format('woff'), /* Modern Browsers */
         url('/font/Luciole_webfonts/Luciole-Regular/Luciole-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/font/Luciole_webfonts/Luciole-Regular/Luciole-Regular.svg#Luciole-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
	font-family: "OD3";
	src: url('/font/OpenDyslexic3-Regular.ttf');
}

@font-face {
	font-family: "Atkinson";
	src: url('/font/Atkinson-Hyperlegible-Regular-102.ttf');
}