@import url('https://fonts.googleapis.com/css?family=Euphoria+Script');
@font-face {
  font-family: 'Arabic typesetting';
  src: url('../fonts/arabtype.ttf');
}

html {
  margin: 0;
  padding: 0;
  background: url('https://res.cloudinary.com/pierremartin49/image/upload/v1578817472/background_homepage_mrwicw.jpg')
    no-repeat center fixed;
  -webkit-background-size: cover;
  /* pour anciens Chrome et Safari */
  background-size: cover;
  /* version standardisée */
}

body {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  font-family: 'Arabic typesetting', cursive;
  backdrop-filter: blur(3px);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body > .container {
  flex: 0 0 auto;
}

body > .container.content {
  flex: 1 0 auto;
}

.livre {
  width: 150px;
}

.content {
  margin-top: 33px;
}

.rond {
  width: 80%;
}

h2 {
  text-align: left;
  font-size: 30px;
  font-family: 'Euphoria Script', cursive;
}

h1 {
  text-align: left;
  font-family: 'Euphoria Script', cursive;
  font-weight: bold;
  color: #854d00;
  margin-bottom: 25px;
}

h3 {
  text-align: left;
  font-size: 30px;
}

.livre {
  margin-top: 50px;
}

.emphase {
  margin-top: 50px;
  background-size: cover;
  padding-top: 35px;
  color: rgb(87 122 165);
  font-size: 60px;
}

.emphase-2 {
  color: rgb(87 122 165);
}

.ronds {
  margin-top: 125px;
}

.container {
  padding: 0;
}

p {
  font-size: 25px;
  color: #000;
  line-height: 1.2;
  margin-bottom: 25px;
  margin-top: 25px;
  text-align: justify;
}

.footer {
  margin-top: 50px;
  padding-bottom: 20px;
  flex-shrink: 0;
}

.footer h4,
.footer p,
.footer .legal {
  text-align: center;
}

.footer h4 {
  font-weight: bold;
  font-size: 30px;
}

.footer p {
  font-size: 22px;
}

.footer .legal {
  font-size: 16px;
}

.sub {
  color: #353535;
}

.special {
  font-family: 'Euphoria Script', cursive;
  font-weight: bold;
}

.structure {
  width: 300px;
}

.legal {
  text-align: center;
  font-style: italic;
}

.marron-fonce {
  color: rgb(44 35 19);
}

.lien {
  font-size: 25px;
}

.valign {
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
  flex-wrap: wrap;
  justify-content: center;
}

.valign-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.facebook-container {
  display: flex;
  justify-content: center;
}

.facebook {
  margin-top: 0;
}