@font-face {
  font-family: 'agency';
  src: url('../fonts/AgencyFB.ttf');
}

@font-face {
  font-family: 'impact';
  src: url('../fonts/impact.ttf');
}

body {
  min-width: 350px;
  width: 70%;
  margin: 0 auto;
  font-family: "Times New Roman", Roboto, Liberation, Arial, Helvetica, sans-serif;
  text-align: justify;
  text-justify: inter-word;
  font-size: 18px;
}

h1 {
  font-family: impact;
  color: #144f79ff;
  font-size: 30px;
}

h2 {
  font-family: agency;
  color: #144f79ff;
  font-size: 25px;
}

h3 {
  font-family: agency;
  color: #144f79ff;
  font-size: 20px;
}

code {
  background-color: #eee;
  border-radius: 3px;
  font-family: courier, monospace;
  padding: 0 3px;
}


/* Navigation */

.next {
  float: right;
}


/* head.html */

#header {
  width: 100px;
  height: 40px;
  background-color: #144f79ff;
  margin: 0 auto;
  font-family: impact;
  color: white;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
}


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

/* Annexe */

/* haut | droit | bas | gauche */
.annexe {
  background-color: #144f79ff;
  margin: 10px -20px 0 -20px;
  padding: 10px 40px 10px 40px;
}

.annexe h2,
.annexe p {
  color: white;
}

pre code {
  background-color: #144f79ff;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 10px;
  display: block;
  padding: 5px;
  color: white;
  padding-left: 20px;
}

/* Tables */

table {
  border-collapse: collapse
}

td,
th {
  border: 1px solid #144f79ff;
  padding: 10px;
}

th {
  background-color: #144f79ff;
  color: white;
}

/* Images */
img {
  max-width: 100%;
  height: auto;
}


/* Text */

.bold {
  font-weight: bold;
}

.white {
  color: white;
}

.imp {
  color: #144f79ff;
  font-weight: bold;
}

.color {
  color: #144f79ff;
}

.link {
  font-family: agency;
  color: #144f79ff;
  text-decoration: none;
  font-size: large;
}

.text_center {
  text-align: center;
}