html,
body,
.mm-page,
.dialog-off-canvas-main-canvas {
  min-height: 100vh;
}
#page {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
}
#page #main-wrapper {
  flex-grow: 1;
}
a {
  text-decoration: none;
  color: #ff6c00;
}
a:hover {
  color: #89bd27;
}
ul,
li,
ul.menu {
  margin: 0;
  padding: 0;
}
figure {
  margin: 0;
}
img {
  max-width: 100%;
  height: auto !important;
}
.fa,
.fas,
.far {
  color: #89bd27;
}
.placeholder {
  background-color: transparent !important;
}
.btn .fa,
.button .fa,
.btn .fas,
.button .fas,
.btn .far,
.button .far {
  color: #ffffff;
}
*:focus {
  outline: none !important;
}
.badge-wrap {
  position: relative;
  display: block;
}
.badge-wrap .badge {
  position: absolute;
  top: 0;
  right: -10px;
}
.alert {
  text-align: center;
}
.alert p:last-child {
  margin-bottom: 0;
}
.iconSVG,
.icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #000000;
  color: #000000;
}
.button,
.btn {
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  color: #ffffff;
  background: #000000;
  border-radius: 4px;
  max-width: 100%;
  display: block;
  text-align: center;
  width: max-content;
  margin: auto;
  border: 0;
  transition: all ease 0.6s;
}
.button:focus,
.btn:focus {
  outline: none !important;
  box-shadow: none !important;
}
.button:hover,
.btn:hover {
  text-decoration: none;
  background: #89bd27;
  transition: all ease 0.6s;
}
.button.button-primary,
.btn.button-primary,
.button.btn-primary,
.btn.btn-primary {
  background: #008eab;
}
.button.button-primary:hover,
.btn.button-primary:hover,
.button.btn-primary:hover,
.btn.btn-primary:hover {
  background: #ff6c00;
  color: #ffffff;
}
.button.button-secondary,
.btn.button-secondary,
.button.btn-secondary,
.btn.btn-secondary {
  background: #ff6c00;
}
.button.button-secondary:hover,
.btn.button-secondary:hover,
.button.btn-secondary:hover,
.btn.btn-secondary:hover {
  background: #008eab;
  color: #ffffff;
}
.button.button-icon,
.btn.button-icon {
  background: none;
  padding: 0;
  color: #000000;
}
.button.button-icon i,
.btn.button-icon i {
  color: #000000;
}
.button.button-icon:hover,
.btn.button-icon:hover {
  text-decoration: underline;
  background: none;
}
.button.button-simply,
.btn.button-simply,
.button.btn-simply,
.btn.btn-simply {
  text-decoration: underline;
  text-transform: none;
  padding: 0;
  background: none;
  color: #000000;
}
.button.button-simply:hover,
.btn.button-simply:hover,
.button.btn-simply:hover,
.btn.btn-simply:hover {
  text-decoration: none;
  background: none;
}
.button.btn-cover,
.btn.btn-cover {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0;
}
.btn.btn-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 1rem 0;
  background: none;
  text-align: left;
  color: #000000;
  font-size: 1.5rem;
  text-transform: none;
  width: 100%;
}
.btn.btn-title:after {
  transition: all ease 0.6s;
  display: block;
  content: "";
  width: 32px;
  height: 32px;
  background: #000000;
  mask: url("/themes/custom/startinfos_front/images/icons/chevron-down-solid.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/startinfos_front/images/icons/chevron-down-solid.svg") no-repeat center / contain;
}
.btn.btn-title.collapsed:after {
  transform: rotate(180deg);
  transition: all ease 0.6s;
}
.user-logged-in #header {
  position: relative;
  z-index: 500;
}
#header {
  position: relative;
  z-index: 1000;
}
#header .header-wrap {
  background: #ffffff;
  position: relative;
  z-index: 100;
}
#header .container:first-child > .row .col:last-child {
  flex-grow: 1;
}
#header .container:first-child .header-top-first {
  display: flex;
  align-items: center;
}
#header .container:first-child .header-top-second {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#header .block-system-branding-block {
  width: 180px;
}
#header .block-system-branding-block img {
  width: 100%;
}
#header .dropdown-menu {
  padding: 0;
  margin: 0;
}
#header .MenuSwitchAccountWrap .dropdown-menu .dropdown-item.btn.btn-primary {
  margin: 2px;
  text-transform: none;
  width: inherit;
  max-width: 100%;
  border-radius: 0;
  text-align: left;
  padding: 0.25rem;
  font-size: 0.9rem;
  background: #ffffff;
  color: #000000;
}
#header .MenuSwitchAccountWrap .dropdown-menu .dropdown-item.btn.btn-primary:hover {
  background: #89bd27;
  color: #ffffff;
}
div[data-drupal-messages] div[role="contentinfo"] {
  padding: 0.5rem;
  border-top: 1px solid #20262b;
  background: #3c434a;
  color: #ffffff;
  position: relative;
}
div[data-drupal-messages] div[role="contentinfo"]:last-child {
  border-bottom: 1px solid #20262b;
}
div[data-drupal-messages] div[role="contentinfo"]::before {
  position: absolute;
  width: 14px;
  height: 100%;
  content: "";
  display: block;
  top: 0;
  left: 0;
}
div[data-drupal-messages] div[role="contentinfo"] a {
  text-decoration: underline;
  color: #ffffff;
}
div[data-drupal-messages] div[role="contentinfo"] a:hover {
  text-decoration: none;
}
div[data-drupal-messages] div[role="contentinfo"] .content-wrap {
  display: flex;
}
div[data-drupal-messages] div[role="contentinfo"] .content-wrap .icon-wrap {
  width: 24px;
  flex-grow: 0;
}
div[data-drupal-messages] div[role="contentinfo"].messages-type-status:before {
  background: #008eab;
}
div[data-drupal-messages] div[role="contentinfo"].messages-type-status .icon-wrap i {
  color: #008eab;
}
div[data-drupal-messages] div[role="contentinfo"].messages-type-warning:before {
  background: #ff6c00;
}
div[data-drupal-messages] div[role="contentinfo"].messages-type-warning .icon-wrap i {
  color: #ff6c00;
}
div[data-drupal-messages] div[role="contentinfo"].messages-type-error:before {
  background: #e84e0f;
}
div[data-drupal-messages] div[role="contentinfo"].messages-type-error .icon-wrap i {
  color: #e84e0f;
}
.featured-top {
  background: #ffffff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.featured-top ul.tabs {
  margin: 0;
}
#footer {
  background: #ffffff;
  padding: 25px 0;
}
#footer .site-footer-bottom {
  font-size: 0.8rem;
}
#footer .site-footer-bottom > .container > .row {
  align-items: center;
}
#footer .logo-partners {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
#footer .logo-partners .logo-partner {
  display: block;
  max-width: 170px;
}
.socialMedia {
  display: flex;
  justify-content: center;
  align-items: center;
}
.socialMedia .blockButton {
  display: block;
  height: 32px;
  width: 32px;
  background: #ff6c00;
  margin: 0.2rem;
  transition: all ease 0.6s;
}
.socialMedia .blockButton:hover {
  background: #ffffff;
  transition: all ease 0.6s;
}
.socialMedia .blockButton.i_facebook {
  mask: url("/themes/custom/startinfos_front/images/icons/source/facebook.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/startinfos_front/images/icons/source/facebook.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i_linkedin {
  mask: url("/themes/custom/startinfos_front/images/icons/source/linkedin.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/startinfos_front/images/icons/source/linkedin.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i_instagram {
  mask: url("/themes/custom/startinfos_front/images/icons/source/instagram.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/startinfos_front/images/icons/source/instagram.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i_youtube {
  mask: url("/themes/custom/startinfos_front/images/icons/source/youtube.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/startinfos_front/images/icons/source/youtube.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i_twitter {
  mask: url("/themes/custom/startinfos_front/images/icons/source/twitter.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/custom/startinfos_front/images/icons/source/twitter.svg") no-repeat center / contain;
}
@media all and (max-width: 767px) {
  #header .header-wrap > .container > .row > .col:first-child {
    flex-grow: 2;
  }
}
@media all and (min-width: 768px) {
  #footer .site-footer-bottom > .container > .row {
    flex-direction: row-reverse;
  }
  #footer .site-footer-bottom > .container > .row .socialMedia {
    justify-content: flex-end;
  }
}