@charset "UTF-8";
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?bb9951");
  src: url("fonts/icomoon.eot?bb9951#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?bb9951") format("truetype"), url("fonts/icomoon.woff?bb9951") format("woff"), url("fonts/icomoon.svg?bb9951#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-linkedin:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-alert-off:before {
  content: "";
}

.icon-alert:before {
  content: "";
}

.icon-arrow-thin-right:before {
  content: "";
}

.icon-back:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-dropdown:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-hestia:before {
  content: "";
}

.icon-logout:before {
  content: "";
}

.icon-m1:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-news:before {
  content: "";
}

.icon-news2:before {
  content: "";
}

.icon-play1:before {
  content: "";
}

.icon-profil:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-settings:before {
  content: "";
}

.icon-shop:before {
  content: "";
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  color: #565656;
}

a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

h1 {
  color: #00497F;
  font-size: 40px;
  line-height: 49px;
}

h2 {
  color: #00497F;
  font-size: 24px;
  line-height: 30px;
}

h3 {
  color: #565656;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

input {
  border: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

button, input[type="submit"] {
  cursor: pointer;
}

.Main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
}

.Main-bgIllus {
  height: auto;
  width: 100%;
}

.Main--folder {
  background-image: url("../img/bg/bg_folders.svg");
  background-position: left bottom;
  background-repeat: no-repeat;
}

.Main--folder .Main-bg {
  position: absolute;
  bottom: -4px;
  right: 3%;
  width: 20%;
}

@media (max-width: 1279.98px) {
  .Main--folder .Main-bg {
    opacity: 0.2;
  }
}

@media (max-width: 991.98px) {
  .Main--folder .Main-bg {
    display: none;
  }
}

.Main--kioske {
  background-image: url("../img/bg/bg_kioske.svg");
  background-position: left bottom;
  background-repeat: no-repeat;
}

.Main--profil {
  background-image: url("../img/bg/bg_profil.svg");
  background-position: bottom;
  background-repeat: no-repeat;
}

.Main--profil .Main-bg {
  position: absolute;
  bottom: -40px;
  right: 20px;
  width: 33%;
}

@media (max-width: 1279.98px) {
  .Main--profil .Main-bg {
    width: 26%;
  }
}

@media (max-width: 991.98px) {
  .Main--profil .Main-bg {
    display: none;
  }
}

.Main--login {
  background-image: url("../img/bg/bg_folders.svg");
  background-position: left bottom;
  background-repeat: no-repeat;
}

.Main--login .Main-bg {
  position: absolute;
  bottom: 0;
  right: 3%;
  width: 50%;
}

@media (max-width: 991.98px) {
  .Main--login .Main-bg {
    width: 40%;
  }
}

@media (max-width: 767.98px) {
  .Main--login .Main-bg {
    width: 55%;
  }
}

@media (max-width: 575.98px) {
  .Main--login .Main-bg {
    display: none;
  }
}

#Root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 1px;
  min-height: 100vh;
  position: relative;
}

.Col {
  padding: 0 10px;
}

.Col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.Col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  max-width: 80%;
}

.Col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.Col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.Col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.Col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.Col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.Col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.Col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

@media (max-width: 1279.98px) {
  .Col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 1279.98px) {
  .Col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
}

@media (max-width: 1279.98px) {
  .Col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
}

@media (max-width: 1279.98px) {
  .Col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 1279.98px) {
  .Col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (max-width: 991.98px) {
  .Col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 991.98px) {
  .Col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
}

@media (max-width: 991.98px) {
  .Col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 991.98px) {
  .Col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (max-width: 767.98px) {
  .Col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 767.98px) {
  .Col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
}

@media (max-width: 767.98px) {
  .Col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (max-width: 767.98px) {
  .Col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
}

@media (max-width: 767.98px) {
  .Col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 767.98px) {
  .Col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (max-width: 767.98px) {
  .Col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 767.98px) {
  .Col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (max-width: 575.98px) {
  .Col-xs-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 575.98px) {
  .Col-xs-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    max-width: 80%;
  }
}

@media (max-width: 575.98px) {
  .Col-xs-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (max-width: 575.98px) {
  .Col-xs-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
}

@media (max-width: 575.98px) {
  .Col-xs-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 575.98px) {
  .Col-xs-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
}

@media (max-width: 575.98px) {
  .Col-xs-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 575.98px) {
  .Col-xs-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

.Col--pull-3 {
  margin-right: 25%;
}

@media (max-width: 1279.98px) {
  .Col--pull-3 {
    margin-right: 0;
  }
}

.Container {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 10px;
  width: 100%;
}

@media (max-width: 1279.98px) {
  .Container {
    max-width: 960px;
  }
}

@media (max-width: 991.98px) {
  .Container {
    max-width: 640px;
  }
}

@media (max-width: 767.98px) {
  .Container {
    max-width: 624px;
  }
}

@media (max-width: 575.98px) {
  .Container {
    max-width: 100%;
    padding: 0 30px;
  }
}

@media (max-width: 379.98px) {
  .Container {
    padding: 0 16px;
  }
}

.Row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
}

.Logo {
  display: block;
  height: auto;
  width: 100%;
}

.Footer {
  background-color: #00497F;
  color: white;
  font-size: 13px;
  line-height: 15px;
  position: relative;
}

.Footer-content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 575.98px) {
  .Footer-content {
    padding: 16px 0;
  }
}

.Footer-social, .Footer-link {
  color: white;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.Footer-social:hover, .Footer-link:hover {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0.8;
}

.Footer-infos {
  padding: 12px 0;
}

@media (max-width: 575.98px) {
  .Footer-infos {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 12px 0 0;
    text-align: center;
    width: 100%;
  }
}

.Footer-socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 22px;
  margin-left: auto;
  padding: 8px 0;
}

.Footer-socials > * {
  margin-right: 8px;
}

@media (max-width: 575.98px) {
  .Footer-socials > * {
    margin-right: 16px;
  }
}

.Footer-socials > *:last-child {
  margin-right: 0;
}

@media (max-width: 575.98px) {
  .Footer-socials {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.User {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}

.User--mobileNav {
  color: #565656 !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
}

.UserInfo-name, .UserInfo-society {
  display: block;
}

.UserInfo-name {
  color: #00497F;
  font-weight: 700;
  margin-bottom: 4px;
}

@media (max-width: 991.98px) {
  .UserInfo-name {
    font-size: 12px;
    margin-bottom: 0;
  }
}

.UserInfo-society {
  font-size: 14px;
}

@media (max-width: 1279.98px) {
  .UserInfo-society {
    font-size: 12px;
  }
}

@media (max-width: 991.98px) {
  .UserInfo-society {
    font-size: 10px;
  }
}

.UserTools {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 30px;
  margin-left: 12px;
}

@media (max-width: 1279.98px) {
  .UserTools {
    font-size: 24px;
    margin-left: 8px;
  }
}

@media (max-width: 991.98px) {
  .UserTools {
    font-size: 16px;
  }
}

.UserTools > * {
  padding: 0 12px;
}

@media (max-width: 1279.98px) {
  .UserTools > * {
    padding: 0 6px;
  }
}

.UserTools > *:last-child {
  padding-right: 0;
}

.UserTools-settings {
  color: #565656;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.UserTools-settings:hover {
  color: #00497F;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.UserTools-logout {
  color: #E94A31;
}

.UserTools-logout:hover {
  color: #00497F;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.NewsList > * {
  margin-bottom: 20px;
}

.NewsList > *:last-child {
  margin-bottom: 0;
}

.FileNews {
  background-color: white;
}

.FileNews-img {
  display: block;
  height: auto;
  width: 100%;
}

.FileNews-content {
  padding: 14px;
}

.FileNews-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 4px;
  text-transform: none;
}

.FileNews-linkTitle {
  color: #565656;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.FileNews-linkTitle:hover {
  color: #00497F;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.FileNews-txt {
  font-size: 12px;
  line-height: 14px;
}

.FileNews-footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  padding-left: 14px;
  position: relative;
}

.FileNews-date {
  font-style: italic;
}

.FileNews-link {
  background-color: #878787;
  color: white;
  font-style: italic;
  margin-left: auto;
  padding: 8px 12px;
  position: relative;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.FileNews-link:hover {
  background-color: #00497F;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.FileNews-linkIcon {
  margin-left: 4px;
  position: relative;
  top: 2px;
}

.TemplatePortail {
  height: 100%;
}

.TemplatePortail-body {
  background-image: url("../../img/bg/bg_portail.svg");
  background-repeat: no-repeat;
  position: relative;
}

@media (max-width: 379.98px) {
  .TemplatePortail-body {
    background-color: #EBF9FF;
  }
}

.TemplatePortail-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
}

@media (max-width: 991.98px) {
  .TemplatePortail-bg {
    display: none;
  }
}

.TemplatePortail-bgIllus {
  height: auto;
  width: 100%;
}

.ContainerPortail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 100vh;
  position: relative;
}

.ContainerPortail-colLeft {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 440px;
          flex: 0 0 440px;
  max-width: 440px;
  padding: 40px 72px 80px;
}

@media (max-width: 1279.98px) {
  .ContainerPortail-colLeft {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
            flex: 0 0 360px;
    max-width: 360px;
    padding: 40px 32px 80px;
  }
}

@media (max-width: 991.98px) {
  .ContainerPortail-colLeft {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px;
    max-width: 320px;
    padding: 20px 20px 60px;
  }
}

@media (max-width: 767.98px) {
  .ContainerPortail-colLeft {
    background-color: #EBF9FF;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 60px 60px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (max-width: 575.98px) {
  .ContainerPortail-colLeft {
    padding: 40px 40px;
  }
}

@media (max-width: 379.98px) {
  .ContainerPortail-colLeft {
    padding: 40px 24px;
  }
}

.ContainerPortail-colRight {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 40px 40px 80px;
}

@media (max-width: 991.98px) {
  .ContainerPortail-colRight {
    padding: 40px 20px 80px;
  }
}

@media (max-width: 767.98px) {
  .ContainerPortail-colRight {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 20px 60px 0;
  }
}

@media (max-width: 575.98px) {
  .ContainerPortail-colRight {
    padding: 20px 40px 0;
  }
}

@media (max-width: 379.98px) {
  .ContainerPortail-colRight {
    padding: 24px 24px 0;
  }
}

.ContainerPortail-footer {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

@media (max-width: 767.98px) {
  .ContainerPortail-footer {
    position: relative;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.SidebarPortail-logo {
  margin-bottom: 64px;
  max-width: 250px;
}

@media (max-width: 991.98px) {
  .SidebarPortail-logo {
    margin-bottom: 40px;
    max-width: 200px;
  }
}

@media (max-width: 767.98px) {
  .SidebarPortail-logo {
    display: none;
  }
}

.SidebarPortail-title {
  margin-bottom: 24px;
  text-transform: uppercase;
}

.SidebarPortail-content {
  max-height: calc(100% - 180px);
}

.ContentPortail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.ContentPortail-head {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 767.98px) {
  .ContentPortail-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 20px;
    position: relative;
  }
}

.ContentPortail-logoMobil {
  display: none;
}

@media (max-width: 767.98px) {
  .ContentPortail-logoMobil {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.ContentPortail-user {
  margin-left: auto;
}

.ContentPortail-main {
  margin: 0 0 0 10%;
  max-width: 620px;
}

@media (max-width: 1279.98px) {
  .ContentPortail-main {
    margin: 0 auto;
    max-width: 480px;
  }
}

@media (max-width: 991.98px) {
  .ContentPortail-main {
    margin-top: 70px;
    max-width: 360px;
  }
}

@media (max-width: 767.98px) {
  .ContentPortail-main {
    margin-top: 0;
    max-width: 100%;
  }
}

.PortailWelcome-title {
  margin-bottom: 10px;
}

@media (max-width: 1279.98px) {
  .PortailWelcome-title {
    font-size: 30px;
    line-height: 39px;
    margin-bottom: 0;
  }
}

.PortailWelcome-txt {
  font-size: 25px;
  font-weight: 300;
  line-height: 30px;
}

@media (max-width: 1279.98px) {
  .PortailWelcome-txt {
    font-size: 18px;
    line-height: 23px;
  }
}

.PortailWelcome-avantage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px -10px 20px;
}

.PortailWelcome-avantage > *:last-child {
  border-left: 1px solid #E94A31;
}

.PortailWelcome-avantageItem {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding: 0 10px;
}

.PortailWelcome-avantageTitle {
  color: #00497F;
  margin-bottom: 8px;
}

@media (max-width: 1279.98px) {
  .PortailWelcome-avantageTitle {
    font-size: 16px;
    line-height: 20px;
  }
}

.PortailWelcome-avantageTxt {
  font-size: 12px;
  line-height: 15px;
}

.PortailWelcome-outils {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
}

.PortailWelcome-outils > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  padding: 10px;
}

@media (max-width: 575.98px) {
  .PortailWelcome-outils > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.PortailWelcome-logo {
  display: none;
}

@media (max-width: 767.98px) {
  .PortailWelcome-logo {
    display: block;
    margin-bottom: 60px;
    max-width: 300px;
  }
}

@media (max-width: 575.98px) {
  .PortailWelcome-logo {
    max-width: 200px;
    margin-bottom: 40px;
  }
}

.PortailOutil {
  color: white;
  text-align: center;
}

.PortailOutil-link {
  background-color: #00497F;
  border-radius: 30px;
  color: white;
  display: block;
  height: 100%;
  padding: 20px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.PortailOutil-link:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.PortailOutil-icon {
  display: block;
  font-size: 30px;
  margin-bottom: 8px;
}

@media (max-width: 1279.98px) {
  .PortailOutil-icon {
    font-size: 24px;
  }
}

.PortailOutil-name {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.PortailOutil-txt {
  font-size: 14px;
}

.PortailOutil--boutique {
  background-color: #6FAAD6;
}

.PortailOutil--kioske {
  background-color: #C3DA6B;
}

.PortailOutil--hestia {
  background-color: #FF9382;
}

.PortailOutil--m1 {
  background-color: #878787;
}

.TemplateKioskeDossiers {
  height: 100%;
}

.TemplateKioskeDossiers-body {
  height: 100%;
  position: relative;
}

.TemplateKioskeDossiers-breadcrumb {
  margin: 28px 0 16px;
}

.TemplateKioskeDossiers-pageTitle {
  margin-bottom: 24px;
  max-width: 760px;
}

.TemplateKioskeDossiers-order {
  margin-bottom: 14px;
}

.TemplateKioskeDossiers-files {
  margin-bottom: 64px;
  max-width: 940px;
}

@media (max-width: 575.98px) {
  .TemplateKioskeDossiers-files {
    margin-bottom: 48px;
  }
}

.TemplateKioskeHome-title {
  margin: 50px 0 24px;
}

.TemplateKioskeHome-help {
  margin-bottom: 20px;
}

.TemplateKioskeHome-folders {
  margin-top: 20px;
}

.TemplateKioskeHome-files {
  margin-bottom: 64px;
  margin-top: 20px;
}

.TemplateKioskeHome-filesTitle {
  color: #565656;
  margin-bottom: 10px;
}

.Header-desktop {
  border-bottom: 1px solid #EEEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 70px 20px;
}

@media (max-width: 1279.98px) {
  .Header-desktop {
    padding: 40px 40px 20px;
  }
}

@media (max-width: 991.98px) {
  .Header-desktop {
    padding: 20px 24px 20px;
  }
}

@media (max-width: 767.98px) {
  .Header-desktop {
    display: none;
  }
}

.Header-mobile {
  display: none;
}

@media (max-width: 767.98px) {
  .Header-mobile {
    display: block;
  }
}

.Header-presenceVerte, .Header-user {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 340px;
          flex: 0 0 340px;
  max-width: 340px;
}

@media (max-width: 1279.98px) {
  .Header-presenceVerte, .Header-user {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    max-width: 300px;
  }
}

@media (max-width: 991.98px) {
  .Header-presenceVerte, .Header-user {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
}

.Header-presenceVerte {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.Header-portail {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 24px;
}

@media (max-width: 991.98px) {
  .Header-portail {
    margin-right: 12px;
  }
}

.Header-logo {
  width: 200px;
  position: relative;
}

.Header-logo > * {
  left: 0;
  position: absolute;
  top: -22px;
}

@media (max-width: 1279.98px) {
  .Header-logo {
    width: 150px;
  }
  .Header-logo > * {
    top: -12px;
  }
}

@media (max-width: 991.98px) {
  .Header-logo {
    width: 120px;
  }
  .Header-logo > * {
    top: -4px;
  }
}

.Header-search {
  margin: 0 auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.Header-search > :first-child {
  margin: 0 auto;
  max-width: 620px;
}

@media (max-width: 991.98px) {
  .Header-search {
    margin: 0 16px;
    max-width: 290px;
  }
}

.Header-user {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: auto;
}

.SearchKioske {
  background-color: #EEEEEE;
  border: 1px solid #00497F;
  position: relative;
}

.SearchKioske-input {
  background-color: transparent;
  color: #00497F;
  height: 40px;
  padding: 0 60px 0 14px;
  width: 100%;
}

.SearchKioske-input::-webkit-input-placeholder {
  color: #00497F;
  opacity: 1;
}

.SearchKioske-input:-ms-input-placeholder {
  color: #00497F;
  opacity: 1;
}

.SearchKioske-input::-ms-input-placeholder {
  color: #00497F;
  opacity: 1;
}

.SearchKioske-input::placeholder {
  color: #00497F;
  opacity: 1;
}

@media (max-width: 991.98px) {
  .SearchKioske-input {
    height: 32px;
  }
}

.SearchKioske-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 50px;
}

.SearchKioske-btn:hover {
  background-color: #00497F;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.SearchKioske-btn:hover > * {
  color: white;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.SearchKioske-btnIcon {
  color: #00497F;
  font-size: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.PortailBtn {
  display: block;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.PortailBtn:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.PortailBtn-img {
  display: block;
}

@media (max-width: 991.98px) {
  .PortailBtn-img {
    width: 24px;
  }
}

.PortailBtn--mobile {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #EEEEEE;
  border-top: 1px solid #EEEEEE;
  color: #565656;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  line-height: 18px;
  padding: 24px;
}

.PortailBtn--mobile .PortailBtn-img {
  margin-right: 16px;
  max-width: 20px;
}

.PortailBtn--mobile:hover {
  -webkit-transform: none;
          transform: none;
}

.HeaderMobile {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #EEEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
}

.HeaderMobile-btnContainer, .HeaderMobile-searchContainer {
  width: 40px;
}

@media (max-width: 379.98px) {
  .HeaderMobile-btnContainer, .HeaderMobile-searchContainer {
    width: 32px;
  }
}

.HeaderMobile-searchContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.HeaderMobile-logoContainer {
  position: relative;
  top: -10px;
}

.HeaderMobile-btn {
  border: 0;
  background-color: transparent;
  padding: 0;
}

.HeaderMobile-btnImg {
  display: block;
  height: auto;
  width: 100%;
}

.HeaderMobile-logo {
  display: block;
  max-width: 200px;
}

@media (max-width: 379.98px) {
  .HeaderMobile-logo {
    max-width: 130px;
  }
}

.HeaderMobile-search {
  background-color: transparent;
  border: 0;
  color: #00497F;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  padding: 0;
}

.MainContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.MainContent-files {
  -webkit-box-flex: 1;
      -ms-flex: 1 4 auto;
          flex: 1 4 auto;
}

.MainContent-filesContent {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 10px;
  width: 100%;
}

@media (max-width: 1279.98px) {
  .MainContent-filesContent {
    max-width: 960px;
  }
}

@media (max-width: 991.98px) {
  .MainContent-filesContent {
    max-width: 640px;
  }
}

@media (max-width: 767.98px) {
  .MainContent-filesContent {
    max-width: 624px;
  }
}

@media (max-width: 575.98px) {
  .MainContent-filesContent {
    max-width: 100%;
    padding: 0 30px;
  }
}

@media (max-width: 379.98px) {
  .MainContent-filesContent {
    padding: 0 16px;
  }
}

.MainContent-side {
  width: 0;
  z-index: 9;
}

.MainContent--detail .MainContent-files {
  min-width: 640px;
}

@media (max-width: 1024px) {
  .MainContent--detail .MainContent-files {
    min-width: 340px;
    width: 340px;
  }
}

@media (max-width: 767.98px) {
  .MainContent--detail .MainContent-files {
    min-width: 100%;
    width: 100%;
  }
}

.MainContent--detail .MainContent-filesContent {
  max-width: 90%;
}

@media (max-width: 1279.98px) {
  .MainContent--detail .MainContent-filesContent {
    max-width: 100%;
  }
}

@media (max-width: 1024px) {
  .MainContent--detail .MainContent-filesContent {
    padding: 0 20px;
  }
}

.MainContent--detail .MainContent-side {
  background-color: #B6BFC6;
  -webkit-box-flex: 0;
      -ms-flex: 0 6 800px;
          flex: 0 6 800px;
  position: relative;
}

.MainContent--detail .MainContent-side > * {
  margin: 0 auto;
  max-width: 620px;
  padding: 90px 32px;
}

@media (max-width: 767.98px) {
  .MainContent--detail .MainContent-side > * {
    padding: 64px 32px;
  }
}

@media (max-width: 767.98px) {
  .MainContent--detail .MainContent-side {
    bottom: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.GridFiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px;
}

@media (max-width: 767.98px) {
  .GridFiles {
    margin: 0 -2px;
  }
}

.GridFiles > * {
  display: inline-block;
  padding: 10px;
  width: 320px;
}

@media (max-width: 767.98px) {
  .GridFiles > * {
    padding: 10px 0;
    width: 100%;
  }
}

@media (max-width: 623.98px) {
  .GridFiles > * {
    padding: 10px 0;
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .GridFiles > * {
    max-width: none;
  }
}

.GridItem {
  height: 200px;
}

.GridItem-content {
  background-color: yellow;
  height: 100%;
  width: 100%;
}

.Breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.Breadcrumb-link {
  color: #565656;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.Breadcrumb-link::after {
  content: "/";
  color: #565656;
  margin: 0 4px;
  display: inline-block;
}

.Breadcrumb-link:last-child::after {
  display: none;
}

.Breadcrumb-link:hover {
  color: #000000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.Breadcrumb-link:hover::after {
  color: #565656;
}

.Breadcrumb-iconAlert {
  color: #AAC739;
  margin: 0 4px;
  position: relative;
  top: 1px;
}

.PageTitle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.PageTitle-titleContainer {
  position: relative;
}

.PageTitle-back {
  color: #000000;
  display: inline-block;
  left: 0;
  position: absolute;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform ease 0.3s;
  transition: -webkit-transform ease 0.3s;
  transition: transform ease 0.3s;
  transition: transform ease 0.3s, -webkit-transform ease 0.3s;
  top: 6px;
}

.PageTitle-back:hover {
  -webkit-transform: translateX(-4px);
          transform: translateX(-4px);
  -webkit-transition: -webkit-transform ease 0.3s;
  transition: -webkit-transform ease 0.3s;
  transition: transform ease 0.3s;
  transition: transform ease 0.3s, -webkit-transform ease 0.3s;
}

.PageTitle-backIcon {
  font-size: 17px;
  margin-right: 16px;
}

.PageTitle-title {
  font-size: 26px;
  line-height: 30px;
  padding-left: 32px;
}

.PageTitle-description {
  color: #000000;
  margin-top: 14px;
}

.OrderBy-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  font-weight: 700;
  padding: 0;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.OrderBy-btn:hover {
  color: #00497F;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.OrderBy-value {
  margin-right: 4px;
}

.FilesContainer-title {
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 8px;
}

.FilesContainer-sep {
  background-color: #878787;
  border: 0;
  height: 1px;
  margin: 60px 0;
}

.GridItemFolder {
  position: relative;
}

.GridItemFolder-wrapper {
  height: 100%;
  position: relative;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.GridItemFolder-wrapper::before {
  background-image: url("../img/folder.svg");
  background-repeat: no-repeat;
  background-position: right;
  content: "";
  display: block;
  height: 12px;
  position: relative;
  width: 100%;
}

.GridItemFolder-wrapper::after {
  background-color: #888E93;
  content: "";
  height: 2px;
  position: absolute;
  top: 11px;
  right: 0;
  width: 50px;
}

.GridItemFolder-link {
  display: block;
  position: absolute;
  left: 12px;
  top: 12px;
  height: calc(100% - 24px);
  width: calc(100% - 24px);
  z-index: 1;
}

.GridItemFolder-link:hover + .GridItemFolder-wrapper {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.GridItemFolder-content {
  background-color: #888E93;
  border-radius: 8px 0 8px 8px;
  height: 120px;
  padding: 16px 60px 14px 20px;
  position: relative;
}

.GridItemFolder-follow {
  position: absolute;
  right: 2px;
  top: 2px;
}

.GridItemFolder-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 1px;
  min-height: 100%;
}

.GridItemFolder-name {
  color: white;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
}

.GridItemFolder--withImg .GridItemFolder-content {
  padding: 48px 16px 14px 128px;
}

.GridItemFolder-imgContainer {
  border-radius: 8px 0 0 8px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 112px;
}

.GridItemFolder-img {
  height: auto;
  width: 100%;
}

.GridItemFile {
  height: 96px;
  position: relative;
}

.GridItemFile-wrapper {
  height: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.GridItemFile-link {
  display: block;
  position: absolute;
  left: 12px;
  top: 12px;
  height: calc(100% - 24px);
  width: calc(100% - 24px);
  z-index: 1;
}

.GridItemFile-link:hover + .GridItemFile-wrapper {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.GridItemFile-content {
  background-color: #EEEEEE;
  border-radius: 8px;
  height: 100%;
  overflow: hidden;
  padding-left: 86px;
  position: relative;
}

.GridItemFile-type {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #888E93;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 86px;
}

.GridItemFile-type--activ {
  background-color: #00497F;
}

.GridItemFile-follow {
  position: absolute;
  right: 0;
  top: 0;
}

.GridItemFile-infos {
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 1px;
  min-height: 100%;
  padding: 12px 50px 12px 16px;
}

.GridItemFile-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 4px;
}

.GridItemFile-inside {
  font-size: 11px;
  line-height: 13px;
}

.FollowFiles {
  background-color: transparent;
  border: 0;
  color: #565656;
  padding: 8px;
  position: relative;
  z-index: 999;
}

.FollowFiles-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  border: 0;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  width: 30px;
}

.FollowFiles-notif {
  position: absolute;
  right: 6px;
  top: 2px;
}

.FollowFiles--on {
  color: #AAC739;
}

.FollowFiles--big .FollowFiles-container {
  height: 48px;
  font-size: 18px;
  width: 48px;
}

@media (max-width: 767.98px) {
  .FollowFiles--big .FollowFiles-container {
    height: 30px;
    font-size: 14px;
    width: 30px;
  }
}

.MenuMobile {
  background-color: white;
  background-image: url("../img/bg/bg_kioske.svg");
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100vh;
  position: absolute;
  width: 300px;
  z-index: 9;
}

.MenuMobile-header {
  background-color: white;
  border-bottom: 1px solid #EEEEEE;
  padding: 6px 24px 24px;
  position: relative;
}

.MenuMobile-logo {
  max-width: 150px;
}

.MenuMobile-closeBtn {
  background-color: transparent;
  border: 0;
  color: #565656;
  padding: 0;
  position: absolute;
  right: 24px;
  top: 32px;
}

.MenuMobile-user {
  border-bottom: 1px solid #EEEEEE;
  padding: 24px;
}

.MenuMobile-nav {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 24px;
}

.MenuMobile-navLink {
  color: #00497F;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  padding: 12px 24px;
}

.MenuMobile-navTxt {
  margin-left: 8px;
  position: relative;
  top: -1px;
}

.MenuMobile-navSettingIcon {
  color: #565656;
}

.MenuMobile-navLogoutIcon {
  color: #E94A31;
}

.MenuMobile-backPortailLink {
  display: block;
  padding: 24px;
}

.ToolTitle {
  color: #AAC739;
  position: relative;
}

.ToolTitle-icon {
  font-size: 40px;
  left: 0;
  position: absolute;
  top: 6px;
}

.ToolTitle-title {
  color: #AAC739;
  padding-left: 56px;
}

.ToolTitle--profil {
  color: #00497F;
}

.ToolTitle--profil .ToolTitle-title {
  color: #00497F;
}

.KioskeHelp {
  background-color: #E9EBED;
  border-radius: 8px;
  padding: 30px 10px 16px 40px;
}

@media (max-width: 1279.98px) {
  .KioskeHelp {
    padding: 24px;
  }
}

.KioskeHelp-title {
  color: #565656;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 20px;
}

@media (max-width: 575.98px) {
  .KioskeHelp-title {
    font-size: 20px;
    line-height: 24px;
  }
}

.KioskeHelp-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -20px;
}

@media (max-width: 575.98px) {
  .KioskeHelp-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.KioskeHelp-step {
  border-right: 1px solid #E94A31;
  padding: 0 20px;
  width: 22.6666%;
}

.KioskeHelp-step:nth-child(3) {
  border-right: 0;
}

@media (max-width: 991.98px) {
  .KioskeHelp-step {
    width: 33.3333%;
  }
}

@media (max-width: 575.98px) {
  .KioskeHelp-step {
    border-right: 0;
    padding: 20px;
    width: 100%;
  }
}

.KioskeHelp-stepContent {
  padding-left: 56px;
  position: relative;
}

@media (max-width: 1279.98px) {
  .KioskeHelp-stepContent {
    padding-left: 32px;
  }
}

.KioskeHelp-imgContainer {
  max-width: 376px;
  position: relative;
  width: 32%;
}

@media (max-width: 991.98px) {
  .KioskeHelp-imgContainer {
    display: none;
  }
}

.KioskeHelp-img {
  bottom: -16px;
  height: auto;
  max-width: 100%;
  position: absolute;
  right: 0;
}

@media (max-width: 1279.98px) {
  .KioskeHelp-img {
    bottom: -24px;
  }
}

.KioskeHelp-iconContainer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: white;
  border: 1px solid #AAC739;
  border-radius: 50px;
  color: #AAC739;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 48px;
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
}

@media (max-width: 1279.98px) {
  .KioskeHelp-iconContainer {
    font-size: 16px;
    height: 32px;
    width: 32px;
  }
}

.KioskeHelp-txtContainer {
  padding-left: 20px;
}

@media (max-width: 1279.98px) {
  .KioskeHelp-txtContainer {
    padding-left: 12px;
  }
}

.KioskeHelp-txtBig {
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}

@media (max-width: 1279.98px) {
  .KioskeHelp-txtBig {
    font-size: 14px;
    line-height: 18px;
  }
}

.KioskeHeaderImg {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.KioskeHeaderImg-link {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 9;
}

.KioskeHeaderImg-link:hover + .KioskeHeaderImg-img {
  opacity: 0.9;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.KioskeHeaderImg-img {
  display: block;
  height: auto;
  max-width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.KioskeHeaderImg-infosContainer {
  bottom: -1px;
  position: absolute;
  right: 0;
}

@media (max-width: 991.98px) {
  .KioskeHeaderImg-infosContainer {
    bottom: auto;
    position: relative;
  }
}

.KioskeHeaderImg-wrapper {
  background-color: #EEEEEE;
  min-width: 660px;
  padding: 16px 80px 16px 16px;
  position: relative;
}

@media (max-width: 991.98px) {
  .KioskeHeaderImg-wrapper {
    min-width: 0;
  }
}

.KioskeHeaderImg-wrapper::before {
  background-image: url("../../img/angle-left-kioske-image.svg");
  background-repeat: no-repeat;
  content: "";
  display: block;
  left: -50px;
  height: 100%;
  position: absolute;
  top: 0;
  width: 50px;
}

@media (max-width: 991.98px) {
  .KioskeHeaderImg-wrapper::before {
    display: none;
  }
}

.KioskeHeaderImg-follow {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  position: absolute;
  right: 12px;
  top: 0;
}

.KioskeHeaderImg-name {
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 10px;
}

@media (max-width: 767.98px) {
  .KioskeHeaderImg-name {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0;
  }
}

@media (max-width: 575.98px) {
  .KioskeHeaderImg-name {
    font-size: 16px;
    line-height: 21px;
  }
}

.FolderInside {
  color: white;
  font-size: 11px;
  line-height: 13px;
}

.FolderInside--kioskeHeaderImg {
  color: #565656;
  font-size: 14px;
  line-height: 16px;
}

.TemplateKioskeProfil {
  height: 100%;
}

.TemplateKioskeProfil-breadcrumb {
  margin: 28px 0 16px;
}

.TemplateKioskeProfil-title {
  margin-bottom: 48px;
}

@media (max-width: 575.98px) {
  .TemplateKioskeProfil-title {
    margin-bottom: 32px;
  }
}

.TemplateKioskeProfil-notifications {
  margin-bottom: 36px;
  margin-top: 40px;
}

.TemplateKioskeProfil-notificationsTitle {
  margin-bottom: 16px;
}

.TemplateKioskeProfil-alertesTitle {
  color: #00497F;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 16px;
}

.TemplateKioskeProfil-save {
  margin: 56px 0 128px;
}

@media (max-width: 991.98px) {
  .TemplateKioskeProfil-save {
    margin: 40px 0 72px;
  }
}

@media (max-width: 575.98px) {
  .TemplateKioskeProfil-save {
    margin: 32px 0 56px;
  }
}

.ProfilFormInputContainer {
  color: #00497F;
}

.ProfilFormInputContainer-label {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
}

.ProfilFormInputContainer-input {
  background-color: white;
  border: 1px solid #00497F;
  height: 38px;
  margin-bottom: 14px;
  padding: 0 10px;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  width: 100%;
}

.ProfilFormInputContainer-input:hover, .ProfilFormInputContainer-input:focus {
  border-color: #6FAAD6;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

@media (max-width: 575.98px) {
  .ProfilFormInputContainer-input {
    margin-bottom: 24px;
  }
}

.ProfilFormCheckboxContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.ProfilFormCheckboxContainer-checkbox {
  left: 0;
  position: absolute;
  top: 1px;
}

.ProfilFormCheckboxContainer-label {
  padding-left: 20px;
}

.ProfilAlertItem {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

@media (max-width: 575.98px) {
  .ProfilAlertItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 32px;
  }
}

.ProfilAlertItem-switch {
  margin-right: 20px;
}

@media (max-width: 575.98px) {
  .ProfilAlertItem-switch {
    margin-bottom: 8px;
  }
}

.ProfilAlertItem-txtContainer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ProfilAlertItem-folder {
  color: #000000;
  font-weight: 700;
}

.ProfilAlertBreadcrumb {
  font-size: 0;
}

.ProfilAlertBreadcrumb-item {
  font-size: 14px;
}

.ProfilAlertBreadcrumb-item::after {
  content: "/";
  display: inline-block;
  margin: 0 2px;
  white-space: wrap;
}

.ProfilAlertBreadcrumb-item:last-child::after {
  display: none;
}

.Button {
  background-color: #00497F;
  border: 0;
  border-radius: 20px;
  color: white;
  font-weight: 700;
  min-width: 140px;
  padding: 14px 24px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.Button:hover {
  background-color: #AAC739;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.Button--white {
  background-color: white;
  color: #00497F;
}

.Button--white:hover {
  background-color: #00497F;
  color: white;
}

.FileDetail {
  background-color: #B6BFC6;
}

.FileDetail-close {
  background-color: transparent;
  border: 0;
  color: white;
  font-size: 18px;
  padding: 8px;
  position: absolute;
  right: 32px;
  top: 32px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.FileDetail-close:hover {
  color: #00497F;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (max-width: 767.98px) {
  .FileDetail-close {
    right: 16px;
    top: 16px;
  }
}

.FileDetail-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

@media (max-width: 1279.98px) {
  .FileDetail-header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.FileDetail-infos {
  margin-right: 40px;
  position: relative;
}

@media (max-width: 1279.98px) {
  .FileDetail-infos {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0;
  }
}

@media (max-width: 1279.98px) {
  .FileDetail-download {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-top: 20px;
    padding-left: 64px;
  }
  .FileDetail-download > * {
    margin-left: auto;
  }
}

@media (max-width: 575.98px) {
  .FileDetail-download > * {
    margin-left: 0;
  }
}

.FileDetail-type {
  position: absolute;
}

.FileDetail-txtContainer {
  padding-left: 64px;
}

.FileDetail-name {
  color: #00497F;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 8px;
}

.FileDetail-txt {
  font-size: 12px;
  line-height: 15px;
}

.FileDetail-datesAndSize {
  display: block;
  font-size: 0;
  margin-bottom: 22px;
}

.FileDetail-datesAndSize > * {
  font-size: 12px;
}

.FileDetail-datesAndSize > *::after {
  content: "-";
  display: inline-block;
  margin: 0 2px;
}

.FileDetail-datesAndSize > *:last-child::after {
  display: none;
}

.FileDetail-previewContainer > * {
  display: block;
  max-width: 100%;
}

.FileType--detail {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #00497F;
  border-radius: 8px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
  padding: 8px;
  width: 48px;
}

.Switch {
  background-color: #D8D8D8;
  border-radius: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 36px;
  width: 68px;
}

.Switch-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #AAC739;
  border-radius: 50px;
  color: white;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
}

.TemplateLogin-loginBox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 66.6666%;
}

@media (max-width: 991.98px) {
  .TemplateLogin-loginBox {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 100%;
    padding: 120px 24px;
  }
}

@media (max-width: 767.98px) {
  .TemplateLogin-loginBox {
    padding: 80px 24px;
  }
}

@media (max-width: 575.98px) {
  .TemplateLogin-loginBox {
    padding: 40px 24px;
  }
}

.TemplateLogin-loginBox > :first-child {
  max-width: 300px;
}

.LoginBox-img {
  margin-bottom: 48px;
}

.LoginBox-img > :first-child {
  max-width: 250px;
}

@media (max-width: 575.98px) {
  .LoginBox-img > :first-child {
    margin: 0 auto;
    max-width: 200px;
  }
}

.LoginBox-txtContainer {
  margin-bottom: 32px;
}

.LoginBox-welcome {
  color: #00497F;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 8px;
}

.LoginBox-label, .LoginBox-row {
  display: block;
}

.FormLogin {
  color: #00497F;
}

.FormLogin-row {
  margin-bottom: 24px;
  position: relative;
}

.FormLogin-label {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
}

.FormLogin-input {
  background-color: white;
  border: 1px solid #00497F;
  height: 38px;
  padding: 0 10px;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  width: 100%;
}

.FormLogin-input:hover, .FormLogin-input:focus {
  border-color: #6FAAD6;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.FormLogin-forgotPasswordContainer {
  margin-top: 8px;
  text-align: right;
}

.FormLogin-forgotPassword {
  color: #00497F;
  font-size: 12px;
  line-height: 16px;
}

.FormLogin-error {
  top: 0;
  color: #E94A31;
  display: block;
  font-size: 11px;
  line-height: 16px;
  text-align: right;
  margin-top: 4px;
  position: absolute;
  right: 0;
}

.FormLogin-cancel {
  color: #00497F;
  margin-left: 24px;
}

.FormLogin-cancel:hover {
  color: #000000;
}
/*# sourceMappingURL=sources.css.map */