@import url("https://fonts.googleapis.com/css2?family=Itim&family=Jost:ital,wght@0,100..900;1,100..900&display=swap");
* {
  box-sizing: border-box; }

html {
  margin: 0;
  min-height: 100%; }

body {
  margin: 0;
  min-height: 100%;
  margin-bottom: 125px;
  font-family: 'Jost', Arial, sans-serif; }

/*header {
  background-color: #4B8DCA;
  
  li {
    &:hover {
      text-shadow: 0 0 8px #ffffff;
      cursor: pointer;
    }
  }
}

.navbar {
  img {
    max-height: 88px;
    max-width: 88px;
  }

  @media (width <= 766px) {
    img {
      max-height: 60px;
      max-width: 60px;
    }
  }
}*/
main {
  /*min-height: calc(100vh - 120px);
  margin-top: 120px;*/
  min-height: 100vh;
  position: relative; }
  @media (width < 766px) {
    main {
      margin-bottom: 104px; } }

aside {
  background-image: url("./img/batiment.jpg"); }

@media (width <= 766px) {
  .content .homepage_headers {
    background-image: none; }
    .content .homepage_headers .homepage-headers_container {
      background-color: #ffffffdd; }
    .content .homepage_headers .img_logo_md {
      max-width: 64px; } }
.content h1 {
  font-family: "Itim", Arial, sans-serif;
  color: #4B8DCA;
  line-height: 1.2; }
@media (width > 766px) {
  .content .cta {
    background-color: #4B8DCA;
    color: #ffffff; } }
.content .cta {
  vertical-align: middle; }
  .content .cta a {
    text-decoration: underline;
    text-decoration-thickness: 1.2px;
    text-underline-offset: 4px; }
    .content .cta a:hover {
      text-shadow: 0 0 4px #ffffff; }
  .content .cta img {
    display: inline;
    max-height: 16px; }
.content img {
  max-width: 40%; }

.mobile-image {
  background-image: url("./img/batiment_raw.jpg");
  background-size: cover;
  background-position: center; }

#nuage_info {
  padding: 160px 160px 24px 36px;
  background: url("./img/nuage_clip.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom 0 left 0;
  position: fixed;
  bottom: 0;
  left: 0; }
  #nuage_info h3 {
    font-family: "Itim", Arial, sans-serif;
    color: #4B8DCA; }
  #nuage_info img {
    max-height: 48px; }

#info_mobile {
  background-color: #4B8DCA;
  color: #ffffff; }
  #info_mobile img {
    max-height: 40px;
    max-width: 40px; }
  @media (width <= 766px) {
    #info_mobile img {
      max-height: 20px;
      max-width: 20px; } }

.mobile-sidebar {
  margin-top: 92px;
  color: #4B8DCA;
  box-shadow: 3px 0 3px #4B8DCA inset;
  transform: translateX(100%);
  transition: transform 300ms ease-out; }

.open-sidebar {
  transform: translateX(0); }

.language-selector {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 10; }
  .language-selector img {
    max-height: 88px;
    max-width: 88px; }
  @media (width <= 1024px) {
    .language-selector {
      bottom: 64px; } }
  @media (width <= 766px) {
    .language-selector {
      bottom: 104px;
      border: solid 1px #22222282; } }

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