@charset "utf-8";
/* ========================== OPTIMY v2 - UTOPIK 2022 =========================== */

/* GOOGLE FONT */
/*
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400&family=Roboto:wght@300;400;500;700&display=swap');
*/

/* RESET CSS */
@import url("reset.css");

/* OR CUSTOM FONT */

@font-face {
    font-family: 'Volte';
    src: url('fonts/Volte-Medium.eot');
    src: url('fonts/Volte-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Volte-Medium.woff2') format('woff2'),
        url('fonts/Volte-Medium.woff') format('woff'),
        url('fonts/Volte-Medium.ttf') format('truetype'),
        url('fonts/Volte-Medium.svg#Volte-Medium') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Volte';
    src: url('fonts/Volte-Regular.eot');
    src: url('fonts/Volte-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Volte-Regular.woff2') format('woff2'),
        url('fonts/Volte-Regular.woff') format('woff'),
        url('fonts/Volte-Regular.ttf') format('truetype'),
        url('fonts/Volte-Regular.svg#Volte-Regular') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Volte';
    src: url('fonts/Volte-Bold.eot');
    src: url('fonts/Volte-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Volte-Bold.woff2') format('woff2'),
        url('fonts/Volte-Bold.woff') format('woff'),
        url('fonts/Volte-Bold.ttf') format('truetype'),
        url('fonts/Volte-Bold.svg#Volte-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* COLOR CSS */
:root {
	/* ============================================ */
	/*                    COMMON                    */
	/* ============================================ */

	--color-primary: #f7a600; /* USED FOR LINK, BUTTON BG */
	--color-primary-opposite: #fff; /* USED FOR OPPOSITE (AS color in BG) */

	--color-secondary: #006f64; /* USED FOR BUTTON HOVER, ... */
	--color-secondary-opposite: var(--color-primary-opposite); /* USED FOR OPPOSITE */

	--font-primary: "Volte", "arial", sans-serif; /* USED FOR OPPOSITE (AS color in BG) */
	--font-secondary: var(--font-primary); /* USED FOR OPPOSITE (AS color in BG) */

	/* ============================================ */
	/*                   BACKGROUND                 */
	/* ============================================ */

	/* BACKGROUND WEBSITE FULL */
	--bg-body: #fff; /* couleur fond du body */

	--bg-navbar: transparent; /* couleur fond du navbar */
	--bg-main: transparent; /* couleur fond du main */
	--bg-footer: transparent; /* couleur fond du footer */

	/* BACKGROUND WEBSITE BOXED */
	--bg-body-boxed: inherit; /* couleur fond du body boxed */
	--bg-navbar-boxed: var(--bg-body-boxed); /* couleur fond du navbar */
	--bg-main-boxed: var(--bg-body-boxed); /* couleur fond du main */
	--bg-footer-boxed: var(--bg-body-boxed); /* couleur fond du navbar */

	/* ============================================ */
	/*                   STRUCTURE                  */
	/* ============================================ */

	/* NAVBAR  */
	--bg-navbar-link: transparent;
	--color-navbar-link: var(--text);

	--bg-navbar-link-hover: transparent;
	--color-navbar-link-hover: var(--text);

	/* SIDEBAR */
	--bg-sidebar: transparent; /* couleur fond du sidebar */
	--color-sidebar: var(--text);
	--color-sidebar-link: var(--link);
	--color-sidebar-link-hover: var(--link-hover);

	/* BACKGROUND CONTENT */
	--bg-content: transparent; /* couleur fond du content */

	/* FOOTER  */
	--color-footer: #fff;
	--color-footer-link: var(--color-footer);
	--color-footer-link-hover: var(--color-footer);

	/* ============================================ */
	/*                   ELEMENTS                   */
	/* ============================================ */

	/* COLOR TEXT */
	--text: #5a5f5f;
	--text-secondary: var(--text); /*h1,h2*/

	/* COLOR LINK */
	--link: var(--color-primary);
	--link-hover: #e84e0f;

	/* BUTTON */
	--bg-button: var(--color-primary);
	--color-button: var(--color-primary-opposite);
	--border-button: var(--color-primary);

	/* BUTTON HOVER */
	--bg-button-hover: #e84e0f;
	--color-button-hover: var(--color-secondary-opposite);
	--border-button-hover: #e84e0f;
}

/*  ========================================================================
    COMMON
    ======================================================================= */
html {
	font-size: 16px;
}
body {
	background: var(--bg-body);
	color: var(--text);

	font-family: var(--font-primary);
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: 400;

	padding-top: 0 !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
[class*="display-"] {
	font-family: var(--font-secondary);
	font-weight: bold;
	color: var(--text-secondary) !important;
}
h1[class*="display-"],
h1.h1 {
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 3rem;
}
a {
	color: var(--link);
	text-decoration: none;
}
a:hover {
	color: var(--link-hover);
	text-decoration: underline;
}

/* BUTTONS */
.btn {
	font-weight: 300;
	font-size: 1rem;
	border-radius: 30px;
	padding: 14px 20px;
	text-transform: none;
	line-height: 12px;
}

#table-manage-app .btn {
	padding: 0.1rem;
}
.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn:focus-visible,
.show > .btn.dropdown-toggle:focus-visible,
.btn-primary:focus:not(:focus-visible),
.btn-primary.disabled,
.btn-primary:disabled,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	background: var(--bg-button);
	color: var(--color-button);
	border: 1px solid var(--border-button);
	border-radius: 20px;
}
.btn-primary:hover,
.btn-outline-primary:hover {
	background: var(--bg-button-hover);
	color: var(--color-button-hover);
	border: 1px solid var(--border-button-hover);
}
.btn-dark,
.btn-dark:focus,
.btn-dark:hover,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
	border: 1px solid var(--border-button);
}
.btn-link,
.btn-link:focus,
.btn-link:hover,
.btn-link:not(:disabled):not(.disabled):active,
.show > .btn-link.dropdown-toggle {
	/*border:1px solid var(--border-button-hover); */
	color: var(--link);
}
.bg-primary,
.filter__label {
	background: var(--bg-button) !important;
	color: var(--color-button) !important;
}
.bg-primary .material-icons {
	color: var(--color-button);
}
.badge-primary {
	background: var(--bg-button);
	color: var(--color-button);
	border: 1px solid var(--border-button);
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover,
.filter__label:hover,
.filter__input:checked + .filter__label {
	background: var(--bg-button-hover) !important;
	color: var(--color-button-hover) !important;
}
a.bg-primary:focus .material-icons,
a.bg-primary:hover .material-icons,
button.bg-primary:focus .material-icons,
button.bg-primary:hover .material-icons {
	color: var(--color-button-hover) !important;
}

.filter-bar {
	background-color: #efefef !important;
}

/* ICON COLOR  */
.text-info {
	color: var(--color-primary) !important;
}

.ui-autocomplete {
	background: #fff !important;
}

.custom-checkbox .custom-control-input:checked:not(:disabled):not(.is-invalid) ~ .backdrop,
.custom-radio .custom-control-input:checked:not(:disabled):not(.is-invalid) ~ .backdrop,
.custom-checkbox:hover .custom-control-input:checked:not(:disabled):not(.is-invalid) ~ .backdrop,
.custom-radio:hover .custom-control-input:checked:not(:disabled):not(.is-invalid) ~ .backdrop {
	/* background: var(--color-primary); */
	opacity: 0.4;
}

/*  ========================================================================
    GLOBAL
    ======================================================================= */
.page-wrapper {
}

/*  ========================================================================
    HEADER & NAVBAR
    ======================================================================= */
.page-header {
	background: var(--bg-navbar) !important;
	color: var(--text);
	padding: 0;
	position: relative;
	/* border-bottom:1px solid #111 !important; */
}

/*  ========================================================================
      CHOIX DE LANGUES
      ======================================================================= */
.page-header .page-header__language-alert {
	height: auto;
	background: #efefef !important;
	border: none !important;
}
.page-header .page-header__language-alert .container-md {
	width: 98%;
	max-width: inherit !important;
}
.page-header__language-alert .dropdown {
	margin-right: -15px;
	position: relative;
}
/* BOUTON VISIBLE */
.page-header__language-alert .dropdown .btn,
.page-header__language-alert .btn-dark,
.page-header__language-alert .btn:hover {
	background: #efefef !important;
	color: #111 !important;
	border-color: transparent !important;
	padding: 5px 12px 3px 15px !important;
	font-size: 0.75rem !important;
}

/* SOUS-MENU */
.page-header__language-alert .btn-dark.dropdown-toggle + .dropdown-menu,
.page-header__language-alert .btn-dark.dropdown-toggle + .dropdown-menu .dropdown-item.active,
.page-header__language-alert .btn-dark.dropdown-toggle + .dropdown-menu .dropdown-item:hover {
	background: var(--bg-button) !important;
	color: var(--color-button) !important;
	border-color: var(--border-button);
	font-size: 1rem;
	text-transform: uppercase;
}
.page-header .btn-dark.dropdown-toggle + .dropdown-menu .dropdown-item {
	color: #fff;
}
.page-header .page-header__language-alert #close-alert-language {
	display: none !important;
}

/*  ========================================================================
      NAVBAR
      ======================================================================= */
.page-header > .container-md {
	background: var(--bg-navbar-boxed);
	padding: 10px 0 !important;
	/* align-items: flex-end !important; aligne en bas */
	width: 94% !important;
	max-width: none;
}

/* LOGO */
.navbar-brand {
}
.navbar-brand img {
	max-width: 278px;
	width: auto;
	height: auto;
}

/* NAVIGATION */
.page-navigation {
	/* height
    height: 60px; */
	position: relative;
	/* align-items: flex-end !important; aligne en bas */
}
/* NAVBAR ON 100%
  .navbar-nav {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }*/

/* NAVBAR */
.page-navigation #navbar-menu > div {
	/* margin-let ou right auto pour aligner à gauche/droite */
	margin-left: 50px;
	margin-right: auto;
}
.page-navigation .navbar-collapse {
	margin: 0 !important;
}
.page-navigation.navbar-light .nav-item {
	padding: 0;
}
.page-navigation.navbar-light .nav-item > .nav-link {
	font-family: var(--font-primary);
	color: var(--color-navbar-link);
	background: var(--bg-navbar-link);

	font-size: 1rem;
	font-weight: 500;
	text-transform: none;
	position: relative;
	margin-right: 25px;

	/* height
      line-height: 60px;
      padding: 0 30px; */
}
/* ACTIVE  */
.page-navigation.navbar-light .nav-item > .nav-link.active {
	color: var(--color-navbar-link-hover);
	background: var(--bg-navbar-link-hover);
}
/* HOVER  */
.page-navigation.navbar-light .nav-item > .nav-link:hover {
	color: var(--color-navbar-link-hover);
	background: var(--bg-navbar-link-hover);
}

/* NAV BORDER BOTTOM */
.page-navigation .nav-item > .nav-link::after {
	width: 100%;
	height: 0;
	background: var(--color-navbar-link-hover);
	max-width: 100%;
	left: 0;
	opacity: 0;
	transform: translateY(-5px);
	transition: all 200ms ease;

	display: none;
}
.page-navigation .nav-item > .nav-link.active::after,
.page-navigation .nav-item > .nav-link:hover::after {
	height: 2px;
	max-width: 100%;
	width: 100%;
	background: var(--color-navbar-link);
	opacity: 1;
	transform: translateY(0);
}

/* LOGIN BUTTON (NOT CONNECTED) */
.page-header .btn-outline-primary {
	/*font-family: var(--font-primary);
	color: var(--color-navbar-link);
	background: var(--bg-navbar-link);
	border: none !important;
	font-size: 1rem;
	font-weight: 500;
	text-transform: none;*/
}
.page-header .btn-outline-primary:hover,
.page-header .btn-outline-primary:active,
.page-header .btn-outline-primary:focus-visible {
	/*color: var(--color-navbar-link-hover) !important;
	background: var(--bg-navbar-link-hover) !important;*/
}

/* ICON USER (CONNECTED) */
.page-header__user-menu {
}
.page-header__user-menu [data-toggle="dropdown"] {
	padding: 0;
}
.page-header__user-menu .material-icons {
	color: var(--color-navbar-link) !important;
}

/*  ========================================================================
    MAIN CONTENT
    ======================================================================= */
#content {
	background: var(--bg-main);
	padding: 30px 0 !important;
	/*flex-grow: 0 !important;*/ /* footer suit le contenu */
	display: flex;
}
/* IMAGE BANNER => WIDTH 100% and HEIGHT ADAPT AUTO
  #content::before {
    content: '';
    aspect-ratio: 5 / 1;
    background: url(header.jpg) no-repeat center center / cover;
    display: block;
  } */

#content .container-md {
	background: var(--bg-main-boxed);
	flex-shrink: 1 !important; /* with flex on #content, force content to grow full height */
}

/* IMAGE BANNER 
  #content .container-md::before {
    content: '';
    aspect-ratio: 5 / 1;
    background: url(header.jpg) no-repeat center center / cover;
    display: block;
    margin-left: -15px;
    margin-right: -15px;
  } */

/*  ========================================================================
      SIDEBAR
      ======================================================================= */
.page-main__aside {
	background: var(--bg-sidebar);
	color: var(--text);
	padding: 0;
}
.page-main__aside-wrapper {
	background: var(--bg-sidebar);
	color: var(--color-sidebar);
	padding: 20px 20px 20px 20px;
}
.page-main__aside-wrapper h2 {
	color: var(--color-sidebar) !important;
}
.page-main__aside-wrapper a {
	color: var(--color-sidebar-link) !important;
}
.page-main__aside-wrapper a:hover {
	color: var(--color-sidebar-link-hover) !important;
}
.page-main__aside-wrapper a.btn {
	color: var(--color-button) !important;
}
.page-main__aside-wrapper a.btn:hover {
	color: var(--color-button-hover) !important;
}
.page-main__aside-wrapper .alert a,
.page-main__aside-wrapper .alert a:hover {
	color: var(--color-primary) !important; /* fond blanc de l'alerte */
}

.page-main__side-note {
	padding: 0;
}
.page-main__aside .h1,
.page-main__aside .h2,
.page-main__aside .h3,
.page-main__aside .h4,
.page-main__aside .h5,
.page-main__aside [class*="display-"] {
	/*color: var(--color-sidebar) !important;*/
}

/*  ========================================================================
      MAIN
      ======================================================================= */
.page-main__content {
	background: var(--bg-content);
	color: var(--text);
}
.page-main__content-wrapper,
.page-user .page-main__account {
	padding: 20px 0 20px 50px !important;
}

/*  ========================================================================
    FOOTER
    ======================================================================= */
.page-footer {
	background: var(--bg-footer) !important;
	color: var(--text);

	margin-top: 40px;
  background: transparent url(footer.svg) no-repeat -2px 1px / 100% auto !important;
  margin-right: calc(50% - 640px);
  padding: 0 0 50px;
    padding-bottom: 50px;
  aspect-ratio: 8.5;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
  overflow-x: clip;
}
/* footer colle en bas de page
  .flex-grow-1 {
    flex-grow: 0 !important;
  } */
.page-footer .container-md {
	background: var(--bg-footer-boxed);
	color: var(--color-footer) !important;

	max-width: none;
  width: 94%;
  text-align: left;
}

.page-footer .container-md > .row {
	justify-content: start;
	align-content: center;
	flex-wrap: wrap !important;
}

.page-footer__links {
	flex: 0 auto !important;
	flex-grow: 1;
	flex-wrap: nowrap;
	min-width: 1000px;
	max-width: 100%;
}
.page-footer .container-md > .row .col-md-auto:last-child {
	/*display: none;*/
	margin-left: 20px !important;
}

.page-footer .text-light {
	color: var(--color-footer) !important;
}
.page-footer a {
	color: var(--color-footer-link) !important;
}
.page-footer a:hover {
	color: var(--color-footer-link-hover) !important;
	text-decoration: none;
}
.page-footer__logo {
	color: var(--color-footer);
}
.page-footer__logo > a > strong:after {
	content: "";
	display: inline-block;
	-webkit-mask: url('data:image/svg+xml,<svg width="109" height="33" viewBox="0 0 109 33" xmlns="http://www.w3.org/2000/svg"><g clip-path=""><path fill-rule="evenodd" clip-rule="evenodd" d="M27.3794 0.00830078H4.90915C3.6063 0.0122881 2.35788 0.542158 1.43631 1.48251C0.51474 2.42287 -0.00517105 3.69734 -0.00994873 5.02764V27.9721C-0.00690991 29.3038 0.512187 30.5799 1.4339 31.522C2.35561 32.4641 3.60501 32.9954 4.90915 32.9999H27.3794C28.6836 32.9954 29.933 32.4641 30.8547 31.522C31.7764 30.5799 32.2955 29.3038 32.2985 27.9721V5.02764C32.2937 3.69734 31.7738 2.42287 30.8523 1.48251C29.9307 0.542158 28.6823 0.0122881 27.3794 0.00830078ZM15.5535 11.0306H15.5148C14.234 11.2407 13.0688 11.9112 12.2291 12.9209C11.3895 13.9306 10.9307 15.2133 10.9354 16.5379C10.94 17.8624 11.4079 19.1417 12.2546 20.1452C13.1013 21.1487 14.2712 21.8103 15.5535 22.011V25.206C13.4457 24.9927 11.4904 23.988 10.0666 22.3867C8.64287 20.7854 7.85194 18.7014 7.84713 16.5387C7.84231 14.3759 8.62394 12.2883 10.0406 10.6804C11.4572 9.07253 13.4079 8.05895 15.5148 7.83587H15.5535V11.0306ZM16.7359 25.206V22.011C18.0173 21.8091 19.186 21.1468 20.0317 20.1433C20.8774 19.1399 21.3446 17.8613 21.3491 16.5374C21.3537 15.2136 20.8954 13.9316 20.0566 12.9221C19.2178 11.9126 18.0537 11.2418 16.7738 11.0306H16.7359V7.83587H16.7738C18.8806 8.05885 20.8315 9.07239 22.2481 10.6802C23.6648 12.288 24.4466 14.3755 24.4418 16.5383C24.4371 18.701 23.6463 20.7851 22.2226 22.3865C20.7989 23.9878 18.8437 24.9926 16.7359 25.206Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M83.721 10.0472V10.0388H83.6634V10.0472C83.0301 10.041 82.4023 10.1675 81.8189 10.4192C81.2354 10.6708 80.7089 11.0422 80.2718 11.5101C79.806 11.9669 79.438 12.5172 79.1908 13.1264C78.9437 13.7356 78.8228 14.3905 78.8357 15.0497V22.5914H81.0211V15.3272C81.0211 14.6034 81.3027 13.9094 81.8039 13.3976C82.3051 12.8857 82.985 12.598 83.6939 12.598C84.4027 12.598 85.0826 12.8857 85.5838 13.3976C86.0851 13.9094 86.3667 14.6034 86.3667 15.3272V22.5914H88.5529V15.0497C88.5656 14.3904 88.4446 13.7356 88.1973 13.1264C87.95 12.5172 87.5818 11.9669 87.116 11.5101C86.6785 11.0418 86.1514 10.6702 85.5674 10.4185C84.9833 10.1669 84.3549 10.0405 83.721 10.0472ZM91.7905 10.0472V10.0388H91.7329V10.0472C91.0996 10.041 90.4718 10.1675 89.8884 10.4192C89.305 10.6708 88.7784 11.0422 88.3412 11.5101C88.2251 11.6279 88.2186 11.6279 88.1173 11.7456C88.7978 12.6534 89.1519 13.7725 89.1202 14.9153C89.215 14.2291 89.562 13.6053 90.0909 13.1709C90.6197 12.7366 91.2906 12.524 91.9673 12.5765C92.6441 12.6289 93.2759 12.9425 93.7345 13.4534C94.193 13.9643 94.4439 14.6343 94.4362 15.3272V22.5914H96.6215V15.0497C96.6345 14.3905 96.5135 13.7356 96.2664 13.1264C96.0192 12.5172 95.6512 11.9669 95.1855 11.5101C94.7478 11.0416 94.2204 10.67 93.6361 10.4183C93.0518 10.1667 92.423 10.0403 91.7889 10.0472H91.7905ZM106.225 22.2299V19.5311C105.867 19.8398 105.452 20.0707 105.004 20.2095C104.555 20.3483 104.084 20.392 103.619 20.3382C103.132 20.3418 102.648 20.2455 102.198 20.0549C101.748 19.8643 101.34 19.5831 100.998 19.2283C100.647 18.8805 100.369 18.4634 100.182 18.0023C99.9945 17.5411 99.9012 17.0456 99.9078 16.5463V10.2995H97.7085V16.8238C97.7158 18.4207 98.3414 19.9498 99.4486 21.0775C100.556 22.2053 102.055 22.8401 103.619 22.8436C104.522 22.8492 105.414 22.639 106.223 22.2299H106.225ZM106.801 10.2995V16.5463C106.801 16.5799 106.801 16.6053 106.801 16.6389V21.7758C106.755 23.7685 106.162 25.2315 105.036 26.1227C104.494 26.5646 103.843 26.844 103.155 26.9298L103.16 27.2408H103.155L103.175 28.3675V29.4774C104.48 29.3833 105.714 28.8375 106.673 27.9303C108.221 26.5683 109.005 24.5084 109.005 21.8011V10.2995H106.806H106.801ZM67.5162 16.1512C67.5162 14.5234 66.8829 12.9623 65.7556 11.8113C64.6283 10.6602 63.0994 10.0136 61.5052 10.0136C59.911 10.0136 58.3821 10.6602 57.2548 11.8113C56.1276 12.9623 55.4943 14.5234 55.4943 16.1512V29.4858H57.7537V16.3445V16.3109V16.2772C57.7824 15.5305 58.0238 14.8087 58.4483 14.1999C58.8727 13.5911 59.4618 13.1218 60.1434 12.8497C60.825 12.5776 61.5696 12.5143 62.2859 12.6676C63.0022 12.821 63.6592 13.1843 64.1764 13.713C64.8537 14.3904 65.2472 15.3095 65.274 16.2772V16.3109C65.249 17.2807 64.8567 18.203 64.1797 18.8837V18.8921C63.8312 19.2546 63.4144 19.5413 62.9545 19.7349C62.4946 19.9285 62.001 20.0251 61.5036 20.0188C60.4867 20.0188 59.0539 19.9179 58.3169 19.1864V21.9692C59.331 22.3797 60.4127 22.588 61.5036 22.5829C63.0991 22.5752 64.627 21.9242 65.7546 20.7715C66.8821 19.6188 67.5179 18.0579 67.5236 16.4287C67.5244 16.4147 67.5244 16.4006 67.5236 16.3866C67.5236 16.353 67.5236 16.3277 67.5236 16.3025C67.5236 16.2604 67.5236 16.2269 67.5236 16.2017C67.5236 16.1765 67.5129 16.168 67.5129 16.1512H67.5162ZM72.5736 19.178C71.4002 18.2532 70.8049 16.7062 70.8049 14.5791V6.41506H68.6006V14.8564C68.6006 17.5636 69.3837 19.6235 70.9292 20.9856C71.8946 21.8844 73.1275 22.4263 74.4304 22.5242V21.4228L74.4502 20.2961H74.4469L74.4526 19.9851C73.7643 19.8986 73.1128 19.6193 72.5703 19.178H72.5736ZM75.5461 22.5914H77.7406V10.0388H75.5412V22.5914H75.5461ZM76.6462 6.41506C76.408 6.41573 76.1752 6.48846 75.9774 6.62402C75.7795 6.75958 75.6254 6.95192 75.5345 7.1768C75.4436 7.40168 75.4199 7.64904 75.4665 7.88763C75.5131 8.12622 75.6278 8.3455 75.7962 8.51759C75.9647 8.68968 76.1792 8.80691 76.4129 8.85463C76.6465 8.90236 76.8888 8.87834 77.1091 8.78566C77.3294 8.69298 77.5179 8.53581 77.6508 8.33388C77.7837 8.13195 77.855 7.89425 77.8558 7.65096C77.8565 7.48826 77.8255 7.32722 77.7648 7.1768C77.704 7.02638 77.6147 6.88962 77.5019 6.77469C77.3891 6.65975 77.2551 6.56895 77.1077 6.50723C76.9602 6.4455 76.8023 6.41406 76.6429 6.41506H76.6462ZM48.9225 10.0977H48.8904V12.3762C48.9011 12.3762 48.9118 12.3846 48.9225 12.3846C49.8339 12.5353 50.6629 13.0122 51.2612 13.7301C51.8596 14.4479 52.1882 15.3598 52.1882 16.3025C52.1805 17.2483 51.8457 18.161 51.2431 18.8794C50.6405 19.5977 49.8087 20.0758 48.8946 20.229V22.499C50.4006 22.3482 51.798 21.6313 52.8157 20.4878C53.8334 19.3443 54.3987 17.8556 54.402 16.3105C54.4052 14.7653 53.8463 13.2742 52.8335 12.1261C51.8206 10.9781 50.4263 10.2552 48.9209 10.0977H48.9225ZM42.5633 16.3025C42.57 17.8477 43.1366 19.3359 44.1539 20.48C45.1712 21.6241 46.5671 22.3433 48.0728 22.499V20.229C47.1587 20.0757 46.327 19.5975 45.7244 18.8791C45.1218 18.1608 44.787 17.2483 44.7791 16.3025C44.7793 15.3599 45.108 14.4481 45.7063 13.7303C46.3046 13.0125 47.1336 12.5355 48.0448 12.3846C48.0555 12.3846 48.0662 12.3762 48.0769 12.3762V10.0977H48.0448C46.5405 10.2551 45.1468 10.9766 44.1336 12.1229C43.1204 13.2691 42.5597 14.7584 42.56 16.3025H42.5633ZM71.35 10.0388V12.2836C71.35 12.2836 71.7131 12.3004 72.903 12.3004C74.5811 12.3004 74.4568 10.0388 74.4568 10.0388H71.35Z"/></g><defs><clipPath id="clip0"><rect width="109" height="33"/></clipPath></defs></svg>');
	mask: url('data:image/svg+xml,<svg width="109" height="33" viewBox="0 0 109 33" xmlns="http://www.w3.org/2000/svg"><g clip-path=""><path fill-rule="evenodd" clip-rule="evenodd" d="M27.3794 0.00830078H4.90915C3.6063 0.0122881 2.35788 0.542158 1.43631 1.48251C0.51474 2.42287 -0.00517105 3.69734 -0.00994873 5.02764V27.9721C-0.00690991 29.3038 0.512187 30.5799 1.4339 31.522C2.35561 32.4641 3.60501 32.9954 4.90915 32.9999H27.3794C28.6836 32.9954 29.933 32.4641 30.8547 31.522C31.7764 30.5799 32.2955 29.3038 32.2985 27.9721V5.02764C32.2937 3.69734 31.7738 2.42287 30.8523 1.48251C29.9307 0.542158 28.6823 0.0122881 27.3794 0.00830078ZM15.5535 11.0306H15.5148C14.234 11.2407 13.0688 11.9112 12.2291 12.9209C11.3895 13.9306 10.9307 15.2133 10.9354 16.5379C10.94 17.8624 11.4079 19.1417 12.2546 20.1452C13.1013 21.1487 14.2712 21.8103 15.5535 22.011V25.206C13.4457 24.9927 11.4904 23.988 10.0666 22.3867C8.64287 20.7854 7.85194 18.7014 7.84713 16.5387C7.84231 14.3759 8.62394 12.2883 10.0406 10.6804C11.4572 9.07253 13.4079 8.05895 15.5148 7.83587H15.5535V11.0306ZM16.7359 25.206V22.011C18.0173 21.8091 19.186 21.1468 20.0317 20.1433C20.8774 19.1399 21.3446 17.8613 21.3491 16.5374C21.3537 15.2136 20.8954 13.9316 20.0566 12.9221C19.2178 11.9126 18.0537 11.2418 16.7738 11.0306H16.7359V7.83587H16.7738C18.8806 8.05885 20.8315 9.07239 22.2481 10.6802C23.6648 12.288 24.4466 14.3755 24.4418 16.5383C24.4371 18.701 23.6463 20.7851 22.2226 22.3865C20.7989 23.9878 18.8437 24.9926 16.7359 25.206Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M83.721 10.0472V10.0388H83.6634V10.0472C83.0301 10.041 82.4023 10.1675 81.8189 10.4192C81.2354 10.6708 80.7089 11.0422 80.2718 11.5101C79.806 11.9669 79.438 12.5172 79.1908 13.1264C78.9437 13.7356 78.8228 14.3905 78.8357 15.0497V22.5914H81.0211V15.3272C81.0211 14.6034 81.3027 13.9094 81.8039 13.3976C82.3051 12.8857 82.985 12.598 83.6939 12.598C84.4027 12.598 85.0826 12.8857 85.5838 13.3976C86.0851 13.9094 86.3667 14.6034 86.3667 15.3272V22.5914H88.5529V15.0497C88.5656 14.3904 88.4446 13.7356 88.1973 13.1264C87.95 12.5172 87.5818 11.9669 87.116 11.5101C86.6785 11.0418 86.1514 10.6702 85.5674 10.4185C84.9833 10.1669 84.3549 10.0405 83.721 10.0472ZM91.7905 10.0472V10.0388H91.7329V10.0472C91.0996 10.041 90.4718 10.1675 89.8884 10.4192C89.305 10.6708 88.7784 11.0422 88.3412 11.5101C88.2251 11.6279 88.2186 11.6279 88.1173 11.7456C88.7978 12.6534 89.1519 13.7725 89.1202 14.9153C89.215 14.2291 89.562 13.6053 90.0909 13.1709C90.6197 12.7366 91.2906 12.524 91.9673 12.5765C92.6441 12.6289 93.2759 12.9425 93.7345 13.4534C94.193 13.9643 94.4439 14.6343 94.4362 15.3272V22.5914H96.6215V15.0497C96.6345 14.3905 96.5135 13.7356 96.2664 13.1264C96.0192 12.5172 95.6512 11.9669 95.1855 11.5101C94.7478 11.0416 94.2204 10.67 93.6361 10.4183C93.0518 10.1667 92.423 10.0403 91.7889 10.0472H91.7905ZM106.225 22.2299V19.5311C105.867 19.8398 105.452 20.0707 105.004 20.2095C104.555 20.3483 104.084 20.392 103.619 20.3382C103.132 20.3418 102.648 20.2455 102.198 20.0549C101.748 19.8643 101.34 19.5831 100.998 19.2283C100.647 18.8805 100.369 18.4634 100.182 18.0023C99.9945 17.5411 99.9012 17.0456 99.9078 16.5463V10.2995H97.7085V16.8238C97.7158 18.4207 98.3414 19.9498 99.4486 21.0775C100.556 22.2053 102.055 22.8401 103.619 22.8436C104.522 22.8492 105.414 22.639 106.223 22.2299H106.225ZM106.801 10.2995V16.5463C106.801 16.5799 106.801 16.6053 106.801 16.6389V21.7758C106.755 23.7685 106.162 25.2315 105.036 26.1227C104.494 26.5646 103.843 26.844 103.155 26.9298L103.16 27.2408H103.155L103.175 28.3675V29.4774C104.48 29.3833 105.714 28.8375 106.673 27.9303C108.221 26.5683 109.005 24.5084 109.005 21.8011V10.2995H106.806H106.801ZM67.5162 16.1512C67.5162 14.5234 66.8829 12.9623 65.7556 11.8113C64.6283 10.6602 63.0994 10.0136 61.5052 10.0136C59.911 10.0136 58.3821 10.6602 57.2548 11.8113C56.1276 12.9623 55.4943 14.5234 55.4943 16.1512V29.4858H57.7537V16.3445V16.3109V16.2772C57.7824 15.5305 58.0238 14.8087 58.4483 14.1999C58.8727 13.5911 59.4618 13.1218 60.1434 12.8497C60.825 12.5776 61.5696 12.5143 62.2859 12.6676C63.0022 12.821 63.6592 13.1843 64.1764 13.713C64.8537 14.3904 65.2472 15.3095 65.274 16.2772V16.3109C65.249 17.2807 64.8567 18.203 64.1797 18.8837V18.8921C63.8312 19.2546 63.4144 19.5413 62.9545 19.7349C62.4946 19.9285 62.001 20.0251 61.5036 20.0188C60.4867 20.0188 59.0539 19.9179 58.3169 19.1864V21.9692C59.331 22.3797 60.4127 22.588 61.5036 22.5829C63.0991 22.5752 64.627 21.9242 65.7546 20.7715C66.8821 19.6188 67.5179 18.0579 67.5236 16.4287C67.5244 16.4147 67.5244 16.4006 67.5236 16.3866C67.5236 16.353 67.5236 16.3277 67.5236 16.3025C67.5236 16.2604 67.5236 16.2269 67.5236 16.2017C67.5236 16.1765 67.5129 16.168 67.5129 16.1512H67.5162ZM72.5736 19.178C71.4002 18.2532 70.8049 16.7062 70.8049 14.5791V6.41506H68.6006V14.8564C68.6006 17.5636 69.3837 19.6235 70.9292 20.9856C71.8946 21.8844 73.1275 22.4263 74.4304 22.5242V21.4228L74.4502 20.2961H74.4469L74.4526 19.9851C73.7643 19.8986 73.1128 19.6193 72.5703 19.178H72.5736ZM75.5461 22.5914H77.7406V10.0388H75.5412V22.5914H75.5461ZM76.6462 6.41506C76.408 6.41573 76.1752 6.48846 75.9774 6.62402C75.7795 6.75958 75.6254 6.95192 75.5345 7.1768C75.4436 7.40168 75.4199 7.64904 75.4665 7.88763C75.5131 8.12622 75.6278 8.3455 75.7962 8.51759C75.9647 8.68968 76.1792 8.80691 76.4129 8.85463C76.6465 8.90236 76.8888 8.87834 77.1091 8.78566C77.3294 8.69298 77.5179 8.53581 77.6508 8.33388C77.7837 8.13195 77.855 7.89425 77.8558 7.65096C77.8565 7.48826 77.8255 7.32722 77.7648 7.1768C77.704 7.02638 77.6147 6.88962 77.5019 6.77469C77.3891 6.65975 77.2551 6.56895 77.1077 6.50723C76.9602 6.4455 76.8023 6.41406 76.6429 6.41506H76.6462ZM48.9225 10.0977H48.8904V12.3762C48.9011 12.3762 48.9118 12.3846 48.9225 12.3846C49.8339 12.5353 50.6629 13.0122 51.2612 13.7301C51.8596 14.4479 52.1882 15.3598 52.1882 16.3025C52.1805 17.2483 51.8457 18.161 51.2431 18.8794C50.6405 19.5977 49.8087 20.0758 48.8946 20.229V22.499C50.4006 22.3482 51.798 21.6313 52.8157 20.4878C53.8334 19.3443 54.3987 17.8556 54.402 16.3105C54.4052 14.7653 53.8463 13.2742 52.8335 12.1261C51.8206 10.9781 50.4263 10.2552 48.9209 10.0977H48.9225ZM42.5633 16.3025C42.57 17.8477 43.1366 19.3359 44.1539 20.48C45.1712 21.6241 46.5671 22.3433 48.0728 22.499V20.229C47.1587 20.0757 46.327 19.5975 45.7244 18.8791C45.1218 18.1608 44.787 17.2483 44.7791 16.3025C44.7793 15.3599 45.108 14.4481 45.7063 13.7303C46.3046 13.0125 47.1336 12.5355 48.0448 12.3846C48.0555 12.3846 48.0662 12.3762 48.0769 12.3762V10.0977H48.0448C46.5405 10.2551 45.1468 10.9766 44.1336 12.1229C43.1204 13.2691 42.5597 14.7584 42.56 16.3025H42.5633ZM71.35 10.0388V12.2836C71.35 12.2836 71.7131 12.3004 72.903 12.3004C74.5811 12.3004 74.4568 10.0388 74.4568 10.0388H71.35Z"/></g><defs><clipPath id="clip0"><rect width="109" height="33"/></clipPath></defs></svg>');
	-webkit-mask-size: cover;
	mask-size: cover;
	width: 90px;
	height: 25px;
	vertical-align: middle;
	margin-left: 15px;
	background: var(--color-footer);
}
.page-footer__logo > a img {
	display: none;
}

.page-footer__logo a.text-light {
	color: var(--color-footer) !important;
	/*margin-left: 50px;*/

	/* Logo 
      background: url([https://drwf-sve.optimytool.com]/NEW_SP/assets/images/logo.svg) no-repeat right center / 70px 20px; */
}
.page-footer__logo a.text-light img {
	/*opacity: 0;*/
}

/* SWITCH LANGUE */
.page-footer__language-menu {
	/*display: none;*/
}
.page-footer__language-menu #footer-language-menu {
	color: var(--color-footer-link);
	background: transparent;
	border: none !important;
}
.page-footer__language-menu #footer-language-menu:hover,
.page-footer__language-menu #footer-language-menu:active,
.page-footer__language-menu #footer-language-menu:focus-visible {
	color: var(--color-footer-link-hover) !important;
	background: transparent !important;
	border: none !important;
}
.page-footer__language-menu .dropdown-item,
.page-footer__language-menu .dropdown-item:hover,
.page-footer__language-menu .dropdown-item.active {
	background: var(--bg-button) !important;
	color: var(--color-button) !important;
	border-color: var(--border-button);
	font-size: 1rem;
	text-transform: uppercase;
}

.page-footer .flex-fill {
	justify-content: center;
}

.page-footer__more .btn {
	background: transparent !important;
	color: var(--color-footer-link) !important;
	border: none !important;
}

.page-footer [data-toggle="dropdown"]:hover,
.page-footer__language-menu [data-toggle="dropdown"]:hover,
.page-footer .btn-dark.dropdown-toggle + .dropdown-menu .dropdown-item:focus,
.page-footer .btn-dark.dropdown-toggle + .dropdown-menu .dropdown-item:hover,
.page-footer .btn-dark.dropdown-toggle + .dropdown-menu .dropdown-item.active {
	background: transparent !important;
}

.page-footer .btn-dark.dropdown-toggle + .dropdown-menu {
	background: var(--bg-footer) !important;
}

/*  ========================================================================
    FORM & STEPS
    ======================================================================= */

/* SIDEBAR */
.page-main__aside .h2 {
	/*color: var(--color-primary-opposite) !important;*/
}
.stepper__label {
	line-height: 32px;
}
.stepper__item--active::before,
.stepper__item:hover .stepper__marker,
.stepper__item--active .stepper__marker {
	background: var(--color-primary);
	color: var(--color-primary-opposite);
}
.stepper__item.card .stepper__marker {
	margin: 0 15px 0 0 !important;
}
.stepper__marker {
	border: 1px solid var(--color-primary);
}
.page-main__side-stepper {
	padding: 20px 2.5rem;
}

/* FORM */
.form-control,
.custom-select {
	background-color: #fff !important;
}
.form-control.is-search {
	background-repeat: no-repeat !important;
	background-position: left calc(0.375em + 0.1875rem) center !important;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}
[data-toggle="view"]:hover,
[data-toggle="view"]:active {
	background: var(--bg-button) !important;
}
[data-toggle="view"]:hover span,
[data-toggle="view"]:active span {
	color: #fff !important;
}
.dropdown-menu {
	background: #fff !important;
}

/*  ========================================================================
    SPECIFIC PAGES
    ======================================================================= */

/* LOGIN */
.page-main__login section .card,
.page-main__login section:last-child .card,
.page-main__faq .card,
.page-project-resume-draft .page-main__content-wrapper .card.card-body {
	background: rgba(0, 0, 0, 0.05);
}

/* SOMMAIRE PROJECT  */
.page-project-new .page-main__content-wrapper > ul > li,
.page-project-resume-draft .page-main__content-wrapper > ul > li {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 10px;
}
.page-project-new .page-main__content-wrapper > ul > li > .card,
.page-project-resume-draft .page-main__content-wrapper > ul > li > .card {
	background: transparent;
}
.page-user .page-main__account .card {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 10px;
}
.page-user .page-main__account .card .list-group-item {
	background: transparent;
	border: none;
	text-decoration: none;
}

.page-project-manage .table-responsive {
	background: #fff;
}
.page-project-manage .table-responsive .fixed-column {
	background: #fff !important;
}

.page-main__home ul > li,
.page-list > ul > li {
	list-style: disc;
}
.page-main__home ul > li::before,
.page-list > ul > li::before {
	display: none;
}

.accordion .btn[data-toggle="collapse"] {
  line-height:1.2;
}
.accordion .btn[aria-expanded="true"] ~ .backdrop {
  background-image: linear-gradient(90deg, rgba(50, 160, 240, .1) 0%, rgba(50, 160, 240, .1) .01%, rgba(63, 117, 229, .1) 100%);
  background: #f7a60020;
}
/*.accordion .btn[data-toggle="collapse"][aria-expanded="true"],
.accordion .btn[aria-expanded="true"] ~ .show {
  color: var(--color-button);
}*/
.accordion .btn[aria-expanded="true"] ~ .show a {
  color:var(--link)
}

/*  ========================================================================
    RESPONSIVE
    ======================================================================= */

@media only screen and (max-width: 1199.98px) {
}

@media only screen and (max-width: 991.98px) {
}

@media only screen and (max-width: 767.98px) {
	.page-header__language-alert .dropdown {
		/*position: absolute;
    top: -20px;
    z-index: 9999;
    transform: none;
    margin-left: 0;
    left: 0;
    right: 0;*/
		display: block;
		height: auto;
	}
	.page-header .btn-dark.dropdown-toggle + .dropdown-menu .dropdown-item {
	}

	.page-header {
	}
	.page-navigation {
		position: static;
	}

	.page-header > .container-md {
		padding: 20px !important;
		margin-top: 20px !important;
		align-items: center !important;
		padding-top: 100px !important;
	}
	.navbar-light .navbar-brand {
		position: absolute;
		top: 60px;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0;
	}
	.navbar-light .navbar-brand img {
		max-width: 200px;
	}
	.page-header > .container-md > .ml-auto {
		margin-top: 0 !important;
	}

	.page-navigation .navbar-collapse {
		background: #fff;
		top: 200px !important;
	}
	.page-navigation #navbar-menu > div {
		margin: 0;
	}
	.page-navigation.navbar-light .nav-item > .nav-link {
		line-height: normal;
		margin: 0 !important;
		padding: 10px 20px !important;
		color: var(--color-primary);
		background: none !important;
	}
	.page-navigation.navbar-light .nav-item > .nav-link.active,
	.page-navigation.navbar-light .nav-item > .nav-link:hover {
		color: var(--color-secondary);
		background: none !important;
	}
	.page-navigation .nav-item > .nav-link.active::after,
	.page-navigation .nav-item > .nav-link:hover::after {
		display: none !important;
	}
	.page-navigation__language-menu {
		display: none !important;
	}
	.page-main__content-wrapper,
	.page-user .page-main__account {
		padding: 15px !important;
	}
	.page-navigation .navbar-toggler,
	[data-toggle="view"].active .material-icons {
		background: #fff;
	}

	.page-header__user-menu .material-icons {
		font-size: 3rem !important;
	}
	.page-header__user-menu .dropdown-item .material-icons {
		font-size: 1rem !important;
	}

	#language-menu {
		text-align: center;
	}
	#language-menu .btn {
		display: block !important;
		width: 100%;
		text-align: center;
		margin: 5px 0 !important;
	}
	#language-menu .btn .material-icons {
		display: none;
	}

	.page-footer {
		background: var(--color-secondary) !important;
		margin-right: 0;
  	padding: 0;
	}
	.page-footer .container-md {
		width: 100%;
	}	
	.page-footer .container-md > .row {
		justify-content: center;
	}

	.page-footer__links {
		min-width: none;
		max-width: none;
		width: 100%;
		flex-wrap: wrap;
	}
	.page-footer__language-menu,
	.page-footer__logo {
		display: none;
	}
}