@charset "UTF-8";
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper .header-transverse :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper .header-transverse {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper .header-transverse {
    font-size: 14px;
  }
}
.bodywrapper .header-transverse .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper .header-transverse .btn:hover, .bodywrapper .header-transverse .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper .header-transverse .btn:before {
  display: none;
  content: none;
}
.bodywrapper .header-transverse .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper .header-transverse .btn.btn-primary:hover, .bodywrapper .header-transverse .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper .header-transverse .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper .header-transverse .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper .header-transverse .btn.btn-success:hover, .bodywrapper .header-transverse .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper .header-transverse .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-login:hover, .bodywrapper .header-transverse .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper .header-transverse .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-logout:hover, .bodywrapper .header-transverse .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper .header-transverse .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-avatar:hover, .bodywrapper .header-transverse .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper .header-transverse .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper .header-transverse .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper .header-transverse .btn.btn-danger:hover, .bodywrapper .header-transverse .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper .header-transverse .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper .header-transverse .btn.btn-info:hover, .bodywrapper .header-transverse .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper .header-transverse .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper .header-transverse .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper .header-transverse .btn.btn-close:hover, .bodywrapper .header-transverse .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper .header-transverse .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper .header-transverse .link:hover, .bodywrapper .header-transverse .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper .header-transverse .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper .header-transverse .menu-toggler:hover, .bodywrapper .header-transverse .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper .header-transverse .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper .header-transverse .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper .header-transverse .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper .header-transverse .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper .header-transverse .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper .header-transverse .text-bold {
  font-weight: bold;
}
.bodywrapper .header-transverse .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper .header-transverse .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper .header-transverse .hidden-mobile {
    display: none;
  }
}
.bodywrapper .header-transverse #skip-links {
  margin-top: -20px;
  margin-bottom: 20px;
}
body[data-theme=light] .bodywrapper .header-transverse {
  --mma-link-text-color: #2244b7;
  --mma-header-bg-color: #ffffff;
  --mma-header-text-color: #2244b7;
  --mma-header-connexion-label-color: #475682;
  --mma-header-ec-username-desktop-color: #000000;
  --mma-header-ec-username-mobile-color: #475682;
  --mma-header-ec-lastlogin-color: #898992;
}

@media (prefers-color-scheme: light) {
  .bodywrapper .header-transverse {
    --mma-link-text-color: #2244b7;
    --mma-header-bg-color: #ffffff;
    --mma-header-text-color: #2244b7;
    --mma-header-connexion-label-color: #475682;
    --mma-header-ec-username-desktop-color: #000000;
    --mma-header-ec-username-mobile-color: #475682;
    --mma-header-ec-lastlogin-color: #898992;
  }
}

body[data-theme=dark] .bodywrapper .header-transverse {
  --mma-link-text-color: #2244b7;
  --mma-header-bg-color: #ffffff;
  --mma-header-text-color: #2244b7;
  --mma-header-connexion-label-color: #475682;
  --mma-header-ec-username-desktop-color: #000000;
  --mma-header-ec-username-mobile-color: #475682;
  --mma-header-ec-lastlogin-color: #898992;
  /* 
    --mma-link-text-color : #ffffff;
    --mma-header-bg-color : #1d1d1d;
    --mma-header-text-color : #ffffff;
    --mma-header-connexion-label-color : #ffffff;
    --mma-header-ec-username-desktop-color : #ffffff;
    --mma-header-ec-username-mobile-color : #2c3551;
    --mma-header-ec-lastlogin-color : #898992;
    */
}

@media (prefers-color-scheme: dark) {
  .bodywrapper .header-transverse {
    --mma-link-text-color: #2244b7;
    --mma-header-bg-color: #ffffff;
    --mma-header-text-color: #2244b7;
    --mma-header-connexion-label-color: #475682;
    --mma-header-ec-username-desktop-color: #000000;
    --mma-header-ec-username-mobile-color: #475682;
    --mma-header-ec-lastlogin-color: #898992;
    /* 
      --mma-link-text-color : #ffffff;
      --mma-header-bg-color : #1d1d1d;
      --mma-header-text-color : #ffffff;
      --mma-header-connexion-label-color : #ffffff;
      --mma-header-ec-username-desktop-color : #ffffff;
      --mma-header-ec-username-mobile-color : #2c3551;
      --mma-header-ec-lastlogin-color : #898992;
      */
  }
}

body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper .navigation-ec :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper .navigation-ec {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper .navigation-ec {
    font-size: 14px;
  }
}
.bodywrapper .navigation-ec .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper .navigation-ec .btn:hover, .bodywrapper .navigation-ec .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper .navigation-ec .btn:before {
  display: none;
  content: none;
}
.bodywrapper .navigation-ec .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper .navigation-ec .btn.btn-primary:hover, .bodywrapper .navigation-ec .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper .navigation-ec .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper .navigation-ec .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper .navigation-ec .btn.btn-success:hover, .bodywrapper .navigation-ec .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-login:hover, .bodywrapper .navigation-ec .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-logout:hover, .bodywrapper .navigation-ec .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-avatar:hover, .bodywrapper .navigation-ec .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper .navigation-ec .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper .navigation-ec .btn.btn-danger:hover, .bodywrapper .navigation-ec .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper .navigation-ec .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper .navigation-ec .btn.btn-info:hover, .bodywrapper .navigation-ec .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper .navigation-ec .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper .navigation-ec .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper .navigation-ec .btn.btn-close:hover, .bodywrapper .navigation-ec .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper .navigation-ec .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper .navigation-ec .link:hover, .bodywrapper .navigation-ec .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper .navigation-ec .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper .navigation-ec .menu-toggler:hover, .bodywrapper .navigation-ec .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper .navigation-ec .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper .navigation-ec .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper .navigation-ec .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper .navigation-ec .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper .navigation-ec .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper .navigation-ec .text-bold {
  font-weight: bold;
}
.bodywrapper .navigation-ec .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper .navigation-ec .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper .navigation-ec .hidden-mobile {
    display: none;
  }
}
body[data-theme=light] .bodywrapper .navigation-ec {
  --mma-header-navigation-ec-text-color: #ffffff;
  --mma-header-navigation-ec-bg-color1: #2d479c;
  --mma-header-navigation-ec-bg-color2: #283e86;
}

@media (prefers-color-scheme: light) {
  .bodywrapper .navigation-ec {
    --mma-header-navigation-ec-text-color: #ffffff;
    --mma-header-navigation-ec-bg-color1: #2d479c;
    --mma-header-navigation-ec-bg-color2: #283e86;
  }
}

body[data-theme=dark] .bodywrapper .navigation-ec {
  --mma-header-navigation-ec-text-color: #ffffff;
  --mma-header-navigation-ec-bg-color1: #2d479c;
  --mma-header-navigation-ec-bg-color2: #283e86;
  /* In the future perhaps :-)
  --mma-header-navigation-ec-text-color : #ffffff;
   --mma-header-navigation-ec-bg-color1 : #1c2c61;
   --mma-header-navigation-ec-bg-color2 : #16234b;
   */
}

@media (prefers-color-scheme: dark) {
  .bodywrapper .navigation-ec {
    --mma-header-navigation-ec-text-color: #ffffff;
    --mma-header-navigation-ec-bg-color1: #2d479c;
    --mma-header-navigation-ec-bg-color2: #283e86;
    /* In the future perhaps :-)
    --mma-header-navigation-ec-text-color : #ffffff;
     --mma-header-navigation-ec-bg-color1 : #1c2c61;
     --mma-header-navigation-ec-bg-color2 : #16234b;
     */
  }
}

body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper .header-transverse :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper .header-transverse {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper .header-transverse {
    font-size: 14px;
  }
}
.bodywrapper .header-transverse .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper .header-transverse .btn:hover, .bodywrapper .header-transverse .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper .header-transverse .btn:before {
  display: none;
  content: none;
}
.bodywrapper .header-transverse .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper .header-transverse .btn.btn-primary:hover, .bodywrapper .header-transverse .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper .header-transverse .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper .header-transverse .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper .header-transverse .btn.btn-success:hover, .bodywrapper .header-transverse .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper .header-transverse .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-login:hover, .bodywrapper .header-transverse .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper .header-transverse .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-logout:hover, .bodywrapper .header-transverse .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper .header-transverse .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-avatar:hover, .bodywrapper .header-transverse .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper .header-transverse .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper .header-transverse .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper .header-transverse .btn.btn-danger:hover, .bodywrapper .header-transverse .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper .header-transverse .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper .header-transverse .btn.btn-info:hover, .bodywrapper .header-transverse .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper .header-transverse .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper .header-transverse .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper .header-transverse .btn.btn-close:hover, .bodywrapper .header-transverse .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper .header-transverse .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper .header-transverse .link:hover, .bodywrapper .header-transverse .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper .header-transverse .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper .header-transverse .menu-toggler:hover, .bodywrapper .header-transverse .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper .header-transverse .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper .header-transverse .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper .header-transverse .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper .header-transverse .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper .header-transverse .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper .header-transverse .text-bold {
  font-weight: bold;
}
.bodywrapper .header-transverse .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper .header-transverse .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper .header-transverse .hidden-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .bodywrapper .header-transverse.default, .bodywrapper .header-transverse.parcours {
    background-color: var(--mma-header-bg-color);
    background-image: none;
    padding: 20px 0;
    position: relative;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    font-size: 14px;
  }
  .bodywrapper .header-transverse.default > .container, .bodywrapper .header-transverse.parcours > .container {
    display: flex;
    flex-direction: row;
    width: 997px;
    margin: auto;
  }
  .bodywrapper .header-transverse.default > .container .menu-toggler.mma-mobile-menu-toggler, .bodywrapper .header-transverse.parcours > .container .menu-toggler.mma-mobile-menu-toggler {
    display: none;
  }
  .bodywrapper .header-transverse.default > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.parcours > .container .menu-toggler.mma-desktop-menu-toggler {
    margin-right: 0;
  }
  .bodywrapper .header-transverse.default > .container .logo, .bodywrapper .header-transverse.parcours > .container .logo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-right: 20px;
    padding-left: 20px;
    width: 28%;
  }
  .bodywrapper .header-transverse.default > .container .logo .logo-mobile, .bodywrapper .header-transverse.parcours > .container .logo .logo-mobile {
    display: none;
  }
  .bodywrapper .header-transverse.default > .container .navigation-desktop, .bodywrapper .header-transverse.parcours > .container .navigation-desktop {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding-right: 20px;
    padding-left: 20px;
    border-left: 1px solid #dadaee;
    border-right: 1px solid #dadaee;
    border-radius: unset !important;
    width: 44%;
  }
  .bodywrapper .header-transverse.default > .container .navigation-desktop .list-links, .bodywrapper .header-transverse.parcours > .container .navigation-desktop .list-links {
    display: flex;
    flex-wrap: wrap;
    flex: auto;
    margin: 0;
  }
  .bodywrapper .header-transverse.default > .container .navigation-desktop .list-links li, .bodywrapper .header-transverse.parcours > .container .navigation-desktop .list-links li {
    padding: 7px 0;
    width: 50%;
  }
  .bodywrapper .header-transverse.default > .container .navigation-mobile, .bodywrapper .header-transverse.parcours > .container .navigation-mobile {
    display: none;
  }
  .bodywrapper .header-transverse.default > .container .header-connexion, .bodywrapper .header-transverse.parcours > .container .header-connexion {
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 28%;
  }
  .bodywrapper .header-transverse.default > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.parcours > .container .header-connexion .header-connexion-label {
    color: var(--mma-header-connexion-label-color);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
  }
  .bodywrapper .header-transverse.default > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.parcours > .container .header-connexion .header-connexion-nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
  }
  .bodywrapper .header-transverse.default > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-logout, .bodywrapper .header-transverse.default > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.parcours > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-logout, .bodywrapper .header-transverse.parcours > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-avatar {
    padding: 7px;
  }
  .bodywrapper .header-transverse.default > .container .header-connexion .btn.header-connexion-btn-login, .bodywrapper .header-transverse.parcours > .container .header-connexion .btn.header-connexion-btn-login {
    flex: none;
    width: auto;
    max-width: 160px;
    line-height: 1;
  }
  .bodywrapper .header-transverse.default > .container .header-connexion .list-links, .bodywrapper .header-transverse.parcours > .container .header-connexion .list-links {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 10px;
    flex: none;
    padding: 0;
  }
  .bodywrapper .header-transverse.default > .container .header-connexion .list-links li, .bodywrapper .header-transverse.parcours > .container .header-connexion .list-links li {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .bodywrapper .header-transverse.default.header-transverse-logged > .container .header-connexion, .bodywrapper .header-transverse.parcours.header-transverse-logged > .container .header-connexion {
    flex-direction: column;
    justify-content: center;
  }
  .bodywrapper .header-transverse.default.header-transverse-logged > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.parcours.header-transverse-logged > .container .header-connexion .header-connexion-label {
    margin: 5px 0 15px;
  }
  .bodywrapper .header-transverse.default.header-transverse-logged > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout + .btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.parcours.header-transverse-logged > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout + .btn.header-connexion-btn-avatar {
    margin-left: 5px;
  }
  .bodywrapper .header-transverse.default.header-transverse-logged > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.parcours.header-transverse-logged > .container .header-connexion .btn.header-connexion-btn-logout {
    display: inline-block;
  }
  .bodywrapper .header-transverse.default:not(.header-transverse-logged) > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.parcours:not(.header-transverse-logged) > .container .header-connexion .btn.header-connexion-btn-logout {
    display: none;
  }
  .bodywrapper .header-transverse.default .header-lien-rapide, .bodywrapper .header-transverse.parcours .header-lien-rapide {
    position: absolute;
    top: 100%;
    right: 0;
    margin-right: 20%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    z-index: 1;
    display: block;
  }
  .bodywrapper .header-transverse.default .header-lien-rapide a, .bodywrapper .header-transverse.parcours .header-lien-rapide a {
    color: white;
    line-height: 1.4;
  }
  .bodywrapper .header-transverse.default .header-lien-rapide a:before, .bodywrapper .header-transverse.parcours .header-lien-rapide a:before {
    content: ">";
  }
  .bodywrapper .header-transverse.default .header-connexion-alternate, .bodywrapper .header-transverse.parcours .header-connexion-alternate {
    list-style: none;
  }
}
@media (min-device-width: 1200px) {
  .bodywrapper .header-transverse.mmafr, .bodywrapper .header-transverse.mmapro, .bodywrapper .header-transverse.ec, .bodywrapper .header-transverse.sag {
    min-width: 1120px;
    background-color: var(--mma-header-bg-color);
    background-image: none;
    padding: 20px 0;
    position: relative;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    font-size: 14px;
  }
  .bodywrapper .header-transverse.mmafr > .container, .bodywrapper .header-transverse.mmapro > .container, .bodywrapper .header-transverse.ec > .container, .bodywrapper .header-transverse.sag > .container {
    display: flex;
    flex-direction: row;
    width: 997px;
    margin: auto;
  }
  .bodywrapper .header-transverse.mmafr > .container .menu-toggler.mma-mobile-menu-toggler, .bodywrapper .header-transverse.mmapro > .container .menu-toggler.mma-mobile-menu-toggler, .bodywrapper .header-transverse.ec > .container .menu-toggler.mma-mobile-menu-toggler, .bodywrapper .header-transverse.sag > .container .menu-toggler.mma-mobile-menu-toggler {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.mmapro > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.ec > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.sag > .container .menu-toggler.mma-desktop-menu-toggler {
    margin-right: 0;
  }
  .bodywrapper .header-transverse.mmafr > .container .logo, .bodywrapper .header-transverse.mmapro > .container .logo, .bodywrapper .header-transverse.ec > .container .logo, .bodywrapper .header-transverse.sag > .container .logo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-right: 20px;
    padding-left: 20px;
    width: 28%;
  }
  .bodywrapper .header-transverse.mmafr > .container .logo .logo-mobile, .bodywrapper .header-transverse.mmapro > .container .logo .logo-mobile, .bodywrapper .header-transverse.ec > .container .logo .logo-mobile, .bodywrapper .header-transverse.sag > .container .logo .logo-mobile {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .navigation-desktop, .bodywrapper .header-transverse.mmapro > .container .navigation-desktop, .bodywrapper .header-transverse.ec > .container .navigation-desktop, .bodywrapper .header-transverse.sag > .container .navigation-desktop {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding-right: 20px;
    padding-left: 20px;
    border-left: 1px solid #dadaee;
    border-right: 1px solid #dadaee;
    border-radius: unset !important;
    width: 44%;
  }
  .bodywrapper .header-transverse.mmafr > .container .navigation-desktop .list-links, .bodywrapper .header-transverse.mmapro > .container .navigation-desktop .list-links, .bodywrapper .header-transverse.ec > .container .navigation-desktop .list-links, .bodywrapper .header-transverse.sag > .container .navigation-desktop .list-links {
    display: flex;
    flex-wrap: wrap;
    flex: auto;
    margin: 0;
  }
  .bodywrapper .header-transverse.mmafr > .container .navigation-desktop .list-links li, .bodywrapper .header-transverse.mmapro > .container .navigation-desktop .list-links li, .bodywrapper .header-transverse.ec > .container .navigation-desktop .list-links li, .bodywrapper .header-transverse.sag > .container .navigation-desktop .list-links li {
    padding: 7px 0;
    width: 50%;
  }
  .bodywrapper .header-transverse.mmafr > .container .navigation-mobile, .bodywrapper .header-transverse.mmapro > .container .navigation-mobile, .bodywrapper .header-transverse.ec > .container .navigation-mobile, .bodywrapper .header-transverse.sag > .container .navigation-mobile {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion, .bodywrapper .header-transverse.mmapro > .container .header-connexion, .bodywrapper .header-transverse.ec > .container .header-connexion, .bodywrapper .header-transverse.sag > .container .header-connexion {
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 28%;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-label {
    color: var(--mma-header-connexion-label-color);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-logout, .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-logout, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-logout, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-logout, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-avatar {
    padding: 7px;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .btn.header-connexion-btn-login, .bodywrapper .header-transverse.mmapro > .container .header-connexion .btn.header-connexion-btn-login, .bodywrapper .header-transverse.ec > .container .header-connexion .btn.header-connexion-btn-login, .bodywrapper .header-transverse.sag > .container .header-connexion .btn.header-connexion-btn-login {
    flex: none;
    width: auto;
    max-width: 160px;
    line-height: 1;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .list-links, .bodywrapper .header-transverse.mmapro > .container .header-connexion .list-links, .bodywrapper .header-transverse.ec > .container .header-connexion .list-links, .bodywrapper .header-transverse.sag > .container .header-connexion .list-links {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 10px;
    flex: none;
    padding: 0;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .list-links li, .bodywrapper .header-transverse.mmapro > .container .header-connexion .list-links li, .bodywrapper .header-transverse.ec > .container .header-connexion .list-links li, .bodywrapper .header-transverse.sag > .container .header-connexion .list-links li {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .bodywrapper .header-transverse.mmafr.header-transverse-logged > .container .header-connexion, .bodywrapper .header-transverse.mmapro.header-transverse-logged > .container .header-connexion, .bodywrapper .header-transverse.ec.header-transverse-logged > .container .header-connexion, .bodywrapper .header-transverse.sag.header-transverse-logged > .container .header-connexion {
    flex-direction: column;
    justify-content: center;
  }
  .bodywrapper .header-transverse.mmafr.header-transverse-logged > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.mmapro.header-transverse-logged > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.ec.header-transverse-logged > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.sag.header-transverse-logged > .container .header-connexion .header-connexion-label {
    margin: 5px 0 15px;
  }
  .bodywrapper .header-transverse.mmafr.header-transverse-logged > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout + .btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.mmapro.header-transverse-logged > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout + .btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.ec.header-transverse-logged > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout + .btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.sag.header-transverse-logged > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout + .btn.header-connexion-btn-avatar {
    margin-left: 5px;
  }
  .bodywrapper .header-transverse.mmafr.header-transverse-logged > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.mmapro.header-transverse-logged > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.ec.header-transverse-logged > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.sag.header-transverse-logged > .container .header-connexion .btn.header-connexion-btn-logout {
    display: inline-block;
  }
  .bodywrapper .header-transverse.mmafr:not(.header-transverse-logged) > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.mmapro:not(.header-transverse-logged) > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.ec:not(.header-transverse-logged) > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.sag:not(.header-transverse-logged) > .container .header-connexion .btn.header-connexion-btn-logout {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr .header-lien-rapide, .bodywrapper .header-transverse.mmapro .header-lien-rapide, .bodywrapper .header-transverse.ec .header-lien-rapide, .bodywrapper .header-transverse.sag .header-lien-rapide {
    position: absolute;
    top: 100%;
    right: 0;
    margin-right: 20%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    z-index: 1;
    display: block;
  }
  .bodywrapper .header-transverse.mmafr .header-lien-rapide a, .bodywrapper .header-transverse.mmapro .header-lien-rapide a, .bodywrapper .header-transverse.ec .header-lien-rapide a, .bodywrapper .header-transverse.sag .header-lien-rapide a {
    color: white;
    line-height: 1.4;
  }
  .bodywrapper .header-transverse.mmafr .header-lien-rapide a:before, .bodywrapper .header-transverse.mmapro .header-lien-rapide a:before, .bodywrapper .header-transverse.ec .header-lien-rapide a:before, .bodywrapper .header-transverse.sag .header-lien-rapide a:before {
    content: ">";
  }
  .bodywrapper .header-transverse.mmafr .header-connexion-alternate, .bodywrapper .header-transverse.mmapro .header-connexion-alternate, .bodywrapper .header-transverse.ec .header-connexion-alternate, .bodywrapper .header-transverse.sag .header-connexion-alternate {
    list-style: none;
  }
}
@media (min-device-width: 992px) and (max-device-width: 1199.98px) and (orientation: landscape) {
  .bodywrapper .header-transverse.mmafr, .bodywrapper .header-transverse.mmapro, .bodywrapper .header-transverse.ec, .bodywrapper .header-transverse.sag {
    background-color: var(--mma-header-bg-color);
    background-image: none;
    padding: 20px 0;
    position: relative;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    font-size: 14px;
  }
  .bodywrapper .header-transverse.mmafr > .container, .bodywrapper .header-transverse.mmapro > .container, .bodywrapper .header-transverse.ec > .container, .bodywrapper .header-transverse.sag > .container {
    display: flex;
    flex-direction: row;
    width: 997px;
    margin: auto;
  }
  .bodywrapper .header-transverse.mmafr > .container .menu-toggler.mma-mobile-menu-toggler, .bodywrapper .header-transverse.mmapro > .container .menu-toggler.mma-mobile-menu-toggler, .bodywrapper .header-transverse.ec > .container .menu-toggler.mma-mobile-menu-toggler, .bodywrapper .header-transverse.sag > .container .menu-toggler.mma-mobile-menu-toggler {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.mmapro > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.ec > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.sag > .container .menu-toggler.mma-desktop-menu-toggler {
    margin-right: 0;
  }
  .bodywrapper .header-transverse.mmafr > .container .logo, .bodywrapper .header-transverse.mmapro > .container .logo, .bodywrapper .header-transverse.ec > .container .logo, .bodywrapper .header-transverse.sag > .container .logo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-right: 20px;
    padding-left: 20px;
    width: 28%;
  }
  .bodywrapper .header-transverse.mmafr > .container .logo .logo-mobile, .bodywrapper .header-transverse.mmapro > .container .logo .logo-mobile, .bodywrapper .header-transverse.ec > .container .logo .logo-mobile, .bodywrapper .header-transverse.sag > .container .logo .logo-mobile {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .navigation-desktop, .bodywrapper .header-transverse.mmapro > .container .navigation-desktop, .bodywrapper .header-transverse.ec > .container .navigation-desktop, .bodywrapper .header-transverse.sag > .container .navigation-desktop {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    padding-right: 20px;
    padding-left: 20px;
    border-left: 1px solid #dadaee;
    border-right: 1px solid #dadaee;
    border-radius: unset !important;
    width: 44%;
  }
  .bodywrapper .header-transverse.mmafr > .container .navigation-desktop .list-links, .bodywrapper .header-transverse.mmapro > .container .navigation-desktop .list-links, .bodywrapper .header-transverse.ec > .container .navigation-desktop .list-links, .bodywrapper .header-transverse.sag > .container .navigation-desktop .list-links {
    display: flex;
    flex-wrap: wrap;
    flex: auto;
    margin: 0;
  }
  .bodywrapper .header-transverse.mmafr > .container .navigation-desktop .list-links li, .bodywrapper .header-transverse.mmapro > .container .navigation-desktop .list-links li, .bodywrapper .header-transverse.ec > .container .navigation-desktop .list-links li, .bodywrapper .header-transverse.sag > .container .navigation-desktop .list-links li {
    padding: 7px 0;
    width: 50%;
  }
  .bodywrapper .header-transverse.mmafr > .container .navigation-mobile, .bodywrapper .header-transverse.mmapro > .container .navigation-mobile, .bodywrapper .header-transverse.ec > .container .navigation-mobile, .bodywrapper .header-transverse.sag > .container .navigation-mobile {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion, .bodywrapper .header-transverse.mmapro > .container .header-connexion, .bodywrapper .header-transverse.ec > .container .header-connexion, .bodywrapper .header-transverse.sag > .container .header-connexion {
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 28%;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-label {
    color: var(--mma-header-connexion-label-color);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-logout, .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-logout, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-logout, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-logout, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-nav a.btn.header-connexion-btn-avatar {
    padding: 7px;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .btn.header-connexion-btn-login, .bodywrapper .header-transverse.mmapro > .container .header-connexion .btn.header-connexion-btn-login, .bodywrapper .header-transverse.ec > .container .header-connexion .btn.header-connexion-btn-login, .bodywrapper .header-transverse.sag > .container .header-connexion .btn.header-connexion-btn-login {
    flex: none;
    width: auto;
    max-width: 160px;
    line-height: 1;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .list-links, .bodywrapper .header-transverse.mmapro > .container .header-connexion .list-links, .bodywrapper .header-transverse.ec > .container .header-connexion .list-links, .bodywrapper .header-transverse.sag > .container .header-connexion .list-links {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 10px;
    flex: none;
    padding: 0;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .list-links li, .bodywrapper .header-transverse.mmapro > .container .header-connexion .list-links li, .bodywrapper .header-transverse.ec > .container .header-connexion .list-links li, .bodywrapper .header-transverse.sag > .container .header-connexion .list-links li {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .bodywrapper .header-transverse.mmafr.header-transverse-logged > .container .header-connexion, .bodywrapper .header-transverse.mmapro.header-transverse-logged > .container .header-connexion, .bodywrapper .header-transverse.ec.header-transverse-logged > .container .header-connexion, .bodywrapper .header-transverse.sag.header-transverse-logged > .container .header-connexion {
    flex-direction: column;
    justify-content: center;
  }
  .bodywrapper .header-transverse.mmafr.header-transverse-logged > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.mmapro.header-transverse-logged > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.ec.header-transverse-logged > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.sag.header-transverse-logged > .container .header-connexion .header-connexion-label {
    margin: 5px 0 15px;
  }
  .bodywrapper .header-transverse.mmafr.header-transverse-logged > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout + .btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.mmapro.header-transverse-logged > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout + .btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.ec.header-transverse-logged > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout + .btn.header-connexion-btn-avatar, .bodywrapper .header-transverse.sag.header-transverse-logged > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout + .btn.header-connexion-btn-avatar {
    margin-left: 5px;
  }
  .bodywrapper .header-transverse.mmafr.header-transverse-logged > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.mmapro.header-transverse-logged > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.ec.header-transverse-logged > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.sag.header-transverse-logged > .container .header-connexion .btn.header-connexion-btn-logout {
    display: inline-block;
  }
  .bodywrapper .header-transverse.mmafr:not(.header-transverse-logged) > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.mmapro:not(.header-transverse-logged) > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.ec:not(.header-transverse-logged) > .container .header-connexion .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.sag:not(.header-transverse-logged) > .container .header-connexion .btn.header-connexion-btn-logout {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr .header-lien-rapide, .bodywrapper .header-transverse.mmapro .header-lien-rapide, .bodywrapper .header-transverse.ec .header-lien-rapide, .bodywrapper .header-transverse.sag .header-lien-rapide {
    position: absolute;
    top: 100%;
    right: 0;
    margin-right: 20%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    z-index: 1;
    display: block;
  }
  .bodywrapper .header-transverse.mmafr .header-lien-rapide a, .bodywrapper .header-transverse.mmapro .header-lien-rapide a, .bodywrapper .header-transverse.ec .header-lien-rapide a, .bodywrapper .header-transverse.sag .header-lien-rapide a {
    color: white;
    line-height: 1.4;
  }
  .bodywrapper .header-transverse.mmafr .header-lien-rapide a:before, .bodywrapper .header-transverse.mmapro .header-lien-rapide a:before, .bodywrapper .header-transverse.ec .header-lien-rapide a:before, .bodywrapper .header-transverse.sag .header-lien-rapide a:before {
    content: ">";
  }
  .bodywrapper .header-transverse.mmafr .header-connexion-alternate, .bodywrapper .header-transverse.mmapro .header-connexion-alternate, .bodywrapper .header-transverse.ec .header-connexion-alternate, .bodywrapper .header-transverse.sag .header-connexion-alternate {
    list-style: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .logo, .bodywrapper .header-transverse.mmapro > .container .logo, .bodywrapper .header-transverse.ec > .container .logo, .bodywrapper .header-transverse.sag > .container .logo {
    width: 25%;
  }
  .bodywrapper .header-transverse.mmafr > .container .navigation-desktop, .bodywrapper .header-transverse.mmapro > .container .navigation-desktop, .bodywrapper .header-transverse.ec > .container .navigation-desktop, .bodywrapper .header-transverse.sag > .container .navigation-desktop {
    width: 35%;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion, .bodywrapper .header-transverse.mmapro > .container .header-connexion, .bodywrapper .header-transverse.ec > .container .header-connexion, .bodywrapper .header-transverse.sag > .container .header-connexion {
    width: 40%;
  }
}
.bodywrapper header.header-transverse.header-transverse-logged.ec {
  line-height: normal;
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper header.header-transverse.header-transverse-logged.ec :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.header-transverse-logged.ec {
    font-size: 14px;
  }
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn:before {
  display: none;
  content: none;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-primary:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-success:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-login:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-logout:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-avatar:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-danger:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-info:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-close:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .link:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .text-bold {
  font-weight: bold;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.header-transverse-logged.ec .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.header-transverse-logged.ec .hidden-mobile {
    display: none;
  }
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion {
    padding: 0 20px 10px 20px;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-label {
    display: block;
    text-transform: none;
    margin-bottom: 5px;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-username {
    display: block;
    text-transform: uppercase;
    max-height: 50px;
    overflow: hidden;
    padding-right: 15px;
    text-align: left;
    font-weight: normal;
    color: var(--mma-header-ec-username-desktop-color);
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-username .header-connexion-de {
    text-transform: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-last-login {
    display: block;
    font-size: 9px;
    color: var(--mma-header-ec-lastlogin-color);
    margin-bottom: 5px;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav {
    display: flex;
    flex-direction: row;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .header-connexion-alternate {
    display: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .header-connexion-btn-login {
    display: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .header-connexion-btn-logout, .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .header-connexion-btn-avatar {
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    line-height: normal;
    font-size: 13px;
    margin: 2px 0;
    padding: 7px 9px;
    justify-content: center;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-last-login {
    font-size: 12px;
    margin-top: 5px;
  }
}
@media (min-device-width: 992px) and (max-device-width: 1199.98px) and (orientation: landscape) {
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion {
    padding: 0 20px 10px 20px;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-label {
    display: block;
    text-transform: none;
    margin-bottom: 5px;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-username {
    display: block;
    text-transform: uppercase;
    max-height: 50px;
    overflow: hidden;
    padding-right: 15px;
    text-align: left;
    font-weight: normal;
    color: var(--mma-header-ec-username-desktop-color);
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-username .header-connexion-de {
    text-transform: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-last-login {
    display: block;
    font-size: 9px;
    color: var(--mma-header-ec-lastlogin-color);
    margin-bottom: 5px;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav {
    display: flex;
    flex-direction: row;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .header-connexion-alternate {
    display: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .header-connexion-btn-login {
    display: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .header-connexion-btn-logout, .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .header-connexion-btn-avatar {
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    line-height: normal;
    font-size: 13px;
    margin: 2px 0;
    padding: 7px 9px;
    justify-content: center;
  }
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) {
    font-size: 14px;
  }
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn:hover, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn:before {
  display: none;
  content: none;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-primary:hover, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-success:hover, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.header-connexion-btn-login:hover, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.header-connexion-btn-logout:hover, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.header-connexion-btn-avatar:hover, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-danger:hover, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-info:hover, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-close:hover, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .link:hover, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .menu-toggler:hover, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .text-bold {
  font-weight: bold;
}
.bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) .hidden-mobile {
    display: none;
  }
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) > .container .header-connexion .header-connexion-label {
    display: none;
  }
  .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) > .container .header-connexion .header-connexion-username {
    display: none;
  }
  .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) > .container .header-connexion .header-connexion-last-login {
    display: none;
  }
  .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) > .container .header-connexion .header-connexion-nav .header-connexion-btn-logout, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) > .container .header-connexion .header-connexion-nav .header-connexion-btn-avatar {
    display: none;
  }
}
@media (min-device-width: 992px) and (max-device-width: 1199.98px) {
  .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) > .container .header-connexion .header-connexion-label {
    display: none;
  }
  .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) > .container .header-connexion .header-connexion-username {
    display: none;
  }
  .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) > .container .header-connexion .header-connexion-last-login {
    display: none;
  }
  .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) > .container .header-connexion .header-connexion-nav .header-connexion-btn-logout, .bodywrapper header.header-transverse.ec:not(.header-transverse-logged) > .container .header-connexion .header-connexion-nav .header-connexion-btn-avatar {
    display: none;
  }
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper header.header-transverse.ec :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper header.header-transverse.ec {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.ec {
    font-size: 14px;
  }
}
.bodywrapper header.header-transverse.ec .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper header.header-transverse.ec .btn:hover, .bodywrapper header.header-transverse.ec .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper header.header-transverse.ec .btn:before {
  display: none;
  content: none;
}
.bodywrapper header.header-transverse.ec .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper header.header-transverse.ec .btn.btn-primary:hover, .bodywrapper header.header-transverse.ec .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper header.header-transverse.ec .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper header.header-transverse.ec .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper header.header-transverse.ec .btn.btn-success:hover, .bodywrapper header.header-transverse.ec .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-login:hover, .bodywrapper header.header-transverse.ec .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-logout:hover, .bodywrapper header.header-transverse.ec .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-avatar:hover, .bodywrapper header.header-transverse.ec .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.ec .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper header.header-transverse.ec .btn.btn-danger:hover, .bodywrapper header.header-transverse.ec .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.ec .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper header.header-transverse.ec .btn.btn-info:hover, .bodywrapper header.header-transverse.ec .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.ec .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper header.header-transverse.ec .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper header.header-transverse.ec .btn.btn-close:hover, .bodywrapper header.header-transverse.ec .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper header.header-transverse.ec .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper header.header-transverse.ec .link:hover, .bodywrapper header.header-transverse.ec .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper header.header-transverse.ec .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper header.header-transverse.ec .menu-toggler:hover, .bodywrapper header.header-transverse.ec .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper header.header-transverse.ec .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper header.header-transverse.ec .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper header.header-transverse.ec .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper header.header-transverse.ec .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper header.header-transverse.ec .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper header.header-transverse.ec .text-bold {
  font-weight: bold;
}
.bodywrapper header.header-transverse.ec .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.ec .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.ec .hidden-mobile {
    display: none;
  }
}
.bodywrapper header.header-transverse.ec > .container .logo-cap-desktop, .bodywrapper header.header-transverse.ec > .container .logo-cap-mobile {
  display: none;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.ec > .container .header-connexion .header-connexion-label, .bodywrapper header.header-transverse.ec > .container .header-connexion .header-connexion-username, .bodywrapper header.header-transverse.ec > .container .header-connexion .header-connexion-last-login, .bodywrapper header.header-transverse.ec > .container .header-connexion .btn.header-connexion-btn-avatar {
    display: none;
  }
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper header.header-transverse.mmafr :root,
.bodywrapper header.header-transverse.mmapro :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper header.header-transverse.mmafr,
.bodywrapper header.header-transverse.mmapro {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.mmafr,
.bodywrapper header.header-transverse.mmapro {
    font-size: 14px;
  }
}
.bodywrapper header.header-transverse.mmafr .btn,
.bodywrapper header.header-transverse.mmapro .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper header.header-transverse.mmafr .btn:hover, .bodywrapper header.header-transverse.mmafr .btn:focus,
.bodywrapper header.header-transverse.mmapro .btn:hover,
.bodywrapper header.header-transverse.mmapro .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper header.header-transverse.mmafr .btn:before,
.bodywrapper header.header-transverse.mmapro .btn:before {
  display: none;
  content: none;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-primary,
.bodywrapper header.header-transverse.mmapro .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-primary:hover, .bodywrapper header.header-transverse.mmafr .btn.btn-primary:focus,
.bodywrapper header.header-transverse.mmapro .btn.btn-primary:hover,
.bodywrapper header.header-transverse.mmapro .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-secondary,
.bodywrapper header.header-transverse.mmapro .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-success,
.bodywrapper header.header-transverse.mmapro .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-success:hover, .bodywrapper header.header-transverse.mmafr .btn.btn-success:focus,
.bodywrapper header.header-transverse.mmapro .btn.btn-success:hover,
.bodywrapper header.header-transverse.mmapro .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-login,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-login:hover, .bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-login:focus,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-login:hover,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-login:before,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-logout,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-logout:hover, .bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-logout:focus,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-logout:hover,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-logout:before,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-avatar,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-avatar:hover, .bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-avatar:focus,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-avatar:hover,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-avatar:before,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-danger,
.bodywrapper header.header-transverse.mmapro .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-danger:hover, .bodywrapper header.header-transverse.mmafr .btn.btn-danger:focus,
.bodywrapper header.header-transverse.mmapro .btn.btn-danger:hover,
.bodywrapper header.header-transverse.mmapro .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.mmafr .btn.btn-info,
.bodywrapper header.header-transverse.mmapro .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-info:hover, .bodywrapper header.header-transverse.mmafr .btn.btn-info:focus,
.bodywrapper header.header-transverse.mmapro .btn.btn-info:hover,
.bodywrapper header.header-transverse.mmapro .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.mmafr .btn.btn-close,
.bodywrapper header.header-transverse.mmapro .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-close:before,
.bodywrapper header.header-transverse.mmapro .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-close:hover, .bodywrapper header.header-transverse.mmafr .btn.btn-close:focus,
.bodywrapper header.header-transverse.mmapro .btn.btn-close:hover,
.bodywrapper header.header-transverse.mmapro .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper header.header-transverse.mmafr .link,
.bodywrapper header.header-transverse.mmapro .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper header.header-transverse.mmafr .link:hover, .bodywrapper header.header-transverse.mmafr .link:focus,
.bodywrapper header.header-transverse.mmapro .link:hover,
.bodywrapper header.header-transverse.mmapro .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler,
.bodywrapper header.header-transverse.mmapro .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler:hover, .bodywrapper header.header-transverse.mmafr .menu-toggler:focus,
.bodywrapper header.header-transverse.mmapro .menu-toggler:hover,
.bodywrapper header.header-transverse.mmapro .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler .icon-bar,
.bodywrapper header.header-transverse.mmapro .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler .icon-bar + .icon-bar,
.bodywrapper header.header-transverse.mmapro .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler.menu-toggler-black,
.bodywrapper header.header-transverse.mmapro .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler.menu-toggler-black .icon-bar,
.bodywrapper header.header-transverse.mmapro .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler.menu-toggler-black .icon-bar + .icon-bar,
.bodywrapper header.header-transverse.mmapro .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper header.header-transverse.mmafr .text-bold,
.bodywrapper header.header-transverse.mmapro .text-bold {
  font-weight: bold;
}
.bodywrapper header.header-transverse.mmafr .text-center,
.bodywrapper header.header-transverse.mmapro .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.mmafr .hidden-desktop,
.bodywrapper header.header-transverse.mmapro .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.mmafr .hidden-mobile,
.bodywrapper header.header-transverse.mmapro .hidden-mobile {
    display: none;
  }
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.mmafr .header-connexion .header-connexion-btn-login,
.bodywrapper header.header-transverse.mmapro .header-connexion .header-connexion-btn-login {
    padding: 14px 13px 14px 13px;
  }
  .bodywrapper header.header-transverse.mmafr .header-connexion .header-connexion-btn-geo-localiosation,
.bodywrapper header.header-transverse.mmapro .header-connexion .header-connexion-btn-geo-localiosation {
    display: none;
  }
}
@media (min-device-width: 992px) and (max-device-width: 1199.98px) {
  .bodywrapper header.header-transverse.mmafr .header-connexion .header-connexion-btn-login,
.bodywrapper header.header-transverse.mmapro .header-connexion .header-connexion-btn-login {
    padding: 14px 13px 14px 13px;
  }
  .bodywrapper header.header-transverse.mmafr .header-connexion .header-connexion-btn-geo-localiosation,
.bodywrapper header.header-transverse.mmapro .header-connexion .header-connexion-btn-geo-localiosation {
    display: none;
  }
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper header.header-transverse.parcours :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper header.header-transverse.parcours {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.parcours {
    font-size: 14px;
  }
}
.bodywrapper header.header-transverse.parcours .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper header.header-transverse.parcours .btn:hover, .bodywrapper header.header-transverse.parcours .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper header.header-transverse.parcours .btn:before {
  display: none;
  content: none;
}
.bodywrapper header.header-transverse.parcours .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper header.header-transverse.parcours .btn.btn-primary:hover, .bodywrapper header.header-transverse.parcours .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper header.header-transverse.parcours .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper header.header-transverse.parcours .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper header.header-transverse.parcours .btn.btn-success:hover, .bodywrapper header.header-transverse.parcours .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-login:hover, .bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-logout:hover, .bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-avatar:hover, .bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.parcours .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper header.header-transverse.parcours .btn.btn-danger:hover, .bodywrapper header.header-transverse.parcours .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.parcours .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper header.header-transverse.parcours .btn.btn-info:hover, .bodywrapper header.header-transverse.parcours .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.parcours .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper header.header-transverse.parcours .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper header.header-transverse.parcours .btn.btn-close:hover, .bodywrapper header.header-transverse.parcours .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper header.header-transverse.parcours .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper header.header-transverse.parcours .link:hover, .bodywrapper header.header-transverse.parcours .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper header.header-transverse.parcours .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper header.header-transverse.parcours .menu-toggler:hover, .bodywrapper header.header-transverse.parcours .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper header.header-transverse.parcours .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper header.header-transverse.parcours .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper header.header-transverse.parcours .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper header.header-transverse.parcours .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper header.header-transverse.parcours .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper header.header-transverse.parcours .text-bold {
  font-weight: bold;
}
.bodywrapper header.header-transverse.parcours .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.parcours .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.parcours .hidden-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .bodywrapper header.header-transverse.parcours {
    overflow: hidden;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 50px;
    line-height: 1.2;
  }
  .bodywrapper header.header-transverse.parcours > .container {
    padding: 0;
    flex: auto;
    width: 100%;
  }
  .bodywrapper header.header-transverse.parcours > .container .navigation-desktop {
    height: 0;
    overflow: hidden;
  }
  .bodywrapper header.header-transverse.parcours > .container .header-connexion-alternate {
    height: 0;
    overflow: hidden;
    display: none;
  }
  .bodywrapper header.header-transverse.parcours > .container .logo {
    order: unset;
  }
  .bodywrapper header.header-transverse.parcours > .container .logo .js-lien-logo {
    display: flex;
    overflow: hidden;
  }
  .bodywrapper header.header-transverse.parcours > .container .logo .js-lien-logo .logo-desktop {
    max-height: 50px;
  }
  .bodywrapper header.header-transverse.parcours > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login {
    color: #ffffff;
    font-weight: 700;
    background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
    background-color: #00a56b;
    border: 1px solid #0c621c;
    text-shadow: 1px 1px 0 #008e5c;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 14px;
  }
  .bodywrapper header.header-transverse.parcours > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:hover, .bodywrapper header.header-transverse.parcours > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:focus {
    background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
  }
  .bodywrapper header.header-transverse.parcours > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:before {
    content: "";
    background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 10px;
    margin-right: 8px;
    height: 12px;
  }
  .bodywrapper header.header-transverse.parcours > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login span {
    display: flex;
  }
  .bodywrapper header.header-transverse.parcours > .container .menu-toggler.mma-desktop-menu-toggler {
    display: flex;
  }
  .bodywrapper header.header-transverse.parcours > .container .navigation-desktop {
    display: none;
  }
  .bodywrapper header.header-transverse.parcours > .container .header-connexion {
    display: flex;
    width: auto;
    order: unset;
    border-left: none;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-left: auto;
  }
  .bodywrapper header.header-transverse.parcours > .container .header-connexion .header-connexion-label {
    display: none;
  }
  .bodywrapper header.header-transverse.parcours > .container .header-connexion .header-connexion-nav {
    display: flex;
    align-items: flex-end;
  }
  .bodywrapper header.header-transverse.parcours > .container .header-connexion .btn.header-connexion-btn-logout {
    display: none;
  }
  .bodywrapper header.header-transverse.parcours.collapsed {
    padding: 20px;
    height: auto;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .navigation-desktop {
    display: flex;
    height: auto;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .header-connexion-alternate {
    height: auto;
    display: block;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .logo .logo-desktop {
    max-height: unset;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .navigation-desktop ~ .header-connexion {
    border-left: none;
    margin-left: 0;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .header-connexion {
    border-left: 1px solid #dadaee;
    padding-left: 20px;
    padding-right: 20px;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .header-connexion .header-connexion-label {
    display: flex;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .header-connexion .header-connexion-btn-login {
    margin-right: 10px;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .header-connexion .header-connexion-nav {
    align-items: flex-start;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .header-connexion .header-connexion-nav .header-connexion-alternate {
    display: flex;
    flex-direction: column;
    margin-left: 0;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .mma-desktop-menu-toggler {
    position: relative;
    padding: 0;
    line-height: normal;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .mma-desktop-menu-toggler .icon-bar {
    display: none;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .mma-desktop-menu-toggler:before {
    position: absolute;
    right: -5px;
    top: -50px;
    content: "✕";
    display: block;
    color: black;
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .bodywrapper header.header-transverse.parcours > .container {
    width: 997px;
  }
  .bodywrapper header.header-transverse.parcours > .container .logo {
    width: 28%;
  }
  .bodywrapper header.header-transverse.parcours > .container .navigation-desktop {
    width: 44%;
  }
  .bodywrapper header.header-transverse.parcours > .container .header-connexion {
    width: 28%;
  }
  .bodywrapper header.header-transverse.parcours > .container .header-connexion .header-connexion-nav {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .header-connexion .header-connexion-nav {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .bodywrapper header.header-transverse.parcours.collapsed > .container .mma-desktop-menu-toggler:before {
    top: -50px;
    right: -100px;
  }
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper .header-transverse :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper .header-transverse {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper .header-transverse {
    font-size: 14px;
  }
}
.bodywrapper .header-transverse .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper .header-transverse .btn:hover, .bodywrapper .header-transverse .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper .header-transverse .btn:before {
  display: none;
  content: none;
}
.bodywrapper .header-transverse .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper .header-transverse .btn.btn-primary:hover, .bodywrapper .header-transverse .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper .header-transverse .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper .header-transverse .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper .header-transverse .btn.btn-success:hover, .bodywrapper .header-transverse .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper .header-transverse .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-login:hover, .bodywrapper .header-transverse .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper .header-transverse .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-logout:hover, .bodywrapper .header-transverse .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper .header-transverse .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper .header-transverse .btn.header-connexion-btn-avatar:hover, .bodywrapper .header-transverse .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper .header-transverse .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper .header-transverse .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper .header-transverse .btn.btn-danger:hover, .bodywrapper .header-transverse .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper .header-transverse .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper .header-transverse .btn.btn-info:hover, .bodywrapper .header-transverse .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper .header-transverse .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper .header-transverse .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper .header-transverse .btn.btn-close:hover, .bodywrapper .header-transverse .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper .header-transverse .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper .header-transverse .link:hover, .bodywrapper .header-transverse .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper .header-transverse .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper .header-transverse .menu-toggler:hover, .bodywrapper .header-transverse .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper .header-transverse .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper .header-transverse .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper .header-transverse .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper .header-transverse .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper .header-transverse .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper .header-transverse .text-bold {
  font-weight: bold;
}
.bodywrapper .header-transverse .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper .header-transverse .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper .header-transverse .hidden-mobile {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .bodywrapper .header-transverse.default, .bodywrapper .header-transverse.parcours {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    background-color: #ffffff;
    background-image: none;
    -webkit-box-shadow: -1px 0 3px 2px rgba(66, 65, 66, 0.3);
    -moz-box-shadow: -1px 0 3px 2px rgba(66, 65, 66, 0.3);
    box-shadow: -1px 0 3px 2px rgba(66, 65, 66, 0.3);
  }
  .bodywrapper .header-transverse.default > .container, .bodywrapper .header-transverse.parcours > .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
  }
  .bodywrapper .header-transverse.default > .container .logo, .bodywrapper .header-transverse.parcours > .container .logo {
    display: flex;
    width: auto;
    flex-direction: row;
    align-items: center;
    order: 2;
  }
  .bodywrapper .header-transverse.default > .container .logo .logo-mobile, .bodywrapper .header-transverse.parcours > .container .logo .logo-mobile {
    display: block;
    max-height: 30px;
  }
  .bodywrapper .header-transverse.default > .container .logo .logo-desktop, .bodywrapper .header-transverse.parcours > .container .logo .logo-desktop {
    display: none;
  }
  .bodywrapper .header-transverse.default > .container .navigation-desktop, .bodywrapper .header-transverse.parcours > .container .navigation-desktop {
    display: none;
  }
  .bodywrapper .header-transverse.default > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.parcours > .container .menu-toggler.mma-desktop-menu-toggler {
    display: none;
  }
  .bodywrapper .header-transverse.default > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:before, .bodywrapper .header-transverse.parcours > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:before {
    margin: 0;
  }
  .bodywrapper .header-transverse.default > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login span, .bodywrapper .header-transverse.parcours > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login span {
    display: none;
  }
  .bodywrapper .header-transverse.default > .container .header-connexion, .bodywrapper .header-transverse.parcours > .container .header-connexion {
    display: flex;
    width: auto;
    order: 3;
    margin-left: auto;
  }
  .bodywrapper .header-transverse.default > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.parcours > .container .header-connexion .header-connexion-label {
    display: none;
  }
  .bodywrapper .header-transverse.default > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.parcours > .container .header-connexion .header-connexion-nav {
    display: flex;
    margin: 0;
  }
  .bodywrapper .header-transverse.default > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.parcours > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout {
    display: none;
  }
  .bodywrapper .header-transverse.default > .container .header-connexion .header-connexion-nav .header-connexion-alternate, .bodywrapper .header-transverse.parcours > .container .header-connexion .header-connexion-nav .header-connexion-alternate {
    display: none;
  }
  .bodywrapper .header-transverse.default .navigation-mobile, .bodywrapper .header-transverse.parcours .navigation-mobile {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 111;
    background-color: #44455a;
    overflow-y: scroll;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .btn-close, .bodywrapper .header-transverse.parcours .navigation-mobile .btn-close {
    display: block;
    margin-left: auto;
    margin-right: 15px;
    margin-top: 10px;
    width: auto;
    font-weight: normal;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content {
    padding: 0 0 15px 30px;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul {
    list-style: none;
    padding-left: 0;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul li, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul li {
    position: relative;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul li a, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul li a {
    color: var(--mma-link-text-color);
    text-decoration: none;
    outline: none;
    font-weight: normal;
    color: #e5e5e5;
    font-size: 14px;
    padding: 8px 0;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul li a:hover, .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul li a:focus, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul li a:hover, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul li a:focus {
    text-decoration: underline;
    cursor: pointer;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul li a.chevron, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul li a.chevron {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul li a.chevron:hover, .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul li a.chevron:focus, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul li a.chevron:hover, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul li a.chevron:focus {
    text-decoration: none;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul li a.chevron:after, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul li a.chevron:after {
    content: "›";
    color: #e5e5e5;
    font-size: 20px;
    font-weight: 600;
    margin-right: 30px;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul li:not(:last-child), .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul li:not(:last-child) {
    border-bottom: 1px solid #636475;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content .navigation-content-list, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content .navigation-content-list {
    margin: 0;
    padding: 0;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content .navigation-content-list > li > a:not(.chevron), .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content .navigation-content-list > li > a:not(.chevron) {
    font-weight: 700;
    color: #b6b6bd;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content .navigation-content-list > li > a.link-without-weight, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content .navigation-content-list > li > a.link-without-weight {
    font-weight: normal;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li, .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li {
    padding-left: 0px;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:hover, .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:focus, .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:hover, .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:focus, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:hover, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:focus, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:hover, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:focus {
    color: #ffffff;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:hover, .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:focus, .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:hover, .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:focus, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:hover, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:focus, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:hover, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:focus {
    color: #ffffff;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li ul, .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li ul, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li ul, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li ul {
    display: none;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > a, .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > a, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > a, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > a {
    padding-left: 20px;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > ul > li a {
    padding-left: 20px;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open {
    padding-bottom: 0;
    padding-left: 0;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > a:after, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > a:after {
    transform: rotate(90deg);
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul {
    display: block;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul > li:first-child, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul > li:first-child {
    border-top: 1px solid #636475;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list {
    margin-top: 10px;
    padding: 0;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list > li, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list > li {
    padding-left: 0px;
  }
  .bodywrapper .header-transverse.default .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list li a, .bodywrapper .header-transverse.parcours .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list li a {
    color: #b6b6bd;
    font-weight: 600;
  }
  .bodywrapper .header-transverse.default .header-lien-rapide, .bodywrapper .header-transverse.parcours .header-lien-rapide {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper .header-transverse.mmafr, .bodywrapper .header-transverse.mmapro, .bodywrapper .header-transverse.ec, .bodywrapper .header-transverse.sag {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    background-color: #ffffff;
    background-image: none;
    -webkit-box-shadow: -1px 0 3px 2px rgba(66, 65, 66, 0.3);
    -moz-box-shadow: -1px 0 3px 2px rgba(66, 65, 66, 0.3);
    box-shadow: -1px 0 3px 2px rgba(66, 65, 66, 0.3);
  }
  .bodywrapper .header-transverse.mmafr > .container, .bodywrapper .header-transverse.mmapro > .container, .bodywrapper .header-transverse.ec > .container, .bodywrapper .header-transverse.sag > .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
  }
  .bodywrapper .header-transverse.mmafr > .container .logo, .bodywrapper .header-transverse.mmapro > .container .logo, .bodywrapper .header-transverse.ec > .container .logo, .bodywrapper .header-transverse.sag > .container .logo {
    display: flex;
    width: auto;
    flex-direction: row;
    align-items: center;
    order: 2;
  }
  .bodywrapper .header-transverse.mmafr > .container .logo .logo-mobile, .bodywrapper .header-transverse.mmapro > .container .logo .logo-mobile, .bodywrapper .header-transverse.ec > .container .logo .logo-mobile, .bodywrapper .header-transverse.sag > .container .logo .logo-mobile {
    display: block;
    max-height: 30px;
  }
  .bodywrapper .header-transverse.mmafr > .container .logo .logo-desktop, .bodywrapper .header-transverse.mmapro > .container .logo .logo-desktop, .bodywrapper .header-transverse.ec > .container .logo .logo-desktop, .bodywrapper .header-transverse.sag > .container .logo .logo-desktop {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .navigation-desktop, .bodywrapper .header-transverse.mmapro > .container .navigation-desktop, .bodywrapper .header-transverse.ec > .container .navigation-desktop, .bodywrapper .header-transverse.sag > .container .navigation-desktop {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.mmapro > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.ec > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.sag > .container .menu-toggler.mma-desktop-menu-toggler {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:before, .bodywrapper .header-transverse.mmapro > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:before, .bodywrapper .header-transverse.ec > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:before, .bodywrapper .header-transverse.sag > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:before {
    margin: 0;
  }
  .bodywrapper .header-transverse.mmafr > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login span, .bodywrapper .header-transverse.mmapro > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login span, .bodywrapper .header-transverse.ec > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login span, .bodywrapper .header-transverse.sag > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login span {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion, .bodywrapper .header-transverse.mmapro > .container .header-connexion, .bodywrapper .header-transverse.ec > .container .header-connexion, .bodywrapper .header-transverse.sag > .container .header-connexion {
    display: flex;
    width: auto;
    order: 3;
    margin-left: auto;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-label {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-nav {
    display: flex;
    margin: 0;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-nav .header-connexion-alternate, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-nav .header-connexion-alternate, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-nav .header-connexion-alternate, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-nav .header-connexion-alternate {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile, .bodywrapper .header-transverse.mmapro .navigation-mobile, .bodywrapper .header-transverse.ec .navigation-mobile, .bodywrapper .header-transverse.sag .navigation-mobile {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 111;
    background-color: #44455a;
    overflow-y: scroll;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .btn-close, .bodywrapper .header-transverse.mmapro .navigation-mobile .btn-close, .bodywrapper .header-transverse.ec .navigation-mobile .btn-close, .bodywrapper .header-transverse.sag .navigation-mobile .btn-close {
    display: block;
    margin-left: auto;
    margin-right: 15px;
    margin-top: 10px;
    width: auto;
    font-weight: normal;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content {
    padding: 0 0 15px 30px;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul {
    list-style: none;
    padding-left: 0;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li {
    position: relative;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a {
    color: var(--mma-link-text-color);
    text-decoration: none;
    outline: none;
    font-weight: normal;
    color: #e5e5e5;
    font-size: 14px;
    padding: 8px 0;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a:hover, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a:focus, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a:hover, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a:focus, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a:hover, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a:focus, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a:hover, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a:focus {
    text-decoration: underline;
    cursor: pointer;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a.chevron, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a.chevron, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a.chevron, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a.chevron {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a.chevron:hover, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a.chevron:focus, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a.chevron:hover, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a.chevron:focus, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a.chevron:hover, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a.chevron:focus, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a.chevron:hover, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a.chevron:focus {
    text-decoration: none;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a.chevron:after, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a.chevron:after, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a.chevron:after, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a.chevron:after {
    content: "›";
    color: #e5e5e5;
    font-size: 20px;
    font-weight: 600;
    margin-right: 30px;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li:not(:last-child), .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li:not(:last-child), .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li:not(:last-child), .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li:not(:last-child) {
    border-bottom: 1px solid #636475;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content .navigation-content-list, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content .navigation-content-list, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content .navigation-content-list, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content .navigation-content-list {
    margin: 0;
    padding: 0;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content .navigation-content-list > li > a:not(.chevron), .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content .navigation-content-list > li > a:not(.chevron), .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content .navigation-content-list > li > a:not(.chevron), .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content .navigation-content-list > li > a:not(.chevron) {
    font-weight: 700;
    color: #b6b6bd;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content .navigation-content-list > li > a.link-without-weight, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content .navigation-content-list > li > a.link-without-weight, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content .navigation-content-list > li > a.link-without-weight, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content .navigation-content-list > li > a.link-without-weight {
    font-weight: normal;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li {
    padding-left: 0px;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:hover, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:focus, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:hover, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:focus, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:hover, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:focus, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:hover, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:focus, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:hover, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:focus, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:hover, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:focus, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:hover, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:focus, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:hover, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:focus {
    color: #ffffff;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:hover, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:focus, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:hover, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:focus, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:hover, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:focus, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:hover, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:focus, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:hover, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:focus, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:hover, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:focus, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:hover, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:focus, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:hover, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:focus {
    color: #ffffff;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li ul, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li ul, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li ul, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li ul, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li ul, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li ul, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li ul, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li ul {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > a, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > a, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > a, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > a, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > a, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > a, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > a, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > a {
    padding-left: 20px;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > ul > li a {
    padding-left: 20px;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open {
    padding-bottom: 0;
    padding-left: 0;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > a:after, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > a:after, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > a:after, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > a:after {
    transform: rotate(90deg);
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul {
    display: block;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul > li:first-child, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul > li:first-child, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul > li:first-child, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul > li:first-child {
    border-top: 1px solid #636475;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list {
    margin-top: 10px;
    padding: 0;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list > li, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list > li, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list > li, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list > li {
    padding-left: 0px;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list li a, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list li a, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list li a, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list li a {
    color: #b6b6bd;
    font-weight: 600;
  }
  .bodywrapper .header-transverse.mmafr .header-lien-rapide, .bodywrapper .header-transverse.mmapro .header-lien-rapide, .bodywrapper .header-transverse.ec .header-lien-rapide, .bodywrapper .header-transverse.sag .header-lien-rapide {
    display: none;
  }
}
@media (min-device-width: 992px) and (max-device-width: 1199.98px) and (orientation: portrait) {
  .bodywrapper .header-transverse.mmafr, .bodywrapper .header-transverse.mmapro, .bodywrapper .header-transverse.ec, .bodywrapper .header-transverse.sag {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    background-color: #ffffff;
    background-image: none;
    -webkit-box-shadow: -1px 0 3px 2px rgba(66, 65, 66, 0.3);
    -moz-box-shadow: -1px 0 3px 2px rgba(66, 65, 66, 0.3);
    box-shadow: -1px 0 3px 2px rgba(66, 65, 66, 0.3);
  }
  .bodywrapper .header-transverse.mmafr > .container, .bodywrapper .header-transverse.mmapro > .container, .bodywrapper .header-transverse.ec > .container, .bodywrapper .header-transverse.sag > .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
  }
  .bodywrapper .header-transverse.mmafr > .container .logo, .bodywrapper .header-transverse.mmapro > .container .logo, .bodywrapper .header-transverse.ec > .container .logo, .bodywrapper .header-transverse.sag > .container .logo {
    display: flex;
    width: auto;
    flex-direction: row;
    align-items: center;
    order: 2;
  }
  .bodywrapper .header-transverse.mmafr > .container .logo .logo-mobile, .bodywrapper .header-transverse.mmapro > .container .logo .logo-mobile, .bodywrapper .header-transverse.ec > .container .logo .logo-mobile, .bodywrapper .header-transverse.sag > .container .logo .logo-mobile {
    display: block;
    max-height: 30px;
  }
  .bodywrapper .header-transverse.mmafr > .container .logo .logo-desktop, .bodywrapper .header-transverse.mmapro > .container .logo .logo-desktop, .bodywrapper .header-transverse.ec > .container .logo .logo-desktop, .bodywrapper .header-transverse.sag > .container .logo .logo-desktop {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .navigation-desktop, .bodywrapper .header-transverse.mmapro > .container .navigation-desktop, .bodywrapper .header-transverse.ec > .container .navigation-desktop, .bodywrapper .header-transverse.sag > .container .navigation-desktop {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.mmapro > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.ec > .container .menu-toggler.mma-desktop-menu-toggler, .bodywrapper .header-transverse.sag > .container .menu-toggler.mma-desktop-menu-toggler {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:before, .bodywrapper .header-transverse.mmapro > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:before, .bodywrapper .header-transverse.ec > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:before, .bodywrapper .header-transverse.sag > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login:before {
    margin: 0;
  }
  .bodywrapper .header-transverse.mmafr > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login span, .bodywrapper .header-transverse.mmapro > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login span, .bodywrapper .header-transverse.ec > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login span, .bodywrapper .header-transverse.sag > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login span {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion, .bodywrapper .header-transverse.mmapro > .container .header-connexion, .bodywrapper .header-transverse.ec > .container .header-connexion, .bodywrapper .header-transverse.sag > .container .header-connexion {
    display: flex;
    width: auto;
    order: 3;
    margin-left: auto;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-label, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-label {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-nav, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-nav {
    display: flex;
    margin: 0;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr > .container .header-connexion .header-connexion-nav .header-connexion-alternate, .bodywrapper .header-transverse.mmapro > .container .header-connexion .header-connexion-nav .header-connexion-alternate, .bodywrapper .header-transverse.ec > .container .header-connexion .header-connexion-nav .header-connexion-alternate, .bodywrapper .header-transverse.sag > .container .header-connexion .header-connexion-nav .header-connexion-alternate {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile, .bodywrapper .header-transverse.mmapro .navigation-mobile, .bodywrapper .header-transverse.ec .navigation-mobile, .bodywrapper .header-transverse.sag .navigation-mobile {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 111;
    background-color: #44455a;
    overflow-y: scroll;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .btn-close, .bodywrapper .header-transverse.mmapro .navigation-mobile .btn-close, .bodywrapper .header-transverse.ec .navigation-mobile .btn-close, .bodywrapper .header-transverse.sag .navigation-mobile .btn-close {
    display: block;
    margin-left: auto;
    margin-right: 15px;
    margin-top: 10px;
    width: auto;
    font-weight: normal;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content {
    padding: 0 0 15px 30px;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul {
    list-style: none;
    padding-left: 0;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li {
    position: relative;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a {
    color: var(--mma-link-text-color);
    text-decoration: none;
    outline: none;
    font-weight: normal;
    color: #e5e5e5;
    font-size: 14px;
    padding: 8px 0;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a:hover, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a:focus, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a:hover, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a:focus, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a:hover, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a:focus, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a:hover, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a:focus {
    text-decoration: underline;
    cursor: pointer;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a.chevron, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a.chevron, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a.chevron, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a.chevron {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a.chevron:hover, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a.chevron:focus, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a.chevron:hover, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a.chevron:focus, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a.chevron:hover, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a.chevron:focus, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a.chevron:hover, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a.chevron:focus {
    text-decoration: none;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li a.chevron:after, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li a.chevron:after, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li a.chevron:after, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li a.chevron:after {
    content: "›";
    color: #e5e5e5;
    font-size: 20px;
    font-weight: 600;
    margin-right: 30px;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul li:not(:last-child), .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul li:not(:last-child), .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul li:not(:last-child), .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul li:not(:last-child) {
    border-bottom: 1px solid #636475;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content .navigation-content-list, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content .navigation-content-list, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content .navigation-content-list, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content .navigation-content-list {
    margin: 0;
    padding: 0;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content .navigation-content-list > li > a:not(.chevron), .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content .navigation-content-list > li > a:not(.chevron), .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content .navigation-content-list > li > a:not(.chevron), .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content .navigation-content-list > li > a:not(.chevron) {
    font-weight: 700;
    color: #b6b6bd;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content .navigation-content-list > li > a.link-without-weight, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content .navigation-content-list > li > a.link-without-weight, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content .navigation-content-list > li > a.link-without-weight, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content .navigation-content-list > li > a.link-without-weight {
    font-weight: normal;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li {
    padding-left: 0px;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:hover, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:focus, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:hover, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:focus, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:hover, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:focus, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:hover, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:focus, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:hover, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:focus, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:hover, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:focus, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:hover, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li.open > a:focus, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:hover, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li.open > a:focus {
    color: #ffffff;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:hover, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:focus, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:hover, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:focus, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:hover, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:focus, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:hover, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:focus, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:hover, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:focus, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:hover, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:focus, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:hover, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > a:focus, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:hover, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > a:focus {
    color: #ffffff;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li ul, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li ul, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li ul, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li ul, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li ul, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li ul, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li ul, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li ul {
    display: none;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > a, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > a, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > a, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > a, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > a, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > a, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > a, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > a {
    padding-left: 20px;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > li > ul > li.open > ul > li a, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child > div > li > ul > li.open > ul > li a {
    padding-left: 20px;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open {
    padding-bottom: 0;
    padding-left: 0;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > a:after, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > a:after, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > a:after, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > a:after {
    transform: rotate(90deg);
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul {
    display: block;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul > li:first-child, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul > li:first-child, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul > li:first-child, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content ul.navigation-content-list:first-child li.open > ul > li:first-child {
    border-top: 1px solid #636475;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list {
    margin-top: 10px;
    padding: 0;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list > li, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list > li, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list > li, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list > li {
    padding-left: 0px;
  }
  .bodywrapper .header-transverse.mmafr .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list li a, .bodywrapper .header-transverse.mmapro .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list li a, .bodywrapper .header-transverse.ec .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list li a, .bodywrapper .header-transverse.sag .navigation-mobile .navigation-content .navigation-content-list + .navigation-content-list li a {
    color: #b6b6bd;
    font-weight: 600;
  }
  .bodywrapper .header-transverse.mmafr .header-lien-rapide, .bodywrapper .header-transverse.mmapro .header-lien-rapide, .bodywrapper .header-transverse.ec .header-lien-rapide, .bodywrapper .header-transverse.sag .header-lien-rapide {
    display: none;
  }
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper header.header-transverse.mmafr :root,
.bodywrapper header.header-transverse.mmapro :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper header.header-transverse.mmafr,
.bodywrapper header.header-transverse.mmapro {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.mmafr,
.bodywrapper header.header-transverse.mmapro {
    font-size: 14px;
  }
}
.bodywrapper header.header-transverse.mmafr .btn,
.bodywrapper header.header-transverse.mmapro .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper header.header-transverse.mmafr .btn:hover, .bodywrapper header.header-transverse.mmafr .btn:focus,
.bodywrapper header.header-transverse.mmapro .btn:hover,
.bodywrapper header.header-transverse.mmapro .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper header.header-transverse.mmafr .btn:before,
.bodywrapper header.header-transverse.mmapro .btn:before {
  display: none;
  content: none;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-primary,
.bodywrapper header.header-transverse.mmapro .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-primary:hover, .bodywrapper header.header-transverse.mmafr .btn.btn-primary:focus,
.bodywrapper header.header-transverse.mmapro .btn.btn-primary:hover,
.bodywrapper header.header-transverse.mmapro .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-secondary,
.bodywrapper header.header-transverse.mmapro .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-success,
.bodywrapper header.header-transverse.mmapro .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-success:hover, .bodywrapper header.header-transverse.mmafr .btn.btn-success:focus,
.bodywrapper header.header-transverse.mmapro .btn.btn-success:hover,
.bodywrapper header.header-transverse.mmapro .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-login,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-login:hover, .bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-login:focus,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-login:hover,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-login:before,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-logout,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-logout:hover, .bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-logout:focus,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-logout:hover,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-logout:before,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-avatar,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-avatar:hover, .bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-avatar:focus,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-avatar:hover,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.mmafr .btn.header-connexion-btn-avatar:before,
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-danger,
.bodywrapper header.header-transverse.mmapro .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-danger:hover, .bodywrapper header.header-transverse.mmafr .btn.btn-danger:focus,
.bodywrapper header.header-transverse.mmapro .btn.btn-danger:hover,
.bodywrapper header.header-transverse.mmapro .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.mmafr .btn.btn-info,
.bodywrapper header.header-transverse.mmapro .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-info:hover, .bodywrapper header.header-transverse.mmafr .btn.btn-info:focus,
.bodywrapper header.header-transverse.mmapro .btn.btn-info:hover,
.bodywrapper header.header-transverse.mmapro .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.mmafr .btn.btn-close,
.bodywrapper header.header-transverse.mmapro .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-close:before,
.bodywrapper header.header-transverse.mmapro .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper header.header-transverse.mmafr .btn.btn-close:hover, .bodywrapper header.header-transverse.mmafr .btn.btn-close:focus,
.bodywrapper header.header-transverse.mmapro .btn.btn-close:hover,
.bodywrapper header.header-transverse.mmapro .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper header.header-transverse.mmafr .link,
.bodywrapper header.header-transverse.mmapro .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper header.header-transverse.mmafr .link:hover, .bodywrapper header.header-transverse.mmafr .link:focus,
.bodywrapper header.header-transverse.mmapro .link:hover,
.bodywrapper header.header-transverse.mmapro .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler,
.bodywrapper header.header-transverse.mmapro .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler:hover, .bodywrapper header.header-transverse.mmafr .menu-toggler:focus,
.bodywrapper header.header-transverse.mmapro .menu-toggler:hover,
.bodywrapper header.header-transverse.mmapro .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler .icon-bar,
.bodywrapper header.header-transverse.mmapro .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler .icon-bar + .icon-bar,
.bodywrapper header.header-transverse.mmapro .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler.menu-toggler-black,
.bodywrapper header.header-transverse.mmapro .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler.menu-toggler-black .icon-bar,
.bodywrapper header.header-transverse.mmapro .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper header.header-transverse.mmafr .menu-toggler.menu-toggler-black .icon-bar + .icon-bar,
.bodywrapper header.header-transverse.mmapro .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper header.header-transverse.mmafr .text-bold,
.bodywrapper header.header-transverse.mmapro .text-bold {
  font-weight: bold;
}
.bodywrapper header.header-transverse.mmafr .text-center,
.bodywrapper header.header-transverse.mmapro .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.mmafr .hidden-desktop,
.bodywrapper header.header-transverse.mmapro .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.mmafr .hidden-mobile,
.bodywrapper header.header-transverse.mmapro .hidden-mobile {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.mmafr,
.bodywrapper header.header-transverse.mmapro {
    z-index: 999;
  }
  .bodywrapper header.header-transverse.mmafr > .container,
.bodywrapper header.header-transverse.mmapro > .container {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background: linear-gradient(to bottom, #fff 46%, #e5e5e5 100%);
  }
  .bodywrapper header.header-transverse.mmafr > .container .mma-mobile-menu-toggler,
.bodywrapper header.header-transverse.mmapro > .container .mma-mobile-menu-toggler {
    border: none;
    width: 93px;
    padding-top: 3px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .bodywrapper header.header-transverse.mmafr > .container .mma-mobile-menu-toggler svg,
.bodywrapper header.header-transverse.mmapro > .container .mma-mobile-menu-toggler svg {
    display: block;
  }
  .bodywrapper header.header-transverse.mmafr > .container .mma-mobile-menu-toggler svg path,
.bodywrapper header.header-transverse.mmapro > .container .mma-mobile-menu-toggler svg path {
    fill: #1e326d;
  }
  .bodywrapper header.header-transverse.mmafr > .container .mma-mobile-menu-toggler .icon-bar,
.bodywrapper header.header-transverse.mmapro > .container .mma-mobile-menu-toggler .icon-bar {
    background-color: #1e326d;
  }
  .bodywrapper header.header-transverse.mmafr > .container .mma-mobile-menu-toggler .icon-bar + .icon-bar,
.bodywrapper header.header-transverse.mmapro > .container .mma-mobile-menu-toggler .icon-bar + .icon-bar {
    margin-top: 4px;
  }
  .bodywrapper header.header-transverse.mmafr > .container .mma-mobile-menu-toggler:after,
.bodywrapper header.header-transverse.mmapro > .container .mma-mobile-menu-toggler:after {
    margin-top: 3px;
    color: #1e326d;
    content: "menu";
  }
  .bodywrapper header.header-transverse.mmafr > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login,
.bodywrapper header.header-transverse.mmapro > .container .mma-mobile-menu-toggler + .logo + .navigation-desktop + .navigation-mobile + .header-connexion .header-connexion-btn-login {
    width: 93px;
  }
  .bodywrapper header.header-transverse.mmafr > .container .header-connexion .header-connexion-btn-login, .bodywrapper header.header-transverse.mmafr > .container .header-connexion .header-connexion-btn-geo-localiosation,
.bodywrapper header.header-transverse.mmapro > .container .header-connexion .header-connexion-btn-login,
.bodywrapper header.header-transverse.mmapro > .container .header-connexion .header-connexion-btn-geo-localiosation {
    background-color: transparent;
    background-image: none;
    padding: 0;
    border: none;
    width: 93px;
    text-align: center;
  }
  .bodywrapper header.header-transverse.mmafr > .container .header-connexion .header-connexion-btn-login > span, .bodywrapper header.header-transverse.mmafr > .container .header-connexion .header-connexion-btn-geo-localiosation > span,
.bodywrapper header.header-transverse.mmapro > .container .header-connexion .header-connexion-btn-login > span,
.bodywrapper header.header-transverse.mmapro > .container .header-connexion .header-connexion-btn-geo-localiosation > span {
    display: none;
  }
  .bodywrapper header.header-transverse.mmafr > .container .header-connexion .header-connexion-btn-login:before, .bodywrapper header.header-transverse.mmafr > .container .header-connexion .header-connexion-btn-geo-localiosation:before,
.bodywrapper header.header-transverse.mmapro > .container .header-connexion .header-connexion-btn-login:before,
.bodywrapper header.header-transverse.mmapro > .container .header-connexion .header-connexion-btn-geo-localiosation:before {
    content: "";
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
  }
  .bodywrapper header.header-transverse.mmafr > .container .header-connexion .header-connexion-btn-login:before,
.bodywrapper header.header-transverse.mmapro > .container .header-connexion .header-connexion-btn-login:before {
    background-image: url("/modules/jahia-mma-transverse-composants/images/icons/silhouette121.jpg");
  }
  .bodywrapper header.header-transverse.mmafr > .container .header-connexion .header-connexion-btn-geo-localiosation:before,
.bodywrapper header.header-transverse.mmapro > .container .header-connexion .header-connexion-btn-geo-localiosation:before {
    background-image: url("/modules/jahia-mma-transverse-composants/images/icons/geoloc-picto.png");
  }
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper header.header-transverse.mmapro :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper header.header-transverse.mmapro {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.mmapro {
    font-size: 14px;
  }
}
.bodywrapper header.header-transverse.mmapro .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper header.header-transverse.mmapro .btn:hover, .bodywrapper header.header-transverse.mmapro .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper header.header-transverse.mmapro .btn:before {
  display: none;
  content: none;
}
.bodywrapper header.header-transverse.mmapro .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper header.header-transverse.mmapro .btn.btn-primary:hover, .bodywrapper header.header-transverse.mmapro .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper header.header-transverse.mmapro .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper header.header-transverse.mmapro .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper header.header-transverse.mmapro .btn.btn-success:hover, .bodywrapper header.header-transverse.mmapro .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-login:hover, .bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-logout:hover, .bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-avatar:hover, .bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.mmapro .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.mmapro .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper header.header-transverse.mmapro .btn.btn-danger:hover, .bodywrapper header.header-transverse.mmapro .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.mmapro .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper header.header-transverse.mmapro .btn.btn-info:hover, .bodywrapper header.header-transverse.mmapro .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.mmapro .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper header.header-transverse.mmapro .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper header.header-transverse.mmapro .btn.btn-close:hover, .bodywrapper header.header-transverse.mmapro .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper header.header-transverse.mmapro .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper header.header-transverse.mmapro .link:hover, .bodywrapper header.header-transverse.mmapro .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper header.header-transverse.mmapro .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper header.header-transverse.mmapro .menu-toggler:hover, .bodywrapper header.header-transverse.mmapro .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper header.header-transverse.mmapro .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper header.header-transverse.mmapro .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper header.header-transverse.mmapro .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper header.header-transverse.mmapro .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper header.header-transverse.mmapro .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper header.header-transverse.mmapro .text-bold {
  font-weight: bold;
}
.bodywrapper header.header-transverse.mmapro .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.mmapro .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.mmapro .hidden-mobile {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.mmapro .header-connexion .header-connexion-btn-geo-localiosation + .header-connexion-btn-login {
    display: none;
  }
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper header.header-transverse.sag :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper header.header-transverse.sag {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.sag {
    font-size: 14px;
  }
}
.bodywrapper header.header-transverse.sag .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper header.header-transverse.sag .btn:hover, .bodywrapper header.header-transverse.sag .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper header.header-transverse.sag .btn:before {
  display: none;
  content: none;
}
.bodywrapper header.header-transverse.sag .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper header.header-transverse.sag .btn.btn-primary:hover, .bodywrapper header.header-transverse.sag .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper header.header-transverse.sag .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper header.header-transverse.sag .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper header.header-transverse.sag .btn.btn-success:hover, .bodywrapper header.header-transverse.sag .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.sag .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper header.header-transverse.sag .btn.header-connexion-btn-login:hover, .bodywrapper header.header-transverse.sag .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.sag .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper header.header-transverse.sag .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.sag .btn.header-connexion-btn-logout:hover, .bodywrapper header.header-transverse.sag .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.sag .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.sag .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.sag .btn.header-connexion-btn-avatar:hover, .bodywrapper header.header-transverse.sag .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.sag .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.sag .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper header.header-transverse.sag .btn.btn-danger:hover, .bodywrapper header.header-transverse.sag .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.sag .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper header.header-transverse.sag .btn.btn-info:hover, .bodywrapper header.header-transverse.sag .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.sag .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper header.header-transverse.sag .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper header.header-transverse.sag .btn.btn-close:hover, .bodywrapper header.header-transverse.sag .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper header.header-transverse.sag .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper header.header-transverse.sag .link:hover, .bodywrapper header.header-transverse.sag .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper header.header-transverse.sag .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper header.header-transverse.sag .menu-toggler:hover, .bodywrapper header.header-transverse.sag .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper header.header-transverse.sag .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper header.header-transverse.sag .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper header.header-transverse.sag .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper header.header-transverse.sag .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper header.header-transverse.sag .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper header.header-transverse.sag .text-bold {
  font-weight: bold;
}
.bodywrapper header.header-transverse.sag .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.sag .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.sag .hidden-mobile {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.sag > .container {
    position: relative;
  }
  .bodywrapper header.header-transverse.sag > .container .logo {
    margin: auto;
  }
  .bodywrapper header.header-transverse.sag > .container .header-connexion {
    position: absolute;
    right: 8px;
  }
  .bodywrapper header.header-transverse.sag > .container .header-connexion .header-connexion-btn-login {
    background-color: transparent;
    background-image: none;
    padding: 0;
    border: none;
    width: 30px;
  }
  .bodywrapper header.header-transverse.sag > .container .header-connexion .header-connexion-btn-login > span {
    display: none;
  }
  .bodywrapper header.header-transverse.sag > .container .header-connexion .header-connexion-btn-login:before {
    content: "";
    background-image: url("/modules/jahia-mma-transverse-composants/images/icons/silhouette121.jpg");
    background-size: cover;
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
  }
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper header.header-transverse.ec :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper header.header-transverse.ec {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.ec {
    font-size: 14px;
  }
}
.bodywrapper header.header-transverse.ec .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper header.header-transverse.ec .btn:hover, .bodywrapper header.header-transverse.ec .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper header.header-transverse.ec .btn:before {
  display: none;
  content: none;
}
.bodywrapper header.header-transverse.ec .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper header.header-transverse.ec .btn.btn-primary:hover, .bodywrapper header.header-transverse.ec .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper header.header-transverse.ec .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper header.header-transverse.ec .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper header.header-transverse.ec .btn.btn-success:hover, .bodywrapper header.header-transverse.ec .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-login:hover, .bodywrapper header.header-transverse.ec .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-logout:hover, .bodywrapper header.header-transverse.ec .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-avatar:hover, .bodywrapper header.header-transverse.ec .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.ec .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.ec .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper header.header-transverse.ec .btn.btn-danger:hover, .bodywrapper header.header-transverse.ec .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.ec .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper header.header-transverse.ec .btn.btn-info:hover, .bodywrapper header.header-transverse.ec .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.ec .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper header.header-transverse.ec .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper header.header-transverse.ec .btn.btn-close:hover, .bodywrapper header.header-transverse.ec .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper header.header-transverse.ec .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper header.header-transverse.ec .link:hover, .bodywrapper header.header-transverse.ec .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper header.header-transverse.ec .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper header.header-transverse.ec .menu-toggler:hover, .bodywrapper header.header-transverse.ec .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper header.header-transverse.ec .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper header.header-transverse.ec .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper header.header-transverse.ec .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper header.header-transverse.ec .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper header.header-transverse.ec .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper header.header-transverse.ec .text-bold {
  font-weight: bold;
}
.bodywrapper header.header-transverse.ec .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.ec .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.ec .hidden-mobile {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.ec > .container .header-connexion .header-connexion-nav {
    display: flex;
    flex-direction: column;
  }
  .bodywrapper header.header-transverse.ec > .container .header-connexion .header-connexion-nav .header-connexion-btn-avatar {
    display: none;
  }
  .bodywrapper header.header-transverse.ec > .container .header-connexion .header-connexion-username {
    display: none;
  }
  .bodywrapper header.header-transverse.ec > .container .header-connexion .header-connexion-last-login {
    display: none;
  }
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper header.header-transverse.header-transverse-logged.ec :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.header-transverse-logged.ec {
    font-size: 14px;
  }
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn:before {
  display: none;
  content: none;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-primary:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-success:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-login:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-logout:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-avatar:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-danger:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-info:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-close:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .link:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler:hover, .bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .text-bold {
  font-weight: bold;
}
.bodywrapper header.header-transverse.header-transverse-logged.ec .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.header-transverse-logged.ec .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.header-transverse-logged.ec .hidden-mobile {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion {
    align-items: center;
    position: relative;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-last-login {
    display: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-username {
    display: block;
    color: var(--mma-header-ec-username-mobile-color);
    font-weight: 700;
    position: relative;
    padding-right: 15px;
    font-size: 12px;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-username:after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 5px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #475682;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-username .header-connexion-de {
    display: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav {
    display: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .header-connexion-btn-login {
    display: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout {
    display: block;
    text-align: center;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .header-connexion-btn-avatar {
    display: block;
    text-align: center;
    margin-top: 5px;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav.collapsed {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 10;
    top: 30px;
    right: 0;
    padding: 8px;
    min-width: 240px;
    background: #ecedf2;
    border: 1px solid #ced3df;
    border-radius: 5px;
  }
}
@media (min-device-width: 992px) and (max-device-width: 1199.98px) and (orientation: portrait) {
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion {
    align-items: center;
    position: relative;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-last-login {
    display: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-username {
    display: block;
    color: var(--mma-header-ec-username-mobile-color);
    font-weight: 700;
    position: relative;
    padding-right: 15px;
    font-size: 12px;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-username:after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 5px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #475682;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-username .header-connexion-de {
    display: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav {
    display: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .header-connexion-btn-login {
    display: none;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .btn.header-connexion-btn-logout {
    display: block;
    text-align: center;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav .header-connexion-btn-avatar {
    display: block;
    text-align: center;
    margin-top: 5px;
  }
  .bodywrapper header.header-transverse.header-transverse-logged.ec > .container .header-connexion .header-connexion-nav.collapsed {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 10;
    top: 30px;
    right: 0;
    padding: 8px;
    min-width: 240px;
    background: #ecedf2;
    border: 1px solid #ced3df;
    border-radius: 5px;
  }
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper header.header-transverse.parcours :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper header.header-transverse.parcours {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.parcours {
    font-size: 14px;
  }
}
.bodywrapper header.header-transverse.parcours .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper header.header-transverse.parcours .btn:hover, .bodywrapper header.header-transverse.parcours .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper header.header-transverse.parcours .btn:before {
  display: none;
  content: none;
}
.bodywrapper header.header-transverse.parcours .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper header.header-transverse.parcours .btn.btn-primary:hover, .bodywrapper header.header-transverse.parcours .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper header.header-transverse.parcours .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper header.header-transverse.parcours .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper header.header-transverse.parcours .btn.btn-success:hover, .bodywrapper header.header-transverse.parcours .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-login:hover, .bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-logout:hover, .bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-avatar:hover, .bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.parcours .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper header.header-transverse.parcours .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper header.header-transverse.parcours .btn.btn-danger:hover, .bodywrapper header.header-transverse.parcours .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper header.header-transverse.parcours .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper header.header-transverse.parcours .btn.btn-info:hover, .bodywrapper header.header-transverse.parcours .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper header.header-transverse.parcours .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper header.header-transverse.parcours .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper header.header-transverse.parcours .btn.btn-close:hover, .bodywrapper header.header-transverse.parcours .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper header.header-transverse.parcours .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper header.header-transverse.parcours .link:hover, .bodywrapper header.header-transverse.parcours .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper header.header-transverse.parcours .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper header.header-transverse.parcours .menu-toggler:hover, .bodywrapper header.header-transverse.parcours .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper header.header-transverse.parcours .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper header.header-transverse.parcours .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper header.header-transverse.parcours .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper header.header-transverse.parcours .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper header.header-transverse.parcours .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper header.header-transverse.parcours .text-bold {
  font-weight: bold;
}
.bodywrapper header.header-transverse.parcours .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper header.header-transverse.parcours .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper header.header-transverse.parcours .hidden-mobile {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .bodywrapper header.header-transverse.parcours > .container .header-connexion .header-connexion-btn-login {
    background-color: #ffffff;
    background-image: none;
    border-color: #00a56b;
    margin-right: 3px;
  }
  .bodywrapper header.header-transverse.parcours > .container .header-connexion .header-connexion-btn-login span {
    display: none;
  }
  .bodywrapper header.header-transverse.parcours > .container .header-connexion .header-connexion-btn-login:before {
    background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur-green1.png");
  }
  .bodywrapper header.header-transverse.parcours > .container .header-connexion-label, .bodywrapper header.header-transverse.parcours > .container .header-connexion-username, .bodywrapper header.header-transverse.parcours > .container .header-connexion-last-login, .bodywrapper header.header-transverse.parcours > .container .btn.header-connexion-btn-avatar {
    display: block;
  }
}
.bodywrapper .navigation-ec {
  background-color: var(--mma-header-navigation-ec-bg-color1);
  background-image: linear-gradient(to bottom, var(--mma-header-navigation-ec-bg-color1) 0, var(--mma-header-navigation-ec-bg-color2) 100%);
  line-height: normal;
}
body[data-theme=light] .light--hidden {
  display: none;
}

body[data-theme=dark] .dark--hidden {
  display: none;
}

.bodywrapper .navigation-ec :root {
  --ds-text-montserrat-font-family: "Montserrat", Verdana, Tahoma, sans-serif;
  --ds-text-openSans-font-family: "Open Sans", Verdana, Tahoma, sans-serif;
  --ds-icon-font: "Font Awesome 6 Pro";
  --ds-icon-font-kit: "Font Awesome Kit";
  --ds-text-default-size: 14px;
  --ds-text-default-letter-spacing: normal;
  --ds-text-default-line-height: normal;
  --ds-text-default-weight: normal;
  --ds-text-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-size: var(--ds-text-default-size);
  --ds-link-default-weight: 400;
  --ds-link-default-font-family: var(--ds-text-openSans-font-family);
  --ds-link-default-line-height: 20px;
  --ds-default-link-color: #003FA6;
  --ds-btn-disabled-bg-color: #706d6d;
  --ds-btn-disabled-hover-bg-color: #706d6d;
  --ds-btn-disabled-focus-bg-color: #706d6d;
  --ds-btn-disabled-text-color: #ffffff;
  --ds-btn-blue-bg-color: #003FA6;
  --ds-btn-blue-hover-bg-color: #00358c;
  --ds-btn-blue-focus-bg-color: #003FA6;
  --ds-btn-blue-text-color: #ffffff;
  --ds-btn-green-bg-color: #00844F;
  --ds-btn-green-hover-bg-color: #01693F;
  --ds-btn-green-focus-bg-color: #00844F;
  --ds-btn-green-text-color: #ffffff;
  --ds-btn-orange-bg-color: #F7882D;
  --ds-btn-orange-hover-bg-color: #DD6B0C;
  --ds-btn-orange-focus-bg-color: #F7882D;
  --ds-btn-orange-text-color: #ffffff;
  --ds-btn-white-bg-color: #ffffff;
  --ds-btn-white-hover-text-color: #ffffff;
  --ds-btn-white-hover-bg-color: #003FA6;
  --ds-btn-white-focus-text-color: #ffffff;
  --ds-btn-white-focus-bg-color: #003FA6;
  --ds-btn-white-text-color: #003FA6;
}
.bodywrapper .navigation-ec {
  font-family: Arial, sans-serif;
}
@media (min-device-width: 1200px) {
  .bodywrapper .navigation-ec {
    font-size: 14px;
  }
}
.bodywrapper .navigation-ec .btn {
  border-radius: 5px;
  text-decoration: none;
  padding: 11px 13px 11px 13px;
  font-size: 14px;
}
.bodywrapper .navigation-ec .btn:hover, .bodywrapper .navigation-ec .btn:focus {
  text-decoration: none;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.bodywrapper .navigation-ec .btn:before {
  display: none;
  content: none;
}
.bodywrapper .navigation-ec .btn.btn-primary {
  color: #ffffff;
  border: 1px solid #2244b7;
}
.bodywrapper .navigation-ec .btn.btn-primary:hover, .bodywrapper .navigation-ec .btn.btn-primary:focus {
  background-color: #264ccd;
  text-decoration: none;
}
.bodywrapper .navigation-ec .btn.btn-secondary {
  color: #2244b7;
  border: 1px solid #2244b7;
  background-color: #ffffff;
}
.bodywrapper .navigation-ec .btn.btn-success {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
}
.bodywrapper .navigation-ec .btn.btn-success:hover, .bodywrapper .navigation-ec .btn.btn-success:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-login {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #00b978 0, #00a56b 100%);
  background-color: #00a56b;
  border: 1px solid #0c621c;
  text-shadow: 1px 1px 0 #008e5c;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  line-height: 14px;
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-login:hover, .bodywrapper .navigation-ec .btn.header-connexion-btn-login:focus {
  background-image: linear-gradient(to bottom, #00a56b 0, #00b978 100%);
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-login:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 8px;
  height: 12px;
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-logout {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-logout:hover, .bodywrapper .navigation-ec .btn.header-connexion-btn-logout:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-logout:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/cadenas-noblur.svg");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-avatar {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-avatar:hover, .bodywrapper .navigation-ec .btn.header-connexion-btn-avatar:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper .navigation-ec .btn.header-connexion-btn-avatar:before {
  content: "";
  background-image: url("/modules/jahia-mma-transverse-composants/images/icons/login.png");
  background-size: cover;
  position: relative;
  display: inline-block;
  width: 10px;
  margin-right: 5px;
  height: 12px;
}
.bodywrapper .navigation-ec .btn.btn-danger {
  color: #ffffff;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #f3b01c 0, #ea7e22 100%);
  background-color: #f3b01c;
  border: 1px solid #a83f00;
  text-shadow: 1px 1px 0 #e0630e;
}
.bodywrapper .navigation-ec .btn.btn-danger:hover, .bodywrapper .navigation-ec .btn.btn-danger:focus {
  background-image: linear-gradient(to bottom, #ea7e22 0, #f3b01c 100%);
}
.bodywrapper .navigation-ec .btn.btn-info {
  color: #5975b3;
  font-weight: 700;
  background-image: linear-gradient(to bottom, #ffffff 0, #ecedf2 100%);
  background-color: #ecedf2;
  border: 1px solid #a0a9cf;
}
.bodywrapper .navigation-ec .btn.btn-info:hover, .bodywrapper .navigation-ec .btn.btn-info:focus {
  background-image: linear-gradient(to bottom, #ecedf2 0, #ffffff 100%);
}
.bodywrapper .navigation-ec .btn.btn-close {
  background-color: transparent;
  border: none;
  color: #b6b6bd;
}
.bodywrapper .navigation-ec .btn.btn-close:before {
  content: "✕";
  display: block;
  color: #b6b6bd;
  font-size: 20px;
}
.bodywrapper .navigation-ec .btn.btn-close:hover, .bodywrapper .navigation-ec .btn.btn-close:focus {
  background-image: none;
}
.bodywrapper .navigation-ec .link {
  color: var(--mma-link-text-color);
  text-decoration: none;
  outline: none;
}
.bodywrapper .navigation-ec .link:hover, .bodywrapper .navigation-ec .link:focus {
  text-decoration: underline;
  cursor: pointer;
}
.bodywrapper .navigation-ec .menu-toggler {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 8px 6px;
  background-color: transparent;
  border: 1px solid #dadaee;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  outline-color: #dadaee;
  border-radius: 4px;
}
.bodywrapper .navigation-ec .menu-toggler:hover, .bodywrapper .navigation-ec .menu-toggler:focus {
  cursor: pointer;
}
.bodywrapper .navigation-ec .menu-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #dadaee;
}
.bodywrapper .navigation-ec .menu-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.bodywrapper .navigation-ec .menu-toggler.menu-toggler-black {
  border: none;
  outline: none;
}
.bodywrapper .navigation-ec .menu-toggler.menu-toggler-black .icon-bar {
  background-color: #000000;
  border-radius: 4px;
  height: 4px;
  width: 25px;
}
.bodywrapper .navigation-ec .menu-toggler.menu-toggler-black .icon-bar + .icon-bar {
  margin-top: 4px;
}
.bodywrapper .navigation-ec .text-bold {
  font-weight: bold;
}
.bodywrapper .navigation-ec .text-center {
  text-align: center;
}
@media (min-device-width: 1200px) {
  .bodywrapper .navigation-ec .hidden-desktop {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper .navigation-ec .hidden-mobile {
    display: none;
  }
}
.bodywrapper .navigation-ec > .container {
  max-width: 997px;
  width: 100%;
  margin: auto;
}
.bodywrapper .navigation-ec .hidden {
  display: none !important;
}
.bodywrapper .navigation-ec .invisible {
  visibility: hidden !important;
}
.bodywrapper .navigation-ec nav.main-nav {
  box-shadow: none;
}
.bodywrapper .navigation-ec nav.main-nav ul {
  display: flex !important;
  flex-direction: row;
  justify-content: left;
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.bodywrapper .navigation-ec nav.main-nav ul li {
  display: flex;
  padding: 0;
  border: none;
}
.bodywrapper .navigation-ec nav.main-nav ul li:hover, .bodywrapper .navigation-ec nav.main-nav ul li:focus {
  padding: 0;
}
.bodywrapper .navigation-ec nav.main-nav ul li a {
  text-decoration: none;
  padding: 17px 26px;
  color: #ffffff;
  font-weight: 700;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.65);
}
.bodywrapper .navigation-ec nav.main-nav ul li a:hover, .bodywrapper .navigation-ec nav.main-nav ul li a:focus {
  cursor: pointer;
  text-decoration: none;
  background-color: #70a9ff;
  background-image: linear-gradient(to bottom, #70a9ff 0, #4686e6 100%);
}
.bodywrapper .navigation-ec nav.main-nav ul li a .btn-info {
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #ffffff;
  background: #e25151;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0);
  margin-left: 4px;
  padding: 2px 6px 1px 5px;
  border-radius: 5px;
}
@media (min-device-width: 1200px) {
  .bodywrapper .navigation-ec {
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.6);
  }
  .bodywrapper .navigation-ec .toggle-mobile-menu {
    display: none;
  }
  .bodywrapper .navigation-ec nav.main-nav ul li {
    padding: 0;
  }
  .bodywrapper .navigation-ec nav.main-nav ul li a {
    font-size: 18px;
  }
  .bodywrapper .navigation-ec nav.main-nav ul li + li a {
    border-left: 1px solid #334e9d;
  }
}
@media (min-device-width: 992px) and (max-device-width: 1199.98px) {
  .bodywrapper .navigation-ec nav.main-nav ul li a {
    font-size: 14.5px;
  }
}
@media (min-device-width: 992px) and (max-device-width: 1199.98px) {
  .bodywrapper .navigation-ec .toggle-mobile-menu {
    display: none;
  }
}
@media (max-device-width: 991.98px) {
  .bodywrapper .navigation-ec .toggle-mobile-menu {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px #1c2d61;
    padding: 20px 30px 20px 0;
    line-height: 20px;
    margin: auto;
    -webkit-box-shadow: 0 3px #1c2d61;
    -moz-box-shadow: 0 3px #1c2d61;
    box-shadow: 0 3px #1c2d61;
    text-align: center;
    background: url("/modules/jahia-mma-transverse-composants/images/icons/menu.png") no-repeat 60% center;
  }
  .bodywrapper .navigation-ec .toggle-mobile-menu:hover, .bodywrapper .navigation-ec .toggle-mobile-menu:focus {
    text-decoration: none;
    cursor: pointer;
  }
  .bodywrapper .navigation-ec > .container {
    width: 100%;
  }
  .bodywrapper .navigation-ec nav.main-nav ul {
    display: flex;
    flex-direction: column;
    height: 0;
    overflow: hidden;
  }
  .bodywrapper .navigation-ec nav.main-nav ul.collapsed {
    height: auto;
  }
  .bodywrapper .navigation-ec nav.main-nav ul li a {
    font-size: 14px;
  }
}