/* -------------------------------------------------- */ /* $ > AOX Styles Core /* -------------------------------------------------- */ /* v1.4.2 - 23/10/25 23/10/25 (FJA) - v1.4.2 - Modifs ctn_pattern + ajout variables + modifs a 03/09/25 (FJA) - v1.4.0 - Modifs structure edito 26/08/25 (FJA) - v1.3.0 - Maj variables 11/06/25 (FJA) - v1.0.1 - Ajout variables */ /* ======================================== */ /* Reset /* ======================================== */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /***/ * { box-sizing: border-box; } input, textarea, select, span[role=radio], span[role=checkbox], span[role=combobox] { outline: none; } button { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; cursor: pointer; transition: all ease 400ms; background-color: transparent; } /* ======================================== */ /* Common /* ======================================== */ body { font-family: var(--aox-font-family); font-weight: var(--aox-font-weight); font-size: var(--aox-font-size); line-height: var(--aox-line-height); color: var(--aox-color-default); } p, ul, ol, li { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; } strong { font-weight: var(--aox-font-weight-strong); } em { font-style: italic; } sup { position: relative; top: -.3em; font-size: 0.75em; margin: 0 var(--aox-2px); } a { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: var(--aox-link-color); text-decoration: var(--aox-link-text-decoration); transition: all var(--aox-transition-timing-function) var(--aox-transition-duration); } a:hover, a:active { color: var(--aox-link-hover-color); text-decoration: var(--aox-link-hover-text-decoration); } /* ======================================== */ /* obj_button /* ======================================== */ .obj_button { text-decoration: none; outline: none; cursor: pointer; transition: all var(--aox-transition-timing-function) var(--aox-transition-duration); } .obj_button:disabled { opacity: 0.25; cursor: default; } .obj_button.button_default { display: inline-block; margin: 0; padding: var(--aox-button-padding); font-family: var(--aox-button-font-family); font-weight: var(--aox-button-font-weight); font-size: var(--aox-button-font-size); line-height: var(--aox-button-line-height); color: var(--aox-button-color); text-transform: var(--aox-button-text-transform); border-radius: var(--aox-button-border-radius); border: solid var(--aox-button-border-size) var(--aox-button-border-color); background-color: var(--aox-button-background-color); } .obj_button.button_default:hover:not(:disabled) { color: var(--aox-button-hover-color); border-color: var(--aox-button-hover-border-color); background: var(--aox-button-hover-background-color); } /***/ .obj_button.button_default.default_light { color: var(--aox-button-hover-color); border-color: var(--aox-button-hover-background-color); background: var(--aox-button-hover-background-color); } .obj_button.button_default.default_light:hover:not(:disabled) { color: var(--aox-button-color); border-color: var(--aox-button-background-color); background-color: var(--aox-button-background-color); } /***/ .obj_button.button_border { display: inline-block; margin: 0; padding: var(--aox-button-padding); font-family: var(--aox-button-font-family); font-weight: var(--aox-button-font-weight); font-size: var(--aox-button-font-size); line-height: var(--aox-button-line-height); color: var(--aox-button-hover-color); text-transform: uppercase; border-radius: var(--aox-button-border-radius); border: solid var(--aox-button-border-size) var(--aox-button-hover-border-color); background: var(--aox-button-hover-background-color); } .obj_button.button_border:hover:not(:disabled) { color: var(--aox-button-color); border-color: var(--aox-button-border-color); background-color: var(--aox-button-background-color); } /* ======================================== */ /* obj_text /* ======================================== */ .obj_text > * + * { margin-top: var(--aox-text-gap-xl); } .obj_text .ctn_text-header > * + * { margin-top: var(--aox-text-gap-m); } .obj_text .ctn_text-header .t_surtitle { font-family: var(--aox-text-header-surtitle-font-family); font-weight: var(--aox-text-header-surtitle-font-weight); font-size: var(--aox-text-header-surtitle-font-size); line-height: var(--aox-text-header-surtitle-line-height); color: var(--aox-text-header-surtitle-color); text-transform: var(--aox-text-header-surtitle-text-transform); } .obj_text .ctn_text-header .t_title { font-family: var(--aox-text-header-title-font-family); font-weight: var(--aox-text-header-title-font-weight); font-size: var(--aox-text-header-title-font-size); line-height: var(--aox-text-header-title-line-height); color: var(--aox-text-header-title-color); text-transform: var(--aox-text-header-title-text-transform); } .obj_text .ctn_text-header .t_title.title_large { font-size: var(--aox-text-header-title-large-font-size); } .obj_text .ctn_text { font-family: var(--aox-text-font-family); font-weight: var(--aox-text-font-weight); font-size: var(--aox-text-font-size); line-height: var(--aox-text-line-height); color: var(--aox-text-color); } .obj_text .ctn_text > * + * { margin-top: var(--aox-text-gap-l); } .obj_text .ctn_text .t_title { font-family: var(--aox-text-title-font-family); font-weight: var(--aox-text-title-font-weight); font-size: var(--aox-text-title-font-size); line-height: var(--aox-text-title-line-height); color: var(--aox-text-title-color); text-transform: var(--aox-text-title-text-transform); } .obj_text .ctn_text .t_title.title_large { font-size: var(--aox-text-title-large-font-size); } .obj_text .ctn_text .t_subtitle { font-family: var(--aox-text-subtitle-font-family); font-weight: var(--aox-text-subtitle-font-weight); font-size: var(--aox-text-subtitle-font-size); line-height: var(--aox-text-subtitle-line-height); color: var(--aox-text-subtitle-color); text-transform: var(--aox-text-subtitle-text-transform); } .obj_text .ctn_text > * + .t_title, .obj_text .ctn_text > * + .t_subtitle { margin-top: var(--aox-text-gap-xl); } .obj_text .ctn_text p, .obj_text .ctn_text ol li, .obj_text .ctn_text ul li { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; } .obj_text .ctn_text ol { counter-reset: step; } .obj_text .ctn_text ol > li + li { margin-top: var(--aox-text-gap-s); } .obj_text .ctn_text ol li { position: relative; padding-left: var(--aox-16px); counter-increment: step; } .obj_text .ctn_text ol li::before { content: counter(step)"."; position: absolute; top: 0.25em; left: 0; font-size: var(--aox-font-size-small); color: var(--aox-text-color); } .obj_text .ctn_text ul > li + li { margin-top: var(--aox-text-gap-s); } .obj_text .ctn_text ul li { position: relative; padding-left: var(--aox-16px); } .obj_text .ctn_text ul li::before { content: ""; position: absolute; top: 0.6em; left: 0; display: block; height: var(--aox-6px); width: var(--aox-6px); border-radius: 50%; background: currentColor; } .obj_text .ctn_text a { color: var(--aox-text-link-color); text-decoration: var(--aox-text-link-text-decoration); } .obj_text .ctn_text a:hover, .obj_text .ctn_text a:active { color: var(--aox-text-link-hover-color); text-decoration: var(--aox-text-link-hover-text-decoration); } .obj_text .ctn_text-button { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--aox-text-gap-m); } .obj_text .ctn_text-legal > * + * { margin-top: var(--aox-text-gap-m); } .obj_text .ctn_text-legal p { font-family: var(--aox-text-legal-font-family); font-weight: var(--aox-text-legal-font-weight); font-size: var(--aox-text-legal-font-size); line-height: var(--aox-text-legal-line-height); color: var(--aox-text-legal-color); } /* ======================================== */ /* obj_image /* ======================================== */ .obj_image { position: relative; overflow: hidden; display: block; height: auto; width: 100%; } .obj_image .ctn_image img { display: block; height: auto; width: 100%; } /***/ .obj_image.image_cover, .obj_image.image_cover .ctn_image { height: 100%; width: 100%; } .obj_image.image_cover .ctn_image img { height: 100%; width: 100%; object-fit: cover; object-position: center center; } /* ======================================== */ /* obj_video /* ======================================== */ .obj_video { position: relative; overflow: hidden; display: block; height: auto; width: 100%; } .obj_video .ctn_video { display: block; height: auto; width: 100%; } .obj_video .ctn_video.video_mobile { display: none; } /***/ .obj_video.video_cover { height: 100%; width: 100%; padding-bottom: 0; } .obj_video.video_cover > .ctn_video { height: 100%; width: 100%; object-fit: cover; object-position: center center; } /***/ @media screen and (max-width: 767px) { .obj_video .ctn_video.video_desktop { display: none; } .obj_video .ctn_video.video_mobile { display: block; } } /* ======================================== */ /* obj_player /* ======================================== */ .obj_player { position: relative; overflow: hidden; display: block; height: auto; height: 0; width: 100%; padding-bottom: 56.25%; cursor: pointer; } .obj_player .ctn_player { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; } .obj_player .ctn_player::before { content: ""; position: absolute; top: 50%; left: 50%; display: block; height: var(--aox-80px); width: var(--aox-80px); transform: translate(-50%, -50%); transform-origin: 0 0; border-radius: 50%; background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(10px); transition: all var(--aox-transition-timing-function) var(--aox-transition-duration); } .obj_player .ctn_player::after { content: ""; position: absolute; top: 50%; left: 50%; display: block; height: 0; width: 0; border-style: solid; border-width: var(--aox-16px) 0 var(--aox-14px) var(--aox-24px); border-color: transparent transparent transparent white; transform: translate(-35%, -50%); transform-origin: 0 0; transition: all ease .5s; } .obj_player .ctn_player img { height: 100%; width: 100%; object-fit: cover; object-position: center center; } .obj_player:hover .ctn_player::before { transform: scale(1.1) translate(-50%, -50%); } .obj_player:hover .ctn_player::after { transform: scale(1.1) translate(-35%, -50%); } /* ======================================== */ /* obj_carrousel /* ======================================== */ .obj_carrousel { position: relative; } .obj_carrousel .masque { position: relative; overflow: hidden; z-index: 1; } .obj_carrousel .items { height: 100%; width: 10000vw; max-width: none; } .obj_carrousel .item { height: 100%; float: left; transition: opacity var(--aox-transition-timing-function) var(--aox-transition-duration); } .obj_carrousel .hidden { display: block; } .obj_carrousel .nav { color: var(--aox-color-default); } .obj_carrousel .nav .prev, .obj_carrousel .nav .next { position: absolute; z-index: 10; top: 50%; height: var(--aox-64px); width: var(--aox-64px); margin: 0; padding: 0; border: none; font-size: 0 !important; color: currentColor; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.50); backdrop-filter: blur(var(--aox-4px)); border-radius: 50%; cursor: pointer; } .obj_carrousel .nav .prev { left: var(--aox-spacing-m); } .obj_carrousel .nav .next { right: var(--aox-spacing-m); } .obj_carrousel .nav .prev::after, .obj_carrousel .nav .next::after { content: ""; display: block; opacity: 1; position: absolute; top: 50%; left: 50%; height: var(--aox-12px); width: var(--aox-12px); border-right: var(--aox-2px) solid currentColor; border-top: var(--aox-2px) solid currentColor; background: none; transition: all var(--aox-transition-timing-function) var(--aox-transition-duration); } .obj_carrousel .nav .next:after { transform: translate(-65%, -50%) rotate(45deg); } .obj_carrousel .nav .prev:after { transform: translate(-35%, -50%) rotate(-135deg); } .obj_carrousel .nav .prev.disabled, .obj_carrousel .nav .next.disabled { opacity: 0.25; cursor: default; } .obj_carrousel .nav .next:not(.disabled):hover:after { left: 55%; } .obj_carrousel .nav .prev:not(.disabled):hover:after { left: 45%; } .obj_carrousel .nav ul { position: absolute; z-index: 10; left: 50%; bottom: var(--aox-spacing-xl); display: flex; flex-direction: row; justify-content: center; align-items: center; } .obj_carrousel .nav ul > * + * { margin-left: var(--aox-spacing-m); } .obj_carrousel .nav ul li a { overflow: hidden; display: block; height: var(--aox-12px); width: var(--aox-12px); text-decoration: none; font-size: 0; background-color: rgba(255, 255, 255, 0.50); backdrop-filter: blur(var(--aox-4px)); border-radius: 50%; } .obj_carrousel .nav ul li:hover a { background-color: rgba(255, 255, 255, 1); } .obj_carrousel .nav ul li.active a { height: var(--aox-16px); width: var(--aox-16px); box-shadow: 0px 0px 0px var(--aox-2px) white; background-color: var(--aox-button-background-color); } /***/ @media screen and (max-width: 767px) { .obj_carrousel .nav .prev, .obj_carrousel .nav .next { height: var(--aox-48px); width: var(--aox-48px); } .obj_carrousel .nav .prev { left: var(--aox-external-gutter); } .obj_carrousel .nav .next { right: var(--aox-external-gutter); } .obj_carrousel .nav .prev::after, .obj_carrousel .nav .next::after { height: var(--aox-8px); width: var(--aox-8px); } } /* ======================================== */ /* obj_aox-single aox-single_background /* ======================================== */ .obj_aox-single.aox-single_background { position: relative; overflow: hidden; height: 100vh; width: 100vw; } .obj_aox-single.aox-single_background #canvas { position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; } .obj_aox-single.aox-single_background .obj_content { position: absolute; overflow: hidden; z-index: 2; top: 50%; right: 50%; width: var(--aox-col-6); } .obj_aox-single.aox-single_background .obj_content .ctn_content { overflow-y: auto; padding: var(--aox-64px); max-height: 90vh; background-color: white; } .obj_aox-single.aox-single_background .aox_form .ctn_aox > * + * { margin-top: var(--aox-32px); } .obj_aox-single.aox-single_background .obj_version { position: absolute; z-index: 2; right: 5vh; bottom: 5vh; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: var(--aox-16px); } .obj_aox-single.aox-single_background .obj_version p { font-size: var(--aox-fs-12px); color: black; text-align: right; } /***/ .obj_aox-single.aox-single_background .obj_content { transition-delay: .6s; transition-duration: .75s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-property: transform; transform: translate(-100%, -50%); } .obj_aox-single.aox-single_background .obj_content.is_visible { transform: translate(0%, -50%); } .obj_aox-single.aox-single_background .obj_content .ctn_content { transition-delay: .6s; transition-duration: .75s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-property: transform; transform: translateX(120%); transform: translate3d(120%, 0, 0); } .obj_aox-single.aox-single_background .obj_content.is_visible .ctn_content { transform: translateX(0%); transform: translate3d(0%, 0, 0); } /***/ .obj_aox-single.aox-single_background .obj_content.is_fixed { top: 0; left: 0; right: auto; bottom: 0; height: 100vh; max-height: none; width: 50vw; max-width: none; transform: none !important; } .obj_aox-single.aox-single_background .obj_content.is_fixed .ctn_content { height: 100%; max-height: none; padding: var(--aox-96px); } /***/ @media screen and (max-width: 767px) { .obj_aox-single.aox-single_background .obj_content { top: 50; right: 50%; width: var(--aox-grid); transform: translate(-50%, -50%); } .obj_aox-single.aox-single_background .obj_content.is_visible { transform: translate(50%, -50%); } .obj_aox-single.aox-single_background .obj_content .ctn_content { padding: var(--aox-32px); max-height: 75vh; } .obj_aox-single.aox-single_background .obj_version { left: 2vh; right: 2vh; bottom: 2vh; } } /* ======================================== */ /* aox_icon /* ======================================== */ [class*=" aox_icon-"]:before, [class^=aox_icon-]:before { content: ""; display: inline-block; flex: 0 0 auto; height: var(--aox-icon-input-size); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; vertical-align: calc((.75em - var(--aox-icon-input-size))*.5); width: var(--aox-icon-input-size) } /***/ .aox_icon-user-fill:after,.aox_icon-user-fill:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTQgMjJhOCA4IDAgMSAxIDE2IDB6bTgtOWMtMy4zMTUgMC02LTIuNjg1LTYtNnMyLjY4NS02IDYtNiA2IDIuNjg1IDYgNi0yLjY4NSA2LTYgNiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTQgMjJhOCA4IDAgMSAxIDE2IDB6bTgtOWMtMy4zMTUgMC02LTIuNjg1LTYtNnMyLjY4NS02IDYtNiA2IDIuNjg1IDYgNi0yLjY4NSA2LTYgNiIvPjwvc3ZnPg==); } .aox_icon-user-line:after,.aox_icon-user-line:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTQgMjJhOCA4IDAgMSAxIDE2IDBoLTJhNiA2IDAgMCAwLTEyIDB6bTgtOWMtMy4zMTUgMC02LTIuNjg1LTYtNnMyLjY4NS02IDYtNiA2IDIuNjg1IDYgNi0yLjY4NSA2LTYgNm0wLTJjMi4yMSAwIDQtMS43OSA0LTRzLTEuNzktNC00LTQtNCAxLjc5LTQgNCAxLjc5IDQgNCA0Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTQgMjJhOCA4IDAgMSAxIDE2IDBoLTJhNiA2IDAgMCAwLTEyIDB6bTgtOWMtMy4zMTUgMC02LTIuNjg1LTYtNnMyLjY4NS02IDYtNiA2IDIuNjg1IDYgNi0yLjY4NSA2LTYgNm0wLTJjMi4yMSAwIDQtMS43OSA0LTRzLTEuNzktNC00LTQtNCAxLjc5LTQgNCAxLjc5IDQgNCA0Ii8+PC9zdmc+); } .aox_icon-lock-fill:after,.aox_icon-lock-fill:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE5IDEwaDFhMSAxIDAgMCAxIDEgMXYxMGExIDEgMCAwIDEtMSAxSDRhMSAxIDAgMCAxLTEtMVYxMWExIDEgMCAwIDEgMS0xaDFWOWE3IDcgMCAwIDEgMTQgMHptLTIgMFY5QTUgNSAwIDAgMCA3IDl2MXptLTYgNHY0aDJ2LTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE5IDEwaDFhMSAxIDAgMCAxIDEgMXYxMGExIDEgMCAwIDEtMSAxSDRhMSAxIDAgMCAxLTEtMVYxMWExIDEgMCAwIDEgMS0xaDFWOWE3IDcgMCAwIDEgMTQgMHptLTIgMFY5QTUgNSAwIDAgMCA3IDl2MXptLTYgNHY0aDJ2LTR6Ii8+PC9zdmc+); } .aox_icon-lock-line:after,.aox_icon-lock-line:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE5IDEwaDFhMSAxIDAgMCAxIDEgMXYxMGExIDEgMCAwIDEtMSAxSDRhMSAxIDAgMCAxLTEtMVYxMWExIDEgMCAwIDEgMS0xaDFWOWE3IDcgMCAwIDEgMTQgMHpNNSAxMnY4aDE0di04em02IDJoMnY0aC0yem02LTRWOUE1IDUgMCAwIDAgNyA5djF6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE5IDEwaDFhMSAxIDAgMCAxIDEgMXYxMGExIDEgMCAwIDEtMSAxSDRhMSAxIDAgMCAxLTEtMVYxMWExIDEgMCAwIDEgMS0xaDFWOWE3IDcgMCAwIDEgMTQgMHpNNSAxMnY4aDE0di04em02IDJoMnY0aC0yem02LTRWOUE1IDUgMCAwIDAgNyA5djF6Ii8+PC9zdmc+); } .aox_icon-mail-fill:after,.aox_icon-mail-fill:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTMgM2gxOGExIDEgMCAwIDEgMSAxdjE2YTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjRhMSAxIDAgMCAxIDEtMW05LjA2IDguNjgzTDUuNjQ4IDYuMjM4IDQuMzUzIDcuNzYybDcuNzIgNi41NTUgNy41ODEtNi41Ni0xLjMwOC0xLjUxM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTMgM2gxOGExIDEgMCAwIDEgMSAxdjE2YTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjRhMSAxIDAgMCAxIDEtMW05LjA2IDguNjgzTDUuNjQ4IDYuMjM4IDQuMzUzIDcuNzYybDcuNzIgNi41NTUgNy41ODEtNi41Ni0xLjMwOC0xLjUxM3oiLz48L3N2Zz4=); } .aox_icon-mail-line:after,.aox_icon-mail-line:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTMgM2gxOGExIDEgMCAwIDEgMSAxdjE2YTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjRhMSAxIDAgMCAxIDEtMW0xNyA0LjIzOC03LjkyOCA3LjFMNCA3LjIxNlYxOWgxNnpNNC41MTEgNWw3LjU1IDYuNjYyTDE5LjUwMiA1eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTMgM2gxOGExIDEgMCAwIDEgMSAxdjE2YTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjRhMSAxIDAgMCAxIDEtMW0xNyA0LjIzOC03LjkyOCA3LjFMNCA3LjIxNlYxOWgxNnpNNC41MTEgNWw3LjU1IDYuNjYyTDE5LjUwMiA1eiIvPjwvc3ZnPg==); } /* -------------------------------------------------- */ /* $ > AOX Fluid Core Custom - v1.0.0 - 01/01/25 /* -------------------------------------------------- */ /* 01/01/25 (XXX) - v1.0.0 - Lorem ipsum dolor sit amet */ /* ======================================== */ /* Custom /* ======================================== */ /* -------------------------------------------------- */ /* $ > AOX Styles Param /* -------------------------------------------------- */ /* v1.4.2 - 23/10/25 23/10/25 (FJA) - v1.4.2 - Modifs ctn_pattern + ajout variables + a 14/10/25 (KLF) - v1.4.1 - Modifs obj_aox-single 03/09/25 (FJA) - v1.4.0 - Modifs structure edito 26/08/25 (FJA) - v1.3.0 - Maj variables 11/06/25 (FJA) - v1.0.1 - Ajout variables */ /* ======================================== */ /* Param /* ======================================== */ /*** Color ***/ :root { --aox-color-white: #ffffff; --aox-color-black: #000000; --aox-color-primary: #3498db; --aox-color-secondary: #2ecc71; --aox-color-grey-950: #030712; --aox-color-grey-900: #111827; --aox-color-grey-800: #1F2937; --aox-color-grey-700: #374151; --aox-color-grey-600: #4B5563; --aox-color-grey-500: #6B7280; --aox-color-grey-400: #9CA3AF; --aox-color-grey-300: #D1D5DB; --aox-color-grey-200: #E5E7EB; --aox-color-grey-100: #F3F4F6; --aox-color-grey-50: #F8FAFC; /***/ --aox-color-default: var(--aox-color-black); --aox-color-error: #DC2626; --aox-color-warning: #F97316; --aox-color-valid: #22C55E; } /*** Spacing ***/ :root { --aox-spacing-1: var(--aox-8px); --aox-spacing-2: var(--aox-16px); --aox-spacing-3: var(--aox-24px); --aox-spacing-4: var(--aox-32px); --aox-spacing-5: var(--aox-40px); --aox-spacing-6: var(--aox-48px); --aox-spacing-7: var(--aox-56px); --aox-spacing-8: var(--aox-64px); --aox-spacing-9: var(--aox-72px); --aox-spacing-12: var(--aox-96px); --aox-spacing-15: var(--aox-120px); --aox-spacing-xxs: var(--aox-2px); --aox-spacing-2xs: var(--aox-2px); --aox-spacing-xs: var(--aox-4px); --aox-spacing-s: var(--aox-8px); --aox-spacing-m: var(--aox-16px); --aox-spacing-l: var(--aox-24px); --aox-spacing-xl: var(--aox-32px); --aox-spacing-xxl: var(--aox-48px); --aox-spacing-2xl: var(--aox-48px); --aox-spacing-xxxl: var(--aox-64px); --aox-spacing-3xl: var(--aox-64px); --aox-spacing-xxxxl: var(--aox-96px); --aox-spacing-4xl: var(--aox-96px); --aox-border-radius-2xs: var(--aox-2px); --aox-border-radius-xs: var(--aox-4px); --aox-border-radius-s: var(--aox-8px); --aox-border-radius-m: var(--aox-16px); --aox-border-radius-l: var(--aox-24px); --aox-border-radius-xl: var(--aox-32px); --aox-border-radius-2xl: var(--aox-48px); --aox-border-radius-3xl: var(--aox-64px); --aox-border-radius-4xl: var(--aox-96px); --aox-icon-size-s: var(--aox-16px); --aox-icon-size-m: var(--aox-24px); --aox-icon-size-l: var(--aox-32px); } /*** Common ***/ :root { --aox-font-family: "Arial", Sans-serif; --aox-font-weight: 400; --aox-font-weight-strong: 700; --aox-font-size: var(--aox-fs-16px); --aox-font-size-small: var(--aox-fs-12px); --aox-line-height: var(--aox-lh-150); --aox-link-color: var(--aox-color-primary); --aox-link-text-decoration: none; --aox-link-hover-color: var(--aox-color-primary); --aox-link-hover-text-decoration: none; --aox-transition-timing-function: ease; --aox-transition-duration: 400ms; --aox-transition-default: all var(--aox-transition-timing-function) var(--aox-transition-duration); } /*** obj_text ***/ :root { --aox-text-gap-s: var(--aox-spacing-s); --aox-text-gap-m: var(--aox-spacing-m); --aox-text-gap-l: var(--aox-spacing-l); --aox-text-gap-xl: var(--aox-spacing-xl); --aox-text-header-surtitle-font-family: var(--aox-font-family); --aox-text-header-surtitle-font-weight: var(--aox-font-weight-strong); --aox-text-header-surtitle-font-size: var(--aox-font-size); --aox-text-header-surtitle-line-height: var(--aox-line-height); --aox-text-header-surtitle-color: var(--aox-color-primary); --aox-text-header-surtitle-text-transform: uppercase; --aox-text-header-title-font-family: var(--aox-font-family); --aox-text-header-title-font-weight: var(--aox-font-weight); --aox-text-header-title-font-size: var(--aox-fs-48px); --aox-text-header-title-large-font-size: var(--aox-fs-60px); --aox-text-header-title-line-height: var(--aox-lh-100); --aox-text-header-title-color: var(--aox-color-primary); --aox-text-header-title-text-transform: inherit; --aox-text-title-font-family: var(--aox-font-family); --aox-text-title-font-weight: var(--aox-font-weight-strong); --aox-text-title-font-size: var(--aox-fs-28px); --aox-text-title-large-font-size: var(--aox-fs-36px); --aox-text-title-line-height: var(--aox-lh-120); --aox-text-title-color: var(--aox-color-primary); --aox-text-title-text-transform: inherit; --aox-text-subtitle-font-family: var(--aox-font-family); --aox-text-subtitle-font-weight: var(--aox-font-weight-strong); --aox-text-subtitle-font-size: var(--aox-fs-20px); --aox-text-subtitle-line-height: var(--aox-lh-110); --aox-text-subtitle-color: var(--aox-color-default); --aox-text-subtitle-text-transform: uppercase; --aox-text-font-family: var(--aox-font-family); --aox-text-font-weight: var(--aox-font-weight); --aox-text-font-size: var(--aox-font-size); --aox-text-line-height: var(--aox-line-height); --aox-text-color: var(--aox-color-default); --aox-text-link-color: var(--aox-link-color); --aox-text-link-text-decoration: var(--aox-link-text-decoration); --aox-text-link-hover-color: var(--aox-link-hover-color); --aox-text-link-hover-text-decoration: var(--aox-link-hover-text-decoration); --aox-text-legal-font-family: var(--aox-font-family); --aox-text-legal-font-weight: var(--aox-font-weight); --aox-text-legal-font-size: var(--aox-font-size-small); --aox-text-legal-line-height: var(--aox-line-height); --aox-text-legal-color: var(--aox-color-default); } @media screen and (max-width: 767px) { :root { --aox-text-header-title-font-size: var(--aox-fs-30px); --aox-text-header-title-large-font-size: var(--aox-fs-40px); --aox-text-title-font-size: var(--aox-fs-24px); --aox-text-subtitle-font-size: var(--aox-fs-16px); } } /*** Button ***/ :root { --aox-button-padding: var(--aox-16px) var(--aox-32px); --aox-button-font-family: var(--aox-font-family); --aox-button-font-weight: var(--aox-font-weight-strong); --aox-button-font-size: var(--aox-font-size); --aox-button-line-height: var(--aox-lh-100); --aox-button-text-transform: uppercase; --aox-button-border-size: 2px; --aox-button-border-radius: var(--aox-border-radius-xl); --aox-button-color: var(--aox-color-white); --aox-button-border-color: var(--aox-color-primary); --aox-button-background-color: var(--aox-color-primary); --aox-button-hover-color: var(--aox-color-primary); --aox-button-hover-border-color: var(--aox-color-primary); --aox-button-hover-background-color: transparent; } /* -------------------------------------------------- */ /* $ > AOX Styles Param Custom - v1.0.0 - 15/05/25 /* -------------------------------------------------- */ /* 01/01/25 (XXX) - v1.0.0 - Lorem ipsum dolor sit amet */ :root { --icon-input-size : var(--aox-24px); --aox-icon-size-s: var(--aox-24px); --aox-icon-size-m: var(--aox-32px); --aox-icon-size-l: var(--aox-36px); --aox-icon-size: var(--aox-icon-size-l); --aox-font-family: "century-gothic", sans-serif; } /* ======================================== */ /* Custom /* ======================================== */ /* global */ .pg_gifen .obj_aox-form .t_title::after, .pg_gifen .obj_form .t_title::after { content: none; } /* aox_single */ .pg_gifen .obj_aox-single.aox-single_background .obj_content { width: var(--aox-col-4); } .pg_gifen .obj_aox-single.aox-single_background .obj_content .ctn_content{ overflow-x: hidden; } .pg_gifen .obj_aox-single.aox-single_background .obj_content .obj_form .ctn_form > * + *, .pg_gifen .obj_aox-single.aox-single_background .obj_content .obj_aox-form .ctn_aox-form > * + *{ margin-top: var(--aox-form-spacing); } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .obj_form-edito .ctn_image svg, .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .obj_form-validation .ctn_image svg{ width: var(--aox-180px); } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .ctn_form .t_title::after{ content: none; } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .obj_form-edito .t_title{ font-size: var(--aox-form-title-font-size); font-weight: var(--aox-form-title-font-weight); } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .t_title .is-blue, .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .obj_form-edito .is-blue{ color: #40ADD6; } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .ctn_form .obj_input{ position: relative; } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .ctn_form .obj_input input{ --aox-form-item-background-color: #fafafa; } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .ctn_form .obj_form-element.has_input-icon .obj_icon{ position: absolute; top: var(--icon-input-size); left: calc(calc(var(--icon-input-size) / 2) + var(--aox-form-item-border-size)); width: var(--icon-input-size); height: var(--icon-input-size); } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .ctn_form .obj_form-element.has_input-icon input{ padding-left: calc(var(--icon-input-size) + var(--icon-input-size)) } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .obj_form-edito + .obj_form-edito{ margin-top: var(--aox-form-spacing); } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .obj_form-edito.edito_first_connexion .ctn_form-edito{ position: relative; padding: var(--aox-24px) 0 0; } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .obj_form-edito.edito_first_connexion .ctn_form-edito::before{ position: absolute; content: ""; transform: translateX(-50%); left: 50%; top: 0; display: inline-block; height: 1px; width: var(--aox-130px); background: #CBD1E6; } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .obj_form-edito .ctn_form-edito > .ctn_button:not(:only-child) { margin-top: var(--aox-16px); } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .obj_form-edito .ctn_button { gap: var(--aox-16px); } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .obj_form-content .ctn_form-content .obj_form-fieldset .ctn_form-fieldset > * + *{ margin-top: var(--aox-20px); } .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .obj_form-content .ctn_form-content .obj_form-fieldset .ctn_form-fieldset .has_space-between .ctn_form-row:last-child { text-align: right; } /* new-account */ .pg_gifen .obj_aox-single.aox-single_background .obj_aox-form .obj_form-content .obj_form-element .ctn_label .t_label { font-weight: var(--aox-form-label-font-weight); font-size: var(--aox-fs-16px); line-height: var(--aox-form-label-line-height); color: var(--aox-form-color-primary); } /***/ /* ======================================== */ /* obj_aox-single aox-single_background /* ======================================== */ [class*=" aox_icon-"]:before, [class^=aox_icon-]:before { content: ""; display: inline-block; flex: 0 0 auto; height: var(--aox-icon-size); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; vertical-align: calc((.75em - var(--aox-icon-size))*.5); width: var(--aox-icon-size) } /***/ .aox_icon-popin:after,.aox_icon-popin:before { mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgdmlld0JveD0iMCAwIDM2IDM2IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjguOTY5IDcuODc1VjEzLjVhLjg0NC44NDQgMCAwIDEtMS42ODggMFY5LjkxMmwtOC42ODUgOC42ODVhLjg0Ljg0IDAgMCAxLTEuMTkyIDAgLjg0NC44NDQgMCAwIDEgMC0xLjE5M2w4LjY4NS04LjY4NUgyMi41YS44NDQuODQ0IDAgMCAxIDAtMS42ODhoNS42MjVhLjg0NS44NDUgMCAwIDEgLjg0NC44NDRaTTI3IDE5LjQwNmEuODQ0Ljg0NCAwIDAgMC0uODQ0Ljg0NHYzLjM3NWMwIDEuNzc0LS43NTcgMi41MzEtMi41MzEgMi41MzFoLTExLjI1Yy0xLjc3NCAwLTIuNTMxLS43NTctMi41MzEtMi41MzF2LTExLjI1YzAtMS43NzQuNzU3LTIuNTMxIDIuNTMxLTIuNTMxaDMuMzc1YS44NDQuODQ0IDAgMCAwIDAtMS42ODhoLTMuMzc1Yy0yLjcyIDAtNC4yMTkgMS40OTktNC4yMTkgNC4yMTl2MTEuMjVjMCAyLjcyIDEuNDk5IDQuMjE5IDQuMjE5IDQuMjE5aDExLjI1YzIuNzIgMCA0LjIxOS0xLjQ5OSA0LjIxOS00LjIxOVYyMC4yNWEuODQ0Ljg0NCAwIDAgMC0uODQ0LS44NDRaIiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiLz48L3N2Zz4=) } .aox_icon-print:after,.aox_icon-print:before { mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjQuNjY2IDE1LjMzM0g3LjMzM1YyM2MwIC45Mi43NDcgMS42NjYgMS42NjcgMS42NjZoMTRjLjkyIDAgMS42NjYtLjc0NSAxLjY2Ni0xLjY2NnptLTMgNS4zMzNhMSAxIDAgMCAxIDAgMkgxMC4zMzNhMSAxIDAgMSAxIDAtMnpNMTAgMTMuMzMzaDEydi02SDEwek0yNi42NjYgMjNBMy42NjYgMy42NjYgMCAwIDEgMjMgMjYuNjY2SDlBMy42NjcgMy42NjcgMCAwIDEgNS4zMzMgMjN2LTguNjY3YTEgMSAwIDAgMSAxLTFIOHYtN2ExIDEgMCAwIDEgMS0xaDE0YTEgMSAwIDAgMSAxIDF2N2gxLjY2NmExIDEgMCAwIDEgMSAxeiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9Ii41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) } /***/ .aox_icon-parcours_evaluation-medium:after,.aox_icon-parcours_evaluation-medium:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgNEMxMC40ODYgNCA2IDguNDI4IDYgMTMuODcyYzAgNS43NzQgNS4zNjggMTEuMjc0IDguOTIgMTMuNTlsLjYwNS4zOTZhLjg3Ljg3IDAgMCAwIC45NSAwbC42MDUtLjM5NmMzLjU1Mi0yLjMxNiA4LjkyLTcuODE2IDguOTItMTMuNTlDMjYgOC40MjggMjEuNTE0IDQgMTYgNG0uMTM2IDIyLjA1LS4xMzYuMDg5LS4xMzYtLjA5Yy0zLjQ0LTIuMjQyLTguMTUtNy4zMTQtOC4xNS0xMi4xNzcgMC00LjUxIDMuNzE3LTguMTggOC4yODYtOC4xOCA0LjU3IDAgOC4yODYgMy42NyA4LjI4NiA4LjE4IDAgNC44NjMtNC43MTEgOS45MzYtOC4xNSAxMi4xNzdtMi43LTEwLjU3NmE0LjEgNC4xIDAgMCAwIC42ODktMi4yNjFjMC0yLjI4LTEuODgtNC4xMzctNC4xOTEtNC4xMzdzLTQuMTkxIDEuODU2LTQuMTkxIDQuMTM3IDEuODggNC4xMzcgNC4xOSA0LjEzN2MuODQ2IDAgMS42MzItLjI1MyAyLjI5MS0uNjhsMS43NyAxLjc0N2EuODYuODYgMCAwIDAgMS4yMTIgMCAuODQuODQgMCAwIDAgMC0xLjE5N3ptLTUuOTc5LTIuMjZjMC0xLjM0OCAxLjExMS0yLjQ0NSAyLjQ3Ny0yLjQ0NXMyLjQ3NiAxLjA5NyAyLjQ3NiAyLjQ0NS0xLjExIDIuNDQ1LTIuNDc2IDIuNDQ1LTIuNDc3LTEuMDk4LTIuNDc3LTIuNDQ1IiBmaWxsPSIjMGExYjY1Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgNEMxMC40ODYgNCA2IDguNDI4IDYgMTMuODcyYzAgNS43NzQgNS4zNjggMTEuMjc0IDguOTIgMTMuNTlsLjYwNS4zOTZhLjg3Ljg3IDAgMCAwIC45NSAwbC42MDUtLjM5NmMzLjU1Mi0yLjMxNiA4LjkyLTcuODE2IDguOTItMTMuNTlDMjYgOC40MjggMjEuNTE0IDQgMTYgNG0uMTM2IDIyLjA1LS4xMzYuMDg5LS4xMzYtLjA5Yy0zLjQ0LTIuMjQyLTguMTUtNy4zMTQtOC4xNS0xMi4xNzcgMC00LjUxIDMuNzE3LTguMTggOC4yODYtOC4xOCA0LjU3IDAgOC4yODYgMy42NyA4LjI4NiA4LjE4IDAgNC44NjMtNC43MTEgOS45MzYtOC4xNSAxMi4xNzdtMi43LTEwLjU3NmE0LjEgNC4xIDAgMCAwIC42ODktMi4yNjFjMC0yLjI4LTEuODgtNC4xMzctNC4xOTEtNC4xMzdzLTQuMTkxIDEuODU2LTQuMTkxIDQuMTM3IDEuODggNC4xMzcgNC4xOSA0LjEzN2MuODQ2IDAgMS42MzItLjI1MyAyLjI5MS0uNjhsMS43NyAxLjc0N2EuODYuODYgMCAwIDAgMS4yMTIgMCAuODQuODQgMCAwIDAgMC0xLjE5N3ptLTUuOTc5LTIuMjZjMC0xLjM0OCAxLjExMS0yLjQ0NSAyLjQ3Ny0yLjQ0NXMyLjQ3NiAxLjA5NyAyLjQ3NiAyLjQ0NS0xLjExIDIuNDQ1LTIuNDc2IDIuNDQ1LTIuNDc3LTEuMDk4LTIuNDc3LTIuNDQ1IiBmaWxsPSIjMGExYjY1Ii8+PC9zdmc+); } .aox_icon-parcours_evaluation-small:after,.aox_icon-parcours_evaluation-small:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgM2MzLjg3MyAwIDcgMy4xOCA3IDcuMTIxQzE5IDE1LjIwMSAxMy43MTEgMjEgMTIgMjFjLTEuODY3IDAtNy01LjkyNi03LTEwLjg3OUM1IDYuMTgxIDguMTI3IDMgMTIgM20wIDRhMyAzIDAgMSAwIDAgNiAzIDMgMCAwIDAgMC02IiBmaWxsPSIjMGExYjY1Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgM2MzLjg3MyAwIDcgMy4xOCA3IDcuMTIxQzE5IDE1LjIwMSAxMy43MTEgMjEgMTIgMjFjLTEuODY3IDAtNy01LjkyNi03LTEwLjg3OUM1IDYuMTgxIDguMTI3IDMgMTIgM20wIDRhMyAzIDAgMSAwIDAgNiAzIDMgMCAwIDAgMC02IiBmaWxsPSIjMGExYjY1Ii8+PC9zdmc+); } .aox_icon-parcours_planaction-medium:after,.aox_icon-parcours_planaction-medium:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyAyN1Y4YTEgMSAwIDAgMSAyIDB2LjM2bDEyLjQxOSA1LjczMmExIDEgMCAwIDEgMCAxLjgxNkw5IDIxLjY0VjI3YTEgMSAwIDEgMS0yIDBtMi03LjU2NEwxOC42MTMgMTUgOSAxMC41NjN6IiBmaWxsPSIjMGExYjY1Ii8+PHBhdGggZD0iTTE1IDIydi00LjVhMSAxIDAgMSAxIDIgMFYyMmExIDEgMCAxIDEtMiAwbTAtOS41VjVhMSAxIDAgMSAxIDIgMHYuMzgybDkuNDQ3IDQuNzI0YTEgMSAwIDAgMSAwIDEuNzg5bC02IDNhMSAxIDAgMCAxLS44OTQtMS43OUwyMy43NjMgMTEgMTcgNy42MThWMTIuNWExIDEgMCAxIDEtMiAwIiBmaWxsPSIjMGExYjY1Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyAyN1Y4YTEgMSAwIDAgMSAyIDB2LjM2bDEyLjQxOSA1LjczMmExIDEgMCAwIDEgMCAxLjgxNkw5IDIxLjY0VjI3YTEgMSAwIDEgMS0yIDBtMi03LjU2NEwxOC42MTMgMTUgOSAxMC41NjN6IiBmaWxsPSIjMGExYjY1Ii8+PHBhdGggZD0iTTE1IDIydi00LjVhMSAxIDAgMSAxIDIgMFYyMmExIDEgMCAxIDEtMiAwbTAtOS41VjVhMSAxIDAgMSAxIDIgMHYuMzgybDkuNDQ3IDQuNzI0YTEgMSAwIDAgMSAwIDEuNzg5bC02IDNhMSAxIDAgMCAxLS44OTQtMS43OUwyMy43NjMgMTEgMTcgNy42MThWMTIuNWExIDEgMCAxIDEtMiAwIiBmaWxsPSIjMGExYjY1Ii8+PC9zdmc+); } .aox_icon-parcours_planaction-small:after,.aox_icon-parcours_planaction-small:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyAyMFY1YTEgMSAwIDAgMSAyIDBsOC40MTkgNC4wOTJhMSAxIDAgMCAxIDAgMS44MTZMOSAxNC42NFYyMGExIDEgMCAxIDEtMiAwIiBmaWxsPSIjMGExYjY1Ii8+PHBhdGggZD0iTTEzIDE3VjltOC0xLTgtNHYtLjUiIHN0cm9rZT0iIzBhMWI2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyAyMFY1YTEgMSAwIDAgMSAyIDBsOC40MTkgNC4wOTJhMSAxIDAgMCAxIDAgMS44MTZMOSAxNC42NFYyMGExIDEgMCAxIDEtMiAwIiBmaWxsPSIjMGExYjY1Ii8+PHBhdGggZD0iTTEzIDE3VjltOC0xLTgtNHYtLjUiIHN0cm9rZT0iIzBhMWI2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=); } .aox_icon-parcours_suiviaction-medium:after,.aox_icon-parcours_suiviaction-medium:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjUuNzQ2IDE4LjkyM2MuNTY0IDAgLjk4OC41NjQuNjE1IDEuMDA4LS4zNy40MzktMS41OTcgMS45ODQtMS42MjIgMi4wMTQgMCAwIDEuMTU5IDEuNDUxIDEuNjIyIDIuMDE2LjM1My40MzMtLjA2IDEuMDA4LS42MTUgMS4wMDhoLTQuMDN2My4wMjNBMS4wMSAxLjAxIDAgMCAxIDIwLjcwOCAyOWExLjAxIDEuMDEgMCAwIDEtMS4wMDgtMS4wMDh2LTguMDYxYTEuMDEgMS4wMSAwIDAgMSAxLjAwOC0xLjAwOHptLTguNjU4IDQuMzMzYTEuMDA4IDEuMDA4IDAgMSAxIDAgMi4wMTYgMS4wMDggMS4wMDggMCAwIDEgMC0yLjAxNm0tMy4wMjQtLjIwMmExLjAwOCAxLjAwOCAwIDEgMSAwIDIuMDE2IDEuMDA4IDEuMDA4IDAgMCAxIDAtMi4wMTZtLTIuOTIyLTEuMDA3YTEuMDA3IDEuMDA3IDAgMSAxIDAgMi4wMTUgMS4wMDcgMS4wMDcgMCAwIDEgMC0yLjAxNW0tMS4wMDgtMy4wMjRhMS4wMDggMS4wMDggMCAxIDEgMCAyLjAxNiAxLjAwOCAxLjAwOCAwIDAgMSAwLTIuMDE2TTExLjE0MiAxNmExLjAwOCAxLjAwOCAwIDEgMSAwIDIuMDE2IDEuMDA4IDEuMDA4IDAgMCAxIDAtMi4wMTZtMi45MjMtMS4xMDhhMS4wMDggMS4wMDggMCAxIDEgMCAyLjAxNSAxLjAwOCAxLjAwOCAwIDAgMSAwLTIuMDE1bTMuMDIzIDBhMS4wMDggMS4wMDggMCAxIDEgMCAyLjAxNiAxLjAwOCAxLjAwOCAwIDAgMSAwLTIuMDE2bTMuMDIzIDBhMS4wMDggMS4wMDggMCAxIDEgMCAyLjAxNiAxLjAwOCAxLjAwOCAwIDAgMSAwLTIuMDE2bTIuOTIyLTEuMTA5YTEuMDA4IDEuMDA4IDAgMSAxIDAgMi4wMTYgMS4wMDggMS4wMDggMCAwIDEgMC0yLjAxNk0xMC4wMzUgM2E0LjUzIDQuNTMgMCAwIDEgNC41MzQgNC41MzVjMCAzLjIzNC0zLjQyNSA2LjA0NS00LjUzNCA2LjA0Ni0xLjIxIDAtNC41MzUtMi44OTItNC41MzUtNi4wNDZBNC41MyA0LjUzIDAgMCAxIDEwLjAzNSAzbTE0LjAwNiA3Ljc2YTEuMDA4IDEuMDA4IDAgMSAxIDAgMi4wMTUgMS4wMDggMS4wMDggMCAwIDEgMC0yLjAxNU0xMC4wMzUgNC44MTNhMi43MjQgMi43MjQgMCAwIDAtMi43MjIgMi43MjJjMCAxLjg1NCAxLjg0NSAzLjcwOCAyLjcwMiA0LjE2MS44MTYtLjQ0MyAyLjc0LTIuMjI2IDIuNzQtNC4xNmEyLjcyMyAyLjcyMyAwIDAgMC0yLjcyLTIuNzIzbTEyLjk5OCAyLjkyM2ExLjAwOCAxLjAwOCAwIDEgMSAwIDIuMDE2IDEuMDA4IDEuMDA4IDAgMCAxIDAtMi4wMTZNMjAuMTExIDYuNzNhMS4wMDggMS4wMDggMCAxIDEgMCAyLjAxNiAxLjAwOCAxLjAwOCAwIDAgMSAwLTIuMDE2bS0xMC4wNzctLjIwMmExLjAwOCAxLjAwOCAwIDEgMSAwIDIuMDE2IDEuMDA4IDEuMDA4IDAgMCAxIDAtMi4wMTZtNy4wNTQgMGExLjAwOCAxLjAwOCAwIDEgMSAwIDIuMDE2IDEuMDA4IDEuMDA4IDAgMCAxIDAtMi4wMTYiIGZpbGw9IiMwYTFiNjUiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjUuNzQ2IDE4LjkyM2MuNTY0IDAgLjk4OC41NjQuNjE1IDEuMDA4LS4zNy40MzktMS41OTcgMS45ODQtMS42MjIgMi4wMTQgMCAwIDEuMTU5IDEuNDUxIDEuNjIyIDIuMDE2LjM1My40MzMtLjA2IDEuMDA4LS42MTUgMS4wMDhoLTQuMDN2My4wMjNBMS4wMSAxLjAxIDAgMCAxIDIwLjcwOCAyOWExLjAxIDEuMDEgMCAwIDEtMS4wMDgtMS4wMDh2LTguMDYxYTEuMDEgMS4wMSAwIDAgMSAxLjAwOC0xLjAwOHptLTguNjU4IDQuMzMzYTEuMDA4IDEuMDA4IDAgMSAxIDAgMi4wMTYgMS4wMDggMS4wMDggMCAwIDEgMC0yLjAxNm0tMy4wMjQtLjIwMmExLjAwOCAxLjAwOCAwIDEgMSAwIDIuMDE2IDEuMDA4IDEuMDA4IDAgMCAxIDAtMi4wMTZtLTIuOTIyLTEuMDA3YTEuMDA3IDEuMDA3IDAgMSAxIDAgMi4wMTUgMS4wMDcgMS4wMDcgMCAwIDEgMC0yLjAxNW0tMS4wMDgtMy4wMjRhMS4wMDggMS4wMDggMCAxIDEgMCAyLjAxNiAxLjAwOCAxLjAwOCAwIDAgMSAwLTIuMDE2TTExLjE0MiAxNmExLjAwOCAxLjAwOCAwIDEgMSAwIDIuMDE2IDEuMDA4IDEuMDA4IDAgMCAxIDAtMi4wMTZtMi45MjMtMS4xMDhhMS4wMDggMS4wMDggMCAxIDEgMCAyLjAxNSAxLjAwOCAxLjAwOCAwIDAgMSAwLTIuMDE1bTMuMDIzIDBhMS4wMDggMS4wMDggMCAxIDEgMCAyLjAxNiAxLjAwOCAxLjAwOCAwIDAgMSAwLTIuMDE2bTMuMDIzIDBhMS4wMDggMS4wMDggMCAxIDEgMCAyLjAxNiAxLjAwOCAxLjAwOCAwIDAgMSAwLTIuMDE2bTIuOTIyLTEuMTA5YTEuMDA4IDEuMDA4IDAgMSAxIDAgMi4wMTYgMS4wMDggMS4wMDggMCAwIDEgMC0yLjAxNk0xMC4wMzUgM2E0LjUzIDQuNTMgMCAwIDEgNC41MzQgNC41MzVjMCAzLjIzNC0zLjQyNSA2LjA0NS00LjUzNCA2LjA0Ni0xLjIxIDAtNC41MzUtMi44OTItNC41MzUtNi4wNDZBNC41MyA0LjUzIDAgMCAxIDEwLjAzNSAzbTE0LjAwNiA3Ljc2YTEuMDA4IDEuMDA4IDAgMSAxIDAgMi4wMTUgMS4wMDggMS4wMDggMCAwIDEgMC0yLjAxNU0xMC4wMzUgNC44MTNhMi43MjQgMi43MjQgMCAwIDAtMi43MjIgMi43MjJjMCAxLjg1NCAxLjg0NSAzLjcwOCAyLjcwMiA0LjE2MS44MTYtLjQ0MyAyLjc0LTIuMjI2IDIuNzQtNC4xNmEyLjcyMyAyLjcyMyAwIDAgMC0yLjcyLTIuNzIzbTEyLjk5OCAyLjkyM2ExLjAwOCAxLjAwOCAwIDEgMSAwIDIuMDE2IDEuMDA4IDEuMDA4IDAgMCAxIDAtMi4wMTZNMjAuMTExIDYuNzNhMS4wMDggMS4wMDggMCAxIDEgMCAyLjAxNiAxLjAwOCAxLjAwOCAwIDAgMSAwLTIuMDE2bS0xMC4wNzctLjIwMmExLjAwOCAxLjAwOCAwIDEgMSAwIDIuMDE2IDEuMDA4IDEuMDA4IDAgMCAxIDAtMi4wMTZtNy4wNTQgMGExLjAwOCAxLjAwOCAwIDEgMSAwIDIuMDE2IDEuMDA4IDEuMDA4IDAgMCAxIDAtMi4wMTYiIGZpbGw9IiMwYTFiNjUiLz48L3N2Zz4=); } .aox_icon-parcours_suiviaction-small:after,.aox_icon-parcours_suiviaction-small:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMTYuNzVhMS43NSAxLjc1IDAgMSAxIDAgMy41IDEuNzUgMS43NSAwIDAgMSAwLTMuNW00LjUtMWExLjc1IDEuNzUgMCAxIDEgMCAzLjUgMS43NSAxLjc1IDAgMCAxIDAtMy41bS04LTJhMS43NSAxLjc1IDAgMSAxIDAgMy41IDEuNzUgMS43NSAwIDAgMSAwLTMuNW0zLjUtMy41YTEuNzUgMS43NSAwIDEgMSAwIDMuNSAxLjc1IDEuNzUgMCAwIDEgMC0zLjVtMy41LTMuNWExLjc1IDEuNzUgMCAxIDEgMCAzLjUgMS43NSAxLjc1IDAgMCAxIDAtMy41bS04LTJhMS43NSAxLjc1IDAgMSAxIDAgMy41IDEuNzUgMS43NSAwIDAgMSAwLTMuNW00LjUtMWExLjc1IDEuNzUgMCAxIDEgMCAzLjUgMS43NSAxLjc1IDAgMCAxIDAtMy41IiBmaWxsPSIjMGExYjY1Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMTYuNzVhMS43NSAxLjc1IDAgMSAxIDAgMy41IDEuNzUgMS43NSAwIDAgMSAwLTMuNW00LjUtMWExLjc1IDEuNzUgMCAxIDEgMCAzLjUgMS43NSAxLjc1IDAgMCAxIDAtMy41bS04LTJhMS43NSAxLjc1IDAgMSAxIDAgMy41IDEuNzUgMS43NSAwIDAgMSAwLTMuNW0zLjUtMy41YTEuNzUgMS43NSAwIDEgMSAwIDMuNSAxLjc1IDEuNzUgMCAwIDEgMC0zLjVtMy41LTMuNWExLjc1IDEuNzUgMCAxIDEgMCAzLjUgMS43NSAxLjc1IDAgMCAxIDAtMy41bS04LTJhMS43NSAxLjc1IDAgMSAxIDAgMy41IDEuNzUgMS43NSAwIDAgMSAwLTMuNW00LjUtMWExLjc1IDEuNzUgMCAxIDEgMCAzLjUgMS43NSAxLjc1IDAgMCAxIDAtMy41IiBmaWxsPSIjMGExYjY1Ii8+PC9zdmc+); } .aox_icon-parcours_bilan-medium:after,.aox_icon-parcours_bilan-medium:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj48cGF0aCBkPSJtMjAuMDMyIDExLjY5NyA0LjY0My01LjIwMmEuOTMuOTMgMCAwIDAgLjA4LS45OEEuOTYuOTYgMCAwIDAgMjMuOSA1SDExLjc4OUM4LjcgNSA3IDYuNjcyIDcgOS43MDZ2MTYuMzUzYzAgLjUyLjQyOS45NDEuOTU4Ljk0MWEuOTUuOTUgMCAwIDAgLjk1Ny0uOTQxdi03Ljc5aDE1LjEyOWMuMzYgMCAuNjktLjE5OS44NTItLjUxNWEuOTMuOTMgMCAwIDAtLjA3OS0uOTh6TTguOTE1IDE2LjM4NnYtNi42OGMwLTEuOTc5Ljg2LTIuODI0IDIuODczLTIuODI0SDIyLjAybC0zLjk0OCA0LjI2MmEuOTMuOTMgMCAwIDAgMCAxLjEwNmw0LjA5IDQuMTM2eiIgZmlsbD0iIzBhMWI2NSIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj48cGF0aCBkPSJtMjAuMDMyIDExLjY5NyA0LjY0My01LjIwMmEuOTMuOTMgMCAwIDAgLjA4LS45OEEuOTYuOTYgMCAwIDAgMjMuOSA1SDExLjc4OUM4LjcgNSA3IDYuNjcyIDcgOS43MDZ2MTYuMzUzYzAgLjUyLjQyOS45NDEuOTU4Ljk0MWEuOTUuOTUgMCAwIDAgLjk1Ny0uOTQxdi03Ljc5aDE1LjEyOWMuMzYgMCAuNjktLjE5OS44NTItLjUxNWEuOTMuOTMgMCAwIDAtLjA3OS0uOTh6TTguOTE1IDE2LjM4NnYtNi42OGMwLTEuOTc5Ljg2LTIuODI0IDIuODczLTIuODI0SDIyLjAybC0zLjk0OCA0LjI2MmEuOTMuOTMgMCAwIDAgMCAxLjEwNmw0LjA5IDQuMTM2eiIgZmlsbD0iIzBhMWI2NSIvPjwvc3ZnPg==); } .aox_icon-parcours_bilan-small:after,.aox_icon-parcours_bilan-small:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJtMTYgOSAyLjY3NS0zLjUwNWEuOTMuOTMgMCAwIDAgLjA4LS45OEEuOTYuOTYgMCAwIDAgMTcuOSA0SDlDNi45NTggNCA2IDUgNiA3djEzYzAgLjUyLjQ3MSAxIDEgMXMxLS40OCAxLTF2LTZoMTAuMDQ0Yy4zNiAwIC42OS0uMTk4Ljg1Mi0uNTE0YS45My45MyAwIDAgMC0uMDc5LS45OHoiIGZpbGw9IiMwYTFiNjUiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJtMTYgOSAyLjY3NS0zLjUwNWEuOTMuOTMgMCAwIDAgLjA4LS45OEEuOTYuOTYgMCAwIDAgMTcuOSA0SDlDNi45NTggNCA2IDUgNiA3djEzYzAgLjUyLjQ3MSAxIDEgMXMxLS40OCAxLTF2LTZoMTAuMDQ0Yy4zNiAwIC42OS0uMTk4Ljg1Mi0uNTE0YS45My45MyAwIDAgMC0uMDc5LS45OHoiIGZpbGw9IiMwYTFiNjUiLz48L3N2Zz4=); } /* -------------------------------------------------- */ /* $ > AOX Fluid Core - v1.3.0 - 26/08/25 /* -------------------------------------------------- */ /* 26/08/25 (FJA) - v1.3.0 - Maj variables 03/04/25 (FJA) - v2.2.0 - Ajout fichier Core / Param / Core custom / Param custom */ /* ======================================== */ /* Units /* ======================================== */ /*** Sizes ***/ :root { --aox-2px: calc(var(--aox-1px) * 2); --aox-3px: calc(var(--aox-1px) * 3); --aox-4px: calc(var(--aox-1px) * 4); --aox-5px: calc(var(--aox-1px) * 5); --aox-6px: calc(var(--aox-1px) * 6); --aox-7px: calc(var(--aox-1px) * 7); --aox-8px: calc(var(--aox-1px) * 8); --aox-9px: calc(var(--aox-1px) * 9); --aox-10px: calc(var(--aox-1px) * 10); --aox-11px: calc(var(--aox-1px) * 11); --aox-12px: calc(var(--aox-1px) * 12); --aox-13px: calc(var(--aox-1px) * 13); --aox-14px: calc(var(--aox-1px) * 14); --aox-15px: calc(var(--aox-1px) * 15); --aox-16px: calc(var(--aox-1px) * 16); --aox-17px: calc(var(--aox-1px) * 17); --aox-18px: calc(var(--aox-1px) * 18); --aox-19px: calc(var(--aox-1px) * 19); --aox-20px: calc(var(--aox-1px) * 20); --aox-21px: calc(var(--aox-1px) * 21); --aox-22px: calc(var(--aox-1px) * 22); --aox-23px: calc(var(--aox-1px) * 23); --aox-24px: calc(var(--aox-1px) * 24); --aox-25px: calc(var(--aox-1px) * 25); --aox-26px: calc(var(--aox-1px) * 26); --aox-27px: calc(var(--aox-1px) * 27); --aox-28px: calc(var(--aox-1px) * 28); --aox-29px: calc(var(--aox-1px) * 29); --aox-30px: calc(var(--aox-1px) * 30); --aox-31px: calc(var(--aox-1px) * 31); --aox-32px: calc(var(--aox-1px) * 32); --aox-33px: calc(var(--aox-1px) * 33); --aox-34px: calc(var(--aox-1px) * 34); --aox-35px: calc(var(--aox-1px) * 35); --aox-36px: calc(var(--aox-1px) * 36); --aox-37px: calc(var(--aox-1px) * 37); --aox-38px: calc(var(--aox-1px) * 38); --aox-39px: calc(var(--aox-1px) * 39); --aox-40px: calc(var(--aox-1px) * 40); --aox-41px: calc(var(--aox-1px) * 41); --aox-42px: calc(var(--aox-1px) * 42); --aox-43px: calc(var(--aox-1px) * 43); --aox-44px: calc(var(--aox-1px) * 44); --aox-45px: calc(var(--aox-1px) * 45); --aox-46px: calc(var(--aox-1px) * 46); --aox-47px: calc(var(--aox-1px) * 47); --aox-48px: calc(var(--aox-1px) * 48); --aox-49px: calc(var(--aox-1px) * 49); --aox-50px: calc(var(--aox-1px) * 50); --aox-51px: calc(var(--aox-1px) * 51); --aox-52px: calc(var(--aox-1px) * 52); --aox-53px: calc(var(--aox-1px) * 53); --aox-54px: calc(var(--aox-1px) * 54); --aox-55px: calc(var(--aox-1px) * 55); --aox-56px: calc(var(--aox-1px) * 56); --aox-57px: calc(var(--aox-1px) * 57); --aox-58px: calc(var(--aox-1px) * 58); --aox-59px: calc(var(--aox-1px) * 59); --aox-60px: calc(var(--aox-1px) * 60); --aox-61px: calc(var(--aox-1px) * 61); --aox-62px: calc(var(--aox-1px) * 62); --aox-63px: calc(var(--aox-1px) * 63); --aox-64px: calc(var(--aox-1px) * 64); --aox-65px: calc(var(--aox-1px) * 65); --aox-66px: calc(var(--aox-1px) * 66); --aox-67px: calc(var(--aox-1px) * 67); --aox-68px: calc(var(--aox-1px) * 68); --aox-69px: calc(var(--aox-1px) * 69); --aox-70px: calc(var(--aox-1px) * 70); --aox-71px: calc(var(--aox-1px) * 71); --aox-72px: calc(var(--aox-1px) * 72); --aox-73px: calc(var(--aox-1px) * 73); --aox-74px: calc(var(--aox-1px) * 74); --aox-75px: calc(var(--aox-1px) * 75); --aox-76px: calc(var(--aox-1px) * 76); --aox-77px: calc(var(--aox-1px) * 77); --aox-78px: calc(var(--aox-1px) * 78); --aox-79px: calc(var(--aox-1px) * 79); --aox-80px: calc(var(--aox-1px) * 80); --aox-81px: calc(var(--aox-1px) * 81); --aox-82px: calc(var(--aox-1px) * 82); --aox-83px: calc(var(--aox-1px) * 83); --aox-84px: calc(var(--aox-1px) * 84); --aox-85px: calc(var(--aox-1px) * 85); --aox-86px: calc(var(--aox-1px) * 86); --aox-87px: calc(var(--aox-1px) * 87); --aox-88px: calc(var(--aox-1px) * 88); --aox-89px: calc(var(--aox-1px) * 89); --aox-90px: calc(var(--aox-1px) * 90); --aox-91px: calc(var(--aox-1px) * 91); --aox-92px: calc(var(--aox-1px) * 92); --aox-93px: calc(var(--aox-1px) * 93); --aox-94px: calc(var(--aox-1px) * 94); --aox-95px: calc(var(--aox-1px) * 95); --aox-96px: calc(var(--aox-1px) * 96); --aox-97px: calc(var(--aox-1px) * 97); --aox-98px: calc(var(--aox-1px) * 98); --aox-99px: calc(var(--aox-1px) * 99); --aox-100px: calc(var(--aox-1px) * 100); --aox-105px: calc(var(--aox-1px) * 105); --aox-110px: calc(var(--aox-1px) * 110); --aox-115px: calc(var(--aox-1px) * 115); --aox-120px: calc(var(--aox-1px) * 120); --aox-125px: calc(var(--aox-1px) * 125); --aox-130px: calc(var(--aox-1px) * 130); --aox-135px: calc(var(--aox-1px) * 135); --aox-140px: calc(var(--aox-1px) * 140); --aox-145px: calc(var(--aox-1px) * 145); --aox-150px: calc(var(--aox-1px) * 150); --aox-155px: calc(var(--aox-1px) * 155); --aox-160px: calc(var(--aox-1px) * 160); --aox-165px: calc(var(--aox-1px) * 165); --aox-170px: calc(var(--aox-1px) * 170); --aox-175px: calc(var(--aox-1px) * 175); --aox-180px: calc(var(--aox-1px) * 180); --aox-185px: calc(var(--aox-1px) * 185); --aox-190px: calc(var(--aox-1px) * 190); --aox-195px: calc(var(--aox-1px) * 195); --aox-200px: calc(var(--aox-1px) * 200); --aox-205px: calc(var(--aox-1px) * 205); --aox-210px: calc(var(--aox-1px) * 210); --aox-215px: calc(var(--aox-1px) * 215); --aox-220px: calc(var(--aox-1px) * 220); --aox-225px: calc(var(--aox-1px) * 225); --aox-230px: calc(var(--aox-1px) * 230); --aox-235px: calc(var(--aox-1px) * 235); --aox-240px: calc(var(--aox-1px) * 240); --aox-245px: calc(var(--aox-1px) * 245); --aox-250px: calc(var(--aox-1px) * 250); --aox-255px: calc(var(--aox-1px) * 255); --aox-260px: calc(var(--aox-1px) * 260); --aox-265px: calc(var(--aox-1px) * 265); --aox-270px: calc(var(--aox-1px) * 270); --aox-275px: calc(var(--aox-1px) * 275); --aox-280px: calc(var(--aox-1px) * 280); --aox-285px: calc(var(--aox-1px) * 285); --aox-290px: calc(var(--aox-1px) * 290); --aox-295px: calc(var(--aox-1px) * 295); --aox-300px: calc(var(--aox-1px) * 300); --aox-305px: calc(var(--aox-1px) * 305); --aox-310px: calc(var(--aox-1px) * 310); --aox-315px: calc(var(--aox-1px) * 315); --aox-320px: calc(var(--aox-1px) * 320); --aox-325px: calc(var(--aox-1px) * 325); --aox-330px: calc(var(--aox-1px) * 330); --aox-335px: calc(var(--aox-1px) * 335); --aox-340px: calc(var(--aox-1px) * 340); --aox-345px: calc(var(--aox-1px) * 345); --aox-350px: calc(var(--aox-1px) * 350); --aox-355px: calc(var(--aox-1px) * 355); --aox-360px: calc(var(--aox-1px) * 360); --aox-365px: calc(var(--aox-1px) * 365); --aox-370px: calc(var(--aox-1px) * 370); --aox-375px: calc(var(--aox-1px) * 375); --aox-380px: calc(var(--aox-1px) * 380); --aox-385px: calc(var(--aox-1px) * 385); --aox-390px: calc(var(--aox-1px) * 390); --aox-395px: calc(var(--aox-1px) * 395); --aox-400px: calc(var(--aox-1px) * 400); --aox-405px: calc(var(--aox-1px) * 405); --aox-410px: calc(var(--aox-1px) * 410); --aox-415px: calc(var(--aox-1px) * 415); --aox-420px: calc(var(--aox-1px) * 420); --aox-430px: calc(var(--aox-1px) * 430); --aox-440px: calc(var(--aox-1px) * 440); --aox-450px: calc(var(--aox-1px) * 450); --aox-460px: calc(var(--aox-1px) * 460); --aox-470px: calc(var(--aox-1px) * 470); --aox-480px: calc(var(--aox-1px) * 480); --aox-490px: calc(var(--aox-1px) * 490); --aox-500px: calc(var(--aox-1px) * 500); --aox-510px: calc(var(--aox-1px) * 510); --aox-520px: calc(var(--aox-1px) * 520); --aox-530px: calc(var(--aox-1px) * 530); --aox-540px: calc(var(--aox-1px) * 540); --aox-550px: calc(var(--aox-1px) * 550); --aox-560px: calc(var(--aox-1px) * 560); --aox-570px: calc(var(--aox-1px) * 570); --aox-580px: calc(var(--aox-1px) * 580); --aox-590px: calc(var(--aox-1px) * 590); --aox-600px: calc(var(--aox-1px) * 600); --aox-610px: calc(var(--aox-1px) * 610); --aox-620px: calc(var(--aox-1px) * 620); --aox-630px: calc(var(--aox-1px) * 630); --aox-640px: calc(var(--aox-1px) * 640); --aox-650px: calc(var(--aox-1px) * 650); --aox-660px: calc(var(--aox-1px) * 660); --aox-670px: calc(var(--aox-1px) * 670); --aox-680px: calc(var(--aox-1px) * 680); --aox-690px: calc(var(--aox-1px) * 690); --aox-700px: calc(var(--aox-1px) * 700); --aox-710px: calc(var(--aox-1px) * 710); --aox-720px: calc(var(--aox-1px) * 720); --aox-730px: calc(var(--aox-1px) * 730); --aox-740px: calc(var(--aox-1px) * 740); --aox-750px: calc(var(--aox-1px) * 750); --aox-760px: calc(var(--aox-1px) * 760); --aox-770px: calc(var(--aox-1px) * 770); --aox-780px: calc(var(--aox-1px) * 780); --aox-790px: calc(var(--aox-1px) * 790); --aox-800px: calc(var(--aox-1px) * 800); --aox-810px: calc(var(--aox-1px) * 810); --aox-820px: calc(var(--aox-1px) * 820); --aox-830px: calc(var(--aox-1px) * 830); --aox-840px: calc(var(--aox-1px) * 840); --aox-850px: calc(var(--aox-1px) * 850); --aox-860px: calc(var(--aox-1px) * 860); --aox-870px: calc(var(--aox-1px) * 870); --aox-880px: calc(var(--aox-1px) * 880); --aox-890px: calc(var(--aox-1px) * 890); --aox-900px: calc(var(--aox-1px) * 900); --aox-910px: calc(var(--aox-1px) * 910); --aox-920px: calc(var(--aox-1px) * 920); --aox-930px: calc(var(--aox-1px) * 930); --aox-940px: calc(var(--aox-1px) * 940); --aox-950px: calc(var(--aox-1px) * 950); --aox-960px: calc(var(--aox-1px) * 960); --aox-970px: calc(var(--aox-1px) * 970); --aox-980px: calc(var(--aox-1px) * 980); --aox-990px: calc(var(--aox-1px) * 990); --aox-1000px: calc(var(--aox-1px) * 1000); --aox-1010px: calc(var(--aox-1px) * 1010); --aox-1020px: calc(var(--aox-1px) * 1020); --aox-1030px: calc(var(--aox-1px) * 1030); --aox-1040px: calc(var(--aox-1px) * 1040); --aox-1050px: calc(var(--aox-1px) * 1050); --aox-1060px: calc(var(--aox-1px) * 1060); --aox-1070px: calc(var(--aox-1px) * 1070); --aox-1080px: calc(var(--aox-1px) * 1080); --aox-1090px: calc(var(--aox-1px) * 1090); --aox-1100px: calc(var(--aox-1px) * 1100); --aox-1110px: calc(var(--aox-1px) * 1110); --aox-1120px: calc(var(--aox-1px) * 1120); --aox-1130px: calc(var(--aox-1px) * 1130); --aox-1140px: calc(var(--aox-1px) * 1140); --aox-1150px: calc(var(--aox-1px) * 1150); --aox-1160px: calc(var(--aox-1px) * 1160); --aox-1170px: calc(var(--aox-1px) * 1170); --aox-1180px: calc(var(--aox-1px) * 1180); --aox-1190px: calc(var(--aox-1px) * 1190); --aox-1200px: calc(var(--aox-1px) * 1200); --aox-1210px: calc(var(--aox-1px) * 1210); --aox-1220px: calc(var(--aox-1px) * 1220); --aox-1230px: calc(var(--aox-1px) * 1230); --aox-1240px: calc(var(--aox-1px) * 1240); --aox-1250px: calc(var(--aox-1px) * 1250); --aox-1260px: calc(var(--aox-1px) * 1260); --aox-1270px: calc(var(--aox-1px) * 1270); --aox-1280px: calc(var(--aox-1px) * 1280); --aox-1290px: calc(var(--aox-1px) * 1290); --aox-1300px: calc(var(--aox-1px) * 1300); --aox-1310px: calc(var(--aox-1px) * 1310); --aox-1320px: calc(var(--aox-1px) * 1320); --aox-1330px: calc(var(--aox-1px) * 1330); --aox-1340px: calc(var(--aox-1px) * 1340); --aox-1350px: calc(var(--aox-1px) * 1350); --aox-1360px: calc(var(--aox-1px) * 1360); --aox-1370px: calc(var(--aox-1px) * 1370); --aox-1380px: calc(var(--aox-1px) * 1380); --aox-1390px: calc(var(--aox-1px) * 1390); --aox-1400px: calc(var(--aox-1px) * 1400); --aox-1410px: calc(var(--aox-1px) * 1410); --aox-1420px: calc(var(--aox-1px) * 1420); --aox-1430px: calc(var(--aox-1px) * 1430); --aox-1440px: calc(var(--aox-1px) * 1440); --aox-1450px: calc(var(--aox-1px) * 1450); --aox-1460px: calc(var(--aox-1px) * 1460); --aox-1470px: calc(var(--aox-1px) * 1470); --aox-1480px: calc(var(--aox-1px) * 1480); --aox-1490px: calc(var(--aox-1px) * 1490); --aox-1500px: calc(var(--aox-1px) * 1500); --aox-1510px: calc(var(--aox-1px) * 1510); --aox-1520px: calc(var(--aox-1px) * 1520); --aox-1530px: calc(var(--aox-1px) * 1530); --aox-1540px: calc(var(--aox-1px) * 1540); --aox-1550px: calc(var(--aox-1px) * 1550); --aox-1560px: calc(var(--aox-1px) * 1560); --aox-1570px: calc(var(--aox-1px) * 1570); --aox-1580px: calc(var(--aox-1px) * 1580); --aox-1590px: calc(var(--aox-1px) * 1590); --aox-1600px: calc(var(--aox-1px) * 1600); --aox-1610px: calc(var(--aox-1px) * 1610); --aox-1620px: calc(var(--aox-1px) * 1620); --aox-1630px: calc(var(--aox-1px) * 1630); --aox-1640px: calc(var(--aox-1px) * 1640); --aox-1650px: calc(var(--aox-1px) * 1650); --aox-1660px: calc(var(--aox-1px) * 1660); --aox-1670px: calc(var(--aox-1px) * 1670); --aox-1680px: calc(var(--aox-1px) * 1680); --aox-1690px: calc(var(--aox-1px) * 1690); --aox-1700px: calc(var(--aox-1px) * 1700); --aox-1710px: calc(var(--aox-1px) * 1710); --aox-1720px: calc(var(--aox-1px) * 1720); --aox-1730px: calc(var(--aox-1px) * 1730); --aox-1740px: calc(var(--aox-1px) * 1740); --aox-1750px: calc(var(--aox-1px) * 1750); --aox-1760px: calc(var(--aox-1px) * 1760); --aox-1770px: calc(var(--aox-1px) * 1770); --aox-1780px: calc(var(--aox-1px) * 1780); --aox-1790px: calc(var(--aox-1px) * 1790); --aox-1800px: calc(var(--aox-1px) * 1800); --aox-1810px: calc(var(--aox-1px) * 1810); --aox-1820px: calc(var(--aox-1px) * 1820); --aox-1830px: calc(var(--aox-1px) * 1830); --aox-1840px: calc(var(--aox-1px) * 1840); --aox-1850px: calc(var(--aox-1px) * 1850); --aox-1860px: calc(var(--aox-1px) * 1860); --aox-1870px: calc(var(--aox-1px) * 1870); --aox-1880px: calc(var(--aox-1px) * 1880); --aox-1890px: calc(var(--aox-1px) * 1890); --aox-1900px: calc(var(--aox-1px) * 1900); --aox-1910px: calc(var(--aox-1px) * 1910); --aox-1920px: calc(var(--aox-1px) * 1920); --aox-1024px: calc(var(--aox-1px) * 1024); --aox-1276px: calc(var(--aox-1px) * 1276); --aox-1366px: calc(var(--aox-1px) * 1366); --aox-1536px: calc(var(--aox-1px) * 1536); } /* ======================================== */ /* Grid /* ======================================== */ /*** Calculations ***/ :root { --aox-external-gutter: calc((100vw - var(--aox-grid)) / 2); --aox-col: calc((var(--aox-grid) - (calc(var(--aox-columns) - 1) * var(--aox-gutter))) / var(--aox-columns)); --aox-col-gutter: calc(var(--aox-col) + var(--aox-gutter)); } /*** Sizes ***/ :root { --aox-col-1: calc(var(--aox-col) * 1); --aox-col-2: calc((var(--aox-col) * 2) + (var(--aox-gutter) * 1)); --aox-col-3: calc((var(--aox-col) * 3) + (var(--aox-gutter) * 2)); --aox-col-4: calc((var(--aox-col) * 4) + (var(--aox-gutter) * 3)); --aox-col-5: calc((var(--aox-col) * 5) + (var(--aox-gutter) * 4)); --aox-col-6: calc((var(--aox-col) * 6) + (var(--aox-gutter) * 5)); --aox-col-7: calc((var(--aox-col) * 7) + (var(--aox-gutter) * 6)); --aox-col-8: calc((var(--aox-col) * 8) + (var(--aox-gutter) * 7)); --aox-col-9: calc((var(--aox-col) * 9) + (var(--aox-gutter) * 8)); --aox-col-10: calc((var(--aox-col) * 10) + (var(--aox-gutter) * 9)); --aox-col-11: calc((var(--aox-col) * 11) + (var(--aox-gutter) * 10)); --aox-col-12: calc((var(--aox-col) * 12) + (var(--aox-gutter) * 11)); --aox-col-13: calc((var(--aox-col) * 13) + (var(--aox-gutter) * 12)); --aox-col-14: calc((var(--aox-col) * 14) + (var(--aox-gutter) * 13)); --aox-col-15: calc((var(--aox-col) * 15) + (var(--aox-gutter) * 14)); --aox-col-16: calc((var(--aox-col) * 16) + (var(--aox-gutter) * 15)); } :root { --aox-col-1-gutter: calc(var(--aox-col-1) + var(--aox-gutter)); --aox-col-2-gutter: calc(var(--aox-col-2) + var(--aox-gutter)); --aox-col-3-gutter: calc(var(--aox-col-3) + var(--aox-gutter)); --aox-col-4-gutter: calc(var(--aox-col-4) + var(--aox-gutter)); --aox-col-5-gutter: calc(var(--aox-col-5) + var(--aox-gutter)); --aox-col-6-gutter: calc(var(--aox-col-6) + var(--aox-gutter)); --aox-col-7-gutter: calc(var(--aox-col-7) + var(--aox-gutter)); --aox-col-8-gutter: calc(var(--aox-col-8) + var(--aox-gutter)); --aox-col-9-gutter: calc(var(--aox-col-9) + var(--aox-gutter)); --aox-col-10-gutter: calc(var(--aox-col-10) + var(--aox-gutter)); --aox-col-11-gutter: calc(var(--aox-col-11) + var(--aox-gutter)); --aox-col-12-gutter: calc(var(--aox-col-12) + var(--aox-gutter)); --aox-col-13-gutter: calc(var(--aox-col-13) + var(--aox-gutter)); --aox-col-14-gutter: calc(var(--aox-col-14) + var(--aox-gutter)); --aox-col-15-gutter: calc(var(--aox-col-15) + var(--aox-gutter)); } @media screen and (max-width: 767px) { /*** Calculations ***/ :root { --aox-external-gutter: calc((100vw - var(--aox-grid)) / 2); --aox-col: calc((var(--aox-grid) - (5 * var(--aox-gutter))) / 6); --aox-col-gutter: calc(var(--aox-col) + var(--aox-gutter)); } /*** Sizes ***/ :root { --aox-col-1: calc(var(--aox-col) * 1); --aox-col-2: calc((var(--aox-col) * 2) + (var(--aox-gutter) * 1)); --aox-col-3: calc((var(--aox-col) * 3) + (var(--aox-gutter) * 2)); --aox-col-4: calc((var(--aox-col) * 4) + (var(--aox-gutter) * 3)); --aox-col-5: calc((var(--aox-col) * 5) + (var(--aox-gutter) * 4)); --aox-col-6: calc((var(--aox-col) * 6) + (var(--aox-gutter) * 5)); --aox-col-7: 100%; --aox-col-8: 100%; --aox-col-9: 100%; --aox-col-10: 100%; --aox-col-11: 100%; --aox-col-12: 100%; --aox-col-13: 100%; --aox-col-14: 100%; --aox-col-15: 100%; --aox-col-16: 100%; } } /* ======================================== */ /* Debug /* ======================================== */ .obj_grid-debug { position: fixed; top: 0; left: 0; z-index: 999; height: 100%; width: 100vw; } .obj_grid-debug .ctn_grid-debug { display: flex; flex-direction: row; height: 100%; width: var(--aox-grid); margin: 0 auto; } .obj_grid-debug .ctn_grid-debug > * { position: relative; width: var(--aox-col); border-left: solid 1px rgba(0, 255, 255, 0.3); border-right: solid 1px rgba(0, 255, 255, 0.3); background: rgba(0, 255, 255, 0.15); } .obj_grid-debug .ctn_grid-debug > * + * { margin-left: var(--aox-gutter); } @media screen and (max-width: 767px) { .obj_grid-debug .ctn_grid-debug > * { display: none; } .obj_grid-debug .ctn_grid-debug > *:nth-child(-n+6) { display: block; } } /* ======================================== */ /* Font-sizes /* ======================================== */ /*** Calculations ***/ :root { --aox-fs-resize: calc( (var(--aox-fs-viewport-width) - (var(--aox-fs-min-width) * 1px)) / (var(--aox-fs-max-width) - var(--aox-fs-min-width)) ); } /*** Sizes ***/ :root { --aox-fs-6px: calc((((6 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (6 - (6 * 0.85)) * var(--aox-fs-resize)); --aox-fs-8px: calc((((8 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (8 - (8 * 0.85)) * var(--aox-fs-resize)); --aox-fs-10px: calc((((10 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (10 - (10 * 0.85)) * var(--aox-fs-resize)); --aox-fs-12px: calc((((12 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (12 - (12 * 0.85)) * var(--aox-fs-resize)); --aox-fs-14px: calc((((14 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (14 - (14 * 0.85)) * var(--aox-fs-resize)); --aox-fs-16px: calc((((16 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (16 - (16 * 0.85)) * var(--aox-fs-resize)); --aox-fs-18px: calc((((18 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (18 - (18 * 0.85)) * var(--aox-fs-resize)); --aox-fs-20px: calc((((20 * 0.85) / var(--aox-fs-1rem)) * 1rem) + (20 - (20 * 0.85)) * var(--aox-fs-resize)); --aox-fs-22px: calc((((22 * 0.8) / var(--aox-fs-1rem)) * 1rem) + (22 - (22 * 0.8)) * var(--aox-fs-resize)); --aox-fs-24px: calc((((24 * 0.8) / var(--aox-fs-1rem)) * 1rem) + (24 - (24 * 0.8)) * var(--aox-fs-resize)); --aox-fs-26px: calc((((26 * 0.8) / var(--aox-fs-1rem)) * 1rem) + (26 - (26 * 0.8)) * var(--aox-fs-resize)); --aox-fs-28px: calc((((28 * 0.8) / var(--aox-fs-1rem)) * 1rem) + (28 - (28 * 0.8)) * var(--aox-fs-resize)); --aox-fs-30px: calc((((30 * 0.8) / var(--aox-fs-1rem)) * 1rem) + (30 - (30 * 0.8)) * var(--aox-fs-resize)); --aox-fs-32px: calc((((32 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (32 - (32 * 0.75)) * var(--aox-fs-resize)); --aox-fs-34px: calc((((34 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (34 - (34 * 0.75)) * var(--aox-fs-resize)); --aox-fs-36px: calc((((36 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (36 - (36 * 0.75)) * var(--aox-fs-resize)); --aox-fs-38px: calc((((38 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (38 - (38 * 0.75)) * var(--aox-fs-resize)); --aox-fs-40px: calc((((40 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (40 - (40 * 0.75)) * var(--aox-fs-resize)); --aox-fs-42px: calc((((42 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (42 - (42 * 0.75)) * var(--aox-fs-resize)); --aox-fs-44px: calc((((44 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (44 - (44 * 0.75)) * var(--aox-fs-resize)); --aox-fs-46px: calc((((46 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (46 - (46 * 0.75)) * var(--aox-fs-resize)); --aox-fs-48px: calc((((48 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (48 - (48 * 0.75)) * var(--aox-fs-resize)); --aox-fs-50px: calc((((50 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (50 - (50 * 0.75)) * var(--aox-fs-resize)); --aox-fs-52px: calc((((52 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (52 - (52 * 0.75)) * var(--aox-fs-resize)); --aox-fs-54px: calc((((54 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (54 - (54 * 0.75)) * var(--aox-fs-resize)); --aox-fs-56px: calc((((56 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (56 - (56 * 0.75)) * var(--aox-fs-resize)); --aox-fs-58px: calc((((58 * 0.75) / var(--aox-fs-1rem)) * 1rem) + (58 - (58 * 0.75)) * var(--aox-fs-resize)); --aox-fs-60px: calc((((60 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (60 - (60 * 0.7)) * var(--aox-fs-resize)); --aox-fs-62px: calc((((62 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (62 - (62 * 0.7)) * var(--aox-fs-resize)); --aox-fs-64px: calc((((64 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (64 - (64 * 0.7)) * var(--aox-fs-resize)); --aox-fs-66px: calc((((66 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (66 - (66 * 0.7)) * var(--aox-fs-resize)); --aox-fs-68px: calc((((68 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (68 - (68 * 0.7)) * var(--aox-fs-resize)); --aox-fs-70px: calc((((70 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (70 - (70 * 0.7)) * var(--aox-fs-resize)); --aox-fs-72px: calc((((72 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (72 - (72 * 0.7)) * var(--aox-fs-resize)); --aox-fs-74px: calc((((74 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (74 - (74 * 0.7)) * var(--aox-fs-resize)); --aox-fs-76px: calc((((76 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (76 - (76 * 0.7)) * var(--aox-fs-resize)); --aox-fs-78px: calc((((78 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (78 - (78 * 0.7)) * var(--aox-fs-resize)); --aox-fs-80px: calc((((80 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (80 - (80 * 0.7)) * var(--aox-fs-resize)); --aox-fs-82px: calc((((82 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (82 - (82 * 0.7)) * var(--aox-fs-resize)); --aox-fs-84px: calc((((84 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (84 - (84 * 0.7)) * var(--aox-fs-resize)); --aox-fs-86px: calc((((86 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (86 - (86 * 0.7)) * var(--aox-fs-resize)); --aox-fs-88px: calc((((88 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (88 - (88 * 0.7)) * var(--aox-fs-resize)); --aox-fs-90px: calc((((90 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (90 - (90 * 0.7)) * var(--aox-fs-resize)); --aox-fs-92px: calc((((92 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (92 - (92 * 0.7)) * var(--aox-fs-resize)); --aox-fs-94px: calc((((94 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (94 - (94 * 0.7)) * var(--aox-fs-resize)); --aox-fs-96px: calc((((96 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (96 - (96 * 0.7)) * var(--aox-fs-resize)); --aox-fs-98px: calc((((98 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (98 - (98 * 0.7)) * var(--aox-fs-resize)); --aox-fs-100px: calc((((100 * 0.7) / var(--aox-fs-1rem)) * 1rem) + (100 - (100 * 0.7)) * var(--aox-fs-resize)); --aox-lh-50: 0.5; --aox-lh-60: 0.6; --aox-lh-70: 0.7; --aox-lh-80: 0.8; --aox-lh-90: 0.9; --aox-lh-100: 1; --aox-lh-110: 1.1; --aox-lh-120: 1.2; --aox-lh-130: 1.3; --aox-lh-140: 1.4; --aox-lh-150: 1.5; --aox-lh-160: 1.6; --aox-lh-170: 1.7; --aox-lh-180: 1.8; --aox-lh-190: 1.9; --aox-lh-200: 2; } /*** Utilities ***/ :root .has_accents { --aox-lh-50: 1; --aox-lh-60: 1; --aox-lh-70: 1; --aox-lh-80: 1; --aox-lh-90: 1; } small { font-size: 0.85em; } [data-aox-lc] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } [data-aox-lc="1"] { -webkit-line-clamp: 1; } [data-aox-lc="2"] { -webkit-line-clamp: 2; } [data-aox-lc="3"] { -webkit-line-clamp: 3; } [data-aox-lc="4"] { -webkit-line-clamp: 4; } [data-aox-lc="5"] { -webkit-line-clamp: 5; } [data-aox-lc="6"] { -webkit-line-clamp: 6; } [data-aox-lc="7"] { -webkit-line-clamp: 7; } [data-aox-lc="8"] { -webkit-line-clamp: 8; } [data-aox-lc="9"] { -webkit-line-clamp: 9; } [data-aox-lc="10"] { -webkit-line-clamp: 10; } /* -------------------------------------------------- */ /* $ > AOX Fluid Core Custom - v1.0.0 - 01/01/25 /* -------------------------------------------------- */ /* 01/01/25 (XXX) - v1.0.0 - Lorem ipsum dolor sit amet */ /* ======================================== */ /* Custom /* ======================================== */ /* -------------------------------------------------- */ /* $ > AOX Fluid Param - v1.3.0 - 26/08/25 /* -------------------------------------------------- */ /* 26/08/25 (FJA) - v1.3.0 - Maj variables 03/04/25 (FJA) - v2.2.0 - Ajout fichier Core / Param / Core custom / Param custom */ /* ======================================== */ /* Param /* ======================================== */ /* 1920 > 1366px(*) => Fixed 1365px > 768px => Fluid 767px > 520px => Fixed 519px > 320px => Fluid (*) 1366px = Content = margin left (45px) + content width (1276px) + margin right (45px) ATTENTION : Recopier l'intégralité des variables si besoin de surcharger pour ne pas perturber les calculs */ :root { --aox-1px: 1px; --aox-grid: var(--aox-1276px); --aox-gutter: var(--aox-20px); --aox-columns: 12; --aox-fs-1rem: 16; --aox-fs-viewport-width: 1366px; --aox-fs-max-width: 1366; --aox-fs-min-width: calc(var(--aox-fs-max-width) * 0.75); } /***/ @media screen and (max-width: 1366px) { :root { --aox-1px: calc(100vw / 1366); --aox-fs-viewport-width: 100vw; } } /***/ @media screen and (max-width: 767px) { :root { --aox-1px: calc(520px / 420); --aox-grid: var(--aox-370px); --aox-gutter: var(--aox-20px); --aox-fs-max-width: 420; --aox-fs-min-width: 320; --aox-fs-viewport-width: 520px; } } /***/ @media screen and (max-width: 520px) { :root { --aox-1px: calc(100vw / 420); --aox-fs-viewport-width: 100vw; } } /* -------------------------------------------------- */ /* $ > AOX Fluid Param Custom - v1.0.0 - 01/01/25 /* -------------------------------------------------- */ /* 12/09/25 (KLF) - v1.0.0 - Init */ /* ======================================== */ /* Custom /* ======================================== */ :root { --aox-1px: 1px; --aox-grid: var(--aox-1920px); --aox-gutter: var(--aox-20px); --aox-columns: 12; --aox-fs-1rem: 16; --aox-fs-viewport-width: 1920px; --aox-fs-max-width: 1920; --aox-fs-min-width: calc(var(--aox-fs-max-width) * 0.75); } @media screen and (max-width: 1920px) { :root { --aox-1px: calc(100vw / 1920); --aox-fs-viewport-width: 100vw; } } @media screen and (max-width: 1366px) { :root { --aox-1px: calc(100vw / 1920); --aox-fs-viewport-width: 100vw; } } /***/ @media screen and (max-width: 767px) { :root { --aox-1px: calc(100vw / 1920); --aox-grid: var(--aox-1920px); --aox-gutter: var(--aox-20px); --aox-fs-max-width: 1920; --aox-fs-min-width: calc(var(--aox-fs-max-width) * 0.75); --aox-fs-viewport-width: 100vw; } } /***/ @media screen and (max-width: 520px) { :root { --aox-1px: calc(100vw / 1920); --aox-fs-viewport-width: 100vw; } } /* -------------------------------------------------- */ /* $ > AOX Edito Core /* -------------------------------------------------- */ /* v1.4.0 - 03/09/25 03/09/25 (FJA) - v1.4.0 - Modifs structure edito 26/08/25 (FJA) - v1.3.0 - Maj variables 11/06/25 (FJA) - v1.0.1 - Ajout variables */ /* ======================================== */ /* Core /* ======================================== */ /*** section ***/ .obj_aox-edito .obj_edito-section, .obj_aox-edito .obj_edito-section > * + *, .obj_aox-edito .obj_section { margin-top: var(--aox-edito-gap) !important; } .obj_aox-edito .obj_edito-section:last-child, .obj_aox-edito .obj_section:last-child { margin-bottom: var(--aox-edito-gap) !important; } .obj_aox-edito .obj_edito-section.has_background + .obj_edito-section.has_background { margin-top: 0 !important; } .obj_aox-edito .obj_edito-section { width: 100%; max-width: var(--aox-grid); margin: 0 auto; } /*** row ***/ .obj_aox-edito .obj_edito-section .ctn_edito-row { display: flex; flex-direction: row; gap: var(--aox-edito-gap); width: 100%; } .obj_aox-edito .obj_edito-section .ctn_edito-row .ctn_edito-column { width: 100%; } .obj_aox-edito .obj_edito-section .ctn_edito-row .ctn_edito-column > * + * { margin-top: var(--aox-spacing-8) !important; } /*** toggle ***/ .obj_aox-edito .obj_edito-section .ctn_edito-toggle { width: var(--aox-grid); margin: 0 auto; } .obj_aox-edito .obj_edito-section .ctn_edito-toggle .ctn_edito-toggle-content { display: none; padding-top: var(--aox-spacing-8); } .obj_aox-edito .obj_edito-section .ctn_edito-toggle .ctn_edito-toggle-content > * + * { margin-top: var(--aox-spacing-8) !important; } /*** background ***/ .obj_aox-edito .obj_edito-section .ctn_edito-background { margin-top: 0 !important; } .obj_aox-edito .obj_edito-section.has_background { position: relative; overflow: hidden; max-width: calc(var(--aox-edito-section-background-padding) + var(--aox-grid) + var(--aox-edito-section-background-padding)); padding: var(--aox-edito-section-background-padding); } .obj_aox-edito .obj_edito-section.has_background > .ctn_edito-row { position: relative; z-index: 2; } .obj_aox-edito .obj_edito-section.has_background .ctn_background { position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; margin: 0 !important; } .obj_aox-edito .obj_edito-section.has_background .ctn_background .obj_color { height: 100%; width: 100%; background-color: var(--aox-edito-section-background-color); } .obj_aox-edito .obj_edito-section.has_background .ctn_background .obj_image, .obj_aox-edito .obj_edito-section.has_background .ctn_background .obj_image .ctn_image { height: 100%; width: 100%; } .obj_aox-edito .obj_edito-section.has_background .ctn_background .obj_image .ctn_image img { display: block; height: 100%; width: 100%; object-fit: cover; object-position: center center; } .obj_aox-edito .obj_edito-section.has_background .ctn_background .obj_video { height: 100%; width: 100%; } .obj_aox-edito .obj_edito-section.has_background .ctn_background .obj_video .ctn_video { display: block; height: 100%; width: 100%; object-fit: cover; object-position: center center; } /*** width-extended ***/ .obj_aox-edito .obj_edito-section.has_width-extended { max-width: 100%; padding: var(--aox-edito-section-background-padding) 0; } .obj_aox-edito .obj_edito-section.has_width-extended > .ctn_edito-row { width: var(--aox-grid); margin: 0 auto; } /*** width-full ***/ .obj_aox-edito .obj_edito-section.has_width-full { max-width: 100%; padding: var(--aox-edito-section-background-padding); } .obj_aox-edito .obj_edito-section.has_width-full > .ctn_edito-row { width: 100%; margin: 0 auto; } /*** edito-paragraph ***/ .obj_aox-edito .obj_edito-paragraph .ctn_content .ctn_paragraph { padding-right: var(--aox-gutter); } .obj_aox-edito .obj_edito-paragraph .obj_image { position: relative; overflow: hidden; display: block; height: auto; width: 100%; } .obj_aox-edito .obj_edito-paragraph .obj_image .ctn_image { height: 100%; width: 100%; } .obj_aox-edito .obj_edito-paragraph .obj_image .ctn_image img { display: block; height: 100%; width: 100%; object-fit: cover; object-position: center center; } /*** edito-paragraph_hero ***/ .obj_aox-edito .obj_edito-paragraph.edito-paragraph_hero { background: var(--aox-color-grey-500); } .obj_aox-edito .obj_edito-paragraph.edito-paragraph_hero .ctn_edito-paragraph { padding: var(--aox-spacing-6); text-align: center; } /*** edito-paragraph_text-media ***/ .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_edito-paragraph { display: flex; flex-direction: row; align-items: var(--aox-edito-paragraph-align-items); gap: var(--aox-edito-paragraph-gap); margin: 0 auto; width: 100%; } .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_content { width: var(--aox-edito-paragraph-content-width); } .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_media { width: var(--aox-edito-paragraph-media-width); } .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-left .ctn_edito-paragraph { flex-direction: row-reverse; } .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-top .ctn_edito-paragraph { flex-direction: column-reverse; align-items: flex-start; gap: var(--aox-gutter); } .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-top .ctn_media { width: 100%; } .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-bottom .ctn_edito-paragraph { flex-direction: column; align-items: flex-start; gap: var(--aox-gutter); } .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-bottom .ctn_media { width: 100%; } @media screen and (max-width: 767px) { .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_edito-paragraph { flex-direction: column; align-items: flex-start; gap: var(--aox-edito-paragraph-gap); } .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_content { width: 100%; } .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_media { width: 100%; } .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-left .ctn_edito-paragraph { flex-direction: column; } .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-top .ctn_edito-paragraph, .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-bottom .ctn_edito-paragraph { flex-direction: column; align-items: flex-start; gap: var(--aox-gutter); } } /* -------------------------------------------------- */ /* $ > AOX Edito Core Custom - v1.0.0 - 01/12/25 /* -------------------------------------------------- */ /* 01/12/25 (KLF) - v1.0.0 - Modifs variables */ /* ======================================== */ /* Custom /* ======================================== */ .pg_gifen .obj_aox-edito .ctn_content{ padding: unset; } .pg_gifen .obj_aox-edito .obj_edito-section{ margin: unset; } .pg_gifen .obj_aox-edito .obj_edito-section:first-child{ margin-top: var(--aox-edito-gap-first) !important; } .pg_gifen .obj_aox-edito .obj_text .ctn_text-header > * + *{ margin-top: var(--aox-spacing-xs); } .pg_gifen .obj_aox-edito .obj_text .ctn_text-header .t_title{ letter-spacing: -0.44px; } .pg_gifen .obj_aox-edito .obj_text .ctn_text .t_title{ letter-spacing: -0.36px; } .pg_gifen .obj_aox-edito .obj_text .ctn_text .t_subtitle{ letter-spacing: 1.3px; } .pg_gifen .obj_aox-edito .obj_text .ctn_text ul{ padding-left: 0; } .pg_gifen .obj_aox-edito .obj_text .ctn_text ul li{ list-style-type: none; line-height: var(--aox-lh-140); } .pg_gifen .obj_aox-edito .obj_text .ctn_text ul > li + li { margin-top: var(--aox-4px); } .pg_gifen .obj_aox-edito .obj_edito-paragraph .obj_image .ctn_image{ border-radius: var(--aox-16px); overflow: hidden; } /* Unavailable */ .pg_gifen .obj_aox-edito .obj_edito-section.has_width-extended, .pg_gifen .obj_aox-edito .obj_edito-section.has_width-full{ display: none; } /* -------------------------------------------------- */ /* $ > AOX Edito Param /* -------------------------------------------------- */ /* v1.4.0 - 03/09/25 03/09/25 (FJA) - v1.4.0 - Modifs structure edito 26/08/25 (FJA) - v1.3.0 - Maj variables 11/06/25 (FJA) - v1.0.1 - Ajout variables */ /* ======================================== */ /* Param /* ======================================== */ .obj_aox-edito { --aox-edito-width: var(--aox-grid); --aox-edito-gap: var(--aox-col-1-gutter); --aox-edito-section-background-color: var(--aox-color-grey); --aox-edito-section-background-padding: var(--aox-col); --aox-edito-paragraph-align-items: flex-start; --aox-edito-paragraph-gap: var(--aox-gutter); --aox-edito-paragraph-media-width: var(--aox-col-6); --aox-edito-paragraph-content-width: var(--aox-col-6); } /***/ @media screen and (max-width: 767px) { .obj_aox-edito { --aox-edito-gap: var(--aox-80px); } } /* -------------------------------------------------- */ /* $ > AOX Edito Param Custom - v1.0.0 - 01/12/25 /* -------------------------------------------------- */ /* 01/12/25 (KLF) - v1.0.0 - Modifs variables */ /* ======================================== */ /* Custom /* ======================================== */ .obj_aox-edito { --aox-color-primary: #0A1B65; --aox-grid : var(--aox-1276px); --aox-edito-gap : var(--aox-64px); --aox-edito-gap-first : var(--aox-32px); --aox-edito-section-background-color : rgba(var(--primary-100), 1); /* --aox-edito-section-background-padding: var(--aox-col); --aox-edito-paragraph-align-items: flex-start; */ --aox-edito-paragraph-gap: var(--aox-40px); --aox-edito-paragraph-media-width: 50%; --aox-edito-paragraph-content-width: 50%; --aox-text-gap-s: var(--aox-spacing-s); --aox-text-gap-m: var(--aox-spacing-m); --aox-text-gap-l: var(--aox-spacing-s); --aox-text-gap-xl: var(--aox-spacing-l); /***/ --aox-text-header-surtitle-color: var(--aox-color-primary); --aox-text-header-surtitle-text-transform: none; --aox-text-header-title-font-weight: var(--aox-font-weight-strong); --aox-text-header-title-font-size: var(--aox-fs-22px); --aox-text-header-title-line-height: var(--aox-lh-120); --aox-text-header-title-color: var(--aox-color-primary); --aox-text-title-font-size: var(--aox-fs-18px); --aox-text-title-color: var(--aox-color-primary); --aox-text-subtitle-font-size: var(--aox-fs-14px); --aox-text-subtitle-line-height: var(--aox-lh-100); --aox-text-subtitle-color: var(--aox-color-primary); --aox-text-color: var(--aox-color-primary); --aox-text-link-color: rgba(var(--primary-700), 1); --aox-text-link-text-decoration: underline; --aox-text-link-hover-color: rgba(var(--black), 1); --aox-text-link-hover-text-decoration: none; /* --aox-text-legal-font-size: var(--aox-font-size-small); --aox-text-legal-line-height: var(--aox-line-height); --aox-text-legal-color: var(--aox-color-default); */ } /***/ @media screen and (max-width: 767px) { .obj_aox-edito { /* --aox-edito-gap: var(--aox-80px); */ } } /* -------------------------------------------------- */ /* $ > AOX Form Core /* -------------------------------------------------- */ /* v1.4.2 - 23/10/25 23/10/25 (FJA) - v1.4.2 - Modifs ctn_pattern + ajout variables 14/10/25 (KLF) - v1.4.1 - Modifs obj_aox-single 03/09/25 (FJA) - v1.4.0 - Modifs structure edito 26/08/25 (FJA) - v1.3.0 - Maj variables 11/06/25 (FJA) - v1.0.1 - Ajout variables */ /* ======================================== */ /* .obj_aox-form /* ======================================== */ .obj_aox-form .ctn_aox-form > * + * { margin-top: var(--aox-form-gap-3xl); } /***/ .obj_aox-form .ctn_error p { font-size: var(--aox-font-size-small); color: var(--aox-color-error); } .obj_aox-form .ctn_legal p { font-size: var(--aox-font-size-small); color: var(--aox-color-grey-500); } /* ======================================== */ /* obj_form-hero /* ======================================== */ .obj_aox-form .obj_form-hero { margin-left: auto; margin-right: auto; width: 100%; max-width: var(--aox-form-width); text-align: center; } .obj_aox-form .obj_form-hero .ctn_form-hero { display: flex; flex-direction: column; justify-content: center; } .obj_aox-form .obj_form-hero .ctn_form-hero > * + * { margin-top: var(--aox-form-gap-xl); } .obj_aox-form .obj_form-hero .ctn_form-hero .ctn_text-button { justify-content: center; } /***/ .obj_aox-form .obj_form-hero.has_full-width { max-width: 100%; } .obj_aox-form .obj_form-hero.has_background { padding: var(--aox-form-gap-3xl); background: #F5F5F5; } .obj_aox-form .obj_form-hero.has_background-image { position: relative; overflow: hidden; padding: 0 var(--aox-form-gap-3xl); background: #F5F5F5; } .obj_aox-form .obj_form-hero.has_background-image .ctn_form-hero { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: var(--aox-520px); width: 100%; max-width: var(--aox-form-width); margin: 0 auto; padding: var(--aox-form-gap-3xl) 0; } .obj_aox-form .obj_form-hero.has_background-image .ctn_background { position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; } .obj_aox-form .obj_form-hero.has_background-image .ctn_background img { object-fit: cover; object-position: center center; height: 100%; width: 100%; } /* ======================================== */ /* obj_form-edito /* ======================================== */ .obj_aox-form .obj_form-edito { margin-left: auto; margin-right: auto; width: 100%; max-width: var(--aox-form-width); text-align: left; } .obj_aox-form .obj_form-edito .ctn_form-edito { display: flex; flex-direction: column; align-items: flex-start; } .obj_aox-form .obj_form-edito .ctn_form-edito > * + * { margin-top: var(--aox-form-gap-xl); } /***/ .obj_aox-form .obj_form-edito.has_text-center { text-align: center; } .obj_aox-form .obj_form-edito.has_text-center .ctn_form-edito { align-items: center; } .obj_aox-form .obj_form-edito.has_text-center .ctn_form-edito .obj_text .ctn_text-button { justify-content: center; } .obj_aox-form .obj_form-edito.has_text-right { text-align: right; } .obj_aox-form .obj_form-edito.has_text-right .ctn_form-edito { align-items: flex-end; } .obj_aox-form .obj_form-edito.has_text-right .ctn_form-edito .obj_text .ctn_text-button { justify-content: flex-end; } /***/ .obj_aox-form .obj_form-edito.form-edito_footer { position: relative; margin-top: var(--aox-form-gap-m); } .obj_aox-form .obj_form-edito.form-edito_footer .ctn_form-edito { padding-top: var(--aox-form-gap-l); } .obj_aox-form .obj_form-edito.form-edito_footer .ctn_form-edito::before { content: ""; position: absolute; top: 0; left: 50%; display: block; height: 1px; width: 20%; transform: translateX(-50%); background: var(--aox-color-grey-200); } /* ======================================== */ /* obj_form /* ======================================== */ .obj_aox-form .obj_form { margin-left: auto; margin-right: auto; width: 100%; max-width: var(--aox-form-width); text-align: left; } .obj_aox-form .obj_form + .obj_form { margin-top: var(--aox-form-gap-3xl); } .obj_aox-form .obj_form .ctn_form > * + * { margin-top: var(--aox-form-gap-3xl); } /***/ .obj_aox-form .obj_form-content .ctn_form-content > * + * { margin-top: var(--aox-form-gap-3xl); } /***/ .obj_aox-form .obj_form-fieldset { display: flex; flex-direction: row; gap: var(--aox-form-gap-xl); } .obj_aox-form .obj_form-fieldset .ctn_form-fieldset { width: 100%; } .obj_aox-form .obj_form-fieldset .ctn_form-fieldset > * + * { margin-top: var(--aox-form-gap-xl); } @media screen and (max-width: 767px) { .obj_aox-form .obj_form-fieldset { flex-direction: column; } } /***/ .obj_aox-form .obj_form-element .ctn_form-element { position: relative; display: flex; flex-direction: column; gap: var(--aox-form-gap-m); } .obj_aox-form .obj_form-element.form-element_inline .ctn_form-element { display: flex; flex-direction: row; align-items: center; } .obj_aox-form .obj_form-element.form-element_inline .ctn_label { min-width: 30%; width: 30%; } .obj_aox-form .obj_form-element.form-element_inline .ctn_element { width: 100%; } .obj_aox-form .obj_form-element.form-element_justify .ctn_form-element { display: flex; flex-direction: row; } .obj_aox-form .obj_form-element.form-element_justify .ctn_label { min-width: 30%; width: 30%; } .obj_aox-form .obj_form-element.form-element_justify .ctn_element { width: auto; margin-left: auto; } @media screen and (max-width: 767px) { .obj_aox-form .obj_form-element.form-element_inline .ctn_form-element { flex-direction: column; align-items: center; } .obj_aox-form .obj_form-element.form-element_inline .ctn_label { min-width: 100%; width: 100%; } .obj_aox-form .obj_form-element.form-element_justify .ctn_form-element { flex-direction: column; } .obj_aox-form .obj_form-element.form-element_justify .ctn_label { min-width: 100%; width: 100%; } .obj_aox-form .obj_form-element.form-element_justify .ctn_form-element { width: 100%; margin-left: 0; } } /***/ .obj_aox-form .obj_form-group .ctn_label, .obj_aox-form .obj_form-table .ctn_label, .obj_aox-form .obj_form-element .ctn_label { display: flex; flex-direction: column; gap: var(--aox-form-gap-s); } .obj_aox-form .obj_form-group .ctn_label .t_label, .obj_aox-form .obj_form-table .ctn_label .t_label, .obj_aox-form .obj_form-element .ctn_label .t_label { font-family: var(--aox-form-label-font-family); font-weight: var(--aox-form-label-font-weight); font-size: var(--aox-form-label-font-size); line-height: var(--aox-form-label-line-height); color: var(--aox-form-label-color); } .obj_aox-form .obj_form-group .ctn_label .t_help, .obj_aox-form .obj_form-table .ctn_label .t_help, .obj_aox-form .obj_form-element .ctn_label .t_help { font-family: var(--aox-form-help-font-family); font-weight: var(--aox-form-help-font-weight); font-size: var(--aox-form-help-font-size); line-height: var(--aox-form-help-line-height); color: var(--aox-form-help-color); } .obj_aox-form .obj_form-group .ctn_element > * + *, .obj_aox-form .obj_form-table .ctn_element > * + *, .obj_aox-form .obj_form-element .ctn_element > * + * { margin-top: var(--aox-form-gap-s); } .obj_aox-form .obj_form-row { display: flex; flex-direction: row; flex-wrap: nowrap; gap: var(--aox-form-gap-s); } .obj_aox-form .obj_form-row .ctn_form-row { width: 100%; } .obj_aox-form .obj_form-row.has_space-between .ctn_form-row:last-child { text-align: right; } .obj_aox-form .obj_form-table .ctn_form-table { display: flex; flex-direction: column; gap: var(--aox-form-gap-s); } .obj_aox-form .obj_form-table .ctn_table { display: flex; flex-direction: column; gap: var(--aox-form-gap-s); } .obj_aox-form .obj_form-table .ctn_table > * + * { padding-top: var(--aox-form-gap-s); border-top: solid 1px var(--aox-form-item-border-color); } .obj_aox-form .obj_form-table .ctn_table .ctn_label .t_label { font-size: var(--aox-form-table-label-font-size); } .obj_aox-form .obj_form-table .ctn_table .obj_radios, .obj_aox-form .obj_form-table .ctn_table .obj_checkboxes { gap: var(--aox-form-gap-s); } .obj_aox-form .obj_form-table .ctn_table .obj_radio, .obj_aox-form .obj_form-table .ctn_table .obj_checkbox { width: 100%; } .obj_aox-form .obj_form-table .ctn_table .obj_radio label, .obj_aox-form .obj_form-table .ctn_table .obj_checkbox label { font-size: var(--aox-form-table-item-font-size); } .obj_aox-form .obj_form-group .ctn_form-group { display: flex; flex-direction: column; gap: var(--aox-form-gap-s); } .obj_aox-form .obj_form-group .ctn_group { display: flex; flex-direction: column; gap: var(--aox-form-gap-s); } .obj_aox-form .obj_form-group .ctn_group .ctn_label .t_label { font-size: var(--aox-form-table-item-font-size); } /* ======================================== */ /* obj_form-loader /* ======================================== */ .obj_aox-form .obj_form-loader { height: var(--aox-form-loader-size); width: var(--aox-form-loader-size); border-radius: var(--aox-form-loader-size); border: var(--aox-form-loader-border-size) solid #999999; border-top-color: #333333; animation: loader-rotate-animation 1.5s infinite linear; } @keyframes loader-rotate-animation { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } /* ======================================== */ /* obj_input /* ======================================== */ .obj_aox-form .obj_input { width: 100%; } .obj_aox-form .obj_input > input { display: block; height: auto; margin: 0; width: 100%; padding: var(--aox-form-item-padding); font-weight: var(--aox-form-item-font-weight); font-family: var(--aox-form-item-font-family); font-size: var(--aox-form-item-font-size); line-height: var(--aox-form-item-line-height); color: var(--aox-form-item-color); border-radius: var(--aox-form-item-border-radius); border: solid var(--aox-form-item-border-size) var(--aox-form-item-border-color); background-color: var(--aox-form-item-background-color); outline: none; } .obj_aox-form .obj_input > input::placeholder { opacity: 0.5; color: inherit; } /***/ .obj_aox-form .obj_input.has_input-icon{ position: relative; } .obj_aox-form .obj_input.has_input-icon input { padding-left: var(--aox-icon-input-padding); } .obj_aox-form .obj_input[class*=" aox_icon-"]:before, .obj_aox-form .obj_input[class^=aox_icon-]:before { background-color: var(--aox-icon-input-color); bottom: calc(var(--aox-form-item-padding) / 2); margin: auto; pointer-events: none; position: absolute; left: var(--aox-form-item-padding); top: calc(var(--aox-form-item-padding) / 2); } /* ======================================== */ /* obj_input input_authentication /* ======================================== */ .obj_aox-form .input_authentication { position: relative; } .obj_aox-form .input_authentication .ctn_label .t_help button { color: var(--aox-color-primary); } .obj_aox-form .input_authentication > input { padding-right: calc(var(--aox-form-item-padding) + var(--aox-32px) + var(--aox-form-item-padding)); } .obj_aox-form .input_authentication .ctn_icon { position: absolute; top: 50%; right: var(--aox-form-item-padding); width: var(--aox-32px); transform: translateY(-50%); } .obj_aox-form .input_authentication .ctn_icon svg { display: block; } /* ======================================== */ /* obj_textarea /* ======================================== */ .obj_aox-form .obj_textarea { width: 100%; } .obj_aox-form .obj_textarea > textarea { display: block; min-height: var(--aox-120px); height: auto; width: 100%; margin: 0; padding: var(--aox-form-item-padding); font-weight: var(--aox-form-item-font-weight); font-family: var(--aox-form-item-font-family); font-size: var(--aox-form-item-font-size); line-height: var(--aox-form-item-line-height); color: var(--aox-form-item-color); border-radius: var(--aox-form-item-border-radius); border: solid var(--aox-form-item-border-size) var(--aox-form-item-border-color); background-color: var(--aox-form-item-background-color); outline: none; } .obj_aox-form .obj_textarea > textarea::placeholder { opacity: 0.5; color: inherit; } /* ======================================== */ /* obj_select /* ======================================== */ .obj_aox-form .obj_select { width: 100%; } .obj_aox-form .obj_select > select { display: block; height: auto; width: 100%; margin: 0; padding: var(--aox-form-item-padding); font-weight: var(--aox-form-item-font-weight); font-family: var(--aox-form-item-font-family); font-size: var(--aox-form-item-font-size); line-height: var(--aox-form-item-line-height); color: var(--aox-form-item-color); border-radius: var(--aox-form-item-border-radius); border: solid var(--aox-form-item-border-size) var(--aox-form-item-border-color); background-color: var(--aox-form-item-background-color); outline: none; cursor: pointer; } /* ======================================== */ /* obj_checkboxes /* ======================================== */ .obj_aox-form .obj_checkboxes { display: flex; flex-direction: column; gap: var(--aox-form-gap-m) var(--aox-form-gap-xl); } .obj_aox-form .obj_checkbox { position: relative; display: flex; flex-direction: column; gap: var(--aox-form-gap-m) var(--aox-form-gap-xl); min-height: var(--aox-form-checkbox-size); } .obj_aox-form .obj_checkbox > input { position: absolute; top: 0; left: 0; height: 1px; width: 1px; margin: 0; opacity: 0; } .obj_aox-form .obj_checkbox > label { position: relative; display: block; min-height: var(--aox-form-checkbox-size); min-width: var(--aox-form-checkbox-size); padding-left: calc(var(--aox-form-checkbox-size) + (var(--aox-form-checkbox-size) / 2)); font-weight: var(--aox-form-item-font-weight); font-family: var(--aox-form-item-font-family); font-size: var(--aox-form-item-font-size); line-height: var(--aox-form-checkbox-size); color: var(--aox-form-item-color); cursor: pointer; } .obj_aox-form .obj_checkbox > label::before { content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; display: block; height: var(--aox-form-checkbox-size); width: var(--aox-form-checkbox-size); border: solid var(--aox-form-item-border-size) var(--aox-form-item-border-color); background-color: var(--aox-form-item-background-color); } .obj_aox-form .obj_checkbox > label::after { opacity: 0; content: ""; box-sizing: border-box; position: absolute; top: calc(var(--aox-form-item-border-size) + var(--aox-3px)); left: calc(var(--aox-form-item-border-size) + var(--aox-3px)); display: block; height: calc(var(--aox-form-checkbox-size) - (var(--aox-form-item-border-size) * 2) - var(--aox-6px)); width: calc(var(--aox-form-checkbox-size) - (var(--aox-form-item-border-size) * 2) - var(--aox-6px)); background-color: var(--aox-color-primary); transition: var(--aox-transition-default); } .obj_aox-form .obj_checkbox > label:hover::after, .obj_aox-form .obj_checkbox > input:checked + label::after { opacity: 1; } /***/ .obj_aox-form .obj_checkboxes.checkboxes_inline { flex-direction: row; } @media screen and (max-width: 767px) { .obj_aox-form .obj_checkboxes.checkboxes_inline { flex-direction: column; } } /***/ .obj_aox-form .obj_checkboxes.checkboxes_inline { flex-direction: row; } .obj_aox-form .obj_checkbox.checkbox_only > label { padding-left: 0; } @media screen and (max-width: 767px) { .obj_aox-form .obj_checkboxes.checkboxes_inline { flex-direction: column; } } /* ======================================== */ /* obj_radios /* ======================================== */ .obj_aox-form .obj_radios { display: flex; flex-direction: column; gap: var(--aox-form-gap-m) var(--aox-form-gap-xl); } .obj_aox-form .obj_radio { position: relative; display: flex; flex-direction: column; gap: var(--aox-form-gap-m) var(--aox-form-gap-xl); min-height: var(--aox-form-radio-size); } .obj_aox-form .obj_radio > input { position: absolute; top: 0; left: 0; height: 1px; width: 1px; margin: 0; opacity: 0; } .obj_aox-form .obj_radio > label { position: relative; display: block; min-height: var(--aox-form-radio-size); min-width: var(--aox-form-radio-size); padding-left: calc(var(--aox-form-radio-size) + (var(--aox-form-radio-size) / 2)); font-weight: var(--aox-form-item-font-weight); font-family: var(--aox-form-item-font-family); font-size: var(--aox-form-item-font-size); line-height: var(--aox-form-radio-size); color: var(--aox-form-item-color); cursor: pointer; } .obj_aox-form .obj_radio > label::before { content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; display: block; height: var(--aox-form-radio-size); width: var(--aox-form-radio-size); border: solid var(--aox-form-item-border-size) var(--aox-form-item-border-color); border-radius: 50%; background-color: var(--aox-form-item-background-color); } .obj_aox-form .obj_radio > label::after { opacity: 0; content: ""; box-sizing: border-box; position: absolute; top: calc(var(--aox-form-item-border-size) + var(--aox-3px)); left: calc(var(--aox-form-item-border-size) + var(--aox-3px)); display: block; height: calc(var(--aox-form-radio-size) - (var(--aox-form-item-border-size) * 2) - var(--aox-6px)); width: calc(var(--aox-form-radio-size) - (var(--aox-form-item-border-size) * 2) - var(--aox-6px)); border-radius: 50%; background-color: var(--aox-color-primary); transition: var(--aox-transition-default); } .obj_aox-form .obj_radio > label:hover::after, .obj_aox-form .obj_radio > input:checked + label::after { opacity: 1; } /***/ .obj_aox-form .obj_radios.radios_inline { flex-direction: row; } .obj_aox-form .obj_radio.radio_only > label { padding-left: 0; } @media screen and (max-width: 767px) { .obj_aox-form .obj_radios.radios_inline { flex-direction: column; } } /* ======================================== */ /* obj_feedbacks /* ======================================== */ .obj_aox-form .obj_feedbacks { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--aox-form-gap-m); width: 100%; max-width: var(--aox-460px); } .obj_aox-form .obj_feedbacks .t_scale { display: flex; flex-direction: row; justify-content: space-between; opacity: 0.5; width: 100%; font-size: var(--aox-font-size-small); } .obj_aox-form .obj_feedback { position: relative; width: calc((100% - (var(--aox-form-gap-m) * 4)) / 5); } .obj_aox-form .obj_feedback > input { position: absolute; top: 0; left: 0; height: 1px; width: 1px; margin: 0; opacity: 0; } .obj_aox-form .obj_feedback > label { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 0; width: 100%; padding-top: 100%; border: solid 2px transparent; border-radius: var(--aox-12px); background-color: #F7F7F7; cursor: pointer; transition: var(--aox-transition-default); } .obj_aox-form .obj_feedback > label img, .obj_aox-form .obj_feedback > label svg { position: absolute; z-index: 2; top: 50%; left: 50%; height: 50%; width: 50%; transform: translate(-50%, -50%); } .obj_aox-form .obj_feedback > label::before { opacity: 0; content: ""; position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; background-color: var(--aox-color-primary); } .obj_aox-form .obj_feedback > label:hover, .obj_aox-form .obj_feedback > input:checked + label { border-color: var(--aox-color-primary); background-color: #FFFFFF; } .obj_aox-form .obj_feedback > label:hover::before, .obj_aox-form .obj_feedback > input:checked + label::before { opacity: 0.2; } /* ======================================== */ /* obj_ratings /* ======================================== */ .obj_aox-form .obj_ratings { position: relative; display: flex; flex-direction: row-reverse; justify-content: flex-end; min-height: var(--aox-form-rating-size); } .obj_aox-form .obj_ratings > input { position: absolute; top: 0; left: 0; height: 1px; width: 1px; margin: 0; opacity: 0; } .obj_aox-form .obj_ratings > label { position: relative; padding-left: calc(var(--aox-form-rating-size) + var(--aox-form-gap-m)); color: var(--aox-color-primary); cursor: pointer; border-radius: 50%; } .obj_aox-form .obj_ratings > label svg { box-sizing: border-box; position: absolute; top: 0; left: 0; display: block; height: var(--aox-form-rating-size); width: var(--aox-form-rating-size); fill: var(--aox-form-item-background-color); stroke: var(--aox-form-item-border-color); stroke-width: var(--aox-form-item-border-size); transition: var(--aox-transition-default); } .obj_aox-form .obj_ratings > label:hover svg, .obj_aox-form .obj_ratings > label:hover ~ label svg, .obj_aox-form .obj_ratings > input:checked ~ label svg { fill: var(--aox-color-primary); stroke: var(--aox-color-primary); } /* ======================================== */ /* ctn_pattern /* ======================================== */ .obj_aox-form .ctn_pattern { position: relative; width: 100%; } /***/ .obj_aox-form .ctn_pattern .obj_button.button_switch { z-index: 2; position: absolute; top: calc(var(--aox-65px) * -1); right: var(--aox-form-item-padding); height: var(--aox-30px); width: var(--aox-30px); padding: 0; margin: 0; background: transparent; } .obj_aox-form .ctn_pattern .obj_button.button_switch::after { z-index: 2; content: ""; position: absolute; top: 50%; left: 50%; display: block; height: var(--aox-2px); width: var(--aox-30px); background: var(--aox-color-grey-500); transform: translate(-50%, -50%) rotate(45deg); transition: var(--aox-transition-default); } .obj_aox-form .ctn_pattern .obj_button.button_switch svg { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); fill: var(--aox-color-grey-500); } .obj_aox-form .ctn_pattern .obj_button.button_switch.is_visible::after { opacity: 0; } /***/ .obj_aox-form .ctn_pattern .ctn_progress { position: relative; overflow: hidden; display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 0; padding-right: calc(var(--aox-20px) + var(--aox-form-gap-m)); transition: height 0.4s ease; } .obj_aox-form .ctn_pattern .ctn_progress.is_visible { height: var(--aox-20px); } .obj_aox-form .ctn_pattern .obj_progress { height: var(--aox-4px); width: 33%; border-radius: var(--aox-2px); background: var(--aox-color-error); transition: width var(--aox-transition-timing-function) var(--aox-transition-duration); } .obj_aox-form .ctn_pattern .obj_progress[data-step="ko"] { width: 66%; background: var(--aox-color-warning); } .obj_aox-form .ctn_pattern .obj_progress[data-step="ok"] { width: 100%; background: var(--aox-color-valid); } .obj_aox-form .ctn_pattern .obj_button.button_info { position: absolute; top: 0; right: 0; display: block; height: var(--aox-20px); width: var(--aox-20px); margin: 0; padding: 0; border: none; border-radius: 50%; background-color: var(--aox-color-grey-500); cursor: pointer; } .obj_aox-form .ctn_pattern .obj_button.button_info::after { z-index: 2; content: "?"; position: absolute; height: var(--aox-20px); width: 20px; top: 0; left: 0; font-weight: 700; font-size: var(--aox-12px); line-height: var(--aox-20px); text-align: center; color: var(--aox-color-white); } /***/ .obj_aox-form .ctn_pattern .ctn_infos { overflow: hidden; max-height: 0px; transition: max-height var(--aox-transition-timing-function) var(--aox-transition-duration); } .obj_aox-form .ctn_pattern .ctn_infos.is_visible { max-height: 500px; } .obj_aox-form .ctn_pattern .ctn_infos ul, .obj_aox-form .ctn_pattern .ctn_infos ul li { font-size: var(--aox-font-size-small); line-height: var(--aox-line-height); } .obj_aox-form .ctn_pattern .ctn_infos ul .error { color: var(--aox-color-error); } .obj_aox-form .ctn_pattern .ctn_infos ul .valid { color: var(--aox-color-valid); } /* ======================================== */ /* has_error /* ======================================== */ .obj_aox-form .obj_form .has_error .obj_input > input, .obj_aox-form .obj_form .has_error .obj_textarea > textarea, .obj_aox-form .obj_form .has_error .obj_select > select, .obj_aox-form .obj_form .has_error .obj_checkboxes .obj_checkbox > label::before, .obj_aox-form .obj_form .has_error .obj_radios .obj_radio > label::before { border: solid var(--aox-form-item-border-size-error) var(--aox-color-error); } .obj_aox-form .obj_form .has_error .obj_feedbacks .obj_feedback > label { border: solid 2px var(--aox-color-error); } .obj_aox-form .obj_form .has_error .obj_ratings > label svg { stroke: var(--aox-color-error); } /* ======================================== */ /* obj_authentication /* ======================================== */ .obj_aox-form .obj_authentication { position: absolute; z-index: 99; top: 0; left: calc(100% + var(--aox-32px)); display: flex; flex-direction: row; gap: var(--aox-32px); padding: var(--aox-64px) var(--aox-32px); width: 100%; max-width: var(--aox-400px); color: #fff; border-radius: var(--aox-4px); background: #2a2d33; box-sizing: border-box; } .obj_aox-form .obj_authentication:before { content: ""; position: absolute; top: var(--aox-16px); right: 100%; display: block; height: 0; width: 0; border-style: solid; border-width: var(--aox-8px) var(--aox-8px) var(--aox-8px) 0; border-color: transparent #2a2d33 transparent transparent; } .obj_aox-form .obj_authentication .button_close { position: absolute; height: var(--aox-50px); width: var(--aox-50px); top: 0; right: 0; background: transparent; } .obj_aox-form .obj_authentication .button_close::before, .obj_aox-form .obj_authentication .button_close::after { content: ""; position: absolute; top: 50%; left: 50%; display: block; transform: rotate(45deg); background: #87888c; } .obj_aox-form .obj_authentication .button_close::before { height: 2px; width: 20px; margin: -1px 0 0 -10px; } .obj_aox-form .obj_authentication .button_close::after { height: 20px; width: 2px; margin: -10px 0 0 -1px; } .obj_aox-form .obj_authentication .ctn_nav { display: flex; flex-direction: column; gap: var(--aox-16px); margin: 0; padding: 0; } .obj_aox-form .obj_authentication .ctn_nav li { font-size: var(--aox-font-size-small); color: #787e8e; } .obj_aox-form .obj_authentication .ctn_nav .active { color: #fff; } .obj_aox-form .obj_authentication .ctn_steps { position: relative; } .obj_aox-form .obj_authentication .ctn_step > * + * { margin-top : var(--aox-form-gap-m); } .obj_aox-form .obj_authentication .ctn_step .t_title { font-size: var(--aox-fs-12px); text-transform: uppercase; } .obj_aox-form .obj_authentication .ctn_step p { font-size: var(--aox-fs-14px); line-height: var(--aox-lh-140); } .obj_aox-form .obj_authentication .ctn_step .ctn_image { overflow: hidden; display: block; height: auto; width: var(--aox-135px); border-radius: var(--aox-8px); background-color: white; } .obj_aox-form .obj_authentication .ctn_step .ctn_image.image_store { height: var(--aox-96px); width: var(--aox-96px); padding: var(--aox-16px); } .obj_aox-form .obj_authentication .ctn_step .ctn_image img, .obj_aox-form .obj_authentication .ctn_step .ctn_image svg { display: block; height: 100%; width: 100%; object-fit: contain; object-position: center center; } .obj_aox-form .obj_authentication .ctn_step .ctn_button { margin-top: var(--aox-form-gap-xl); } .obj_aox-form .obj_authentication .ctn_step .ctn_button .button_default-form { color: white; border-color: white; } .obj_aox-form .obj_authentication .ctn_step .t_documentation { opacity: 0.5; font-size: var(--aox-font-size-small); } .obj_aox-form .obj_authentication .ctn_step .t_documentation a { color: inherit; } /***/ @media screen and (max-width: 767px) { .obj_aox-form .obj_authentication { position: relative; left: auto; max-width: var(--aox-grid); } .obj_aox-form .obj_authentication:before { content: ""; position: absolute; top: auto; bottom: 100%; left: var(--aox-16px); right: auto; border-width: 0 var(--aox-8px) var(--aox-8px) var(--aox-8px); border-color: transparent transparent #2a2d33 transparent; } } /* -------------------------------------------------- */ /* $ > AOX Form Core Custom - v1.0.0 - 01/01/25 /* -------------------------------------------------- */ /* 01/01/25 (XXX) - v1.0.0 - Lorem ipsum dolor sit amet */ /* ======================================== */ /* Custom /* ======================================== */ /* -------------------------------------------------- */ /* $ > AOX Form Param /* -------------------------------------------------- */ /* v1.4.1 - 14/10/25 14/10/25 (KLF) - v1.4.1 - Modifs obj_aox-single 03/09/25 (FJA) - v1.4.0 - Modifs structure edito 26/08/25 (FJA) - v1.3.0 - Maj variables 11/06/25 (FJA) - v1.0.1 - Ajout variables */ /* ======================================== */ /* Param /* ======================================== */ .obj_aox-form { --aox-form-width: var(--aox-col-8); --aox-form-gap-s: var(--aox-spacing-s); --aox-form-gap-m: var(--aox-spacing-m); --aox-form-gap-l: var(--aox-spacing-l); --aox-form-gap-xl: var(--aox-spacing-xl); --aox-form-gap-3xl: var(--aox-spacing-3xl); --aox-form-label-font-family: var(--aox-font-family); --aox-form-label-font-weight: var(--aox-font-weight); --aox-form-label-font-size: var(--aox-font-size); --aox-form-label-line-height: var(--aox-line-height); --aox-form-label-color: var(--aox-color-default); --aox-form-help-font-family: var(--aox-font-family); --aox-form-help-font-weight: var(--aox-font-weight); --aox-form-help-font-size: var(--aox-font-size-small); --aox-form-help-line-height: var(--aox-line-height); --aox-form-help-color: var(--aox-color-grey-500); --aox-form-item-padding: var(--aox-20px); --aox-form-item-font-family: var(--aox-font-family); --aox-form-item-font-weight: var(--aox-font-weight); --aox-form-item-font-size: var(--aox-font-size); --aox-form-item-line-height: var(--aox-line-height); --aox-form-item-color: var(--aox-color-default); --aox-form-item-border-size: 1px; --aox-form-item-border-size-error: var(--aox-form-item-border-size); --aox-form-item-border-radius: 0px; --aox-form-item-border-color: var(--aox-color-grey-500); --aox-form-item-background-color: var(--aox-color-white); --aox-form-checkbox-size: var(--aox-20px); --aox-form-radio-size: var(--aox-20px); --aox-form-rating-size: var(--aox-20px); --aox-form-table-label-font-size: var(--aox-font-size); --aox-form-table-item-font-size: var(--aox-font-size-small); --aox-form-loader-size: var(--aox-20px); --aox-form-loader-border-size: var(--aox-4px); --aox-icon-input-size: var(--aox-icon-size-m); --aox-icon-input-padding: calc(3 * var(--aox-form-item-padding)); --aox-icon-input-color: var(--aox-color-grey-600); } /***/ @media screen and (max-width: 767px) { .obj_aox-form { --aox-form-width: var(--aox-grid); } } /* -------------------------------------------------- */ /* $ > AOX Form Core Custom - v1.0.0 - 01/01/25 /* -------------------------------------------------- */ /* 01/01/25 (XXX) - v1.0.0 - Lorem ipsum dolor sit amet */ /* ======================================== */ /* Custom /* ======================================== */ :root { /*** transition ***/ --aox-form-spacing-xs: var(--aox-4px); --aox-form-spacing-s: var(--aox-16px); --aox-form-spacing: var(--aox-32px); --aox-form-spacing-l: var(--aox-64px); --aox-form-spacing-xl: var(--aox-96px); --aox-form-font-weight: 400; --aox-form-font-weight-strong: 700; --aox-form-font-size: var(--aox-fs-16px); --aox-form-font-size-small: var(--aox-fs-12px); --aox-form-line-height: var(--aox-lh-120); --aox-form-item-border-color: #CCCCCC; --aox-form-item-background-color: #FFFFFF; --aox-form-checkbox-radio-size: var(--aox-24px); /***/ --aox-form-max-width: unset; --aox-form-color-primary: rgba(var(--primary-700), 1); --aox-form-color-secondary: rgba(var(--primary-700), 1); --aox-form-color-error: rgba(var(--error-400), 1); --aox-form-color-step: rgba(var(--primary-400), 1); --aox-form-spacing-xs: var(--aox-8px); --aox-form-spacing-s : var(--aox-12px); --aox-form-font-family: "century-gothic", sans-serif; --aox-form-title-font-size: var(--aox-form-font-size); --aox-form-label-font-family: "century-gothic", sans-serif; --aox-form-label-font-weight: 700; --aox-form-label-font-size: var(--aox-fs-22px); --aox-form-sublabel-font-family: "century-gothic", sans-serif; --aox-form-step-font-family: "century-gothic", sans-serif; --aox-form-step-font-weight: 700; --aox-form-step-font-size: var(--aox-fs-16px); --aox-form-step-line-height: var(--aox-lh-120); --aox-form-item-padding: var(--aox-24px); --aox-form-item-border-size: 2px; --aox-form-radio-size: var(--aox-24px); --aox-form-rating-size: var(--aox-30px); /***/ --aox-form-button-padding: var(--aox-16px) var(--aox-32px); --aox-form-button-font-family: "Arial"; --aox-form-button-font-weight: 700; --aox-form-button-font-size: var(--aox-fs-16px); --aox-form-button-line-height: var(--aox-lh-100); --aox-form-button-color: var(--aox-form-color-primary); --aox-form-button-border-size: 2px; --aox-form-button-border-radius: 40px; --aox-form-button-border-color: var(--aox-form-color-primary); --aox-form-button-background-color: transparent; --aox-form-button-hover-color: var(--aox-form-color-secondary); --aox-form-button-hover-border-color: var(--aox-form-color-secondary); --aox-form-button-hover-background-color: transparent; --aox-form-button-disabled-color: #CCCCCC; --aox-form-button-disabled-border-color: #CCCCCC; --aox-form-button-disabled-background-color: transparent; --aox-form-loader-size: var(--aox-20px); --aox-form-loader-border-size: var(--aox-4px); /***/ --aox-form-edito-logo: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDMxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBpZD0iQ2FscXVlXzEiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80NTJfMjIyOCkiPgo8ZyBpZD0ibG9nbyI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik00Ni4yNTkzIDEyLjcxNzRINDYuMzAyMVYyOC43NTM0SDUwLjkxMjdWMTIuNjc0NUg1Ni4xNTRWOC44NjYwM0g1MC44MjdWNy43NDU1M0M1MC44MjcgNS43MzEwOCA1MS42NzgxIDQuNzAyNDIgNTMuNDcyMSA0LjcwMjQyQzUzLjkzNzUgNC43MDI0MiA1NC40MDI4IDQuNzQ1MjggNTQuODYyIDQuODM3MTNDNTUuMjY2MSA0LjkyODk3IDU1LjcxMzEgNS4wNjM2OCA1Ni4xNjAxIDUuMTkyMjZWMS4zNDcwNUM1NS42Mjc0IDEuMTkzOTcgNTUuMDg4NiAxLjA3NzY0IDU0LjU0OTcgMC45ODU3OTNDNTMuOTY4MSAwLjg5Mzk0OSA1My4yNTE3IDAuODUxMDg4IDUyLjQ0MzUgMC44NTEwODhDNTAuNTIwOCAwLjg1MTA4OCA0OC45OTYyIDEuMzg5OTEgNDcuOTE4NiAyLjQ2MTQyQzQ2Ljc5ODEgMy41MzkwNiA0Ni4yNTkzIDUuMTkyMjYgNDYuMjU5MyA3LjQzMzI2VjguODY2MDNINDMuNzA2VjEyLjcxNzRINDYuMjU5M1pNNzMuMjYxNSAxNy40MTk4SDYzLjAwNTVDNjMuMjMyMSAxNS44NTIzIDYzLjc2NDggMTQuNTk3MSA2NC43MDc3IDEzLjYxMTNDNjUuNjAxNyAxMi42MjU1IDY2Ljc2NSAxMi4xMzU3IDY4LjE5NzggMTIuMTM1N0M2OC45NTcgMTIuMTM1NyA2OS42MzA2IDEyLjI3MDQgNzAuMjEyMiAxMi41Mzk4QzcwLjc5MzkgMTIuODA5MiA3MS4yODk5IDEzLjIxMzMgNzEuNzM2OSAxMy42NjAzQzcyLjE4MzggMTQuMTA3MyA3Mi40OTYxIDE0LjY4OSA3Mi43NjU1IDE1LjMxOTZDNzMuMDM0OSAxNS45NDQyIDczLjE2OTYgMTYuNjYwNSA3My4yNTU0IDE3LjM3NjlWMTcuNDE5OEg3My4yNjE1Wk02OC42OTM4IDI5LjI0MzJDNzAuNTMwNiAyOS4yNDMyIDcyLjE0MSAyOC44ODgxIDczLjQzOSAyOC4yMTQ1Qzc0Ljc2MTYgMjcuNTQ3MSA3NS45MzcyIDI2LjYyMjYgNzYuODg2MyAyNS40ODM3TDc0LjE5ODMgMjMuMTA4QzczLjM5MDEgMjMuOTE2MiA3Mi41ODggMjQuNDk3OSA3MS43MzY5IDI0Ljg5NTlDNzAuODg1OCAyNS4zIDY5LjkgMjUuNTIwNCA2OC43Nzk1IDI1LjUyMDRDNjcuMjk3NyAyNS41MjA0IDY1Ljk5OTcgMjUuMDczNSA2NC45NzEgMjQuMjIyNEM2My44OTk1IDIzLjM3MTMgNjMuMjY4OCAyMi4xMTYxIDYyLjk5OTQgMjAuNDYyOUg3Ny43MzEyQzc3LjczMTIgMjAuMjM2MyA3Ny43NzQxIDIwLjAxNTkgNzcuNzc0MSAxOS43ODk0VjE5LjE2NDhDNzcuNzc0MSAxNy43MzIxIDc3LjU0NzUgMTYuMzQyMSA3Ny4xNDk2IDE1LjA0NDFDNzYuNzQ1NCAxMy43NDYgNzYuMTYzOCAxMi41ODI3IDc1LjM2MTcgMTEuNTk2OUM3NC41NTk1IDEwLjYxMTEgNzMuNTY3NiA5LjgwMjg0IDcyLjM2MTQgOS4yMjExNkM3MS4xNTUyIDguNjM5NDggNjkuNzY1MyA4LjMyNzIxIDY4LjE1NDkgOC4zMjcyMUM2Ni43MjIyIDguMzI3MjEgNjUuNDI0MSA4LjU5NjYyIDY0LjIxMTggOS4xMzU0NEM2My4wNDg0IDkuNjc0MjYgNjEuOTcwOCAxMC40MzM1IDYxLjExOTcgMTEuMzc2NEM2MC4yNjg2IDEyLjMxMzIgNTkuNTk1MSAxMy40MzM3IDU5LjEwNTIgMTQuNjg5QzU4LjYxNTQgMTUuOTg3IDU4LjM4ODggMTcuMzM0MSA1OC4zODg4IDE4Ljc2NjhWMTguODU4N0M1OC4zODg4IDIwLjQyNjIgNTguNjU4MiAyMS44MTYxIDU5LjE5NzEgMjMuMTE0MUM1OS43MzU5IDI0LjM2OTMgNjAuNDUyMyAyNS40ODk4IDYxLjM4OTEgMjYuMzgzOEM2Mi4zMjU5IDI3LjI3NzcgNjMuNDAzNSAyNy45OTQxIDY0LjY1ODcgMjguNDkwMUM2NS45MTM5IDI4Ljk3OTkgNjcuMjU0OSAyOS4yNDkzIDY4LjY4NzYgMjkuMjQ5M004Mi4wMzU3IDguNzM3NDVWMjguODAyM0g4Ni42NDYyVjE3LjUxNzhDODYuNjQ2MiAxNS45NTAzIDg3LjA5MzIgMTQuNjk1MSA4Ny45MDE0IDEzLjg0NEM4OC43MDk3IDEyLjk5MjkgODkuNzgxMiAxMi41NDU5IDkxLjEyODIgMTIuNTQ1OUM5Mi40NzUzIDEyLjU0NTkgOTMuNTAzOSAxMi45NSA5NC4yNjMyIDEzLjgwMTFDOTUuMDIyNCAxNC42NTIyIDk1LjM4MzcgMTUuODU4NCA5NS4zODM3IDE3LjQyNTlWMjguODAyM0g5OS45OTQzVjE2LjAzNkM5OS45OTQzIDEzLjcwOTMgOTkuNDEyNiAxMS44MjM0IDk4LjE1NzQgMTAuNDM5NkM5Ni45NTEyIDkuMDQ5NzIgOTUuMiA4LjMzMzMzIDkyLjkxNjEgOC4zMzMzM0M5Mi4xMDc5IDguMzMzMzMgOTEuNDQwNSA4LjM3NjE5IDkwLjgwOTggOC42MDI3NEM5MC4xODUzIDguODI5MjkgODkuNjQ2NSA5LjA5ODcgODkuMTA3NyA5LjQxMDk3Qzg4LjYxNzggOS43MjMyNCA4OC4xNzA5IDEwLjEyNzQgODcuNzY2NyAxMC41MzE1Qzg3LjM2MjYgMTAuOTQxNyA4Ny4wMDE0IDExLjM4ODcgODYuNjk1MiAxMS44Nzg1VjguNzQzNTdIODIuMDM1N1Y4LjczNzQ1Wk0zNC4yNTgzIDI4Ljc1MzRIMzguOTE3OVY4LjYwMjc0SDM0LjI1ODNWMjguNzUzNFpNMzkuNDk5NSAzLjU4MTkyQzM5LjQ5MzQgMi4wNTExOSAzOC4yNTA1IDAuODE0MzUgMzYuNzI1OCAwLjgwODIyOEMzNS4xOTUxIDAuODE0MzUgMzMuOTU4MyAyLjA1NzMxIDMzLjk1MjEgMy41ODE5MkMzMy45NTgzIDUuMTEyNjYgMzUuMTk1MSA2LjM0OTUgMzYuNzI1OCA2LjM1NTYyQzM4LjI1NjYgNi4zNDk1IDM5LjQ5MzQgNS4xMDY1NCAzOS40OTk1IDMuNTgxOTJaIiBmaWxsPSIjMjIzOTc4Ii8+CjwvZz4KPHBhdGggaWQ9IlZlY3Rvcl8yIiBkPSJNMzAuMTM3NCAxNC43Mzc5SDIwLjU1NVYxNS4wOTMxQzIwLjU1NSAxOC4xMyAxOC4wOTM2IDIwLjU5NzYgMTUuMDU2NiAyMC42MDM3QzE1LjA1NjYgMjAuNjAzNyAxNS4wNTY2IDIwLjYwMzcgMTUuMDUwNSAyMC42MDM3QzEzLjQwMzQgMjAuNjAzNyAxMS44OTcyIDE5LjkzNjMgMTAuODU2MyAxOC42NTY2TDUuOTE1MDQgMjMuNTU1QzguNzU2MDkgMjYuNjIyNiAxMC45MTc1IDI2Ljk3MTYgMTUuMDkzMyAyNi45NTkzQzI2LjkxNjcgMjYuOTU5MyAyNy4xMjQ5IDE0Ljg2NjUgMjcuMDc1OSAxNC43MzE4IiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBpZD0iVmVjdG9yXzMiIGQ9Ik0xNS4wOTMxIDkuNjMxNEMxNi40MzQgOS42MzE0IDE3LjY0NjQgMTAuMTIxMiAxOC41ODMyIDEwLjg4NjZMMjIuOTQyNyA2LjUyNzA2QzIwLjI1NDggNC4wMTY2NSAxOS4wNzkyIDMuMDYxNDcgMTUuMDkzMSAzLjA2MTQ3QzYuODUxNjMgMy4xMDQzMyAzLjIzOTA5IDYuNTgyMTcgMy4wNjE1MiAxNC43MzE4SDkuNTgyNDZDOS44MDI4OSAxMS44NTQgMTIuMjAzMSA5LjYyNTI3IDE1LjA5MzEgOS42MjUyNyIgZmlsbD0id2hpdGUiLz4KPHBhdGggaWQ9IlZlY3Rvcl80IiBkPSJNMTUuMDkzMSA4LjA2MzkyQzExLjMzMzYgOC4wNjM5MiA4LjI0MTQ5IDExLjAyMTMgOC4wNjM5MiAxNC43Mzc5SDBDMC4xNzc1NjYgNi41ODIxNyA2Ljg1MTU4IDAuMDQ4OTgzNiAxNS4wOTMxIDBDMTguOTE5OSAwIDIyLjU5OTggMS40NTcyNiAyNS4zOTE5IDQuMDc3ODhMMTkuNzAzNiA5Ljc2NjFDMTguNDQ4NCA4LjY4ODQ2IDE2LjgzODEgOC4wNjM5MiAxNS4wOTMxIDguMDYzOTJaIiBmaWxsPSIjRkYwMDJDIi8+CjxwYXRoIGlkPSJWZWN0b3JfNSIgZD0iTTMwLjEzNjcgMTQuNzM3OUMzMC4xNzk1IDE0Ljg3MjYgMzAuMTc5NSAxNS4wMDczIDMwLjE3OTUgMTUuMDkzMUMzMC4xNzk1IDIzLjQyMDMgMjMuNDE5OCAzMC4xODYxIDE1LjA4NjUgMzAuMTg2MUMxMC45MDQ1IDMwLjE5ODQgNi45MTIzNCAyOC40NTk1IDQuMDcxMjkgMjUuMzkxOUw5LjgwMjM3IDE5LjcwMzZDMTEuMTI0OSAyMS4yNzExIDEzLjA3ODEgMjIuMTc3MyAxNS4xMjkzIDIyLjE2NTFDMTguMDM3NyAyMi4xNjUxIDIwLjU0ODEgMjAuMzcxIDIxLjYxOTcgMTcuODE3OEgxNC45MDI4VjE0LjcyNTdIMzAuMTMwNiIgZmlsbD0iIzIyMzk3OCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ1Ml8yMjI4Ij4KPHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIzMC4xODYxIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat center center / contain transparent; } /* ======================================== */ /* reset /* ======================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block; } body{ line-height:1; } ol, ul{ list-style:none; } blockquote, q{ quotes:none; } blockquote:before, blockquote:after, q:before, q:after{ content:""; content:none; } table{ border-collapse:collapse; border-spacing:0; } *{ box-sizing:border-box; } html{ /* font-size:62.5%; */ font-family:"century-gothic", sans-serif; font-weight:400; } a{ color:inherit; text-decoration:none; outline:none; cursor:pointer; } img{ display:block; width:auto; height:auto; } /* input{ outline:none; font-family:"century-gothic", sans-serif; font-weight:400; letter-spacing:0.05em; } button{ margin:0; padding:0; border:none; outline:none; background:none; cursor:pointer; font-family:"century-gothic", sans-serif; font-weight:400; } */ ::-webkit-scrollbar{ -webkit-appearance:none; } ::-webkit-scrollbar:vertical{ width:10px; } ::-webkit-scrollbar:horizontal{ height:10px; } ::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.2); border-radius:10px; border:2px solid #fff; } ::-webkit-scrollbar-track{ border-radius:10px; background-color:#fff; } sup{ position:relative; top:-0.7em; font-size:0.5em; } input::-ms-reveal, input::-ms-clear{ display: none; } a, button{ color:#000; } picture, img { display: block; max-width: 100%; } @media screen and (min-width:1025px){ /* a, button{ transition:all .3s ease; } */ } body { min-width: 100vw; min-height: 100vh; position: relative; overflow-x: hidden; background-image: linear-gradient(149.81deg, #FFFFFF 18.39%, rgba(118, 132, 171, 0.410165) 57.38%, rgba(127, 69, 201, 0.15) 87.39%) !important; background-attachment: fixed !important; background-position: center; background-repeat: no-repeat; } strong, b{ font-weight: 700; } i, em{ font-style: italic; } ul { margin: 0; list-style-type: disc; margin-top: var(--aox-10px); padding-left: var(--aox-20px); } li { font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); list-style-type: disc; } li li { list-style-type: square; } ol { margin: 0; list-style-type: decimal; margin-top: var(--aox-10px); padding-left: var(--aox-20px); } ol li { list-style-type: decimal; } sub { vertical-align: sub; font-size: smaller; } sup { position: relative; display: inline; font-weight: inherit; font-size: 0.5em; vertical-align: super; top: -.3em; } u { text-decoration: underline; } a{ font-weight: 400; color: inherit; text-decoration: underline; cursor:pointer; outline:none; transition:all .5s ease; } a:hover{ text-decoration: none; } /****/ /***** Nettoyage des FLOAT *****/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /***** Tableaux *****/ table { border-collapse: collapse; padding: 0; margin: 0; width: 100%; } .left { float: left; } /* ======================================== */ /* Variables /* ======================================== */ :root{ --white: 255, 255, 255; --black: 0, 0, 0; --primary-100: 241, 242, 246; --primary-150: 231, 233, 240; --primary-200: 203, 209, 230; --primary-400: 24, 49, 159; --primary-700: 10, 27, 101; --secondary-400: 4, 11, 44; --tertiary-50: 243, 246, 245; --tertiary-100: 222, 237, 235; --tertiary-400: 72, 140, 129; --green-400: 23, 163, 69; --error-400: 255, 0, 44; --orange-400: 250, 146, 71; --purple-400: 119, 70, 255; --blue-highlight-400: 64, 173, 214; --gold-300: 230, 206, 156; --silver-300: 214, 220, 226; --bronze-300: 233, 190, 170; --cyan-400: 38, 216, 255; --blue-400: 0, 133, 183; /* Colors */ --color_project-manager-primary: 24, 49, 159; --color_project-owner-primary: 64, 173, 214; /* Spacing */ --aox-spacing-3xs: var(--aox-2px); --aox-spacing-2xs: var(--aox-4px); --aox-spacing-xs: var(--aox-8px); --aox-spacing-sm: var(--aox-12px); --aox-spacing-md: var(--aox-16px); --aox-spacing-lg: var(--aox-24px); --aox-spacing-xl: var(--aox-32px); --aox-spacing-2xl: var(--aox-48px); --aox-spacing-3xl: var(--aox-64px); --aox-spacing-4xl: var(--aox-72px); --aox-spacing-5xl: var(--aox-96px); --aox-spacing-6xl: calc(var(--aox-100px) + var(--aox-28px)); } /* Styles */ .t_xl { font-weight: 700; font-size: var(--aox-fs-46px); line-height: var(--aox-lh-120); } .t_lg { font-weight: 400; font-size: var(--aox-fs-36px); line-height: var(--aox-lh-120); } .t_md { font-weight: 700; font-size: var(--aox-fs-28px); line-height: var(--aox-lh-120); } .t_sm { font-weight: 700; font-size: var(--aox-fs-24px); line-height: var(--aox-lh-120); } .t_xs { font-weight: 700; font-size: var(--aox-fs-18px); line-height: var(--aox-lh-130); } .t_2xs { font-weight: 700; font-size: var(--aox-fs-14px); line-height: var(--aox-lh-100); text-transform: uppercase; } .p_lg { font-weight: 400; font-size: var(--aox-fs-20px); line-height: var(--aox-lh-130); } .p_md { font-weight: 400; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-130); } .p_sm { font-weight: 400; font-size: var(--aox-fs-14px); line-height: var(--aox-lh-130); } .p_xs { font-weight: 400; font-size: var(--aox-fs-12px); line-height: var(--aox-lh-130); } @media screen and (max-width: 767px) { .t_xl { font-weight: 700; font-size: var(--aox-fs-28px); } .t_lg { font-weight: 400; font-size: var(--aox-fs-24px); } .t_md { font-weight: 700; font-size: var(--aox-fs-22px); } .t_sm { font-weight: 700; font-size: var(--aox-fs-20px); } .t_xs { font-weight: 700; font-size: var(--aox-fs-16px); } .t_2xs { font-weight: 700; font-size: var(--aox-fs-12px); } } @media screen and (min-width: 768px) { :root { --font-size-body-xxs: 10px; --font-size-body-xs: 12px; --font-size-body-sm: 14px; --font-size-body-md: 16px; --font-size-body-lg: 20px; --font-size-heading-xxs: 18px; --font-size-heading-xs: 20px; --font-size-heading-sm: 24px; --font-size-heading-md: 28px; --font-size-heading-lg: 36px; --font-size-heading-xl: 46px; --font-size-heading-hero: 64px; --font-weight-400: 400px; --font-weight-700: 700px; --font-weight-200: 200px; --line-height-body-xxs: 13px; --spacing-3xs: 2px; --spacing-2xs: 4px; --spacing-xs: 8px; --spacing-sm: 12px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; --spacing-2xl: 48px; --spacing-3xl: 64px; --spacing-5xl: 96px; --line-height-body-xs: 15px; --line-height-body-sm: 18px; --line-height-body-md: 21px; --line-height-body-lg: 26px; --line-height-heading-xxs: 20px; --line-height-heading-xs: 22px; --line-height-heading-sm: 27px; --line-height-heading-md: 31px; --line-height-heading-lg: 40px; --line-height-heading-xl: 51px; --line-height-heading-hero: 70px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; --radius-xl: 32px; --spacing-4xl: 72px; --spacing-6xl: 128px; } } /***/ @media screen and (max-width: 767px) { :root { --font-size-body-xxs: 10px; --font-size-body-xs: 11px; --font-size-body-sm: 12px; --font-size-body-md: 14px; --font-size-body-lg: 18px; --font-size-heading-xxs: 16px; --font-size-heading-xs: 18px; --font-size-heading-sm: 21px; --font-size-heading-md: 22px; --font-size-heading-lg: 24px; --font-size-heading-xl: 30px; --font-size-heading-hero: 36px; --font-weight-400: 400px; --font-weight-700: 700px; --font-weight-200: 200px; --line-height-body-xxs: 13px; --spacing-3xs: 2px; --spacing-2xs: 4px; --spacing-xs: 8px; --spacing-sm: 12px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; --spacing-2xl: 48px; --spacing-3xl: 64px; --spacing-5xl: 96px; --line-height-body-xs: 14px; --line-height-body-sm: 16px; --line-height-body-md: 19px; --line-height-body-lg: 23px; --line-height-heading-xxs: 17px; --line-height-heading-xs: 20px; --line-height-heading-sm: 23px; --line-height-heading-md: 24px; --line-height-heading-lg: 27px; --line-height-heading-xl: 33px; --line-height-heading-hero: 40px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px; --radius-xl: 32px; --spacing-4xl: 72px; --spacing-6xl: 128px; } } .radius-xs { border-radius: var(--radius-xs); } .radius-sm { border-radius: var(--radius-sm); } .radius-md { border-radius: var(--radius-md); } .radius-lg { border-radius: var(--radius-lg); } .radius-xl { border-radius: var(--radius-xl); } /* ======================================== */ /* webfonts /* ======================================== */ /*** century-gothic ***/ @font-face{ font-family:"century-gothic"; src: url('../fonts/century-gothic-reg.woff') format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face{ font-family:"century-gothic"; src: url('../fonts/century-gothic-bold.woff') format("woff"); font-weight: 700; font-style: normal; font-display: swap; } /* ======================================== */ /* Animations /* ======================================== */ .fade-in{ animation:fadeIn 1s ease; } @keyframes fadeIn{ from{opacity:0} to{opacity:1} } .rotation-loop{ animation:rotationLoop 1s ease infinite; } @keyframes rotationLoop{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} } @keyframes effectHeroTitle { from { opacity:0; transform: translateX(-50px); } to { opacity:1; transform: translateX(0px); } } @keyframes effectHeroCaseBrands { from { opacity: 0; transform: translateY(-30px) rotateX(-45deg); } to { opacity: 1; transform: translateY(0) rotateX(0deg); } } @keyframes effectHeroHighlightedBrands { from { opacity: 0; transform: translateY(-30px) rotateX(-45deg); } to { opacity: 1; transform: translateY(0) rotateX(0deg); } } @keyframes effectHeroEntry { from { opacity: 0; transform: translateY(-50px) } to { opacity: 1; transform: translateY(0) } } @keyframes effectHeroOtherBrands { from { opacity: 0; transform: translateY(-20px) } to { opacity: 1; transform: translateY(0) } } @keyframes textEffectSmooth{ 0% { opacity:0; } 100% { opacity:1; } } @keyframes effectNewsCarouselHeroHome { from { opacity: 0; transform: translateY(-30px) rotateX(-45deg); } to { opacity: 1; transform: translateY(0) rotateX(0deg); } } :root{ --duration-300ms:300ms; --duration-500ms:500ms; --duration-800ms:800ms; --duration-1000ms:1000ms; } /* ======================================== */ /* .is-loading /* ======================================== */ body.is-loading::before{ position:fixed; z-index:100000; left:0; top:0; width:100vw; height:100vh; background:rgba(255,255,255,0.8); animation:fadeIn .3s ease; content:''; } body.is-loading::after{ position:fixed; z-index:100001; left:50%; top:50%; width:var(--aox-50px); height:var(--aox-50px); margin:calc(var(--aox-25px) * -1) 0 0 calc(var(--aox-25px) * -1); border:5px solid #b3b3b3; border-top-color:#666; border-bottom-color:#666; border-radius:var(--aox-50px); animation:rotationLoop 1s ease infinite; content:''; } .loading { background: url(../../images/peon/i_loading.gif) no-repeat center center; text-indent: -10000px; padding: 0; width: var(--aox-50px); height: var(--aox-50px); } @media screen and (max-width:767px){ body.is-loading::after{ width:var(--aox-40px); height:var(--aox-40px); margin: calc(var(--aox-20px) * -1) 0 0 calc(var(--aox-20px) * -1); border-width:4px; border-radius:var(--aox-40px); } } /* ======================================== */ /* .ctn_wrapper /* ======================================== */ .ctn_wrapper{ height: 100%; overflow-x: hidden; } /* ======================================== */ /* .ctn_content /* ======================================== */ .pg_gifen .ctn_content{ background: transparent; padding: var(--aox-96px) var(--aox-12px) var(--aox-96px) calc(var(--aox-100px) + var(--aox-2px)); } .pg_gifen .ctn_content .contenu{ position: relative; background: transparent; /* padding: 0 7.087%; */ padding: 0 calc(((100vw - 1024px) * 0.12) + 20px); width: 100%; } /* ======================================== */ /* .bandeau /* ======================================== */ .pg_gifen .bandeau { position: relative; display: flex; background: transparent; border-top: 2px solid #FF002C; height: var(--aox-100px); padding: 0 var(--aox-64px) var(--aox-10px) calc(var(--aox-130px) + var(--aox-5px)); border-bottom: none; flex-direction: row; justify-content: flex-start; align-items: flex-end; } /* ======================================== */ /* .obj_logo /* ======================================== */ .pg_gifen .bandeau .obj_logo{ position: relative; float: unset; width: auto; height: auto; margin: 0; height: var(--aox-50px); } .pg_gifen .bandeau .obj_logo a{ text-decoration: none; } .pg_gifen .bandeau .obj_logo .ctn_logo{ position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; width: auto; height: auto; background: none; } .pg_gifen .bandeau .obj_logo picture{ height: 100%; width: var(--aox-190px); } .pg_gifen .bandeau .obj_logo picture img { height: var(--aox-50px); width: auto; } .pg_gifen .bandeau .obj_logo .t_title{ font-family: "century-gothic", sans-serif; font-style: normal; font-size: var(--aox-fs-20px) !important; line-height: var(--aox-lh-120); font-weight: 400; margin-left: var(--aox-28px); color: rgba(var(--primary-700), 1); } /* ======================================== */ /* .obj_search /* ======================================== */ .pg_gifen .bandeau .obj_search{ display: none; } /* ======================================== */ /* .obj_langues /* ======================================== */ .pg_gifen .bandeau .obj_langues{ display: none; } /* ======================================== */ /* .obj_user /* ======================================== */ .pg_gifen .bandeau .obj_user{ position: relative; float: unset; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; margin: unset; margin-left: auto; } .pg_gifen .bandeau .obj_user .t_name { display: inline-block; margin-right: var(--aox-4px); padding: var(--aox-14px) var(--aox-28px); text-align: left; font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-100); font-weight: 400; border: 1px solid rgba(var(--primary-200), 1); border-radius: var(--aox-8px); background: rgba(var(--primary-100), 1); color: #000000; } .pg_gifen .bandeau .obj_user .t_name strong{ font-weight: 700; border-left: 1px solid #000; padding-left: var(--aox-10px); margin-left: var(--aox-10px); } .pg_gifen .bandeau .obj_user .btn_logout{ position: absolute; left: auto; right: 0; top: 0; display: block; width: var(--aox-48px); height: var(--aox-48px); background: url(../../images/peon/i_logout.svg) no-repeat right top; background-size: var(--aox-16px); } .pg_gifen .bandeau .obj_user .btn_logout span{ display: none; } .pg_gifen .bandeau .obj_user .ctn_avatar { position: relative; display: inline-block; width: var(--aox-48px); height: var(--aox-48px); margin-right: 0; vertical-align: top; background: url(../../images/peon/i_avatar.svg) no-repeat center; background-size: var(--aox-48px); } .pg_gifen .bandeau .obj_user .ctn_avatar .masque{ display: none; position: absolute; top: 0; left: 0; width: 31px; height: 31px; background: url(../../images/v2/f_masque.png) no-repeat center center; } /* ======================================== */ /* .obj_brand /* ======================================== */ .pg_gifen .bandeau .obj_brand{ position: relative; display: flex; border-left: 1px solid rgba(var(--primary-200), 1); height: var(--aox-54px); padding-left: var(--aox-27px); margin-left: var(--aox-42px); flex-direction: row; align-items: center; } .pg_gifen .bandeau .obj_brand img{ width: var(--aox-100px); } /* ======================================== */ /* .nav_shortcut /* ======================================== */ .pg_gifen .nav_shortcut { position: fixed; width: var(--aox-90px); top: var(--aox-20px); left: var(--aox-12px); bottom: unset; z-index: 1001; border-radius: var(--aox-64px); background: #040B2C; overflow: unset; } .pg_gifen .nav_shortcut ul{ position: relative; margin: 0; padding: var(--aox-16px); list-style-type: none; } .pg_gifen .nav_shortcut ul li { position: relative; list-style-type: none; } .pg_gifen .nav_shortcut ul li + li { margin-top: var(--aox-16px); } .pg_gifen .nav_shortcut li .icone { position: absolute; top: 0; left: 0; display: block; width: var(--aox-58px); height: var(--aox-58px); padding: var(--aox-12px); background: none; background-size: var(--aox-34px); background-repeat: no-repeat; background-position: center; overflow: hidden; cursor: pointer; border-radius: var(--aox-50px); } .pg_gifen .nav_shortcut li .icone_1 { background-image: url(../../images/peon/i_home-roof.svg); } .pg_gifen .nav_shortcut li .icone_2 { background-image: url(../../images/peon/i_heart-pulse.svg); } .pg_gifen .nav_shortcut li .icone_3 { background-image: url(../../images/peon/i_books.svg); } .pg_gifen .nav_shortcut li .icone_4 { background-image: url(../../images/peon/i_notebook.svg); } .pg_gifen .nav_shortcut li a:hover .icone_1, .pg_gifen .nav_shortcut li a:hover .icone_2, .pg_gifen .nav_shortcut li a:hover .icone_3, .pg_gifen .nav_shortcut li a:hover .icone_4, .pg_gifen .nav_shortcut li .is_current { background-color: rgba(var(--blue-highlight-400), 1); background-position: center; } /* .pg_gifen .nav_shortcut li .icone span{ position: relative; display: block; width: 100%; height: 100%; font-size: 0; } */ .pg_gifen .nav_shortcut li .text { position: relative; display: block; box-sizing: border-box; width: var(--aox-58px); height: var(--aox-58px); padding-left: var(--aox-58px); color: #686a71; font: 16px / 78px "century-gothic", sans-serif; text-decoration: none; } .pg_gifen .nav_shortcut li .text .t_hover{ position: absolute; left: var(--aox-45px); top: 50%; padding: var(--aox-12px) var(--aox-16px); font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-12px); font-weight: 700; line-height: 1; color: #fff; text-transform: uppercase; transform: translateY(-50%); background: rgba(var(--blue-highlight-400), .8); backdrop-filter: blur(5px); border-radius: var(--aox-2px); /* max-width: var(--aox-200px); */ white-space: nowrap; opacity: 0; visibility: hidden; transition: all .3s ease; z-index: 1; } .pg_gifen .nav_shortcut li .text:hover .t_hover { left: var(--aox-55px); opacity: 1; visibility: visible; } /* ======================================== */ /* .titre-page /* ======================================== */ .pg_gifen .titre-page { width: 100%; padding: 0 var(--aox-24px); margin-bottom: var(--aox-24px); } .pg_gifen .titre-page .article { padding: 0; display: flex; float: unset; background: none; flex-direction: row; flex-wrap: wrap; align-items: center; } .pg_gifen .titre-page .article h1 { word-break: break-word; font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-40px) !important; line-height: 1.2; font-weight: 700; padding: 0; color: #040B2C; letter-spacing: -0.05em; } .pg_gifen .titre-page .article h1 em{ color: rgba(var(--primary-400), 1); font-style: normal; } .pg_gifen .titre-page .bouton-entete{ display: none; } /* ======================================== */ /* .header /* ======================================== */ .pg_gifen.pg_annuaire .bloc{ box-shadow: unset; } .pg_gifen.pg_annuaire .bloc .content{ border-radius: 0 0 var(--aox-24px) var(--aox-24px); overflow: hidden; } .pg_gifen.pg_annuaire .bloc .header { display: flex; background: none; background-color: rgba(var(--primary-200), 1); padding: var(--aox-16px) var(--aox-24px); border-radius: var(--aox-24px) var(--aox-24px) 0 0; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height: unset; } /* var_product-list */ .pg_gifen.pg_annuaire .bloc .header.var_product-list { display: flex; width: 100%; } .pg_gifen.pg_annuaire .bloc .header.var_product-list h2{ background: none; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; font: unset; font-family: "ProximaNovaReg", sans-serif; font-weight: 500; font-size: var(--aox-fs-22px); line-height: var(--aox-lh-120); color: rgba(var(--primary-700), 1); letter-spacing: -0.015em; } .pg_gifen.pg_annuaire .bloc .header.var_product-list span{ padding: 0; font-family: "ProximaNovaReg", sans-serif; font-weight: 500; font-size: var(--aox-fs-14px); line-height: var(--aox-lh-140); color: rgba(var(--primary-700), 1); letter-spacing: -0.015em; margin: var(--aox-4px) 0 0 var(--aox-4px); } /* actions */ .pg_gifen.pg_annuaire .bloc .header.var_product-list .actions{ display: flex; float: unset; background: none; padding: 0; height: var(--aox-40px); flex-direction: row; align-items: center; vertical-align:unset; width: auto; } .pg_gifen.pg_annuaire .bloc .header.var_product-list .actions > * + *{ margin-left: var(--aox-32px); } .pg_gifen.pg_annuaire .header .obj_buttons { display: flex; margin-top: 0; } .pg_gifen.pg_annuaire .header .obj_buttons .ctn_button + .ctn_button { margin: 0 0 0 var(--aox-5px); } /* ======================================== */ /* .bloc /* ======================================== */ .pg_gifen .bloc{ margin: 0; } /* ======================================== */ /* .ctn_module /* ======================================== */ .pg_gifen .ctn_module{ position: relative; background-color: #fff; padding: var(--aox-16px); border-radius: var(--aox-32px); } /***/ .pg_gifen .ctn_module .obj_options-button{ position: absolute; display: flex; align-items: flex-start; top: var(--aox-24px); right: var(--aox-24px); gap: var(--aox-8px); z-index: 1; } /* ======================================== */ /* .navigationpages /* ======================================== */ .pg_gifen.pg_annuaire .bloc .header .navigationpages { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; font-family: 'ProximaNovaLight'; font-weight: 400; font-size: var(--aox-fs-14px); line-height: var(--aox-lh-120); color: rgba(var(--primary-700), 1); padding: 0; } .pg_gifen.pg_annuaire .bloc .header .navigationpages a{ display: flex; float: unset; align-items: flex-end; color: rgba(var(--primary-700), 1); font-size: var(--aox-fs-14px); line-height: var(--aox-lh-120); height: auto; padding: var(--aox-3px) var(--aox-4px); margin: 0; cursor: pointer; } .pg_gifen.pg_annuaire .bloc .header .navigationpages a.first, .pg_gifen.pg_annuaire .bloc .header .navigationpages a.end, .pg_gifen.pg_annuaire .bloc .header .navigationpages a.previous, .pg_gifen.pg_annuaire .bloc .header .navigationpages a.next{ width: var(--aox-25px); height: var(--aox-25px); /* border: 1px solid #fff; */ border-radius: var(--aox-8px); padding: 1px; text-indent: -9999px; } .pg_gifen.pg_annuaire .bloc .header .navigationpages a.first, .pg_gifen.pg_annuaire .bloc .header .navigationpages a.previous, .pg_gifen.pg_annuaire .bloc .header .navigationpages a.next, .pg_gifen.pg_annuaire .bloc .header .navigationpages a.end{ color: rgba(var(--primary-700), 1); } .pg_gifen.pg_annuaire .bloc .header .navigationpages a.first{ background: url(../../images/peon/i_arrowDoubleLeft.svg) no-repeat center #fff; margin-right: var(--aox-3px); background-size: var(--aox-24px); } .pg_gifen.pg_annuaire .bloc .header .navigationpages a.end{ background: url(../../images/peon/i_arrowDoubleRight.svg) no-repeat center #fff; margin-left: var(--aox-3px); background-size: var(--aox-24px); } .pg_gifen.pg_annuaire .bloc .header .navigationpages a:not(.first, .end):hover { background: unset; } .pg_gifen.pg_annuaire .bloc .header .navigationpages a.first:hover{ background: url(../../images/peon/i_arrowDoubleLeft.svg) no-repeat center rgba(255, 255, 255, .5); } .pg_gifen.pg_annuaire .bloc .header .navigationpages a.end:hover{ background: url(../../images/peon/i_arrowDoubleRight.svg) no-repeat center rgba(255, 255, 255, .5); } .pg_gifen.pg_annuaire .bloc .header .navigationpages a.previous{ background: url(../../images/peon/i_arrowLeft.svg) no-repeat center #fff; margin-right: var(--aox-12px); background-size: var(--aox-24px); } .pg_gifen.pg_annuaire .bloc .header .navigationpages a.next{ background: url(../../images/peon/i_arrowRight.svg) no-repeat center #fff; margin-left: var(--aox-12px); background-size: var(--aox-24px); } .pg_gifen.pg_annuaire .bloc .header .navigationpages a.previous:hover{ background: url(../../images/peon/i_arrowLeft.svg) no-repeat center rgba(255, 255, 255, .5); } .pg_gifen.pg_annuaire .bloc .header .navigationpages a.next:hover{ background: url(../../images/peon/i_arrowRight.svg) no-repeat center rgba(255, 255, 255, .5); } .pg_gifen.pg_annuaire .bloc .header .navigationpages a:hover, .pg_gifen.pg_annuaire .bloc .header .navigationpages a.on { font-weight: 700; color: rgba(var(--primary-700), 1); } /* ======================================== */ /* .tri /* ======================================== */ .pg_gifen.pg_annuaire .contenu .liste .obj_header_list.tri{ display:flex; padding:var(--aox-16px) var(--aox-24px); min-height: var(--aox-24px); background:#f2f3f3; border-top:1px solid #e8e9e9; } .pg_gifen.pg_annuaire .contenu .liste .tri .title{ display:flex; padding: 0; min-height: unset; } .pg_gifen.pg_annuaire .contenu .liste .tri .title .entete{ font-family: "ProximaNovaReg"; font-size:var(--aox-fs-14px); color:rgba(var(--primary-700), 1); padding-right:var(--aox-8px); } /* .boutons-tri */ .pg_gifen.pg_annuaire .tri .boutons-tri{ display:flex; width:24px; height:12px; margin: 0; min-height: unset; } .pg_gifen.pg_annuaire .tri .boutons-tri a{ transition: all 0s ease; } .pg_gifen.pg_annuaire .tri .boutons-tri a.tri-up-on:hover { background-position: right -36px; } /* ======================================== */ /* .liste /* ======================================== */ .pg_gifen.pg_annuaire .contenu .liste{ border-radius: 0 0 var(--aox-24px) var(--aox-24px); } .pg_gifen.pg_annuaire .contenu .liste .obj_content_list .obj_cell_list{ display:flex; padding:var(--aox-16px) var(--aox-24px); background:#fff; border-top:1px solid rgba(var(--primary-200), 1); } .pg_gifen.pg_annuaire .contenu .liste .obj_content_list .obj_cell_list .title { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; min-height: var(--aox-24px); font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-14px); line-height: var(--aox-lh-130); font-weight: 400; padding: 0; } .pg_gifen.pg_annuaire .contenu .liste .obj_content_list:not(.list_blocs) .v_logo{ display: none; } .pg_gifen.pg_annuaire .contenu .liste .obj_content_list .obj_cell_list .ctn_boutons .bouton a{ transition: all 0s ease; } /***/ .pg_gifen.pg_annuaire .contenu .liste .obj_content_list.list_blocs{ border-radius: 0 0 var(--aox-24px) var(--aox-24px); display: flex; flex-wrap: wrap; padding: var(--aox-16px); } .pg_gifen.pg_annuaire .contenu .liste .obj_content_list.list_blocs .obj_cell_list li.tri{ display: none; } .pg_gifen.pg_annuaire .contenu .liste .obj_content_list.list_blocs .obj_cell_list{ position: relative; flex-direction: column; align-items: center; justify-content: center; margin: var(--aox-8px); padding: var(--aox-24px); width: calc(var(--aox-260px) + var(--aox-4px)); height: calc(var(--aox-230px) + var(--aox-2px)); border-radius: var(--aox-8px); border:2px solid rgba(var(--primary-200), 1); gap: var(--aox-16px) 0; } .pg_gifen.pg_annuaire .contenu .liste .obj_content_list.list_blocs .title{ width: 100%; justify-content: center; } .pg_gifen.pg_annuaire .contenu .liste .obj_content_list.list_blocs .obj_cell_list .title a, .pg_gifen.pg_annuaire .contenu .liste .obj_content_list.list_blocs .obj_cell_list .title a:visited, .pg_gifen.pg_annuaire .contenu .liste .obj_content_list.list_blocs .obj_cell_list .title a:hover { font-family: "century-gothic", sans-serif; color: rgba(var(--secondary-400), 1); font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); font-weight: 700; text-decoration: none; } .pg_gifen.pg_annuaire .contenu .liste .obj_content_list.list_blocs .obj_cell_list .title{ font-family: "century-gothic", sans-serif; color: rgba(var(--secondary-400), 1); font-size: var(--aox-fs-14px); line-height: var(--aox-lh-120); font-weight: 400; } .pg_gifen.pg_annuaire .contenu .liste .obj_content_list.list_blocs .title{ width: 100%; justify-content: center; } .pg_gifen.pg_annuaire .contenu .liste .obj_content_list.list_blocs .ctn_boutons{ position: absolute; bottom: var(--aox-16px); right: var(--aox-16px); width: auto; } .pg_gifen.pg_annuaire .contenu .liste .obj_content_list.list_blocs .boutons{ display: flex; flex-direction: row; justify-content: center; float: none; } /* ======================================== */ /* .pushs_action /* ======================================== */ /* ======================================== */ /* .ctn_title /* ======================================== */ /* ======================================== */ /* .section_aside_content /* ======================================== */ .pg_gifen .section_aside_content .ctn_columns{ display: flex; flex-direction: row; justify-content: center; align-items: flex-start; gap: 0 var(--aox-32px); } .pg_gifen .section_aside_content .ctn_columns > * { width: 100%; } .pg_gifen .section_aside_content .ctn_columns > * + * { margin-left: var(--aox-32px); } .pg_gifen .section_aside_content .ctn_columns > .ctn_text { padding: var(--aox-96px) 0 0 0; width: calc(24% - var(--aox-32px)); } .pg_gifen .section_aside_content .ctn_columns > .ctn_text .t_title{ font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-28px); line-height: var(--aox-lh-120); font-weight: 700; color: rgba(var(--primary-700), 1); } .pg_gifen .section_aside_content .ctn_columns > .ctn_text .t_subtitle{ font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-20px); line-height: var(--aox-lh-120); font-weight: 700; color: rgba(var(--primary-700), 1); } .pg_gifen .section_aside_content .ctn_columns > .ctn_text .ctn_group > * + * { margin-top: var(--aox-8px); } .pg_gifen .section_aside_content .ctn_columns > .ctn_text .ctn_group p{ color: rgba(var(--primary-400), 1); font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); font-weight: 400; } .pg_gifen .section_aside_content .ctn_columns > .ctn_text .ctn_group .t_label{ color: rgba(var(--primary-700), 1); } /***/ .pg_gifen .section_aside_content .ctn_columns .ctn_parcours { position: relative; display: flex; flex-direction: column; width: 76%; margin: 0; padding: var(--aox-64px) 0 0 0; gap: var(--aox-10px) 0; } .pg_gifen .section_aside_content .ctn_columns .ctn_parcours .has_columns{ position: relative; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; gap: 0 var(--aox-16px); } .pg_gifen .section_aside_content .ctn_parcours .has_columns .ctn_push{ width: calc(46% - var(--aox-8px)); } .pg_gifen .section_aside_content .ctn_columns .ctn_parcours .has_columns + .ctn_push{ margin-top: var(--aox-32px); } /* ======================================== */ /* .section_diag_liste /* ======================================== */ .pg_gifen .section_diag_liste .ctn_section{ display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: flex-start; gap: var(--aox-16px) 0; } .pg_gifen .section_diag_liste .ctn_section > .t_title{ font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-28px); line-height: var(--aox-lh-120); color: rgba(var(--primary-700), 1); padding-left: var(--aox-16px); margin-top: var(--aox-32px); } .pg_gifen .section_diag_liste .ctn_section .ctn_columns{ display: flex; flex-wrap: wrap; gap: var(--aox-16px); margin-top: 0; } /* ======================================== */ /* .section_edito /* ======================================== */ :root{ --text-spacing: 0 0 var(--aox-24px); --title-spacing: 0 0 var(--aox-24px); --display-spacing: 0 0 var(--aox-32px); --aox-fs-display-xl: var(--aox-fs-80px); --aox-fs-display-lg: var(--aox-fs-72px); --aox-fs-display-md: var(--aox-fs-64px); --aox-fs-display-sm: var(--aox-fs-56px); --aox-fs-display-xs: var(--aox-fs-48px); --aox-fw-display: 900; --aox-fs-text-lead: var(--aox-fs-20px); --aox-fs-lh-lead: var(--aox-lh-160); --aox-fs-text-lg: var(--aox-fs-18px); --aox-fs-text-md: var(--aox-fs-16px); --aox-fs-text-sm: var(--aox-fs-14px); --aox-fs-text-xs: var(--aox-fs-12px); /***/ --aox-spacing-xxxs: var(--aox-2px); --aox-spacing-xxs: var(--aox-4px); --aox-spacing-xs: var(--aox-8px); --aox-spacing-s: var(--aox-12px); --aox-spacing: var(--aox-16px); --aox-spacing-l: var(--aox-24px); --aox-spacing-xl: var(--aox-32px); --aox-spacing-xxl: var(--aox-48px); --aox-spacing-xxxl: var(--aox-64px); --aox-spacing-xxxxl: var(--aox-72px); --aox-spacing-xxxxxl: var(--aox-96px); --aox-spacing-xxxxxxl: calc(var(--aox-100px) + var(--aox-28px)); --ul-type: disc; --ol-type: decimal; --ul-start: var(--aox-24px); --ol-start: var(--aox-24px); --xl-block: var(--aox-8px); --li-bottom: var(--aox-4px); --xl-base: var(--aox-16px); --ol-content: counters(li-counter, ".") ". "; --aox-edito-link-color: var(--aox-color-1); --aox-edito-background-spacing: var(--aox-spacing-xxl); --aox-edito-background-spacing-mobile: var(--aox-spacing-l); --aox-edito-background-color: var(--aox-color-neutral-50); --aox-edito-background-font-color: var(--aox-color-neutral-0); --aox-spacing-xs: var(--aox-8px); --aox-spacing-l: var(--aox-24px); --aox-edito-spacing-md: var(--aox-16px); --aox-edito-img-border-radius: var(--aox-fs-16px); --aox-edito-img-background-color: var(--aox-color-neutral-10); /* --title-spacing: 0 0 0; */ --aox-edito-list-graphic-li: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9Ii0xMiAwIDMyIDMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cjx0aXRsZT5hbmdsZS1yaWdodDwvdGl0bGU+CjxwYXRoIGQ9Ik0wLjg4IDIzLjI4Yy0wLjIgMC0wLjQ0LTAuMDgwLTAuNi0wLjI0LTAuMzItMC4zMi0wLjMyLTAuODQgMC0xLjJsNS43Ni01Ljg0LTUuOC01Ljg0Yy0wLjMyLTAuMzItMC4zMi0wLjg0IDAtMS4yIDAuMzItMC4zMiAwLjg0LTAuMzIgMS4yIDBsNi40NCA2LjQ0YzAuMTYgMC4xNiAwLjI0IDAuMzYgMC4yNCAwLjZzLTAuMDgwIDAuNDQtMC4yNCAwLjZsLTYuNCA2LjQ0Yy0wLjIgMC4xNi0wLjQgMC4yNC0wLjYgMC4yNHoiPjwvcGF0aD4KPC9zdmc+) no-repeat center center / contain transparent; --aox-edito-title-xl: var(--aox-fs-40px); --aox-edito-title-lg: var(--aox-fs-32px); --aox-edito-title-md: var(--aox-fs-28px); --aox-edito-title-sm: var(--aox-fs-24px); --aox-edito-title-xs: var(--aox-fs-22px); --aox-edito-title-xxs: var(--aox-fs-20px); --aox-edito-text-md: var(--aox-fs-16px); --aox-edito-text-xs: var(--aox-fs-12px); --aox-edito-article-gap: var(--aox-spacing-xxl); --aox-edito-margin-ctn-text: var(--aox-spacing-xl); --aox-edito-font-family: "Raleway"; --aox-edito-font-weight: 400; --aox-edito-font-weight-bold: 900; --aox-edito-font-size: var(--aox-edito-title-md); --aox-edito-line-height: var(--aox-lh-150); --aox-edito-surtitle-font-weight: 400; --aox-edito-surtitle-font-size: var(--aox-edito-text-md); --aox-edito-surtitle-line-height: var(--aox-lh-150); --aox-edito-surtitle-spacing: 0 0 0; --aox-edito-subtitle-font-weight: 700; --aox-edito-subtitle-font-size: var(--aox-edito-title-xs); --aox-edito-subtitle-line-height: var(--aox-lh-150); --aox-edito-subtitle-spacing: var(--aox-spacing-l) 0 0; --aox-edito-title-spacing: var(--aox-spacing-xs); --aox-edito-paragraph-spacing: var(--aox-spacing-xs) 0 0; --aox-edito-btn-spacing: var(--aox-spacing-xl) 0 0; --aox-edito-mention-font-weight: 400; --aox-edito-mention-font-size: var(--aox-edito-text-xs); --aox-edito-mention-line-height: var(--aox-lh-150); --aox-edito-mention-color: #bbb; /* article_edito */ --aox-edito-colums-ctn-content: var(--aox-col-7); --aox-edito-colums-ctn-media: var(--aox-col-5); --aox-edito-colums-ctn-only-child: ; --aox-edito-colums-ctn-margin-top: var(--aox-fs-24px); /* article_hero */ --aox-edito-hero-colums-ctn-margin-top: 0; --aox-edito-hero-colums-ctn-content: var(--aox-col-7); --aox-edito-hero-ctn-content-media-full: var(--aox-col-6); --aox-edito-hero-colums-ctn-media: var(--aox-col-5); --aox-edito-hero-media-height: var(--aox-500px); --aox-edito-hero-info-font-weight: 400; --aox-edito-hero-info-font-size: var(--aox-edito-text-md); --aox-edito-hero-info-line-height: var(--aox-lh-150); --aox-edito-hero-info-color: #bbb; --aox-edito-hero-info-picto: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE5LjUgMi41aC0xNWMtMS4xIDAtMiAuOS0yIDJ2MTVjMCAxLjEuOSAyIDIgMmgxNWMxLjEgMCAyLS45IDItMnYtMTVjMC0xLjEtLjktMi0yLTJ6bTAgMTZjMCAuNi0uNCAxLTEgMWgtMTNjLS42IDAtMS0uNC0xLTF2LTEzYzAtLjYuNC0xIDEtMWgxM2MuNiAwIDEgLjQgMSAxdjEzek0xMSA3djJoMlY3aC0yem0wIDR2Nmgydi02aC0yeiIvPjwvc3ZnPg==) center left / var(--aox-24px) var(--aox-24px) no-repeat; } /***/ @media screen and (max-width: 767px) { :root { --aox-fs-display-xl: var(--aox-fs-72px); --aox-fs-display-lg: var(--aox-fs-64px); --aox-fs-display-md: var(--aox-fs-56px); --aox-fs-display-sm: var(--aox-fs-48px); --aox-fs-display-xs: var(--aox-fs-40px); } } /***/ .pg_gifen .aox_section_editorial p { font-size: var(--aox-fs-text-md); line-height: var(--aox-lh-150); margin: 0 0 var(--aox-24px); margin: var(--text-spacing); } .pg_gifen .aox_section_editorial dl, .pg_gifen .aox_section_editorial ol, .pg_gifen .aox_section_editorial ul { --xl-size: var(--xl-base); font-size: var(--aox-fs-text-md); margin: 0 0 .5rem; margin-bottom: var(--xl-block); margin-top: .5rem; margin-top: var(--xl-block); padding: 0 } .pg_gifen .aox_section_editorial ul { list-style-type: disc; list-style-type: var(--ul-type); padding-left: 1rem; padding-left: var(--ul-start) } .pg_gifen .aox_section_editorial ul > li::marker { font-size: calc(var(--xl-size)*.9) } .pg_gifen .aox_section_editorial ul.list_graphic > li::marker { display: none; } .pg_gifen .aox_section_editorial ol { counter-reset: li-counter; list-style-type: decimal; list-style-type: var(--ol-type); padding-left: 1.5rem; padding-left: var(--ol-start) } .pg_gifen .aox_section_editorial ol > li { counter-increment: li-counter } .pg_gifen .aox_section_editorial ol > li::marker { /* content: counters(li-counter,".") ".  "; */ content: var(--ol-content); font-size: var(--xl-size); font-weight: 700 } .pg_gifen .aox_section_editorial dd, .pg_gifen .aox_section_editorial dl { margin: 0; padding-left: 1rem; padding-left: var(--ul-start) } .pg_gifen .aox_section_editorial dd, .pg_gifen .aox_section_editorial dt, .pg_gifen .aox_section_editorial li { --xl-base: calc(var(--xl-size)*0.9); padding-bottom: .25rem; padding-bottom: var(--li-bottom) } .pg_gifen .aox_section_editorial .aox-raw-list { --ul-type: none; --ol-type: none; --ul-start: 0; --ol-start: 0; --xl-block: 0; --li-bottom: 0; --ol-content: none } .pg_gifen .aox_section_editorial .aox-list { --ul-type: disc; --ol-type: decimal; --ul-start: var(--aox-24px); --ol-start: var(--aox-24px); --xl-block: var(--aox-8px); --li-bottom: var(--aox-4px); --xl-base: var(--aox-16px); --ol-content: counters(li-counter,".") ".  " } .pg_gifen .aox_section_editorial sub, .pg_gifen .aox_section_editorial sup { line-height: 1 } .pg_gifen .aox_section_editorial .obj_button{ width: fit-content; } /* Titres - heading */ .pg_gifen .aox_section_editorial h1{ font-size: var(--aox-fs-40px); font-weight: var(--aox-fw-display); line-height: var(--aox-lh-120); margin: 0 0 var(--aox-24px); margin: var(--title-spacing); } .pg_gifen .aox_section_editorial h2{ font-size: var(--aox-fs-32px); font-weight: var(--aox-fw-display); line-height: var(--aox-lh-120); margin: 0 0 var(--aox-24px); margin: var(--title-spacing); } .pg_gifen .aox_section_editorial h3{ font-size: var(--aox-fs-28px); font-weight: var(--aox-fw-display); line-height: var(--aox-lh-130); margin: 0 0 var(--aox-24px); margin: var(--title-spacing); } .pg_gifen .aox_section_editorial h4{ font-size: var(--aox-fs-24px); font-weight: var(--aox-fw-display); line-height: var(--aox-lh-130); margin: 0 0 var(--aox-24px); margin: var(--title-spacing); } .pg_gifen .aox_section_editorial h5{ font-size: var(--aox-fs-22px); font-weight: var(--aox-fw-display); line-height: var(--aox-lh-130); margin: 0 0 var(--aox-24px); margin: var(--title-spacing); } .pg_gifen .aox_section_editorial h6{ font-size: var(--aox-fs-20px); font-weight: var(--aox-fw-display); line-height: var(--aox-lh-140); margin: 0 0 var(--aox-24px); margin: var(--title-spacing); } /* t_display */ .pg_gifen .aox_section_editorial .t_display.t_display--xl { font-size: var(--aox-fs-display-xl); font-weight: var(--aox-fw-display); line-height: var(--aox-lh-110); margin: 0 0 var(--aox-32px); margin: var(--display-spacing); } .pg_gifen .aox_section_editorial .t_display.t_display--lg { font-size: var(--aox-fs-display-lg); font-weight: var(--aox-fw-display); line-height: var(--aox-lh-110); margin: 0 0 var(--aox-32px); margin: var(--display-spacing); } .pg_gifen .aox_section_editorial .t_display.t_display--md { font-size: var(--aox-fs-display-md); font-weight: var(--aox-fw-display); line-height: var(--aox-lh-110); margin: 0 0 var(--aox-32px); margin: var(--display-spacing); } .pg_gifen .aox_section_editorial .t_display.t_display--sm { font-size: var(--aox-fs-display-sm); font-weight: var(--aox-fw-display); line-height: var(--aox-lh-110); margin: 0 0 var(--aox-32px); margin: var(--display-spacing); } .pg_gifen .aox_section_editorial .t_display.t_display--xs { font-size: var(--aox-fs-display-xs); font-weight: var(--aox-fw-display); line-height: var(--aox-lh-120); margin: 0 0 var(--aox-32px); margin: var(--display-spacing); } /* p_text */ .pg_gifen .aox_section_editorial .p_text.p_text--lead { font-size: var(--aox-fs-text-lead); line-height: var(--aox-lh-160); margin: 0 0 var(--aox-24px); margin: var(--text-spacing); } .pg_gifen .aox_section_editorial .p_text.p_text--lg { font-size: var(--aox-fs-text-lg); line-height: var(--aox-lh-160); margin: 0 0 var(--aox-24px); margin: var(--text-spacing); } .pg_gifen .aox_section_editorial .p_text.p_text--md { font-size: var(--aox-fs-text-md); line-height: var(--aox-lh-150); margin: 0 0 var(--aox-24px); margin: var(--text-spacing); } .pg_gifen .aox_section_editorial .p_text.p_text--sm { font-size: var(--aox-fs-text-sm); line-height: var(--aox-lh-170); margin: 0 0 var(--aox-24px); margin: var(--text-spacing); } .pg_gifen .aox_section_editorial .p_text.p_text--xs { font-size: var(--aox-fs-text-xs); line-height: var(--aox-lh-160); margin: 0 0 var(--aox-24px); margin: var(--text-spacing); } /***/ .pg_gifen .aox_section_editorial .aox-list.p_text--lead { font-size: var(--aox-fs-text-lead); line-height: var(--aox-lh-160); margin: 0 0 var(--aox-24px); margin: var(--text-spacing); } .pg_gifen .aox_section_editorial .aox-list.p_text--lg { font-size: var(--aox-fs-text-lg); line-height: var(--aox-lh-160); margin: 0 0 var(--aox-24px); margin: var(--text-spacing); } .pg_gifen .aox_section_editorial .aox-list.p_text--md { font-size: var(--aox-fs-text-md); line-height: var(--aox-lh-150); margin: 0 0 var(--aox-24px); margin: var(--text-spacing); } .pg_gifen .aox_section_editorial .aox-list.p_text--sm { font-size: var(--aox-fs-text-sm); line-height: var(--aox-lh-170); margin: 0 0 var(--aox-24px); margin: var(--text-spacing); } .pg_gifen .aox_section_editorial .aox-list.p_text--xs { font-size: var(--aox-fs-text-xs); line-height: var(--aox-lh-160); margin: 0 0 var(--aox-24px); margin: var(--text-spacing); } /***/ @media screen and (max-width: 767px) { .pg_gifen .aox_section_editorial h1{ font-size: var(--aox-fs-32px); line-height: var(--aox-lh-130); } .pg_gifen .aox_section_editorial h2{ font-size: var(--aox-fs-28px); line-height: var(--aox-lh-130); } .pg_gifen .aox_section_editorial h3{ font-size: var(--aox-fs-24px); line-height: var(--aox-lh-130); } .pg_gifen .aox_section_editorial h4{ font-size: var(--aox-fs-22px); line-height: var(--aox-lh-130); } .pg_gifen .aox_section_editorial h5{ font-size: var(--aox-fs-20px); line-height: var(--aox-lh-140); } .pg_gifen .aox_section_editorial h6{ font-size: var(--aox-fs-18px); line-height: var(--aox-lh-130); } } /* ======================================== */ /* .pg_gifen .aox_section_editorial /* ======================================== */ .pg_gifen .obj_section.aox_section_editorial{ position: relative; width: 100%; height: 100%; padding: 0; overflow: hidden; overflow-y: auto; font-family: var(--aox-edito-font-family); } .pg_gifen .aox_section_editorial > .ctn_section_editorial{ display: flex; align-items: flex-start; flex-direction: column; /* margin: 0 auto; */ width: var(--aox-col-8); gap: var(--aox-edito-article-gap); } .pg_gifen .aox_section_editorial > .ctn_section_editorial > article{ display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; width: 100%; margin-top: unset; color: #000; } /* ======================================== */ /* .pg_gifen .obj_article /* ======================================== */ .pg_gifen .obj_article{ font-family: var(--aox-edito-font-family); } .pg_gifen .obj_article > .ctn_article{ position: relative; display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--aox-gutter); width: var(--aox-grid); } .pg_gifen .obj_article em { font-style: italic; } .pg_gifen .obj_article u { text-decoration: underline; } .pg_gifen .obj_article strong { font-weight: 700; } .pg_gifen .obj_article a:not(.obj_button) { color: var(--aox-edito-link-color); text-decoration: underline; cursor: pointer; transition: all ease 400ms; } .pg_gifen .obj_article a:not(.obj_button):hover { text-decoration: none; } .pg_gifen .obj_article sup { position: relative; top: -.3em; font-size: 0.75em; margin: 0 var(--aox-2px); } /* has_background */ .pg_gifen .obj_article.has_background .ctn_article{ padding: var(--aox-edito-background-spacing); background: var(--aox-edito-background-color); } .pg_gifen .obj_article.has_background .ctn_content:not(:only-child) { width: calc(var(--aox-edito-colums-ctn-content) - (var(--aox-edito-background-spacing))); } .pg_gifen .obj_article.has_background .ctn_media { width: calc(var(--aox-edito-colums-ctn-media) - (var(--aox-edito-background-spacing))); } /* has_background-extended */ .pg_gifen .obj_article.has_background-extended { padding: var(--aox-edito-background-spacing); background: var(--aox-edito-background-color); } .pg_gifen .obj_article.has_background-extended .ctn_content:not(:only-child) { width: calc(var(--aox-edito-colums-ctn-content) - (var(--aox-edito-background-spacing))); } .pg_gifen .obj_article.has_background-extended .ctn_media { width: calc(var(--aox-edito-colums-ctn-media) - (var(--aox-edito-background-spacing))); } /* has_text-white */ .pg_gifen .obj_article.has_background.has_text-white { color: var(--aox-edito-background-font-color); } /* ctn_content */ .pg_gifen .obj_article .ctn_content { --display-spacing: 0 0 0; padding: 0; width: 100%; } .pg_gifen .obj_article .ctn_content > .t_title:only-child { --title-spacing: 0 0 0; } .pg_gifen .obj_article .p_mentions{ --text-spacing: 0; font-weight: var(--aox-edito-mention-font-weight); font-size: var(--aox-edito-mention-font-size); line-height: var(--aox-edito-mention-line-height); color: var(--aox-edito-mention-color); margin-top: var(--aox-spacing-l); } .pg_gifen .obj_article.has_background.has_text-white .p_mentions{ color: var(--aox-edito-background-font-color); } /***/ .pg_gifen .obj_article .ctn_content .t_title--xl { font-size: var(--aox-edito-title-xl); font-weight: var(--aox-edito-font-weight-bold); line-height: var(--aox-lh-110); } .pg_gifen .obj_article .ctn_content .t_title--lg { font-size: var(--aox-edito-title-lg); font-weight: var(--aox-edito-font-weight-bold); line-height: var(--aox-lh-110); } .pg_gifen .obj_article .ctn_content .t_title--md { font-size: var(--aox-edito-title-md); font-weight: var(--aox-edito-font-weight-bold); line-height: var(--aox-lh-110); } .pg_gifen .obj_article .ctn_content .t_title--sm { font-size: var(--aox-edito-title-sm); font-weight: var(--aox-edito-font-weight-bold); line-height: var(--aox-lh-110); } .pg_gifen .obj_article .ctn_content .t_title--xs { font-size: var(--aox-edito-title-xs); font-weight: var(--aox-edito-font-weight-bold); line-height: var(--aox-lh-120); } .pg_gifen .obj_article .ctn_content .t_title--xxs { font-size: var(--aox-edito-title-xxs); font-weight: var(--aox-edito-font-weight-bold); line-height: var(--aox-lh-120); } /***/ /* p */ .pg_gifen .obj_article p, .pg_gifen .obj_article ol, .pg_gifen .obj_article ul{ /* --text-spacing: var(--aox-edito-paragraph-spacing); */ font-weight: var(--aox-edito-font-weight); font-size: var(--aox-edito-text-md); line-height: var(--aox-edito-line-height); } .pg_gifen .obj_article p{ margin: var(--text-spacing); } .pg_gifen .obj_article p strong{ font-weight: var(--aox-edito-font-weight-bold); } .pg_gifen .obj_article .ctn_content .text-lg{ font-size: var(--aox-edito-text-lg); line-height: var(--aox-edito-line-height-text-lg); } .pg_gifen .obj_article .ctn_content .text-md{ font-size: var(--aox-edito-text-md); line-height: var(--aox-edito-line-height-text-md); } .pg_gifen .obj_article .ctn_content .text-sm{ font-size: var(--aox-edito-text-sm); line-height: var(--aox-edito-line-height-text-sm); } .pg_gifen .obj_article .ctn_content .text-xs{ font-size: var(--aox-edito-text-xs); line-height: var(--aox-edito-line-height-text-xs); } /* ol */ /* .pg_gifen .obj_article ol{ --text-spacing: var(--aox-edito-paragraph-spacing); } .pg_gifen .obj_article ol.p_list > * + * { margin-top: var(--aox-edito-spacing-2xs); } .pg_gifen .obj_article ol.p_list li { position: relative; padding-left: var(--aox-edito-spacing-lg); counter-increment: step; font-weight: 400; } .pg_gifen .obj_article ol.p_list li::before { content: counter(step)"."; position: absolute; top: 0.25em; left: 0; font-size: var(--aox-fs-12px); } */ /* ul */ .pg_gifen .obj_article ul{ --text-spacing: var(--aox-edito-paragraph-spacing); } .pg_gifen .obj_article ul.aox-list.var_2-col { display: flex; flex-wrap: wrap; } .pg_gifen .obj_article ul.aox-list.var_2-col li { position: relative; width: 50%; padding-right: var(--ul-start); } .pg_gifen .obj_article ul.aox-list.var_2-col li::marker { left: 0; } .pg_gifen .obj_article ul.aox-list.list_graphic{ padding-left: 0; list-style-type: none; } .pg_gifen .obj_article ul.aox-list.list_graphic li{ --picto-size: var(--aox-16px); position: relative; padding-left: var(--ul-start); list-style-type: none; } .pg_gifen .obj_article ul.aox-list.list_graphic li::before { content: ""; position: absolute; top: 0.3em; left: 0; display: inline-block; width: var(--picto-size); height: var(--picto-size); border-radius: 0; background: var(--aox-edito-list-graphic-li); } .pg_gifen .obj_article .ctn_content:not(:only-child) { margin-top: var(--aox-edito-colums-ctn-margin-top); width: var(--aox-edito-colums-ctn-content); } /***/ .pg_gifen .obj_article .ctn_content > .p_surtitle + .t_title, .pg_gifen .obj_article .ctn_content > .t_title + .t_title { margin-top: var(--aox-edito-title-spacing); } .pg_gifen .obj_article .ctn_content > .p_surtitle { --text-spacing: var(--aox-edito-surtitle-spacing); } .pg_gifen .obj_article .ctn_content > .t_subtitle + * { margin-top: var(--aox-spacing-xs); } .pg_gifen .obj_article .ctn_content > .t_subtitle { --title-spacing: var(--aox-edito-subtitle-spacing); } /***/ /* .pg_gifen .obj_article .ctn_content > .ctn_text { margin: var(--aox-spacing-l) 0 0; } */ .pg_gifen .obj_article .ctn_content > .ctn_text > * + *{ margin: var(--aox-spacing-l) 0 0; } .pg_gifen .obj_article .ctn_content > .ctn_text > .t_subtitle{ --title-spacing: var(--aox-edito-subtitle-spacing); } .pg_gifen .obj_article .ctn_content > .ctn_text > p{ --text-spacing: var(--aox-edito-paragraph-spacing); } /***/ .pg_gifen .obj_article .ctn_btn { --text-spacing: var(--aox-edito-btn-spacing); } /* ctn_media */ .pg_gifen .obj_article .ctn_media { height: auto; width: var(--aox-edito-colums-ctn-media); } .pg_gifen .obj_article .obj_image { position: relative; overflow: hidden; display: block; height: auto; width: 100%; border-radius: var(--aox-edito-img-border-radius); background: var(--aox-edito-img-background-color); } .pg_gifen .obj_article .obj_image .ctn_image { /* height: 100%; */ width: 100%; display: block; max-width: 100%; } .pg_gifen .obj_article .obj_image .ctn_image img { display: block; height: auto; width: 100%; object-fit: cover; object-position: center center; } /***/ .pg_gifen .obj_article.has_media-full > .ctn_article { flex-direction: column; } .pg_gifen .obj_article.has_media-full .ctn_content, .pg_gifen .obj_article.has_media-full .ctn_media { margin-top: 0; width: 100%; } .pg_gifen .obj_article.has_media-first > .ctn_article { flex-direction: row-reverse; } .pg_gifen .obj_article.has_media-first.has_media-full > .ctn_article { flex-direction: column-reverse; } /***/ .pg_gifen .obj_article .obj_player { position: relative; overflow: hidden; display: block; height: auto; height: 0; width: 100%; padding-bottom: 56.25%; cursor: pointer; } .pg_gifen .obj_article .obj_player .ctn_player { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; } .pg_gifen .obj_article .obj_player .ctn_player::before { content: ""; position: absolute; z-index: 99; top: 50%; left: 50%; display: block; height: var(--aox-90px); width: var(--aox-90px); transform: translate(-50%, -50%); transform-origin: 0 0; border-radius: 50%; border: solid 3px #fff; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0px 0px var(--aox-20px) rgba(0, 0, 0, 0.1); transition: all ease 400ms; } .pg_gifen .obj_article .obj_player .ctn_player::after { content: ""; position: absolute; z-index: 99; top: 50%; left: 50%; display: block; border-style: solid; border-width: var(--aox-14px) 0 var(--aox-14px) var(--aox-24px); border-color: transparent transparent transparent white; transform: translate(-35%, -50%); transition: all ease 400ms; } .pg_gifen .obj_article .obj_player .ctn_player img { height: 100%; width: 100%; object-fit: cover; object-position: center center; } .pg_gifen .obj_article .obj_player:hover .ctn_player::before { transform: scale(1.25) translate(-50%, -50%); } /***/ .pg_gifen .obj_article .obj_player.player_horizontal { padding-bottom: 56.25%; } .pg_gifen .obj_article .obj_player.player_square { padding-bottom: 100%; } .pg_gifen .obj_article .obj_player.player_vertical { height: var(--aox-630px); width: calc(var(--aox-350px) + var(--aox-4px)); padding-bottom: 0; } .pg_gifen .obj_article .obj_player.player_cover { height: 100%; width: 100%; padding-bottom: 0; } /***/ .pg_gifen .obj_article .obj_video { position: relative; overflow: hidden; display: block; height: auto; width: 100%; } .pg_gifen .obj_article .obj_video .ctn_video { display: block; height: auto; width: 100%; } /***/ .pg_gifen .obj_article .obj_video.video_horizontal { height: 0; width: 100%; padding-bottom: 56.25%; } .pg_gifen .obj_article .obj_video.video_vertical { height: var(--aox-630px); width: calc(var(--aox-350px) + var(--aox-4px)); padding-bottom: 0; } .pg_gifen .obj_article .obj_video.video_square { padding-bottom: 100%; } .pg_gifen .obj_article .obj_video.video_horizontal .ctn_video, .pg_gifen .obj_article .obj_video.video_vertical .ctn_video, .pg_gifen .obj_article .obj_video.video_square .ctn_video { position: absolute; top: 50%; left: 50%; height: 100%; width: auto; max-width: none; transform: translate(-50%, -50%); } .pg_gifen .obj_article .obj_video.video_cover { height: 100%; width: 100%; padding-bottom: 0; } .pg_gifen .obj_article .obj_video.video_cover > .ctn_video { height: 100%; width: 100%; object-fit: cover; object-position: center center; } /***/ .pg_gifen .obj_article .obj_video .ctn_video.video_mobile { display: none; } /***/ @media screen and (max-width: 767px) { .pg_gifen .obj_article .obj_video .ctn_video.video_desktop { display: none; } .pg_gifen .obj_article .obj_video .ctn_video.video_mobile { display: block; } .pg_gifen .obj_article .obj_video.video_vertical { height: var(--aox-530px); width: calc(var(--aox-290px) + var(--aox-8px)); } } /* ======================================== */ /* .pg_gifen .article_hero /* ======================================== */ .pg_gifen .article_hero{ position: relative; } .pg_gifen .article_hero > .ctn_article { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--aox-gutter); width: var(--aox-grid); } .pg_gifen .article_hero .ctn_content:not(:only-child) { margin-top: var(--aox-edito-hero-colums-ctn-margin-top); width: var(--aox-edito-hero-colums-ctn-content); } .pg_gifen .article_hero .ctn_media { width: var(--aox-edito-hero-colums-ctn-media); } .pg_gifen .article_hero .ctn_content .t_title{ --title-spacing : 0 0 var(--aox-8px); } .pg_gifen .article_hero .ctn_content .t_subtitle{ --title-spacing : 0 0 var(--aox-8px); } .pg_gifen .article_hero .ctn_content p{ --text-spacing : var(--aox-16px) 0 0; font-size: var(--aox-fs-text-lead); line-height: var(--aox-fs-lh-lead); margin: var(--text-spacing); } .pg_gifen .article_hero .ctn_content .p_mentions{ --text-spacing: var(--aox-16px) 0 0; font-weight: var(--aox-edito-mention-font-weight); font-size: var(--aox-edito-mention-font-size); line-height: var(--aox-edito-mention-line-height); color: var(--aox-edito-mention-color); margin: var(--text-spacing); } .pg_gifen .article_hero .ctn_content .p_infos { --text-spacing: var(--aox-24px) 0 0; padding-left: var(--aox-32px); font-weight: var(--aox-edito-hero-info-font-weight); font-size: var(--aox-edito-hero-info-font-size); line-height: var(--aox-edito-hero-info-line-height); color: var(--color-orange); background: var(--aox-edito-hero-info-picto); } .pg_gifen .article_hero .ctn_content .ctn_btn { --text-spacing: var(--aox-edito-btn-spacing); } /***/ .pg_gifen .article_hero.has_media-full, .pg_gifen .article_hero.has_media-extended{ height: var(--aox-edito-hero-media-height); } .pg_gifen .article_hero.has_media-full > .ctn_article, .pg_gifen .article_hero.has_media-extended > .ctn_article { flex-direction: column; height: 100%; } .pg_gifen .article_hero.has_media-full > .ctn_article, .pg_gifen .article_hero.has_media-extended > .ctn_article{ flex-direction: column; } .pg_gifen .article_hero.has_media-extended > .ctn_article { width: 100%; } .pg_gifen .article_hero.has_media-full .ctn_content:not(:only-child), .pg_gifen .article_hero.has_media-extended .ctn_content:not(:only-child) { width: var(--aox-edito-hero-ctn-content-media-full); } .pg_gifen .article_hero.has_media-full .ctn_content, .pg_gifen .article_hero.has_media-extended .ctn_content{ opacity: 1; position: relative; z-index: 2; display: flex; justify-content: center; height: 100%; margin: 0 auto; padding: 0; flex-direction: column; } /* has_text-left */ .pg_gifen .article_hero.has_media-full.has_text-left .ctn_content, .pg_gifen .article_hero.has_media-extended.has_text-left .ctn_content{ align-items: flex-start; margin: 0 auto 0 var(--aox-col-1); } .pg_gifen .article_hero.has_media-extended.has_text-left .ctn_content{ width: var(--aox-edito-hero-ctn-content-media-full); margin: 0 auto 0 var(--aox-external-gutter); } /* has_text-center */ .pg_gifen .article_hero.has_media-full.has_text-center .ctn_content, .pg_gifen .article_hero.has_media-extended.has_text-center .ctn_content{ align-items: center; } .pg_gifen .article_hero.has_media-full.has_text-center .ctn_content .ctn_text, .pg_gifen .article_hero.has_media-extended.has_text-center .ctn_content .ctn_text{ text-align: center; } /* has_text-right */ .pg_gifen .article_hero.has_media-full.has_text-right .ctn_content, .pg_gifen .article_hero.has_media-extended.has_text-right .ctn_content{ margin: 0 var(--aox-col-1) 0 auto; } .pg_gifen .article_hero.has_media-extended.has_text-right .ctn_content{ width: var(--aox-edito-hero-ctn-content-media-full); margin: 0 var(--aox-external-gutter) 0 auto; } .pg_gifen .article_hero.has_media-full .ctn_media, .pg_gifen .article_hero.has_media-extended .ctn_media { position: absolute; z-index: 1; opacity: 1; top: 0; left: 0; height: 100%; width: 100%; } .pg_gifen .article_hero.has_media-full .ctn_media .obj_image, .pg_gifen .article_hero.has_media-extended .ctn_media .obj_image{ height: 100%; } .pg_gifen .article_hero.has_media-full .ctn_media .obj_image img, .pg_gifen .article_hero.has_media-extended .ctn_media .obj_image img{ height: 100%; width: 100%; object-fit: cover; object-position: center center; } /***/ .pg_gifen .article_hero.has_media-bottom > .ctn_article { flex-direction: column } .pg_gifen .article_hero.has_media-bottom .ctn_media { width: 100%; } /***/ @media screen and (max-width: 767px) { .pg_gifen .obj_article .ctn_content { flex-direction: column; gap: var(--aox-32px); } .pg_gifen .obj_article .ctn_content, .pg_gifen .obj_article .ctn_content:not(:only-child), .pg_gifen .obj_article.has_background .ctn_content:not(:only-child), .pg_gifen .obj_article.has_background .ctn_media { width: 100%; } .pg_gifen .obj_article .ctn_media { width: 100%; } .pg_gifen .obj_article .obj_image { border-radius: var(--aox-8px); } .pg_gifen .obj_article.has_background { padding: var(--aox-edito-background-spacing-mobile); } } /***/ .pg_gifen .section_edito p, .pg_gifen .section_edito ul, .pg_gifen .section_edito ol { font-weight: 400; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-130); color: var(--color-blue-700); } .pg_gifen .section_edito strong { font-weight: 700; } .pg_gifen .section_edito em { font-style: italic; } .pg_gifen .section_edito u { text-decoration: underline; } .pg_gifen .section_edito a:not(.obj_button) { color: inherit; text-decoration: underline; cursor: pointer; transition: all ease 400ms; } .pg_gifen .section_edito sup { position: relative; top: -0.6em; font-size: 0.6em; } .pg_gifen .section_edito ol.p_list { counter-reset: step; } .pg_gifen .section_edito ol.p_list > * + * { margin-top: var(--aox-spacing-2xs); } .pg_gifen .section_edito ol.p_list li { position: relative; padding-left: var(--aox-spacing-lg); counter-increment: step; font-weight: 400; } .pg_gifen .section_edito ol.p_list li::before { content: counter(step)"."; position: absolute; top: 0.25em; left: 0; font-size: var(--aox-fs-12px); } .pg_gifen .section_edito ul.p_list > * + *, .pg_gifen .section_edito ul.p_list ul li { margin-top: var(--aox-spacing-2xs); } .pg_gifen .section_edito ul.p_list li { position: relative; padding-left: var(--aox-spacing-lg); } .pg_gifen .section_edito ul.p_list ul li { padding-left: var(--aox-spacing-sm); } .pg_gifen .section_edito ul.p_list.var_2-col { display: flex; flex-wrap: wrap; } .pg_gifen .section_edito ul.p_list.var_2-col li { width: 50%; } .pg_gifen .section_edito ul.p_list li::before, .pg_gifen .section_edito ul.p_list.list_graphic ul li::before { content: ""; position: absolute; top: 0.6em; left: 0; display: block; height: var(--aox-4px); width: var(--aox-4px); border-radius: 50%; background: currentColor; } .pg_gifen .section_edito ul.p_list.list_graphic li::before { content: ""; position: absolute; top: 0.3em; left: 0; display: block; height: var(--aox-14px); width: var(--aox-14px); border-radius: 0; background: url("../../images/i_tick-list.svg") no-repeat center center / contain transparent; } .pg_gifen .section_edito .obj_image { position: relative; overflow: hidden; display: block; height: auto; width: 100%; border-radius: var(--aox-spacing-md); background: var(--color-blue-100); } .pg_gifen .section_edito .obj_image .ctn_image img { display: block; height: auto; width: 100%; } /***/ .pg_gifen .section_edito { position: relative; overflow: hidden; } .pg_gifen .section_edito .ctn_section { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--aox-gutter); width: 100%; } .pg_gifen .section_edito .ctn_text { width: 100%; } .pg_gifen .section_edito .ctn_text:not(:only-child) { margin-top: var(--aox-spacing-lg); width: var(--aox-col-3-gutter-2); } .pg_gifen .section_edito .ctn_text > * + * { margin-top: var(--aox-spacing-lg); } .pg_gifen .section_edito .ctn_text > .p_surtitle + .t_title, .pg_gifen .section_edito .ctn_text > .t_title + .t_title { margin-top: var(--aox-spacing-xs); } .pg_gifen .section_edito .ctn_text > .t_subtitle + * { margin-top: var(--aox-spacing-xs); } .pg_gifen .section_edito .ctn_media { height: auto; width: var(--aox-col-3); } /***/ .pg_gifen .section_edito.has_media-full > .ctn_section { flex-direction: column; } .pg_gifen .section_edito.has_media-full .ctn_text, .pg_gifen .section_edito.has_media-full .ctn_media { margin-top: 0; width: 100%; } .pg_gifen .section_edito.has_media-first > .ctn_section { flex-direction: row-reverse; } .pg_gifen .section_edito.has_media-first.has_media-full > .ctn_section { flex-direction: column-reverse; } /***/ @media screen and (max-width: 767px) { .pg_gifen .section_edito .ctn_section { flex-direction: column; gap: var(--aox-32px); } .pg_gifen .section_edito .ctn_text, .pg_gifen .section_edito .ctn_text:not(:only-child) { width: 100%; } .pg_gifen .section_edito .ctn_media { width: 100%; } .pg_gifen .section_edito .obj_image { border-radius: var(--aox-8px); } } /* -------------------------------------------------- */ /* $ > AOX Form (v1) - 22/08/24 /* -------------------------------------------------- */ /* :root { --aox-form-color-primary: rgba(var(--primary-700), 1); --aox-form-color-secondary: rgba(var(--primary-700), 1); --aox-form-color-error: rgba(var(--error-400), 1); --aox-form-color-step: rgba(var(--primary-400), 1); --aox-form-spacing-xs: var(--aox-8px); --aox-form-spacing-s: var(--aox-16px); --aox-form-spacing: var(--aox-32px); --aox-form-spacing-l: var(--aox-50px); --aox-form-spacing-xl: var(--aox-32px); --aox-form-font-family: "century-gothic", sans-serif; --aox-form-font-weight: 700; --aox-form-font-size: var(--aox-fs-16px); --aox-form-font-size-small: var(--aox-fs-14px); --aox-form-line-height: var(--aox-lh-120); --aox-form-label-font-family: "century-gothic", sans-serif; --aox-form-label-font-weight: 700; --aox-form-label-font-size: var(--aox-fs-22px); --aox-form-label-line-height: var(--aox-lh-120); --aox-form-sublabel-font-family: "century-gothic", sans-serif; --aox-form-sublabel-font-weight: 400; --aox-form-sublabel-font-size: var(--aox-fs-16px); --aox-form-sublabel-line-height: var(--aox-lh-120); --aox-form-step-font-family: "century-gothic", sans-serif; --aox-form-step-font-weight: 700; --aox-form-step-font-size: var(--aox-fs-16px); --aox-form-step-line-height: var(--aox-lh-120); --aox-form-item-padding: var(--aox-20px); --aox-form-item-border-size: 2px; --aox-form-item-border-size-error: var(--aox-form-item-border-size); --aox-form-item-border-radius: 0px; --aox-form-item-border-color: #CCCCCC; --aox-form-item-background-color: #FFFFFF; --aox-form-checkbox-size: var(--aox-20px); --aox-form-radio-size: var(--aox-24px); --aox-form-rating-size: var(--aox-30px); } */ /* ======================================== */ /* obj_form-aox /* ======================================== */ .pg_gifen .section_form .obj_form-aox { margin: 0 auto; width: 100%; max-width: unset; text-align: left; } .pg_gifen .section_form .obj_form-aox + .obj_form-aox { margin-top: var(--aox-form-spacing); } .pg_gifen .section_form .obj_form-aox .ctn_form-aox > * + * { margin-top: var(--aox-form-spacing); } /***/ .pg_gifen .section_form .obj_form-aox .t_title { font-family: var(--aox-form-font-family); font-weight: var(--aox-form-font-weight-strong); font-size: var(--aox-fs-28px); line-height: var(--aox-form-line-height); color: var(--aox-form-color-secondary); text-transform: inherit; } .pg_gifen .section_form .obj_form-aox p { font-family: var(--aox-form-font-family); font-weight: var(--aox-form-font-weight); font-size: var(--aox-form-font-size); line-height: var(--aox-form-line-height); color: var(--aox-form-color-primary); } /* ======================================== */ /* obj_form-header / obj_form-content / obj_form-footer /* ======================================== */ .pg_gifen .section_form .obj_form-header .ctn_form-header > * + *, .pg_gifen .section_form .obj_form-content .ctn_form-content > * + *, .pg_gifen .obj_form-footer .ctn_form-footer > * + *{ margin-top: var(--aox-form-spacing-l); } .pg_gifen .section_form .obj_form-header .ctn_form-header > * + *, .pg_gifen .section_form .obj_form-content .ctn_form-content > * + *, .pg_gifen .obj_form-footer .ctn_form-footer > * + *{ margin-top: var(--aox-form-spacing); } .pg_gifen .ctn_form-footer > * + * { margin-top: var(--aox-4px); } /* ======================================== */ /* obj_form-fieldset /* ======================================== */ .pg_gifen .section_form .obj_form-fieldset { display: flex; flex-direction: row; gap: var(--aox-form-spacing); } .pg_gifen .section_form .obj_form-fieldset .ctn_form-fieldset { width: 100%; } .pg_gifen .section_form .obj_form-fieldset .ctn_form-fieldset > * + * { margin-top: var(--aox-form-spacing); } @media screen and (max-width: 767px) { .pg_gifen .section_form .obj_form-fieldset { flex-direction: column; } } /* ======================================== */ /* obj_form-element / obj_form-group / obj_form-table / obj_form-row /* ======================================== */ .pg_gifen .section_form .obj_form-group .ctn_label, .pg_gifen .section_form .obj_form-table .ctn_label, .pg_gifen .section_form .obj_form-element .ctn_label { display: flex; flex-direction: column; gap: var(--aox-form-spacing-xs); } .pg_gifen .section_form .obj_form-group .ctn_label .t_label, .pg_gifen .section_form .obj_form-table .ctn_label .t_label, .pg_gifen .section_form .obj_form-element .ctn_label .t_label { display: flex; flex-direction: row; align-items: center; font-family: var(--aox-form-label-font-family); font-weight: var(--aox-form-label-font-weight); font-size: var(--aox-form-label-font-size); line-height: var(--aox-form-label-line-height); color: var(--aox-form-color-primary); padding-right: var(--aox-16px); } .pg_gifen .section_form .obj_form-group .ctn_label .t_sublabel, .pg_gifen .section_form .obj_form-table .ctn_label .t_sublabel, .pg_gifen .section_form .obj_form-element .ctn_label .t_sublabel { font-family: var(--aox-form-sublabel-font-family); font-weight: var(--aox-form-sublabel-font-weight); font-size: var(--aox-form-sublabel-font-size); line-height: var(--aox-form-sublabel-line-height); color: var(--aox-form-color-primary); } .pg_gifen .section_form .obj_form-group .ctn_label .t_help, .pg_gifen .section_form .obj_form-table .ctn_label .t_help, .pg_gifen .section_form .obj_form-element .ctn_label .t_help { opacity: 0.5; font-family: var(--aox-form-font-family); font-weight: var(--aox-form-font-weight); font-size: var(--aox-form-font-size-small); line-height: var(--aox-lh-120); color: var(--aox-form-color-primary); } .pg_gifen .section_form .obj_form-group .ctn_label .t_error, .pg_gifen .section_form .obj_form-table .ctn_label .t_error, .pg_gifen .section_form .obj_form-element .ctn_label .t_error { font-family: var(--aox-form-font-family); font-weight: var(--aox-form-font-weight-strong); font-size: var(--aox-form-font-size-small); line-height: var(--aox-lh-120); color: var(--aox-form-color-error); } .pg_gifen .section_form .obj_form-group .ctn_label .t_legal, .pg_gifen .section_form .obj_form-table .ctn_label .t_legal, .pg_gifen .section_form .obj_form-element .ctn_label .t_legal { font-family: var(--aox-form-font-family); font-weight: var(--aox-form-font-weight); font-size: var(--aox-form-font-size-small); line-height: var(--aox-lh-120); color: var(--aox-form-color-primary); } .pg_gifen .section_form .obj_form-group .ctn_label .t_label .t_step, .pg_gifen .section_form .obj_form-table .ctn_label .t_label .t_step, .pg_gifen .section_form .obj_form-element .ctn_label .t_label .t_step{ display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: var(--aox-30px); font-family: var(--aox-form-step-font-family); font-weight: var(--aox-form-step-font-weight); font-size: var(--aox-form-step-font-size); line-height: var(--aox-form-step-line-height); color: white; background-color: var(--aox-form-color-step); width: var(--aox-30px); height: var(--aox-30px); margin-right: var(--aox-8px); } .pg_gifen .section_form .obj_form-group .ctn_label .t_label .obj_button, .pg_gifen .section_form .obj_form-table .ctn_label .t_label .obj_button, .pg_gifen .section_form .obj_form-element .ctn_label .t_label .obj_button{ margin-left: var(--aox-24px); } .pg_gifen .section_form .obj_form-fieldset .ctn_form-fieldset{ counter-reset: listSousStep2; } .pg_gifen .section_form .obj_form-fieldset .obj_form-element .ctn_label .t_step:before { content: counter(listSousStep2, upper-alpha); counter-increment: listSousStep2; } /***/ .pg_gifen .section_form .obj_form-row { display: flex; flex-direction: row; flex-wrap: nowrap; gap: var(--aox-form-spacing-s); } .pg_gifen .section_form .obj_form-row .ctn_form-row { width: 100%; } /***/ .pg_gifen .section_form .obj_form-table .ctn_form-table { display: flex; flex-direction: column; gap: var(--aox-form-spacing-s); } .pg_gifen .section_form .obj_form-table .ctn_table { display: flex; flex-direction: column; gap: var(--aox-form-spacing-s); } .pg_gifen .section_form .obj_form-table .ctn_table > * + * { padding-top: var(--aox-form-spacing-s); border-top: solid 1px var(--aox-form-item-border-color); } .pg_gifen .section_form .obj_form-table .ctn_table .ctn_label .t_label { font-family: var(--aox-form-sublabel-font-family); font-weight: var(--aox-form-sublabel-font-weight); font-size: var(--aox-form-sublabel-font-size); line-height: var(--aox-form-sublabel-line-height); } /***/ .pg_gifen .section_form .obj_form-group .ctn_form-group { display: flex; flex-direction: column; gap: var(--aox-form-spacing-s); } .pg_gifen .section_form .obj_form-group .ctn_group { display: flex; flex-direction: column; gap: var(--aox-form-spacing-s); } .pg_gifen .section_form .obj_form-group .ctn_group .ctn_label .t_label { font-family: var(--aox-form-sublabel-font-family); font-weight: var(--aox-form-sublabel-font-weight); font-size: var(--aox-form-sublabel-font-size); line-height: var(--aox-form-sublabel-line-height); } /***/ .pg_gifen .section_form .obj_form-element .ctn_form-element { display: flex; flex-direction: column; gap: var(--aox-form-spacing-s); } .pg_gifen .section_form .obj_form-element.form-element_inline .ctn_form-element { display: flex; flex-direction: row; align-items: baseline; } .pg_gifen .section_form .obj_form-element.form-element_inline .ctn_label { min-width: 30%; width: 30%; } .pg_gifen .section_form .obj_form-element.form-element_inline .ctn_element { width: 100%; } .pg_gifen .section_form .obj_form-element.form-element_justify .ctn_form-element { display: flex; flex-direction: row; } .pg_gifen .section_form .obj_form-element.form-element_justify .ctn_label { min-width: 30%; width: 30%; } .pg_gifen .section_form .obj_form-element.form-element_justify .ctn_element { width: auto; margin-left: auto; } @media screen and (max-width: 767px) { .pg_gifen .section_form .obj_form-element.form-element_inline .ctn_form-element { flex-direction: column; align-items: center; } .pg_gifen .section_form .obj_form-element.form-element_inline .ctn_label { min-width: 100%; width: 100%; } .pg_gifen .section_form .obj_form-element.form-element_justify .ctn_form-element { flex-direction: column; } .pg_gifen .section_form .obj_form-element.form-element_justify .ctn_label { min-width: 100%; width: 100%; } .pg_gifen .section_form .obj_form-element.form-element_justify .ctn_form-element { width: 100%; margin-left: 0; } } /* ======================================== */ /* obj_form-buttons /* ======================================== */ .pg_gifen .obj_form-buttons .ctn_form-buttons { display: flex; align-items: center; gap: var(--aox-8px); } /* ======================================== */ /* obj_form-error /* ======================================== */ .pg_gifen .obj_form-error .ctn_form-error p { font-family: var(--aox-form-font-family); font-weight: var(--aox-form-font-weight); font-size: var(--aox-form-font-size-small); line-height: var(--aox-lh-120); color: var(--aox-form-color-error); } /* ======================================== */ /* obj_form-legal /* ======================================== */ .pg_gifen .obj_form-legal .ctn_form-legal p { font-family: var(--aox-form-font-family); font-weight: 400; font-size: var(--aox-form-font-size-small); line-height: var(--aox-lh-120); color: rgba(0, 0, 0, .5); } /* ======================================== */ /* obj_form-alert /* ======================================== */ .pg_gifen .obj_form-alert .ctn_form-alert { position: relative; padding: var(--aox-16px) var(--aox-52px) var(--aox-16px) var(--aox-16px); text-align: right; } .pg_gifen .obj_form-alert .ctn_form-alert p { font-family: var(--aox-form-font-family); font-weight: 400; font-size: var(--aox-form-font-size); line-height: var(--aox-lh-120); color: var(--aox-form-color-primary); } .pg_gifen .obj_form-alert .ctn_form-alert p:after { content: ""; position: absolute; background: url(../../images/peon/i_triangle_exclamation.svg) no-repeat center center; top: var(--aox-16px); right: var(--aox-16px); height: var(--aox-19px); width: var(--aox-20px); } /* ======================================== */ /* obj_input /* ======================================== */ .pg_gifen .section_form .obj_input { width: 100%; } .pg_gifen .section_form .obj_input input { display: block; height: auto; margin: 0; width: 100%; padding: var(--aox-form-item-padding); font-family: var(--aox-form-font-family); font-size: var(--aox-form-font-size); line-height: var(--aox-form-line-height); color: var(--aox-form-color-primary); border-radius: var(--aox-form-item-border-radius); border: solid var(--aox-form-item-border-size) var(--aox-form-item-border-color); background-color: var(--aox-form-item-background-color); outline: none; } /* ======================================== */ /* obj_textarea /* ======================================== */ .pg_gifen .section_form .obj_textarea { width: 100%; } .pg_gifen .section_form .obj_textarea textarea { display: block; min-height: var(--aox-120px); height: auto; width: 100%; margin: 0; padding: var(--aox-form-item-padding); font-family: var(--aox-form-font-family); font-size: var(--aox-form-font-size); line-height: var(--aox-form-line-height); color: var(--aox-form-color-primary); border-radius: var(--aox-form-item-border-radius); border: solid var(--aox-form-item-border-size) var(--aox-form-item-border-color); background-color: var(--aox-form-item-background-color); outline: none; } /* ======================================== */ /* obj_select /* ======================================== */ .pg_gifen .section_form .obj_select { width: 100%; } .pg_gifen .section_form .obj_select select { display: block; height: auto; width: 100%; margin: 0; padding: var(--aox-form-item-padding); font-family: var(--aox-form-font-family); font-size: var(--aox-form-font-size); line-height: var(--aox-form-line-height); color: var(--aox-form-color-primary); border-radius: var(--aox-form-item-border-radius); border: solid var(--aox-form-item-border-size) var(--aox-form-item-border-color); background-color: var(--aox-form-item-background-color); outline: none; } /* ======================================== */ /* obj_checkboxes /* ======================================== */ .pg_gifen .section_form .obj_checkboxes { display: flex; flex-direction: column; gap: var(--aox-form-spacing-s) var(--aox-form-spacing); } .pg_gifen .section_form .obj_checkbox { position: relative; display: flex; flex-direction: column; gap: var(--aox-form-spacing-s) var(--aox-form-spacing); min-height: var(--aox-form-checkbox-radio-size); } .pg_gifen .section_form .obj_checkbox input { position: absolute; top: 0; left: 0; height: 1px; width: 1px; margin: 0; opacity: 0; } .pg_gifen .section_form .obj_checkbox label { position: relative; display: block; min-height: var(--aox-form-checkbox-size); width: 100%; padding-left: calc(var(--aox-form-checkbox-size) + var(--aox-form-spacing-s)); font-family: var(--aox-form-font-family); font-size: var(--aox-form-font-size); line-height: var(--aox-form-checkbox-size); color: var(--aox-form-color-primary); cursor: pointer; } .pg_gifen .section_form .obj_checkbox label::before { content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; display: block; height: var(--aox-form-checkbox-size); width: var(--aox-form-checkbox-size); border: solid var(--aox-form-item-border-size) var(--aox-form-item-border-color); background-color: var(--aox-form-item-background-color); } .pg_gifen .section_form .obj_checkbox label::after { opacity: 0; content: ""; box-sizing: border-box; position: absolute; top: calc(var(--aox-form-item-border-size) + var(--aox-3px)); left: calc(var(--aox-form-item-border-size) + var(--aox-3px)); display: block; height: calc(var(--aox-form-checkbox-size) - (var(--aox-form-item-border-size) * 2) - var(--aox-6px)); width: calc(var(--aox-form-checkbox-size) - (var(--aox-form-item-border-size) * 2) - var(--aox-6px)); background-color: var(--aox-form-color-secondary); transition: all ease 400ms; } .pg_gifen .section_form .obj_checkbox label:hover::after, .pg_gifen .section_form .obj_checkbox input:checked + label::after { opacity: 1; } /***/ .pg_gifen .section_form .obj_checkboxes.checkboxes_inline { flex-direction: row; } @media screen and (max-width: 767px) { .pg_gifen .section_form .obj_checkboxes.checkboxes_inline { flex-direction: column; } } /***/ .pg_gifen .section_form .obj_checkboxes.checkboxes_inline { flex-direction: row; } @media screen and (max-width: 767px) { .pg_gifen .section_form .obj_checkboxes.checkboxes_inline { flex-direction: column; } } /* ======================================== */ /* obj_radios /* ======================================== */ .pg_gifen .section_form .obj_radios { display: flex; /* flex-wrap: wrap; */ flex-direction: column; gap: var(--aox-form-spacing) var(--aox-form-spacing-xs); justify-content: space-between; } .pg_gifen .section_form .obj_radio { position: relative; display: flex; flex-direction: column; gap: var(--aox-form-spacing-s) var(--aox-form-spacing); min-height: var(--aox-form-checkbox-radio-size); } .pg_gifen .section_form .obj_radio input { position: absolute; top: 0; left: 0; height: 1px; width: 1px; margin: 0; opacity: 0; } .pg_gifen .section_form .obj_radio label { position: relative; display: block; min-height: var(--aox-form-radio-size); /* padding-left: calc(var(--aox-form-radio-size) + var(--aox-form-spacing-s)); */ /* font-family: var(--aox-form-font-family); */ font-size: var(--aox-form-font-size); line-height: var(--aox-lh-120); color: var(--aox-form-color-primary); cursor: pointer; word-wrap: break-word; } .pg_gifen .section_form .obj_radio label::before { content: ""; box-sizing: border-box; position: absolute; /* top: 0; left: 0; */ display: block; height: var(--aox-form-radio-size); width: var(--aox-form-radio-size); border: solid var(--aox-form-item-border-size) var(--aox-form-item-border-color); border-radius: 50%; background-color: var(--aox-form-item-background-color); } .pg_gifen .section_form .obj_radio label::after { opacity: 0; content: ""; box-sizing: border-box; position: absolute; display: block; /* top: calc(var(--aox-form-item-border-size) + var(--aox-3px)); left: calc(var(--aox-form-item-border-size) + var(--aox-3px)); height: calc(var(--aox-form-radio-size) - (var(--aox-form-item-border-size) * 2) - var(--aox-6px)); width: calc(var(--aox-form-radio-size) - (var(--aox-form-item-border-size) * 2) - var(--aox-6px)); */ border-radius: 50%; background-color: var(--aox-form-color-secondary); transition: all ease 400ms; } .pg_gifen .section_form .obj_radio label:hover::after, .pg_gifen .section_form .obj_radio input:checked + label::after { opacity: 1; } /***/ .pg_gifen .section_form .obj_radios.radios_inline { flex-direction: row; } @media screen and (max-width: 767px) { .pg_gifen .section_form .obj_radios.radios_inline { flex-direction: column; } } /* ======================================== */ /* obj_feedbacks /* ======================================== */ .pg_gifen .obj_feedbacks { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--aox-form-spacing-s); width: 100%; max-width: var(--aox-460px); } .pg_gifen .obj_feedbacks .t_scale { display: flex; flex-direction: row; justify-content: space-between; opacity: 0.5; width: 100%; font-family: var(--aox-form-font-family); font-size: var(--aox-form-font-size-small); line-height: var(--aox-form-line-height); color: var(--aox-form-color-primary); } .pg_gifen .obj_feedbacks .obj_feedback { position: relative; width: calc((100% - (var(--aox-form-spacing-s) * 4)) / 5); } .pg_gifen .obj_feedbacks .obj_feedback input { position: absolute; top: 0; left: 0; height: 1px; width: 1px; margin: 0; opacity: 0; } .pg_gifen .obj_feedbacks .obj_feedback label { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; height: 0; width: 100%; padding-top: 100%; border: solid 2px transparent; border-radius: var(--aox-12px); background-color: #F7F7F7; cursor: pointer; /* transition: all ease 400ms; */ } .pg_gifen .obj_feedbacks .obj_feedback label img, .pg_gifen .obj_feedbacks .obj_feedback label svg { position: absolute; z-index: 2; top: 50%; left: 50%; height: 50%; width: 50%; transform: translate(-50%, -50%); } .pg_gifen .obj_feedbacks .obj_feedback label::before { opacity: 0; content: ""; position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; background-color: var(--aox-form-color-secondary); } .pg_gifen .obj_feedbacks .obj_feedback label:hover, .pg_gifen .obj_feedbacks .obj_feedback input:checked + label { border-color: var(--aox-form-color-secondary); background-color: #FFFFFF; } .pg_gifen .obj_feedbacks .obj_feedback label:hover::before, .pg_gifen .obj_feedbacks .obj_feedback input:checked + label::before { opacity: 0.2; } /* ======================================== */ /* obj_ratings /* ======================================== */ .pg_gifen .section_form .obj_ratings { position: relative; display: flex; flex-direction: row-reverse; justify-content: flex-end; min-height: var(--aox-form-rating-size); } .pg_gifen .section_form .obj_ratings input { position: absolute; top: 0; left: 0; height: 1px; width: 1px; margin: 0; opacity: 0; } .pg_gifen .section_form .obj_ratings label { position: relative; padding-left: calc(var(--aox-form-rating-size) + var(--aox-form-spacing-s)); color: var(--aox-form-color-primary); cursor: pointer; border-radius: 50%; } .pg_gifen .section_form .obj_ratings label svg { box-sizing: border-box; position: absolute; top: 0; left: 0; display: block; height: var(--aox-form-rating-size); width: var(--aox-form-rating-size); fill: var(--aox-form-item-background-color); stroke: var(--aox-form-item-border-color); stroke-width: var(--aox-form-item-border-size); transition: all ease 400ms; } .pg_gifen .section_form .obj_ratings label:hover svg, .pg_gifen .section_form .obj_ratings label:hover ~ label svg, .pg_gifen .section_form .obj_ratings input:checked ~ label svg { fill: var(--aox-form-color-secondary); stroke: var(--aox-form-color-secondary); } .pg_gifen .section_form .obj_ratings .obj_push_rating:hover svg, .pg_gifen .section_form .obj_ratings .obj_push_rating:hover ~ .obj_push_rating, .pg_gifen .section_form .obj_ratings .obj_push_rating input:checked ~ .obj_push_rating{ background-color: var(--aox-form-color-secondary); } /* ======================================== */ /* has_error /* ======================================== */ .pg_gifen .section_form .obj_form-aox .has_error .obj_input input, .pg_gifen .section_form .obj_form-aox .has_error .obj_textarea textarea, .pg_gifen .section_form .obj_form-aox .has_error .obj_select select, .pg_gifen .section_form .obj_form-aox .has_error .obj_checkboxes .obj_checkbox label::before, .pg_gifen .section_form .obj_form-aox .has_error .obj_radios .obj_radio label::before { border: solid var(--aox-form-item-border-size-error) var(--aox-form-color-error); } .pg_gifen .section_form .obj_form-aox .has_error .obj_feedbacks .obj_feedback label { border: solid 2px var(--aox-form-color-error); } .pg_gifen .section_form .obj_form-aox .has_error .obj_ratings label svg { stroke: var(--aox-form-color-error); } /* ======================================== */ /* obj_switchs /* ======================================== */ .pg_gifen .section_form .obj_switchs { display: flex; flex-direction: column; gap: 0 var(--aox-form-spacing); } .pg_gifen .section_form .obj_switch { position: relative; display: flex; flex-direction: row; align-items: center; gap: 0 var(--aox-form-spacing-xs); min-height: var(--aox-28px); margin-left: var(--aox-form-spacing-xs); } .pg_gifen .section_form .obj_switch label { position: relative; display: flex; justify-content: flex-end; min-height: var(--aox-28px); font-family: var(--aox-form-font-family); font-size: var(--aox-form-font-size); line-height: var(--aox-28px); color: var(--aox-form-color-primary); cursor: pointer; padding-right: calc(var(--aox-48px) + var(--aox-8px)); /* width: calc(var(--aox-120px) + var(--aox-6px) + var(--aox-56px)); */ } .pg_gifen .section_form .obj_switch input { position: absolute; top: 0; left: 0; height: 1px; width: 1px; margin: 0; opacity: 0; } .pg_gifen .section_form .obj_switch .slider { position: absolute; cursor: pointer; top: 0; right: 0; bottom: 0; background-color: rgba(var(--primary-200), 1); width: var(--aox-48px); height: var(--aox-28px); -webkit-transition: .4s; transition: .4s; } .pg_gifen .section_form .obj_switch .slider:before { position: absolute; content: ""; height: var(--aox-24px); width: var(--aox-24px); left: var(--aox-2px); bottom: var(--aox-2px); background-color: white; -webkit-transition: .4s; transition: .4s; } .pg_gifen .section_form .obj_switch input:checked + .slider { background-color: rgba(var(--primary-400), 1); } .pg_gifen .section_form .obj_switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .pg_gifen .section_form .obj_switch input:checked + .slider:before { transform: translateX(var(--aox-20px)); } /* Rounded sliders */ .pg_gifen .section_form .obj_switch .slider.round { border-radius: var(--aox-28px); } .pg_gifen .section_form .obj_switch .slider.round:before { border-radius: 50%; } /***/ .pg_gifen .section_form .obj_switchs.switchs_inline { flex-direction: row; } .pg_gifen .section_form .obj_switch.is_disabled{ opacity: 0.1; } /* ======================================== */ /* .view_owner /* ======================================== */ /* obj_card_cycle */ .pg_gifen .view_owner .obj_card_cycle:not(.state-closed, .state-indisponible) .ctn_card_cycle{ background: rgba(var(--color_project-owner-primary), 0.1); } .pg_gifen .view_owner .obj_card_cycle .obj_card_cycle_header .t_subtitle{ color: rgba(var(--color_project-owner-primary), 1); } .pg_gifen .view_owner .obj_card_cycle .obj_card_cycle_bottom .obj_button:not(.is_disabled) { color: rgba(var(--color_project-owner-primary), 1); } .pg_gifen .view_owner .obj_card_cycle .obj_button.has_icon[class*=" aox_icon-"]:before, .pg_gifen .view_owner .obj_card_cycle .obj_button.has_icon[class^=aox_icon-]:before, .pg_gifen .view_owner .obj_card_cycle .obj_button.has_icon[class*=" aox_icon-"]:after, .pg_gifen .view_owner .obj_card_cycle .obj_button.has_icon[class^=aox_icon-]:after { background-color: rgba(var(--color_project-owner-primary), 1); } /* obj_push_home */ .pg_gifen .view_owner .obj_push_home .obj_card_cycle .ctn_card_cycle{ background: transparent; } /* .pg_gifen .view_owner .obj_push_home .obj_card_cycle .obj_button.has_icon[class*=" aox_icon-"]:before, .pg_gifen .view_owner .obj_push_home .obj_card_cycle .obj_button.has_icon[class^=aox_icon-]:before, .pg_gifen .view_owner .obj_push_home .obj_card_cycle .obj_button.has_icon[class*=" aox_icon-"]:after, .pg_gifen .view_owner .obj_push_home .obj_card_cycle .obj_button.has_icon[class^=aox_icon-]:after { background-color: rgba(var(--white), 1); } */ /* ======================================== */ /* .view_manager /* ======================================== */ /* obj_card_cycle */ .pg_gifen .view_manager .obj_card_cycle:not(.state-closed, .state-indisponible) .ctn_card_cycle{ background: rgba(203, 209, 230, 0.50); } .pg_gifen .view_manager .obj_card_cycle .obj_card_cycle_header .t_subtitle{ color: rgba(var(--color_project-manager-primary), 1); } .pg_gifen .view_manager .obj_card_cycle .obj_card_cycle_bottom .obj_button:not(.is_disabled) { color: rgba(var(--color_project-manager-primary), 1); } .pg_gifen .view_manager .obj_card_cycle .obj_button.has_icon[class*=" aox_icon-"]:before, .pg_gifen .view_manager .obj_card_cycle .obj_button.has_icon[class^=aox_icon-]:before, .pg_gifen .view_manager .obj_card_cycle .obj_button.has_icon[class*=" aox_icon-"]:after, .pg_gifen .view_manager .obj_card_cycle .obj_button.has_icon[class^=aox_icon-]:after { background-color: rgba(var(--color_project-manager-primary), 1); } /* obj_push_home */ .pg_gifen .view_manager .obj_push_home .obj_card_cycle .ctn_card_cycle{ background: transparent; } /* ======================================== */ /* .pg_gifen .obj_button /* ======================================== */ .pg_gifen .obj_buttons{ display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; margin-top: var(--aox-32px); } .pg_gifen .obj_buttons.var_center{ justify-content: center; } .pg_gifen .obj_buttons .ctn_buttons{ display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; gap: var(--aox-8px); } .pg_gifen .obj_buttons .ctn_buttons + .ctn_buttons{ margin-left: auto; } .pg_gifen .obj_button{ position: relative; display: flex; flex-direction: row; align-items: center; transition: all var(--duration-300ms) ease; text-decoration: none; } .pg_gifen .obj_button.filter_type{ display: flex; align-items: center; justify-content: center; width: var(--aox-40px); height: var(--aox-40px); border-radius: var(--aox-20px); } .pg_gifen .obj_button.filter_type.current{ background-color: rgba(255, 255, 255, 1); } .pg_gifen .obj_button.filter-bloc{ background: url(../../images/peon/i_gridSquare.svg) no-repeat center; background-size: var(--aox-24px); } .pg_gifen .obj_button.filter-list{ background: url(../../images/peon/i_dragLinesHorizontal.svg) no-repeat center; background-size: var(--aox-24px); } .pg_gifen .obj_button.filter_type:hover{ background-color: rgba(255, 255, 255, .5); } .pg_gifen .obj_button.filter_type.current:hover{ background-color: rgba(255, 255, 255, 1); } /***/ .pg_gifen .button_default { font-family: "century-gothic", sans-serif; font-weight: 700; text-transform: uppercase; background: rgba(var(--blue-highlight-400), 1); color: rgba(255, 255, 255, 1); border: none; border-radius: var(--aox-32px); } .pg_gifen .button_default:hover:not(:disabled) { background: rgba(var(--blue-400), 1); border: none; color: rgba(255, 255, 255, 1); } /***/ .pg_gifen .button_secondary { font-family: "century-gothic", sans-serif; font-weight: 700; text-transform: uppercase; background: rgba(var(--primary-400), 1); color: rgba(255, 255, 255, 1); border-radius: var(--aox-32px); } .pg_gifen .button_secondary:hover { background: rgba(var(--blue-400), 1); } /***/ .pg_gifen .button_focus { font-family: "century-gothic", sans-serif; font-weight: 700; text-transform: uppercase; background: rgba(var(--tertiary-400), 1); color: rgba(255, 255, 255, 1); border-radius: var(--aox-32px); } .pg_gifen .button_focus:hover { background: rgba(var(--tertiary-400), 0.7); } /***/ .pg_gifen .obj_button.is_large{ padding: var(--aox-17px) var(--aox-40px); font-size: var(--aox-fs-16px); line-height: var(--aox-lh-100); border-radius: var(--aox-32px); letter-spacing: -0.32px; } .pg_gifen .obj_button.is_medium{ padding: var(--aox-17px) var(--aox-32px); font-size: var(--aox-fs-16px); line-height: var(--aox-lh-100); border-radius: var(--aox-32px); letter-spacing: -0.3px; } .pg_gifen .obj_button.is_small{ padding: var(--aox-10px) var(--aox-24px) var(--aox-12px) var(--aox-24px); font-size: var(--aox-fs-16px); line-height: var(--aox-lh-100); border-radius: var(--aox-24px); letter-spacing: -0.3px; } .pg_gifen .obj_button.is_link{ padding: var(--aox-9px) var(--aox-16px); font-size: var(--aox-fs-14px); line-height: var(--aox-lh-90); border-radius: 0; letter-spacing: -0.3px; } .pg_gifen .obj_button.button_default.is_link{ background: transparent; color: rgba(var(--primary-400), 1); } .pg_gifen .obj_button.button_default.is_link:hover{ background: transparent; color: rgba(var(--blue-400), 1); } .pg_gifen .obj_button.button_secondary.is_link{ background: transparent; color: rgba(var(--primary-400), 1); } .pg_gifen .obj_button.button_secondary.is_link:hover{ background: transparent; color: rgba(var(--blue-400), 1); } .pg_gifen .obj_button.button_focus.is_link{ background: transparent; color: rgba(var(--tertiary-400), 1); } .pg_gifen .obj_button.button_focus.is_link:hover{ background: transparent; color: rgba(var(--tertiary-400), .7); } /***/ .pg_gifen .obj_button.button_default.is_link.var_white{ background: transparent; color: rgba(var(--white), 1); } .pg_gifen .obj_button.button_default.is_link.var_white:hover{ background: transparent; color: rgba(var(--blue-highlight-400), 1); } .pg_gifen .obj_button.button_secondary.is_link.var_white{ background: transparent; color: rgba(var(--white), 1); } .pg_gifen .obj_button.button_secondary.is_link.var_white:hover{ background: transparent; color: rgba(var(--blue-highlight-400), 1); } /***/ .pg_gifen .obj_button.is_link.is_large{ padding: var(--aox-20px) var(--aox-48px); } .pg_gifen .obj_button.is_link.is_medium{ padding: var(--aox-20px) var(--aox-40px); } .pg_gifen .obj_button.is_link.is_small{ padding: var(--aox-12px) var(--aox-24px); } /***/ .pg_gifen .obj_button.is_disabled, .pg_gifen .obj_button:disabled{ background: rgba(var(--primary-100), 1); color: rgba(var(--primary-200), 1); } .pg_gifen .obj_button.button_default.is_link.is_disabled, .pg_gifen .obj_button.button_secondary.is_link.is_disabled, .pg_gifen .obj_button.button_focus.is_link.is_disabled, .pg_gifen .obj_button.button_default.is_link:disabled, .pg_gifen .obj_button.button_secondary.is_link:disabled, .pg_gifen .obj_button.button_focus.is_link:disabled{ color: rgba(var(--primary-200), 1); } .pg_gifen .obj_button.is_disabled:hover, input[type="button"]:disabled:hover{ cursor: default; } .pg_gifen .obj_button.button_default.is_disabled:hover, .pg_gifen .obj_button.button_default:disabled:hover{ background: rgba(var(--primary-100), 1); color: rgba(var(--primary-200), 1); } .pg_gifen .obj_button.button_secondary.is_disabled:hover, .pg_gifen .obj_button.button_secondary:disabled:hover{ background: rgba(var(--primary-100), 1); color: rgba(var(--primary-200), 1); } .pg_gifen .obj_button.button_focus.is_disabled:hover, .pg_gifen .obj_button.button_focus:disabled:hover{ background: rgba(var(--primary-100), 1); color: rgba(var(--primary-200), 1); } .pg_gifen .obj_button.button_default.is_link.is_disabled:hover, .pg_gifen .obj_button.button_secondary.is_link.is_disabled:hover, .pg_gifen .obj_button.button_focus.is_link.is_disabled:hover, .pg_gifen .obj_button.button_default.is_link:disabled:hover, .pg_gifen .obj_button.button_secondary.is_link:disabled:hover, .pg_gifen .obj_button.button_focus.is_link:disabled:hover{ color: rgba(var(--primary-200), 1); background:none; } /***/ .pg_gifen .obj_button.var_right{ margin-left: auto; } /* has_icon */ .pg_gifen .obj_button.has_icon{ gap: 0 var(--aox-4px); } .pg_gifen .obj_button.has_icon .obj_icon{ /* padding: var(--aox-10px); */ width: var(--aox-24px); height: var(--aox-24px); } .pg_gifen .obj_button.has_icon .obj_icon svg{ width: 100%; height: 100%; } .pg_gifen .obj_button.is_large.has_icon{ --aox-icon-size : var(--aox-24px); padding: var(--aox-12px) var(--aox-32px) var(--aox-12px) var(--aox-20px); } .pg_gifen .obj_button.is_medium.has_icon{ --aox-icon-size : var(--aox-24px); padding: var(--aox-12px) var(--aox-20px) var(--aox-12px) var(--aox-16px); } .pg_gifen .obj_button.is_small.has_icon{ --aox-icon-size : var(--aox-24px); padding: var(--aox-6px) var(--aox-20px) var(--aox-6px) var(--aox-12px); } .pg_gifen .obj_button.is_link.has_icon{ --aox-icon-size : var(--aox-24px); padding: var(--aox-4px) var(--aox-16px) var(--aox-4px) var(--aox-4px); } .pg_gifen .obj_button.has_icon[class*=" aox_icon-"]:before, .pg_gifen .obj_button.has_icon[class^=aox_icon-]:before, .pg_gifen .obj_button.has_icon[class*=" aox_icon-"]:after, .pg_gifen .obj_button.has_icon[class^=aox_icon-]:after{ background-color: #ffffff; pointer-events: none; transition: all var(--duration-300ms) ease; } .pg_gifen .obj_button.has_icon.is_link[class*=" aox_icon-"]:before, .pg_gifen .obj_button.has_icon.is_link[class^=aox_icon-]:before, .pg_gifen .obj_button.has_icon.is_link[class*=" aox_icon-"]:after, .pg_gifen .obj_button.has_icon.is_link[class^=aox_icon-]:after{ background-color: rgba(var(--primary-400), 1); } .pg_gifen .obj_button:hover.has_icon.is_link[class*=" aox_icon-"]:before, .pg_gifen .obj_button:hover.has_icon.is_link[class^=aox_icon-]:before, .pg_gifen .obj_button:hover.has_icon.is_link[class*=" aox_icon-"]:after, .pg_gifen .obj_button:hover.has_icon.is_link[class^=aox_icon-]:after{ background-color: rgba(var(--blue-400), 1); } /***/ .pg_gifen .obj_button-link{ font-family: var(--aox-form-font-family); font-weight: 400; font-size: var(--aox-form-font-size); line-height: var(--aox-lh-120); color: var(--aox-form-color-primary); background-color: transparent; text-decoration: underline; } .pg_gifen .obj_button-link:hover{ color: rgba(var(--blue-400), 1); text-decoration: none; } /***/ .pg_gifen .obj_button > .t_hover{ position: absolute; left: 50%; top: calc(-1* 50%); padding: var(--aox-12px) var(--aox-16px); font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-12px); font-weight: 400; line-height: 1; color: #fff; transform: translateX(-50%); background: rgba(var(--primary-400), 1); /* backdrop-filter: blur(5px); */ border-radius: var(--aox-2px); white-space: nowrap; letter-spacing: 0.5px; opacity: 0; visibility: hidden; transition: all .3s ease; z-index: 1; } .pg_gifen .obj_button:hover > .t_hover { top: calc(-1* 80%); opacity: 1; visibility: visible; } .pg_gifen .obj_button > .t_hover:after { content: ""; display: block; height: var(--aox-10px); width: var(--aox-10px); background-color: rgba(var(--primary-400), 1); border: inherit; position: absolute; bottom: calc(-1* var(--aox-3px)); left: 50%; clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: translateX(-50%) rotate(315deg); border-radius: 0 0 0 2px; z-index: 1; } .pg_gifen .obj_button.button_default > .t_hover, .pg_gifen .obj_button.button_default > .t_hover:after{ background: rgba(var(--blue-highlight-400), 1); } .pg_gifen .obj_button.button_secondary > .t_hover, .pg_gifen .obj_button.button_secondary > .t_hover:after{ background: rgba(var(--primary-400), 1); } .pg_gifen .obj_button.button_focus > .t_hover, .pg_gifen .obj_button.button_focus > .t_hover:after{ background: rgba(var(--tertiary-400), 1); } /***/ .pg_gifen .obj_button.button_trash { position: relative; display: flex; width: var(--aox-34px); height: var(--aox-34px); flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; background: url(../../images/peon/i_trash.png) no-repeat center center; background-size: var(--aox-16px); background-color: rgba(var(--white), 1); border-radius: var(--aox-34px); border: 2px solid transparent; } .pg_gifen .obj_button.button_trash:hover { background-color: rgba(var(--primary-100), 1); border: 2px solid rgba(var(--primary-400), 1); } /***/ /***/ .pg_gifen .obj_buttons.obj_buttons-role-display{ position: absolute; justify-content: flex-end; top: calc(-1 * var(--aox-70px)); right: var(--aox-24px); margin-top: 0; } .pg_gifen .obj_buttons.obj_buttons-role-display .obj_button.button_default{ background: transparent; color: rgba(var(--blue-400), 1); font-size: var(--aox-fs-18px); line-height: var(--aox-lh-100); } .pg_gifen .obj_buttons.obj_buttons-role-display .obj_button.button_secondary{ background: transparent; color: rgba(var(--primary-400), 1); font-size: var(--aox-fs-18px); line-height: var(--aox-lh-100); } .pg_gifen .obj_buttons.obj_buttons-role-display .obj_button:hover { background: rgba(255, 255, 255, 0.25); } .pg_gifen .obj_buttons.obj_buttons-role-display .obj_button.is_current{ background: rgba(255, 255, 255, 1); } /***/ .pg_gifen .obj_buttons.obj_buttons-mode-tree{ position: relative; justify-content: center; padding: var(--aox-16px) 0 0 0; } .pg_gifen .obj_buttons.obj_buttons-mode-tree .ctn_buttons{ position: relative; padding: var(--aox-4px) var(--aox-48px); border-radius: var(--aox-32px); background: rgba(24, 49, 159, 0.1); gap: var(--aox-24px); } .pg_gifen .obj_buttons.obj_buttons-mode-tree .obj_button{ background: transparent; color: rgba(0, 0, 0, 1); font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); padding: var(--aox-4px) 0; } /* .pg_gifen .obj_buttons.obj_buttons-mode-tree .obj_button.button_default{ background: transparent; color: rgba(var(--blue-400), 1); font-size: var(--aox-fs-18px); line-height: var(--aox-lh-100); } .pg_gifen .obj_buttons.obj_buttons-mode-tree .obj_button.button_secondary{ background: transparent; color: rgba(var(--primary-400), 1); font-size: var(--aox-fs-18px); line-height: var(--aox-lh-100); } */ .pg_gifen .obj_buttons.obj_buttons-mode-tree .obj_button:hover { color: rgba(var(--primary-400), 0.5); } .pg_gifen .obj_buttons.obj_buttons-mode-tree .obj_button.is_current{ color: rgba(var(--primary-400), 1); } /***/ .pg_gifen .obj_buttons.obj_buttons-detail{ position: relative; justify-content: flex-end; margin: 0 var(--aox-32px) 0 auto; width: 30%; } .pg_gifen .obj_buttons.obj_buttons-detail .ctn_buttons{ gap: var(--aox-24px); } .pg_gifen .obj_buttons.obj_buttons-detail .button_switch{ background: transparent; color: rgba(0, 0, 0, 1); font-size: var(--aox-fs-16px); line-height: var(--aox-lh-100); padding: var(--aox-4px) 0; } .pg_gifen .obj_buttons.obj_buttons-detail .button_switch:hover { color: rgba(var(--primary-400), 0.5); } .pg_gifen .obj_buttons.obj_buttons-detail .button_switch.is_current { color: rgba(var(--primary-400), 1); font-weight: 700; } /* ======================================== */ /* .pg_gifen .obj_section /* ======================================== */ .pg_gifen .obj_section{ position: relative; /* overflow: hidden; */ width: 100%; color: #000; font-family: "century-gothic", sans-serif; font-weight: 400; } .pg_gifen .obj_section .ctn_section > * + * { margin-top: var(--aox-32px); } .pg_gifen .obj_section .ctn_section > .ctn_title{ width: 100%; position: relative; } .pg_gifen .obj_section .ctn_title .t_title { font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-28px); line-height: var(--aox-lh-120); color: rgba(var(--primary-700), 1); } .pg_gifen .obj_section .ctn_text{ padding-right: var(--aox-32px); } .pg_gifen .obj_section .ctn_text.is_large{ padding-right: var(--aox-32px); } .pg_gifen .obj_section .ctn_text p{ font-family: "century-gothic", sans-serif; font-weight: 400; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); color: rgba(4, 11, 44, 1); } .pg_gifen .obj_section .ctn_text > * + * { margin-top: var(--aox-24px); } .pg_gifen .obj_section.has_columns .ctn_columns { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 0 var(--aox-16px); } .pg_gifen .obj_section.has_columns .ctn_columns > .is_large + * { width: calc(50% - var(--aox-8px)); } .pg_gifen .obj_section.has_columns .ctn_columns > * { width: calc(63% - var(--aox-16px)); } .pg_gifen .obj_section.has_columns .ctn_columns > .ctn_pushs { display: flex; flex-direction: column; gap: var(--aox-16px) 0; } .pg_gifen .obj_section.has_columns .ctn_columns > .ctn_pushs .obj_list_pushs_action.action_pdca{ flex-direction: column; gap: var(--aox-16px) 0; } .pg_gifen .obj_section.has_columns .ctn_columns > .ctn_pushs .obj_list_pushs_action.action_pdca .obj_push_action{ width: 100%; } /***/ .pg_gifen .obj_section.has_columns .ctn_columns > .ctn_text.is_large { width: calc(50% - var(--aox-8px)); } .pg_gifen .obj_section.has_columns .ctn_columns > .ctn_text { width: 37%; margin-top: unset; } /***/ .pg_gifen .obj_section.has_columns .ctn_columns > .has_columns { display: flex; flex-direction: row; gap: var(--aox-16px) 0; justify-content: space-between; } .pg_gifen .obj_section.has_columns .ctn_columns > .has_columns > *{ width: calc(50% - var(--aox-8px)); } .pg_gifen .obj_section.has_columns .ctn_columns > .has_columns > .ctn_push{ padding: var(--aox-32px); gap: var(--aox-16px) 0; } .pg_gifen .obj_section.has_columns .ctn_columns > .has_columns > .ctn_push .t_label{ font-family: "century-gothic", sans-serif; font-weight: 400; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); } /* ======================================== */ /* .pg_gifen .obj_back-button /* ======================================== */ .pg_gifen .obj_back-button{ position: relative; margin: 0 var(--aox-12px) 0 0; } .pg_gifen .obj_back-button a{ position: relative; display: flex; font-size: 0; background-color: rgba(203, 209, 230, 0.3); text-decoration: none; width: var(--aox-52px); height: var(--aox-52px); border-radius: 100%; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; } .pg_gifen .obj_back-button a:hover{ background-color: rgba(var(--blue-highlight-400), 1); } .pg_gifen .obj_back-button a::before{ content: ''; position: relative; left: var(--aox-2px); width: var(--aox-12px); height: var(--aox-12px); transform: rotate(45deg); border: 2px solid rgba(29, 41, 89, 1); border-top: none; border-right: none; } .pg_gifen .obj_back-button a:hover::before{ border-color:rgba(255, 255, 255, 1); } /* ======================================== */ /* .pg_gifen .obj_nav_aside /* ======================================== */ .pg_gifen .obj_nav_aside{ position: absolute; width: 45%; } .pg_gifen .obj_nav_aside .ctn_nav_aside{ position: relative; width: var(--aox-52px); margin: 0; padding: 0; } .pg_gifen .obj_nav_aside .ctn_nav_aside > li{ display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; background-color: rgba(var(--primary-100), 1); border-radius: var(--aox-52px); } /***/ .pg_gifen .obj_nav_aside .ctn_nav_aside > li.is-current.has_steps{ padding: var(--aox-3px); } .pg_gifen .obj_nav_aside .ctn_nav_aside > li.is-close > .bt_step{ display: none; } .pg_gifen .obj_nav_aside .ctn_nav_aside > li.is-current.has_steps .bt_icon { width: var(--aox-46px); height: var(--aox-46px); } .pg_gifen .obj_nav_aside .ctn_nav_aside > li.is-done > .bt_step{ display: none; } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step{ position: relative; display: flex; width: var(--aox-46px); height: var(--aox-46px); flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; color: rgba(var(--primary-700), 1); } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step span:not(.t_hover){ position: absolute; font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-20px); line-height: var(--aox-lh-100); z-index: 2; } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-done{ background-color: rgba(var(--primary-400), 1); border-radius: 100%; } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-done span{ color: rgba(255, 255, 255, 1); } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_icon + .bt_step.is-done:before, .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-done + .bt_step.is-done:before{ content: ""; position: absolute; display: block; width: 100%; height: 100%; top: -50%; z-index: 1; background-color: rgba(var(--primary-400), 1); } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-incomplete{ background-color: rgba(var(--primary-400), .5); border-radius: 100%; width: var(--aox-36px); height: var(--aox-36px); margin: var(--aox-5px); } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-incomplete span{ color: rgba(255, 255, 255, 1); } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-inactive:hover { cursor: default; } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-inactive > span{ color: rgba(var(--primary-700), .2); } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-inactive .t_hover{ color: rgba(var(--primary-400), 0.2); background: rgba(var(--primary-100), 1); } /***/ .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-focus span:not(.t_hover){ color: rgba(var(--blue-highlight-400), 1); } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-incomplete.is-focus span:not(.t_hover){ color: rgba(156,207,229, 1); } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-focus:after { content: ""; display: block; height: var(--aox-16px); width: var(--aox-16px); background-color: rgba(var(--blue-highlight-400), 1); border: inherit; position: absolute; bottom: calc(50% + var(--aox-2px)); left: calc(-1 * var(--aox-25px)); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(225deg) translate(-50%, -50%); border-radius: var(--aox-4px); z-index: 1; } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-incomplete.is-focus:after{ left: calc(-1 * var(--aox-30px)); } .pg_gifen .obj_nav_aside .bt_icon{ position: relative; display: flex; width: var(--aox-52px); height: var(--aox-52px); flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; background-color: rgba(var(--primary-100), 1); border-radius: var(--aox-52px); } .pg_gifen .obj_nav_aside .ctn_nav_aside li + li{ margin-top: var(--aox-2px); } .pg_gifen .obj_nav_aside .bt_icon svg{ fill: rgba(var(--primary-700), .2); width: var(--aox-24px); height: var(--aox-24px); z-index: 2; } .pg_gifen .obj_nav_aside .bt_icon .t_hover, .pg_gifen .obj_nav_aside .bt_step .t_hover{ position: absolute; left: var(--aox-45px); top: 50%; padding: var(--aox-12px) var(--aox-16px); font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-12px); font-weight: 700; line-height: 1; color: #fff; text-transform: uppercase; transform: translateY(-50%); background: rgba(var(--blue-highlight-400), .8); backdrop-filter: blur(5px); border-radius: var(--aox-2px); /* max-width: var(--aox-200px); */ white-space: nowrap; opacity: 0; visibility: hidden; transition: all .3s ease; z-index: 2; } .pg_gifen .obj_nav_aside .bt_icon:hover .t_hover, .pg_gifen .obj_nav_aside .bt_step:hover .t_hover{ left: var(--aox-55px) !important; opacity: 1; visibility: visible; } .pg_gifen .obj_nav_aside li.is-current .bt_icon{ background-color: rgba(var(--primary-400), 1); } .pg_gifen .obj_nav_aside li.is-inactive .bt_icon svg{ fill: rgba(var(--primary-700), .2); } .pg_gifen .obj_nav_aside li .bt_icon:hover svg{ fill: rgba(var(--primary-700), .2); } .pg_gifen .obj_nav_aside li.is-current .bt_icon svg, .pg_gifen .obj_nav_aside li.is-current.is-done .bt_icon svg{ fill:#fff; } .pg_gifen .obj_nav_aside li.is-done .bt_icon svg{ fill:rgba(var(--primary-700), 1); } .pg_gifen .obj_nav_aside li.is-inactive .bt_icon:hover{ cursor: default; } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-done .t_hover{ color: rgba(255, 255, 255, 1); background: rgba(var(--primary-400), 1); } .pg_gifen .obj_nav_aside .ctn_nav_aside > li .bt_step.is-incomplete .t_hover{ color: rgba(255, 255, 255, 1); background: rgba(var(--primary-400), .5); left: var(--aox-40px); } .pg_gifen .obj_nav_aside .bt_step.is-incomplete:hover .t_hover{ left: var(--aox-50px) !important; } .pg_gifen .obj_nav_aside .bt_step.is-done:hover .t_hover{ left: var(--aox-55px) !important; } /***/ .pg_gifen .obj_nav_aside .t_title{ position: absolute; display: inline-block; font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-14px); line-height: var(--aox-lh-120); color: rgba(var(--primary-400), 1); left: var(--aox-68px); top: var(--aox-16px); padding: 0; text-transform: uppercase; letter-spacing: 0.1em; } /* ======================================== */ /* .pg_gifen .obj_content /* ======================================== */ .pg_gifen .ctn_content .obj_content{ position: relative; display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; padding: var(--aox-96px) 3.33vw var(--aox-96px) 6.875vw; /* z-index: 1; */ } .pg_gifen .ctn_content .obj_content.is_full { padding: 0 0 var(--aox-96px) 5vw; } .pg_gifen .ctn_content .obj_content > .ctn_form-footer{ margin-top: var(--aox-40px); } /* ======================================== */ /* .pg_gifen .obj_radio_push_evaluation /* ======================================== */ .pg_gifen .obj_radio_push_evaluation{ position: relative; flex-grow: 1; } .pg_gifen .obj_radio_push_evaluation.is_empty{width: var(--aox-150px);width: 7.8125vw;} .pg_gifen .obj_radio_push_evaluation.is_basic{width: var(--aox-190px);width: 9.895vw;} .pg_gifen .obj_radio_push_evaluation.is_bronze, .pg_gifen .obj_radio_push_evaluation.is_silver, .pg_gifen .obj_radio_push_evaluation.is_gold{width: calc(var(--aox-260px) + var(--aox-9px));width: 14.010vw;} .pg_gifen .obj_radio_push_evaluation.is_null{width: var(--aox-125px);width: 6.5104vw;margin-left: var(--aox-10px);} .pg_gifen .obj_radio_push_evaluation .obj_icon{ display: flex; position: absolute; top: var(--aox-16px); left: var(--aox-16px); height: var(--aox-26px); width: calc(100% - var(--aox-32px)); justify-content: flex-end; } .pg_gifen .obj_radio_push_evaluation .obj_icon .v_icon{ position: relative; width: var(--aox-26px); height: var(--aox-26px); z-index: 1; cursor: pointer; } .pg_gifen .obj_radio_push_evaluation .obj_icon .btn_info{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-14px); line-height: var(--aox-lh-70); text-transform: uppercase; width: var(--aox-26px); height: var(--aox-26px); margin-right: auto; border: solid 1px #d2d6e7; border-radius: 50%; color: rgba(var(--primary-400), 1); z-index: 1; cursor: pointer; } .pg_gifen .obj_radio_push_evaluation .obj_icon .btn_info:hover{ border: solid 1px #d2d6e7; color: rgba(var(--primary-400), 1); background-color: rgba(var(--primary-200), .35); } .pg_gifen .obj_radio_push_evaluation.is_checked label{ background-color: rgba(var(--primary-200), 1); } .pg_gifen .obj_radio_push_evaluation.is_checked label::after { opacity: 1; top: unset; left: 50%; bottom: calc(var(--aox-24px)); width: var(--aox-form-radio-size); height: var(--aox-form-radio-size); transform: translateX(-50%); } /* .pg_gifen .obj_radio_push_evaluation label:hover::after{ opacity: 0.15; } */ .pg_gifen .obj_radio_push_evaluation.is_checked:not(.is_current) label:hover::after{ transform: translateX(-50%) scale(1.3); } .pg_gifen .obj_radio_push_evaluation input:is_checked + label::after { opacity: 1; } .pg_gifen .obj_radio_push_evaluation:not(.is_checked) label:hover { background-color: rgba(var(--primary-200), .35); } .pg_gifen .obj_radio_push_evaluation label{ font-family: "century-gothic", sans-serif; font-weight: 400; padding-left: 0; padding-bottom: calc(var(--aox-form-radio-size) + var(--aox-form-spacing-s)); height: 100%; padding: var(--aox-56px) var(--aox-16px) var(--aox-64px); text-align: center; border-radius: var(--aox-12px); background-color: rgba(var(--primary-100), 1); } .pg_gifen .obj_radio_push_evaluation label::before { top: unset; left: 50%; bottom: var(--aox-24px); transform: translateX(-50%); } .pg_gifen .obj_radio_push_evaluation label::after { top: unset; left: 50%; bottom: calc(var(--aox-24px)); width: var(--aox-form-radio-size); height: var(--aox-form-radio-size); transform: translateX(-50%); } .pg_gifen .obj_radio_push_evaluation .obj_icon:before{ content: ""; display: block; height: var(--aox-18px); width: var(--aox-18px); background-color: white; border: inherit; position: absolute; top: 50%; left: calc(-1* var(--aox-26px)); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: translateY(-50%) rotate(225deg); border-radius: 0 0 0 4px; z-index: 1; } .pg_gifen .obj_radio_push_evaluation.is_empty .obj_icon:before, .pg_gifen .obj_radio_push_evaluation.is_basic .obj_icon:before{ display: none; } .pg_gifen .obj_radio_push_evaluation .obj_icon:after{ content: ""; display: block; height: var(--aox-20px); width: var(--aox-20px); background-color: rgba(var(--primary-100), 1); border: inherit; position: absolute; bottom: var(--aox-2px); right: calc(-1* var(--aox-20px)); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(225deg); border-radius: 0 0 0 2px; z-index: 1; } .pg_gifen .obj_radio_push_evaluation.is_checked .obj_icon:after{ background-color: rgba(var(--primary-200), 1); } .pg_gifen .obj_radio_push_evaluation.is_empty .obj_icon:after, .pg_gifen .obj_radio_push_evaluation.is_null .obj_icon:after{ display: none; } .pg_gifen .obj_radio_push_evaluation.is_empty .obj_icon .v_icon{ background: url(../../images/peon/i_level_eval_vierge.png) no-repeat right center; background-size: var(--aox-24px); } .pg_gifen .obj_radio_push_evaluation.is_basic .obj_icon .v_icon{ background: url(../../images/peon/i_level_eval_standard.png) no-repeat right center; background-size: var(--aox-26px); } .pg_gifen .obj_radio_push_evaluation.is_bronze .obj_icon .v_icon{ background: url(../../images/peon/i_level_eval_bronze.png) no-repeat right center; background-size: var(--aox-26px); } .pg_gifen .obj_radio_push_evaluation.is_silver .obj_icon .v_icon{ background: url(../../images/peon/i_level_eval_silver.png) no-repeat right center; background-size: var(--aox-26px); } .pg_gifen .obj_radio_push_evaluation.is_gold .obj_icon .v_icon{ background: url(../../images/peon/i_level_eval_gold.png) no-repeat right center; background-size: var(--aox-26px); } .pg_gifen .obj_radio_push_evaluation.is_gold .obj_icon:after{ display: none; } .pg_gifen .obj_radio_push_evaluation .obj_icon .t_hover{ position: absolute; right: 0; top: calc(-1 * var(--aox-36px)); padding: var(--aox-12px) var(--aox-16px); font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-12px); font-weight: 700; line-height: 1; color: #fff; text-transform: uppercase; transform: translateY(-50%); background: rgba(var(--tertiary-400), 1); border-radius: var(--aox-2px); /* max-width: var(--aox-200px); */ white-space: nowrap; opacity: 0; visibility: hidden; transition: all .3s ease; z-index: 1; } .pg_gifen .obj_radio_push_evaluation .obj_icon .v_icon:hover .t_hover { /* left: var(--aox-55px); */ top: calc(-1 * var(--aox-26px)); opacity: 1; visibility: visible; } .pg_gifen .obj_radio_push_evaluation .obj_icon .t_hover:after { content: ""; display: block; height: var(--aox-10px); width: var(--aox-10px); background-color: rgba(var(--tertiary-400), 1); border: inherit; position: absolute; bottom: calc(-1 * var(--aox-3px)); right: var(--aox-8px); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(315deg); border-radius: 0 0 0 2px; z-index: 1; } .pg_gifen .obj_radio_push_evaluation .obj_icon .btn_info .t_hover{ position: absolute; left: calc(-1 * var(--aox-12px)); right: unset; top: var(--aox-26px); padding: var(--aox-12px) var(--aox-16px); font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-12px); font-weight: 400; line-height: var(--aox-lh-130); color: var(--aox-form-color-primary); transform: translateX(0%); background: #d2d6e7; /* backdrop-filter: blur(5px); */ border-radius: var(--aox-2px); white-space: normal; text-align: left; text-transform: none; letter-spacing: 0.5px; width: var(--aox-250px); opacity: 0; visibility: hidden; transition: all .3s ease; z-index: 2; } .pg_gifen .obj_radio_push_evaluation .obj_icon .btn_info:hover .t_hover { top: var(--aox-36px); opacity: 1; visibility: visible; } .pg_gifen .obj_radio_push_evaluation .obj_icon .btn_info .t_hover:after { content: ""; display: block; height: var(--aox-10px); width: var(--aox-10px); background-color: #d2d6e7; border: inherit; position: absolute; top: calc(-1* var(--aox-3px)); bottom: unset; left: 10%; clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: translateX(-50%) rotate(135deg); border-radius: 0 0 0 2px; z-index: 1; } /***/ .pg_gifen .is_read-only .obj_radio_push_evaluation label { cursor: default; } .pg_gifen .is_read-only .obj_radio_push_evaluation:not(.is_checked) label { background-color: rgba(var(--primary-100), 1); } .pg_gifen .is_read-only .obj_radio_push_evaluation input + label::before, .pg_gifen .is_read-only .obj_radio_push_evaluation input + label::after { content: none; } /* ======================================== */ /* .obj_accordion /* ======================================== */ .pg_gifen .obj_accordion { position: relative; width: 100%; } .pg_gifen .ctn_accordion-action { border-bottom: 1px solid rgba(var(--primary-200), 1); padding: 0 0 var(--aox-form-spacing) 0; } .pg_gifen .obj_accordion-item { width: 100%; } .pg_gifen .obj_accordion-item + .ctn_accordion-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 500ms; } .pg_gifen .obj_accordion-item[open] + .ctn_accordion-content { grid-template-rows: 1fr; } .pg_gifen .obj_accordion-item + .ctn_accordion-content .obj_accordion-content{ overflow: hidden; } @keyframes details-show { from { opacity:0; transform: var(--details-translate, translateY(-0.5em)); } } .pg_gifen details.obj_accordion-item[open] > .obj_accordion-content { animation: details-show 300ms ease-in-out; } .pg_gifen .ctn_accordion-action + .ctn_accordion-action{ padding: var(--aox-form-spacing) 0; margin-top: 0; } .pg_gifen .obj_accordion-trigger { display: flex; justify-content: space-between; cursor: pointer; flex-direction: row; align-items: center; padding: var(--aox-8px) 0; } .pg_gifen .obj_accordion .obj_accordion-item .obj_accordion-trigger .t_title { display: flex; flex-direction: row; flex-wrap: wrap; font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-28px); line-height: var(--aox-lh-120); color: rgba(var(--primary-700), 1); text-transform: inherit; width: 100%; } .pg_gifen .obj_accordion .obj_accordion-item .obj_accordion-trigger .t_title span { display: block; margin-right: var(--aox-5px); } .pg_gifen .obj_accordion .obj_accordion-icon { position: relative; display: flex; font-size: 0; background-color: rgba(203, 209, 230, 0.3); text-decoration: none; width: var(--aox-52px); height: var(--aox-52px); border-radius: 100%; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; transition: transform 0.5s; } .pg_gifen .obj_accordion .obj_accordion-icon:before { content: ''; position: relative; left: 0; width: var(--aox-12px); height: var(--aox-12px); transform: rotate(45deg); border: 2px solid rgba(29, 41, 89, 1); border-top: none; border-left: none; bottom: var(--aox-4px); } .pg_gifen .obj_accordion-item[open] .obj_accordion-icon { transform: rotate(180deg); } .pg_gifen .obj_accordion .obj_accordion-content .obj_push-action_row{ padding-top: var(--aox-16px); margin-top: unset; } /* ======================================== */ /* .pg_gifen .obj_item_action /* ======================================== */ .pg_gifen .obj_item_action{ position: relative; display: flex; padding: var(--aox-16px); height: 100%; border-radius: var(--aox-16px); } .pg_gifen .obj_item_action .ctn_text{ position: relative; display: flex; flex-direction: column; flex-wrap: wrap; padding: 0; width: 100%; } .pg_gifen .obj_item_action .ctn_text > * + *{ margin-top: var(--aox-4px); } .pg_gifen .obj_item_action .ctn_text .t_title{ font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-12px); line-height: var(--aox-lh-120); } .pg_gifen .obj_item_action .ctn_text p{ font-family: "century-gothic", sans-serif; font-weight: 400; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); color: rgba(4, 11, 44, 1); } .pg_gifen .obj_item_action .ctn_text .t_modif_action{ position: relative; font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-12px); line-height: var(--aox-lh-120); color: rgba(var(--tertiary-400), 1); letter-spacing: -0.05em; margin-top: var(--aox-4px); } /* .pg_gifen .obj_item_action .ctn_text .t_modif_action.is_my_modify{ color: rgba(var(--tertiary-400), 1); } */ .pg_gifen .obj_item_action .ctn_text .t_modif_action.is_modify{ color: rgba(var(--black), 1); } .pg_gifen .obj_item_action .ctn_text .t_modif_action.is_has_modify::before{ content: ""; position: absolute; top: 0; left: 0; width: var(--aox-12px); height: var(--aox-12px); background: url(../../images/peon/i_modif_action_other.svg) no-repeat center; background-size: 100%; } .pg_gifen .obj_item_action .ctn_text .t_modif_action.is_has_modify{ padding-left: var(--aox-16px); color: rgba(var(--black), 1); } .pg_gifen .obj_item_action .obj_icon .v_icon{ position: relative; z-index: 1; cursor: pointer; height: 100%; } /* is_rappel */ .pg_gifen .obj_item_action.is_rappel{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(var(--primary-200), 1); justify-content: space-between; } .pg_gifen .obj_item_action.is_rappel:after { content: ""; display: block; background-color: rgba(255, 255, 255, 1); border: inherit; position: absolute; top: var(--aox-24px); height: var(--aox-12px); width: var(--aox-12px); right: calc(-1* var(--aox-7px)); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(225deg); border-radius: 0 0 0 2px; z-index: 1; } .pg_gifen .obj_item_action.is_rappel .obj_icon{ position: relative; width: var(--aox-32px); height: var(--aox-32px); background-size: var(--aox-32px); } .pg_gifen .obj_item_action.is_rappel .ctn_text{ padding-top: var(--aox-4px); width: calc(100% - var(--aox-44px)); } /* is_rappel_nonapp */ .pg_gifen .obj_item_action.is_rappel_nonapp{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; background-color: rgba(var(--primary-100), 1); border: 1px solid rgba(var(--primary-200), 1); justify-content: space-between; } .pg_gifen .obj_item_action.is_rappel_nonapp .obj_icon{ position: relative; width: var(--aox-32px); height: var(--aox-32px); } .pg_gifen .obj_item_action.is_rappel_nonapp .obj_icon{ background: url(../../images/peon/i_action_rappel_vierge.png) no-repeat center; background-size: var(--aox-24px); } .pg_gifen .obj_item_action.is_rappel_nonapp .ctn_text{ padding-top: var(--aox-4px); width: calc(100% - var(--aox-44px)); } /* is_objectif */ .pg_gifen .obj_item_action.is_objectif{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(var(--primary-200), 1); justify-content: space-between; } .pg_gifen .obj_item_action.is_objectif .obj_icon{ position: relative; width: var(--aox-32px); height: var(--aox-32px); } .pg_gifen .obj_item_action.is_objectif:before { content: ""; display: block; background-color: rgba(255, 255, 255, 1); border: inherit; position: absolute; top: var(--aox-24px); height: var(--aox-12px); width: var(--aox-12px); left: calc(-1* var(--aox-8px)); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(225deg); border-radius: 0 0 0 2px; z-index: 1; } .pg_gifen .obj_item_action.is_objectif .ctn_text{ padding-top: var(--aox-4px); width: calc(100% - var(--aox-44px)); margin-top: 0; } /* is_null */ .pg_gifen .obj_item_action.is_null{ display: none; } .pg_gifen .obj_item_action.is_standard .obj_icon{ background: url(../../images/peon/i_action_rappel_standard.png) no-repeat center; background-size: var(--aox-32px); } .pg_gifen .obj_item_action.is_bronze .obj_icon{ background: url(../../images/peon/i_action_rappel_bronze.png) no-repeat center; background-size: var(--aox-32px); } .pg_gifen .obj_item_action.is_silver .obj_icon{ background: url(../../images/peon/i_action_rappel_silver.png) no-repeat center; background-size: var(--aox-32px); } .pg_gifen .obj_item_action.is_gold .obj_icon{ background: url(../../images/peon/i_action_rappel_gold.png) no-repeat center; background-size: var(--aox-32px); } /* action_onprogress */ .pg_gifen .obj_item_action.action_onprogress{ flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding: var(--aox-18px) var(--aox-40px) var(--aox-16px) var(--aox-20px); background-color: rgba(var(--tertiary-100), 1); border: 1px solid transparent; } .pg_gifen .obj_item_action.action_onprogress:before { content: ""; display: block; height: var(--aox-18px); width: var(--aox-18px); background-color: white; border: inherit; position: absolute; top: var(--aox-22px); left: calc(-1* var(--aox-14px)); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(225deg); border-radius: 0 0 0 4px; } .pg_gifen .obj_item_action.action_onprogress:after { content: ""; display: block; background-color: rgba(var(--tertiary-100), 1); border: inherit; position: absolute; top: var(--aox-24px); height: var(--aox-12px); width: var(--aox-12px); right: calc(-1* var(--aox-7px)); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(225deg); border-radius: 0 0 0 2px; z-index: 1; } .pg_gifen .obj_item_action.action_onprogress .obj_icon{ position: absolute; top: var(--aox-10px); right: var(--aox-10px); width: var(--aox-24px); height: var(--aox-24px); background: url(../../images/peon/i_action_onprogress.svg) no-repeat center; background-size: var(--aox-24px); } .pg_gifen .obj_item_action.action_onprogress .ctn_text .t_title{ color: rgba(var(--tertiary-400), 1); } /* action_onmaintien */ .pg_gifen .obj_item_action.action_onmaintien{ flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding: var(--aox-18px) var(--aox-40px) var(--aox-16px) var(--aox-20px); background-color: rgba(var(--tertiary-100), 1); border: 1px solid transparent; } .pg_gifen .obj_item_action.action_onmaintien:before { content: ""; display: block; height: var(--aox-18px); width: var(--aox-18px); background-color: white; border: inherit; position: absolute; top: var(--aox-22px); left: calc(-1* var(--aox-14px)); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(225deg); border-radius: 0 0 0 4px; } .pg_gifen .obj_item_action.action_onmaintien .obj_icon{ position: absolute; top: var(--aox-10px); right: var(--aox-10px); width: var(--aox-24px); height: var(--aox-24px); background: url(../../images/peon/i_action_onmaintien.svg) no-repeat center; background-size: var(--aox-24px); } .pg_gifen .obj_item_action.action_onmaintien .ctn_text .t_title{ color: rgba(var(--tertiary-400), 1); } /* action_off */ .pg_gifen .obj_item_action.action_off{ flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding: var(--aox-18px) var(--aox-40px) var(--aox-16px) var(--aox-20px); background-color: rgba(243, 246, 245, 1); border: 1px solid transparent; } .pg_gifen .obj_item_action.action_off:before { content: ""; display: block; height: var(--aox-18px); width: var(--aox-18px); background-color: white; border: inherit; position: absolute; top: var(--aox-22px); left: calc(-1* var(--aox-14px)); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(225deg); border-radius: 0 0 0 4px; } .pg_gifen .obj_item_action.action_off .obj_icon{ display: none; } .pg_gifen .obj_item_action.action_off .ctn_text .t_title{ color: rgba(var(--tertiary-400), 1); } .pg_gifen .obj_item_action .obj_icon .t_hover{ position: absolute; left: 0; top: calc(-1 * var(--aox-36px)); padding: var(--aox-12px) var(--aox-16px); font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-12px); font-weight: 700; line-height: 1; color: #fff; text-transform: uppercase; transform: translateY(-50%); background: rgba(var(--tertiary-400), 1); border-radius: var(--aox-2px); /* max-width: var(--aox-200px); */ white-space: nowrap; opacity: 0; visibility: hidden; transition: all .3s ease; z-index: 1; } .pg_gifen .obj_item_action .obj_icon .v_icon:hover .t_hover { /* left: var(--aox-55px); */ top: calc(-1 * var(--aox-26px)); opacity: 1; visibility: visible; } .pg_gifen .obj_item_action .obj_icon .t_hover:after { content: ""; display: block; height: var(--aox-10px); width: var(--aox-10px); background-color: rgba(var(--tertiary-400), 1); border: inherit; position: absolute; bottom: calc(-1 * var(--aox-3px)); left: var(--aox-8px); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(315deg); border-radius: 0 0 0 2px; z-index: 1; } /* action_amelioration */ .pg_gifen .obj_item_action.action_amelioration{ flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding: var(--aox-16px) var(--aox-20px); background-color: rgba(var(--tertiary-100), 1); border: 1px solid transparent; gap: 0 var(--aox-16px); } .pg_gifen .obj_item_action.action_amelioration:after { content: ""; display: block; background-color: rgba(var(--tertiary-100), 1); border: inherit; position: absolute; top: var(--aox-24px); height: var(--aox-12px); width: var(--aox-12px); right: calc(-1* var(--aox-7px)); clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: rotate(225deg); border-radius: 0 0 0 2px; z-index: 1; } .pg_gifen .obj_item_action.action_amelioration .obj_icon{ display: none; } .pg_gifen .obj_item_action.action_amelioration .ctn_text .t_title{ color: rgba(var(--tertiary-400), 1); } .pg_gifen .obj_item_action.action_amelioration .ctn_text{ margin-top: 0; width: calc(100% - calc(var(--aox-140px) + var(--aox-8px) + var(--aox-16px))); } /* action_amelioration */ .pg_gifen .obj_item_action .obj_form-element .obj_textarea textarea{ font-family: var(--aox-form-font-family); font-weight: 400; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); color: rgba(4, 11, 44, 1); width: 100%; height: auto; min-height: var(--aox-80px); padding: var(--aox-8px); border-radius: var(--aox-8px); border-color: rgba(var(--primary-200), 1); border: solid 1px rgba(var(--primary-200), 1); } /* ======================================== */ /* .pg_gifen .obj_list_pushs_action /* ======================================== */ .pg_gifen .obj_list_pushs_action{ display: flex; flex-direction: row; gap: 0 var(--aox-form-spacing-xs); width: 100%; } .pg_gifen .obj_list_pushs_action .obj_push_action{ position: relative; width: 100%; } .pg_gifen .obj_list_pushs_action.action_pdca { width: 100%; } .pg_gifen .obj_list_pushs_action.action_pdca .obj_push_action:nth-child(1){ width: calc(100% - var(--aox-460px) - var(--aox-8px)); } .pg_gifen .obj_list_pushs_action.action_pdca .obj_push_action:nth-child(2){ width: var(--aox-460px); } /* ======================================== */ /* .pg_gifen .obj_toggle_three /* ======================================== */ .pg_gifen .obj_toggle_three{ position: relative; width: calc(8.229vw); } .pg_gifen .obj_toggle_three .ctn_form-element { display: flex; flex-direction: column; gap: var(--aox-form-spacing-xs); } .pg_gifen .obj_toggle_three .ctn_label { text-align: center; } .pg_gifen .obj_toggle_three .ctn_label .t_label { font-weight: 400; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); color: rgba(var(--secondary-400), 1); justify-content: center; } .pg_gifen .obj_toggle_three .ctn_element { position: relative; display: flex; align-items: center; justify-content: space-evenly; gap: 0 var(--aox-4px); height: var(--aox-36px); } .pg_gifen .obj_toggle_three .t_scale { position: relative; font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-12px); line-height: var(--aox-lh-100); font-weight: 400; color: rgba(0, 0, 0, 1); } .pg_gifen .obj_toggle_three .is_no .t_scale.left { font-weight: 700; } .pg_gifen .obj_toggle_three .is_yes .t_scale.right { font-weight: 700; } .pg_gifen .obj_toggle_three .obj_feedbacks { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: row; gap: 0; width: var(--aox-92px); height: var(--aox-36px); padding: 0 var(--aox-4px); border-radius: var(--aox-36px); max-width: var(--aox-140px); overflow: hidden; } .pg_gifen .obj_toggle_three .obj_feedback{ position: unset; display: flex; width: var(--aox-28px); height: var(--aox-36px); flex-direction: row; justify-content: center; align-items: center; } .pg_gifen .obj_toggle_three .obj_feedback label { position: unset; width: var(--aox-28px); height: 100%; padding: 0; margin: 0; border: none; border-radius: var(--aox-14px); background: url(../../images/peon/i_toggle_tree.svg) no-repeat center; background-size: var(--aox-28px); } .pg_gifen .obj_toggle_three .obj_feedback label:before{ position: relative; border-radius: var(--aox-30px); background-color: white; z-index: 5; } .pg_gifen .obj_toggle_three .obj_feedback label:hover:before{ opacity: 0.8; } .pg_gifen .obj_toggle_three .obj_feedback label:hover:before{ top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; background: url(../../images/peon/v_toggle_three_hover.svg) no-repeat center; background-size: 80%; } .pg_gifen .obj_toggle_three .obj_feedback input:checked + label { border-color: transparent; background-color: transparent; z-index: 2; } .pg_gifen .obj_toggle_three .obj_feedback input:checked + label:before { opacity: 0; } .pg_gifen .obj_toggle_three .obj_feedback input:checked + label:after { opacity: 1; content: ""; position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; width: var(--aox-92px); height: var(--aox-36px); z-index: 0; cursor: default; } .pg_gifen .obj_toggle_three .obj_feedback input.radio_0:checked + label:after{ background: url(../../images/peon/v_toggle_three_0.svg) no-repeat center / 100%; } .pg_gifen .obj_toggle_three .obj_feedback input.radio_null:checked + label:after{ background: url(../../images/peon/v_toggle_three_null.svg) no-repeat center / 100%; } .pg_gifen .obj_toggle_three .obj_feedback input.radio_1:checked + label:after{ background: url(../../images/peon/v_toggle_three_1.svg) no-repeat center / 100%; } .pg_gifen .obj_toggle_three.is_disabled, .pg_gifen .obj_toggle_three input[type="radio"]:disabled{ opacity: 0.2; cursor: default; } .pg_gifen .obj_toggle_three.is_disabled .obj_feedbacks *:hover, .pg_gifen .obj_toggle_three .obj_feedback input[type="radio"]:disabled:hover{ cursor: default; } .pg_gifen .obj_toggle_three.is_disabled .obj_feedbacks .obj_feedback label:hover{ background-color: transparent; } .pg_gifen .obj_toggle_three.is_disabled .obj_feedbacks .obj_feedback label::before{ display: none; } /***/ .pg_gifen .obj_toggle_three .is_read-only .t_scale { opacity: 0.4; } .pg_gifen .obj_toggle_three .is_read-only .obj_feedback label { cursor: default; } .pg_gifen .obj_toggle_three .is_read-only .obj_feedback input[type="radio"]:not(:checked) + label { display: none; } .pg_gifen .obj_toggle_three .is_read-only .obj_feedback input.radio_0:checked + label:after{ background: url(../../images/peon/v_toggle_three_0_read-only.svg) no-repeat center / 100%; } .pg_gifen .obj_toggle_three .is_read-only .obj_feedback input.radio_null:checked + label:after{ background: url(../../images/peon/v_toggle_three_null_read-only.svg) no-repeat center / 100%; } .pg_gifen .obj_toggle_three .is_read-only .obj_feedback input.radio_1:checked + label:after{ background: url(../../images/peon/v_toggle_three_1_read-only.svg) no-repeat center / 100%; } /* ======================================== */ /* .pg_gifen .ctn_push /* ======================================== */ .pg_gifen .ctn_push{ position: relative; display: flex; flex-direction: column; flex-wrap: wrap; padding: var(--aox-48px); background: rgba(var(--primary-100), 1); border-radius: var(--aox-24px); gap: var(--aox-8px) 0; width: 100%; } .pg_gifen .ctn_push > .t_title{ display: flex; flex-direction: row; flex-wrap: wrap; font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-28px); line-height: var(--aox-lh-120); color: rgba(var(--primary-700), 1); text-transform: inherit; padding: var(--aox-fs-8px) 0; width: 100%; } .pg_gifen .ctn_push .t_title span { display: block; margin: 0 var(--aox-5px) 0 0; } /***/ .pg_gifen .ctn_push_graph{ position: relative; display: flex; flex-direction: column; flex-wrap: wrap; padding: var(--aox-20px); background: rgba(var(--primary-100), 1); border-radius: var(--aox-24px); width: calc(54% - var(--aox-8px)); } .pg_gifen .ctn_push_graph .obj_label_parcours { position: absolute; top: var(--aox-20px); right: var(--aox-20px); } /* ======================================== */ /* .pg_gifen .obj_line_push_action /* ======================================== */ .pg_gifen .obj_line_push_action { display: flex; flex-direction: row; gap: var(--aox-16px); } .pg_gifen .obj_line_push_action .ctn_title { display: flex; flex-direction: column; width: 18.75%; } .pg_gifen .obj_line_push_action .ctn_title .t_title { position: relative; display: flex; flex-direction: row; align-items: center; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); color: rgba(var(--primary-700), 1); padding: var(--aox-1px) 0 0 var(--aox-28px); } .pg_gifen .obj_line_push_action .ctn_title .t_title .t_step { position: absolute; left: 0; top: var(--aox-3px); display: flex; justify-content: center; flex-direction: column; align-items: center; border-radius: var(--aox-20px); font-weight: 700; font-size: var(--aox-fs-12px); line-height: var(--aox-lh-120); color: white; background-color: rgba(var(--primary-400), 1); width: var(--aox-20px); height: var(--aox-20px); margin-right: var(--aox-8px); margin-top: calc(-1* var(--aox-3px)); } .pg_gifen .obj_line_push_action .obj_list_pushs_action { width: calc(100% - 18.75%); } .pg_gifen .obj_line_push_action .obj_list_pushs_action .obj_push_action:nth-child(1){ width: calc(100% - var(--aox-320px) - var(--aox-8px)); } .pg_gifen .obj_line_push_action .obj_list_pushs_action .obj_push_action:nth-child(2){ width: var(--aox-320px); } .pg_gifen .obj_line_push_action .obj_list_pushs_action .obj_push_action:first-child .obj_item_action:before{ display: none; } .pg_gifen .obj_line_push_action .obj_list_pushs_action .obj_push_action .obj_item_action.is_objectif:after{ background-color: rgba(var(--primary-100), 1); } .pg_gifen .obj_line_push_action .obj_list_pushs_action .obj_push_action .obj_item_action.is_objectif:before { background-color: rgba(var(--primary-100), 1); } /* ======================================== */ /* .obj_label_parcours /* ======================================== */ .pg_gifen .obj_label_parcours{ position: relative; display: flex; flex-direction: row; flex-wrap: wrap; } .pg_gifen .obj_label_parcours .t_label_number{ display: flex; flex-direction: column; font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); font-weight: 700; color: rgba(var(--primary-400), 1); } .pg_gifen .obj_label_parcours .t_label_text { font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-12px); line-height: var(--aox-lh-120); font-weight: 700; color: rgba(0, 0, 0, 1); padding: var(--aox-9px) var(--aox-16px) var(--aox-7px) var(--aox-16px); border: 2px solid rgba(var(--primary-200), 1); border-radius: 9999px; } .pg_gifen .obj_label_parcours .t_label_text.labellise { color: rgba(var(--green-400), 1); } .pg_gifen .obj_label_parcours .t_label_text.en_cours { color: rgba(var(--orange-400), 1); } /* obj_icon */ .pg_gifen .obj_label_parcours > .obj_icon{ width: var(--aox-48px); height: var(--aox-48px); margin-right: var(--aox-8px); } .pg_gifen .obj_label_parcours > .obj_icon svg{ width: 100%; height: 100%; fill: rgba(var(--primary-400), 1); } /* ------------------------- */ /* is_fiche /* ------------------------- */ .pg_gifen .obj_label_parcours.is_fiche { align-items: center; padding: var(--aox-4px) var(--aox-4px) var(--aox-4px) var(--aox-17px); border: 2px solid rgba(var(--primary-200), 1); border-radius: 9999px; width: fit-content; } .pg_gifen .obj_label_parcours.is_fiche .t_label_number span:nth-child(1){ display: none; } .pg_gifen .obj_label_parcours.is_fiche .t_label_text{ border: none; } /* ------------------------- */ /* is_fiche_labellise /* ------------------------- */ .pg_gifen .obj_label_parcours.is_fiche_labellise { align-items: center; padding: var(--aox-4px) var(--aox-4px) var(--aox-4px) var(--aox-17px); border: 2px solid rgba(var(--primary-200), 1); border-radius: 9999px; width: fit-content; } .pg_gifen .obj_label_parcours.is_fiche_labellise .t_label_number span:nth-child(1){ display: none; } .pg_gifen .obj_label_parcours.is_fiche_labellise .t_label_text{ border: none; } /* ------------------------- */ /* is_push /* ------------------------- */ .pg_gifen .obj_label_parcours.is_push { justify-content: space-between; align-items: flex-start; } .pg_gifen .obj_label_parcours.is_push .t_label_number{ font-size: var(--aox-fs-20px); line-height: var(--aox-lh-120); } /* ------------------------- */ /* is_label /* ------------------------- */ .pg_gifen .obj_label_parcours.is_label .t_label_number{ display: none; } /* ======================================== */ /* .obj_legende_parcours /* ======================================== */ .pg_gifen .obj_legende_parcours{ position: relative; display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; margin-top: calc(-1 * var(--aox-40px)); } .pg_gifen .obj_legende_parcours .obj_completude{ position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: var(--aox-2px) 0; flex-wrap: wrap; } .pg_gifen .obj_legende_parcours .obj_completude .t_label{ font-size: var(--aox-fs-12px); line-height: var(--aox-lh-120); font-weight: 400; color: rgba(var(--primary-700), 1); } .pg_gifen .obj_legende_parcours .obj_completude .t_number{ font-size: var(--aox-fs-28px); line-height: var(--aox-lh-120); font-weight: 700; color: rgba(var(--primary-700), 1); } /***/ .pg_gifen .obj_legende_parcours .t_list_legende_graphe{ position: relative; display: flex; flex-direction: row; align-items: center; gap: 0 var(--aox-16px); margin-bottom: var(--aox-7px); } .pg_gifen .obj_legende_parcours .t_list_legende_graphe .item_legende_graphe{ display: flex; gap: 0 var(--aox-4px); flex-direction: row; align-items: flex-start; } .pg_gifen .obj_legende_parcours .t_list_legende_graphe .item_legende_graphe .v_icon{ width: var(--aox-12px); height: var(--aox-12px); background-size: var(--aox-12px); } .pg_gifen .obj_legende_parcours .t_list_legende_graphe .item_legende_graphe .t_label{ font-size: var(--aox-fs-12px); line-height: var(--aox-lh-120); font-weight: 400; color: rgba(var(--primary-700), 1); } .pg_gifen .obj_legende_parcours .t_list_legende_graphe .item_legende_graphe .v_icon.icon_1{ background-image: url(../../images/peon/i_legend_graph_standard.png); } .pg_gifen .obj_legende_parcours .t_list_legende_graphe .item_legende_graphe .v_icon.icon_2{ background-image: url(../../images/peon/i_legend_graph_bronze.png); } .pg_gifen .obj_legende_parcours .t_list_legende_graphe .item_legende_graphe .v_icon.icon_3{ background-image: url(../../images/peon/i_legend_graph_silver.png); } .pg_gifen .obj_legende_parcours .t_list_legende_graphe .item_legende_graphe .v_icon.icon_4{ background-image: url(../../images/peon/i_legend_graph_gold.png); } /* ======================================== */ /* .pg_gifen .obj_slider_evaluation /* ======================================== */ .pg_gifen .obj_bloc_slider_evaluation .ctn_title{ position: relative; display: flex; flex-direction: row; align-items: center; } .pg_gifen .obj_bloc_slider_evaluation .ctn_title .t_title{ font-size: var(--aox-fs-20px); width: calc(100% - var(--aox-68px)); } .pg_gifen .obj_slider_evaluation { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; flex-wrap: wrap; } .pg_gifen .obj_slider_evaluation_colors { position: relative; display: flex; justify-content: space-between; width: var(--aox-68px); height: var(--aox-12px); gap: var(--aox-2px); right: -2px; } .pg_gifen .obj_slider_color { position: relative; height: var(--aox-12px); width: var(--aox-12px); } .pg_gifen .no-color.obj_slider_color:after { background: #e0e4f7; } .pg_gifen .light-gray.obj_slider_color:after { background: #d2d6e0; } .pg_gifen .bronze.obj_slider_color:after { background: #b26a4e; } .pg_gifen .dark-gray.obj_slider_color:after { background: #6c6e70; } .pg_gifen .silver.obj_slider_color:after { background: #c0c2c3; } .pg_gifen .gold.obj_slider_color:after { background: #d7a74f; } /***/ .pg_gifen .obj_slider_evaluation .obj_progressbar_line{ position: relative; display: inline-block; background: repeating-linear-gradient(90deg, rgba(203, 209, 230, .3), rgba(203, 209, 230, .3) var(--aox-8px), rgba(var(--primary-100), 1) var(--aox-6px), rgba(var(--primary-100), 1) var(--aox-14px)); width: var(--aox-64px); } .pg_gifen .obj_slider_evaluation .obj_progressbar_line:hover{ cursor: pointer; } .pg_gifen .obj_slider_evaluation .obj_progressbar_line .obj_progressbar_evaluation { background-color: rgba(157, 199, 218, 1); border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white; border-radius: 20px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: var(--aox-6px); width: 0%; padding: 1px; z-index: 0; transition: 0.4s ease; } .pg_gifen .obj_slider_evaluation .obj_progressbar_line .obj_progressbar_evaluation:before { content: ""; background-color: rgba(var(--blue-highlight-400), 1); position: absolute; top: 50%; left: -4px; transform: translateY(-50%); height: 8px; width: 8px; z-index: 0; border-radius: 20px; } .pg_gifen .obj_slider_evaluation .obj_progressbar_line .obj_progressbar_evaluation:after { content: ""; background-color: rgba(var(--blue-highlight-400), 1); position: absolute; top: 50%; right: -4px; transform: translateY(-50%); height: 8px; width: 8px; z-index: 0; border-radius: 20px; } .pg_gifen .obj_slider_evaluation .obj_progressbar_line .obj_progressbar_marker{ position: absolute; top: 50%; transform: translateY(-50%); width: var(--aox-4px); height: var(--aox-8px); background-color: rgba(var(--primary-400), 1); border: 1px solid white; z-index: 1; } .pg_gifen .obj_slider_evaluation .obj_item_slider_evaluation{ position: relative; width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: stretch; } .pg_gifen .obj_slider_evaluation .obj_item_slider_evaluation:first-child{ padding-top: var(--aox-16px); } .pg_gifen .obj_slider_evaluation .obj_item_slider_evaluation:first-child:before{ content: ""; position: absolute; background: url(../../images/peon/v_bg_progressbar_parcours.png) no-repeat; background-position: top; background-size: 100%; top: 0; right: 0; width: var(--aox-64px); height: var(--aox-16px); } .pg_gifen .obj_slider_evaluation .obj_item_slider_evaluation:last-child:after{ content: ""; position: absolute; background: url(../../images/peon/v_bg_progressbar_parcours.png) no-repeat; background-position: bottom; background-size: var(--aox-64px); bottom: calc(-1 * var(--aox-3px)); right: 0; width: var(--aox-64px); height: var(--aox-3px); } .pg_gifen .obj_slider_evaluation .obj_item_slider_evaluation .t_label { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; font-family: "century-gothic", sans-serif; font-weight: 400; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); color: rgba(var(--primary-700), 1); padding: var(--aox-14px) var(--aox-10px) var(--aox-14px) var(--aox-28px); width: calc(100% - var(--aox-64px)); } .pg_gifen .obj_slider_evaluation .obj_item_slider_evaluation .t_label .t_step { position: absolute; left: 0; display: flex; justify-content: center; flex-direction: column; align-items: center; border-radius: var(--aox-20px); font-weight: 700; font-size: var(--aox-fs-12px); line-height: var(--aox-lh-100); color: white; background-color: rgba(var(--primary-400), 1); width: var(--aox-20px); height: var(--aox-20px); /* margin-right: var(--aox-8px); */ } /***/ .pg_gifen .obj_slider_evaluation .obj_progressbar_line .t_hover{ position: absolute; left: 50%; bottom: 70%; padding: var(--aox-12px) var(--aox-16px); font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-12px); font-weight: 400; line-height: 1; color: #fff; transform: translateX(-50%); background: rgba(var(--blue-highlight-400), 1); border-radius: var(--aox-2px); /* max-width: var(--aox-200px); */ white-space: nowrap; letter-spacing: 0.5px; opacity: 0; visibility: hidden; transition: all .3s ease; z-index: 1; } .pg_gifen .obj_slider_evaluation .obj_progressbar_line:hover .t_hover { bottom: 100%; opacity: 1; visibility: visible; } .pg_gifen .obj_slider_evaluation .obj_progressbar_line .t_hover:after { content: ""; display: block; height: var(--aox-10px); width: var(--aox-10px); background-color: rgba(var(--blue-highlight-400), 1); border: inherit; position: absolute; bottom: calc(-1* var(--aox-3px)); left: 50%; clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: translateX(-50%) rotate(315deg); border-radius: 0 0 0 2px; z-index: 1; } /* ======================================== */ /* .pg_gifen .obj_graphe_parcours /* ======================================== */ .pg_gifen .obj_graphe_parcours{ position: relative; width: 100%; height: 0; padding-top: 100%; } .pg_gifen .obj_graphe_parcours > svg, .pg_gifen .obj_graphe_parcours > img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ======================================== */ /* .pg_gifen .obj_pdca_graphe /* ======================================== */ /* graphe */ .pg_gifen .obj_pdca.graphe{ position: relative; } .pg_gifen .obj_pdca.graphe .ctn_pdca{ position: relative; width: var(--aox-80px); height: var(--aox-80px); } .pg_gifen .obj_pdca.graphe .obj_item_pdca{ position: absolute; display: flex; width: var(--aox-39px); height: var(--aox-39px); /* border-radius: var(--aox-30px); */ background-color: rgba(24, 49, 159, .2); flex-direction: column; overflow: hidden; } .pg_gifen .obj_pdca.graphe .obj_item_pdca span{ display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-100); color: rgba(var(--primary-700), 1); width: var(--aox-32px); height: var(--aox-32px); } .pg_gifen .obj_pdca.graphe .obj_item_pdca.is_done { background-color: rgba(var(--primary-400), 1); } .pg_gifen .obj_pdca.graphe .obj_item_pdca.is_current { background-color: rgba(var(--blue-highlight-400), .4); } .pg_gifen .obj_pdca.graphe .obj_item_pdca.is_done span{ color: white; } .pg_gifen .obj_pdca.graphe .obj_item_pdca:nth-child(1){ top: 0; right: 0; justify-content: flex-end; border-radius: 0 100% 0 0; } .pg_gifen .obj_pdca.graphe .obj_item_pdca:nth-child(2){ bottom: 0; right: 0; border-radius: 0 0 100% 0; } .pg_gifen .obj_pdca.graphe .obj_item_pdca:nth-child(3){ bottom: 0; left: 0; align-items: flex-end; border-radius: 0 0 0 100%; } .pg_gifen .obj_pdca.graphe .obj_item_pdca:nth-child(4){ top: 0; left: 0; align-items: flex-end; justify-content: flex-end; border-radius: 100% 0 0 0; } /* ======================================== */ /* .pg_gifen .obj_push_home /* ======================================== */ .pg_gifen .obj_push_home{ position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: var(--aox-400px); height: var(--aox-680px); background-color: grey; border-radius: var(--aox-32px); padding: var(--aox-32px) var(--aox-64px) var(--aox-48px) var(--aox-32px); overflow: hidden; } .pg_gifen .obj_push_home.is_large{ position: relative; width: var(--aox-600px); } .pg_gifen .obj_push_home > .obj_icon{ position: absolute; top: var(--aox-32px); left: var(--aox-32px); width: var(--aox-48px); height: var(--aox-48px); z-index: 2; } .pg_gifen .obj_push_home .ctn_text{ position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; z-index: 2; padding: 0; gap: var(--aox-16px) 0; } .pg_gifen .obj_push_home .ctn_text .obj_button { margin-top: 0; color: rgba(var(--white), 1); } .pg_gifen .obj_push_home .ctn_text .t_title{ font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-40px); line-height: var(--aox-lh-110); color: rgba(var(--white), 1); letter-spacing: -2px; } .pg_gifen .obj_push_home .ctn_text .t_desc{ font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-20px); line-height: var(--aox-lh-100); color: rgba(var(--white), 1); letter-spacing: -0.4px; } .pg_gifen .obj_push_home .obj_filter_background{ position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(var(--secondary-400), 0.3); } .pg_gifen .obj_push_home .ctn_background{ position: absolute; z-index: 0; opacity: 1; top: 0; left: 0; height: 100%; width: 100%; } .pg_gifen .obj_push_home .ctn_background img{ display: inline-block; height: 100%; width: 100%; object-fit: cover; object-position: center center; } /* Inte Obsolète obj_card_evaluation / MAJ V2 obj_card_cycle */ .pg_gifen .obj_push_home .obj_card_evaluation{ width: var(--aox-500px); } .pg_gifen .obj_push_home .obj_card_evaluation.is_progress, .pg_gifen .obj_push_home .obj_card_evaluation.is_resultat, .pg_gifen .obj_push_home .obj_card_evaluation.is_actions, .pg_gifen .obj_push_home .obj_card_evaluation.is_closed{ background-color: rgba(var(--secondary-400), 0.3); border: 2px solid rgba(var(--primary-200), 0.4); } .pg_gifen .obj_push_home .obj_card_evaluation .obj_label_parcours > .obj_icon svg{ fill: white; } .pg_gifen .obj_push_home .obj_card_evaluation .obj_label_parcours > .t_label_number{ color: rgba(var(--white), 1); } .pg_gifen .obj_push_home .obj_card_evaluation .obj_label_parcours .t_label_text { background-color: rgba(var(--white), 0.2) !important; color: rgba(var(--white), 1); border-color: transparent; backdrop-filter: blur(16px); } /***/ .pg_gifen .obj_push_home .obj_card_evaluation .obj_button.button_trash { backdrop-filter: blur(16px); background: url(../../images/peon/i_trash_white.png) no-repeat center center; background-size: var(--aox-16px); background-color: rgba(var(--white), 0.2) !important; } .pg_gifen .obj_push_home .obj_card_evaluation .obj_button.button_trash:hover { backdrop-filter: blur(16px); background-color: rgba(var(--white), 0.5) !important; border: 2px solid rgba(var(--white), 0.2) !important; } /* MAJ V2 obj_card_cycle */ .pg_gifen .obj_push_home .obj_card_cycle{ width: 100%; } .pg_gifen .obj_push_home .obj_card_cycle .ctn_card_cycle, .pg_gifen .obj_push_home .obj_card_cycle.state-closed .ctn_card_cycle, .pg_gifen .obj_push_home .obj_card_cycle.state-indisponible .ctn_card_cycle{ border: 2px solid rgba(255, 255, 255, 0.30); background-color: transparent; } .pg_gifen .obj_push_home .obj_card_cycle .obj_icon_state.has_icon[class*=" aox_icon-"]:before, .pg_gifen .obj_push_home .obj_card_cycle .obj_icon_state.has_icon[class^=aox_icon-]:before, .pg_gifen .obj_push_home .obj_card_cycle .obj_icon_state.has_icon[class*=" aox_icon-"]:after, .pg_gifen .obj_push_home .obj_card_cycle .obj_icon_state.has_icon[class^=aox_icon-]:after { background-color: rgba(var(--white), 1); } .pg_gifen .obj_push_home .obj_card_cycle .obj_card_cycle_header .t_subtitle, .pg_gifen .obj_push_home .obj_card_cycle .obj_card_cycle_header .t_title, .pg_gifen .obj_push_home .obj_card_cycle .obj_card_cycle_header .t_state { color: rgba(var(--white), 1); } .pg_gifen .obj_push_home .obj_card_cycle .obj_dropdown-list .bt_dropdown-list{ background-color: rgba(var(--white), 0.50); } .pg_gifen .obj_push_home .obj_card_cycle .obj_dropdown-list .bt_dropdown-list svg{ fill: rgba(var(--white), 1); } .pg_gifen .obj_push_home .obj_card_cycle .obj_button:not(:last-child).has_icon[class*=" aox_icon-"]:before, .pg_gifen .obj_push_home .obj_card_cycle .obj_button:not(:last-child).has_icon[class^=aox_icon-]:before, .pg_gifen .obj_push_home .obj_card_cycle .obj_button:not(:last-child).has_icon[class*=" aox_icon-"]:after, .pg_gifen .obj_push_home .obj_card_cycle .obj_button:not(:last-child).has_icon[class^=aox_icon-]:after { background-color: #ffffff; } .pg_gifen .obj_push_home .obj_card_cycle.state-closed .obj_button.has_icon[class*=" aox_icon-"]:before, .pg_gifen .obj_push_home .obj_card_cycle.state-closed .obj_button.has_icon[class^=aox_icon-]:before, .pg_gifen .obj_push_home .obj_card_cycle.state-closed .obj_button.has_icon[class*=" aox_icon-"]:after, .pg_gifen .obj_push_home .obj_card_cycle.state-closed .obj_button.has_icon[class^=aox_icon-]:after { background-color: #ffffff; } /* .pg_gifen .obj_push_home .obj_card_cycle .obj_group_buttons .obj_button.is_disabled:last-child { color: rgba(var(--primary-700), 0.3); } */ /* ======================================== */ /* .pg_gifen .obj_card_evaluation /* ======================================== */ .pg_gifen .obj_card_evaluation{ position: relative; display: flex; flex-direction: column; align-items: flex-start; width: var(--aox-460px); min-height: var(--aox-220px); border-radius: var(--aox-24px); padding: var(--aox-24px); backdrop-filter: blur(14px); /* background-color: rgba(var(--primary-100), 1); */ gap: var(--aox-8px) 0; transition: all var(--duration-300ms) ease; } .pg_gifen .obj_card_evaluation .obj_label_parcours{ justify-content: flex-start; width: 100%; margin-bottom: auto; z-index: 1; } .pg_gifen .obj_card_evaluation .obj_label_parcours .t_label_text{ margin-left: auto; } /***/ .pg_gifen .obj_card_evaluation.is_progress{ background-color: rgba(var(--primary-200), 1); } .pg_gifen .obj_card_evaluation.is_resultat{ background-color: rgba(var(--tertiary-100), 1); } .pg_gifen .obj_card_evaluation.is_actions{ background-color: rgba(var(--tertiary-100), 1); } .pg_gifen .obj_card_evaluation.is_closed{ background-color: rgba(var(--primary-200), 0.35); } /* is_progress */ .pg_gifen .obj_card_evaluation.is_progress .obj_label_parcours .t_label_text{ border-color: rgba(var(--primary-100), 1); } /* is_resultat */ .pg_gifen .obj_card_evaluation.is_resultat .obj_label_parcours .t_label_text{ background-color: rgba(var(--tertiary-100), 1); } /* is_actions */ .pg_gifen .obj_card_evaluation.is_actions .obj_label_parcours .t_label_text{ background-color: rgba(var(--tertiary-100), 1); } /* is_closed */ .pg_gifen .obj_card_evaluation.is_closed .obj_label_parcours .t_label_text{ background-color: rgba(var(--primary-100), 1); } /***/ .pg_gifen .obj_card_evaluation .obj_graphe_card{ position: absolute; top: var(--aox-30px); right: var(--aox-8px); width: var(--aox-160px); height: var(--aox-160px); z-index: 0; } /***/ .pg_gifen .obj_card_evaluation .obj_button.button_trash { margin-left: var(--aox-8px); } /* ======================================== */ /* .obj_form-buttons /* ======================================== */ .pg_gifen .obj_form-buttons{ position: relative; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; } .pg_gifen .obj_form-buttons .ctn_form-buttons + .ctn_form-buttons{ margin-left: auto; } /* ======================================== */ /* .pg_gifen .obj_push-action_row /* ======================================== */ .pg_gifen .obj_push-action_row{ margin-top: var(--aox-24px); display: flex; flex-direction: column; gap: var(--aox-form-spacing-xs); } .pg_gifen .obj_push-action_row .ctn_title { display: flex; flex-direction: column; gap: var(--aox-form-spacing-xs); } .pg_gifen .obj_push-action_row .ctn_title .t_title{ display: flex; flex-direction: row; align-items: center; font-size: var(--aox-fs-22px); line-height: var(--aox-lh-120); text-transform: inherit; color: var(--aox-form-color-primary); } .pg_gifen .obj_push-action_row .ctn_title .t_title .t_step { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: var(--aox-30px); font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); color: white; background-color: var(--aox-form-color-step); width: var(--aox-30px); height: var(--aox-30px); margin-right: var(--aox-8px); } .pg_gifen .obj_push-action_row .ctn_action_row{ position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0 var(--aox-form-spacing-xs); } .pg_gifen .obj_push-action_row .obj_list_pushs_action { margin-right: 1.666vw; width: calc(100% - calc(8.229vw) - 1.666vw - var(--aox-form-spacing-xs)); } .pg_gifen .obj_push-action_row .obj_list_pushs_action.action_pdca { margin-right: 1.666vw; width: calc(100% - var(--aox-80px) - 1.666vw - var(--aox-form-spacing-xs)); } /* ======================================== */ /* .pg_gifen .obj_form-ratings /* ======================================== */ .pg_gifen .obj_form-ratings{ position: relative; width: calc(var(--aox-140px) + var(--aox-8px)); } .pg_gifen .obj_form-ratings .ctn_label .t_label{ font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-12px); line-height: var(--aox-lh-120); color: rgba(var(--tertiary-400), 1); text-align: center; margin-bottom: var(--aox-4px); } .pg_gifen .obj_form-ratings .ctn_element{ position: relative; padding: var(--aox-10px); border-radius: 9999px; width: 100%; background-color: white; } .pg_gifen .obj_form-ratings .obj_ratings{ position: relative; display: flex; flex-direction: row-reverse; justify-content: flex-end; min-height: var(--aox-32px); } .pg_gifen .obj_form-ratings .obj_ratings label { position: relative; display: flex; width: var(--aox-32px); height: var(--aox-32px); border: 1px solid rgba(var(--primary-200), 1); border-radius: 9999px; background-color: white; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; padding-left: 0; } .pg_gifen .obj_form-ratings .obj_ratings label span{ display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 700; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-100); color: rgba(var(--primary-700), 1); width: var(--aox-30px); height: var(--aox-30px); z-index: 1; } .pg_gifen .obj_form-ratings .obj_ratings input { position: absolute; top: 0; left: 0; height: 1px; width: 1px; margin: 0; opacity: 0; } .pg_gifen .obj_form-ratings .obj_ratings input:checked ~ input{ border-radius: 0 9999px 9999px 0; } .pg_gifen .obj_form-ratings .obj_ratings label:hover span, .pg_gifen .obj_form-ratings .obj_ratings label:hover ~ label span{ color: white; background-color: rgba(var(--blue-highlight-400), 1); border-radius: 9999px; width: var(--aox-30px); height: var(--aox-30px); cursor: pointer; } .pg_gifen .obj_form-ratings .obj_ratings input:checked ~ label{ background-color: rgba(var(--blue-highlight-400), 1); border: 1px solid rgba(var(--blue-highlight-400), 1) } .pg_gifen .obj_form-ratings .obj_ratings input:checked ~ label:not(:last-child){ border-radius: 0 9999px 9999px 0; } .pg_gifen .obj_form-ratings .obj_ratings input:checked ~ label span{ color: white; } .pg_gifen .obj_form-ratings .obj_ratings input:checked ~ label:not(:last-child):before, .pg_gifen .obj_form-ratings .obj_ratings input:hover ~ label:not(:last-child):before{ content: ""; position: absolute; display: block; width: var(--aox-32px); height: var(--aox-32px); left: -50%; z-index: 1; background-color: rgba(var(--blue-highlight-400), 1); } .pg_gifen .obj_form-ratings .obj_ratings input:hover ~ label:not(:last-child){ border-color: rgba(var(--blue-highlight-400), 1); } .pg_gifen .obj_form-ratings .obj_ratings label:nth-of-type(1){ z-index: 1; } .pg_gifen .obj_form-ratings .obj_ratings label:nth-of-type(2){ z-index: 2; } .pg_gifen .obj_form-ratings .obj_ratings label:nth-of-type(3){ z-index: 3; } .pg_gifen .obj_form-ratings .obj_ratings label:nth-of-type(4){ z-index: 4; } /***/ .pg_gifen .obj_form-ratings .is_read-only .ctn_element { background-color: transparent; } .pg_gifen .obj_form-ratings .is_read-only .obj_ratings label, .pg_gifen .obj_form-ratings .is_read-only .obj_ratings label * { cursor: default !important; } .pg_gifen .obj_form-ratings .is_read-only .obj_ratings label, .pg_gifen .obj_form-ratings .is_read-only .obj_ratings label:hover { border: 1px solid rgba(var(--primary-200), 1) !important; background-color: transparent !important; } .pg_gifen .obj_form-ratings .is_read-only .obj_ratings label span, .pg_gifen .obj_form-ratings .is_read-only .obj_ratings label:hover span { color: rgba(var(--primary-200), 1) !important; background-color: transparent !important; } .pg_gifen .obj_form-ratings .is_read-only .obj_ratings input:hover ~ label:not(:last-child):before { content: none; } .pg_gifen .obj_form-ratings .is_read-only .obj_ratings input:checked ~ label:not(:last-child):before { content: ""; } .pg_gifen .obj_form-ratings .is_read-only .obj_ratings input:checked ~ label { border-color: rgba(var(--blue-highlight-400), 1) !important; background-color: rgba(var(--blue-highlight-400), 1) !important; } .pg_gifen .obj_form-ratings .is_read-only .obj_ratings input:checked ~ label span { color: white !important; } /* ======================================== */ /* .pg_gifen .obj_switch_action_form /* ======================================== */ .pg_gifen .obj_switch_action_form > * + *{ margin-top: var(--aox-4px); } .pg_gifen .obj_switch_action_form .obj_buttons { margin-top: var(--aox-4px); } .pg_gifen .obj_switch_action_form .obj_switch_action_textarea.is_show{ display: block; } .pg_gifen .obj_switch_action_form > .obj_switch_action_text.is_hidden{ display: none; } .pg_gifen .obj_switch_action_form > .obj_switch_action_textarea{ display: none; } /* ======================================== */ /* .pg_gifen .obj_legend_evaluation /* ======================================== */ .pg_gifen .obj_legend_evaluation{ position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; gap: var(--aox-24px) 0; width: 100%; } .pg_gifen .obj_legend_evaluation .obj_line_legend_evaluation{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .pg_gifen .obj_legend_evaluation .obj_line_legend_evaluation .v_icon_level { position: relative; width: var(--aox-64px); height: var(--aox-64px); } .pg_gifen .obj_legend_evaluation .obj_line_legend_evaluation .v_icon_level.is_standard{ background: url(../../images/peon/i_action_rappel_standard.png) no-repeat center; background-size: var(--aox-64px); } .pg_gifen .obj_legend_evaluation .obj_line_legend_evaluation .v_icon_level.is_bronze{ background: url(../../images/peon/i_action_rappel_bronze.png) no-repeat center; background-size: var(--aox-64px); } .pg_gifen .obj_legend_evaluation .obj_line_legend_evaluation .v_icon_level.is_silver{ background: url(../../images/peon/i_action_rappel_silver.png) no-repeat center; background-size: var(--aox-64px); } .pg_gifen .obj_legend_evaluation .obj_line_legend_evaluation .v_icon_level.is_gold{ background: url(../../images/peon/i_action_rappel_gold.png) no-repeat center; background-size: var(--aox-64px); } .pg_gifen .obj_legend_evaluation .obj_line_legend_evaluation .t_label { position: relative; width: calc(100% - var(--aox-80px)); font-family: "century-gothic", sans-serif; font-weight: 400; font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); } /* ======================================== */ /* .pg_gifen .obj_legend_evaluation /* ======================================== */ .pg_gifen .section_diag_multiliste .ctn_section > * + * { margin-top: var(--aox-24px); } .pg_gifen .obj_content_list_parcours{ position: relative; display: flex; flex-direction: column; width: 100%; padding: var(--aox-16px); background-color: rgba(var(--white), 1); border-radius: var(--aox-32px); transition: all .3s ease; } .pg_gifen .obj_content_list_parcours .obj_list_parcours { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; width: 100%; } .pg_gifen .obj_content_list_parcours .obj_toggle_icon{ position: relative; width: var(--aox-32px); height: var(--aox-32px); border-radius: var(--aox-48px); color: rgba(255, 255, 255, 1); background: url(../../images/peon/i_toggle_parcours_open.svg) no-repeat center / var(--aox-32px); z-index: 2; } .pg_gifen .obj_content_list_parcours .ctn_groupe_cards-header{ position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; gap: 0 var(--aox-16px); } .pg_gifen .obj_content_list_parcours .ctn_groupe_cards-header .ctn_toggle-header { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; width: 60%; gap: 0 var(--aox-16px); cursor: pointer; } .pg_gifen .obj_content_list_parcours .ctn_groupe_cards-header .ctn_toggle-header .t_title { font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-28px); line-height: var(--aox-lh-120); font-weight: 700; color: rgba(var(--primary-700), 1); } .pg_gifen .obj_content_list_parcours .obj_list_parcours > .ctn_groupe_cards { display: grid; grid-template-rows: 1fr; transition: grid-template-rows 500ms; width: 100%; padding-left: calc(100% - calc(var(--aox-940px) + var(--aox-2px))); } .pg_gifen .obj_content_list_parcours .obj_list_parcours > .ctn_groupe_cards > div { overflow: hidden; display: flex; gap: var(--aox-8px); flex-wrap: wrap; width: calc(var(--aox-940px) + var(--aox-2px)); justify-content: flex-start; } .pg_gifen .obj_content_list_parcours .obj_list_parcours > .ctn_groupe_cards-header .obj_button:not(.obj_toggle_icon){ margin-left: auto; } .pg_gifen .obj_content_list_parcours .obj_list_parcours > .ctn_groupe_cards-header .obj_button .t_hover{ position: absolute; left: 50%; top: calc(-1* 50%); padding: var(--aox-12px) var(--aox-16px); font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-12px); font-weight: 400; line-height: 1; color: #fff; transform: translateX(-50%); background: rgba(var(--primary-400), 1); /* backdrop-filter: blur(5px); */ border-radius: var(--aox-2px); white-space: nowrap; letter-spacing: 0.5px; opacity: 0; visibility: hidden; transition: all .3s ease; z-index: 1; } .pg_gifen .obj_content_list_parcours .obj_list_parcours > .ctn_groupe_cards-header .obj_button .t_hover:after { content: ""; display: block; height: var(--aox-10px); width: var(--aox-10px); background-color: rgba(var(--primary-400), 1); border: inherit; position: absolute; bottom: calc(-1* var(--aox-3px)); left: 50%; clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: translateX(-50%) rotate(315deg); border-radius: 0 0 0 2px; z-index: 1; } .pg_gifen .obj_content_list_parcours .obj_list_parcours > .ctn_groupe_cards-header .obj_button:hover .t_hover { top: calc(-1* 80%); opacity: 1; visibility: visible; } /* level_0 */ .pg_gifen .level_0 > div > .obj_content_list_parcours .obj_list_parcours > .ctn_groupe_cards{ padding: 0 var(--aox-48px) 0 calc(var(--aox-500px) + var(--aox-20px)); } /* level_1 */ .pg_gifen .obj_content_list_level.level_1 > div:first-child{ margin-top: var(--aox-32px); } .pg_gifen .level_1 > div > .obj_content_list_parcours .obj_list_parcours > .ctn_groupe_cards{ padding: 0 var(--aox-32px) 0 calc(var(--aox-500px) + var(--aox-4px)); } .pg_gifen .obj_content_list_level.level_1 .obj_content_list_parcours{ background-color: rgba(241, 242, 246, 0.4); border-radius: var(--aox-24px); } .pg_gifen .obj_content_list_level.level_1 .obj_content_list_parcours .obj_toggle_icon{ top: 0; left: 0; } .pg_gifen .obj_content_list_level.level_1 .obj_content_list_parcours .obj_list_parcours .t_title{ font-size: var(--aox-fs-20px); line-height: var(--aox-lh-120); } /* level_2 */ .pg_gifen .obj_content_list_level.level_2 > div:first-child{ margin-top: var(--aox-32px); } .pg_gifen .level_2 > div > .obj_content_list_parcours .obj_list_parcours > .ctn_groupe_cards{ padding: 0 var(--aox-16px) 0 calc(var(--aox-480px) + var(--aox-8px)); } .pg_gifen .obj_content_list_level.level_2 .obj_content_list_parcours{ background-color: rgba(241, 242, 246, 1); border-radius: var(--aox-16px); } .pg_gifen .obj_content_list_level.level_2 .obj_content_list_parcours .obj_toggle_icon{ top: 0; left: 0; } .pg_gifen .obj_content_list_level.level_2 .obj_content_list_parcours .obj_list_parcours .ctn_groupe_cards-header{ padding-left: var(--aox-16px); } .pg_gifen .obj_content_list_level.level_2 .obj_content_list_parcours .obj_list_parcours .t_title{ font-size: var(--aox-fs-18px); line-height: var(--aox-lh-120); } /* level_3 */ .pg_gifen .obj_content_list_level.level_3 > div:first-child{ margin-top: var(--aox-32px); } .pg_gifen .level_3 > div > .obj_content_list_parcours .obj_list_parcours > .ctn_groupe_cards{ padding: 0 0 0 calc(var(--aox-470px) + var(--aox-2px)); } .pg_gifen .obj_content_list_level.level_3 .obj_content_list_parcours{ background-color: rgba(var(--primary-150), 1); border-radius: var(--aox-16px); } .pg_gifen .obj_content_list_level.level_3 .obj_content_list_parcours .obj_toggle_icon{ top: 0; left: 0; } .pg_gifen .obj_content_list_level.level_3 .obj_content_list_parcours .obj_list_parcours .t_title{ font-size: var(--aox-fs-14px); line-height: var(--aox-lh-120); letter-spacing: 0.1em; text-transform: uppercase; } /* is_close */ .pg_gifen .obj_content_list_parcours.is_close > .obj_list_parcours .ctn_toggle-header .obj_toggle_icon{ background: url(../../images/peon/i_toggle_parcours_close.svg) no-repeat center / var(--aox-32px); } .pg_gifen .obj_content_list_level.level_0 > li > .obj_content_list_parcours.is_close > .obj_list_parcours > .ctn_groupe_cards-header > .ctn_text, .pg_gifen .obj_content_list_level.level_1 > li > .obj_content_list_parcours.is_close > .obj_list_parcours > .ctn_groupe_cards-header > .ctn_text, .pg_gifen .obj_content_list_level.level_2 > li > .obj_content_list_parcours.is_close > .obj_list_parcours > .ctn_groupe_cards-header > .ctn_text, .pg_gifen .obj_content_list_level.level_3 > li > .obj_content_list_parcours.is_close > .obj_list_parcours > .ctn_groupe_cards-header > .ctn_text{ grid-template-rows: 0fr; } .pg_gifen .obj_content_list_parcours.is_close > .obj_list_parcours > .ctn_groupe_cards{ grid-template-rows: 0fr; } .pg_gifen .obj_content_list_level.level_0 .obj_content_list_parcours.is_close .obj_content_list_level.level_1, .pg_gifen .obj_content_list_level.level_1 .obj_content_list_parcours.is_close .obj_content_list_level.level_2, .pg_gifen .obj_content_list_level.level_2 .obj_content_list_parcours.is_close .obj_content_list_level.level_3{ transform: scaleY(0); height: 0; } /***/ .pg_gifen .obj_content_list_parcours .obj_list_parcours > .ctn_groupe_cards .obj_card_evaluation:nth-child(1), .pg_gifen .obj_content_list_parcours .obj_list_parcours > .ctn_groupe_cards .obj_card_evaluation:nth-child(2){ margin-top: var(--aox-32px); } /* ======================================== */ /* .pg_gifen .obj_arborescence /* ======================================== */ .pg_gifen .ctn_section > .ctn_arborescence-child > .obj_arborescence + .obj_arborescence{ margin-top: var(--aox-24px); } .pg_gifen .ctn_arborescence-child{ width: 100%; } /* obj_arborescence */ .pg_gifen .obj_arborescence{ position: relative; display: flex; flex-direction: column; width: 100%; padding: var(--aox-16px); background-color: rgba(var(--white), 1); border-radius: var(--aox-32px); margin-top: var(--aox-24px); transition: all .3s ease; } .pg_gifen .obj_arborescence .ctn_arborescence-header{ position: relative; display: flex; flex-direction: row; } /* obj_toggle-header */ .pg_gifen .obj_toggle-header{ position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 100%; padding: var(--aox-10px) 0 var(--aox-10px) var(--aox-8px); gap: 0 var(--aox-16px); cursor: pointer; } .pg_gifen .obj_toggle-header .obj_toggle-header-icon{ position: relative; width: var(--aox-32px); height: var(--aox-32px); border-radius: var(--aox-48px); color: rgba(255, 255, 255, 1); background: url(../../images/peon/i_toggle_parcours_open.svg) no-repeat center / var(--aox-32px); transition: all .3s ease; z-index: 2; } .pg_gifen .obj_toggle-header .obj_toggle-header-title{ font-family: "century-gothic", sans-serif; color: rgba(var(--primary-700), 1); width: calc(100% - var(--aox-48px)); } /* ctn_arborescence */ .pg_gifen .ctn_arborescence{ position: relative; display: grid; grid-template-rows: 1fr; transition: grid-template-rows 500ms; width: 100%; } /* obj_arborescence-content */ .pg_gifen .obj_arborescence-content{ position: relative; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; } /* obj_arborescence-content obj_button-aside*/ .pg_gifen .obj_arborescence-content .obj_button-aside{ position: absolute; top: 0; left: 0; z-index: 2; } /* obj_listcards */ .pg_gifen .obj_listcards{ position: relative; display: flex; gap: var(--aox-8px); flex-wrap: wrap; width: 100%; justify-content: flex-start; margin-bottom: var(--aox-24px); min-height: var(--aox-80px); } /* t_hover */ .pg_gifen .obj_arborescence-content .obj_button .t_hover{ position: absolute; left: var(--aox-20px); top: calc(-1* -80%); padding: var(--aox-12px) var(--aox-16px); font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-12px); font-weight: 400; line-height: 1; color: #fff; transform: translateX(0%); background: rgba(var(--primary-400), 1); /* backdrop-filter: blur(5px); */ border-radius: var(--aox-2px); white-space: nowrap; letter-spacing: 0.5px; opacity: 0; visibility: hidden; transition: all .3s ease; z-index: 2; } .pg_gifen .obj_arborescence-content .obj_button .t_hover:after { content: ""; display: block; height: var(--aox-10px); width: var(--aox-10px); background-color: rgba(var(--primary-400), 1); border: inherit; position: absolute; top: calc(-1* var(--aox-3px)); bottom: unset; left: 10%; clip-path: polygon(0% 0%, 100% 100%, 0% 100%); transform: translateX(-50%) rotate(135deg); border-radius: 0 0 0 2px; z-index: 1; } .pg_gifen .obj_arborescence-content .obj_button:hover .t_hover { top: calc(-1* -120%); opacity: 1; visibility: visible; } /* is_close */ .pg_gifen .obj_arborescence-level1.is_close > .ctn_arborescence-header > .obj_toggle-header .obj_toggle-header-icon, .pg_gifen .obj_arborescence-level2.is_close > .ctn_arborescence-header > .obj_toggle-header .obj_toggle-header-icon, .pg_gifen .obj_arborescence-level3.is_close > .ctn_arborescence-header > .obj_toggle-header .obj_toggle-header-icon, .pg_gifen .obj_arborescence-level4.is_close > .ctn_arborescence-header > .obj_toggle-header .obj_toggle-header-icon { background: url(../../images/peon/i_toggle_parcours_close.svg) no-repeat center / var(--aox-32px); } .pg_gifen .obj_arborescence-level1.is_close > .ctn_arborescence, .pg_gifen .obj_arborescence-level2.is_close > .ctn_arborescence, .pg_gifen .obj_arborescence-level3.is_close > .ctn_arborescence, .pg_gifen .obj_arborescence-level4.is_close > .ctn_arborescence { grid-template-rows: 0fr; } /* .obj_arborescence-level1 */ .pg_gifen .obj_arborescence-level1 .obj_toggle-header-title .t_title{ font-family: "century-gothic", sans-serif; color: rgba(var(--primary-700), 1); font-size: var(--aox-fs-28px); line-height: var(--aox-lh-120); font-weight: 700; } .pg_gifen .obj_arborescence-level1 .obj_arborescence-content .obj_listcards{ padding: var(--aox-16px) var(--aox-48px) 0 calc(var(--aox-500px) + var(--aox-20px)); } .pg_gifen .obj_arborescence-level1 .obj_arborescence-content > .obj_button-aside { left: var(--aox-48px); top: var(--aox-16px); } /* .obj_arborescence-level2 */ .pg_gifen .obj_arborescence-level2{ background-color: rgba(241, 242, 246, 0.4); border-radius: var(--aox-24px); margin-top: var(--aox-8px); } .pg_gifen .obj_arborescence-level2 .obj_toggle-header-title .t_title{ font-family: "century-gothic", sans-serif; color: rgba(var(--primary-700), 1); font-size: var(--aox-fs-20px); line-height: var(--aox-lh-120); font-weight: 700; } .pg_gifen .obj_arborescence-level2 .obj_toggle-header { padding: var(--aox-10px) var(--aox-10px) var(--aox-10px) var(--aox-8px); } .pg_gifen .obj_arborescence-level2 .obj_arborescence-content .obj_listcards{ padding: var(--aox-16px) var(--aox-32px) 0 calc(var(--aox-500px) + var(--aox-4px)); } .pg_gifen .obj_arborescence-level2 .obj_arborescence-content > .obj_button-aside { left: var(--aox-32px); } /* .obj_arborescence-level3 */ .pg_gifen .obj_arborescence-level3{ background-color: rgba(241, 242, 246, 1); border-radius: var(--aox-16px); margin-top: var(--aox-8px); } .pg_gifen .obj_arborescence-level3 .obj_toggle-header-title .t_title{ font-family: "century-gothic", sans-serif; color: rgba(var(--primary-700), 1); font-size: var(--aox-fs-18px); line-height: var(--aox-lh-120); font-weight: 700; } .pg_gifen .obj_arborescence-level3 .obj_arborescence-content .obj_listcards{ padding: var(--aox-16px) var(--aox-16px) 0 calc(var(--aox-480px) + var(--aox-8px)); } .pg_gifen .obj_arborescence-level3 .obj_arborescence-content > .obj_button-aside { left: var(--aox-24px); } /* .obj_arborescence-level4 */ .pg_gifen .obj_arborescence-level4{ background-color: rgba(231, 233, 240, 1); border-radius: var(--aox-16px); margin-top: var(--aox-8px); } .pg_gifen .obj_arborescence-level4 .obj_toggle-header-title .t_title{ font-family: "century-gothic", sans-serif; color: rgba(var(--primary-700), 1); font-size: var(--aox-fs-14px); line-height: var(--aox-lh-120); letter-spacing: 0.1em; text-transform: uppercase; } .pg_gifen .obj_arborescence-level4 .obj_arborescence-content .obj_listcards{ padding-left: calc(var(--aox-470px) + var(--aox-2px)); } .pg_gifen .obj_arborescence-level4 .obj_arborescence-content > .obj_button-aside { left: var(--aox-16px); } .pg_gifen .obj_arborescence-level1.is_close .ctn_arborescence .obj_arborescence, .pg_gifen .obj_arborescence-level2.is_close .ctn_arborescence .obj_arborescence, .pg_gifen .obj_arborescence-level3.is_close .ctn_arborescence .obj_arborescence, .pg_gifen .obj_arborescence-level4.is_close .ctn_arborescence .obj_arborescence{ transform: scaleY(0); height: 0; } /* ======================================== */ /* .pg_gifen .obj_popin /* ======================================== */ .pg_gifen.aox-popin-is-opened{ overflow: hidden; } .pg_gifen .ctn_popin-zone { display: none; } .pg_gifen .obj_popin { display: none; max-height: 100vh; max-width: 100vw; top: 50% !important; left: 50% !important; font-size: var(--aox-fs-14px); transform: translate(-50%, -50%); background: white; } .pg_gifen .obj_popin > .content { overflow-y: auto; position: relative; z-index: 1; } .pg_gifen .obj_popin > .content > * { padding: var(--aox-40px); } .pg_gifen .obj_popin > .content > .jQueryScroll { margin: var(--aox-60px) var(--aox-26px) var(--aox-60px) var(--aox-50px); max-height: var(--aox-600px); visibility: hidden; } .pg_gifen .obj_popin > .content::-webkit-scrollbar { width: 12px; } .pg_gifen .obj_popin > .content::-webkit-scrollbar-track { background: #f2f2f2; } .pg_gifen .obj_popin > .content::-webkit-scrollbar-thumb { background-color: #3E4827; border-radius: 20px; border: 3px solid #f2f2f2; } /***/ .pg_gifen .obj_popin .ctn_popin { width: var(--aox-col-8); overflow: hidden; } /* .pg_gifen .obj_popin .ctn_text { text-align: center; } .pg_gifen .obj_popin .ctn_text > * + * { margin-top: var(--aox-20px); } .pg_gifen .obj_popin .ctn_text .t_title { font-family: "GillSans"; font-size: var(--aox-fs-36px); line-height: var(--aox-lh-100); text-transform: uppercase; } .pg_gifen .obj_popin .ctn_text p { font-size: var(--aox-fs-16px); line-height: var(--aox-lh-140); } .pg_gifen .obj_popin .ctn_text .ctn_btn { margin-top: var(--aox-30px); } */ /***/ .pg_gifen .obj_popin .close { position: absolute; z-index: 9999; top: var(--aox-24px); right: var(--aox-24px); height: var(--aox-96px); width: var(--aox-96px); text-indent: -10000px; border: none; background: none; cursor: pointer; border-radius: 100%; background-color: rgba(0, 0, 0, 10%); } .pg_gifen .obj_popin .close::before { content: ""; position: absolute; top: 50%; left: 50%; height: var(--aox-2px); width: var(--aox-28px); transform: translate(-50%, -50%) rotate(45deg); background: white; } .pg_gifen .obj_popin .close::after { content: ""; position: absolute; top: 50%; left: 50%; height: var(--aox-2px); width: var(--aox-28px); transform: translate(-50%, -50%) rotate(-45deg) ; background: white; } .pg_gifen .obj_popin .close:focus{ outline: none; } .pg_gifen .obj_popin .close:hover{ background-color: rgba(0, 0, 0, 80%); } @media screen and (max-width: 767px) { /* .pg_gifen .obj_popin > .content > * { padding: var(--aox-40px) var(--aox-20px); } */ } /* ======================================== */ /* .pg_gifen .popinCarrouselAOX .obj_popin /* ======================================== */ .pg_gifen #exposeMask{ display: none !important; } .pg_gifen .popinCarrouselAOX{ position: relative; } .pg_gifen .popinCarrouselAOX .obj_popin { height: 100vh; width: 100vw; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(30px); } .pg_gifen .popinCarrouselAOX .obj_popin .ctn_popin { width: 100%; padding: 0; overflow: hidden; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel{ height: 100%; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .ctn_aox-carousel{ position: relative; display: flex; flex-direction: column; height: 100%; gap: var(--aox-24px) 0; flex-wrap: wrap; justify-content: center; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-title{ position: absolute; top: var(--aox-56px); left: var(--aox-56px); z-index: 1; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-title .t_title { font-family: var(--aox-form-font-family); font-weight: 700; font-size: var(--aox-fs-14px); line-height: var(--aox-lh-100); color: #ffffff; text-transform: uppercase; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel{ position:relative; display: flex; flex-direction: column; margin:0 auto; gap: var(--aox-16px) 0; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel .masque{ position:relative; overflow:hidden; height:100%; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel .ctn_carrousel_items{ position: relative; height:100%; width:10000px; /* background-color: rgba(255, 0, 44, 0.5); */ } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel .ctn_carrousel_items .ctn_item{ float:left; width: auto; height: auto; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel.all-items-visible .nav{ display:none; } /* is-overflow-visible */ .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel.is-overflow-visible{ height: auto; /* width: var(--aox-1000px); */ width: calc(var(--aox-1000px) + var(--aox-16px)); /* background-color: rgba(214, 220, 226, 1); */ } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel.is-overflow-visible .masque{ overflow:visible; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel.is-overflow-visible .ctn_carrousel_items .ctn_item{ display: flex; flex-direction: column; align-items: center; overflow:hidden; /* width: 100%; */ height: 100%; /* background-color: rgba(233, 190, 170, 1); */ transition:opacity .5s ease, height .5s ease; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel.is-overflow-visible .ctn_item > *{ height: 100%; /* width: 100%; */ } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel.is-overflow-visible .ctn_item:focus{ outline: none; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel.is-overflow-visible .ctn_item.hidden{ opacity:0.8; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel.is-overflow-visible .ctn_item .ctn_item{ position: relative; } /* ctn_title */ .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel > .ctn_title{ position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0 var(--aox-16px); /* background-color: rgba(64, 173, 214, 0.5); */ } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel > .ctn_title .t_step{ display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 100%; font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-24px); line-height: var(--aox-lh-120); width: var(--aox-48px); height: var(--aox-48px); color: white; background-color: rgba(var(--primary-400), 1); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel > .ctn_title .t_step:before{ content: none; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel > .ctn_title .t_title{ position: relative; font-size: var(--aox-fs-18px); font-weight: 700; /* padding: var(--aox-8px) 0; */ color: #ffffff; } /* obj_aox-carousel-nav */ .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav{ position: absolute; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 var(--aox-5px); top: 50%; /* padding: var(--aox-10px); */ transform: translateY(-50%); /* background-color: rgba(119, 70, 255, 0.5); */ z-index:10; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav.nav_left{ left:var(--aox-24px); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav.nav_right{ right:var(--aox-24px); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav .obj_aox-carousel-button{ position:relative; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; width:var(--aox-64px); height:var(--aox-64px); border:0; border-radius: 100%; cursor:pointer; background:rgba(255, 255, 255, 1); transition:all .3s ease; z-index:1; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav .obj_aox-carousel-button::before{ --icon-size: var(--aox-24px); content:''; background-color: currentColor; display: inline-block; width:var(--icon-size); height:var(--icon-size); mask-size: 100% 100%; vertical-align: calc((.75em - var(--icon-size)) * .5); transition:all .3s ease; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav .obj_aox-carousel-button .t_aria-label{ font-size: 0px; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav .obj_aox-carousel-button .button_prev::before, .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav .obj_aox-carousel-button .button_next::before{ content:''; position:absolute; left:50%; top:50%; width:var(--aox-12px); height:var(--aox-12px); border: 2px solid #000; transition:all .3s ease; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav .obj_aox-carousel-button.button_prev-all::before{ mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0ibTEzLjkgMTIgNSA1LTEuNCAxLjQtNi40LTYuNCA2LjQtNi40TDE4LjkgN2wtNSA1em0tMS01LTEuNC0xLjRMNS4xIDEybDYuNCA2LjQgMS40LTEuNC01LTUgNS01eiIvPjwvc3ZnPg==); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav .obj_aox-carousel-button.button_prev::before{ mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0ibTEwLjgyOCAxMiA0Ljk1IDQuOTUtMS40MTQgMS40MTRMOCAxMmw2LjM2NC02LjM2NCAxLjQxNCAxLjQxNC00Ljk1IDQuOTVaIi8+PC9zdmc+); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav .obj_aox-carousel-button.button_next-all::before{ mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0ibTEwLjEgMTItNS00LjkgMS40LTEuNCA2LjQgNi40LTYuNCA2LjRMNS4xIDE3bDUtNXptNiAwLTUtNC45IDEuNC0xLjQgNi40IDYuNC02LjQgNi40LTEuNC0xLjUgNS01eiIvPjwvc3ZnPg==); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav .obj_aox-carousel-button.button_next::before{ mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0ibTEzLjE3MiAxMi00Ljk1LTQuOTUgMS40MTQtMS40MTRMMTYgMTJsLTYuMzY0IDYuMzY0LTEuNDE0LTEuNDE0IDQuOTUtNC45NVoiLz48L3N2Zz4=); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav .obj_aox-carousel-button.is_disabled{ background:rgba(255, 255, 255, 0.5); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav .obj_aox-carousel-button:not(.is_disabled):hover{ background:rgba(255, 255, 255, 0.5); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-nav .obj_aox-carousel-button.is_disabled:hover{ cursor: default; } /* obj_aox-carousel-pagination */ .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination{ position: relative; display: flex; flex-direction: row; justify-content: center; width: 100%; padding: var(--aox-16px) 0; margin: 0 auto; z-index: 9; /* background-color: rgba(250, 146, 71, 0.5); */ } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination{ display: flex; justify-content: center; align-items: center; gap: 0 var(--aox-32px); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_pagination-left, .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_pagination-right{ display: flex; justify-content: center; align-items: center; gap: 0 var(--aox-8px); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_aox-carousel-button{ --btn-pagination-size: var(--aox-24px); width:var(--btn-pagination-size); height:var(--btn-pagination-size); display: block; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_aox-carousel-button .t_aria-label{ font-size: 0px; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_pagination{ position:relative; display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; list-style-type: none; gap: 0 var(--aox-8px); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_pagination li{ position:relative; display: flex; flex-direction: row; align-items: center; list-style-type: none; cursor: pointer; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_pagination li .pagination{ position: relative; padding: 0; margin: 0; transition: all .3s ease; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_pagination li .pagination .t_aria-label{ position: relative; color: teal; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_pagination li .pagination.is_active .t_aria-label{ position: relative; font-weight: 700; color: rgb(192, 42, 85); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_pagination li .pagination:hover .t_aria-label{ color: rgb(192, 42, 85); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_pagination li:nth-child(3) .pagination:before{ --icon-size: var(--aox-24px); content:''; background-color: currentColor; display: inline-block; width:var(--icon-size); height:var(--icon-size); mask-size: 100% 100%; vertical-align: calc((.75em - var(--icon-size)) * .5); transition:all .3s ease; mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cgo8IS0tIExpY2Vuc2U6IENDIEF0dHJpYnV0aW9uLiBNYWRlIGJ5IE5pc2hhbnRoIGt1bmRlcjogaHR0cHM6Ly93d3cuYmVoYW5jZS5uZXQvbmlzaHVrIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiICB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiCgkgdmlld0JveD0iMCAwIDU0IDY1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1NCA2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjx0aXRsZT5DYXQ8L3RpdGxlPgo8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KPGcgaWQ9IlBhZ2UtMSIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+Cgk8ZyBpZD0iQ2F0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMi4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIj4KCQkKCQkJPHBhdGggaWQ9IlNoYXBlIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBmaWxsPSJub25lIiBzdHJva2U9IiM2QjZDNkUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSIKCQkJTTQyLjMsNTQuMmMwLTEtMS45LTYuMSwzLjktMTQuMlM1MSwyOC45LDUxLDI1LjgiLz4KCQkKCQkJPHBhdGggaWQ9IlNoYXBlXzJfIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBmaWxsPSJub25lIiBzdHJva2U9IiM2QjZDNkUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSIKCQkJTTMwLjMsMzIuNmM3LjIsNi44LDEyLjEsMTcsMTIuMSwyM2MwLDkuNy05LjMsNS40LTIxLDUuNFMwLjEsNjUuMiwwLjEsNTUuNmMwLTYuMSw0LjktMTYuMiwxMi4xLTIzIi8+CgkJCgkJCTxwYXRoIGlkPSJTaGFwZV8xXyIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNkI2QzZFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iCgkJCU0yNy4yLDMzYzguNy0xLjgsMTUuMS03LjQsMTUuMS0xNC4xYzAtMi45LTItNy4yLTIuOC04LjhDNDAuNCw4LjQsNDEsMC45LDM5LjYsMGMtMS41LTAuOC04LjMsNi40LTguMyw2LjQKCQkJYy0zLjItMS40LTYtMi4yLTEwLjEtMi4yUzEzLjMsNSwxMC4xLDYuNGMwLDAtNS42LTcuMS03LjEtNi4yQzEuNiwxLDEuOSw4LjEsMi43LDEwQzEuOSwxMS42LDAsMTYsMCwxOC45CgkJCUMwLDI1LjYsNi40LDMxLjIsMTUuMSwzMyIvPgoJPC9nPgo8L2c+Cjwvc3ZnPg==); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_pagination li:first-child .pagination .t_aria-label{ color: indianred; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_pagination li:last-child .pagination .t_aria-label{ color: darkgreen; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_aox-carousel-button::before{ --icon-size: var(--aox-24px); content:''; background-color: currentColor; display: inline-block; width:var(--icon-size); height:var(--icon-size); mask-size: 100% 100%; vertical-align: calc((.75em - var(--icon-size)) * .5); transition:all .3s ease; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_aox-carousel-button.button_prev-all::before{ mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0ibTEzLjkgMTIgNSA1LTEuNCAxLjQtNi40LTYuNCA2LjQtNi40TDE4LjkgN2wtNSA1em0tMS01LTEuNC0xLjRMNS4xIDEybDYuNCA2LjQgMS40LTEuNC01LTUgNS01eiIvPjwvc3ZnPg==); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_aox-carousel-button.button_prev::before{ mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0ibTEwLjgyOCAxMiA0Ljk1IDQuOTUtMS40MTQgMS40MTRMOCAxMmw2LjM2NC02LjM2NCAxLjQxNCAxLjQxNC00Ljk1IDQuOTVaIi8+PC9zdmc+); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_aox-carousel-button.button_next-all::before{ mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0ibTEwLjEgMTItNS00LjkgMS40LTEuNCA2LjQgNi40LTYuNCA2LjRMNS4xIDE3bDUtNXptNiAwLTUtNC45IDEuNC0xLjQgNi40IDYuNC02LjQgNi40LTEuNC0xLjUgNS01eiIvPjwvc3ZnPg==); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_aox-carousel-button.button_next::before{ mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0ibTEzLjE3MiAxMi00Ljk1LTQuOTUgMS40MTQtMS40MTRMMTYgMTJsLTYuMzY0IDYuMzY0LTEuNDE0LTEuNDE0IDQuOTUtNC45NVoiLz48L3N2Zz4=); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_aox-carousel-button.is_disabled{ background:rgba(255, 255, 255, 0.5); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_aox-carousel-button:not(.is_disabled):hover{ background:rgba(255, 255, 255, 0.5); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination .ctn_aox-carousel-pagination .obj_aox-carousel-button.is_disabled:hover{ cursor: default; } /* obj_aox-carousel-pagination style2 */ /* .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination.style2{ background-color: rgba(154, 65, 120, 0.5); } */ .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-pagination.style2 .ctn_aox-carousel-pagination .obj_pagination li .pagination{ border: 1px solid rgba(255, 255, 255, 0.5); padding: 4px; border-radius: 100vw; } /* obj_aox-carousel-dots */ .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots{ position:relative; display: flex; flex-direction: column; align-items: center; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots .obj_dots{ display:flex; justify-content: center; align-items: center; margin: 0; padding: 0; width: 100%; gap: 0 var(--aox-4px); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots .obj_dots li{ position: relative; display: flex; list-style:none; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots .obj_dots .dot{ --dot-size: var(--aox-24px); position:relative; padding: 0; margin: 0; width:var(--dot-size); height:var(--dot-size); border-radius:100vw; border: 2px solid transparent; background:#ccc; transition:all .3s ease; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots .obj_dots .dot.is_active{ background:#fff; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots .obj_dots .dot:hover{ background:#fff; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots .obj_dots .dot .t_aria-label{ font-size: 0px; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots.carousel-dots-invisible .ctn_aox-carousel-dots{ display:none; } /* obj_aox-carousel-dots style2 obj_dots */ /* .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots.style2 .obj_dots{ padding: var(--aox-4px); background-color: rgba(59, 90, 202, 0.5); } */ .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots.style2 .obj_dots .is_active{ width: var(--aox-56px); } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots.style2 .obj_dots .dot{ border-color: rgba(0, 0, 0, 0.5); background: transparent; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots.style2 .obj_dots .dot.is_active{ background:#fff; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_aox-carousel-dots.style2 .obj_dots .dot:hover{ background:#fff; } /* obj_item */ .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel_advanced .obj_item{ position: relative; border-radius: var(--aox-24px); background-color: rgba(231, 233, 240, 1); padding: var(--aox-48px); margin: 0 var(--aox-8px); /* height: 100%; */ } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel_advanced .obj_item .ctn_text{ position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; overflow: auto; gap: var(--aox-16px) 0; } /* obj_button */ .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel_advanced .obj_item .obj_button.button_default{ display: inline-block; margin: 0; padding: var(--aox-16px) var(--aox-32px); font-size: var(--aox-fs-16px); line-height: var(--aox-lh-120); color: #000000; text-transform: uppercase; border-radius: var(--aox-16px); border: solid 2px #000000; background: transparent; text-decoration: none; outline: none; cursor: pointer; transition: all ease 400ms; } .pg_gifen .popinCarrouselAOX .obj_aox-carousel .obj_carrousel_advanced .obj_item .obj_button.button_default:hover:not(:disabled) { color: #0052A2; border-color: #0052A2; background: transparent; } @media screen and (max-width:767px){ } /* obj_push_evaluation */ .pg_gifen .obj_carrousel_advanced .obj_push_evaluation{ position: relative; display: flex; flex-direction: row; background:#fff; width: var(--aox-1000px); /* width: calc(var(--aox-1000px) + var(--aox-16px)); */ height: var(--aox-600px); /* height: 100%; */ border-radius: var(--aox-32px); background-color: rgba(var(--primary-200), 1); padding: var(--aox-8px); /* margin:0 var(--aox-8px); */ gap: 0 var(--aox-16px); } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation.is_checked{ background-color: rgba(var(--white), 1); } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .ctn_title{ position: relative; margin-bottom: var(--aox-32px); } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .ctn_header{ position: relative; display: flex; flex-direction: column; width: var(--aox-240px); padding: var(--aox-24px) var(--aox-16px) var(--aox-24px) var(--aox-24px); flex: 0 0 auto; gap: var(--aox-16px) 0; } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .ctn_header .obj_icon{ position: relative; height: var(--aox-52px); width: var(--aox-52px); } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .ctn_header .obj_icon .v_icon{ position: relative; height: var(--aox-52px); width: var(--aox-52px); } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation.is_basic .ctn_header .obj_icon .v_icon{ background: url(../../images/peon/i_level_eval_standard.png) no-repeat right center; background-size: var(--aox-52px); } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation.is_bronze .ctn_header .obj_icon .v_icon{ background: url(../../images/peon/i_level_eval_bronze.png) no-repeat right center; background-size: var(--aox-52px); } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation.is_silver .ctn_header .obj_icon .v_icon{ background: url(../../images/peon/i_level_eval_silver.png) no-repeat right center; background-size: var(--aox-52px); } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation.is_gold .ctn_header .obj_icon .v_icon{ background: url(../../images/peon/i_level_eval_gold.png) no-repeat right center; background-size: var(--aox-52px); } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .ctn_header .ctn_title{ margin-bottom: 0; } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .ctn_header .ctn_title .t_title{ font-family: var(--aox-form-label-font-family); font-weight: var(--aox-form-label-font-weight); font-size: var(--aox-fs-20px); line-height: var(--aox-form-label-line-height); color: var(--aox-form-color-primary); } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .ctn_container{ position: relative; background-color: rgba(var(--primary-150), 1); padding: var(--aox-32px) 0 var(--aox-32px) var(--aox-32px); border-radius: var(--aox-24px); width: 100%; height: 100%; overflow: hidden auto; } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .ctn_container .ctn_content{ --aox-edito-hero-colums-ctn-content : calc(60% - calc(var(--aox-gutter) / 2)); /* position: relative; width: 100%; height: 100%; padding: 0; overflow: auto; */ } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .ctn_container .ctn_media{ --aox-edito-hero-colums-ctn-media : calc(40% - calc(var(--aox-gutter) / 2)); } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .ctn_header .obj_form-buttons{ position: relative; flex-direction: column; margin-top: var(--aox-16px); margin-top: auto; } /* .aox_section_editorial */ .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .aox_section_editorial > .ctn_section_editorial { --aox-edito-article-gap : var(--aox-spacing-xl); width: 100%; } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .aox_section_editorial .ctn_article { width: 100%; } .pg_gifen .obj_carrousel_advanced .obj_push_evaluation .aox_section_editorial .ctn_media { width: 100%; } /***/ .pg_gifen .obj_carrousel_advanced .obj_aox-edito{ --aox-edito-section-background-padding: var(--aox-64px); } .pg_gifen .obj_carrousel_advanced .obj_aox-edito{ height: 100%; overflow: hidden; overflow-y: auto; padding-right: var(--aox-8px); margin-right: var(--aox-16px); } .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_edito-section:first-child{ margin-top: 0 !important; } .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_edito-paragraph { flex-direction: column; align-items: flex-start; gap: var(--aox-edito-paragraph-gap); } .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_content { width: 100%; } .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media .ctn_media { width: 100%; } .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-left .ctn_edito-paragraph { flex-direction: column; } .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-top .ctn_edito-paragraph, .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_edito-paragraph.edito-paragraph_text-media.has_media-bottom .ctn_edito-paragraph { flex-direction: column; align-items: flex-start; gap: var(--aox-gutter); } .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_edito-paragraph .obj_image .ctn_image, .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_edito-paragraph .obj_image .ctn_image img{ height: auto; } .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_edito-section .ctn_edito-row .ctn_edito-column > * + * { margin-top: var(--aox-spacing-6) !important; } .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_text > * + * { margin-top: var(--aox-16px); } .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_text .ctn_text p, .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_text .ctn_text ul li{ font-size: var(--aox-fs-14px); line-height: var(--aox-lh-130); } .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_text .ctn_text{ padding-right: 0; } .pg_gifen .obj_carrousel_advanced .obj_aox-edito .obj_text .ctn_text > * + * { margin-top: var(--aox-16px); } /* ======================================== */ /* .pg_gifen .aox_obj_planning /* ======================================== */ .pg_gifen .aox_obj_planning { --aox-hour: var(--aox-60px); --grey-194-color: 194,194,194; --black-color: var(--grey-54-color); --grey-237-color: 237,237,237; --orange-color: 255,102,0; --white-color: 255,255,255; --grey-54-color: 54,54,54; --center-1-color:149,118,170; --center-2-color:136,179,223; --center-3-color:137,187,207; --center-4-color:88,127,138; --center-5-color:197,193,94; --center-6-color:182,166,222; --center-7-color:180,199,158; --center-8-color:88,97,149; --center-9-color:223,187,104; --center-10-color:194,136,99; } /***/ .pg_gifen .aox_obj_planning { position: relative; background: rgba(var(--primary-200), .3); } /***/ .pg_gifen .aox_obj_planning .aox_ctn_btn { position: absolute; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin: 0 calc(var(--aox-spacing-s) * -1) calc(var(--aox-spacing-s) * -1) 0; height: var(--aox-hour); width: 100%; border-bottom: solid 1px rgba(var(--primary-700), 0.2); background: rgba(var(--primary-200), 1); } .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_obj_btn{ cursor: pointer; transition: all .3s ease; } .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_t_week{ margin: 0 var(--aox-spacing-s) var(--aox-spacing-s) 0; } .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_btn_prev, .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_btn_next { position: absolute; top: 50%; height: var(--aox-32px); width: var(--aox-32px); padding: 0; border: none; background: none; } .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_btn_prev::after, .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_btn_next::after { content: ""; position: absolute; top: 50%; left: 50%; display: block; height: var(--aox-10px); width: var(--aox-10px); } .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_btn_prev { left: var(--aox-16px); transform: translate(100%, -50%); } .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_btn_prev::after { border-top: solid var(--aox-3px) rgba(var(--black-color), 1); border-left: solid var(--aox-3px) rgba(var(--black-color), 1); transform: translate(-50%, -50%) rotate(-45deg); } .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_btn_next { right: var(--aox-12px); transform: translate(var(--aox-4px), -50%); } .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_btn_next::after { border-top: solid var(--aox-3px) rgba(var(--black-color), 1); border-right: solid var(--aox-3px) rgba(var(--black-color), 1); transform: translate(-50%, -50%) rotate(45deg); } .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_t_week { display: none; } /***/ .pg_gifen .aox_obj_planning .aox_ctn_week { display: flex; flex-direction: row; width: 100%; margin: 0 auto; padding: 0 var(--aox-40px) 0 var(--aox-80px); } /***/ .pg_gifen .aox_obj_planning .aox_ctn_day { position: relative; height: calc(var(--aox-hour) * 14); width: 20%; background: rgba(var(--primary-200), .35); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_date { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; height: var(--aox-hour); padding: var(--aox-spacing); font-size: var(--aox-fs-14px); line-height: var(--aox-lh-100); text-align: center; border-bottom: solid 1px rgba(var(--primary-700), 0.5); background: rgba(var(--primary-700), 0.1); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_date.aox_var_today::before { content: ""; position: absolute; top: 0; left: 0; display: block; height: var(--aox-2px); width: 100%; background: rgba(var(--primary-400), 1); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_slots { display: flex; flex-direction: row; height: calc(var(--aox-hour) * 13); border-left: solid 1px rgba(var(--primary-700), 0.2); } .pg_gifen .aox_obj_planning .aox_ctn_day:last-child .aox_ctn_slots { border-right: solid 1px rgba(var(--primary-700), 0.2); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_slots .aox_ctn_center { position: relative; height: 100%; width: 100%; } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_slots .aox_var_center-1 { background: rgba(var(--center-1-color), 1); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_slots .aox_var_center-2 { background: rgba(var(--center-2-color), 1); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_slots .aox_var_center-3 { background: rgba(var(--center-3-color), 1); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_slots .aox_var_center-4 { background: rgba(var(--center-4-color), 1); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_slots .aox_var_center-5 { background: rgba(var(--center-5-color), 1); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_slots .aox_var_center-6 { background: rgba(var(--center-6-color), 1); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_slots .aox_var_center-7 { background: rgba(var(--center-7-color), 1); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_slots .aox_var_center-8 { background: rgba(var(--center-8-color), 1); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_slots .aox_var_center-9 { background: rgba(var(--center-9-color), 1); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_slots .aox_var_center-10 { background: rgba(var(--center-10-color), 1); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_hours { position: absolute; z-index: 1; top: var(--aox-hour); left: 0; display: flex; flex-direction: column; height: calc(var(--aox-hour) * 13); width: 100%; } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_hours .aox_ctn_hour { position: relative; height: var(--aox-hour); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_hours .aox_ctn_hour::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; border-bottom: dashed 1px rgba(var(--primary-700), 0.2); } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_hours .aox_ctn_hour .aox_t_hour { position: absolute; top: 0; left: calc(var(--aox-col) * -1); width: var(--aox-col); padding: var(--aox-spacing-s); font-size: var(--aox-fs-14px); line-height: var(--aox-lh-90); color: rgba(var(--black-color), 0.5); text-align: right; } .pg_gifen .aox_obj_planning .aox_ctn_day + .aox_ctn_day .aox_ctn_hours .aox_ctn_hour .aox_t_hour { display: none; } /***/ .pg_gifen .aox_obj_planning .aox_ctn_slot { position: absolute; z-index: 2; height: calc(var(--aox-hour) * 1); width: 100%; border: solid 1.5px rgba(var(--grey-237-color), 1); border-radius: var(--aox-5px); } .pg_gifen .aox_obj_planning .aox_ctn_slot .aox_t_hour { position: absolute; top: var(--aox-6px); left: var(--aox-8px); width: 50%; font-size: var(--aox-fs-12px); line-height: var(--aox-lh-90); color: rgba(var(--white-color), 1); } .pg_gifen .aox_obj_planning .aox_ctn_slot .aox_t_booked { position: absolute; top: var(--aox-3px); right: var(--aox-3px); padding: 0 var(--aox-6px); height: var(--aox-14px); font-weight: 700; font-size: var(--aox-fs-10px); line-height: var(--aox-14px); color: rgba(var(--white-color), 1); text-align: right; border-radius: var(--aox-8px); background: rgba(var(--grey-54-color), 1); } .pg_gifen .aox_obj_planning .aox_ctn_slot .aox_t_available { position: absolute; bottom: var(--aox-3px); right: var(--aox-8px); overflow: hidden; margin-left: auto; width: 50%; font-weight: 700; font-size: var(--aox-fs-12px); color: rgba(var(--white-color), 1); text-align: right; text-overflow: ellipsis; white-space: nowrap; } .pg_gifen .aox_obj_planning .aox_ctn_slot .aox_i_icon { position: absolute; bottom: 0; left: var(--aox-3px); fill: rgba(var(--white-color), 1); height: var(--aox-24px); width: var(--aox-24px); } .pg_gifen .aox_obj_planning .aox_ctn_center:not(:only-child) .aox_ctn_slot .aox_t_booked span { display: none; } .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_30min { height: calc(var(--aox-hour) * 30/60); } .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_35min { height: calc(var(--aox-hour) * 35/60); } .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_40min { height: calc(var(--aox-hour) * 40/60); } .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_45min { height: calc(var(--aox-hour) * 45/60); } .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_50min { height: calc(var(--aox-hour) * 50/60); } .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_55min { height: calc(var(--aox-hour) * 55/60); } .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_60min { height: calc(var(--aox-hour) * 60/60); } .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_30min .aox_t_hour, .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_35min .aox_t_hour, .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_40min .aox_t_hour { top: var(--aox-1px); } .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_30min .aox_t_available, .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_35min .aox_t_available, .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_40min .aox_t_available { bottom: var(--aox-1px); } .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_30min .aox_i_icon, .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_35min .aox_i_icon, .pg_gifen .aox_obj_planning .aox_ctn_slot.aox_var_40min .aox_i_icon { bottom: calc(var(--aox-4px) * -1); } /***/ @media screen and (max-width: 767px) { .pg_gifen .aox_obj_planning .aox_ctn_btn { position: relative; justify-content: space-between; align-items: center; height: var(--aox-32px); margin: 0; padding: 0 var(--aox-external-gutter); } .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_t_week { display: block; font-size: var(--aox-fs-12px); color: rgba(var(--black-color), 0.5); text-transform: uppercase; } .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_btn_prev, .pg_gifen .aox_obj_planning .aox_ctn_btn .aox_btn_next { position: relative; top: auto; bottom: auto; left: auto; right: auto; transform: none; } .pg_gifen .aox_obj_planning .aox_ctn_week { flex-direction: column; } .pg_gifen .aox_obj_planning .aox_ctn_day { width: 100%; } .pg_gifen .aox_obj_planning .aox_ctn_day + .aox_ctn_day .aox_ctn_hours .aox_ctn_hour .aox_t_hour { display: block; } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_date { position: absolute; z-index: 2; left: calc((var(--aox-col) * -1) - var(--aox-external-gutter)); right: 0; width: 100vw; } .pg_gifen .aox_obj_planning .aox_ctn_day .aox_ctn_date { position: relative; z-index: 1; } } /* ======================================== */ /* .pg_gifen .obj_action_plan /* ======================================== */ .pg_gifen .obj_action_plan { position: relative; } .pg_gifen .obj_action_plan .obj_form-header .t_title{ font-family: var(--aox-form-font-family); font-weight: var(--aox-form-font-weight-strong); font-size: var(--aox-fs-28px); line-height: var(--aox-form-line-height); color: var(--aox-form-color-secondary); text-transform: inherit; } /***/ @media screen and (max-width: 767px) { } /* ======================================== */ /* .pg_gifen .obj_dropdown-list /* ======================================== */ .pg_gifen .obj_dropdown-list{ position: relative; z-index: 9; width: var(--aox-32px); height: var(--aox-32px); } .pg_gifen .obj_dropdown-list .ctn_dropdown-list{ position: relative; width: 100%; height: 100%; } .pg_gifen .obj_dropdown-list .ctn_dropdown-list::before{ content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; } .pg_gifen .obj_dropdown-list[data-position="bottom-to-right"] .ctn_dropdown-list::before{ left: 0; top: 0; } .pg_gifen .obj_dropdown-list[data-position="bottom-to-left"] .ctn_dropdown-list::before{ right: 0; top: 0; } .pg_gifen .obj_dropdown-list[data-position="top-to-right"] .ctn_dropdown-list::before{ left: 0; bottom: 0; } .pg_gifen .obj_dropdown-list[data-position="top-to-left"] .ctn_dropdown-list::before{ right: 0; bottom: 0; } .pg_gifen .obj_dropdown-list[data-position="right-to-bottom"] .ctn_dropdown-list::before{ left: 0; top: 0; } .pg_gifen .obj_dropdown-list[data-position="right-to-top"] .ctn_dropdown-list::before{ left: 0; bottom: 0; } .pg_gifen .obj_dropdown-list[data-position="left-to-bottom"] .ctn_dropdown-list::before{ left: 0; top: 0; } .pg_gifen .obj_dropdown-list[data-position="left-to-top"] .ctn_dropdown-list::before{ left: 0; bottom: 0; } .pg_gifen .obj_dropdown-list:hover .ctn_dropdown-list::before, .pg_gifen .obj_dropdown-list[data-position="bottom-to-right"]:hover .ctn_dropdown-list::before, .pg_gifen .obj_dropdown-list[data-position="bottom-to-left"]:hover .ctn_dropdown-list::before, .pg_gifen .obj_dropdown-list[data-position="top-to-right"]:hover .ctn_dropdown-list::before, .pg_gifen .obj_dropdown-list[data-position="top-to-left"]:hover .ctn_dropdown-list::before{ width: 200%; height: 100%; } .pg_gifen .obj_dropdown-list[data-position="right-to-bottom"]:hover .ctn_dropdown-list::before, .pg_gifen .obj_dropdown-list[data-position="right-to-top"]:hover .ctn_dropdown-list::before, .pg_gifen .obj_dropdown-list[data-position="left-to-bottom"]:hover .ctn_dropdown-list::before, .pg_gifen .obj_dropdown-list[data-position="left-to-top"]:hover .ctn_dropdown-list::before{ width: 100%; height: 200%; } .pg_gifen .obj_dropdown-list .bt_dropdown-list{ position: relative; z-index: 2; display: flex; width: 100%; height: 100%; background-color: rgb(var(--white)); border-radius: 100%; } .pg_gifen .obj_dropdown-list .bt_dropdown-list svg{ display: flex; width: 100%; height: 100%; fill: #545E66; } .pg_gifen .obj_dropdown-list .bt_dropdown-list:hover svg{ fill: var(--primary-700); } .pg_gifen .obj_dropdown-list .msk_dropdown-list{ position: absolute; z-index: 3; width: var(--aox-220px); max-height: 0; overflow: hidden; transition: all .5s cubic-bezier(0.16, 1, 0.3, 1); } .pg_gifen .obj_dropdown-list[data-position="bottom-to-right"] .msk_dropdown-list{ left: 0; top: 100%; } .pg_gifen .obj_dropdown-list[data-position="bottom-to-left"] .msk_dropdown-list{ right: 0; top: 100%; } .pg_gifen .obj_dropdown-list[data-position="top-to-right"] .msk_dropdown-list{ left: 0; bottom: 100%; } .pg_gifen .obj_dropdown-list[data-position="top-to-left"] .msk_dropdown-list{ right: 0; bottom: 100%; } .pg_gifen .obj_dropdown-list[data-position="right-to-bottom"] .msk_dropdown-list{ left: 100%; top: 0; } .pg_gifen .obj_dropdown-list[data-position="right-to-top"] .msk_dropdown-list{ left: 100%; bottom: 0; } .pg_gifen .obj_dropdown-list[data-position="left-to-bottom"] .msk_dropdown-list{ right: 100%; top: 0; } .pg_gifen .obj_dropdown-list[data-position="left-to-top"] .msk_dropdown-list{ right: 100%; bottom: 0; } .pg_gifen .obj_dropdown-list:hover .msk_dropdown-list{ max-height: var(--aox-220px); border-radius: var(--aox-16px); box-shadow: 0 var(--aox-16px) var(--aox-24px) 0 rgba(84, 94, 102, 0.20); transition-duration: 1s; } .pg_gifen .obj_dropdown-list .ctn_msk_dropdown-list{ width: 100%; max-height: var(--aox-220px); overflow-y: auto; padding: var(--aox-8px); margin: unset; border-radius: var(--aox-16px); border: 2px solid #F1F2F2; background: #fff; } .pg_gifen .obj_dropdown-list .ul_dropdown-list{ width: 100%; max-height: var(--aox-220px); overflow-y: auto; padding: 0; margin: unset; } .pg_gifen .obj_dropdown-list .lnk_dropdown-list{ display: flex; width: 100%; padding: var(--aox-8px) var(--aox-16px); font-family: var(--aox-font-family); font-weight: 400; font-size: var(--aox-fs-14px); line-height: var(--aox-lh-140); color: var(--black); text-decoration: none; } .pg_gifen .obj_dropdown-list .lnk_dropdown-list:hover{ color: var(--black); text-decoration: underline; } @media screen and (max-width: 1024px){ .pg_gifen .obj_dropdown-list .bt_dropdown-list:focus + .msk_dropdown-list{ max-height: var(--aox-220px); box-shadow: 0 var(--aox-16px) var(--aox-24px) 0 rgba(84, 94, 102, 0.20); transition-duration: 1.2s; } } /* ======================================== */ /* .pg_gifen .obj_card_cycle /* ======================================== */ .pg_gifen .obj_card_cycle{ position: relative; width: var(--aox-460px); height: var(--aox-200px); } .pg_gifen .obj_card_cycle .ctn_card_cycle{ display: flex; flex-direction: column; justify-content: space-between; border-radius: var(--aox-32px); padding: var(--aox-12px) var(--aox-20px) var(--aox-16px) var(--aox-12px); width: 100%; height: 100%; backdrop-filter: blur(7px); } /***/ .pg_gifen .obj_card_cycle .obj_card_cycle_header .ctn_card_cycle_header { display: flex; flex-direction: row; } .pg_gifen .obj_card_cycle .obj_icon_state.has_icon[class*=" aox_icon-"]:before, .pg_gifen .obj_card_cycle .obj_icon_state.has_icon[class^=aox_icon-]:before, .pg_gifen .obj_card_cycle .obj_icon_state.has_icon[class*=" aox_icon-"]:after, .pg_gifen .obj_card_cycle .obj_icon_state.has_icon[class^=aox_icon-]:after{ background-color: rgba(var(--primary-700), 1);; pointer-events: none; } .pg_gifen .obj_card_cycle .obj_card_cycle_header .ctn_card_cycle_header .obj_icon_state{ --aox-icon-size: 100%; width: var(--aox-64px); height: var(--aox-64px); padding: var(--aox-6px); } .pg_gifen .obj_card_cycle .obj_card_cycle_header .ctn_card_cycle_header .obj_label{ width: calc(100% - var(--aox-64px)); padding-right: var(--aox-40px); } .pg_gifen .obj_card_cycle .obj_card_cycle_header .ctn_card_cycle_header .obj_label .ctn_label{ display: flex; flex-direction: column; padding-right: var(--aox-110px); padding-top: var(--aox-9px); gap: var(--aox-2px) 0; } .pg_gifen .obj_card_cycle .obj_card_cycle_header .ctn_card_cycle_header .obj_label .ctn_label > * + *{ margin-top: 0; } .pg_gifen .obj_card_cycle .obj_card_cycle_header .t_subtitle, .pg_gifen .obj_card_cycle .obj_card_cycle_header .t_subtitle a{ display: block; font-size: var(--aox-fs-18px); line-height: var(--aox-lh-120); font-weight: 700; letter-spacing: -0.32px; text-decoration: none; } .pg_gifen .obj_card_cycle .obj_card_cycle_header .t_subtitle a:hover, .pg_gifen .obj_card_cycle .obj_card_cycle_header .t_subtitle a:active{ color: unset; text-decoration: underline; } .pg_gifen .obj_card_cycle .obj_card_cycle_header .t_title{ font-size: var(--aox-fs-22px); line-height: var(--aox-lh-100); font-weight: 700; color: rgba(var(--primary-700), 1); letter-spacing: -0.44px; } .pg_gifen .obj_card_cycle .obj_card_cycle_header .t_state{ font-size: var(--aox-fs-14px); line-height: var(--aox-lh-140); font-weight: 700; color: rgba(var(--primary-700), 1); } /***/ .pg_gifen .obj_card_cycle .obj_card_cycle_header .ctn_card_cycle_header .obj_icons{ position: absolute; top: var(--aox-24px); right: var(--aox-24px); display: flex; flex-direction: row; align-items: center; margin: 0; padding: 0; list-style-type: none; gap: 0 var(--aox-2px); z-index: 1; } .pg_gifen .obj_card_cycle .obj_card_cycle_header .ctn_card_cycle_header .obj_icons .obj_icons-item{ width: var(--aox-16px); height: var(--aox-16px); } .pg_gifen .obj_card_cycle .obj_card_cycle_header .ctn_card_cycle_header .obj_icons .obj_icons-item svg{ width: 100%; height: 100%; } .pg_gifen .obj_card_cycle .obj_card_cycle_header .ctn_card_cycle_header .obj_icons .obj_icons-item::marker{ content: none; } /***/ .pg_gifen .obj_card_cycle .obj_card_cycle_graph{ position: absolute; top: var(--aox-20px); right: var(--aox-18px); width: var(--aox-160px); height: var(--aox-160px); } .pg_gifen .obj_card_cycle .obj_card_cycle_graph .ctn_card_cycle_graph svg{ width: var(--aox-160px); height: var(--aox-160px); } /***/ .pg_gifen .obj_card_cycle .obj_card_cycle_bottom{ position: relative; width: 100%; } .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .ctn_card_cycle_bottom{ display: flex; align-items: flex-end; } /***/ .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .ctn_card_cycle_bottom .obj_group_buttons{ display: flex; margin-left: var(--aox-4px); padding: var(--aox-2px); border-radius: 9999px; background: rgba(255, 255, 255, 0.50); } .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button.is_medium{ font-size: var(--aox-fs-14px); } .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button.is_disabled{ color: rgba(var(--primary-700), 0.3); } .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button.is_disabled:hover, .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button:disabled:hover{ background: transparent; } .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button.is_disabled.has_icon[class*=" aox_icon-"]:before, .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button.is_disabled.has_icon[class^=aox_icon-]:before, .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button.is_disabled.has_icon[class*=" aox_icon-"]:after, .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button.is_disabled.has_icon[class^=aox_icon-]:after{ background-color: rgba(var(--primary-700), 0.3); transition: all var(--duration-300ms) ease; } .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button:hover:not(.is_disabled).has_icon[class*=" aox_icon-"]:before, .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button:hover:not(.is_disabled).has_icon[class^=aox_icon-]:before, .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button:hover:not(.is_disabled).has_icon[class*=" aox_icon-"]:after, .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button:hover:not(.is_disabled).has_icon[class^=aox_icon-]:after{ background-color: rgba(var(--primary-700), 1); } .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button:not(.is_disabled):hover{ color: rgba(var(--primary-700), 1); } .pg_gifen .obj_card_cycle:not(.state-closed) .obj_group_buttons .obj_button:last-child{ background: rgba(255, 255, 255, 1); } /***/ .pg_gifen .obj_card_cycle .obj_dropdown-list{ margin-left: auto; margin-bottom: var(--aox-4px); } .pg_gifen .obj_card_cycle .obj_dropdown-list .bt_dropdown-list svg{ fill: rgba(var(--primary-700), 1); } /***/ .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button.has_icon{ --aox-icon-size: var(--aox-24px); } .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_group_buttons .obj_button:not(:last-child){ text-indent: -9999px; gap: 0; padding: var(--aox-12px); } .pg_gifen .obj_card_cycle .obj_card_cycle_bottom .obj_button { background: transparent; color: rgba(255, 255, 255, 1); } /* state-closed */ .pg_gifen .obj_card_cycle.state-closed .ctn_card_cycle{ background-color: rgba(235, 235, 235, 0.5); } .pg_gifen .obj_card_cycle.state-closed .obj_card_cycle_bottom .obj_button{ padding: var(--aox-12px); text-indent: -9999px; gap: 0; } .pg_gifen .obj_card_cycle:not(.state-closed) .obj_card_cycle_bottom .obj_button:not(:only-child) + .obj_button{ margin-left: calc(-1 * var(--aox-4px)); } /* state-indisponible */ .pg_gifen .obj_card_cycle.state-indisponible .ctn_card_cycle{ background: rgba(235, 235, 235, 0.50); overflow: hidden; } .pg_gifen .view_owner .obj_card_cycle.state-indisponible .ctn_card_cycle::after, .pg_gifen .view_manager .obj_card_cycle.state-indisponible .ctn_card_cycle:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDIiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAyIDIwMCIgZmlsbD0ibm9uZSI+PHBhdGggb3BhY2l0eT0iLjIiIGQ9Im0uMzU0IDIwMSAyMDItMjAyIiBzdHJva2U9IiMwMDAiLz48L3N2Zz4="); position: absolute; top: 0; right: 0; width: var(--aox-200px); height: var(--aox-200px); z-index: -1; } .pg_gifen .obj_card_cycle.state-indisponible .obj_card_cycle_header .t_state{ color: rgba(var(--black), 0.4); } /***/ .pg_gifen .obj_card_cycle .obj_button .t_hover{ text-indent: 0; box-shadow: 0 var(--aox-4px) var(--aox-8px) 0 rgba(84, 94, 102, 0.20); border-radius: var(--aox-4px); border: 1px solid rgba(0, 0, 0, 0.10); padding: var(--aox-8px) var(--aox-16px); background: #FFF; top: unset; left: 0; bottom: 80%; color: #000; font-size: var(--aox-fs-12px); font-style: normal; font-weight: 700; line-height: var(--aox-lh-120); letter-spacing: -0.22px; text-transform: uppercase; transform: translateX(0%); } .pg_gifen .obj_card_cycle .obj_button .t_hover:after{ content: none; } .pg_gifen .obj_card_cycle .obj_button:hover .t_hover{ bottom: 95%; top: unset; left: 0; } /* ======================================== */ /* .pg_gifen .obj_aox_ruban_cycle /* ======================================== */ .pg_gifen .obj_ruban_cycle_legende, .pg_gifen .obj_aox_ruban_cycle{ /* Colors */ --aox_ruban_item_bgcolor: rgba(203, 209, 230, 0.50); --aox_ruban_item_bgcolor_accordion: rgba(255, 255, 255, 0.50); --aox_ruban_item_color_state_empty: #CBD1E6; --aox_ruban_item_color_state_collectif: #18319F; --aox_ruban_item_color_state_coaching: #7746FF; --aox_ruban_item_color_state_jalon: #40ADD6; /* Item */ --aox_ruban_item_gap: var(--aox-2px); --aox_ruban_item_width: var(--aox-8px); --aox_ruban_item_height: var(--aox-40px); --aox_ruban_item_padding: var(--aox-20px); --aox_ruban_item_border_radius: var(--aox-8px); } .pg_gifen .obj_aox_ruban_cycle{ position: relative; border-radius: var(--aox-32px); padding: var(--aox-16px); background-color: var(--aox_ruban_item_bgcolor); width: 100%; margin-bottom: var(--aox-8px); /* backdrop-filter: blur(var(--aox-7px)); */ /* max-width: var(--aox-600px); */ } /* obj_aox_ruban_nav */ .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_nav { position: absolute; border: none; background: transparent; cursor: pointer; font-size: 1.4rem; bottom: calc(-1 * var(--aox-30px)); user-select: none; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_nav.aox_ruban_nav-prev { left: calc(-1 * var(--aox-4px)); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_nav.aox_ruban_nav-next { right: calc(-1 * var(--aox-4px)); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_nav:disabled { opacity: 0.3; cursor: default; } /* Fades gauche/droite (cachés par défaut) .pg_gifen .obj_aox_ruban_cycle::before, .pg_gifen .obj_aox_ruban_cycle::after { content: ""; position: absolute; top: 0; bottom: 0; width: var(--aox-32px); largeur du dégradé pointer-events: none; ne bloque pas les clics z-index: 20; opacity: 0; transition: opacity 0.2s ease; } Fade gauche .pg_gifen .obj_aox_ruban_cycle::before { left: calc(-1 * var(--aox-4px)); background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); } Fade droite .pg_gifen .obj_aox_ruban_cycle::after { right: calc(-1 * var(--aox-4px)); background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)); } Quand il y a du contenu à gauche .pg_gifen .obj_aox_ruban_cycle.has-fade-left::before { opacity: 1; } Quand il y a du contenu à droite .pg_gifen .obj_aox_ruban_cycle.has-fade-right::after { opacity: 1; } */ .pg_gifen .obj_aox_ruban_cycle .ctn_aox_ruban_cycle_content{ display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0 var(--aox-5px); /* overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scroll-behavior: smooth; scroll-snap-type: x mandatory; scroll-padding-left: 0; flex: 1; */ } .pg_gifen .obj_aox_ruban_cycle .ctn_aox_ruban_content{ --aox-progress-width: 0; position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; flex: 0 0 auto; padding: var(--aox-12px) var(--aox-4px); } /* Bande de progression derrière les jours */ .pg_gifen .obj_aox_ruban_cycle .ctn_aox_ruban_content::before{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: var(--aox-progress-width); background: white; border-radius: var(--aox-16px); z-index: 0; } /* Les jours passent au-dessus de la bande */ .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_item{ position: relative; /* z-index: 1; */ } /***/ .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_step{ position: relative; width: var(--aox-3px); height: calc(var(--aox_ruban_item_padding) + var(--aox_ruban_item_height) + var(--aox_ruban_item_padding)); margin: 0 0 0 var(--aox-5px); background-color: transparent; border-left: 1px solid #CBD1E6; flex: 0 0 auto; scroll-snap-align: start; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_step:first-child{ background-color: transparent; border-left: transparent; margin: 0; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_step .t_label{ position: absolute; bottom: 0; left: var(--aox-9px); font-size: var(--aox-fs-12px); line-height: var(--aox-lh-90); font-weight: 400; letter-spacing: -0.13px; color: rgba(var(--primary-700), 0.5); white-space: nowrap; } /***/ .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_week{ position: relative; margin-left: var(--aox_ruban_item_gap); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_week .ctn_aox_ruban_week{ display: flex; gap: 0 var(--aox_ruban_item_gap); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_item{ position: relative; width: var(--aox_ruban_item_width); height: var(--aox_ruban_item_height); border-radius: var(--aox_ruban_item_border_radius); margin-left: var(--aox_ruban_item_gap); transition: all 400ms ease; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_item[data-aox-idpopin]:hover{ cursor: pointer; } /***/ .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_item.state_empty{ background-color: var(--aox_ruban_item_color_state_empty); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_item.state_collectif{ background-color: var(--aox_ruban_item_color_state_collectif); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_item.state_coaching{ background-color: var(--aox_ruban_item_color_state_coaching); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_item.state_jalon{ background-color: var(--aox_ruban_item_color_state_jalon); } /***/ .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_item.has_icon{ --aox-icon-size: var(--aox-24px); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_item.has_icon .obj_aox_picto{ position: relative; height: var(--aox-icon-size); width: var(--aox-icon-size); left: -100%; top: calc(-1 * calc(var(--aox-icon-size) + var(--aox-2px))); background-size: cover; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_item.has_icon.state_collectif .obj_aox_picto { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0iIzE4MzE5ZiIvPjxwYXRoIG9wYWNpdHk9Ii43IiBkPSJNMTYuODIxIDE2LjUxMmMwIDEuNDQ0LS44MDcgMi4yMzgtMi4yNzMgMi4yMzhIOS40NTJjLTEuNDY2IDAtMi4yNzMtLjc5NS0yLjI3My0yLjIzOCAwLTEuNjI2LjkyOC0zLjUyNCAzLjU0Ni0zLjUyNGgyLjU1YzIuNjE4IDAgMy41NDYgMS44OTggMy41NDYgMy41MjRtLTQuODE1LTQuODU4YzEuMzg3IDAgMi41MTUtMS4xMTggMi41MTUtMi40OTEgMC0xLjM3NC0xLjEyOS0yLjQ5MS0yLjUxNS0yLjQ5MVM5LjQ5IDcuNzg5IDkuNDkgOS4xNjJzMS4xMjggMi40OTIgMi41MTUgMi40OTJtNC44NDQtMS44MzVIMTUuN2MtLjEgMC0uMTg2LjA3MS0uMjA3LjE2NGEzLjQ3IDMuNDcgMCAwIDEtMS4wMDcgMS43NGMtLjEyMi4xMTQtLjA1LjMxMy4xMTQuMzU1IDEuMjY0LjI5OSAyLjE0MyAxLjAzOCAyLjY2NCAxLjk3NmEuMjEuMjEgMCAwIDAgLjIuMTI3aC4zYzEuMTIyIDAgMS43MzYtLjYxIDEuNzM2LTEuNzE5IDAtMS4yMTUtLjY5My0yLjY0My0yLjY1LTIuNjQzbS0uOTE0LTQuNTY4Yy0uNzEzIDAtMS4zMzUuMzg4LTEuNjYyLjk2M2EuMi4yIDAgMCAwLS4wMTUuMTQ0Yy4wMTEuMDQ3LjAzMi4wNzEuMDc2LjEwOGEzLjQ4IDMuNDggMCAwIDEgMS4yNDIgMi4zOTUuMTguMTggMCAwIDAgLjA1Ni4xMjMuMjIuMjIgMCAwIDAgLjE0Ny4wNjFxLjA3Ni4wMDcuMTU2LjAwN2MxLjA1IDAgMS45MDctLjg1MiAxLjkwNy0xLjkwNGExLjkwNyAxLjkwNyAwIDAgMC0xLjkwNy0xLjg5N000LjUgMTIuNDYyYzAgMS4xMDguNjE0IDEuNzIgMS43MzYgMS43MmguM2MuMDkzIDAgLjE2NC0uMDUuMi0uMTI4LjUyMS0uOTM4IDEuNC0xLjY3NyAyLjY2NC0xLjk3Ni4xNjQtLjA0Mi4yMzYtLjI0MS4xMTQtLjM1NWEzLjQ3IDMuNDcgMCAwIDEtMS4wMDctMS43NC4yMTQuMjE0IDAgMCAwLS4yMDctLjE2NEg3LjE1Yy0xLjk1NyAwLTIuNjUgMS40MjgtMi42NSAyLjY0M20xLjY1Ny01LjMxNEExLjkxIDEuOTEgMCAwIDAgOC4yMiA5LjA0NWEuMjIuMjIgMCAwIDAgLjE0Ny0uMDYyLjE4LjE4IDAgMCAwIC4wNTYtLjEyMiAzLjQ4IDMuNDggMCAwIDEgMS4yNDItMi4zOTVjLjA0NC0uMDM3LjA2NS0uMDYyLjA3Ni0uMTFhLjIuMiAwIDAgMC0uMDE1LS4xNDMgMS45MSAxLjkxIDAgMCAwLTEuNjYyLS45NjNjLTEuMDUgMC0xLjkwNy44NTMtMS45MDcgMS44OTgiIGZpbGw9IiNmZmYiLz48L3N2Zz4=); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_item.has_icon.state_coaching .obj_aox_picto { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0iIzc3NDZmZiIvPjxwYXRoIG9wYWNpdHk9Ii43IiBkPSJNMTIgNC41YTcuNSA3LjUgMCAxIDAgMCAxNSA3LjUgNy41IDAgMCAwIDAtMTVtLjEwNSA5LjU2M2MuNjcxIDAgMS4zLS4zMyAxLjY4Mi0uODgzYS41NjIuNTYyIDAgMSAxIC45MjYuNjQgMy4xNyAzLjE3IDAgMCAxLTIuNjA5IDEuMzY3IDMuMTkgMy4xOSAwIDAgMS0zLjE4Ny0zLjE4OCAzLjE5IDMuMTkgMCAwIDEgMy4xODctMy4xODdjMS4wNCAwIDIuMDE2LjUxMSAyLjYwOSAxLjM2N2EuNTYzLjU2MyAwIDAgMS0uOTI2LjY0IDIuMDUgMi4wNSAwIDAgMC0xLjY4Mi0uODgzIDIuMDY0IDIuMDY0IDAgMCAwIDAgNC4xMjciIGZpbGw9IiNmZmYiLz48L3N2Zz4=); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_item.has_icon.state_jalon .obj_aox_picto { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHJ4PSIxMiIgZmlsbD0iIzQwYWRkNiIvPjxwYXRoIG9wYWNpdHk9Ii43IiBkPSJNMTIgNS4yNWMtMi44OTUgMC01LjI1IDIuNDUxLTUuMjUgNS40NjQgMCAzLjIwNCAyLjg2IDYuNDU1IDQuNzUyIDcuNzU2bC4zMjcuMjI2YS4zLjMgMCAwIDAgLjM0MiAwbC4zMjgtLjIyNmMxLjg5Mi0xLjMgNC43NTEtNC41NTIgNC43NTEtNy43NTYuMDAxLTMuMDEzLTIuMzU0LTUuNDY0LTUuMjUtNS40NjRtMCA3LjA3MWMtLjg1MiAwLTEuNTQ0LS43MTktMS41NDQtMS42MDdzLjY5Mi0xLjYwNyAxLjU0NS0xLjYwNyAxLjU0NC43MiAxLjU0NCAxLjYwN2MwIC44ODgtLjY5MSAxLjYwNy0xLjU0NCAxLjYwNyIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==); } /* obj_aox_ruban_cycle_popin */ .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin{ position: absolute; top: calc(var(--aox_ruban_item_height) + var(--aox-6px)); /* ÉTAT CACHÉ, mais présent dans le flux */ opacity: 0; visibility: hidden; pointer-events: none; /* Légère translation vers le bas au repos */ transform: translate( calc(-50% + calc(var(--aox-6px) - var(--aox_ruban_item_gap))), var(--aox-8px) ); padding: var(--aox-24px) var(--aox-32px) var(--aox-32px) var(--aox-24px); gap: var(--aox-24px); border-radius: var(--aox-16px); box-shadow: 0 var(--aox-16px) var(--aox-24px) 0 rgba(119, 70, 255, 0.08); backdrop-filter: blur(var(--aox-8px)); background: linear-gradient(0deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.70) 100%), rgba(119, 70, 255, 0.20); width: var(--aox-350px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease; z-index: 10; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin.is-visible { /* ÉTAT VISIBLE */ opacity: 1; visibility: visible; pointer-events: auto; /* On remonte légèrement la popin pour l’effet smooth */ transform: translate( calc(-50% + calc(var(--aox-6px) - var(--aox_ruban_item_gap))), 0 ); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin::before { content: ""; display: block; background: linear-gradient(0deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.70) 100%), rgba(119, 70, 255, 0.20); backdrop-filter: blur(var(--aox-8px)); border: inherit; position: absolute; top: calc(-1 * var(--aox-7px)); left: calc(50% + calc(-1 * var(--aox-8px))); height: var(--aox-16px); width: var(--aox-16px); right: calc(-1 * var(--aox-7px)); clip-path: polygon(0% 0%, 0% 100%, 100% 0%); transform: rotate(45deg) translateX(calc(50% + calc(-1 * var(--aox-8px)))); border-radius: 0 0 0 2px; z-index: 1; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin .ctn_aox_ruban_cycle_popin{ display: flex; flex-direction: column; gap: var(--aox-16px) 0; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin .obj_text{ display: flex; flex-direction: column; gap: var(--aox-16px) 0; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin .obj_text .ctn_text{ display: flex; flex-direction: column; padding-right: 0; margin-top: 0; gap: var(--aox-8px) 0; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin .obj_text .ctn_text > * + *{ margin-top: 0; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin .t_title{ position: relative; display: flex; flex-direction: row; align-items: center; color: #040B2C; font-size: var(--aox-fs-12px); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.13px; text-transform: uppercase; gap: 0 var(--aox-8px); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin .t_title::before{ content: ""; display: block; background-color: #040B2C; position: relative; height: var(--aox-10px); width: var(--aox-24px); border-radius: 9999px; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin .t_desc{ color: #040B2C; font-size: var(--aox-fs-14px); font-style: normal; font-weight: 700; line-height: var(--aox-lh-140); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin .t_infos{ color: #040B2C; font-size: var(--aox-fs-12px); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.13px; } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin .obj_button.is_medium { padding: var(--aox-10px) var(--aox-24px) var(--aox-12px) var(--aox-24px); font-size: var(--aox-fs-14px); line-height: var(--aox-lh-100); border-radius: var(--aox-24px); letter-spacing: -0.3px; } /***/ .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin.state_coaching .t_title, .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin.state_coaching .t_infos{ color: var(--aox_ruban_item_color_state_coaching); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin.state_coaching .t_title::before{ background-color: var(--aox_ruban_item_color_state_coaching); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin.state_jalon .t_title, .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin.state_jalon .t_infos{ color: var(--aox_ruban_item_color_state_jalon); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin.state_jalon .t_title::before{ background-color: var(--aox_ruban_item_color_state_jalon); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin.state_collectif .t_title, .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin.state_collectif .t_infos{ color: var(--aox_ruban_item_color_state_collectif); } .pg_gifen .obj_aox_ruban_cycle .obj_aox_ruban_cycle_popin.state_collectif .t_title::before{ background-color: var(--aox_ruban_item_color_state_collectif); } /***/ .pg_gifen .obj_aox_ruban_cycle .ctn_aox_ruban_cycle_header { display: flex; flex-direction: row; align-items: center; padding: 0; gap: 0 var(--aox-4px); flex: auto; } .pg_gifen .obj_aox_ruban_cycle .ctn_aox_ruban_cycle_header .ctn_aside{ /* padding: var(--aox-2px); */ width: var(--aox-52px); height: var(--aox-52px); } .pg_gifen .obj_aox_ruban_cycle .ctn_aox_ruban_cycle_header .ctn_aside svg{ width: var(--aox-48px); height: var(--aox-48px); } .pg_gifen .obj_aox_ruban_cycle .ctn_aox_ruban_cycle_header .ctn_title { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex: auto; padding: var(--aox-2px) 0 var(--aox-2px) var(--aox-4px); gap: 0 var(--aox-4px); } .pg_gifen .obj_aox_ruban_cycle .ctn_aox_ruban_cycle_header .ctn_title .t_title { font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-20px); line-height: var(--aox-lh-100); color: rgba(var(--primary-700), 1); letter-spacing: -0.4px; } .pg_gifen .obj_aox_ruban_cycle .ctn_aox_ruban_cycle_header .ctn_title .t_info { font-family: "century-gothic", sans-serif; font-weight: 700; font-size: var(--aox-fs-14px); line-height: var(--aox-lh-140); color: rgba(var(--primary-400), 1); flex: 0 0 auto; } .pg_gifen .obj_aox_ruban_cycle .ctn_aox_ruban_cycle_header .obj_accordion-icon{ width: var(--aox-48px); height: var(--aox-48px); background-color: transparent; } /* obj_accordion */ .pg_gifen .obj_accordion .obj_aox_ruban_cycle .obj_accordion-trigger{ gap: 0 var(--aox-24px); padding: 0; } .pg_gifen .obj_accordion .obj_aox_ruban_cycle .ctn_aox_ruban_cycle_content{ padding-left: var(--aox-56px); } /* obj_header_module */ .pg_gifen .obj_header_module .obj_accordion .obj_aox_ruban_cycle{ background-color: var(--aox_ruban_item_bgcolor_accordion); margin-bottom: 0; } /***/ .pg_gifen .obj_ruban_cycle_legende{ margin-bottom: var(--aox-16px); } .pg_gifen .obj_ruban_cycle_legende ul{ display: flex; flex-direction: row; justify-content: flex-end; padding-left: 0; gap: 0 var(--aox-24px); } .pg_gifen .obj_ruban_cycle_legende ul li{ list-style-type: none; } .pg_gifen .obj_ruban_cycle_legende .t_title{ position: relative; display: flex; flex-direction: row; align-items: center; color: rgb(4, 11, 44); font-size: var(--aox-fs-12px); font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.13px; text-transform: uppercase; gap: 0 var(--aox-8px); } .pg_gifen .obj_ruban_cycle_legende .t_title::before { content: ""; display: block; background-color: #040B2C; position: relative; height: var(--aox-10px); width: var(--aox-24px); border-radius: 9999px; } .pg_gifen .obj_ruban_cycle_legende .state_coaching .t_title{ color: var(--aox_ruban_item_color_state_coaching); } .pg_gifen .obj_ruban_cycle_legende .state_coaching .t_title::before{ background-color: var(--aox_ruban_item_color_state_coaching); } .pg_gifen .obj_ruban_cycle_legende .state_jalon .t_title{ color: var(--aox_ruban_item_color_state_jalon); } .pg_gifen .obj_ruban_cycle_legende .state_jalon .t_title::before{ background-color: var(--aox_ruban_item_color_state_jalon); } .pg_gifen .obj_ruban_cycle_legende .state_collectif .t_title{ color: var(--aox_ruban_item_color_state_collectif); } .pg_gifen .obj_ruban_cycle_legende .state_collectif .t_title::before{ background-color: var(--aox_ruban_item_color_state_collectif); } /* ======================================== */ /* .pg_gifen .obj_toast /* ======================================== */ .pg_gifen .obj_toast { --aox-toast-width : var(--aox-340px); position: fixed; bottom: 0; border-radius: var(--aox-8px); border: 1px solid rgba(0, 0, 0, 0.10); background: #FFF; padding: var(--aox-16px) var(--aox-48px) var(--aox-16px) var(--aox-16px); box-shadow: 0 var(--aox-4px) var(--aox-8px) 0 rgba(84, 94, 102, 0.20); opacity: 0; width: 100%; transform: translateY(var(--aox-20px)); transition: opacity 0.3s ease, transform 0.3s ease; z-index: 9999; } .pg_gifen .obj_toast .ctn_toast{ display: flex; flex-direction: row; gap: 0 var(--aox-16px); } /* obj_icon */ .pg_gifen .obj_toast .obj_icon{ --aox-icon-size: var(--aox-24px); width: var(--aox-24px); height: var(--aox-24px); flex: 0 0 auto; } .pg_gifen .obj_toast .obj_icon:before { content: ""; display: inline-block; flex: 0 0 auto; height: var(--aox-icon-size); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; vertical-align: calc((.75em - var(--aox-icon-size))*.5); width: var(--aox-icon-size) } .pg_gifen .obj_toast.toast-success .obj_icon:before { mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjAuODAxIDcuMTczIDEwLjIzIDE3LjhhLjY4Ni42ODYgMCAwIDEtLjk2OSAwTDMuMiAxMS43MDdhLjY5LjY5IDAgMCAxIDAtLjk3My42OC42OCAwIDAgMSAuOTY3IDBsNS41NzcgNS42MDZMMTkuODMxIDYuMjAxYS42OC42OCAwIDAgMSAuOTY4IDAgLjY5LjY5IDAgMCAxIC4wMDIuOTcyIiBmaWxsPSIjMTdhMzQ1Ii8+PC9zdmc+); background-color: #17A345; } .pg_gifen .obj_toast.toast-stop .obj_icon:before { mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNNC45IDE1LjVhLjYuNiAwIDEgMSAxLjIgMCA1LjkgNS45IDAgMCAwIDExLjggMCAuNi42IDAgMSAxIDEuMiAwIDcuMSA3LjEgMCAxIDEtMTQuMiAwIiBmaWxsPSIjZmYwMDJjIi8+PHBhdGggZD0iTTEyLjEgMTdhLjYuNiAwIDEgMS0xLjIgMCAyLjQgMi40IDAgMCAwLTIuNC0yLjQuNi42IDAgMSAxIDAtMS4yIDMuNiAzLjYgMCAwIDEgMy42IDMuNm01LjgtMVY3LjI1YS42NS42NSAwIDAgMC0xLjMgMFYxMWEuNi42IDAgMSAxLTEuMiAwVjcuMjVhMS44NSAxLjg1IDAgMSAxIDMuNyAwVjE2YS42LjYgMCAxIDEtMS4yIDAiIGZpbGw9IiNmZjAwMmMiLz48cGF0aCBkPSJNMTIuOSAxMFY0LjI1YTEuODUgMS44NSAwIDEgMSAzLjcuMDAzVjExYS42LjYgMCAxIDEtMS4yIDBWNC4yNTNhLjY1LjY1IDAgMSAwLTEuMy0uMDAzVjEwYS42LjYgMCAxIDEtMS4yIDAiIGZpbGw9IiNmZjAwMmMiLz48cGF0aCBkPSJNMTIuOSAxMFYzLjI1YS42NS42NSAwIDAgMC0xLjMgMFYxMGEuNi42IDAgMSAxLTEuMiAwVjMuMjVhMS44NSAxLjg1IDAgMSAxIDMuNyAwVjEwYS42LjYgMCAxIDEtMS4yIDAiIGZpbGw9IiNmZjAwMmMiLz48cGF0aCBkPSJNMTAuNCAxMFY0LjI1YS42NS42NSAwIDAgMC0xLjMgMFYxMWEuNi42IDAgMSAxLTEuMiAwVjQuMjVhMS44NSAxLjg1IDAgMSAxIDMuNyAwVjEwYS42LjYgMCAxIDEtMS4yIDAiIGZpbGw9IiNmZjAwMmMiLz48cGF0aCBkPSJNNy45IDE0di0zLjVhLjkuOSAwIDAgMC0xLjggMFYxNmEuNi42IDAgMSAxLTEuMiAwdi01LjVhMi4xIDIuMSAwIDEgMSA0LjIgMFYxNGEuNi42IDAgMSAxLTEuMiAwIiBmaWxsPSIjZmYwMDJjIi8+PC9zdmc+); background-color: #FF002C; } .pg_gifen .obj_toast .obj_icon svg{ width: 100%; height: 100%; } /* obj_text */ .pg_gifen .obj_toast .obj_text{ position: relative; flex: auto; } .pg_gifen .obj_toast .obj_text .ctn_text{ display: flex; flex-direction: column; padding-right: unset; gap: var(--aox-4px) 0; } .pg_gifen .obj_toast .obj_text .ctn_text > * + *{ margin-top: unset; } .pg_gifen .obj_toast .obj_text .t_title{ font-size: var(--aox-fs-18px); line-height: var(--aox-lh-120); font-weight: 700; color: rgba(var(--primary-700), 1); } .pg_gifen .obj_toast .obj_text .t_desc{ font-size: var(--aox-fs-14px); line-height: var(--aox-lh-140); font-weight: 400; color: rgba(var(--primary-700), 1); } /* ctn_toast-aside */ .pg_gifen .obj_toast .ctn_toast-aside{ position: absolute; width: var(--aox-32px); top: var(--aox-12px); right: var(--aox-12px); } .pg_gifen .obj_toast .ctn_toast-aside .obj_btn{ width: var(--aox-32px); height: var(--aox-32px); } .pg_gifen .obj_toast .ctn_toast-aside .obj_btn svg{ stroke: rgba(var(--primary-200), 1) } .pg_gifen .obj_toast .ctn_toast-aside .obj_btn:hover svg{ stroke: rgba(var(--primary-700), 1); } /***/ .pg_gifen .obj_action_plan .obj_toast{ width: var(--aox-toast-width); right: calc(0px - var(--aox-100px)); } /***/ .pg_gifen .obj_toast[data-position="bottom"]{ position: fixed; bottom: 0; } .pg_gifen .obj_toast[data-position="bottom-left"]{ position: fixed; bottom: var(--aox-16px); left: var(--aox-16px); width: var(--aox-toast-width); } .pg_gifen .obj_toast[data-position="bottom-right"]{ position: fixed; bottom: var(--aox-16px); right: var(--aox-16px); width: var(--aox-toast-width); } .pg_gifen .obj_toast[data-position="top"]{ position: fixed; top: 0; bottom: unset; transform: translateY(calc(-1 * var(--aox-20px))); } .pg_gifen .obj_toast[data-position="top-left"]{ position: fixed; top: var(--aox-16px); left: var(--aox-16px); width: var(--aox-toast-width); bottom: unset; transform: translateY(calc(-1 * var(--aox-20px))); } .pg_gifen .obj_toast[data-position="top-right"]{ position: fixed; top: var(--aox-16px); right: var(--aox-16px); width: var(--aox-toast-width); bottom: unset; transform: translateY(calc(-1 * var(--aox-20px))); } .pg_gifen .obj_toast[data-position="center"]{ position: fixed; top: 50%; left: calc(50% - calc(var(--aox-toast-width) / 2)); bottom: unset; width: var(--aox-toast-width); } .pg_gifen .obj_toast.is-visible { opacity: 1; transform: translateY(0); } /***/ @media screen and (max-width: 767px) { } /* ======================================== */ /* .pg_gifen .obj_push_hub /* ======================================== */ .pg_gifen .obj_push_hub{ position: relative; display: flex; flex-direction: column; justify-content: flex-start; width: var(--aox-400px); height: var(--aox-680px); border-radius: var(--aox-32px); padding: var(--aox-24px) 0 var(--aox-48px) 0; overflow: hidden; } .pg_gifen .obj_push_hub a{ text-decoration: none; transition: all ease 400ms; } .pg_gifen .obj_push_hub .ctn_push_hub{ display: flex; flex-direction: column; height: 100%; gap: var(--aox-16px) 0; } .pg_gifen .obj_push_hub .ctn_push_hub .ctn_title{ padding: 0 var(--aox-16px); z-index: 1; } .pg_gifen .obj_push_hub .ctn_push_hub .ctn_button { position: absolute; display: flex; flex-direction: row; justify-content: center; bottom: var(--aox-32px); left: 0; width: 100%; z-index: 2; } .pg_gifen .obj_push_hub .ctn_button .obj_button.button_default { font-family: "century-gothic", sans-serif; font-weight: 700; text-transform: uppercase; background: #FFFFFF; color: #18319F; border: none; border-radius: var(--aox-32px); } .pg_gifen .obj_push_hub .ctn_button .obj_button.button_default:hover:not(:disabled) { background: rgba(var(--blue-highlight-400), 1); border: none; color: rgba(255, 255, 255, 1); } /***/ .pg_gifen .obj_push_hub .ctn_push_hub .ctn_background { position: absolute; display: flex; top: 0; left: 0; width: 100%; z-index: 0; } /***/ .pg_gifen .obj_push_hub .ctn_title .obj_text{ display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; padding: var(--aox-8px) var(--aox-8px) 0 var(--aox-16px); gap: 0 var(--aox-16px); } .pg_gifen .obj_push_hub .ctn_title .ctn_text-header{ display: flex; flex-direction: column; align-items: flex-start; flex: auto; } .pg_gifen .obj_push_hub .ctn_title .ctn_text-header > * + * { margin-top: var(--aox-8px); } .pg_gifen .obj_push_hub .ctn_title .ctn_text-header .t_subtitle{ display: flex; font-size: var(--aox-fs-13px); line-height: var(--aox-lh-100); font-weight: 700; color: #FFF; text-transform: uppercase; letter-spacing: 1.3px; padding: var(--aox-2px) var(--aox-16px) var(--aox-3px) var(--aox-16px); justify-content: center; align-items: center; border-radius: var(--aox-16px); background: #FF002C; } .pg_gifen .obj_push_hub .ctn_title .ctn_text-header .t_title{ font-size: var(--aox-fs-22px); line-height: normal; font-weight: 700; letter-spacing: -0.44px; } .pg_gifen .obj_push_hub .ctn_title .ctn_aside{ position: relative; margin: 0; width: var(--aox-34px); } /***/ .pg_gifen .obj_push_hub .ctn_content-list{ position: relative; margin-top: calc(-1 * var(--aox-16px)); overflow: hidden; } .pg_gifen .obj_push_hub .ctn_content-list::before, .pg_gifen .obj_push_hub .ctn_content-list::after { content: ""; position: absolute; display: flex; width: 100%; height: var(--aox-40px); pointer-events: none; z-index: 2; } .pg_gifen .obj_push_hub .ctn_content-list::before{ top:0; } .pg_gifen .obj_push_hub .ctn_content-list::after{ bottom: 0; height: var(--aox-50px); } .pg_gifen .obj_push_hub .ctn_content-list .obj_lists{ position: relative; overflow-y: scroll; height: 100%; scrollbar-width: thin; padding: var(--aox-16px) var(--aox-5px) var(--aox-40px) var(--aox-15px); } .pg_gifen .obj_push_hub .ctn_content-list .obj_lists ul{ display: flex; flex-direction: column; list-style-type: none; margin: 0; padding: 0; gap: var(--aox-8px) 0; } .pg_gifen .obj_push_hub .ctn_content-list .obj_lists ul li{ list-style-type: none; } /* obj_card_hub */ .pg_gifen .obj_push_hub .obj_card_hub{ position: relative; width: 100%; border-radius: var(--aox-16px); border: var(--aox-2px) solid transparent; background-origin: border-box; background-clip: padding-box, border-box; } .pg_gifen .obj_push_hub .obj_card_hub .ctn_card_hub{ display: flex; flex-direction: row; align-items: flex-start; padding: var(--aox-14px) var(--aox-34px) var(--aox-14px) var(--aox-14px); gap: 0 var(--aox-10px); } .pg_gifen .obj_push_hub .obj_card_hub .obj_image{ flex: 0 0 auto; width: var(--aox-80px); height: var(--aox-80px); border-radius: var(--aox-8px); overflow: hidden; } /* obj_text */ .pg_gifen .obj_push_hub .obj_card_hub .obj_text{ flex: auto; } .pg_gifen .obj_push_hub .obj_card_hub .obj_text .ctn_text{ padding: var(--aox-4px) 0 var(--aox-4px) var(--aox-4px); display: flex; flex-direction: column; gap: var(--aox-2px) 0; } .pg_gifen .obj_push_hub .obj_card_hub .t_title{ font-size: var(--aox-fs-14px); line-height: var(--aox-lh-140); font-weight: 700; color: rgba(var(--primary-700), 1); } .pg_gifen .obj_push_hub .obj_card_hub .t_desc{ font-size: var(--aox-fs-14px); line-height: var(--aox-lh-140); font-weight: 400; color: rgba(var(--primary-700), 1); } .pg_gifen .obj_push_hub .obj_card_hub .t_infos{ font-size: var(--aox-fs-12px); line-height: normal; font-weight: 700; color: rgba(var(--primary-700), 1); letter-spacing: -0.13px; margin-top: var(--aox-2px); } /* ctn_aside */ .pg_gifen .obj_push_hub .obj_card_hub .ctn_aside{ position: absolute; display: flex; flex-direction: column; top: var(--aox-10px); right: var(--aox-8px); width: var(--aox-24px); height: calc(100% - var(--aox-20px)); z-index: 1; } .pg_gifen .obj_push_hub .obj_card_hub .ctn_aside .obj_icon{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: var(--aox-24px); height: var(--aox-24px); } .pg_gifen .obj_push_hub .obj_card_hub .ctn_aside .obj_icon svg{ width: var(--aox-24px); height: var(--aox-24px); } .pg_gifen .obj_push_hub .obj_card_hub .ctn_aside .obj_icon.button svg{ margin-left: var(--aox-3px); width: var(--aox-7px); height: var(--aox-11px); } .pg_gifen .obj_push_hub .obj_card_hub .ctn_aside .obj_icon + .obj_icon{ margin-top: auto; } /* hub_global */ .pg_gifen .obj_push_hub.hub_global{ background-color: #B3BBD6; } .pg_gifen .obj_push_hub.hub_global .ctn_title .ctn_text-header .t_title{ color: rgba(var(--primary-700), 1); } .pg_gifen .obj_push_hub.hub_global .ctn_content-list::before { background: linear-gradient( 0, rgba(179,187,214,0) 0%, #B3BBD6 100% ); } .pg_gifen .obj_push_hub.hub_global .ctn_content-list::after { background: linear-gradient( 180deg, rgba(179,187,214,0) 0%, #B3BBD6 100% ); } .pg_gifen .obj_push_hub.hub_global a:hover .obj_card_hub, .pg_gifen .obj_push_hub.hub_global a:focus .obj_card_hub{ background-image: linear-gradient(rgba(198, 204, 224, 0.8)), linear-gradient(190deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0) 100%); transition: all ease 400ms; } .pg_gifen .obj_push_hub.hub_global .obj_card_hub{ border: solid 2px transparent; border-radius: var(--aox-16px); background-image: linear-gradient(rgb(198, 204, 224)), linear-gradient(170deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0) 100%); background-origin: border-box; background-clip: content-box, border-box; } .pg_gifen .obj_push_hub.hub_global .obj_card_hub .obj_image{ display: none; } .pg_gifen .obj_push_hub.hub_global .ctn_content-list .obj_lists{ scrollbar-color: rgba(198,204,224, 1) rgba(179, 187, 214, 1); } .pg_gifen .obj_push_hub.hub_global .obj_card_hub .t_title, .pg_gifen .obj_push_hub.hub_global .obj_card_hub .t_desc, .pg_gifen .obj_push_hub.hub_global .obj_card_hub .t_infos{ color: rgba(var(--primary-700), 1); } .pg_gifen .obj_push_hub.hub_global .obj_card_hub .ctn_aside .obj_icon.button{ border-radius: 9999px; border: 1px solid #FFF; background: #FFF; } .pg_gifen .obj_push_hub.hub_global .obj_card_hub .ctn_aside .obj_icon.button svg{ margin-left: var(--aox-3px); } .pg_gifen .obj_push_hub.hub_global .obj_card_hub .ctn_aside .obj_icon + .obj_icon{ stroke: #0A1B65; } /* hub_local */ .pg_gifen .obj_push_hub.hub_local{ background: linear-gradient(180deg, #060A37 31.32%, #0A1B65 86.54%); } .pg_gifen .obj_push_hub.hub_local .ctn_push_hub{ gap: var(--aox-40px) 0; } .pg_gifen .obj_push_hub.hub_local .ctn_title .obj_text{ height: var(--aox-170px); padding: 0 var(--aox-16px); } .pg_gifen .obj_push_hub.hub_local .ctn_title .ctn_text-header .t_title{ color: rgba(var(--white), 1); } .pg_gifen .obj_push_hub.hub_local .ctn_content-list::before { background: linear-gradient(180deg, #060A37 0%, rgba(6, 10, 55, 0.00) 100%); } .pg_gifen .obj_push_hub.hub_local .ctn_content-list::after { background: linear-gradient(180deg, rgba(10, 27, 101, 0.00) 0%, #0A1B65 100%); } .pg_gifen .obj_push_hub.hub_local a:hover .obj_card_hub, .pg_gifen .obj_push_hub.hub_local a:focus .obj_card_hub{ background-image: linear-gradient(rgba(46,55,105,0.8)), linear-gradient(190deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.30) 20%, rgba(255, 255, 255, 0) 100%); } .pg_gifen .obj_push_hub.hub_local .obj_card_hub{ border: solid 2px transparent; border-radius: var(--aox-16px); background-image: linear-gradient(rgb(46,55,105)), linear-gradient(170deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.30) 20%, rgba(255, 255, 255, 0) 100%); background-origin: border-box; background-clip: content-box, border-box; } .pg_gifen .obj_push_hub.hub_local .ctn_content-list .obj_lists{ scrollbar-color: rgba(241, 242, 246, 0.16) rgba(10, 27, 101, 1); } .pg_gifen .obj_push_hub.hub_local .obj_card_hub .t_title, .pg_gifen .obj_push_hub.hub_local .obj_card_hub .t_desc, .pg_gifen .obj_push_hub.hub_local .obj_card_hub .t_infos{ color: rgba(255,255,255, 1); } .pg_gifen .obj_push_hub.hub_local .obj_card_hub .ctn_aside .obj_icon:not(.button){ display: none; } .pg_gifen .obj_push_hub.hub_local .obj_card_hub .ctn_aside .obj_icon + .obj_icon{ stroke: rgba(255,255,255, 1); } .pg_gifen .obj_push_hub.hub_local .ctn_push_hub .ctn_background .obj_image::after{ content: ""; position: absolute; display: flex; width: 100%; height: var(--aox-130px); background: linear-gradient(0deg, #060A37 20.19%, rgba(9, 22, 88, 0.28) 53.37%, rgba(10, 27, 101, 0.00) 100%); top: var(--aox-80px); pointer-events: none; z-index: 2; } /* ======================================== */ /* .pg_gifen.pg_annuaire /* ======================================== */ .pg_gifen.pg_annuaire{ font: unset; } .pg_gifen.pg_annuaire .contenu .ctn_module{ padding: var(--aox-8px); } .pg_gifen.pg_annuaire .titre-page .article h1 { font:unset; font-family: "century-gothic", sans-serif; font-size: var(--aox-fs-46px); line-height: var(--aox-lh-120); font-weight: 700; } .pg_gifen.pg_annuaire .titre-page .article h1 em{ color: rgba(var(--primary-400), 1); } .pg_gifen.pg_annuaire .tri .boutons-tri a { background-image: url(../../images/peon/b_tri_up_down.png) !important; background-size: 22px; } /* ======================================== */ /* .pg_evaluation /* ======================================== */ /* ======================================== */ /* .pg_plan_action /* ======================================== */ /* ======================================== */ /* .pg_diag /* ======================================== */ /* ======================================== */ /* .pg_gifen.pg_suivi_action /* ======================================== */ .pg_gifen.pg_suivi_action .obj_push-action_row .ctn_action_row{ align-items: flex-start } /* ======================================== */ /* .pg_gifen.pg_home /* ======================================== */ .pg_gifen.pg_home .obj_back-button{ display: none; } .pg_gifen.pg_home .ctn_content .contenu { padding: 0 calc(((100vw - 1024px) * 0.12) + 20px); } .pg_gifen.pg_home .ctn_content .ctn_module{ background-color: unset; padding: 0; border-radius: 0; } .pg_gifen.pg_home .obj_content { padding: 0; } .pg_gifen.pg_home .section_home .ctn_columns { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 var(--aox-32px); } .pg_gifen.pg_home .section_home .ctn_text > * + * { margin-top: 0; } /* ======================================== */ /* .pg_gifen.pg_diag_liste /* ======================================== */ .pg_gifen.pg_diag_liste .obj_back-button{ display: none; } .pg_gifen.pg_diag_liste .ctn_content .ctn_module{ padding: 0; } .pg_gifen.pg_diag_liste .obj_content { padding: var(--aox-64px); } /* ======================================== */ /* .pg_gifen.pg_diag_multiliste /* ======================================== */ .pg_gifen.pg_diag_multiliste .ctn_content .ctn_module{ padding: 0; background-color: transparent; border-radius: unset; } .pg_gifen.pg_diag_multiliste .obj_content { padding: 0; } .pg_gifen.pg_diag_multiliste .obj_content_list_level{ position: relative; display: flex; flex-direction: column; margin: 0; padding: 0; gap: var(--aox-8px) 0; } .pg_gifen.pg_diag_multiliste .obj_content_list_level li{ list-style-type: none; } .pg_gifen.pg_diag_multiliste .obj_content_list_level.level_0{ gap: var(--aox-24px) 0; } /* ======================================== */ /* .pg_gifen.pg_calendar /* ======================================== */ .pg_gifen.pg_calendar .ctn_content .obj_content{ padding: var(--aox-32px) var(--aox-32px); } /* ======================================== */ /* .pg_gifen.pg_form /* ======================================== */ .pg_gifen.pg_form .ctn_content .obj_content{ min-height: 80vh; } /* ======================================== */ /* .pg_gifen.pg_article /* ======================================== */ .pg_gifen.pg_article .ctn_module{ padding: 0; } .pg_gifen.pg_article .ctn_content .obj_content { padding: var(--aox-64px) var(--aox-96px) var(--aox-96px) var(--aox-96px); }