@charset "UTF-8";
/* VARIABLES */
#css-selecteurs-avance iframe {
  height: 15rem;
  font-size: 2rem;
}
#css-selecteurs-avance pre, #css-selecteurs-avance code {
  height: 100%;
}

/* MAIN */
p + p {
  margin-top: 1.25rem;
}

h4 + p:not(:first-of-type),
h3 + p:not(:first-of-type),
h2 + p:not(:first-of-type) {
  text-indent: 0;
}

sup {
  vertical-align: super;
  font-size: 0.8rem;
  line-height: 0;
}

h4 {
  color: tomato;
  margin: 0.5rem 0;
}

pre {
  background: white;
}

pre,
.lexicon p span {
  font-family: monospace;
  font-size: 0.8rem;
}

strong {
  color: tomato;
  font-weight: bold;
}

ol li {
  list-style-type: decimal;
}

ol {
  margin-left: 1rem;
}

table th,
table td {
  font-size: 1rem;
  line-height: 1.2rem;
  padding-right: 2rem;
  text-align: left;
}
table th > span:not(:last-of-type)::after,
table td > span:not(:last-of-type)::after {
  content: ",";
}
table td:not(.title) {
  max-width: 25rem;
}
table td.title {
  max-width: 30rem;
}

body {
  padding: 1rem 2rem;
  font-family: sans-serif;
  line-height: 1.2rem;
  background: whitesmoke;
}
body > header {
  margin-bottom: 3.25rem;
}
body > header h1, body > header nav {
  display: inline-block;
  vertical-align: top;
}
body > header h1 a, body > header nav a {
  display: inline-block;
  margin-right: 1rem;
  vertical-align: top;
}
body > header h1 a.current, body > header nav a.current {
  font-size: 3rem;
  line-height: 3.25rem;
}
body > header h1 a {
  color: tomato;
}

a {
  color: blue;
}

body:not(.site_library) a:hover {
  opacity: 0.2;
}

em {
  font-family: serif;
  font-style: italic;
}

.mainpage main {
  font-size: 2.8rem;
  line-height: 3rem;
}

/* HOME */
.home .intro {
  margin: 3rem 0;
  width: 50%;
}

/* LEXICON */
.lexicon td {
  padding-bottom: 1.2rem;
}
.lexicon td strong {
  color: tomato;
}
.lexicon tr.letter td {
  font-size: 2.8rem;
  line-height: 3rem;
  padding-bottom: 1.2rem;
}
.lexicon tr.word td:nth-child(1) {
  padding-right: 1.2rem;
  color: tomato;
}
.lexicon tr.word td:nth-child(1) .translation {
  font-family: serif;
  display: block;
  font-style: italic;
}
.lexicon .definition {
  max-width: 40rem;
}
.lexicon .refs {
  margin-top: 1.2rem;
  font-size: 0.8rem;
  line-height: 1rem;
}

/* COMMANDS */
.commands h3 {
  margin: 2rem 0;
}
.commands h2:not(:first-of-type) {
  margin-top: 2.4rem;
}
.commands table td:not(.title) {
  max-width: 30rem;
}
.commands table td.title {
  color: tomato;
}
.commands table .links {
  margin: 1.2rem 0;
  font-size: 0.8rem;
}
.commands table#javascript .title em {
  color: magenta;
}
.commands table#javascript .title strong {
  font-weight: normal;
  color: tomato;
}
.commands table#javascript td.title {
  color: #000;
}
.commands table#javascript td div::before {
  display: block;
  font-size: 0.8rem;
  color: tomato;
  margin-top: 1.2rem;
}
.commands table#javascript td > div:last-of-type {
  margin-bottom: 1.2rem;
}
.commands table#javascript td > div {
  display: flex;
  flex-wrap: wrap;
}
.commands table#javascript td > div > div {
  width: 50%;
}
.commands table#javascript td .return::before {
  content: "Retour";
}
.commands table#javascript td .arguments::before {
  content: "Arguments";
}
.commands table#javascript td .arguments em {
  color: magenta;
}

/* LIBRARY */
.programs h2,
.library h2,
.site_library h2,
.commands h2 {
  font-size: 2.8rem;
  line-height: 3rem;
  padding-bottom: 1.2rem;
}

.programs .category,
.library .category,
.site_library .category {
  margin-bottom: 2.4rem;
}
.programs .category td h2:not(.first),
.library .category td h2:not(.first),
.site_library .category td h2:not(.first) {
  padding-top: 3rem;
}
.programs .category th,
.library .category th,
.site_library .category th {
  color: tomato;
  padding-bottom: 1.2rem;
}
.programs .category .publishing_house .place::before,
.library .category .publishing_house .place::before,
.site_library .category .publishing_house .place::before {
  content: ", ";
}
.programs .category .download,
.library .category .download,
.site_library .category .download {
  color: tomato;
  font-size: 0.75rem;
  border: solid 1px;
  padding: 0 0.2rem;
  margin-top: -0.2rem;
  display: inline-block;
  background: white;
}
.programs .category li.book::before,
.library .category li.book::before,
.site_library .category li.book::before {
  content: "📖 ";
}

/* SEMESTER */
.classes,
.session {
  /* SPECIAL */
  /* CODE */
}
.classes .list,
.classes h2,
.session .list,
.session h2 {
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}
.classes h3,
.session h3 {
  margin: 2.5rem 0;
  font-weight: bold;
}
.classes h4,
.session h4 {
  color: tomato;
  margin-bottom: 1.2rem;
}
.classes .intro,
.session .intro {
  margin-bottom: 2.5rem;
}
.classes ul,
.classes ol,
.classes p,
.session ul,
.session ol,
.session p {
  max-width: 60rem;
}
.classes p + *:not(p):not(h2):not(h3):not(ul),
.classes figure + *,
.classes ul + *:not(p):not(h2):not(h3):not(ul),
.session p + *:not(p):not(h2):not(h3):not(ul),
.session figure + *,
.session ul + *:not(p):not(h2):not(h3):not(ul) {
  margin-top: 1.2rem;
}
.classes p + ul,
.session p + ul {
  margin-top: 0;
}
.classes figure,
.session figure {
  display: inline-block;
  margin-right: 2rem;
  vertical-align: top;
}
.classes figure figcaption,
.session figure figcaption {
  font-size: 0.8rem;
}
.classes figure img,
.session figure img {
  display: inline-block;
  max-width: 60rem;
  max-height: 30rem;
}
.classes ul li,
.session ul li {
  list-style: disc;
  margin-left: 1rem;
}
.classes .kare-letters img,
.session .kare-letters img {
  width: 8rem;
}
.classes .code,
.session .code {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.classes .code > *,
.session .code > * {
  width: 50%;
}
.classes .code .html,
.classes .code .html > *,
.session .code .html,
.session .code .html > * {
  display: flex;
  flex-wrap: wrap;
}
.classes .code .html > *,
.classes .code .html > * > *,
.session .code .html > *,
.session .code .html > * > * {
  width: 100%;
}
.classes .code iframe,
.session .code iframe {
  background: white;
  width: 100%;
  min-height: 10rem;
}

.site_library {
  display: flex;
  flex-wrap: wrap;
}
.site_library p {
  max-width: 60rem;
}
.site_library .intro {
  margin-bottom: 2rem;
}
.site_library .intro .student:not(:first-of-type, :last-of-type)::before {
  content: ", ";
}
.site_library .intro .student:last-of-type::before {
  content: " and ";
}
.site_library .website {
  margin-bottom: 2rem;
  width: 50%;
}
.site_library .website header {
  margin-bottom: 0.5rem;
}
.site_library .website .images {
  display: flex;
  flex-wrap: wrap;
}
.site_library .website .images .image {
  padding-right: 2rem;
}
.site_library .website .images .image img {
  display: block;
  max-width: 100%;
  max-height: 30vh;
}
.site_library .website .images .desktop {
  max-width: 75%;
}
.site_library .website .images .responsive {
  max-width: 25%;
}
.site_library .website .advice {
  width: 100%;
  font-size: 0.75rem;
  margin-top: 0.5rem;
}

/* RESPONSIVE */
@media screen and (min-width: 1600px) {
  html {
    font-size: 0.9vw;
  }
}

/*# sourceMappingURL=main.css.map */