/* 
  CREATION_COMPTE.STYLE_2024
  
  Derničre MāJ: 25.11.2024 - 0 0 09 

*/
/* ----- STYLES_LIBRARYS.LIB_ISA_COLORS ----- */
/* ----- STYLES_LIBRARYS.LIB_ICONES_SVG ----- */
/* ----- STYLES_CONFIG.CONF_COLORS ----- */
/* ----- STYLES_CONFIG.CONF_FONTS ----- */
/* vietnamese */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUAnx4RHw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUA3x4RHw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUAnx4RHw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUA3x4RHw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/josefinsans/v33/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archia';
  src: url('https://fonts.cdnfonts.com/css/archia') format("truetype");
}
@font-face {
  font-family: Montserrat;
  src: url("./assets/fonts/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: MontserratBold;
  font-weight: bold;
  src: url("./assets/fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: MontserratItalic;
  font-style: italic;
  src: url("./assets/fonts/Montserrat-Italic.ttf") format("truetype");
}
@font-face {
  font-family: MontserratBoldItalic;
  font-weight: bold;
  font-style: italic;
  src: url("./assets/fonts/Montserrat-BoldItalic.ttf") format("truetype");
}
/* ----- STYLES_MIXINES.MIX_BORDER_RADIUS ----- */
/* ----- STYLES_MIXINES.MIX_GRADIENTS ----- */
/* ----- STYLES_MIXINES.MIX_GRID_FLEX ----- */
/* ----- STYLES_MIXINES.MIX_HELPERS ----- */
/* ----- STYLES_MIXINES.MIX_ICONES_SVG ----- */
/* ----- STYLES_MIXINES.MIX_IMG_FILTERS ----- */
/* ----- STYLES_MIXINES.MIX_ITEMS_SHADOW ----- */
/* ----- STYLES_MIXINES.MIX_RADIO_CHECKBOX ----- */
/* --------------------------------------- */
/* ----- FORM_MODULES.MOD_PWD_CHECK ----- */
/* --------------------------------------- */
.pwcheck {
  position: relative;
  display: inline-block;
  margin-bottom: 0.5rem;
  background-color: white;
  z-index: 8990;
}
.pwcheck.invalide input.pwcheck {
  border: 1px solid #f04124;
  color: #430e05;
}
.pwcheck.invalide:after {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxwYXRoIGQ9Ik0zNy4zMiwxLjI2TDI1LDEzLjU4LDEyLjY4LDEuMjZhNC4yOSw0LjI5LDAsMCwwLTYuMDcsMEwxLjI2LDYuNjFhNC4yOSw0LjI5LDAsMCwwLDAsNi4wN0wxMy41OCwyNSwxLjI2LDM3LjMyYTQuMjksNC4yOSwwLDAsMCwwLDYuMDdsNS4zNSw1LjM1YTQuMjksNC4yOSwwLDAsMCw2LjA3LDBMMjUsMzYuNDIsMzcuMzIsNDguNzRhNC4yOSw0LjI5LDAsMCwwLDYuMDcsMGw1LjM1LTUuMzVhNC4yOSw0LjI5LDAsMCwwLDAtNi4wN0wzNi40MiwyNSw0OC43NCwxMi42OGE0LjI5LDQuMjksMCwwLDAsMC02LjA3TDQzLjM5LDEuMjZBNC4yOSw0LjI5LDAsMCwwLDM3LjMyLDEuMjZaIiBzdHlsZT0iZmlsbDojZjA0MTI0Ii8+PC9zdmc+');
  position: absolute;
  right: 0.5rem;
  top: 0.4rem;
  z-index: 9100;
}
.pwcheck.valide input.pwcheck {
  border: 1px solid #43AC6A;
  color: #0a1910;
}
.pwcheck.valide:after {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxwYXRoIGQ9Ik00OS4xNywxMS4zNEw0NC40OCw2LjY1YTIuODIsMi44MiwwLDAsMC00LDBMMTkuMTcsMjgsOS41LDE4LjMyYTIuODIsMi44MiwwLDAsMC00LDBMMC44MywyM2EyLjgyLDIuODIsMCwwLDAsMCw0bDkuNjYsOS42Niw2LjY4LDYuNjhhMi44MiwyLjgyLDAsMCwwLDQsMGw2LjY4LTYuNjhoMEw0OS4xNywxNS4zM0EyLjgyLDIuODIsMCwwLDAsNDkuMTcsMTEuMzRaIiBzdHlsZT0iZmlsbDojNDNBQzZBIi8+PC9zdmc+');
  position: absolute;
  right: 0.5rem;
  top: 0.4rem;
  z-index: 9100;
}
.pwcheck .strength-lvl {
  position: absolute;
  display: block;
  left: 0px;
  width: 0px;
  background: #f04124;
}
.pwcheck .strength-lvl.infield {
  top: 0px;
  bottom: 0px;
  left: 0px;
  margin: 1px;
  opacity: 0.5;
  z-index: 8995;
}
.pwcheck .strength-lvl.bottom {
  bottom: -3px;
  height: 3px;
  z-index: 9001;
}
.pwcheck .strength-lvl.weak {
  background: #f04124;
}
.pwcheck .strength-lvl.medium {
  background: #f08a24;
}
.pwcheck .strength-lvl.strong {
  background: #43AC6A;
}
.pwcheck input.pwcheck {
  outline: none;
  margin: 0;
  background-color: transparent;
  z-index: 9000;
}
.pwcheck .interface-wrapper {
  position: absolute;
  display: block;
  top: 0;
  left: 100%;
  height: 100%;
}
.pwcheck .interface-wrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 100%;
  white-space: nowrap;
}
.pwcheck .interface-wrapper ul li {
  display: inline-block;
  margin-left: 0;
  margin: 0;
}
.pwcheck .interface-wrapper ul li.interface-btn {
  width: 22px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.8;
  cursor: pointer;
  transition: all 300ms ease-out;
}
.pwcheck .interface-wrapper ul li.interface-btn:hover {
  opacity: 1;
}
.pwcheck .interface-wrapper ul li.show-pwd {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDkuNjcsMjMuNjlsLTAuMjEtLjM4QTI3LjY1LDI3LjY1LDAsMCwwLDI1LDkuMDgsMjcuNjUsMjcuNjUsMCwwLDAsLjU0LDIzLjMxbC0wLjIxLjM4YTIuNzQsMi43NCwwLDAsMCwwLDIuNjJsMC4yMSwwLjM4QTI3LjY1LDI3LjY1LDAsMCwwLDI1LDQwLjkyLDI3LjY1LDI3LjY1LDAsMCwwLDQ5LjQ2LDI2LjY5bDAuMjEtLjM4QTIuNzQsMi43NCwwLDAsMCw0OS42NywyMy42OVpNMjUsMTMuMjVhMS4yNiwxLjI2LDAsMSwxLDAsMi41M0E2LjI0LDYuMjQsMCwwLDAsMTguNzYsMjJhMS4yNiwxLjI2LDAsMCwxLTIuNTMsMEE4Ljc4LDguNzgsMCwwLDEsMjUsMTMuMjVabTAsMjQuMTNBMjQuMTcsMjQuMTcsMCwwLDEsMy42NSwyNSwyMy41OSwyMy41OSwwLDAsMSwxNC40OSwxNC45MmExMi4zNywxMi4zNywwLDEsMCwyMSwwQTIzLjU5LDIzLjU5LDAsMCwxLDQ2LjM1LDI1LDI0LjE3LDI0LjE3LDAsMCwxLDI1LDM3LjM4WiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4=");
  background-position: center center;
  background-repeat: no-repeat;
}
.pwcheck .interface-wrapper ul li.show-pwd.pw-visible {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNMzUuODMsOEwzMyw2LjQ1YTEsMSwwLDAsMC0xLjMyLjM4TDMwLjEyLDkuNkEyOC44OCwyOC44OCwwLDAsMCwyNSw5LjE1LDI3LjY1LDI3LjY1LDAsMCwwLC41NCwyMy4zOGwtMC4yMS4zOGEyLjc0LDIuNzQsMCwwLDAsMCwyLjYybDAuMjEsMC4zOGEyNywyNywwLDAsMCwxMy4zMSwxMmwtMS4wNiwxLjlBMSwxLDAsMCwwLDEzLjE2LDQyTDE2LDQzLjU1YTEsMSwwLDAsMCwxLjMyLS4zOEwzNi4yLDkuMzVBMSwxLDAsMCwwLDM1LjgzLDhaTTI1LDEzLjMyYTEuMjYsMS4yNiwwLDEsMSwwLDIuNTMsNi4yNCw2LjI0LDAsMCwwLTYuMjQsNi4yNCwxLjI2LDEuMjYsMCwwLDEtMi41MywwQTguNzgsOC43OCwwLDAsMSwyNSwxMy4zMlpNMy42NSwyNS4wN0EyMy41OSwyMy41OSwwLDAsMSwxNC40OSwxNSwxMi4zNywxMi4zNywwLDAsMCwxNy44NCwzMS42bC0yLjI1LDRBMjMuNjYsMjMuNjYsMCwwLDEsMy42NSwyNS4wN1ptMjUuOCw4LDcuNzItMTMuODJBMTIuMzgsMTIuMzgsMCwwLDEsMjkuNDUsMzMuMDZabTIwLjIyLTYuNjgtMC4yMS4zOEEyNy42NSwyNy42NSwwLDAsMSwyNSw0MWwyLTMuNjJhMjQuMDcsMjQuMDcsMCwwLDAsMTkuMzEtMTIuMywyMy4zNSwyMy4zNSwwLDAsMC03Ljc3LTguMzdsMS43NC0zLjExYTI2LjgxLDI2LjgxLDAsMCwxLDkuMTQsOS44bDAuMjEsMC4zOEEyLjc0LDIuNzQsMCwwLDEsNDkuNjcsMjYuMzhaIiBzdHlsZT0iZmlsbDpyZ2JhKDI1NSwgMjU1LCAyNTUsIDEpIiAvPjwvc3ZnPg==");
  background-position: center center;
  background-repeat: no-repeat;
}
.pwcheck .interface-wrapper ul li.generate-pwd {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ5LDkuOEw5LjQsNDkuNDRhMS45MSwxLjkxLDAsMCwxLTIuNywwTDAuNTksNDMuMzNhMS45MSwxLjkxLDAsMCwxLDAtMi43TDQwLjIzLDFhMS45MSwxLjkxLDAsMCwxLDIuNywwTDQ5LDcuMUExLjkxLDEuOTEsMCwwLDEsNDksOS44Wk00MS41NSw1LjE2bC05LjA3LDkuMDcsMy4zMywzLjMzLDkuMDctOS4wN1pNMjQuNjQsOS4zOWwtNi0xLjgtMS44LTYtMS44LDYtNiwxLjgsNiwxLjgsMS44LDYsMS44LTZabS0xNC01LjhMNy44MywyLjc2LDcsMCw2LjE3LDIuNzZsLTIuNzYuODNMNi4xNyw0LjQzLDcsNy4xOSw3LjgzLDQuNDNabTE5LjcyLDAtMi43Ni0uODNMMjYuNzIsMCwyNS44OCwyLjc2bC0yLjc2LjgzLDIuNzYsMC44MywwLjgzLDIuNzYsMC44My0yLjc2Wk01MCwyMy4yMWwtMi43Ni0uODMtMC44My0yLjc2LTAuODMsMi43Ni0yLjc2LjgzTDQ1LjU0LDI0bDAuODMsMi43Nkw0Ny4yLDI0WiIgc3R5bGU9ImZpbGw6IzY2NjY2NiIvPjwvc3ZnPg==');
}
.pwcheck .interface-wrapper ul li#pwcheck-requirement {
  opacity: 1;
  position: relative;
}
.pwcheck .interface-wrapper ul li#pwcheck-requirement .pw-requirement {
  position: absolute;
  padding: 0.5rem;
  background-color: #80B5E3;
  border: 1px solid #6194CF;
  color: #083BBA;
  left: 0.5rem;
  display: none;
}
.pwcheck .interface-wrapper ul li#pwcheck-requirement .pw-requirement:after,
.pwcheck .interface-wrapper ul li#pwcheck-requirement .pw-requirement:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.pwcheck .interface-wrapper ul li#pwcheck-requirement .pw-requirement:after {
  border-color: rgba(230, 249, 255, 0);
  border-right-color: #80B5E3;
  border-width: 6px;
  margin-top: -6px;
}
.pwcheck .interface-wrapper ul li#pwcheck-requirement .pw-requirement:before {
  border-color: rgba(149, 229, 255, 0);
  border-right-color: #6194CF;
  border-width: 7px;
  margin-top: -7px;
}
.pwcheck .interface-wrapper ul li#pwcheck-requirement .pw-requirement ul {
  list-style-type: disc;
  margin-left: 0;
  white-space: initial;
}
.pwcheck .interface-wrapper ul li#pwcheck-requirement .pw-requirement ul li {
  white-space: nowrap;
  margin-left: 0;
  width: 100%;
}
.pwcheck-compare {
  position: relative;
  display: inline-block;
  margin-bottom: 0.5rem;
  background-color: white;
  z-index: 8990;
}
.pwcheck-compare.invalide input.pwcheck-compare {
  border: 1px solid #f04124;
  color: #430e05;
}
.pwcheck-compare.invalide:after {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxwYXRoIGQ9Ik0zNy4zMiwxLjI2TDI1LDEzLjU4LDEyLjY4LDEuMjZhNC4yOSw0LjI5LDAsMCwwLTYuMDcsMEwxLjI2LDYuNjFhNC4yOSw0LjI5LDAsMCwwLDAsNi4wN0wxMy41OCwyNSwxLjI2LDM3LjMyYTQuMjksNC4yOSwwLDAsMCwwLDYuMDdsNS4zNSw1LjM1YTQuMjksNC4yOSwwLDAsMCw2LjA3LDBMMjUsMzYuNDIsMzcuMzIsNDguNzRhNC4yOSw0LjI5LDAsMCwwLDYuMDcsMGw1LjM1LTUuMzVhNC4yOSw0LjI5LDAsMCwwLDAtNi4wN0wzNi40MiwyNSw0OC43NCwxMi42OGE0LjI5LDQuMjksMCwwLDAsMC02LjA3TDQzLjM5LDEuMjZBNC4yOSw0LjI5LDAsMCwwLDM3LjMyLDEuMjZaIiBzdHlsZT0iZmlsbDojZjA0MTI0Ii8+PC9zdmc+');
  position: absolute;
  right: 0.5rem;
  top: 0.4rem;
  z-index: 9100;
}
.pwcheck-compare.valide input.pwcheck-compare {
  border: 1px solid #43AC6A;
  color: #0a1910;
}
.pwcheck-compare.valide:after {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiPjxwYXRoIGQ9Ik00OS4xNywxMS4zNEw0NC40OCw2LjY1YTIuODIsMi44MiwwLDAsMC00LDBMMTkuMTcsMjgsOS41LDE4LjMyYTIuODIsMi44MiwwLDAsMC00LDBMMC44MywyM2EyLjgyLDIuODIsMCwwLDAsMCw0bDkuNjYsOS42Niw2LjY4LDYuNjhhMi44MiwyLjgyLDAsMCwwLDQsMGw2LjY4LTYuNjhoMEw0OS4xNywxNS4zM0EyLjgyLDIuODIsMCwwLDAsNDkuMTcsMTEuMzRaIiBzdHlsZT0iZmlsbDojNDNBQzZBIi8+PC9zdmc+');
  position: absolute;
  right: 0.5rem;
  top: 0.4rem;
  z-index: 9100;
}
.pwcheck-compare input.pwcheck-compare {
  outline: none;
  margin: 0;
  background-color: transparent;
  z-index: 9000;
}
.completed {
  color: #cccccc !important;
}
#info {
  background-color: #b7b9c4;
  border: 1px solid #9b9ca3;
  padding: 0.6rem 1rem;
  margin-right: 1rem;
  color: #3c3f4d;
  font-weight: bold;
  font-family: monospace;
  font-size: 1.8rem;
  text-align: center;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by any browser but < IE9 */
}
/* ------------------------------------------ */
/* ----- STYLES_PRTL_ELEMS.PRTL_GLOBALS ----- */
/* ------------------------------------------ */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  margin: 0;
  padding: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-size: 0.8rem;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
p {
  margin-left: 0.3rem;
}
.rowing {
  background-color: initial!important;
}
div.blocinfobody {
  padding-top: 0.3rem;
}
.blocinfobodyalone {
  position: relative;
  z-index: 10;
}
.infobulle {
  position: absolute;
  z-index: 6100!important;
  padding: 0.5rem 0.8rem;
  background-color: #BEBEBE;
  color: #363636;
  border: 1px solid #4F5C69;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.25);
}
#sideMenu .columns .rootMenu .mainmenu {
  border: 3px solid #BEBEBE;
}
#prtl-sail {
  background-color: black;
  opacity: 0.5;
  backdrop-filter: blur(30px);
}
.prtl-synchrotrace {
  background-color: #ffd7b8 !important;
}
.centeredmousepointer {
  cursor: pointer;
}
img.tablercc-img-options {
  position: absolute;
  top: 1rem;
  left: 0;
  margin-left: 0.1rem;
}
#prtl-trash {
  width: 90%;
}
#prtl-trash img {
  border: none;
  width: auto;
  height: 60px;
}
/* ------------------------------------------ */
/* ----- STYLES_PRTL_ELEMS.PRTL_HELPERS ----- */
/* ------------------------------------------ */
.cell-no-helpButton.blocinfo div.blocinfotitle div.tool-btn-wrapper .helpButton {
  display: none!important;
}
.cell-no-zoomButton.blocinfo div.blocinfotitle div.tool-btn-wrapper .zoomButton {
  display: none!important;
}
.cell-no-sizeButton.blocinfo div.blocinfotitle div.tool-btn-wrapper .sizeButton {
  display: none!important;
}
.cell-no-editButton.blocinfo div.blocinfotitle div.tool-btn-wrapper .editButton {
  display: none!important;
}
.cell-no-switchButton.blocinfo div.blocinfotitle div.tool-btn-wrapper .switchButton {
  display: none!important;
}
/* ---------------------------------------- */
/* ----- STYLES_PRTL_ELEMS.PRTL_LOGIN ----- */
/* ---------------------------------------- */
body#ICL-login-page,
body#bodydemande {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #0C2340;
}
body#ICL-login-page div#wrapper,
body#bodydemande div#wrapper,
body#ICL-login-page div#main-wrapper,
body#bodydemande div#main-wrapper {
  display: grid;
  grid-template-columns: 1rem auto 1rem;
  grid-template-rows: 1rem auto auto;
  width: 100vw;
  height: 100vh;
  overflow: initial;
}
body#ICL-login-page div#wrapper #content,
body#bodydemande div#wrapper #content,
body#ICL-login-page div#main-wrapper #content,
body#bodydemande div#main-wrapper #content {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content auto;
}
body#ICL-login-page .login-wrapper,
body#bodydemande .login-wrapper {
  position: relative;
  display: grid;
  grid-column: 1 / span 1;
  grid-row: 1 / span 3;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 4rem auto auto;
}
body#ICL-login-page .login-wrapper .login-logo a,
body#bodydemande .login-wrapper .login-logo a {
  display: grid;
}
body#ICL-login-page .login-wrapper .login-logo a img,
body#bodydemande .login-wrapper .login-logo a img {
  width: 70%;
  height: auto;
  margin: 3rem auto 0 auto;
}
body#ICL-login-page .login-wrapper .login-title,
body#bodydemande .login-wrapper .login-title {
  text-align: center;
  align-self: end;
}
body#ICL-login-page .login-wrapper .login-title h1,
body#bodydemande .login-wrapper .login-title h1 {
  font-family: "Time New Roman";
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  color: white;
}
body#ICL-login-page .login-wrapper .login-error #error,
body#bodydemande .login-wrapper .login-error #error {
  width: 90%;
  margin: 1rem auto;
  padding: 0.5rem;
  border: 1px solid #f04124;
  background-color: #fde7e3;
  color: #d32a0e;
}
body#ICL-login-page .login-wrapper .login-error #error a,
body#bodydemande .login-wrapper .login-error #error a {
  color: #26C2AD !important;
  text-decoration: none!important;
  transition: all 300ms ease-out;
}
body#ICL-login-page .login-wrapper .login-error #error a:hover,
body#bodydemande .login-wrapper .login-error #error a:hover {
  text-decoration: underline!important;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper,
body#bodydemande .login-wrapper .multi-login-wrapper {
  margin: 0 auto;
  width: 80%;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger,
body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger,
body#ICL-login-page .login-wrapper .multi-login-wrapper .button-login-sso,
body#bodydemande .login-wrapper .multi-login-wrapper .button-login-sso {
  display: grid;
  grid-template-columns: 1.3rem auto 1.3rem;
  grid-template-areas: "space label icone";
  align-items: center;
  color: white;
  background-color: #26C2AD;
  padding: 1rem 1rem;
  margin: 0.5rem 0;
  font-weight: normal;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  transition: all 300ms ease-out;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger .trigger-space,
body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger .trigger-space,
body#ICL-login-page .login-wrapper .multi-login-wrapper .button-login-sso .trigger-space,
body#bodydemande .login-wrapper .multi-login-wrapper .button-login-sso .trigger-space {
  grid-area: space;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger .trigger-label,
body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger .trigger-label,
body#ICL-login-page .login-wrapper .multi-login-wrapper .button-login-sso .trigger-label,
body#bodydemande .login-wrapper .multi-login-wrapper .button-login-sso .trigger-label {
  grid-area: label;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger img,
body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger img,
body#ICL-login-page .login-wrapper .multi-login-wrapper .button-login-sso img,
body#bodydemande .login-wrapper .multi-login-wrapper .button-login-sso img {
  grid-area: icone;
  opacity: 0;
  transition: all 300ms ease-out;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger:hover,
body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger:hover,
body#ICL-login-page .login-wrapper .multi-login-wrapper .button-login-sso:hover,
body#bodydemande .login-wrapper .multi-login-wrapper .button-login-sso:hover {
  background-color: #1e9787;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger:hover img,
body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger:hover img,
body#ICL-login-page .login-wrapper .multi-login-wrapper .button-login-sso:hover img,
body#bodydemande .login-wrapper .multi-login-wrapper .button-login-sso:hover img {
  opacity: 1;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger,
body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger {
  position: relative;
  min-height: 55px;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger .trigger-label,
body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger .trigger-label,
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger .trigger-arrow,
body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger .trigger-arrow {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger .trigger-label,
body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger .trigger-label {
  opacity: 1;
  transition: all 300ms ease-out;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger .trigger-arrow,
body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger .trigger-arrow {
  opacity: 0;
  transition: all 300ms ease-out;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger:hover img,
body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger:hover img {
  opacity: 0;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-wrapper,
body#bodydemande .login-wrapper .multi-login-wrapper .login-wrapper {
  height: 0px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  transition: all 300ms ease-out;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-wrapper.opened,
body#bodydemande .login-wrapper .multi-login-wrapper .login-wrapper.opened {
  height: 260px;
  opacity: 1;
  pointer-events: initial;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-wrapper.autres h2,
body#bodydemande .login-wrapper .multi-login-wrapper .login-wrapper.autres h2 {
  font-family: "Times New Roman";
  text-transform: initial;
  font-weight: normal;
  font-size: 18px;
  color: white;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-wrapper.autres form,
body#bodydemande .login-wrapper .multi-login-wrapper .login-wrapper.autres form {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, auto);
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-wrapper.autres form div,
body#bodydemande .login-wrapper .multi-login-wrapper .login-wrapper.autres form div {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  grid-row-gap: 0.3rem;
  align-items: center;
  margin-bottom: 1rem;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-wrapper.autres form div input[type="text"],
body#bodydemande .login-wrapper .multi-login-wrapper .login-wrapper.autres form div input[type="text"],
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-wrapper.autres form div input[type="password"],
body#bodydemande .login-wrapper .multi-login-wrapper .login-wrapper.autres form div input[type="password"] {
  height: 40px;
  padding: 0.2rem 0.5rem;
  font-size: 0.8rem;
  outline: 0;
  width: 100%;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-wrapper.autres form div label,
body#bodydemande .login-wrapper .multi-login-wrapper .login-wrapper.autres form div label {
  color: white;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-wrapper.autres form input#submit,
body#bodydemande .login-wrapper .multi-login-wrapper .login-wrapper.autres form input#submit {
  text-transform: uppercase;
  color: #0C2340;
  background-color: #80B5E3;
  padding: 0.5rem 1.5rem;
  font-size: 0.8rem;
  margin: 0.5rem 0 0.5rem 0px;
  border: none;
  cursor: pointer;
  transition: all 300ms ease-out;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-wrapper.autres form input#submit:hover,
body#bodydemande .login-wrapper .multi-login-wrapper .login-wrapper.autres form input#submit:hover {
  background-color: #6194CF;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .login-separator,
body#bodydemande .login-wrapper .multi-login-wrapper .login-separator {
  width: 100%;
  height: 1px;
  background-color: #083BBA;
  margin: 1rem 0;
}
body#ICL-login-page .login-wrapper .multi-login-wrapper .pwd-oublie,
body#bodydemande .login-wrapper .multi-login-wrapper .pwd-oublie {
  text-align: right;
}
body#ICL-login-page .login-wrapper.reduce .login-title h1,
body#bodydemande .login-wrapper.reduce .login-title h1 {
  font-size: 0px;
}
body#ICL-login-page .login-wrapper.reduce .multi-login-wrapper .button-login-sso,
body#bodydemande .login-wrapper.reduce .multi-login-wrapper .button-login-sso {
  font-size: 0px;
  height: 0px;
  padding: 0;
}
body#ICL-login-page .login-wrapper.reduce .multi-login-wrapper .login-trigger .trigger-label,
body#bodydemande .login-wrapper.reduce .multi-login-wrapper .login-trigger .trigger-label {
  opacity: 0;
  transition: all 300ms ease-out;
}
body#ICL-login-page .login-wrapper.reduce .multi-login-wrapper .login-trigger .trigger-arrow,
body#bodydemande .login-wrapper.reduce .multi-login-wrapper .login-trigger .trigger-arrow {
  opacity: 1;
  transition: all 300ms ease-out;
}
body#ICL-login-page .login-wrapper.reduce .multi-login-wrapper .login-trigger .trigger-arrow img,
body#bodydemande .login-wrapper.reduce .multi-login-wrapper .login-trigger .trigger-arrow img {
  opacity: 1;
}
body#ICL-login-page a,
body#bodydemande a {
  font-size: 0.8rem;
  color: #26C2AD;
  text-decoration: none;
  transition: all 300ms ease-out;
}
body#ICL-login-page a:hover,
body#bodydemande a:hover {
  text-decoration: underline;
}
body#ICL-login-page footer,
body#bodydemande footer {
  grid-column: 1 / span 1;
  grid-row: 4 / span 1;
  display: grid;
  width: 90%;
  align-items: end;
  justify-self: center;
  padding-bottom: 1rem;
}
body#ICL-login-page footer .footer-info,
body#bodydemande footer .footer-info {
  text-align: center;
  font-size: 0.8rem;
  color: #0C2340;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
body#ICL-login-page footer .footer-laws,
body#bodydemande footer .footer-laws {
  text-align: center;
  font-size: 0.7rem;
  color: #4F5C69;
}
body#ICL-login-page div#wrapper .blured,
body#bodydemande div#wrapper .blured,
body#ICL-login-page div#main-wrapper .blured,
body#bodydemande div#main-wrapper .blured {
  display: grid;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.9;
}
body#ICL-login-page div#wrapper .blured.top,
body#bodydemande div#wrapper .blured.top,
body#ICL-login-page div#main-wrapper .blured.top,
body#bodydemande div#main-wrapper .blured.top {
  grid-column: 1 / span 3;
  grid-row: 1 / span 1;
}
body#ICL-login-page div#wrapper .blured.right,
body#bodydemande div#wrapper .blured.right,
body#ICL-login-page div#main-wrapper .blured.right,
body#bodydemande div#main-wrapper .blured.right {
  grid-column: 3 / span 1;
  grid-row: 2 / span 1;
}
body#ICL-login-page div#wrapper .blured.bottom,
body#bodydemande div#wrapper .blured.bottom,
body#ICL-login-page div#main-wrapper .blured.bottom,
body#bodydemande div#main-wrapper .blured.bottom {
  grid-column: 1 / span 3;
  grid-row: 3 / span 1;
}
body#ICL-login-page div#wrapper .blured.left,
body#bodydemande div#wrapper .blured.left,
body#ICL-login-page div#main-wrapper .blured.left,
body#bodydemande div#main-wrapper .blured.left {
  grid-column: 1 / span 1;
  grid-row: 2 / span 1;
}
body#ICL-login-page div#wrapper .blured.inner-top,
body#bodydemande div#wrapper .blured.inner-top,
body#ICL-login-page div#main-wrapper .blured.inner-top,
body#bodydemande div#main-wrapper .blured.inner-top {
  display: none;
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
}
body#ICL-login-page div#wrapper .blured.inner-bottom,
body#bodydemande div#wrapper .blured.inner-bottom,
body#ICL-login-page div#main-wrapper .blured.inner-bottom,
body#bodydemande div#main-wrapper .blured.inner-bottom {
  display: none;
  grid-column: 3 / span 1;
  grid-row: 3 / span 1;
}
body#ICL-login-page div#wrapper #content,
body#bodydemande div#wrapper #content,
body#ICL-login-page div#main-wrapper #content,
body#bodydemande div#main-wrapper #content {
  grid-column: 2 / span 1;
  grid-row: 2 / span 1;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: 5rem auto 5rem;
}
body#ICL-login-page div#wrapper #content .bg-color,
body#bodydemande div#wrapper #content .bg-color,
body#ICL-login-page div#main-wrapper #content .bg-color,
body#bodydemande div#main-wrapper #content .bg-color {
  display: grid;
  background-color: #0C2340;
  width: 100%;
  height: 100%;
}
body#ICL-login-page div#wrapper #content .bg-color.top,
body#bodydemande div#wrapper #content .bg-color.top,
body#ICL-login-page div#main-wrapper #content .bg-color.top,
body#bodydemande div#main-wrapper #content .bg-color.top {
  display: none;
  grid-column: 2 / span 1;
  grid-row: 1 / span 1;
}
body#ICL-login-page div#wrapper #content .bg-color.bottom,
body#bodydemande div#wrapper #content .bg-color.bottom,
body#ICL-login-page div#main-wrapper #content .bg-color.bottom,
body#bodydemande div#main-wrapper #content .bg-color.bottom {
  display: none;
  grid-column: 2 / span 1;
  grid-row: 3 / span 1;
}
body#ICL-login-page div#wrapper #content .bg-color.left,
body#bodydemande div#wrapper #content .bg-color.left,
body#ICL-login-page div#main-wrapper #content .bg-color.left,
body#bodydemande div#main-wrapper #content .bg-color.left {
  grid-column: 1 / span 1;
  grid-row: 1 / span 3;
}
body#ICL-login-page div#wrapper #content .picture,
body#bodydemande div#wrapper #content .picture,
body#ICL-login-page div#main-wrapper #content .picture,
body#bodydemande div#main-wrapper #content .picture {
  background-image: url('logins.img?ww_c=IMG_BACKGROUND_FIXE');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  display: none;
  grid-column: 2 / span 2;
  grid-row: 2 / span 1;
  width: 100%;
  height: 100%;
}
body#ICL-login-page .instance-div,
body#bodydemande .instance-div {
  position: absolute;
  width: 100%;
}
@media (min-width: 576px) {
  body#ICL-login-page div#wrapper,
  body#bodydemande div#wrapper,
  body#ICL-login-page div#main-wrapper,
  body#bodydemande div#main-wrapper {
    grid-template-columns: 2rem auto 2rem;
    grid-template-rows: 2rem auto auto;
  }
  body#ICL-login-page div#wrapper #content,
  body#bodydemande div#wrapper #content,
  body#ICL-login-page div#main-wrapper #content,
  body#bodydemande div#main-wrapper #content {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
    grid-template-columns: auto;
  }
  body#ICL-login-page div#wrapper #content .bg-color.top,
  body#bodydemande div#wrapper #content .bg-color.top,
  body#ICL-login-page div#main-wrapper #content .bg-color.top,
  body#bodydemande div#main-wrapper #content .bg-color.top,
  body#ICL-login-page div#wrapper #content .bg-color.bottom,
  body#bodydemande div#wrapper #content .bg-color.bottom,
  body#ICL-login-page div#main-wrapper #content .bg-color.bottom,
  body#bodydemande div#main-wrapper #content .bg-color.bottom {
    display: grid;
  }
  body#ICL-login-page div#wrapper #content .bg-color.left,
  body#bodydemande div#wrapper #content .bg-color.left,
  body#ICL-login-page div#main-wrapper #content .bg-color.left,
  body#bodydemande div#main-wrapper #content .bg-color.left {
    grid-column: 1 / span 2;
    grid-row: 1 / span 3;
  }
  body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger,
  body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger,
  body#ICL-login-page .login-wrapper .multi-login-wrapper .button-login-sso,
  body#bodydemande .login-wrapper .multi-login-wrapper .button-login-sso {
    font-size: 19px;
  }
  body#ICL-login-page footer,
  body#bodydemande footer {
    width: 90%;
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  body#ICL-login-page div#wrapper,
  body#bodydemande div#wrapper,
  body#ICL-login-page div#main-wrapper,
  body#bodydemande div#main-wrapper {
    grid-template-columns: 2rem auto 2rem;
    grid-template-rows: auto 70% auto;
  }
  body#ICL-login-page div#wrapper #content,
  body#bodydemande div#wrapper #content,
  body#ICL-login-page div#main-wrapper #content,
  body#bodydemande div#main-wrapper #content {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
    grid-template-columns: auto 20rem 2rem;
  }
  body#ICL-login-page div#wrapper #content .bg-color.left,
  body#bodydemande div#wrapper #content .bg-color.left,
  body#ICL-login-page div#main-wrapper #content .bg-color.left,
  body#bodydemande div#main-wrapper #content .bg-color.left {
    grid-column: 1 / span 1;
    grid-row: 1 / span 3;
  }
  body#ICL-login-page div#wrapper #content .bg-color.top,
  body#bodydemande div#wrapper #content .bg-color.top,
  body#ICL-login-page div#main-wrapper #content .bg-color.top,
  body#bodydemande div#main-wrapper #content .bg-color.top {
    display: grid;
  }
  body#ICL-login-page div#wrapper #content .picture,
  body#bodydemande div#wrapper #content .picture,
  body#ICL-login-page div#main-wrapper #content .picture,
  body#bodydemande div#main-wrapper #content .picture {
    display: grid;
  }
  body#ICL-login-page div#wrapper .blured.inner-top,
  body#bodydemande div#wrapper .blured.inner-top,
  body#ICL-login-page div#main-wrapper .blured.inner-top,
  body#bodydemande div#main-wrapper .blured.inner-top,
  body#ICL-login-page div#wrapper .blured.inner-bottom,
  body#bodydemande div#wrapper .blured.inner-bottom,
  body#ICL-login-page div#main-wrapper .blured.inner-bottom,
  body#bodydemande div#main-wrapper .blured.inner-bottom {
    display: grid;
  }
  body#ICL-login-page .login-wrapper .instance-div,
  body#bodydemande .login-wrapper .instance-div {
    display: none;
  }
  body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger,
  body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger,
  body#ICL-login-page .login-wrapper .multi-login-wrapper .button-login-sso,
  body#bodydemande .login-wrapper .multi-login-wrapper .button-login-sso {
    font-size: 14px;
  }
  body#ICL-login-page footer,
  body#bodydemande footer {
    width: 90%;
    margin-top: initial;
  }
}
@media (min-width: 992px) {
  body#ICL-login-page div#wrapper,
  body#bodydemande div#wrapper,
  body#ICL-login-page div#main-wrapper,
  body#bodydemande div#main-wrapper {
    grid-template-columns: 8rem auto 3rem;
    grid-template-rows: auto 80% auto;
    overflow: hidden;
  }
  body#ICL-login-page div#wrapper #content,
  body#bodydemande div#wrapper #content,
  body#ICL-login-page div#main-wrapper #content,
  body#bodydemande div#main-wrapper #content {
    grid-template-columns: auto 30rem 5rem;
    grid-template-rows: 5rem auto 5rem;
  }
  body#ICL-login-page .login-wrapper,
  body#bodydemande .login-wrapper {
    grid-template-rows: max-content 4rem minmax(4rem, max-content) auto;
    transition: all 300ms ease-out;
  }
  body#ICL-login-page .login-wrapper .login-logo a img,
  body#bodydemande .login-wrapper .login-logo a img {
    transition: all 300ms ease-out;
  }
  body#ICL-login-page .login-wrapper .login-title h1,
  body#bodydemande .login-wrapper .login-title h1 {
    transition: all 300ms ease-out;
  }
  body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger,
  body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger,
  body#ICL-login-page .login-wrapper .multi-login-wrapper .button-login-sso,
  body#bodydemande .login-wrapper .multi-login-wrapper .button-login-sso {
    font-size: 16px;
  }
  body#ICL-login-page .login-wrapper.reduce,
  body#bodydemande .login-wrapper.reduce {
    grid-template-rows: max-content 2rem minmax(1rem, max-content) auto;
  }
  body#ICL-login-page .login-wrapper.reduce .login-logo a img,
  body#bodydemande .login-wrapper.reduce .login-logo a img {
    width: 50%;
    height: auto;
    margin: 1rem auto 0 auto;
  }
  body#ICL-login-page footer,
  body#bodydemande footer {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  body#ICL-login-page div#wrapper,
  body#bodydemande div#wrapper,
  body#ICL-login-page div#main-wrapper,
  body#bodydemande div#main-wrapper {
    grid-template-columns: minmax(18rem, auto) minmax(auto, 102rem) minmax(13rem, auto);
    grid-template-rows: auto minmax(36rem, 60%) auto;
  }
  body#ICL-login-page div#wrapper #content,
  body#bodydemande div#wrapper #content,
  body#ICL-login-page div#main-wrapper #content,
  body#bodydemande div#main-wrapper #content {
    grid-template-columns: auto 40rem 5rem;
    grid-template-rows: 5rem auto 5rem;
  }
  body#ICL-login-page .login-wrapper,
  body#bodydemande .login-wrapper {
    grid-template-rows: max-content 4rem minmax(4rem, max-content) auto;
    transition: all 300ms ease-out;
  }
  body#ICL-login-page .login-wrapper .login-logo a img,
  body#bodydemande .login-wrapper .login-logo a img {
    transition: all 300ms ease-out;
  }
  body#ICL-login-page .login-wrapper .multi-login-wrapper .login-trigger,
  body#bodydemande .login-wrapper .multi-login-wrapper .login-trigger,
  body#ICL-login-page .login-wrapper .multi-login-wrapper .button-login-sso,
  body#bodydemande .login-wrapper .multi-login-wrapper .button-login-sso {
    font-size: 19px;
  }
  body#ICL-login-page .login-wrapper.reduce,
  body#bodydemande .login-wrapper.reduce {
    grid-template-rows: max-content 0rem minmax(1rem, max-content) auto;
  }
  body#ICL-login-page .login-wrapper.reduce .login-logo a img,
  body#bodydemande .login-wrapper.reduce .login-logo a img {
    width: 50%;
    height: auto;
    margin: 1rem auto 0 auto;
  }
  body#ICL-login-page footer,
  body#bodydemande footer {
    width: 60%;
  }
}
/* --------------------------------------- */
/* ----- FORM_ELEMS.FORM_HEADER_2024 ----- */
/* --------------------------------------- */
header {
  background-color: #0C2340;
  display: grid;
  grid-template-columns: max-content 200px auto 3rem max-content;
  grid-template-areas: "mainmenu logo space langues logout";
  align-items: center;
  height: 60px;
}
header .mainmenu {
  grid-area: mainmenu;
  align-self: center;
  justify-self: center;
  padding: 0.5rem;
}
header .mainmenu img {
  display: block;
  cursor: pointer;
}
header .logo {
  grid-area: logo;
  align-self: center;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}
header .logo img {
  display: block;
  width: 100px;
  height: auto;
}
header .space {
  grid-area: space;
  justify-self: end;
  color: white;
  font-family: 'Verdana';
  font-size: 1.5rem;
  display: none;
  grid-auto-columns: max-content;
  grid-column-gap: 20rem;
  grid-template-rows: auto;
}
header .space .user-name {
  grid-row: 1;
  display: grid;
  grid-template-columns: max-content max-content;
  grid-column-gap: 1rem;
}
header .space .user-links {
  grid-row: 1;
  display: grid;
  grid-auto-columns: max-content;
  grid-template-rows: auto;
  grid-column-gap: 1rem;
}
header .space .user-links .link {
  grid-row: 1;
}
header .space .user-links .link a {
  grid-row: 1;
  display: block;
  width: 26px;
  height: 26px;
  cursor: pointer;
}
header .space .user-links .link.contact a {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI2cHgiIGhlaWdodD0iMjZweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDMuNDgsNC40NUg2LjUyQzIuOTMsNC40NSwwLDcuMzcsMCwxMC45N3YyOC4wNmMwLDMuNiwyLjkzLDYuNTIsNi41Miw2LjUyaDM2Ljk2YzMuNiwwLDYuNTItMi45Myw2LjUyLTYuNTJWMTAuOTdDNTAsNy4zNyw0Ny4wNyw0LjQ1LDQzLjQ4LDQuNDV6TTYuNTIsOC4zN2gzNi45NmMwLjk1LDAsMS43OCwwLjUxLDIuMjMsMS4yN0wyNC45NywyNC45TDQuMjcsOS42N0M0LjcyLDguODksNS41Niw4LjM3LDYuNTIsOC4zN3pNNDMuNDgsNDEuNjNINi41MmMtMS40MywwLTIuNi0xLjE3LTIuNi0yLjZWMTQuMjhsMTkuODYsMTQuNjFjMC4zNCwwLjI1LDAuNzQsMC4zOCwxLjE2LDAuMzhIMjVjMC40MiwwLDAuODItMC4xMywxLjE2LTAuMzhsMTkuOTItMTQuNjZ2MjQuOEM0Ni4wOCw0MC40Nyw0NC45MSw0MS42Myw0My40OCw0MS42M3oiIHN0eWxlPSJmaWxsOnJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiIC8+PC9zdmc+");
  background-position: center center;
  background-repeat: no-repeat;
}
header .space .user-links .link.web a {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjI2cHgiIGhlaWdodD0iMjZweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNMjUsMEEyNSwyNSwwLDEsMCw1MCwyNSwyNSwyNSwwLDAsMCwyNSwwWm0wLDQ1LjgzQTIwLjgzLDIwLjgzLDAsMSwxLDQ1LjgzLDI1LDIwLjg1LDIwLjg1LDAsMCwxLDI1LDQ1LjgzWm0zLjU1LTQuNDdIMjJWMzVoNi41OHY2LjM2Wm02LjI3LTE4LjUyYTE2LjQyLDE2LjQyLDAsMCwxLTMuMiwzbC0xLjU2LDEuMjFhNC43Miw0LjcyLDAsMCwwLTEuNjksMi4zMUE5Ljc2LDkuNzYsMCwwLDAsMjguMDksMzJoLTZhMTcuMjgsMTcuMjgsMCwwLDEsLjctNS4xMyw5LjA1LDkuMDUsMCwwLDEsMi45NC0zLjI3bDEuNi0xLjI1QTUuNiw1LjYsMCwwLDAsMjguNjQsMjFhNC40Myw0LjQzLDAsMCwwLC44OC0yLjY2LDUuMTQsNS4xNCwwLDAsMC0xLTNRMjcuNTcsMTQsMjUsMTRhMy45MywzLjkzLDAsMCwwLTMuNjEsMS42OSw2LjUyLDYuNTIsMCwwLDAtMS4wNiwzLjUySDEzLjk1cTAuMjYtNi4yNyw0LjM4LTguODhBMTEuNTQsMTEuNTQsMCwwLDEsMjQuNyw4LjYxLDEzLjc0LDEzLjc0LDAsMCwxLDMzLDExYTguMTIsOC4xMiwwLDAsMSwzLjI5LDdBOCw4LDAsMCwxLDM0LjgyLDIyLjg0WiIgc3R5bGU9ImZpbGw6cmdiYSgyNTUsIDI1NSwgMjU1LCAxKSIgLz48L3N2Zz4=");
  background-position: center center;
  background-repeat: no-repeat;
}
header .logout-wrapper {
  grid-area: logout;
}
header .logout-wrapper a {
  text-decoration: none;
}
header .logout-wrapper a:hover {
  text-decoration: none;
}
header .logout-wrapper .logout {
  display: grid;
  grid-template-columns: max-content auto;
  grid-column-gap: 0.5rem;
  align-items: center;
  justify-items: center;
  padding: 0rem 1rem;
  height: 100%;
  background-color: #26C2AD;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  -ms-border-radius: 10px 0px 0px 10px;
  -o-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  cursor: pointer;
  transition: all 300ms ease-out;
}
header .logout-wrapper .logout span {
  display: none;
  color: white;
  font-family: 'Verdana';
  font-weight: bold;
  font-size: 18px;
}
header .logout-wrapper .logout:hover {
  background-color: #1e9787;
}
header.header-login .mainmenu {
  padding: 0;
}
header.header-login .mainmenu img {
  display: none;
}
@media (min-width: 576px) {
  header .logout-wrapper .logout {
    padding: 0rem 2rem;
  }
  header .logout-wrapper .logout span {
    display: block;
  }
}
@media (min-width: 768px) {
  header {
    grid-template-columns: max-content 200px auto 7rem max-content;
    height: 100px;
  }
  header .logo img {
    width: 200px;
  }
  header .space {
    display: grid;
  }
  header .logout-wrapper .logout {
    padding: 1rem 2rem;
  }
}
@media (min-width: 992px) {
  header .mainmenu {
    padding: 0;
  }
  header .mainmenu img {
    display: none;
  }
}
/* --------------------------------------- */
/* ----- FORM_ELEMS.FORM_MNU_LANGUES ----- */
/* --------------------------------------- */
.langues {
  grid-area: langues;
  justify-self: center;
  align-self: start;
  margin-top: 45%;
  transform: translate(0px, -15px);
  display: grid;
  grid-template-columns: max-content 10px;
  grid-column-gap: 0.5rem;
}
.langues ul#menu_langue {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  width: max-content;
}
.langues ul#menu_langue li.li_langue {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  margin: 0.25rem 0;
  transition: all 300ms ease-out;
}
.langues ul#menu_langue li.li_langue.active,
.langues ul#menu_langue li.li_langue.view {
  height: 16px;
  opacity: 1;
  pointer-events: initial;
}
.langues ul#menu_langue li.li_langue a {
  display: grid;
  grid-template-columns: 22px 26px;
  grid-template-rows: 16px;
  grid-column-gap: 0.5rem;
  align-items: center;
}
.langues ul#menu_langue li.li_langue a:hover {
  text-decoration: none;
}
.langues ul#menu_langue li.li_langue a .icone,
.langues ul#menu_langue li.li_langue a .libelle {
  display: block;
}
.langues ul#menu_langue li.li_langue a .icone {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.langues ul#menu_langue li.li_langue a .icone img {
  margin: auto;
  width: auto;
  height: 16px;
}
.langues ul#menu_langue li.li_langue a .libelle {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
}
.langues .switch-langue {
  display: grid;
  width: 10px;
  height: 10px;
  margin-top: 0.5rem;
  align-items: center;
  justify-items: center;
  cursor: pointer;
  transition: all 300ms ease-out;
}
.langues .switch-langue:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwcHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNMCwxNC43YzAsMS4yLDAuNSwyLjQsMS40LDMuM2wyMC41LDIwLjVjMS44LDEuOCw0LjgsMS44LDYuNiwwbDIwLjEtMjAuMWMxLjgtMS44LDEuOC00LjgsMC02LjZzLTQuOC0xLjgtNi42LDBMMjUuMiwyOC43TDgsMTEuNGMtMS44LTEuOC00LjgtMS44LTYuNiwwQzAuNSwxMi4zLDAsMTMuNSwwLDE0Ljd6IiBzdHlsZT0iZmlsbDpyZ2JhKDI1NSwgMjU1LCAyNTUsIDEpIiAvPjwvc3ZnPg==");
}
.langues .switch-langue.clicked {
  transform: rotate(180deg);
}
/* ----- CREATION_COMPTE.STYLE_RECUP_MDP_2024 ----- */
body#ICL-login-page.form-login {
  background-image: url('logins.img?ww_c=IMG_BACKGROUND_FIXE');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #0C2340;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper {
  grid-template-rows: max-content auto;
  align-items: center;
  height: 100%;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper .instance-div {
  display: none!important;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper .login-logo a {
  display: grid;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper .login-logo a img {
  width: 60%;
  height: auto;
  margin: 0 auto 0 auto;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper h1 {
  font-family: "Time New Roman";
  font-size: 24px;
  font-weight: normal;
  color: white;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form {
  text-align: center;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content {
  padding: 0rem 2rem;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content p {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  color: white;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content ul#erreurs {
  display: none;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content ul#erreurs:not(:empty) {
  display: block;
  background-color: #fde7e3;
  border: 1px solid #f04124;
  padding: 0.75rem 1rem;
  list-style-type: none;
  margin: 0 0 1rem 0;
  text-align: left;
  position: absolute;
  top: 8.5rem;
  left: 0rem;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content ul#erreurs:not(:empty) li {
  color: #d32a0e;
  padding: 0.25rem 0;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content .identifiant {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  grid-row-gap: 0.3rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content .identifiant label {
  justify-self: start;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content .form-line {
  margin-bottom: 1.5rem;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content .form-line .form-col {
  display: grid;
  grid-template-columns: auto 2rem;
  grid-template-areas: "label label" "field help";
  grid-column-gap: 2rem;
  align-items: center;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content .form-line .form-col #info {
  grid-column: 1 / span 3;
  font-family: 'PT Mono', monospace;
  width: max-content;
  margin: auto;
  line-height: initial;
  background-color: #BEBEBE;
  border: 1px solid #4F5C69;
  padding: 0.8rem 1rem 0.5rem 1rem;
  color: #0C2340;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content .form-line .form-col label {
  grid-area: label;
  justify-self: start;
  margin-bottom: 0.3rem;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content .form-line .form-col input {
  grid-area: field;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content .form-line .form-col .help {
  grid-area: help;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form label {
  font-size: 1rem;
  color: white;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form input[type="text"] {
  height: 40px;
  padding: 0.2rem 0.5rem;
  font-size: 1rem;
  outline: 0;
  width: 100%;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form .help {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background-color: #26C2AD;
  border-radius: 50%;
  color: white;
  font-weight: bold;
  line-height: initial;
  cursor: help;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form input[type="button"] {
  text-transform: uppercase;
  color: #0C2340;
  background-color: #80B5E3;
  padding: 0.5rem 1.5rem;
  font-size: 0.8rem;
  margin: 0.5rem;
  border: none;
  cursor: pointer;
  transition: all 300ms ease-out;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form input[type="button"]:hover {
  background-color: #6194CF;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form input[type="button"].annuler {
  background-color: #BEBEBE;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form input[type="button"].annuler:hover {
  background-color: #848487;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form#formcompte h1 {
  margin: 1rem auto 0 auto;
  width: max-content;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form#formcompte .center-content p {
  color: white;
  font-size: 0.8rem;
}
body#ICL-login-page div#wrapper #content .log .login-wrapper form#formcompte .center-content .help {
  top: initial;
  bottom: initial;
  right: initial;
}
body#ICL-login-page div#wrapper #content #cadre .cand-content .main-title {
  padding: 0.5rem 1rem;
}
body#ICL-login-page div#wrapper #content #cadre .cand-content .main-lst-content {
  padding: 0.2rem 2.5rem;
}
body#ICL-login-page div#wrapper #content #cadre .cand-content .main-lst-content#tableInscription_inner_content {
  padding-bottom: 1rem;
}
body#ICL-login-page div#wrapper #content #cadre .cand-content .main-lst-content ul.lst-etapes table#table_candidature tbody tr td.col_bouton #boutonAccesForm a {
  font-size: 12.8px;
}
body#ICL-login-page div#wrapper #content #cadre.recup-mdp {
  grid-template-columns: 1fr;
  padding: 0;
}
body#ICL-login-page .instance-div {
  top: 0;
}
body#ICL-login-page .mainconsole {
  display: none;
}
@media (min-width: 992px) {
  body#ICL-login-page div#wrapper #content .instance-div {
    display: none!important;
  }
  body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content .identifiant {
    grid-template-columns: max-content auto;
    grid-column-gap: 2rem;
  }
}
/* ----- CREATION_COMPTE.STYLE_ENREGISTREMENT_2024 ----- */
body#ICL-login-page .log {
  padding: 1rem 0.5rem;
}
body#ICL-login-page .log form {
  color: white;
}
body#ICL-login-page .log form .ligne h1 {
  margin-bottom: 2rem;
}
body#ICL-login-page .log form .ligne p.error {
  display: block;
  border: 1px solid #f04124;
  color: #f04124;
  padding: 1rem;
  font-size: 1rem;
}
body#ICL-login-page .log form .ligne a.buttonAction {
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-template-rows: auto;
  grid-column-gap: 1rem;
  align-items: center;
  color: white!important;
  background-color: #26C2AD;
  width: max-content;
  padding: 1rem;
  margin: 1.5rem auto;
  font-weight: normal;
  font-size: 1rem;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  transition: all 300ms ease-out;
}
body#ICL-login-page .log form .ligne a.buttonAction:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDcuOTIsMjIuOTJINi4zNUwyMi4yNyw3Ljc2YzAuODMtMC43OSwwLjg3LTIuMTEsMC4wNy0yLjk1cy0yLjExLTAuODctMi45NS0wLjA3TDEuMjIsMjIuMDVjLTEuNjMsMS42My0xLjYzLDQuMjYsMCw1Ljg5YzAuMDEsMC4wMSwwLjAzLDAuMDMsMC4wNCwwLjA0TDE5LjQsNDUuMjZjMC44MywwLjc5LDIuMTUsMC43NiwyLjk1LTAuMDdjMC43OS0wLjgzLDAuNzYtMi4xNS0wLjA3LTIuOTVMNi4yOSwyNy4wOGg0MS42M2MxLjE1LDAsMi4wOC0wLjkzLDIuMDgtMi4wOEM1MCwyMy44NSw0OS4wNywyMi45Miw0Ny45MiwyMi45Mkw0Ny45MiwyMi45MnoiIHN0eWxlPSJmaWxsOnJnYmEoMjU1LCAyNTUsIDI1NSwgMSkiIC8+PC9zdmc+");
  position: relative;
  right: -7px;
  transition: all 300ms ease-out;
}
body#ICL-login-page .log form .ligne a.buttonAction:hover {
  background-color: #1e9787;
}
body#ICL-login-page .log form .ligne a.buttonAction:hover:before {
  right: 7px;
}
body#ICL-login-page #cadre {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0.5rem;
  align-items: center;
  padding: 2rem;
}
body#ICL-login-page #cadre.validation-mdp {
  grid-template-columns: 1fr;
}
body#ICL-login-page #cadre.page-creation-compte {
  grid-template-columns: 1fr;
}
body#ICL-login-page #cadre p,
body#ICL-login-page #cadre ul,
body#ICL-login-page #cadre .identifiant,
body#ICL-login-page #cadre .form-line {
  grid-column: 1 / span 2;
}
body#ICL-login-page #cadre .record-wrapper .message-wrapper {
  border: 1px solid #848487;
  background-color: #E6E6E6;
  display: grid;
  grid-template-rows: auto auto;
  align-items: center;
  padding: 1rem;
  margin-bottom: 1rem;
}
body#ICL-login-page #cadre .record-wrapper .message-wrapper p:first-child {
  display: grid;
  grid-template-columns: max-content auto;
  grid-column-gap: 1rem;
  align-items: center;
  font-weight: bold;
  font-size: 0.9rem;
}
body#ICL-login-page #cadre .record-wrapper .message-wrapper.success p:first-child {
  color: #43AC6A;
}
body#ICL-login-page #cadre .record-wrapper .message-wrapper.info p:first-child {
  color: #008CBA;
}
body#ICL-login-page #cadre .record-wrapper .message-wrapper.warning p:first-child {
  color: #f08a24;
}
body#ICL-login-page #cadre .record-wrapper .message-wrapper.alert p:first-child {
  color: #f04124;
}
@media (min-width: 768px) {
  body#ICL-login-page .log {
    padding: 1rem 1rem;
  }
}
/* ----- CREATION_COMPTE.STYLE_VALIDATION_COMPTE_2024 ----- */
body#ICL-login-page header .mainmenu,
body#ICL-login-page header .logout-wrapper {
  display: none;
}
body#ICL-login-page div#wrapper {
  width: 100vw;
  height: calc(100vh - 60px);
}
body#ICL-login-page div#wrapper.recup-mdp {
  height: 100vh;
}
body#ICL-login-page div#wrapper #content a {
  color: #6194CF;
}
@media (min-width: 768px) {
  body#ICL-login-page div#wrapper {
    width: 100vw;
    height: calc(100vh - 100px);
  }
}
/* ----- CREATION_COMPTE.STYLE_REDEF_MDP_2024 ----- */
body#bodydemande.ICL-responsive-design {
  background-image: url('logins.img?ww_c=IMG_BACKGROUND_FIXE');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #0C2340;
}
body#bodydemande div#main-wrapper #content .bg-color.left {
  position: relative;
  align-items: center;
}
body#bodydemande div#main-wrapper #content .bg-color.left .login-logo a {
  display: grid;
}
body#bodydemande div#main-wrapper #content .bg-color.left .login-logo a img {
  width: 60%;
  height: auto;
  margin: 0 auto 0 auto;
}
body#bodydemande div#main-wrapper #content .bg-color.left .main-infobox#create-account-msg-box-error {
  position: absolute;
  top: -11rem;
  background-color: white;
  border: 1px solid #f04124;
  color: #f04124;
  padding: 1rem;
  margin: 3rem;
}
body#bodydemande div#main-wrapper #content .bg-color.left .main-infobox#create-account-msg-box-error .infobox-head {
  font-weight: bold;
}
body#bodydemande div#main-wrapper #content .bg-color.left h1 {
  font-family: "Time New Roman";
  font-size: 24px;
  font-weight: normal;
  color: white;
}
body#bodydemande div#main-wrapper #content .bg-color.left form#formcompte {
  margin: 0 3rem;
}
body#bodydemande div#main-wrapper #content .bg-color.left form#formcompte p {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  color: white;
}
body#bodydemande div#main-wrapper #content .bg-color.left form#formcompte #cadre .form-line {
  margin-bottom: 1.5rem;
}
body#bodydemande div#main-wrapper #content .bg-color.left form#formcompte #cadre .form-line .form-col {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "label" "field";
  align-items: center;
}
body#bodydemande div#main-wrapper #content .bg-color.left form#formcompte #cadre .form-line .form-col label {
  grid-area: label;
  justify-self: start;
  margin-bottom: 0.3rem;
  font-size: 1rem;
  color: white;
}
body#bodydemande div#main-wrapper #content .bg-color.left form#formcompte #cadre .form-line .form-col input {
  height: 40px;
  padding: 0.2rem 0.5rem;
  font-size: 1rem;
  outline: 0;
  width: 100%;
}
body#bodydemande div#main-wrapper #content .bg-color.left form#formcompte #cadre .form-line .form-col input.button {
  text-transform: uppercase;
  color: #0C2340;
  background-color: #6194CF;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  font-weight: bold;
  margin: 0.5rem;
  border: none;
  cursor: pointer;
  transition: all 300ms ease-out;
}
body#bodydemande div#main-wrapper #content .bg-color.left form#formcompte #cadre .form-line .form-col input.button:hover {
  background-color: #3b7ac2;
}
body#bodydemande div#main-wrapper #content .bg-color.left form#formcompte #cadre .form-line .form-col input.button.expend {
  width: 96%;
}
body#bodydemande div#main-wrapper #content .bg-color.left form#formcompte #cadre .form-line .form-col .pwcheck {
  grid-area: field;
}
body#bodydemande div#main-wrapper #content .bg-color.left form#formcompte #cadre .form-line .form-col .pwcheck .pw-requirement.show-block {
  display: block;
}
body#bodydemande div#main-wrapper #content .bg-color.left form#formcompte #cadre .form-line .form-col .help {
  grid-area: help;
}
body#bodydemande .instance-div {
  top: 0;
}
body#bodydemande .mainconsole {
  display: none;
}
@media (min-width: 992px) {
  body#ICL-login-page div#wrapper #content .instance-div {
    display: none!important;
  }
  body#ICL-login-page div#wrapper #content .log .login-wrapper form .center-content .identifiant {
    grid-template-columns: max-content auto;
    grid-column-gap: 2rem;
  }
}