@charset "UTF-8";
/**** Fix for import theme var ****/
/**** Screen Size ****/
/*$ariane-height-desktop: 8px;*/
/* CIn chart doc but not reality */
/*$ariane-height-tablet: 8px;*/
/* CIn chart doc but not reality */
/*$ariane-height-mobile: 8px;*/
/* pas de fil d'ariane */
/**** Couleurs****/
/* Mon Enfant */
/* Allocataires */
/* Institutionnel */
/* Partenaires */
/* Complémentaires */
/**** Couleurs accessibilite ****/
/* Mon Enfant */
/**** Police ****/
/* weight & style */
/**** Title ****/
/* Palier Mon Enfant h */
/**** Texte ****/
/* Palier Mon Enfant texte */
/**** icones ****/
/**** Input/Button/Select ****/
/**** Menu ****/
/** Burger **/
/** Sidebar **/
/*$sidebar-header-height-mobile: $navigation-height-mobile;*/
/** Frise **/
/**** Carte ****/
.exportVariables {
  --breakDesktopLarge:1260px;
  --breakDesktop:960px;
  --breakTablet:640px;
  --breakMobile:320px; }

body #assmatSubMessage1,
body #structureSubMessage1 {
  margin-left: 30px;
  text-transform: uppercase; }
  @media screen and (max-width: 640px) {
    body #assmatSubMessage1,
    body #structureSubMessage1 {
      margin-left: 0;
      text-align: center; } }

body.authentification-page-structures #wrapper #ariane {
  display: none; }
  body.authentification-page-structures #wrapper #ariane .portlet {
    margin: 0; }

body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm {
  margin: 0 40px 0 40px;
  /* Mobile screen */ }
  @media screen and (max-width: 640px) {
    body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm {
      margin: 0; } }
  body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .field-wrapper {
    width: 290px;
    margin: 0 auto 15px auto;
    /* Mobile screen */ }
    @media screen and (max-width: 640px) {
      body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .field-wrapper {
        width: auto; } }
    body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .field-wrapper label.control-label {
      text-align: center; }
    body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .field-wrapper input {
      max-width: none; }
  body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .login-cgu {
    display: none;
    margin: 15px auto 10px auto;
    /* Mobile screen */ }
    body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .login-cgu a {
      color: #FF5A5F;
      text-decoration: underline; }
      body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .login-cgu a:hover {
        text-decoration: none; }
    @media screen and (max-width: 640px) {
      body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .login-cgu {
        width: 100%;
        text-align: justify; } }
  body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .button-holder {
    vertical-align: middle;
    line-height: 50px;
    margin: 0;
    /*
           * Permet de rendre la div flexible afin de changer l'ordre des éléments en mobile
           * afin de correspondre aux maquettes
           */ }
    @media screen and (max-width: 640px) {
      body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .button-holder {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-top: 20px; } }
    body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .button-holder .link-forget-password {
      font-weight: 500;
      text-decoration: underline;
      text-align: center;
      /*
             * Devient le second élément en mobile
             */ }
      @media screen and (max-width: 640px) {
        body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .button-holder .link-forget-password {
          order: 2; } }
    body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .button-holder button {
      /*font-weight: $weight-medium;*/
      text-transform: uppercase;
      border-radius: 0;
      width: 160px;
      /* Mobile screen */
      /*
             * Devient le premier élément en mobile
             */ }
      @media screen and (max-width: 640px) {
        body.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .button-holder button {
          width: 100%;
          order: 1; } }

body.authentification-page-structures #wrapper #content {
  background-image: url(/o/monenfant-theme/images/homepage/pro/visuel-connexion-1.jpg) !important;
  min-height: 670px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  body.authentification-page-structures #wrapper #content .portlet-authentification-me .portlet {
    margin: 0; }
    body.authentification-page-structures #wrapper #content .portlet-authentification-me .portlet .portlet-title-text {
      display: none; }
  body.authentification-page-structures #wrapper #content .authentification-block {
    background: #FFFFFF;
    overflow: auto;
    margin: 70px auto 0 auto;
    width: 500px;
    /* Mobile screen */ }
    @media screen and (max-width: 640px) {
      body.authentification-page-structures #wrapper #content .authentification-block {
        width: 100%; } }
    body.authentification-page-structures #wrapper #content .authentification-block .authentification-type {
      height: 80px;
      text-align: center;
      font-size: 20px;
      padding: 10px;
      font-weight: 500;
      cursor: pointer;
      color: #FFFFFF;
      background: #FF5A5F;
      border-bottom: 4px solid #FE9D96; }
      body.authentification-page-structures #wrapper #content .authentification-block .authentification-type.active {
        color: #FF5A5F;
        background: #FFFFFF;
        border-color: #FFFFFF; }
    body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content {
      cursor: pointer; }
      body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content h2 {
        color: #282828;
        text-transform: none;
        font-size: 20px;
        margin: 0;
        font-weight: 700;
        /* Mobile screen */ }
        @media screen and (max-width: 640px) {
          body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content h2 {
            font-size: 18px; } }
        body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content h2 .authentification-type-content-title {
          width: 25px;
          display: inline-block; }
        body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content h2 svg {
          margin-right: 10px;
          font-size: 16px; }
      body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content .content-slidedown-picto.content-slidedown-picto-open {
        display: none;
        color: #FF5A5F; }
      body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content .content-slidedown-picto.content-slidedown-picto-close {
        display: inline-block;
        color: #FF5A5F; }
      body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content .content-slidedown {
        display: none;
        margin: 15px 0 0 0;
        text-align: left; }
        body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content .content-slidedown p {
          margin: 0; }
        body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content .content-slidedown a.btn {
          /*font-weight: $weight-medium;*/
          text-transform: uppercase;
          border-radius: 0;
          margin: 15px auto 0 auto;
          display: block;
          width: 275px;
          /* Mobile screen */ }
          @media screen and (max-width: 640px) {
            body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content .content-slidedown a.btn {
              width: 100%;
              text-overflow: ellipsis;
              overflow: hidden; } }
        body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content .content-slidedown.content-slidedown-assmat .link-aide-en-ligne {
          font-weight: 500;
          text-decoration: underline; }
      body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content.authentification-deja-habilite {
        padding: 20px; }
      body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content.authentification-futur-habilite {
        text-align: center;
        background: #F3F4F6;
        padding: 20px; }
        body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content.authentification-futur-habilite .content-slidedown {
          margin: 15px 30px 0 30px;
          /* Mobile screen */ }
          @media screen and (max-width: 640px) {
            body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content.authentification-futur-habilite .content-slidedown {
              margin: 15px 0 0 0; } }
      body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content.authentification-type-content-open {
        cursor: auto; }
        body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content.authentification-type-content-open .content-slidedown-picto.content-slidedown-picto-open {
          display: inline-block; }
        body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content.authentification-type-content-open .content-slidedown-picto.content-slidedown-picto-close {
          display: none; }
        body.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content.authentification-type-content-open .content-slidedown-open {
          display: block; }
    body.authentification-page-structures #wrapper #content .authentification-block.authentification-block-signin h2 {
      display: none; }
    body.authentification-page-structures #wrapper #content .authentification-block.authentification-block-signin .content-slidedown {
      margin: 0; }

body.authentification-page-structures #wrapper #search {
  display: none; }

body.mode-accessibilite {
  /*     CSS pour la popup des CGU lors de la connexion*/ }
  body.mode-accessibilite #wrapper {
    color: #000000 !important; }
  body.mode-accessibilite.authentification-page-structures #wrapper #_MonEnfantLoginPortlet_loginForm .login-cgu a {
    color: #58585a; }
  body.mode-accessibilite.authentification-page-structures #wrapper #content {
    /*background-image: url(/o/monenfant-theme/images/homepage/homepage-pro.png);*/ }
    body.mode-accessibilite.authentification-page-structures #wrapper #content .authentification-block .authentification-type {
      color: #FFFFFF;
      background: #000000;
      border-bottom: 4px solid #000000; }
      body.mode-accessibilite.authentification-page-structures #wrapper #content .authentification-block .authentification-type.active {
        color: #000000 !important;
        background: #FFFFFF;
        border-color: #FFFFFF; }
    body.mode-accessibilite.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content h2 {
      color: #000000; }
    body.mode-accessibilite.authentification-page-structures #wrapper #content .authentification-block .authentification-type-content.authentification-futur-habilite {
      background: #F3F4F6; }
  body.mode-accessibilite.authentification-page-structures button {
    border: 1px solid #000000; }
  body.mode-accessibilite.authentification-page-structures .me-article-header {
    border-color: #000000;
    color: #000000; }
  body.mode-accessibilite .popup-overlay {
    /*Hides pop-up when there is no "active" class*/
    visibility: hidden;
    position: absolute;
    background: #ffffff;
    width: 50%;
    max-height: 400px;
    left: 25%;
    z-index: 1; }
  body.mode-accessibilite .popup-overlay.active {
    /*displays pop-up when "active" class is present*/
    visibility: visible;
    text-align: center;
    position: fixed;
    top: 25%; }
  body.mode-accessibilite .popup-content {
    /*Hides pop-up content when there is no "active" class */
    visibility: hidden; }
  body.mode-accessibilite .popup-content.active {
    /*Shows pop-up content when "active" class is present */
    visibility: visible; }
  body.mode-accessibilite #textPopup {
    font-size: 25px;
    font-weight: 500;
    margin: 10px; }
  body.mode-accessibilite #btnNextPopupCgu {
    font-size: 20px;
    width: 150px; }
  body.mode-accessibilite #textCGU {
    font-size: 20px;
    margin: 10px; }
  body.mode-accessibilite #popupCgu {
    border-style: groove; }
  body.mode-accessibilite .me-article-header {
    margin: 1px;
    border-style: groove;
    border-width: 1px;
    border-color: #005eac; }
  body.mode-accessibilite .me-article-header {
    color: #005eac; }
  body.mode-accessibilite #mentionCGU {
    color: #808080;
    padding: 5px;
    margin: 30px;
    font-weight: bold;
    font-size: 16px; }
  body.mode-accessibilite #bntsPopup {
    float: right;
    display: flex; }
  body.mode-accessibilite .div-disabled {
    pointer-events: none;
    /* for "disabled" effect */
    opacity: 0.5;
    background: #fff; }

.password-eye:hover {
  color: #CDD1D4; }

.password-eye {
  padding: 3%;
  background-color: transparent;
  display: inline-flex;
  float: right;
  height: 37px;
  width: 10%;
  text-align: center;
  color: #282828;
  position: absolute;
  right: 0;
  border-radius: 0 !important;
  border: 0 !important;
  font-size: 1.5rem; }

.toggleable-pass {
  display: inline-flex;
  width: 100% !important;
  position: absolute;
  padding-right: 10%;
  right: 0; }

.eye-input-wrapper {
  min-width: 100px;
  max-width: 500px;
  position: relative;
  height: 75px; }

.eye-input-wrapper > .help-block {
  top: 30px;
  position: absolute; }

.password-eye > svg {
  /* Center vertically and horizontally */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/* hide default eye in ms edge */
::-ms-reveal {
  display: none; }