/* Copyleft M. Tonnelier 2023 */


/* CLASSES */
.code {
  font-family: "Courier New", "Courier", "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  background-color: white;
  color: green;
  padding: 1px;
  padding-right: 5px;
  padding-left: 5px;
}

.clavier {
  font-family: "Courier New", "Courier", "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  background-color: lightgray;
  color: black;
  padding: 1px;
  padding-right: 5px;
  padding-left: 5px;
}

.mini {
  height: 50px;
  border-width:2px;
}

.theme {
  height: 150px;
  border-width:5px;
}

.cours {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.bloc {
  border-style: dotted;
  border-color:darkgoldenrod;
  padding:20px;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 20px;
  border-width:2px;
  background-color: #1c0d10;
  border-radius: 15px;
}

.regle {
	color: #f89d13;
}
.competences {
  background : teal;
  color: #eee1dc;
  padding : 5px;
}

li.competences {
  display : list-item;
  list-style-image : url(images/target_mini.png);
}

.recap {
  list-style: none;
  float: left;
  display: flex;
}


.poster{
  width: 100pt;
  margin: 5pt;
}

.bas {
}

.discret {
  font-style: italic;
  font-size: smaller;
  color: white;
  margin-left: 10%;
  margin-right: 10%;
  text-align: center;
  background-color: #bb6e50;
}

.cours {
    font-size: larger;
}

.gris {
	background: #e6dedd;
}

.rouge {
	background: #8f1d14;
}

.noir {
	background: #1b120f;
}

.or {
	background: #f89d13;
}

/* ELEMENTS */
html {
/*  background-color: black;*/
  background-image: url("images/steampunk-3169877_1920.jpg");
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-size: cover;
}

img.illustration {
  margin: 5px;
  max-width:600px;
}

li {
  padding-top: 5px;
}

p, li, td {
  color: gainsboro; /* light gray */
/*  background-color: #1c0d10;*/
  font-family: sans-serif;
}
table {
  border: 1px solid #8f3a04; /* rouge */;
}

td, tr, thead {
  border: 1px solid #8f3a04; /* rouge */;
}

th {
  color: gainsboro; /* light gray */
  background-color: #8f3a04; /* rouge */
}

p.titre {
  background-color : unset;
  text-align: center;
}

h1 {
  background: #8f3a04; /* rouge */
  color: gainsboro;
  padding: 5px;
  border-radius: 15px;
}

h2 {
  color: darkgoldenrod;
}

h3 {
  color: black;
  background: #f89d13;
  padding-left: 15px;
  border-radius: 10px 100px / 120px;
}

/* LIENS */
a {
  color: darkgoldenrod;
}

a:link {
  color: darkgoldenrod;
  text-decoration: underline;
}
a:hover {
  color: black;
  background-color: darkgoldenrod;
}
a:visited {
  color: khaki;
}
a:active {
  color : #8f1d14;
  background-color: darkgoldenrod;
}