@font-face {
  font-weight: 400;
  font-family: Baskerville;
  font-style: normal;
  font-display: swap;
  src: url(fonts/baskerville-400-5c074f.woff2) format("woff2"), url(fonts/baskerville-400-02594c.woff) format("woff");
}
@font-face {
  font-weight: 400;
  font-family: Baskerville;
  font-style: italic;
  font-display: swap;
  src: url(fonts/baskerville-400-italic-bb5dad.woff2) format("woff2"), url(fonts/baskerville-400-italic-e2a6e8.woff) format("woff");
}
@font-face {
  font-weight: 500;
  font-family: Baskerville;
  font-style: normal;
  font-display: swap;
  src: url(fonts/baskerville-500-e46559.woff2) format("woff2"), url(fonts/baskerville-500-7c61ee.woff) format("woff");
}
@font-face {
  font-weight: 400;
  font-family: Lato;
  font-style: normal;
  font-display: swap;
  src: url(fonts/lato-400-c9c9c1.woff2) format("woff2"), url(fonts/lato-400-a06fb7.woff) format("woff");
}
@font-face {
  font-weight: 700;
  font-family: Lato;
  font-style: normal;
  font-display: swap;
  src: url(fonts/lato-700-3d476a.woff2) format("woff2"), url(fonts/lato-700-8f2d54.woff) format("woff");
}
@font-face {
  font-weight: 400;
  font-family: Graphik;
  font-style: normal;
  font-display: swap;
  src: url(fonts/graphik-400-6b5629.woff2) format("woff2"), url(fonts/graphik-400-3080e9.woff) format("woff");
}
@font-face {
  font-weight: 600;
  font-family: Graphik;
  font-style: normal;
  font-display: swap;
  src: url(fonts/graphik-600-de635f.woff2) format("woff2"), url(fonts/graphik-600-0cbbd6.woff) format("woff");
}
@font-face {
  font-weight: 400;
  font-family: Oswald;
  font-style: normal;
  font-display: swap;
  src: url(fonts/oswald-400-109f19.woff2) format("woff2"), url(fonts/oswald-400-6fac74.woff) format("woff");
}
@font-face {
  font-weight: 600;
  font-family: Oswald;
  font-style: normal;
  font-display: swap;
  src: url(fonts/oswald-600-c363fa.woff2) format("woff2"), url(fonts/oswald-600-3de516.woff) format("woff");
}
@font-face {
  font-weight: 500;
  font-family: "Domaine Display";
  font-style: normal;
  font-display: swap;
  src: url(fonts/domaine-display-500-15543d.woff2) format("woff2"), url(fonts/domaine-display-500-416340.woff) format("woff");
}
@font-face {
  font-weight: 500;
  font-family: "Domaine Display";
  font-style: italic;
  font-display: swap;
  src: url(fonts/domaine-display-500-italic-4027f8.woff2) format("woff2"), url(fonts/domaine-display-500-italic-b97046.woff) format("woff");
}
@font-face {
  font-weight: 500;
  font-family: "GT America";
  font-style: normal;
  font-display: swap;
  src: url(fonts/gt-america-500-09f0d6.woff2) format("woff2"), url(fonts/gt-america-500-e3b9ca.woff) format("woff");
}
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Baskerville, serif;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
}
body.octobre {
  font-family: "Domaine Display", serif;
}

.main {
  padding: 16px 60px;
}
@media (max-width: 768px) {
  .main {
    padding: 0 20px 20px;
  }
}

.content {
  display: flex;
  padding: 24px 32px;
  border: 1px solid #e1e1e1;
}
@media (max-width: 768px) {
  .content {
    flex-direction: column;
    padding: 0;
    border-bottom: 0;
  }
}

.title {
  font-family: Oswald, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
}

.octobre .title {
  font-family: Graphik, sans-serif;
}

.column {
  flex-grow: 1;
}

.column-small {
  flex-grow: calc(1 / 3);
}

.hidden {
  display: none;
}

.header {
  display: flex;
  align-items: center;
  height: 80px;
}
@media (max-width: 768px) {
  .header {
    flex-direction: column;
    height: auto;
    padding: 24px 0;
  }
}
.header .header__logo,
.header .header__title {
  width: calc(100% / 3);
}
@media (max-width: 768px) {
  .header .header__logo,
.header .header__title {
    width: auto;
  }
}
.header .header__title {
  margin: 0;
  text-align: center;
}
@media (max-width: 768px) {
  .header .header__title {
    margin-top: 8px;
  }
}

.footer {
  padding: 24px 32px;
  border: 1px solid #e1e1e1;
  margin-top: 16px;
  color: #555;
}
.footer a {
  outline: none;
  text-decoration: none;
  font-weight: 600;
  color: inherit;
}
.footer a:hover, .footer a:focus {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .countries {
    border-bottom: 1px solid #e1e1e1;
  }
}
.countries:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .countries:not(:last-child) {
    margin-bottom: 0;
  }
}
.countries .countries__title {
  margin: 0;
}
@media (max-width: 768px) {
  .countries .countries__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 32px;
  }
}
.countries .countries__title__carret {
  display: none;
  transition: transform 0.2s;
}
@media (max-width: 768px) {
  .countries .countries__title__carret {
    display: block;
  }
}
.countries .countries__list {
  display: flex;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .countries .countries__list {
    display: none;
    flex-direction: column;
    margin-top: 0;
    padding: 0 32px 24px;
  }
}
@media (max-width: 768px) {
  .countries .countries__title[data-visible=true] + .countries__list {
    display: flex;
  }
  .countries .countries__title[data-visible=true] .countries__title__carret {
    transform: rotate(-180deg);
  }
}
.countries ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.countries ul li {
  margin-bottom: 8px;
}
.countries ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .countries ul li:last-child {
    margin-bottom: 8px;
  }
}
.countries ul a {
  color: #555;
  text-decoration: none;
}
.countries ul a:hover, .countries ul a:focus {
  text-decoration: underline;
  outline: none;
}

.qlf-only {
  display: none;
}