:root {  --primaryLight: hsl(217, 100%, 93%);  --primary: hsl(217, 96%, 34%);  --primaryOpacity6: hsla(217, 96%, 34%, 0.6);  --primaryDark: hsl(217, 96%, 17%);  --primaryNew: hsla(212, 99%, 33%, 1);  --secondaryLight: hsl(0, 0%, 85%);  --secondary: hsl(0, 0%, 0%);  --secondaryOpacity8: hsla(0, 0%, 0%, 0.8);  --secondaryDark: hsl(0, 0%, 0%);  --tertiaryLight: hsl(0, 100%, 70%);  --tertiary: hsl(0, 100%, 50%);  --tertiaryDark: hsl(0, 100%, 30%); } @font-face {  src: url(https://www.droit-inc.com/fonts/header/normal.ttf);  font-family: "Playfair";  font-display: swap; } @font-face {  src: url(https://www.droit-inc.com/fonts/header/bold.ttf);  font-family: "Playfair";  font-weight: bold;  font-display: swap; } @font-face {  src: url(https://www.droit-inc.com/fonts/header/boldItalic.ttf);  font-family: "Playfair";  font-weight: bold;  font-style: italic;  font-display: swap; } @font-face {  src: url(https://www.droit-inc.com/fonts/header/italic.ttf);  font-family: "Playfair";  font-style: italic;  font-display: swap; } @font-face {  src: url(https://www.droit-inc.com/fonts/header/TitilliumWeb-Regular.ttf);  font-family: "Titillium";  font-display: swap; } @font-face {  src: url(https://www.droit-inc.com/fonts/header/TitilliumWeb-Bold.ttf);  font-family: "Titillium";  font-weight: bold;  font-display: swap; } @font-face {  src: url(https://www.droit-inc.com/fonts/header/TitilliumWeb-BoldItalic.ttf);  font-family: "Titillium";  font-weight: bold;  font-style: italic;  font-display: swap; } @font-face {  src: url(https://www.droit-inc.com/fonts/header/TitilliumWeb-Italic.ttf);  font-family: "Titillium";  font-style: italic;  font-display: swap; } @font-face {  src: url(https://www.droit-inc.com/fonts/Poppins/Poppins-Regular.ttf);  font-family: "Poppins";  font-display: swap; } main {  margin-top: 298px; } .alterEmploiPopup {  max-width: 335px;  background: #ebebeb;  border-radius: 0; } .alterEmploiPopup .popup-title {  color: var(--primary);  line-height: 24px;  font-size: 30px; } .alterEmploiPopup .descpt {  font-weight: bold;  font-size: 22px;  line-height: 34px; } #profile_dropdown3 {  position: sticky;  width: 100%;  left: auto;  right: 0px;  max-width: 100%;  transform: translate(0, 0px);  top: 80px;  text-align: left;  z-index: 2;  display: none; } #profile_dropdown2 {  transform: unset;  right: 0; } .profile_dropdown {  min-width: fit-content;  position: absolute;  top: 42px;  right: 0;  overflow-x: hidden;  background: white;  transition: opacity 0.8s ease;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  opacity: 0;  width: 350px;  transform: translate(0, 0); } .profile_dropdown::-webkit-scrollbar {  display: none; } .profile_dropdown_content {  padding: 20px 10px; } .profile_dropdown_content_container {  padding: 0 30px; } .profile_dropdown_content_container_list {  margin-left: 30px; } .profile_dropdown_content_container_list a {  font-weight: normal; } .profile_dropdown_content a {  font-size: 21px;  color: var(--secondary); } .background_pub {  background: #f5f5f5;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  padding: 10px 0; } .hover_grey:hover {  color: #2b2b2b !important; } .welcome-back {  background: white;  border: none;  color: black;  padding: 15px !important;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  z-index: 999999999999999;  max-height: calc(100vh - 104px);  overflow: auto; } .welcome-back::-webkit-scrollbar {  display: none; } .welcome-back_content {  border: solid 2px black;  padding: 50px;  background: white; } .welcome-back .close {  top: 15px;  right: 10px;  opacity: 1; } .welcome-back .close::before {  content: "X"; } .welcome-back .close span {  display: none; } h1 {  font-size: 40px;  font-weight: bold;  margin: 0 0 30px 0;  font-family: "Titillium", serif; } h2 {  font-size: 30px;  font-weight: bold;  margin: 0 0 20px 0;  font-family: "Titillium", serif; } h3 {  font-size: 26px;  font-weight: bold;  margin: 0 0 10px 0;  font-family: "Titillium", serif; } h4 {  font-size: 24px;  font-weight: bold;  margin: 0 0 10px 0;  font-family: "Titillium", serif; } h5 {  font-size: 22px;  font-weight: bold;  margin: 0 0 10px 0;  font-family: "Titillium", serif; } h6 {  font-size: 18px;  font-weight: bold;  margin: 0 0 10px 0;  font-family: "Titillium", serif; } p, a {  margin: 0 0 0 0;  font-size: 16px; } button, .btn {  display: block;  width: fit-content;  min-width: 230px;  max-width: 100%;  padding: 5px 20px;  font-size: 20px;  background: black;  color: white;  border: solid 2px black;  border-radius: 0px;  font-weight: bold;  font-family: "Titillium"; } button:hover, .btn:hover {  color: white;  background: #2b2b2b;  border: #2b2b2b solid 2px; } .btn-primary {  background: black;  border: solid 2px black;  color: white; } .btn-primary:hover {  background: white;  border: solid 2px black;  color: black; } .btn-primary:focus, .btn-primary:active {  background: black !important;  border: black !important;  color: white !important;  box-shadow: none; } .btn-secondary {  color: black;  background: white;  border: solid 2px black; } .btn-secondary:hover {  background: black;  border: solid 2px black;  color: white; } .btn-tertiary {  background: var(--primary);  color: white;  border: solid 2px var(--primary); } .btn-tertiary:hover {  background: var(--primaryDark);  border: solid 2px var(--primaryDark); } .btn-black {  background: black;  color: white;  border: solid 2px black; } .btn-black:hover {  background: #2b2b2b; } .btn-white {  background: white;  color: black;  border: solid 2px white;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); } .btn-large {  padding: 5px 20px;  font-size: 24px;  border-radius: 0px;  min-width: 280px; } .btn-medium {  padding: 5px 20px;  font-size: 20px;  min-width: 230px; } .btn-small {  padding: 5px 15px;  font-size: 16px;  min-width: fit-content; } .di-d-none {  display: none !important; } body {  background: white;  font-size: 16px;  font-family: "Titillium", sans-serif; } .body-space {  padding: 0;  min-height: auto; } .hr {  border-top: solid 3px black; } .select-wrapper {  position: relative;  max-width: fit-content; } .select-wrapper select {  -webkit-appearance: none;  -moz-appearance: none;  padding: 2px 35px 2px 5px;  border: solid 2px black;  position: relative;  z-index: 1; } .select-wrapper select::-ms-expand {  display: none; } .select-wrapper::before {  content: "\e90c";  font-family: "icomoon";  font-size: 0.5rem;  position: absolute;  top: 50%;  left: calc(100% - 10px);  transform: translate(-100%, -50%); } .color-grey {  color: #727272; } .pagination {  justify-content: flex-end; } .pagination li {  border: solid 1px black;  width: 2rem;  height: 2rem;  display: flex;  align-items: center;  justify-content: center; } .pagination li.currentPage, .pagination li.active {  background: black; } .pagination li.currentPage a, .pagination li.active a {  color: white; } .pagination li + li {  margin-left: 0.3rem; } .pagination li + li a {  color: #000; } .social-share {  flex-direction: column; } .social-share li {  width: 50px;  height: 50px;  border-radius: 0%;  border: solid 2px black;  margin-top: -2px;  overflow: hidden; } .social-share li a {  height: 100%;  width: 100%;  display: flex;  align-items: center;  justify-content: center; } .social-share li a:before {  color: black;  font-family: "icomoon-custom" !important; } .social-share li:nth-child(1) a:before {  font-family: "icomoon-twitter" !important;  content: "\e910";  color: #000;  font-size: 1.5rem; } .social-share li:nth-child(2) a:before {  content: "\e902";  color: #000; } .social-share li:nth-child(3) a:before {  content: "\e905";  color: #000; } .social-share li:nth-child(4) a:before {  content: "\e904";  color: #000; } .figure {  display: table; } .figure.float-left {  padding-right: 1rem; } .figure.float-left .figure-caption {  padding-right: 1rem; } .figure.float-right {  padding-left: 1rem; } .figure.float-right .figure-caption {  padding-left: 1rem; } .figure-caption {  display: table-caption;  caption-side: bottom; } .bi-bookmark:hover::before {  content: "\f199"; } .bi-bookmark, .bi-bookmark-fill {  color: var(--secondary);  border: solid 2px black;   width: 50px;  height: 50px;  display: flex;  align-items: center;  justify-content: center;  margin: -2px auto 0;  padding: 10px; } .border-none {  border: none !important; } .heart {  width: 30px; } .heart:hover::before {  content: "\f415"; } .homepage_infolettre {  bottom: 6% !important; } @media (min-width: 1380px) {  .container,  .container-sm,  .container-md,  .container-lg,  .container-xl {   max-width: 1256px;  } } @media screen and (max-width: 992px) {  #profile_dropdown3 {   display: block;  }  main {   min-height: calc(100vh - 63px - 67px);  }  h1 {   font-size: 24px;  }  h2 {   font-size: 24px;  }  h3 {   font-size: 22px;  }  h4 {   font-size: 20px;  }  h5 {   font-size: 18px;  }  h6 {   font-size: 16px;  }  .social-share {   flex-direction: row;  }  .social-share li {   margin-top: 0px;   margin-left: -2px;   border-right: none;  }  .social-share li:first-child {   margin-left: 0px;  }  .social-share li:last-child {   border-right: solid 2px black;  }  .blog_view_socials .social-share li:last-child {   border-right: none;  }  .bi-bookmark,  .bi-bookmark-fill {   margin: 0;  } } .sidemenu {  z-index: 99999999999999;  max-width: 100%;  position: fixed;  top: 50px;  left: 0;  overflow-x: hidden;  height: 100vh;  background: var(--secondaryLight);  transition: opacity 0.8s ease; } .sidemenu::-webkit-scrollbar {  display: none; } .sidemenu .sidemenu_content {  padding: 0.8rem 37px;  position: relative;  max-height: calc(100vh - 6rem);  overflow-y: auto; } .sidemenu .sidemenu_content::-webkit-scrollbar {  display: none; } .sidemenu .sidemenu_content-x {  position: absolute;  top: 0.5rem;  right: 20px;  color: var(--secondary);  font-size: 20px;  cursor: pointer;  color: #000 !important; } .sidemenu .sidemenu_content a {  display: flex;  border-bottom: solid 1px var(--secondary);  font-family: "Titillium";  padding-bottom: 3px;  margin-bottom: 3px;  color: #000; } .sidemenu .sidemenu_content section {  font-weight: bold;  margin-bottom: 20px;  font-size: 25px;  color: #004ea5; } .sidemenu .sidemenu_content section.subtitle {  font-size: 18px !important;  margin: 0 0 10px 0 !important;  font-family: "Titillium", serif;  color: black; } .sidemenu .sidemenu_content h4 {  margin-bottom: 20px;  font-size: 25px;  color: #004ea5; } .sidemenu .sidemenu_content h6 {  margin-bottom: 12px; } .sidemenu .sidemenu_content .socials a {  border-bottom: 0; } .apply-button-container-desktop a {  background: var(--primary) !important;  border-color: var(--primary) !important; } .apply-button-container-desktop a:hover {  background: var(--primaryDark) !important;  border-color: var(--primaryDark) !important;  color: #fff; } .job__content__detail__container__bottom__btn .blackBtn {  background: var(--primary) !important;  border-color: var(--primary) !important; } .job__content__detail__container__bottom__btn .blackBtn:hover {  background: var(--primaryDark) !important;  border-color: var(--primaryDark) !important;  color: #fff; } a.blog-detail__body__side-bar__feature__item__footer {  color: var(--primary); } a.blog-detail__body__side-bar__feature__item__footer:hover {  text-decoration: underline !important; } .blog-anchor-color a {  color: var(--primary); } .blog-anchor-color a:hover {  text-decoration: underline !important; } .blog-detail__body__content__description a {  color: var(--primary); } .blog-detail__body__content__description a:hover {  text-decoration: underline !important; } .job__content__detail__container__context a {  color: var(--primary); } .job__content__detail__container__context a:hover {  text-decoration: underline !important; } .job_description_content_description .social-share a:hover {  text-decoration: none !important; } .job_description_content_description a {  color: var(--primary); } .job_description_content_description a:hover {  text-decoration: underline !important; } @media screen and (max-width: 991px) {  main {   margin-top: 0;  } } @font-face {  font-family: "icomoon-custom";  src: url(https://www.droit-inc.com/css/./icomoon/icomoon.eot);  src: url(https://www.droit-inc.com/css/./icomoon/icomoon.eot) format("embedded-opentype"), url(https://www.droit-inc.com/css/./icomoon/icomoon.ttf) format("truetype"), url(https://www.droit-inc.com/css/./icomoon/icomoon.woff) format("woff"), url(https://www.droit-inc.com/css/./icomoon/icomoon.svg) format("svg");  font-weight: normal;  font-style: normal;  font-display: block; } @font-face {  font-family: "icomoon-twitter";  src: url(https://www.droit-inc.com/css/./icomoon-twitter/icomoon-twitter.eot);  src: url(https://www.droit-inc.com/css/./icomoon-twitter/icomoon-twitter.eot) format("embedded-opentype"), url(https://www.droit-inc.com/css/./icomoon-twitter/icomoon-twitter.ttf) format("truetype"), url(https://www.droit-inc.com/css/./icomoon-twitter/icomoon-twitter.woff) format("woff"), url(https://www.droit-inc.com/css/./icomoon-twitter/icomoon-twitter.svg) format("svg");  font-weight: normal;  font-style: normal;  font-display: block; } [class^=icon-custom-], [class*=" icon-custom-"] {   font-family: "icomoon-custom" !important;  speak: never;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;   -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; } .icon-custom-today:before {  content: "\e900";  font-size: 2rem; } .icon-custom-comment:before {  content: "\e901";  font-size: 2.5rem; } .icon-custom-facebook:before {  content: "\e902";  font-size: 2rem; } .icon-custom-google:before {  content: "\e903"; } .icon-custom-infolettre:before {  content: "\e904";  font-size: 2rem; } .icon-custom-linkedin:before {  content: "\e905";  font-size: 2rem; } .icon-custom-loupe:before {  content: "\e906"; } .icon-custom-menu:before {  content: "\e907"; } .icon-custom-notifications:before {  content: "\e908";  font-size: 2rem; } .icon-custom-job:before {  content: "\e909";  font-size: 2rem; } .icon-custom-profil:before {  content: "\e90a";  font-size: 2rem; } .icon-custom-RSS:before {  content: "\e90b";  font-size: 2rem; } .icon-sections .path1:before {  content: "\e90c";  color: #5d5d5d; } .icon-sections .path2:before {  content: "\e90d";  color: #5d5d5d;  margin-left: -1em; } .icon-sections .path3:before {  content: "\e90e";  color: #fff;  margin-left: -1em; } .icon-sections .path4:before {  content: "\e90f";  color: #5d5d5d;  margin-left: -1em; } .icon-custom-twitter:before {  font-family: "icomoon-twitter" !important;  content: "\e910"; } .icon-custom-televerser:before {  content: "\e913";  font-size: 4rem; } .icon-custom-user:before {  content: "\e911"; } .icon-braguette:before {  content: "\e912"; } .icon-sections {  font-family: "icomoon-custom" !important;  font-size: 2rem; } .icon-custom-infolettreV2:before {  content: "\e914";  font-size: 1.3rem; } .icon-custom-user_icon:before {  content: "\e915";  font-size: 1.3rem; } .login-icon {  margin-right: 10px !important; } .header__logout {  padding-block: 0;  } .header__logout .header__top {  background: #ebebeb;  padding-block: 0.5rem;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  display: flex;  align-items: center;  height: 50px; } .header__logout .header__top-left section {  font-size: 18px;  font-weight: bold; } .header__logout .header__top-center {  gap: 20px; } .header__logout .header__top-center-nav {  font-family: "Titillium";  color: #000;  font-size: 16px;  font-weight: bold; } .header__logout .header__top-right a {  font-weight: bold; } .header__logout .header__top-right .profile_menu {  position: relative;  font-size: 18px;  font-weight: bold; } .header__logout .header__top-right .profile_dropdown {  min-width: fit-content;  z-index: 99999999999999;  position: absolute;  top: 40px;  right: 0;  overflow-x: hidden;  background: white;  transition: opacity 0.8s ease;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  opacity: 0;  width: 350px;  transform: translate(0, 0); } .header__logout .header__top-right .profile_dropdown::-webkit-scrollbar {  display: none; } .header__logout .header__top-right .profile_dropdown_content {  padding: 20px 10px; } .header__logout .header__top-right .profile_dropdown_content_container {  padding: 0 30px; } .header__logout .header__top-right .profile_dropdown_content_container > ul > li > a {  font-size: 22px !important;  font-weight: bold;  margin: 0 !important;  line-height: 1.2; } .header__logout .header__top-right .profile_dropdown_content_container ul ul > li {  margin-left: 20px; } .header__logout .header__top-right .profile_dropdown_content_container hr {  margin-block: 0.5rem; } .header__logout .header__top-right .profile_dropdown_content_container_list {  margin-left: 30px; } .header__logout .header__top-right .profile_dropdown_content_container_list a {  font-weight: normal; } .header__logout .header__top-right .profile_dropdown_content a {  font-size: 21px;  color: var(--secondary); } .header__logout .menu-hover {  padding: 5px;  border-radius: 5px;  display: inline-block;  color: white;  text-decoration: none;  font-weight: bold;  font-size: 18px; } .header__logout .menu-hover:hover {  background-color: var(--secondary); } .header__logout .dropdown-header {  font-size: 1.3rem;  color: #333333;  padding: 0.5rem 1rem; } .header__logout .dropdown-item {  padding: 0.25rem 1rem; } .header__logout .dropdown-item .dropdown-item:hover {  background-color: grey; } .header__logout .dropdown-item.active, .header__logout .dropdown-item:active {  background-color: transparent !important;  color: inherit !important; } .header__logout .dropdown-menu {  flex-direction: row;  min-width: 30rem; } .header__logout .btn-header {  background-color: #004ea5;  border: #004ea5; } .header__logout .btn-header:hover {  background-color: #03356e; } .header__logout .header__middle {  padding-block: 16px; } .header__logout .header__middle-left {  gap: 30px; } .header__logout .header__middle-left section {  font-weight: bold;  font-size: 14px; } .header__logout .header__middle-center .site-title {  font-size: 16px;  font-weight: bold;  font-family: "Titillium"; } .header__logout .header__middle-right .social-titles {  color: #979797;  font-size: 18px;  font-weight: bold;  margin: 0 0 10px 0; } .header__logout .header__middle-right .social-icons {  gap: 10px; } .header__logout .header__middle-logo {  background: #004ea5;  padding: 0 8px; } .header__logout .header__bottom-category-nav {  background: #000;  height: 60px; } .header__logout .header__bottom-category-nav .home-icon {  height: 100%;  width: 55px;  background: #004ea5;  display: flex;  justify-content: center;  align-items: center; } .header__logout .header__bottom-category-nav .home-icon .active {  border-bottom: 0;  padding: 0; } .header__logout .header__bottom-category-nav .second-logo {  max-width: 167px;  border-bottom: 0;  padding: 0; } .header__logout .header__bottom-category-nav a {  color: #fff;  text-transform: uppercase;  font-weight: bold; } .header__logout .header__bottom-category-nav .category-nav {  max-width: 1000px; } .header__logout .header__bottom-category-nav .active {  border-bottom: solid var(--primary) 3px;  padding: 0 0 6px; } .header__logout .header__bottom {  background: #004ea5; } .header__logout .header__bottom .container {  height: 50px; } .header__logout .header__bottom .second-menu-btn {  display: none; } .header__logout .header__bottom .second-search-btn {  display: none;  gap: 0; } .header__logout .header__bottom .second-profile-btn {  display: none; } .header__logout .header__bottom .home-icon-blue {  display: none; } .header__logout .header__bottom .header_nav-blue {  height: 100%; } .header__logout .header__bottom .header_nav-blue .second-search-btn .enterprises-btn {  padding: 5px 12px; } @media screen and (min-width: 1380px) {  .header-nav-center nav ul {   gap: 40px;  } } @media screen and (min-width: 993px) and (max-width: 1380px) {  .second-search-btn .enterprises-btn {   font-size: 10px;  } } @media screen and (min-width: 768px) and (max-width: 992px) {  .btn-header {   font-size: 14px;  }  .cat-nav a {   font-size: 13px;  }  .header-nav-center a h6 {   font-size: 13px !important;  }  .second-search-btn .enterprises-btn {   padding: 5px 2px !important;   font-size: 12px;  } } .cat-nav {  display: block; } @media screen and (max-width: 991px) {  .cat-nav-mobile {   display: block;  }  .cat-nav {   display: none;  } } @media screen and (min-width: 992px) {  .cat-nav-mobile {   display: none;  } } .header__logout-mobile {  position: sticky;  top: 0;  z-index: 100; } .header__logout-mobile .container-lg .mobile-row-blue {  background-color: #004ea5;  height: 52px; } .header__logout-mobile .container-lg .mobile-row-blue .mobileLogo {  max-width: 167px; } .header__logout-mobile .container-lg .mobile-row-black {  background: black;  height: 30px; } .header__logout-mobile .container-lg .mobile-row-black .header__bottom-category-nav {  width: 100%;  margin-inline: 17px; } .header__logout-mobile .container-lg .mobile-row-black .header__bottom-category-nav::-webkit-scrollbar {  display: none; } .header__logout-mobile .container-lg .mobile-row-black .category-nav {  margin-top: -2px; } .header__logout-mobile .container-lg .mobile-row-black .category-nav li {  text-wrap: nowrap; } .header__logout-mobile .container-lg .mobile-row-black .category-nav li a {  font-size: 14px;  font-weight: normal; } .header__logout-mobile .container-lg .mobile-row-black .category-nav li .active {  text-decoration: none;  background-color: transparent;  color: #212529; } @media screen and (max-width: 992px) {  .home-icon {   display: none !important;  }  .second-logo {   display: none;  } } .header__scroll-top {  height: 60px;  background-color: #000; } .header__scroll-bottom {  height: 50px;  background-color: #004ea5; } .menu {  z-index: 1;  background: rgba(0, 0, 0, 0.7176470588); } .header_guest {  padding: 13px 0; }  .header-dropdown {  background-color: transparent;  padding: 5px;  border-radius: 5px;  display: inline-block;  color: white;  font-weight: bold;  font-size: 18px; } .header-dropdown:hover {  background-color: var(--secondary);  color: white;  text-decoration: none; } .header-dropdown .bi-chevron-down {  color: white;  margin-left: 5px; }  .dropdown-menu {  margin-top: 5px; } .header_login {  padding: 15px 0; } .header_guest .header_nav_left .sidemenu_content, .header_login .header_nav_left .sidemenu_content {  padding: 0.8rem 40px;  position: relative; } .header_guest .header_nav_left .sidemenu_content-x, .header_login .header_nav_left .sidemenu_content-x {  position: absolute;  top: 0.5rem;  right: 20px;  color: var(--secondary);  font-size: 20px;  cursor: pointer; } .header_guest .header_nav_left .sidemenu_content a, .header_login .header_nav_left .sidemenu_content a {  border-bottom: solid 1px var(--secondary);  font-family: "Titillium";  padding-bottom: 3px;  margin-bottom: 3px; } .header_guest .header_nav_left .sidemenu_content h4, .header_login .header_nav_left .sidemenu_content h4 {  margin-bottom: 20px; } .header_guest .header_nav_left .sidemenu_content h6, .header_login .header_nav_left .sidemenu_content h6 {  margin-bottom: 12px; } .header_guest .header_nav_left .sidemenu_content .socials a, .header_login .header_nav_left .sidemenu_content .socials a {  border-bottom: 0; } header {  position: absolute;  width: 100%;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  background-color: white;  z-index: 2; } header .header {  max-height: 36px; } header .header_nav_left {  display: flex;  align-items: center;  justify-content: space-between; } header .header_nav_left .sidemenu {  z-index: 99999999999999;  max-width: 100%;  position: absolute;  top: 0;  left: 0;  overflow-x: hidden;  height: 100vh;  background: var(--secondaryLight);  transition: opacity 0.8s ease;  opacity: 0; } header .header_nav_left .sidemenu::-webkit-scrollbar {  display: none; } header .header_nav_left .sidemenu_content {  padding: 0.8rem 40px; } header .header_nav_left .sidemenu_content, header .header_nav_left .sidemenu_content-connected {  padding: 0.8rem 0.8rem 1.8rem; } header .header_nav_left .sidemenu_content h4, header .header_nav_left .sidemenu_content-connected h4 {  margin-top: 1rem; } header .header_nav_left .sidemenu_content h6, header .header_nav_left .sidemenu_content-connected h6 {  margin-top: 0.5rem;  margin-bottom: 0rem; } header .header_nav_left .sidemenu_content h4, header .header_nav_left .sidemenu_content a, header .header_nav_left .sidemenu_content-connected h4, header .header_nav_left .sidemenu_content-connected a {  color: var(--primary); } header .header_nav_left .sidemenu_content .socials, header .header_nav_left .sidemenu_content-connected .socials {  margin-left: 0; } header .header_nav_left .sidemenu_content .socials a + a, header .header_nav_left .sidemenu_content-connected .socials a + a {  margin-left: 0; } header .header_nav_left .sidemenu_content hr, header .header_nav_left .sidemenu_content-connected hr {  border-top: solid 1px var(--secondary);  margin-top: 0.2rem; } header .header_nav_left .sidemenu_content a, header .header_nav_left .sidemenu_content-connected a {  color: var(--secondary);  display: block; } header .header_nav_left .sidemenu_content-connected h5 > a, header .header_nav_left .sidemenu_content-connected-connected h5 > a {  font-size: 20px; } header .header_nav_left .sidemenu_content-connected h5, header .header_nav_left .sidemenu_content-connected h6, header .header_nav_left .sidemenu_content-connected a, header .header_nav_left .sidemenu_content-connected .socials, header .header_nav_left .sidemenu_content-connected-connected h5, header .header_nav_left .sidemenu_content-connected-connected h6, header .header_nav_left .sidemenu_content-connected-connected a, header .header_nav_left .sidemenu_content-connected-connected .socials {  margin-left: 0.5rem; } header .header_nav_left .sidemenu_content-connected hr, header .header_nav_left .sidemenu_content-connected-connected hr {  border-top: solid 1px #e0e0e0; } header .header_nav_left .sidemenu_content-connected form, header .header_nav_left .sidemenu_content-connected-connected form {  padding: 0; } header .header_nav_left .sidemenu_content-connected .logout, header .header_nav_left .sidemenu_content-connected-connected .logout {  padding: 0;  width: 100%;  background: white;  color: var(--secondary);  border: none;  font-size: 1.25rem;  text-align: left;  max-width: none;  font-family: "Titillium", serif;  margin-left: 1rem; } header .header_nav_left .sidemenu_content-connected_jobs, header .header_nav_left .sidemenu_content-connected-connected_jobs {  transition: 0.3s ease;  overflow: hidden; } header .header .profile_menu {  position: relative; } .socials {  display: flex;  align-items: center;  justify-content: space-between;  padding: 1rem 0; } .carre {  width: 2rem;  height: 2rem;  border: solid var(--secondary) 2px;  display: flex;  align-items: center;  justify-content: center; } .icon-custom-user_icon {  margin-left: 1rem;  margin-right: 1rem; } .icon-loupe {  font-size: 1.3rem; } .se-connecter {  margin-left: 20px !important; } @media only screen and (max-width: 992px) {  header .header .profile_menu {   position: initial;  }  header .header .profile_dropdown {   top: 62px;   width: 100vw;   overflow-y: scroll;   transform: translate(0%, 0px);  }  header .header .profile_dropdown_content {   padding: 23px;  }  header .header .icon-menu_plein,  header .header .icon-loupe {   font-size: 20px;  } } @media only screen and (max-width: 767px) {  .header_login {   padding: 15px 0;  }  .header_guest {   padding: 19px 0;  }  .header_guest .header_nav_left .sidemenu_content-x,  .header_login .header_nav_left .sidemenu_content-x {   color: white;  }  header .header_nav_left {   width: 100%;  } } .notifications .dropdown-item {  white-space: wrap !important; } @media screen and (max-width: 992px) {  .notifications-count {   display: none;  }  #dropdownMenuOffresEmploi:hover {   background-color: transparent !important;  }  #dropdownMenuOffresEmploi .bi {   font-size: 10px !important;  }  #dropdownMenuOffresEmploi .dropdown-text {   font-size: 14px !important;   font-weight: normal !important;  } } .profile_dropdown_content_container > ul > li > a {  font-size: 22px !important;  font-weight: bold;  margin: 0 !important;  line-height: 1.2; } .profile_dropdown_content_container > ul > li > a:hover {  background-color: transparent; } .profile_dropdown_content_container ul ul > li {  margin-left: 20px; } .profile_dropdown_content_container ul ul > li > a:hover {  background-color: transparent; } .profile_dropdown_content_container hr {  margin-block: 0.5rem; } @media screen and (min-width: 993px) and (max-width: 1200px) {  .header__logout .header__bottom .header-nav-center ul li a {   font-size: 16px;  } } @media screen and (min-width: 992px) and (max-width: 1300px) {  .dropdown-menu-end {   right: 0 !important;   left: auto !important;   top: unset !important;   transform: none !important;  } } footer .section-title {  font-size: 23px;  font-weight: bold;  margin: 0 0 10px 0; } footer .subtitle {  font-size: 0.875rem;  font-weight: bold;  margin: 0 0 10px 0; } @media (min-width: 992px) {  .footer-custom .container-fluid {   max-width: none;  }  .footer-custom .container-fluid [class^=col-],  .footer-custom .container-fluid [class*=" col-"] {   padding-right: 15px;   padding-left: 15px;  } } @media (min-width: 768px) and (max-width: 1025px) {  .footer-custom .container-fluid [class^=col-],  .footer-custom .container-fluid [class*=" col-"] {   padding-right: 5px;   padding-left: 5px;  } } @media (min-width: 768px) and (max-width: 991px) {  footer .section-title {   font-size: 16px;   line-height: 1;  }  footer .subtitle {   font-size: 12px;  }  .footer-custom h4,  .footer-custom h6,  .footer-custom a {   font-size: 0.75rem;  }  .footer-custom .container-fluid .row {   justify-content: center;   flex-wrap: wrap;  }  .footer-custom .container-fluid [class^=col-],  .footer-custom .container-fluid [class*=" col-"] {   flex: 0 0 20%;   max-width: 20%;   padding-right: 5px;   padding-left: 5px;  } } @media (max-width: 767px) {  .footer-custom .container-fluid .row {   margin-right: 20px;   margin-left: 20px;  }  .footer-custom .container-fluid [class^=col-],  .footer-custom .container-fluid [class*=" col-"] {   padding-right: 5px;   padding-left: 5px;  }  footer .section-title {   margin: 0;  }  footer .subtitle {   font-size: 16px;   margin: 0 0 10px 0;  }  .mobile_footer_container {   display: none;  } } h6.footer-menu-text {  font-weight: 500 !important; } .mobile_footer {  position: fixed;  width: 100%;  bottom: 0;  background: var(--primary);  z-index: 2;  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.1607843137);  height: 75px; } .mobile_footer_container {  height: 75px; } .mobile_footer a {  border-top: var(--primary) 5px solid; } .mobile_footer .active {  border-top: var(--primary) 5px solid; } .mobile_footer section {  font-size: 0.75rem; } .mobile_footer h6 {  font-size: 0.75rem; } .mobile_footer .icon-custom-notifications {  position: relative; } .mobile_footer .icon-custom-notifications::after {  content: attr(data-count);  display: flex;  align-items: center;  justify-content: center;  width: 15px;  height: 15px;  border-radius: 50%;  background: red;  color: white;  position: absolute;  top: -12px;  right: 2px;  font-size: 0.6rem; } .card-accord .card-header {  background: transparent;  border: 0;  padding: 0;  margin-top: 5px; } .card-accord .card-header button {  padding: 0;  text-align: start;  background: transparent;  border: none;  color: #000;  cursor: pointer;  text-decoration: none;  display: flex;  align-items: center;  gap: 12px; } .card-accord .card-header button:focus {  box-shadow: none; } .card-accord .card-header button {  position: relative;  width: 100%;  padding-left: 30px !important; } .card-accord .card-header button:after {  content: "-";  color: #000;  width: 20px;  height: 20px;  position: absolute;  font-weight: bold;  font-size: 20px;  display: grid;  place-content: center;  border: 2px solid #000;  border-radius: 100%;  top: 6px;  left: 0; } .card-accord .card-header button.collapsed:after {  content: "+"; } .profile_dropdown_content_container hr {  border-top: 1px solid #d0d0d0; } .homepage {  position: relative; } .homepage_head {  text-align: center;  padding: 20px; } .homepage_head-logo {  max-width: 350px;  max-height: 71px;  width: 90%;  height: auto; } .homepage_head-title {  font-size: 22px;  margin: 0;  font-weight: normal; } .homepage_nav {  border-top: solid 1px #d0d0d0;  border-bottom: solid 1px #d0d0d0;  max-width: 1256px;  margin: auto; } .homepage_nav_content {  padding: 0.7rem 0; } .homepage_nav h6 {  margin-bottom: 0;  min-width: fit-content; } .homepage_nav h6:hover {  color: #2b2b2b; } .homepage_nav hr {  border-top: solid 1px #d0d0d0;  margin: 4px 0 0 0; } .homepage_section-hr {  margin-top: 0;  border-top: 2px solid #d0d0d0; } .homepage_section-title {  position: relative;  width: fit-content;  margin-bottom: 1rem;  color: var(--primary); } .homepage_section-title::before {  content: "\e90c";  font-family: "icomoon";  position: absolute;  top: 50%;  right: -20px;  transform: translate(0%, -25%) rotate(270deg);  font-size: 7px; } .homepage_category {  width: 50%;  margin: 5% auto 0; } .homepage_special_head, .homepage_training_head, .homepage_editorialist_head {  display: flex;  align-items: flex-start;  justify-content: space-between;  margin-bottom: 1rem; } .homepage_special_head_link, .homepage_training_head_link, .homepage_editorialist_head_link {  position: relative;  display: block;  transform: translate(-25px, 0); } .homepage_special_head_link:hover, .homepage_training_head_link:hover, .homepage_editorialist_head_link:hover {  opacity: 0.8; } .homepage_special_head_link::before, .homepage_training_head_link::before, .homepage_editorialist_head_link::before {  content: "\e90c";  font-family: "icomoon";  position: absolute;  top: 50%;  right: -35px;  transform: translate(0%, -50%) rotate(270deg); } .homepage_special_content, .homepage_training_content, .homepage_editorialist_content {  display: flex;  align-items: flex-start;  justify-content: space-between;  flex-wrap: wrap; } .homepage_special_content_item, .homepage_training_content_item, .homepage_editorialist_content_item {  width: 19%; } .homepage_special_content_item_img, .homepage_training_content_item_img, .homepage_editorialist_content_item_img {  background-position: center;  background-repeat: no-repeat;  background-size: cover;  height: 300px; } .homepage_special_content {  display: grid;  grid-template-columns: 489px 1fr 1fr 1fr;  gap: 1rem; } .homepage_special_content_item {  width: 100%;  border-top: solid 1px #707070;  padding-top: 20px;  width: 100%; } .homepage_special_content_item:hover {  opacity: 0.4; } .homepage_special_content_item_text {  background: #242424;  height: calc(100% - 163px);  display: flex;  flex-direction: column;  justify-content: space-between; } .homepage_special_content_item_text-footer {  font-family: Titillium, serif; } .homepage_special_content_item-first {  min-height: 250px;  position: relative;  cursor: pointer;  width: 100%;  height: 100%; } .homepage_special_content_item-first:hover {  opacity: 0.4; } .homepage_special_content_item-first img {  width: 100%;  height: 100%;  opacity: 0.4;  object-fit: cover; } .homepage_special_content_item-first h2 {  position: absolute;  top: 50%;  left: 40px;  right: 40px;  transform: translate(0%, -50%); } .homepage_special_content_item_img {  height: 163px; } .homepage_editorialist_row {  border: 3px solid black;  padding: 1rem 15px; } .homepage_leaders_head a:hover {  opacity: 0.8; } .homepage_leaders_head h6 {  position: relative;  margin-right: 10px; } .homepage_leaders_head h6::before {  content: "\e90c";  font-family: "icomoon";  position: absolute;  top: 55%;  font-size: 0.5rem;  right: -15px;  transform: translate(0%, -50%) rotate(270deg); } .homepage_infolettre {  position: sticky;  background: #d3d3d3;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  padding: 40px;  bottom: 20px;  max-width: 600px;  margin: 10px 0 10px auto;  font-family: Titillium, serif; } .homepage_infolettre input {  text-align: center;  border: 1px solid #a8a8a8;  border-radius: 2px;  width: 100%;  font-family: Titillium, serif; } .homepage_infolettre input::placeholder {  color: #a8a8a8;  font-family: Titillium, serif; } .homepage_infolettre_x {  position: absolute;  right: 15px;  top: 10px;  font-weight: bold;  font-size: 1.5rem;  cursor: pointer;  font-family: Titillium, serif; } .homepage_sidebar_section {  border: solid 1px black;  padding: 5px; } .homepage_sidebar_section-title {  font-size: 30px;  font-weight: bold; } .homepage_sidebar_section_dropdown {  display: flex;  align-items: flex-start;  justify-content: space-between; } .homepage_sidebar_section_dropdown-content {  width: 100%;  height: 1.8rem;  overflow-y: auto;  border: solid 1px black;  padding: 0 0.3rem; } .homepage_sidebar_section_dropdown-content::-webkit-scrollbar {  display: none; } .homepage_sidebar_section_dropdown-icon {  width: 1.8rem;  height: 1.8rem;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  background: black;  margin-left: 3px; } .homepage_sidebar_section_dropdown-icon::before {  content: "\e90c";  font-family: "icomoon";  color: white;  font-size: 0.5rem; } .homepage_sidebar_section_title {  text-align: center;  border-bottom: solid 1px black;  padding-bottom: 1rem;  font-size: 22px;  font-weight: bold; } .homepage_sidebar_section_blog {  display: flex;  align-items: flex-start;  justify-content: space-between;  border-bottom: 1px solid #d6d6d6;  margin-top: 0.5rem; } .homepage_sidebar_section_blog:last-child {  border-bottom: none; } .homepage_sidebar_section_blog_number {  font-size: 30px;  font-weight: bold; } .homepage_sidebar_section_blog_content {  width: 80%;  margin-left: 10px; } .homepage_sidebar_section_blog_content-title {  font-size: 18px;  font-weight: bold; } .homepage_sidebar_section_blog_content-title:hover {  text-decoration: underline;  color: #505050; } .homepage_sidebar_section_hr {  border-top: solid 2px var(--secondary); } .homepage_sidebar_section_jobs {  display: flex;  justify-content: space-between;  border-bottom: solid 2px var(--secondary);  padding: 1rem 0;  margin: 0 0 1.2rem; } .homepage_sidebar_section_jobs:last-child {  border-bottom: none; } .homepage_sidebar_section_jobs img {  max-width: 5rem;  max-height: 2rem;  margin: 0 0 0 auto; } .homepage_sidebar_section_jobs .heart, .homepage_sidebar_section_jobs .heart-fill {  width: 30px;  margin: 0 0 0 auto; } .homepage_sidebar_socials_item {  color: var(--secondary);  display: flex;  align-items: center;  justify-content: center;  border-bottom: solid 2px #d0d0d0;  padding: 0.5rem 0;  margin: 0.8rem 0; } .section-title-link {  font-size: 26px;  text-decoration: none;  color: inherit; } .category_nav {  margin-bottom: 20px;  overflow-x: auto;  overflow-y: hidden;  margin: auto;  max-width: 850px;  padding: 10px 0; } .category_nav h4 {  margin-bottom: 0;  font-weight: normal; } .category_nav h4 a {  font-size: 16px;  color: var(--secondary); } .category_nav h4 a:hover {  border-bottom: solid var(--primary) 5px;  color: var(--primary);  padding: 0 0 6px; } .category_nav h4:last-child a {  color: #696969; } .category_nav h4:last-child a:hover {  color: var(--primary); } .category_nav_container {  background: white;  position: sticky;  top: 61px;  z-index: 1;  box-shadow: 0 5px 6px -4px rgba(0, 0, 0, 0.1607843137); } .category_nav .active {  border-bottom: solid var(--primary) 5px;  color: var(--primary);  padding: 0 0 6px; } .category_nav .archive {  color: #696969; } .category_nav h4 + h4 {  margin-left: 1rem;  min-width: fit-content; } .response_infolettre {  display: none;  position: sticky;  right: 0;  bottom: 5% !important; } @media only screen and (max-width: 991px) {  .homepage_head {   display: none;  }  .homepage .category_nav h4 a {   font-size: 16px;  }  .homepage_category {   width: 100%;  }  .homepage_special_content {   display: block;  }  .homepage_special_content_item {   width: 100%;  }  .homepage_special_head_link, .homepage_training_head_link, .homepage_editorialist_head_link {   width: fit-content;  }  .homepage_infolettre {  bottom: 0;   padding: 30px 20px 20px;  }  .homepage_infolettre button {   width: 100%;  } } .home-page-category-flex {  flex-direction: row; } @media only screen and (max-width: 768px) {  .homepage_section-title {   margin-top: 1rem;  }  .flex-direction-column {   flex-direction: column;  } } main:has(.connexion) {  margin-top: 3rem; } .connexion .container {  max-width: 1280px; } .connexion .container .annuler-btn {  font-size: 16px;  line-height: 30px;  color: var(--primaryNew);  font-family: "Titillium", serif; } .connexion .container .connexion {  margin-top: 1.5rem; } .connexion .container .connexion_content {  text-align: center;  border: solid 2px black;  margin: 0 auto 2rem;  max-width: 512px;  padding: 3.5rem; } .connexion .container .connexion_content .connexion-head {  font-size: 32px;  font-weight: bold;  margin-bottom: 0; } .connexion .container .connexion_content .droit-brand {  font-size: 30px;  color: var(--primaryNew);  font-family: "Arial Black", sans-serif;  margin-bottom: 1rem; } .connexion .container .connexion_content .connexion_btn .form-group {  margin-bottom: 0; } .connexion .container .connexion_content .connexion_btn .form-group:first-child {  margin-bottom: 10px; } .connexion .container .connexion_content .connexion_btn .form-group button::before {  font-size: 1.5rem;  inset: 50% auto auto 16px; } .connexion .container .connexion_content .connexion_btn .form-group:first-child button::before {  font-size: 2.5rem;  inset: 50% auto auto 10px; } .connexion .container .connexion_content .connexion_btn .btn-secondary {  border: solid 1.5px lightgray;  font-size: 16px;  font-weight: 400;  height: 40px;  gap: 1.5rem;  padding-inline: 5rem; } .connexion .container .connexion_content .field-loginformcandidate-email {  margin-bottom: 12px; } .connexion .container .connexion_content .afficher {  float: right;  margin-top: -2rem;  margin-right: 1.5rem;  position: relative;  z-index: 2;  cursor: pointer;  font-weight: bold;  text-decoration: underline; } .connexion .container .connexion_content .entrez-votre {  margin-block: 20px;  display: flex;  flex-direction: column;  justify-content: space-between; } .connexion .container .connexion_content .entrez-votre p {  font-size: 16px;  line-height: 20px; } .connexion .container .connexion_content label {  text-align: left; } .connexion .container .connexion_content input, .connexion .container .connexion_content input:focus {  background: #d9e8ff;  border-radius: 0;  border: none; } .connexion .container .connexion_content .btn-tertiary {  width: 100%; } .connexion .container .connexion_content .required-star:after {  content: " *";  color: red; } .connexion .container .connexion_content .field-email .help-block, .connexion .container .connexion_content .field-password .help-block {  color: red; } .connexion .container .connexion_content .field-email .help-block:after, .connexion .container .connexion_content .field-password .help-block:after {  content: " *";  color: red; } .connexion .container .connexion_content .mot-de-passe {  font-size: 16px;  margin-bottom: 32px; } .connexion .container .connexion_content .pas-de-compte p {  font-size: 16px;  color: black;  margin-bottom: 20px; } .connexion .container .connexion_content .pas-de-compte a {  font-size: 16px; } @media only screen and (max-width: 766px) {  .connexion_content {   border: none;   padding: 2rem 1rem !important;  } } .custom-checkbox .custom-control-label::before {  top: 50%;  transform: translateY(-50%); } .terms-condition {  font-size: 14px; } .terms-condition a {  font-size: 14px; } @media (max-width: 768px) {  .connexion .container .connexion_content {   border: none;  }  .connexion_btn .btn-secondary {   padding-inline: 4rem !important;  } } input#signupform-password, input#signupform-password_repeat, input#loginformcandidate-password {  padding-right: 5.5rem !important; } .blog_view {  padding: 3rem 0; } .blog_view a.author-link {  color: inherit;  text-decoration: underline; } .blog_view a.author-link:hover, .blog_view a.author-link:focus {  text-decoration: none; } .blog_view .author-avatar {  width: 40px;  height: 40px;  border-radius: 50%;  object-fit: cover;  flex-shrink: 0; } .blog_view_socials {  position: sticky;  top: 125px; } .blog_view_socials .carre {  margin: 0 auto -2px;  width: 50px;  height: 50px; } .blog_view-category {  position: relative !important; } .blog_view-img {  width: 100%; } .blog_view-netiquette {  position: relative;  border: solid 2px black;  padding: 1rem; } .blog_view-netiquette .show-more-height {  height: 62px;  overflow: hidden; } .blog_view-netiquette .show-more {  text-align: center;  cursor: pointer;  font-weight: 500; } .blog_view-netiquette .show-more:hover {  background-color: var(--primary);  color: #fff; } .blog_view-note {  background: var(--primaryLight);  color: var(--primary);  padding: 1rem;  margin-bottom: 1rem; } .blog_view_comment-filter {  border-bottom: solid 1px var(--secondaryLight); } .blog_view_comment-filter-selected {  border-bottom: solid 1px black; } .blog_view_comment_content_footer {  display: flex;  align-items: center; } .blog_view_comment_content_footer .comment-heart, .blog_view_comment_content_footer .comment-heart-fill {  font-family: "bootstrap-icons";  font-size: 0.8rem;  color: var(--primary); } .blog_view_comment_content_footer .comment-heart::before, .blog_view_comment_content_footer .comment-heart-fill::before {  content: "\f417"; } .blog_view_comment_content_footer .comment-heart-fill::before {  content: "\f415"; } .short-comment-form {  width: calc(100% - 90px);  margin: 0 0 0 auto; } .comments .comment-date {  font-style: normal; } #cancel-reply {  color: white; } #cancel-reply:hover {  color: black; } .comment-box .comment-box-partial .comment-submit {  background: var(--primary);  color: white;  border: solid 2px var(--primary);  padding: 5px 20px;  font-size: 20px;  min-width: 230px;  border-radius: 0;  height: auto;  font-weight: bold; } .comment-box .comment-box-partial .comment-submit:hover {  background: var(--primaryDark);  border: solid 2px var(--primaryDark); } @media screen and (max-width: 992px) {  .blog_view_socials {   position: static;  }  .blog_view_socials .carre {   margin: 0 -2px 0px auto;  } } .job_title_font_size {  font-size: 24px;  line-height: 30px; } .job_list_item2 {  border: none !important;  border-bottom: 1px solid #9b9b9b !important; } .job_list_item_company2 {  font-size: 24px;  line-height: 30px;  text-decoration: none !important;  color: #969696 !important; } .job-list-hover .job_list_item:hover {  border: 2px solid var(--secondary); } .job_nav {  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137); } .job_nav_container {  display: flex;  justify-content: space-between;  max-width: 500px;  margin: 0 auto;  padding: 5px 0;  overflow: auto; } .job_nav_container::-webkit-scrollbar {  display: none; } .job_nav_item {  margin: 0 5px; } .job_nav_item-selected {  border-bottom: solid 2px black; } .job_head {  padding: 3rem 0;  background: url(https://www.droit-inc.com/img/OFFRES_EMPLOI.jpg) center/cover no-repeat;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  position: relative; } .job_pub {  background: #f7f7f7;  padding: 1.5rem 0;  margin-bottom: 1rem; } .job_form_search {  display: flex;  flex-wrap: wrap;  position: relative;  max-width: calc(100% - 100px);  margin: auto; } .job_form_search-input {  border: solid 2px black;  border-radius: 0;  height: 50px;  margin: 0;  width: calc(100% - 150px - 50px); } .job_form_search-input::placeholder {  color: var(--secondary); } .job_form_search-input input {  width: 60%; } .job_form_search-input input + input {  border-left: solid 2px black;  border-radius: 0; } .job_form_search_filter_container {  display: none;  position: absolute;  background: white;  border: 2px solid #000000;  padding: 15px;  margin: -2px 0 0 0;  width: 100%;  left: 0px;  z-index: 1; } .job_form_search_filter_container_title {  position: relative;  font-weight: bold;  font-size: 20px; } .job_form_search_filter_container_title::before {  content: "+";  font-size: 20px;  position: absolute;  font-weight: bold;  inset: 50% 0 auto auto;  transform: translate(-50%, -50%);  display: none; } .job_form_search_filter_container_content {  margin: 1rem 0 0 0; } .job_form_search_filter_container_content_item {  display: flex;  align-items: center;  margin-top: 5px; } .job_form_search_filter_container_content_item input:checked + .job_form_search_filter_container_content_square::before {  content: "✔"; } .job_form_search_filter_container_content_square {  width: 1.5rem;  min-width: 1.5rem;  height: 1.5rem;  min-height: 1.5rem;  margin: 0 1rem 0 0;  border: #000000 solid 2px;  position: relative; } .job_form_search_filter_container_content_square::before {  content: "";  font-size: 1.2rem;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); } .job_form_search_filter_container_content_text {  font-size: 1rem; } .job_form_search_filter-btn {  height: 50px;  width: 52px;  min-width: auto;  padding: 0;  display: flex;  align-items: center;  border: 2px solid #000000;  justify-content: center; } .job_form_search_filter-btn:first-child {  min-width: 152px;  margin-left: -4px;  background: white;  cursor: pointer; } .job_filters {  display: flex;  align-items: center;  margin: 1rem auto 0;  overflow: auto;  max-width: fit-content;  gap: 10px; } .job_filters_item {  border: solid 2px black;  padding: 3px 5px;  font-weight: bold;  background: white;  display: flex;  align-items: center;  min-width: fit-content;  cursor: pointer; } .job_filters_item span {  margin-left: 8px; } .job_index-infos_alert input:checked + .job_index-infos_alert_toggle::before {  background: var(--primaryLight); } .job_index-infos_alert input:checked + .job_index-infos_alert_toggle::after {  transform: translate(60%, -50%); } .job_index-infos_alert_toggle {  padding: 0 80px 0 0; } .job_index-infos_alert_toggle::before {  background: var(--primaryLight);  border-radius: 0;  width: 50px;  left: 78%;  height: 20px; } .job_index-infos_alert_toggle::after {  background: var(--primary);  border-radius: 0;  width: 30px;  left: 76%;  height: 30px; } .job_list_item {  border: 2px solid var(--secondary);  padding: 1rem 1rem 0;  margin-bottom: 1rem;  cursor: pointer; } .job_list_item_data a {  color: var(--primary);  text-decoration: none; } .job_list_item_data a:hover {  text-decoration: underline; } .job_list_item .job-link-block {  text-decoration: none;  color: inherit;  display: block; } .job_list_item-selected h5 {  text-decoration: underline; } .job_list_item-border-bottom {  border: none;  border-bottom: solid 1px #d0d0d0; } .job_list_item-border-bottom:hover .job_list_item_title a {  text-decoration: none; } .job_list_item-border-bottom:last-child {  border: none; } .job_list_item .job_list_item_company {  text-decoration: none;  color: var(--primary); } .job_list_item .job_list_item_company:hover {  text-decoration: underline; } .job_list_item .job_list_item_company_no_link {  color: black; } .job_list_item .job_list_item_company_no_link:hover {  text-decoration: none; } .job_list_item .job_list_item_title a:hover {  text-decoration: underline; } .job_list_item_head {  display: flex;  margin-bottom: 1rem;  justify-content: space-between; } .job_list_item_head_logo-right {  max-width: 70px;  max-height: 30px; } .job_list_item_head img {  max-width: 85px;  max-height: 50px; } .job_list_item_head_vedette {  background: var(--primary);  color: white;  padding: 3px 10px;  font-weight: bold; } .job_list_item_footer {  display: flex;  align-items: center;  justify-content: space-between;  margin-top: 1rem; } .job_description_sticky {  position: sticky;  top: 163px;  height: calc(88vh - 38px - 1.2rem - 1.2rem);  overflow: auto;  border: 2px solid var(--secondaryLight);  padding: 20px; } .job_description_sticky::-webkit-scrollbar {  display: none; } .job_description_head {  border-bottom: 2px solid var(--secondary);  margin-bottom: 1rem;  position: sticky; } .job_description_head_top {  display: flex;  justify-content: space-between; } .job_description_head_top_logo {  max-width: 100px;  max-height: 50px; } .job_description_head_top-title {  font-size: 24px; } .job_description_head_bottom {  display: flex;  align-items: center;  justify-content: space-between;  padding: 1rem 0px; } .job_description_head_bottom_apply {  background: var(--primary);  border: none; } .job_description_head_bottom_apply:hover {  background: var(--primaryDark);  border: none; } .job_description_content {  overflow-y: scroll;  max-height: 500px; } .job_description_content_description {  font: normal normal 18px/24px Titillium; } .job_description_content_description .social-share {  flex-direction: row;  margin: 1rem 0; } .job_description_content_description .social-share li {  border-left: none; } .job_description_content_description .social-share li:first-child {  border-left: solid 2px black; } .job_description_content_description .social-share li:last-child {  border-right: solid 2px black; } .job_description_content::-webkit-scrollbar {  display: none; } .job_description .carre {  margin: 0 0 1rem -2px; } .job_description .carre:first-child {  margin-left: 0; } .job_reminder {  border: solid 1px black;  padding: 10px 10px; } .job_reminder-title {  font-size: 24px;  font-weight: bold;  margin: 0 0 10px 0; } .job_reminder_item {  border-bottom: solid 1px #d0d0d0;  margin-bottom: 20px;  padding-bottom: 20px; } .job_reminder_item-name {  font-size: 22px;  font-weight: bold;  margin: 0 0 10px 0; } .job_reminder_item-name:hover {  text-decoration: underline; } .job-detail__left {  border-radius: 0; } .job-detail .job__content__detail__container {  margin: 0; } @media screen and (max-width: 1200px) {  .job_index-content_list_item_description-description .social-share {   display: none;  }  .job_list_item {   border-color: var(--secondary);  } } @media screen and (max-width: 767px) {  .job_filters {   display: block !important;   max-width: unset;  }  .job_filters_item {   margin-bottom: 6px;   position: relative;  }  .job_filters_item span {   position: absolute;   right: 10px;  } } @media screen and (max-width: 768px) {  .job-detail .job__content__detail__container {   margin: 0;  }  .job-detail .job__content__detail__container__sticky {   padding: 20px 20px 0;  }  .job-detail .job__content__detail__container__sticky__container {   top: 85px;  }  .job-detail .job__content__detail__container__icon {   padding: 0 20px;  }  .job-detail .job__content__detail__container__context {   padding: 0 20px;  }  .job_head {   background: none;   padding: 30px 0;  }  .job_form_search {   max-width: 100%;  }  .job_form_search-input {   width: 100%;   height: fit-content;  }  .job_form_search-input input {   width: 100%;   min-height: 40px;  }  .job_form_search-input input + input {   border-top: solid 2px black;   border-left: none;  }  .job_form_search_filter {   width: calc(100% - 40px);  }  .job_form_search_filter_container {   width: 100%;   padding-right: 0;   padding-left: 0;  }  .job_form_search_filter_container hr {   border-top: solid 1px grey;  }  .job_form_search_filter_container_title {   margin: 0 20px;   font-weight: normal;  }  .job_form_search_filter_container_title:first-child {   width: 100%;  }  .job_form_search_filter_container_title::before {   display: block;  }  .job_form_search_filter_container_content {   display: none;  }  .job_form_search_filter-btn {   margin-top: -2px;   width: 40px;   height: 40px;  }  .job_form_search_filter-btn:first-child {   margin-left: 0;   max-height: 40px;   width: 100%;  }  .job_index-infos_alert {   text-align: right;   margin-top: 1rem;  } } @media (min-width: 768px) and (max-width: 992px) {  .job_form_search-input {   display: block !important;   height: auto !important;  }  .job_form_search-input input {   width: 100% !important;   border-left: none !important;  }  .job_form_search-input input + input {   border-top: 2px solid var(--secondary);  } } .job_saved {  margin: 2rem 0; } .job_saved_nothing {  padding: 60px;  border: solid 2px black;  text-align: center;  max-width: 500px;  margin: auto; } .job_saved_nothing button {  margin: auto; } @media only screen and (max-width: 992px) {  .job_saved_nothing {   padding: 30px 10px;  }  .job_saved_nothing h2 {   font-size: 20px;  } } .homepage_training .events_training_item {  max-width: 300px;  width: 100%;  position: relative; } .events_training_item-title {  --max-lines: 3;  overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: var(--max-lines);  min-height: 60px; } .training-title-link, .training-title-link:hover {  font-size: 22px;  color: black;  text-decoration: none; } .custom-button {  background-color: black; } .custom-button:hover {  color: white;  background-color: black; } .eventTrainingGap {  gap: 1.3%; } .eventTraining {  max-width: 24%;  width: 100%; } .events_training_header {  padding: 3rem;  background: url(https://www.droit-inc.com/img/FORMATION.png) center/cover no-repeat;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  position: relative; } .events_training_header_form {  max-width: 992px;  margin: auto;  padding: 0; } .events_training_header_form input {  border: solid 2px black;  border-radius: 0;  width: 100%; } .events_training_header_form input::placeholder {  color: var(--secondary); } .events_training_header_form button {  padding: 7.5px 15px;  margin-top: 1rem; } .events_training_header_form_filters {  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between; } .events_training_header_form_filters_item {  margin-top: 1rem; } .events_training_header_form_filters_item-before {  margin-top: 1rem;  position: relative; } .events_training_header_form_filters_item-before::before {  content: "\e90c";  font-family: "icomoon";  font-size: 0.5rem;  position: absolute;  top: 50%;  right: 0.5rem;  transform: translate(0%, -50%); } .events_training_header_form_filters_item_date {  display: flex;  flex-direction: row-reverse; } .events_training_header_form_filters_item_date::-webkit-calendar-picker-indicator {  margin: 0 1rem 0 0; } .events_training_header_form_filters_item_select {  font-weight: normal;  padding: 6px 25px 6px 10px;  border: solid 2px black;  -webkit-appearance: none;  -moz-appearance: "none";  max-width: 200px;  background: white; } .events_training_add {  display: flex;  align-items: end;  border: solid 2px black;  padding: 0.8rem;  justify-content: center;  margin-bottom: 1rem; } .events_training_item {  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  margin-bottom: 2rem;  border-radius: 10px;  overflow: hidden;  cursor: pointer; } .events_training_item:hover {  background: #f2f2f2; } .events_training_item:hover .events_training_item_img {  opacity: 0.8; } .events_training_item:hover .events_training_item-title {  text-decoration: underline; } .events_training_item:hover button {  background: #2b2b2b;  border: #2b2b2b solid 2px; } .events_training_item_content img {  width: 100%;  height: 130px;  object-fit: contain; } .events_training_item_img {  height: 13rem;  width: 100%;  background: center/cover no-repeat; } .events_training_item_company-logo {  margin: 1.5rem auto 0.7rem auto;  display: block;  max-width: 100%;  width: 100%;  object-fit: none; } .events_training_item-title {  margin-bottom: 1rem; } .events_training_item-date {  color: #2b2b2b;  font-family: Titillium, serif;  font-size: 12px; } .events_training_item-online {  font-family: Titillium, serif; } @media screen and (max-width: 768px) {  .homepage_training .events_training_item {   max-width: 90%;  }  .eventTraining {   max-width: 100%;  }  .events_training_header_form input {   border-bottom: none;  }  .events_training_header_form button {   width: 100%;   max-width: 100%;   margin: 0;  }  .events_training_header_form_filters_item:nth-child(1) input {   border-right: none;  }  .events_training_header_form_filters_item, .events_training_header_form_filters_item-before {   width: 50%;   margin: 0;  }  .events_training_header_form_filters_item_select, .events_training_header_form_filters_item-before_select {   min-width: 100%;   border-bottom: 0;  }  .events_training_header_form_filters_item_select-first, .events_training_header_form_filters_item-before_select-first {   border-right: none;  }  .events_training_item {   max-width: 95%;   margin: 0 auto;   margin-bottom: 15px;  } } @media screen and (min-width: 768px) and (max-width: 1200px) {  .eventTraining {   max-width: 48%;  }  .events_training_item {   margin-bottom: 20px;  } } .events_training_view .social-share {  position: sticky;  top: 125px; } .events_training_view_content_head img {  max-height: 60px;  max-width: 200px; } .events_training_view img {  max-width: 100%;  height: auto;  margin: 0 auto;  display: block; } .authors_item, .authors .author {  cursor: pointer;  display: flex;  justify-content: space-between;  padding: 30px 0;  border-top: solid 2px #c3c3c3; } .authors_item:last-child, .authors .author:last-child {  border-bottom: solid 2px #c3c3c3; } .authors_item:nth-child(2n+1) .authors_item_content, .authors .author:nth-child(2n+1) .authors_item_content {  text-align: right; } .authors_item-img, .authors .author-img {  width: 287px;  height: 191px;  background: center no-repeat; } .authors_item_content, .authors .author_content {  width: calc(100% - 300px - 1rem); } .authors_item_content-name, .authors .author_content-name {  font-size: 24px; } .authors_item_content-description, .authors .author_content-description {  color: #777777; } .authors .author {  border: none !important;  margin: auto;  max-width: 1120px;  justify-content: flex-start;  cursor: inherit; } .authors .author .number-of-posts {  font-size: 18px;  font-weight: normal;  line-height: 27px;  text-align: center;  margin-top: 13px;  display: block; } .authors .author-img {  width: 129px;  height: 129px;  background-size: cover !important;  border-radius: 50%; } .authors .author_content {  margin-left: 60px;  width: calc(100% - 180px - 60px); } .authors .author_content-name {  font-size: 47px;  font-weight: bold;  line-height: 71px; } .authors .author_content-description p {  color: var(--secondary);  font-size: 30px;  font-weight: normal;  line-height: 40px; } .author-details-nav {  border-top: solid 1px black;  border-bottom: solid 1px black;  padding-block: 18px;  margin-block: 40px; } .author-details-nav ul {  list-style: none;  padding: 0;  margin: 0;  display: flex;  gap: 80px; } .author-details-nav ul li a {  font-size: 24px;  font-weight: normal;  line-height: 36px;  cursor: pointer;  color: black; } .author-details-nav ul li a:hover {  text-decoration: underline; } .author-details-nav ul li a.active {  font-weight: bold;  text-decoration: underline; } h2#about, h2#contact, h2#articles {  scroll-margin-top: 120px; } .bio, .contact, .articles {  padding-bottom: 46px;  margin-bottom: 46px;  border-bottom: solid 1px black; } .contact ul {  list-style: none;  padding: 0; } .contact ul li {  font-size: 20px;  line-height: 31px;  margin-bottom: 20px; } .authors .contact a, .authors .contact a:visited {  color: inherit !important;  text-decoration: none !important;  font-size: 20px !important; } .authors .contact a:hover, .authors .contact a:focus {  color: inherit !important;  text-decoration: underline !important; } .bio h2, .contact h2 {  font-size: 24px;  font-weight: bold;  line-height: 36px; } .bio p, .contact p {  font-size: 22px;  line-height: 32px;  color: var(--secondary); } .bio ul li, .contact ul li {  font-size: 22px;  line-height: 32px; } .authors .contact li {  font-size: 20px !important;  line-height: 31px !important; } @media (max-width: 768px) {  .author {   flex-direction: column !important;  }  .author-img {   margin: 0 auto;  }  .author_content {   margin-left: 0 !important;   width: 100% !important;  }  .author-details-nav ul {   gap: 20px;   justify-content: space-between;  } } .about_head {  position: relative;  padding: 3rem 0;  margin: 0 0 2rem 0; } .about_head_rectangle {  border: solid 4px var(--secondary);  width: 50%;  height: calc(100% - 3rem - 6rem);  position: absolute;  left: 0;  bottom: 0;  z-index: -1; } .about_head img {  width: 85%;  margin: 0 0 0 5%; } .about_head_content {  position: absolute;  top: 50%;  transform: translate(0%, -50%);  right: 0;  background: var(--primaryLight);  padding: 25px;  max-width: 500px; } .about_head_content div {  max-width: 55px;  border: solid 1px var(--secondary); } .about_text-left {  border-left: solid 4px var(--secondary);  height: fit-content;  padding: 0 10%;  margin: 3rem 0 0; } .about_text-right {  position: relative;  width: 100%; } .about_text-right img {  margin: 0 0 0 auto;  max-width: 90%; } .about_text-right div {  position: absolute;  bottom: -3rem;  left: -10%;  background: var(--primaryLight);  width: 330px;  height: calc(100% - 1rem);  z-index: -1; } .about_mission {  margin: 3rem 15px; } .about_mission h2 {  position: relative;  width: fit-content; } .about_mission h2::before {  content: "";  width: 55px;  border: solid 1px var(--secondary);  position: absolute;  bottom: -1rem;  right: 0; } .about_mission_item {  border-top: solid 3px var(--secondary);  padding: 1.5rem 0 0; } .about_editor {  margin: 8rem 0 0;  position: relative;  max-width: 100vw; } .about_editor_content {  position: relative; } .about_editor_content::before {  content: "";  width: 0;  height: 0;  border-top: 308px solid transparent;  border-left: 100vw solid var(--primaryLight);  border-bottom: 0px solid transparent;  z-index: -1;  position: absolute;  top: -220px;  left: 0; } .about_editor_content::after {  content: "";  width: 100%;  height: calc(100% - 3rem - 40px);  background: var(--primaryLight);  z-index: -1;  position: absolute;  bottom: 0px;  left: 0; } .about_editor h2 {  position: relative; } .about_editor h2::before {  content: "";  width: 55px;  border: solid 1px var(--secondary);  position: absolute;  bottom: -1rem;  left: 0; } .about_editor_images {  background: var(--primaryLight); } .about_editor_images_content {  position: relative;  height: 700px; } .about_editor_images_content-1 {  position: absolute;  left: 55%;  transform: translate(-50%, 0%);  top: 403px;  z-index: 1; } .about_editor_images_content-2 {  position: absolute;  left: 45%;  transform: translate(-50%, 0%);  top: 89px; } .about_editor_images_content-3 {  position: absolute;  left: 23%;  transform: translate(-50%, 0%);  top: 55px;  z-index: 1; } .about_editor_images_content-4 {  position: absolute;  left: 73%;  transform: translate(-50%, 0%);  top: 144px;  z-index: 1; } @media only screen and (max-width: 1379px) {  .about_editor_images_content-1 {   left: 57%;  }  .about_editor_images_content-3 {   left: 20%;  }  .about_editor_images_content-4 {   left: 78%;  } } @media only screen and (max-width: 1199px) {  .about_editor_images_content-1 {   left: 60%;  }  .about_editor_images_content-3 {   left: 15%;  }  .about_editor_images_content-4 {   left: 83%;  } } @media only screen and (max-width: 991px) {  .about { }  .about_head {   padding: 1rem 0 0;  }  .about_head_rectangle {   display: none;  }  .about_head img {   width: 100%;   margin: 0;  }  .about_head_content {   position: relative;   transform: translate(0%, 0%);   max-width: none;   margin: 1rem 0 0;  }  .about_text {   flex-direction: column-reverse;  }  .about_text-left {   padding: 0 0 0 5%;  }  .about_text-right div {   display: none;  }  .about_text-right img {   width: 100%;   max-width: 100%;  }  .about_mission h2 {   width: 100%;   border-bottom: 5px solid var(--secondary);   padding: 0 0 40px;   margin: 0;  }  .about_mission h2::before {   right: auto;   bottom: 1.5rem;  }  .about_mission_item {   margin-top: 1rem;   border: none;   padding: 0;  } } @media only screen and (max-width: 767px) {  .about_editor_images_content-1 {   max-width: 30vw;   min-width: 100px;  }  .about_editor_images_content-2 {   max-width: 60vw;   min-width: 140px;  }  .about_editor_images_content-3 {   max-width: 30vw;   min-width: 100px;  }  .about_editor_images_content-4 {   max-width: 30vw;   min-width: 100px;  } } @media only screen and (max-width: 575px) {  .about_editor_images_content {   height: calc(400px + 35vw);  }  .about_editor_images_content::before {   top: -132px;   border-top: 220px solid transparent;  }  .about_editor_images_content-1 {   top: 70vw;  } } .archive_head {  padding: 3rem 0;  background: url(https://www.droit-inc.com/img/IMG_ARCHIVES_1.jpg) center/cover no-repeat; } .archive_head form input, .archive_head form select {  border: 3px solid #000000;  border-radius: 0;  padding: 6px 12px;  font-weight: normal;  background: white; } .archive_head form input::placeholder, .archive_head form select::placeholder {  color: var(--secondary); } .archive_head form input option, .archive_head form select option {  font-weight: normal; } .archive_head form .hasDatepicker {  position: relative; } .archive_head form .hasDatepicker::before {  content: "test";  position: absolute;  inset: 50% auto auto 10px; } .archive_head_filters {  display: flex;  align-items: center;  justify-content: space-between; } .archive_head_filters .form-group {  margin-bottom: 0;  margin-right: 1rem; } .archive_head_filters .form-group ~ .form-group {  margin-left: 1rem; } .archive_blog {  border-bottom: var(--secondary) solid 3px; } .archive_blog select {  font-weight: normal;  border: none;  color: #585858;  font-size: 14px; } .archive_blog_item {  padding: 15px 0;  border-bottom: #b8b8b8 solid 3px;  cursor: pointer; } .archive_blog_item-date {  font-size: 22px; } @media screen and (max-width: 1200px) {  .archive_head_filters select, .archive_head_filters input {   max-width: 200px;  }  .archive_head_filters button {   min-width: 100%;  } } @media screen and (max-width: 992px) {  .archive_head_filters {   flex-wrap: wrap;  }  .archive_head_filters .form-group {   width: 100%;   margin: 0;  }  .archive_head_filters .form-group ~ .form-group {   margin: 0;  }  .archive_head_filters select, .archive_head_filters input {   max-width: 100%;   width: 100%;  }  .archive_head_filters button, .archive_head_filters b {   margin-top: 1rem;  } } #location-select select {  width: 100%;  max-width: unset !important; } #cv-upload-form {  display: none; } .lawyer {  position: relative; } .lawyer_head {  padding: 40px 0;  background: url(https://www.droit-inc.com/img/repertoire_avocats_desktop.png) center/cover no-repeat; } .lawyer_head_form {  max-width: 920px;  margin: auto;  padding: 0; } .lawyer_head_form_input {  display: flex; } .lawyer_head_form_input .form-group {  width: 100%; } .lawyer_head_form_input input {  width: 100%;  border: solid 2px black;  border-radius: 0;  height: 50px;  margin: 0; } .lawyer_head_form_input button {  min-width: 50px; } .lawyer_head_form_input-city {  border-left: 0px !important; } .lawyer_card {  display: flex;  flex-direction: column;  justify-content: space-between;  align-items: center;  text-align: center;  border: solid 2px black;  padding: 1rem;  margin: 0.5rem 0;  min-height: 300px; } .lawyer_card .profile-image-container {  overflow: visible !important;  border-radius: 50% !important;  position: relative !important;  width: 130px !important;  height: 130px !important; } .lawyer_card .profile-image-container .profile-photo {  border-radius: 50% !important;  width: 100% !important;  height: 100% !important;  object-fit: cover !important; } .lawyer_card .profile-image-container .curved-text {  position: absolute !important;  top: 0 !important;  left: 0 !important;  width: 100% !important;  height: 100% !important;  pointer-events: none !important;  overflow: visible !important;  transform: rotate(115deg) !important; } .lawyer_card .frame-openToWork {  border: 4px solid #ffba01 !important; } .lawyer_card .frame-hiring {  border: 4px solid #e36759 !important; } .lawyer_card_location {  color: #727272; } .lawyer_top {  margin-bottom: 30px;  width: 100%;  background: center/cover no-repeat;  position: relative; } .lawyer_top .lawyer_edit {  top: 20px;  right: 20px; } .lawyer_top .profile-image-container {  overflow: visible !important;  border-radius: 50% !important;  position: relative !important;  width: 130px !important;  height: 130px !important; } .lawyer_top .profile-image-container .profile-photo {  border-radius: 50% !important;  width: 100% !important;  height: 100% !important;  object-fit: cover !important; } .lawyer_top .profile-image-container .curved-text {  position: absolute !important;  top: 0 !important;  left: 0 !important;  width: 100% !important;  height: 100% !important;  pointer-events: none !important;  overflow: visible !important;  transform: rotate(115deg) !important; } .lawyer_top .frame-openToWork {  border: 4px solid #ffba01 !important; } .lawyer_top .frame-hiring {  border: 4px solid #e36759 !important; } .lawyer_oportunities {  position: relative;  min-height: 40px; } .lawyer_oportunities .lawyer_edit {  top: -8px;  right: 18px; } .lawyer_cv {  border: 3px solid #000000;  padding: 35px 70px 35px 35px; } .lawyer_cv-location {  color: #727272; } .lawyer_cv_head {  position: relative; } .lawyer_cv_head .lawyer_edit {  top: -20px;  right: -40px; } .lawyer_cv_contact {  font-size: 12px; } .lawyer_edit {  position: absolute;  width: 40px;  height: 40px;  background: #000000;  color: #fff;  cursor: pointer;  z-index: 0; } .lawyer_edit::before {  content: "\f4cb";  font-family: "bootstrap-icons";  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  z-index: 1; } .lawyer_profile {  position: sticky;  top: 95px; } .lawyer_profile_img {  width: 200px;  height: 200px;  position: relative;  margin: auto; } .lawyer_profile_img .lawyer_edit {  bottom: 0;  right: 0; } .lawyer_profile img {  min-width: 100%;  min-height: 100%;  max-width: 100%;  max-height: 100%;  object-fit: cover; } .lawyer_description, .lawyer_language, .lawyer_experience, .lawyer_education, .lawyer_competencies {  position: relative;  min-height: 40px; } .lawyer_description .lawyer_edit, .lawyer_language .lawyer_edit, .lawyer_experience .lawyer_edit, .lawyer_education .lawyer_edit, .lawyer_competencies .lawyer_edit {  top: 0;  right: -55px; } .lawyer_popup, .lawyer_popup-black {  position: absolute;  top: 50%;  left: 50%;  translate: -50% -50%;  max-height: 80vh;  max-width: 100vw;  overflow: auto;  z-index: 999;  padding: 25px 5vw;  display: none;  background: white;  cursor: initial; } .lawyer_popup-black {  background: black;  color: white;  padding: 0px;  width: 550px; } .lawyer_popup-black_content {  padding: 20px 20px; } .lawyer_popup-black_content_img {  width: 200px;  height: 200px;  background: center/cover no-repeat, white;  margin: 30px auto 0; } .lawyer_popup-black_content_background {  width: 500px;  max-width: 100%;  max-height: 100%;  height: 150px;  background: center/cover no-repeat, white;  margin: 30px auto 0; } .lawyer_popup-black_content_edit {  cursor: pointer; } .lawyer_popup-black_content_edit button {  min-width: auto;  border: none;  padding: 0; } .lawyer_popup-black_content .form-group {  margin-bottom: 0; } .lawyer_popup-black_content .bi {  color: white;  text-align: center;  display: block;  font-size: 2rem; } .lawyer_popup-black_content .save_background {  padding: 0;  font-family: "Playfair", serif;  max-width: none;  min-width: fit-content;  width: fit-content;  border: none;  font-size: 20px; } .lawyer_popup select, .lawyer_popup-black select, .lawyer_popup input, .lawyer_popup-black input, .lawyer_popup textarea, .lawyer_popup-black textarea {  border: solid 2px black;  padding: 10px;  border-radius: 0; } .lawyer_popup ul, .lawyer_popup-black ul {  list-style-type: disc; } .lawyer_popup_x {  position: absolute;  top: 20px;  right: 20px;  cursor: pointer; } .lawyer_popup_x::before {  content: "X";  font-weight: bold; } .lawyer_popup_filter {  display: flex;  align-items: center;  margin-bottom: 2rem; } .lawyer_popup_filter-item {  margin-right: 10px;  border: solid 2px black;  padding: 2px 5px;  font-weight: bold; } .lawyer_popup_filter-item span {  cursor: pointer;  margin-right: 5px; } .lawyer_popup_background {  width: 100vw;  height: 100vh;  position: fixed;  background: rgba(0, 0, 0, 0.4666666667);  top: 0;  z-index: 2;  display: none;  cursor: pointer; } .lawyer_popup .add, .lawyer_popup-black .add {  display: flex;  align-items: center;  cursor: pointer;  max-width: fit-content; } .lawyer_popup .add_carre, .lawyer_popup-black .add_carre {  display: flex;  align-items: center;  justify-content: center;  width: 20px;  height: 20px;  min-width: 20px;  min-height: 20px;  background: black;  color: white;  margin-right: 1rem; } .lawyer_popup .checkbox-row, .lawyer_popup-black .checkbox-row {  margin-top: 20px;  margin-bottom: 20px;  display: flex;  align-items: center; } .lawyer_popup .checkbox-row label, .lawyer_popup-black .checkbox-row label {  position: relative;  top: 4px; } .lawyer_popup .custom-checkbox, .lawyer_popup-black .custom-checkbox {  width: 20px;  height: 20px; } .lawyer_popup .custom-label, .lawyer_popup-black .custom-label {  margin-left: 8px;  font-size: 16px; } .lawyer_popup .dates input, .lawyer_popup-black .dates input {  border: none;  display: flex;  background: white;  padding: 0;  flex-direction: row-reverse; } .lawyer_popup .files, .lawyer_popup-black .files {  align-items: center; } .lawyer_popup .files input, .lawyer_popup-black .files input {  display: none; } .lawyer_popup .files_item, .lawyer_popup-black .files_item {  cursor: pointer; } .lawyer_popup .mention, .lawyer_popup-black .mention {  margin: -0.5rem 0 2rem; } @media screen and (max-width: 1200px) {  .lawyer_top {   margin-bottom: 2rem;  }  .lawyer_top img {   bottom: 0px;   left: 0px;   object-fit: contain;  }  .lawyer_profile {   position: sticky;   top: 95px;  }  .lawyer_profile_img {   bottom: -100%;   left: 20%;   transform: translate(-50%, -50%);   width: 130px;   height: 130px;   margin: inherit;  }  .lawyer_profile_img .lawyer_edit {   right: 0 !important;   bottom: 0;   top: auto;  } } @media screen and (max-width: 768px) {  .lawyer_profile_img {   right: 0px;   width: 130px;   height: 130px;  }  .lawyer_cv {   padding: 20px 50px 20px 20px;  }  .lawyer_cv_head .lawyer_edit {   top: -15px;   right: -30px;  }  .lawyer_description .lawyer_edit, .lawyer_language .lawyer_edit, .lawyer_experience .lawyer_edit, .lawyer_education .lawyer_edit, .lawyer_competencies .lawyer_edit {   top: 0;   right: -45px;  }  .lawyer_oportunities .lawyer_edit {   right: 8px;  }  .lawyer_edit {   width: 30px;   height: 30px;   font-size: 0.8rem;  }  .lawyer_top .lawyer_edit {   right: 8px;  }  .lawyer_top img {   width: 130px;   height: 130px;  }  .lawyer_head {   background: url(https://www.droit-inc.com/img/repertoire_avocats_mobile.png) center/cover no-repeat;  }  .lawyer_head_form_input {   flex-wrap: wrap;  }  .lawyer_head_form_input .form-group {   margin-bottom: 0;  }  .lawyer_head_form_input .form-group + .form-group {   width: calc(100% - 50px);  }  .lawyer_head_form_input-city {   border-top: 0px !important;   border-left: 2px solid var(--secondary) !important;  }  .lawyer_head_form_input .job_form_search_filter-btn {   min-height: 52px;  } } .secondSec {  background: #e8f3ff;  padding: 20px;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  margin: 0 auto 20px; } .secondSec .progress-sec .progress {  background: #fff;  border-radius: 25px;  width: 75%; } .secondSec .progress-sec .progress-bar {  background: #004ea5; } .listOfSteps {  max-width: 800px;  margin: 20px auto; } .listOfSteps li a {  color: #0056b3;  text-decoration: underline; } .listOfSteps .check {  width: 20px;  height: 20px;  display: inline-block;  margin-right: 20px; } .listOfSteps .check.green {  background-color: #4bff2a; } .listOfSteps .check.red {  background-color: #f60000; } .filters {  background-color: #f7f7f7;  margin-top: 15px; } .filters-wrapper {  display: grid;  grid-template-columns: 40% 20% 20% 15%;  gap: 1rem;  max-width: 1000px;  margin: 0 auto;  padding-block: 0.5rem; } .filters-wrapper .form-control {  height: 46.44px; } .filters-wrapper .filter--search, .filters-wrapper .filter--location {  padding-left: 40px; } .filters-wrapper .search-icon, .filters-wrapper .location-icon, .filters-wrapper .filter-icon {  position: absolute;  top: 50%;  transform: translateY(-50%);  pointer-events: none;  color: #888; } .filters-wrapper .filter-icon {  right: 10px;  color: #004ea5; } .filters-wrapper .search-icon, .filters-wrapper .location-icon {  left: 10px;  color: #333333; } .filters-wrapper .btn {  min-width: unset !important; } .wrapper-content {  max-width: 1200px;  display: grid;  grid-template-columns: 186px 1fr 186px;  gap: 1rem;  margin: 0 auto;  padding-inline: 0.5rem; } .wrapper-content .aside-left .upload-cv {  border: 1px dashed #004ea5;  padding: 2.5rem 1.5rem;  text-align: center;  margin-bottom: 1rem;  font-size: 16px;  line-height: 23px;  background-color: #f7f7f7;  cursor: pointer; } .wrapper-content .aside-left .upload-cv span {  font-weight: bold;  color: #004ea5; } .wrapper-content .aside-left .upload-cv .file-upload-label {  display: block;  text-decoration: none;  cursor: pointer;  margin: 0; } .wrapper-content .aside-left .upload-cv .file-upload-label span {  text-decoration: underline; } .wrapper-content .aside-left .upload-cv .file-upload-input {  display: none; } .wrapper-content .aside-left .cv-preview img {  max-width: 80%; } .wrapper-content .aside-left .cv-preview p {  color: #004ea5;  font-size: 16px;  font-weight: bold;  line-height: 20px;  text-decoration: underline;  cursor: pointer; } .wrapper-content .aside-left .aside-tabs {  border: 1px solid #004ea5;  padding: 1rem; } .wrapper-content .aside-right {  position: sticky;  top: 0; } .wrapper-content .aside-right .welcome {  border: 2px solid #000000;  border-radius: 25px;  padding: 1rem;  font-size: 16px;  font-weight: bold;  line-height: 22px;  position: sticky;  top: 130px;  z-index: 100; } .wrapper-content .profile-wrapper {  display: grid;  grid-template-columns: 1fr 3fr;  gap: 1rem; } .wrapper-content .profile-image {  width: 130px;  height: 130px;  border-radius: 50%;  border: 2px dashed #bfbfbf;  background-color: #f7f7f7;  display: grid;  place-items: center;  position: relative;  margin-inline: auto; } .wrapper-content .profile-image .editImage {  background: radial-gradient(closest-side at 50% 50%, #d9e8ff 0%, #7ea3dd 100%);  width: 40px;  height: 40px;  border-radius: 50%;  position: relative;  cursor: pointer;  min-width: unset !important;  border: 0;  padding: 0;  position: absolute;  bottom: 0;  right: 0; } .wrapper-content .profile-detail {  display: grid;  grid-template-columns: 1fr 50px;  gap: 1rem; } .wrapper-content .profile-detail .edit {  background: radial-gradient(closest-side at 50% 50%, #d9e8ff 0%, #7ea3dd 100%);  width: 40px;  height: 40px;  border-radius: 50%;  position: relative;  cursor: pointer;  min-width: unset !important;  border: 0;  padding: 0; } .wrapper-content .profile-detail .edit img {  position: absolute;  left: 50%;  top: 50%;  translate: -50% -50%; } .wrapper-content .profile-detail .designation {  font-size: 20px;  line-height: 24px;  font-weight: bold;  color: #0343a8;  margin-bottom: 10px;  cursor: pointer; } .wrapper-content .profile-detail .icon-list ul {  list-style-type: none;  padding: 0;  margin: 0; } .wrapper-content .profile-detail .icon-list ul li {  display: flex;  align-items: center;  margin-bottom: 0.5rem;  color: #004ea5;  font-size: 14px;  line-height: 21px;  font-weight: 600;  font-family: "Titillium", serif;  cursor: pointer;  transition: opacity 0.2s ease; } .wrapper-content .profile-detail .icon-list ul li:hover {  opacity: 0.8; } .wrapper-content .profile-detail .icon-list ul li img {  margin-right: 1rem;  pointer-events: none; } .wrapper-content .profile-detail .icon-list ul li .geolocalisation {  margin-right: 1.23rem;  pointer-events: none; } .wrapper-content .profile-detail .icon-list ul #displayPhone, .wrapper-content .profile-detail .icon-list ul #displayAddress {  cursor: pointer; } .wrapper-content .upload-cv {  border: 2px dashed #ddd;  padding: 20px;  text-align: center;  transition: background-color 0.3s ease; } .wrapper-content .upload-cv.dragging {  background-color: #f0f8ff;  border-color: #007bff; } .wrapper-content .loading-spinner-overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.5);  display: flex;  justify-content: center;  align-items: center;  z-index: 9999; } .wrapper-content .loading-spinner-content {  text-align: center;  background: #fff;  padding: 30px;  border-radius: 10px;  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); } .wrapper-content .loading-spinner-content p {  margin-top: 15px;  font-size: 16px;  color: #333; } .wrapper-content .checkbox-list {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 1rem;  place-items: center; } .wrapper-content .checkbox-list label {  font-size: 18px;  line-height: 30px;  font-weight: bold;  cursor: pointer;  margin-left: 1rem; } .wrapper-content .checkbox-list .form-check {  position: relative;  display: flex;  align-items: baseline; } .wrapper-content .checkbox-list .form-check .form-check-input {  position: absolute;  width: 20px;  height: 20px;  cursor: pointer; } .wrapper-content .tabs-section .nav-tabs {  border: none;  background: #000; } .wrapper-content .tabs-section .nav-tabs .nav-item a {  background-color: transparent;  border: none;  color: #fff;  font-family: "Titillium";  padding: 0 10px;  font-size: 20px;  font-weight: bold;  line-height: 35px;  margin: 10px;  border-radius: 10px; } .wrapper-content .tabs-section .nav-tabs .nav-item .nav-link.active {  background: #004ea5; } .wrapper-content .tabs-section .tab-content {  margin-top: 5px; } .wrapper-content .tabs-section .tab-content #cv .upload-cv {  background-color: #f7f7f7;  border: 2px dashed #bfbfbf;  padding: 2.165rem 5.625rem;  border-radius: 9px;  text-align: center;  margin-bottom: 1rem;  cursor: pointer;  font-size: 20px;  line-height: 22px;  margin: 1rem 2rem; } .wrapper-content .tabs-section .tab-content #cv .upload-cv span {  color: #004ea5;  font-weight: bold; } .wrapper-content .tabs-section .tab-content #cv .upload-cv .file-upload-label {  display: block;  text-decoration: none;  cursor: pointer;  margin: 0; } .wrapper-content .tabs-section .tab-content #cv .upload-cv .file-upload-label span {  text-decoration: underline; } .wrapper-content .tabs-section .tab-content #cv .upload-cv .file-upload-input {  display: none; } .wrapper-content .tabs-section .tab-content #cv .comparison {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 1.5rem; } .wrapper-content .tabs-section .tab-content #cv .comparison div {  padding-block: 1.5rem;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  gap: 1rem; } .wrapper-content .tabs-section .tab-content #cv .comparison div img {  display: block;  max-width: 100%; } .wrapper-content .tabs-section .tab-content #cv .comparison div span {  color: #004ea5;  font-size: 17px;  font-weight: bold;  line-height: 26px;  text-decoration: underline;  cursor: pointer; } .wrapper-content .tabs-section .tab-content #profil {  border: 1px solid lightgray; } .wrapper-content .tabs-section .tab-content #profil .header-tab {  display: grid;  grid-template-columns: 1fr 1fr;  align-items: center;  min-height: 60px;  padding-inline: 2rem;  background-color: #f4f8ff;  border: 2px solid #d9e8ff; } .wrapper-content .tabs-section .tab-content #profil .header-tab .list-edit-btn {  background: radial-gradient(closest-side at 50% 50%, #d9e8ff 0%, #7ea3dd 100%);  width: 40px;  height: 40px;  border-radius: 50%;  position: relative;  cursor: pointer;  padding: 0; } .wrapper-content .tabs-section .tab-content #profil .header-tab .add-btn {  justify-self: end; } .wrapper-content .tabs-section .tab-content #profil .header-tab .add-btn .add {  background: radial-gradient(closest-side at 50% 50%, #d9e8ff 0%, #7ea3dd 100%);  width: 40px;  height: 40px;  border-radius: 50%;  position: relative;  cursor: pointer;  display: grid;  place-items: center;  min-width: unset;  border: none;  padding: 0; } .wrapper-content .tabs-section .tab-content #profil .header-tab .add-btn .add i {  color: #0056b3; } .wrapper-content .tabs-section .tab-content #profil .header-tab h5 {  color: #004ea5; } .wrapper-content .tabs-section .tab-content #profil .header-tab .buttons {  display: flex;  justify-content: flex-end; } .wrapper-content .tabs-section .tab-content #profil .header-tab .buttons button {  min-width: unset !important;  background-color: transparent;  color: #000;  border: none;  font-size: 16px;  line-height: 24px;  font-weight: bold; } .wrapper-content .tabs-section .tab-content #profil .header-tab .buttons .to-register {  background-color: #0343a8 !important;  color: #fff !important;  border-radius: 4px; } .wrapper-content .tabs-section .tab-content #profil .buttons {  display: flex;  justify-content: flex-end; } .wrapper-content .tabs-section .tab-content #profil .buttons button {  min-width: unset !important;  background-color: transparent;  color: #000;  border: none;  font-size: 16px;  line-height: 24px;  font-weight: bold; } .wrapper-content .tabs-section .tab-content #profil .buttons .to-register {  background-color: #0343a8 !important;  color: #fff !important;  border-radius: 4px; } .wrapper-content .tabs-section .tab-content #profil .add-experience, .wrapper-content .tabs-section .tab-content #profil .add-training, .wrapper-content .tabs-section .tab-content #profil .add-compétences, .wrapper-content .tabs-section .tab-content #profil .add-langues {  text-align: center;  color: #7bc2cb;  padding-block: 1rem;  cursor: pointer; } .wrapper-content .tabs-section .tab-content #profil .period-container {  display: flex;  align-items: flex-start; } .wrapper-content .tabs-section .tab-content #profil .start-date, .wrapper-content .tabs-section .tab-content #profil .end-date {  display: flex;  flex-direction: column;  margin-right: 20px; } .wrapper-content .tabs-section .tab-content #profil .separator-text {  margin: 0 15px;  font-size: 24px;  line-height: 60px; } .wrapper-content .tabs-section .tab-content #profil .flex-btns button {  min-width: unset !important;  background-color: transparent;  color: #000;  border: none;  font-size: 16px;  line-height: 24px;  font-weight: bold;  padding: 0; } .wrapper-content .tabs-section .tab-content #profil .flex-btns .to-register {  background-color: #0343a8 !important;  color: #fff !important;  border-radius: 4px;  padding: 5px 20px; } .wrapper-content .tabs-section .tab-content #profil form {  padding: 1.5rem 1.5rem 0 1.5rem; } .wrapper-content .tabs-section .tab-content #profil form label {  font-size: 16px;  font-weight: bold;  line-height: 26px;  color: #000; } .wrapper-content .tabs-section .tab-content #profil form input, .wrapper-content .tabs-section .tab-content #profil form textarea {  border: 2px solid #bfbfbf;  border-radius: 5px;  font-family: "Titillium";  font-size: 16px;  line-height: 40px;  color: #000; } .wrapper-content .tabs-section .tab-content #profil form input::placeholder, .wrapper-content .tabs-section .tab-content #profil form textarea::placeholder {  color: #bfbfbf; } .wrapper-content .tabs-section .tab-content #profil form .iti {  width: 100%; } .wrapper-content .tabs-section .tab-content #profil form .input-with-prefix {  position: relative; } .wrapper-content .tabs-section .tab-content #profil form .input-with-prefix input {  padding-left: 3.5rem; } .wrapper-content .tabs-section .tab-content #profil form .input-with-prefix .currency-sign {  position: absolute;  left: 10px;  top: 50%;  transform: translateY(-50%);  color: #bfbfbf;  height: 100%;  border-right: 2px solid #bfbfbf;  display: flex;  align-items: center;  padding-right: 0.5rem;  font-size: 16px;  font-weight: bold; } .wrapper-content .tabs-section .tab-content #profil form select#proficiencyLevel, .wrapper-content .tabs-section .tab-content #profil form select#languageName, .wrapper-content .tabs-section .tab-content #profil form select#languageLevel, .wrapper-content .tabs-section .tab-content #profil form select#startMonth, .wrapper-content .tabs-section .tab-content #profil form select#startYear, .wrapper-content .tabs-section .tab-content #profil form select#startYear2, .wrapper-content .tabs-section .tab-content #profil form select#endMonth, .wrapper-content .tabs-section .tab-content #profil form select#endYear, .wrapper-content .tabs-section .tab-content #profil form select#endYear2, .wrapper-content .tabs-section .tab-content #profil form select#startMonthEducation, .wrapper-content .tabs-section .tab-content #profil form select#startYearEducation, .wrapper-content .tabs-section .tab-content #profil form select#endMonthEducation, .wrapper-content .tabs-section .tab-content #profil form select#endYearEducation {  border: 2px solid #bfbfbf;  border-radius: 5px;  font-family: "Titillium";  font-size: 16px;  line-height: 40px;  font-weight: bold;  color: #bfbfbf;  padding: 0.375rem 0.75rem; } .wrapper-content .tabs-section .tab-content #profil form input#currently-working {  width: 20px;  height: 20px;  cursor: pointer; } .wrapper-content .tabs-section .tab-content #profil form label.form-check-label {  padding-left: 1rem; } .wrapper-content .tabs-section .tab-content #profil form .separator-text {  font-family: "Titillium";  font-size: 16px;  line-height: 40px;  font-weight: bold;  color: #bfbfbf; } .wrapper-content .tabs-section .tab-content #profil form button {  min-width: unset;  margin-bottom: 1rem;  border-radius: 4px;  background-color: #000;  border: none;  outline: none; } .wrapper-content .tabs-section .tab-content .summary-container, .wrapper-content .tabs-section .tab-content .information-summary {  padding-block: 1.5rem; } .wrapper-content .tabs-section .tab-content .information-summary, .wrapper-content .tabs-section .tab-content .summary-container, .wrapper-content .tabs-section .tab-content .experienceList, .wrapper-content .tabs-section .tab-content .trainingList, .wrapper-content .tabs-section .tab-content .competenceList, .wrapper-content .tabs-section .tab-content .LanguesList {  padding-inline: 1.5rem;  font-size: 18px;  line-height: 27px; } .wrapper-content .tabs-section .tab-content .information-summary .list-item, .wrapper-content .tabs-section .tab-content .summary-container .list-item, .wrapper-content .tabs-section .tab-content .experienceList .list-item, .wrapper-content .tabs-section .tab-content .trainingList .list-item, .wrapper-content .tabs-section .tab-content .competenceList .list-item, .wrapper-content .tabs-section .tab-content .LanguesList .list-item {  border-top: 1px solid #bfbfbf;  padding-block: 1rem; } .wrapper-content .tabs-section .tab-content .information-summary .list-item.no-border, .wrapper-content .tabs-section .tab-content .summary-container .list-item.no-border, .wrapper-content .tabs-section .tab-content .experienceList .list-item.no-border, .wrapper-content .tabs-section .tab-content .trainingList .list-item.no-border, .wrapper-content .tabs-section .tab-content .competenceList .list-item.no-border, .wrapper-content .tabs-section .tab-content .LanguesList .list-item.no-border {  border-top: none !important; } .wrapper-content .tabs-section .tab-content .information-summary .list-item.adjust-padding, .wrapper-content .tabs-section .tab-content .summary-container .list-item.adjust-padding, .wrapper-content .tabs-section .tab-content .experienceList .list-item.adjust-padding, .wrapper-content .tabs-section .tab-content .trainingList .list-item.adjust-padding, .wrapper-content .tabs-section .tab-content .competenceList .list-item.adjust-padding, .wrapper-content .tabs-section .tab-content .LanguesList .list-item.adjust-padding {  padding-block: 0;  padding-bottom: 1rem; } .wrapper-content .tabs-section .tab-content .information-summary .list-item .competence, .wrapper-content .tabs-section .tab-content .summary-container .list-item .competence, .wrapper-content .tabs-section .tab-content .experienceList .list-item .competence, .wrapper-content .tabs-section .tab-content .trainingList .list-item .competence, .wrapper-content .tabs-section .tab-content .competenceList .list-item .competence, .wrapper-content .tabs-section .tab-content .LanguesList .list-item .competence {  font-size: 18px;  line-height: 27px;  font-weight: bold; } .wrapper-content .tabs-section .tab-content .information-summary .list-item .experience, .wrapper-content .tabs-section .tab-content .summary-container .list-item .experience, .wrapper-content .tabs-section .tab-content .experienceList .list-item .experience, .wrapper-content .tabs-section .tab-content .trainingList .list-item .experience, .wrapper-content .tabs-section .tab-content .competenceList .list-item .experience, .wrapper-content .tabs-section .tab-content .LanguesList .list-item .experience {  font-size: 18px;  line-height: 27px; } .wrapper-content .tabs-section .tab-content .information-summary .list-item .titles, .wrapper-content .tabs-section .tab-content .summary-container .list-item .titles, .wrapper-content .tabs-section .tab-content .experienceList .list-item .titles, .wrapper-content .tabs-section .tab-content .trainingList .list-item .titles, .wrapper-content .tabs-section .tab-content .competenceList .list-item .titles, .wrapper-content .tabs-section .tab-content .LanguesList .list-item .titles {  font-size: 16px;  line-height: 24px;  font-weight: bold;  color: #bfbfbf; } .wrapper-content .tabs-section .tab-content .information-summary .list-item .answers, .wrapper-content .tabs-section .tab-content .summary-container .list-item .answers, .wrapper-content .tabs-section .tab-content .experienceList .list-item .answers, .wrapper-content .tabs-section .tab-content .trainingList .list-item .answers, .wrapper-content .tabs-section .tab-content .competenceList .list-item .answers, .wrapper-content .tabs-section .tab-content .LanguesList .list-item .answers {  font-size: 16px;  line-height: 24px;  font-weight: bold; } .wrapper-content .tabs-section .tab-content .information-summary .list-item ul, .wrapper-content .tabs-section .tab-content .summary-container .list-item ul, .wrapper-content .tabs-section .tab-content .experienceList .list-item ul, .wrapper-content .tabs-section .tab-content .trainingList .list-item ul, .wrapper-content .tabs-section .tab-content .competenceList .list-item ul, .wrapper-content .tabs-section .tab-content .LanguesList .list-item ul {  list-style: none;  padding: 0; } .wrapper-content .tabs-section .tab-content .information-summary .list-item .list-edit-btn, .wrapper-content .tabs-section .tab-content .information-summary .list-item .list-delete-btn, .wrapper-content .tabs-section .tab-content .summary-container .list-item .list-edit-btn, .wrapper-content .tabs-section .tab-content .summary-container .list-item .list-delete-btn, .wrapper-content .tabs-section .tab-content .experienceList .list-item .list-edit-btn, .wrapper-content .tabs-section .tab-content .experienceList .list-item .list-delete-btn, .wrapper-content .tabs-section .tab-content .trainingList .list-item .list-edit-btn, .wrapper-content .tabs-section .tab-content .trainingList .list-item .list-delete-btn, .wrapper-content .tabs-section .tab-content .competenceList .list-item .list-edit-btn, .wrapper-content .tabs-section .tab-content .competenceList .list-item .list-delete-btn, .wrapper-content .tabs-section .tab-content .LanguesList .list-item .list-edit-btn, .wrapper-content .tabs-section .tab-content .LanguesList .list-item .list-delete-btn {  min-width: unset !important;  background-color: #fff;  border: 1px solid #d9e8ff;  width: 40px;  height: 40px;  border-radius: 50%;  display: grid;  place-items: center;  padding: 0; } .wrapper-content .tabs-section .tab-content .information-summary .list-item table .titles, .wrapper-content .tabs-section .tab-content .summary-container .list-item table .titles, .wrapper-content .tabs-section .tab-content .experienceList .list-item table .titles, .wrapper-content .tabs-section .tab-content .trainingList .list-item table .titles, .wrapper-content .tabs-section .tab-content .competenceList .list-item table .titles, .wrapper-content .tabs-section .tab-content .LanguesList .list-item table .titles {  max-width: 150px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; } .wrapper-content .tabs-section .tab-content .information-summary .list-item table .answers, .wrapper-content .tabs-section .tab-content .summary-container .list-item table .answers, .wrapper-content .tabs-section .tab-content .experienceList .list-item table .answers, .wrapper-content .tabs-section .tab-content .trainingList .list-item table .answers, .wrapper-content .tabs-section .tab-content .competenceList .list-item table .answers, .wrapper-content .tabs-section .tab-content .LanguesList .list-item table .answers {  width: auto;  overflow-wrap: break-word; } .wrapper-content .tabs-section .tab-content .information-summary .list-item table td, .wrapper-content .tabs-section .tab-content .summary-container .list-item table td, .wrapper-content .tabs-section .tab-content .experienceList .list-item table td, .wrapper-content .tabs-section .tab-content .trainingList .list-item table td, .wrapper-content .tabs-section .tab-content .competenceList .list-item table td, .wrapper-content .tabs-section .tab-content .LanguesList .list-item table td {  border: 0; } #pdf-preview-container-tab {  width: 100%;  max-width: 400px;  margin: 0 auto;  padding: 20px; } #pdf-preview-container-tab img {  width: 100%;  height: auto;  max-height: 500px;  object-fit: contain;  border: 1px solid #ddd;  border-radius: 4px;  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } #profileEditor .modal-dialog {  max-width: 792px !important; } #profileEditor .modal-dialog .modal-content {  width: 100% !important;  height: unset !important;  background-color: white;  border-radius: 25px;  overflow: hidden;  max-height: calc(95vh - 3.5rem);  height: 820px; } #profileEditor .modal-dialog .modal-content .modal-header {  background: #f4f8ff; } #profileEditor .modal-dialog .modal-content .modal-header .modal-title {  color: #004ea5;  font-family: "Titillium";  font-size: 20px;  line-height: 40px;  font-weight: bold; } #profileEditor .modal-dialog .modal-content .modal-header .close {  min-width: unset !important;  color: #004ea5;  opacity: 1; } #profileEditor .modal-dialog .modal-content .modal-header .close:hover {  background-color: transparent;  border: none;  outline: none; } #profileEditor .modal-dialog .modal-content .modal-body {  display: flex;  flex-direction: column; } #profileEditor .modal-dialog .modal-content .modal-body #quick-form {  width: 100%; } #profileEditor .modal-dialog .modal-content .modal-body #quick-form .gap-1 {  gap: 1rem; } #profileEditor .modal-dialog .modal-content .modal-body #quick-form label {  font-size: 16px;  line-height: 24px;  font-weight: bold;  font-family: "Titillium"; } #profileEditor .modal-dialog .modal-content .modal-body #quick-form select, #profileEditor .modal-dialog .modal-content .modal-body #quick-form input {  border: 2px solid #bfbfbf;  border-radius: 5px;  font-family: "Titillium";  font-size: 16px;  line-height: 40px;  font-weight: bold;  color: #0343a8; } #profileEditor .modal-dialog .modal-content .modal-body #quick-form select {  max-width: fit-content;  padding-inline: 1rem; } #profileEditor .modal-dialog .modal-content .modal-body #quick-form .iti {  width: 100%; } #profileEditor .modal-dialog .modal-content .modal-footer button {  min-width: unset !important;  background-color: transparent;  color: #000;  border: none;  font-size: 16px;  line-height: 24px;  font-weight: bold; } #profileEditor .modal-dialog .modal-content .modal-footer .to-register {  background-color: #0343a8 !important;  color: #fff !important;  border-radius: 4px; } #profileImage .close {  min-width: unset !important;  color: #004ea5;  opacity: 1;  position: absolute;  right: 3%;  cursor: pointer;  z-index: 100; } #profileImage .close:hover {  background-color: transparent;  border: none;  outline: none; } #profileImage .modal-body {  display: grid;  place-items: center; } #profileImage .modal-body img {  width: 50%; } .btns-header {  display: flex !important; } .modal-backdrop {  z-index: 1040 !important; } .modal {  z-index: 1050 !important; } .modal-open .pac-container {  z-index: 10000;  height: 150px;  overflow-y: scroll; } .pac-item {  padding: 10px 12px;  cursor: pointer;  border-top: 1px solid #e6e6e6;  font-family: "Titillium", sans-serif;  white-space: normal;  line-height: 1.4; } .pac-item:hover {  background-color: #f8f9fa; } .pac-item.pac-item-selected {  background-color: #f0f0f0; } @media screen and (max-width: 768px) {  #cv .upload-cv {   margin: unset !important;  }  .btns-header .cancel-button,  .btns-header .save-button {   display: none !important;  }  .btns-footer {   display: flex !important;   padding-block: 1.5rem;  }  .checkbox-list label {   font-size: 14px !important;   line-height: 17px !important;   margin-left: 0.5rem !important;  }  .filters {   display: none;  }  .checkbox-list {   display: grid;   grid-template-columns: 1fr;   gap: 1rem;   align-items: flex-start;  }  .wrapper-content {   display: grid;   grid-template-columns: 1fr;   gap: 1rem;   padding-inline: 1.5rem;   padding-top: 1rem;   margin-top: 0 !important;  }  .wrapper-content .tabs-section .tab-content #profil .header-tab {   grid-template-columns: 1fr 40px;   height: auto;   padding-block: 1.5rem;  }  .wrapper-content .tabs-section .tab-content #profil .header-tab .buttons {   display: flex;   justify-content: flex-end;   flex-direction: column;   align-items: flex-end;  }  .wrapper-content .profile-wrapper {   display: grid;   grid-template-columns: 1fr;   gap: 1rem;  } } @media screen and (min-width: 769px) and (max-width: 1024px) {  .wrapper-content {   display: grid;   grid-template-columns: 1fr;   gap: 1rem;   padding-inline: 1rem;  } } @media screen and (max-width: 1024px) {  .filters-wrapper {   display: grid;   grid-template-columns: 1fr;   padding-inline: 1.5rem;  }  .welcome {   border-radius: 10px !important;  }  aside {   display: none;  }  .filters {   display: none;  } } #profilePhotoModal .btn-primary, #validationModal .btn-primary {  min-width: unset !important;  background-color: transparent;  color: #000;  border: none;  font-size: 16px;  line-height: 24px;  font-weight: bold; } #profilePhotoModal .btn-secondary, #validationModal .btn-secondary {  background-color: #0343a8 !important;  color: #fff !important;  border-radius: 4px;  border: 0; } @media (min-width: 1025px) {  .hide-upload {   display: none;  } } .lawyer-resume {  padding: 28px 40px;  border: 1px solid #e8e8e8; } .lawyer-resume hr {  border-color: #000; } .lawyer-resume .resume-profile {  gap: 40px; } .lawyer-resume .resume-profile h2 {  font-size: 30px;  line-height: 1;  font-weight: bold; } .lawyer-resume .resume-profile h3 {  font-size: 20px;  line-height: 30px;  color: var(--primary); } .lawyer-resume .resume-profile ul li {  color: var(--primary);  font-size: 14px;  line-height: 20px;  font-weight: 600; } .lawyer-resume .resume-profile .accepting-job, .lawyer-resume .resume-profile .accepting-client {  background-color: #ffba01;  color: #fff;  font-size: 18px;  line-height: 18px;  font-weight: bold;  border: 0;  min-width: unset; } .lawyer-resume .resume-profile .accepting-client {  background-color: #e36759; } .lawyer-resume h3 {  font-size: 20px;  line-height: 24px; } .lawyer-resume p {  line-height: 26px; } .lawyer-profile .lawyer-card {  height: auto; } .directory .view-profile {  position: absolute;  left: 50%;  bottom: 8%;  transform: translateX(-50%);  width: 100%;  max-width: 140px;  padding: 0; } .directory:not(:has(.accepting-job)) .accepting-client {  max-width: 192px;  width: 100%;  position: absolute;  left: 50%;  transform: translateX(-50%);  bottom: 22%; } .directory:not(:has(.accepting-client)) .accepting-job {  max-width: 192px;  width: 100%;  position: absolute;  left: 50%;  transform: translateX(-50%);  bottom: 22%; } .lawyer-card {  border: 1px solid #e8e8e8;  text-align: center;  margin-block: 20px;  padding: 26px 15px;  height: 100%;  position: relative;  background-color: #ffffff;  } .lawyer-card h2 {  font-size: 20px;  line-height: 30px; } .lawyer-card h3 {  color: var(--primary);  font-size: 18px;  line-height: 27px; } .lawyer-card .accepting-job, .lawyer-card .accepting-client {  background-color: #ffba01;  font-size: 14px;  line-height: 14px;  font-weight: bold;  padding-inline: 6px;  border: 0;  margin-bottom: 18px;  min-width: unset;  margin-inline: auto; } .lawyer-card .accepting-client {  background-color: #e36759;  max-width: 192px;  width: 100%; } .lawyer-card .accepting-job.reduced-margin {  margin-bottom: 3px; } .lawyer-card .view-profile {  font-size: 16px;  line-height: 26px;  font-weight: bold;  min-width: unset;  margin-inline: auto; } .lawyer-card .lawyer-job-title {  color: var(--primary);  font-size: 18px;  line-height: 27px;  font-weight: bold; } @media (max-width: 768px) {  .sidebar-title {   font-size: 30px;   line-height: 46px;  } } .contact {  margin-top: 1rem; } .contact_image {  height: 450px;  background: url(https://www.droit-inc.com/img/IMG_CONTACT.png) center/cover no-repeat, grey; } .contact_infos {  margin-top: 20px; } .contact_infos-top {  margin: -88px 0 0 0;  padding: 40px 0 0;  background: white; } .contact hr {  border-top: solid 3px black;  margin-top: 40px; } .contact_text {  background: var(--primaryLight);  padding: 40px; } .contact form input, .contact form select, .contact form textarea {  border: solid 2px black;  border-radius: 0; } .contact form input[type=file], .contact form select[type=file], .contact form textarea[type=file] {  display: none; } .contact form select {  padding: 0.375rem 0.75rem;  text-align: center; } .contact form select option {  font-weight: normal;  text-align: left; } .contact form select option + option {  border-top: solid 1px black; } .contact form .help-block {  color: #014EA5; } .contact_form_file-label {  position: relative;  margin: 0 0 0 50px; } .contact_form_file-label::before {  content: "\f4b3";  font-family: "bootstrap-icons";  font-weight: normal;  color: white;  background: black;  width: 40px;  height: 40px;  position: absolute;  top: 50%;  left: -10px;  transform: translate(-100%, -50%);  display: flex;  align-items: center;  justify-content: center; } .connected-job-nav {  background: var(--primaryLight);  color: var(--primary);  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  padding: 6px;  position: sticky;  top: 110px;  z-index: 1; } .connected-job-nav-content {  max-width: 750px;  margin: auto;  display: flex;  align-items: center;  justify-content: space-between;  overflow: auto; } .connected-job-nav-content p {  color: var(--primary); } .connected-job-nav-content p:hover {  font-weight: bold; } .connected-job-heart {  float: right;  top: 0;  right: 0px; } .connected-job-content {  width: calc(100% - 85px); } .connected-job-alert {  border: solid 2px black;  padding: 1rem;  margin-bottom: 1rem; } .connected-job-alert .switch {  display: inline-block;  height: 23px;  position: relative;  width: 60px; } .connected-job-alert .switch input {  display: none; } .connected-job-alert .slider {  background-color: var(--primaryLight);  bottom: 0;  cursor: pointer;  left: 0;  position: absolute;  right: 0;  top: 0;  transition: 0.4s; } .connected-job-alert .slider:before {  background-color: var(--primary);  bottom: -4px;  content: "";  height: 32px;  left: 0px;  position: absolute;  transition: 0.4s;  width: 32px; } .connected-job-alert input:checked + .slider:before {  transform: translateX(30px); } @media screen and (max-width: 992px) {  .connected-job-nav {   top: 0;   margin-top: 0;  } } @media screen and (max-width: 768px) {  .connected-job-nav {   top: 82px !important;  }  .connected-job-nav-content {   scrollbar-width: none;  }  .connected-job-nav p {   font-size: 12px;  }  .connected-job-content {   width: 100%;   position: relative;  }  .connected-job-heart {   position: absolute;   bottom: 0;   right: 0;   float: none;   top: auto;  } } .parametres {  margin: 2rem 0; } .parametres-input {  border: solid 2px black;  border-radius: 0;  width: 100%; } .parametres_visibility {  display: flex;  align-items: center; } .parametres_visibility .form-group {  margin-bottom: 0; } .parametres-mention {  color: #5d5d5d;  font-size: 12px;  margin-top: 1rem; } .parametres_voile {  display: none;  width: 100vw;  height: 100vh;  position: fixed;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  background: rgba(93, 93, 93, 0.6);  z-index: 9; } .parametres_voile_popup {  background: white;  padding: 35px;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  z-index: 999;  max-height: 75vh;  overflow: auto; } .parametres_voile_popup::-webkit-scrollbar {  display: none; } .profile-image-container {  overflow: visible !important;  border-radius: 50% !important;  position: relative !important;  width: 130px !important;  height: 130px !important; } .profile-image-container .profile-photo {  border-radius: 50% !important;  width: 100% !important;  height: 100% !important;  object-fit: cover !important; } .profile-image-container .curved-text {  position: absolute !important;  top: 0 !important;  left: 0 !important;  width: 100% !important;  height: 100% !important;  pointer-events: none !important;  overflow: visible !important;  transform: rotate(115deg) !important; } .frame-openToWork {  border: 4px solid #ffba01 !important; } .frame-hiring {  border: 4px solid #e36759 !important; } .profile-meta {  display: flex;  align-items: flex-start;  gap: 20px; } @media (max-width: 500px) {  .profile-meta {   display: flex;   flex-direction: column;   align-items: center;   justify-content: center;   gap: 12px;  }  .profile-meta .user-meta-name h4,  .profile-meta .user-meta-name p {   text-align: center;  } } #validationModal .modal-header > div, #validationModal .section-header {  gap: 12px; } #validationModal .skills-checkbox-container, #validationModal .languages-checkbox-container {  border-radius: 0 0 4px 4px !important;  height: 200px;  max-height: 200px; } #validationModal .input-group-with-button {  display: flex; } #validationModal .input-group-with-button .form-control-profile-select {  width: 171px;  font-size: 14px; } #validationModal .input-group-with-button .add-skill-btn {  display: flex;  align-items: center;  justify-content: center;  min-width: 38px;  max-width: 38px;  height: 38px;  padding: 0;  border-radius: 0 4px 0 0; } #validationModal .education-item {  position: relative; } #validationModal .close.remove-experience-btn, #validationModal .close.remove-education-btn {  color: #004ea5;  position: absolute; } #validationModal .close.remove-competence-btn, #validationModal .close.remove-langues-btn {  color: #004ea5;  position: absolute;  top: 30px;  right: 30px; } .form-group .redactor-box .redactor-toolbar {  z-index: 1; } @media (max-width: 767px) {  #validationModal .languages-checkbox-container {   height: 100%;   max-height: unset;  }  #validationModal .input-group-with-button .form-control-profile-select {   width: 100%;   font-size: 1rem;  } } #location-select select {  width: 100%;  max-width: unset !important; } .file-upload-form {  display: none; } ul#photoUploadTabs {  border-color: grey !important;  justify-content: space-between; } .search_form_date {  height: 0;  overflow: hidden;  width: 0;  border: none; } .search_form_input, .search_form_select {  border: solid 1px black;  font-weight: normal;  width: 100%;  padding: 5px 10px;  min-height: 40px; } .search_filter {  max-width: 250px;  margin: 0 0 0 auto; } .company_vip_content_job_search {  border-radius: 0; } .company_vip_content_job_search-title {  color: var(--primary); } .company_vip_content_job_search input {  border-radius: 0; } .company_vip_content_job_search-btn {  background: var(--primary); } .job {  background: #f7f7f7; } .job_head {  padding: 1rem 0; } .job_head .container h1 {  font-size: 30px;  margin: 0 0 20px 0; } .job_head .container #jobForms .job_form_search {  max-width: calc(100% - 150px); } .job_head .container #jobForms .job_form_search_filter-btn:first-child {  margin: 0; } .job_head .container #jobForms .job_form_search-input {  width: 70%; } .job_head .container #jobForms .job_form_search-input input.ui-autocomplete-input {  width: 60%; } .job_head .container #jobForms .job_form_search-input input.pac-target-input {  width: 40%; } .job_head .container #jobForms .job_form_search_filter-wrapper {  width: 14%; } .job_head .container #jobForms .job_form_search_filter-wrapper .job_form_search_filter-btn {  font-size: 1.5rem;  font-weight: bold;  border-left-width: 0; } .job_head .container #jobForms .job_form_search_search-wrapper {  width: 12%;  font-size: 1.5rem;  font-weight: bold; } .job_head .container #jobForms .job_form_search_search-wrapper button {  width: 100%;  font-size: 1.5rem;  background-color: black; } .jobs-content .top-page-nav {  border-bottom: 1px solid #9b9b9b;  display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;  flex-wrap: wrap; } .jobs-content .top-page-nav .centered-links {  display: flex;  justify-content: center;  flex-grow: 1;  margin-left: 10%; } .jobs-content .top-page-nav .centered-links a {  font-size: 22px;  color: #000000;  padding: 0 28px;  padding: 12px 0 6px 0;  margin: 0 28px; } .jobs-content .top-page-nav .centered-links a.active {  font-weight: bold;  border-bottom: 3px solid #004ea5; } .jobs-content .top-page-nav a.bold {  border-bottom: 3px solid #004ea5; } .jobs-content .top-page-nav .right-link {  margin-left: auto;  margin-bottom: 5px; } .jobs-content .statistic-bar {  margin-top: 26px; } .jobs-content .statistic-bar p {  font-size: 20px; } .jobs-content .statistic-bar .job_index-infos_alert_toggle {  font-size: 20px; } .jobs-content .statistic-bar .job_index-infos_alert_toggle::before {  height: 30px;  left: 85%; } .jobs-content .statistic-bar .job_index-infos_alert_toggle::after {  width: 40px;  left: 78%;  height: 40px; } .jobs-content .right-link {  margin-top: 10px;  margin-left: auto; } .jobs-content .job_list_item {  border: 1px solid var(--secondaryLight);  box-shadow: 0px 3px 6px hsla(0, 0%, 0%, 0.16);  padding: 1rem 1rem 1.5rem;  position: relative;  background-color: #ffffff;  box-sizing: content-box; } .jobs-content .job_list_item_head {  height: 2.4rem;  margin-bottom: 1rem; } .jobs-content .job_list_item_head img {  max-width: 88px; } .jobs-content .job_list_item_reference {  font-size: 1.5rem;  color: #000000; } .jobs-content .job_list_item_reference .job_list_item_title {  margin-bottom: 0; } .jobs-content .job_list_item_reference:hover {  text-decoration: underline; } .jobs-content .job_list_item_reference::after {  content: "";  position: absolute;  left: 0;  top: 0;  right: 0;  bottom: 0; } .jobs-content .job_list_item_company {  color: var(--primaryNew);  font-size: 18px;  font-weight: bold; } .jobs-content .job_list_item_meta {  font-size: 18px; } .jobs-content .job_list_item_data {  display: flex;  flex-direction: column; } .jobs-content .job_list_item_data a {  position: relative;  font-size: 14px;  color: #000000;  font-weight: bold;  margin: 4px 0 10px 0; } .jobs-content .job_list_item_data a::before {  content: url(https://www.droit-inc.com/css/../img/Fleche.svg);  margin-right: 0.5rem; } .jobs-content .job_list_item_data p {  font-size: 12px; } .jobs-content .job_list_item_footer_posted p {  font-size: 14px; } .jobs-content .job_list_item_footer_action_buttons {  display: flex; } .jobs-content .job_list_item_footer_action_buttons .partager {  position: relative;  cursor: pointer;  text-decoration: underline;  font-size: 14px;  line-height: 21px;  margin-right: 1rem;  color: var(--primaryNew); } .jobs-content .job_list_item_footer_action_buttons .partager::before {  content: url(https://www.droit-inc.com/css/../img/partager.svg);  margin-right: 0.5rem; } .jobs-content .job_list_item_footer_action_buttons .heart {  width: 26px;  min-width: 26px;  height: 26px;  min-height: 26px; } .jobs-content .job_list_item_specialization {  display: none; } .jobs-content .job_list_item-selected {  border: 2px solid var(--secondary); } .jobs-content .job_details {  display: none;  height: 100%;  position: sticky;  top: 154px;  width: 100%;  background: #ffffff 0% 0% no-repeat padding-box;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  padding: 1rem; } .jobs-content .job_details_heading_top {  display: flex;  flex-direction: row;  align-items: flex-start;  gap: 50px;  margin-right: 20px; } .jobs-content .job_details_heading_top_logo {  width: 110px;  height: 110px;  background: #ffffff 0% 0% no-repeat padding-box;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  padding: 0 12px; } .jobs-content .job_details_heading_top_logo img {  width: 84px; } .jobs-content .job_details_heading_top_title h4 {  margin-bottom: 6px; } .jobs-content .job_details_heading_top_title > a {  font-size: 18px;  line-height: 30px;  font-weight: bold;  color: var(--primaryNew);  display: flex;  justify-content: flex-start;  align-items: center; } .jobs-content .job_details_heading_top_title > a::before {  content: url(https://www.droit-inc.com/css/../img/eye.svg);  width: 24px;  height: 24px;  margin-right: 8px; } .jobs-content .job_details_heading_top_title_meta {  display: none;  align-items: center;  justify-content: flex-start;  gap: 12px; } .jobs-content .job_details_heading_bottom {  margin-top: 12px; } .jobs-content .job_details_heading_bottom_company {  font-size: 18px;  line-height: 27px;  color: var(--primaryNew);  font-weight: bold;  margin-bottom: 0; } .jobs-content .job_details_heading_bottom_location {  position: relative;  font-size: 18px;  line-height: 27px;  color: #000000;  margin: 5px 0;  padding-left: 24px; } .jobs-content .job_details_heading_bottom_location::before {  width: 16px;  height: 28px;  content: " ";  background-image: url(https://www.droit-inc.com/css/../img/Adress.svg);  background-repeat: no-repeat;  background-size: 20px 20px;  background-position: center;  position: absolute;  left: 0;  top: 0; } .jobs-content .job_details_heading_bottom_actions {  display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;  border-bottom: 1px solid #969696;  padding-bottom: 18px; } .jobs-content .job_details_heading_bottom_actions_published {  position: relative;  font-size: 18px;  line-height: 27px;  color: #000000;  padding-left: 24px; } .jobs-content .job_details_heading_bottom_actions_published .job-details-heart {  width: 38px;  height: 38px; } .jobs-content .job_details_heading_bottom_actions_published::before {  width: 16px;  height: 26px;  content: " ";  background-image: url(https://www.droit-inc.com/css/../img/Horaire.svg);  background-repeat: no-repeat;  background-size: 16px 16px;  background-position: center;  position: absolute;  left: 0;  top: 0; } .jobs-content .job_details_heading_bottom_actions_partager {  display: flex;  position: relative;  cursor: pointer;  text-decoration: underline;  font-size: 18px;  line-height: 27px;  color: var(--primaryNew); } .jobs-content .job_details_heading_bottom_actions_partager::before {  width: 26px;  height: 20px;  content: " ";  background-image: url(https://www.droit-inc.com/css/../img/partager.svg);  background-repeat: no-repeat;  background-size: 26px 20px;  background-position: center;  position: absolute;  left: -32px;  top: 2px; } .jobs-content .job_details_heading_bottom_actions .job-details-heart {  height: 38px;  width: 38px;  font-size: 1rem; } .jobs-content .job_details_heading_bottom_actions_postuler {  max-width: 144px; } .jobs-content .job_details_heading_bottom_actions_postuler button {  width: 100%;  min-width: auto; } .jobs-content .job_details_body {  padding-top: 16px; } .jobs-content .job_details_body-details {  font-size: 24px;  font-weight: bold;  margin: 0 0 10px 0; } .jobs-content .job_details_body h5 {  font-size: 24px; } .jobs-content .job_details_body_wrapper {  display: flex;  flex-direction: row;  width: 100%; } .jobs-content .job_details_body_wrapper_meta {  width: 50%;  position: relative; } .jobs-content .job_details_body_wrapper_meta ul {  list-style: none;  padding-left: 0;  font-size: 18px; } .jobs-content .job_details_body_wrapper_meta ul li:not(:last-child) {  margin-bottom: 6px; } .jobs-content .job_details_body_wrapper_meta ul li {  padding-left: 25px;  position: relative; } .jobs-content .job_details_body_wrapper_meta ul li::before {  width: 16px;  height: 30px;  content: "";  background-repeat: no-repeat;  background-size: 16px 16px;  background-position: center;  position: absolute;  left: 0px;  top: 0; } .jobs-content .job_details_body_wrapper_meta ul .numero-de-loffre::before {  background-image: url(https://www.droit-inc.com/css/../img/Numero_de_l_offre.svg); } .jobs-content .job_details_body_wrapper_meta ul .specialite::before {  background-image: url(https://www.droit-inc.com/css/../img/specialite.svg); } .jobs-content .job_details_body_wrapper_meta ul .type-de-poste::before {  background-image: url(https://www.droit-inc.com/css/../img/Type_de_poste.svg); } .jobs-content .job_details_body_wrapper_meta ul .langues::before {  background-image: url(https://www.droit-inc.com/css/../img/Langue_parle.svg); } .jobs-content .job_details_body_wrapper_meta ul .langues-ecrite::before {  background-image: url(https://www.droit-inc.com/css/../img/Langue_ecrite.svg); } .jobs-content .job_details_body_wrapper_meta ul .experience::before {  background-image: url(https://www.droit-inc.com/css/../img/Secteur.svg); } .jobs-content .job_details_body_wrapper_meta ul .horaire::before {  background-image: url(https://www.droit-inc.com/css/../img/Horaire.svg); } .jobs-content .job_details_body_wrapper_meta ul .salaire::before {  background-image: url(https://www.droit-inc.com/css/../img/Salaire.svg); } .jobs-content .job_details_location {  border-bottom: 1px solid #969696; } .jobs-content .job_details_location_map {  height: 174px;  width: 100%;  background-color: #c7c7c7;  margin-bottom: 22px; } .jobs-content .job_details_description {  padding-top: 22px; } .jobs-content .job_details_description .btn-primary {  margin: 20px auto 0;  max-width: 300px;  width: 100%; } .jobs-content .job_details_close-popup {  cursor: pointer;  position: absolute;  right: 14px;  top: 0px;  font-size: 36px; } .jobs-content .job_details_scroll {  height: 470px;  overflow: scroll;  overflow-x: hidden; } .jobs-content .right-side-area {  display: flex; } @media screen and (max-width: 430px) {  .jobs-content .top-page-nav a {   margin: 0 13px;  } } @media screen and (max-width: 414px) {  .jobs-content .top-page-nav a {   margin: 0 10px;  } } @media screen and (max-width: 412px) {  .jobs-content .top-page-nav a {   margin: 0 9px;   font-size: 20px;  } } @media screen and (max-width: 360px) {  .jobs-content .top-page-nav a {   font-size: 20px;   margin: 0 5px;  } } @media screen and (max-width: 320px) {  .jobs-content .top-page-nav a {   font-size: 16px;   margin: 0 9px;  } } @media screen and (min-width: 575px) and (max-width: 767px) {  .modal-content {   height: auto 740px;  }  .modal-content-body {   padding: 32px !important;  } } @media screen and (max-width: 767px) {  .job_details_description {   padding-top: 22px;   padding-bottom: 100px;  }  .job_details_description .btn-primary {   margin: 20px auto 0;   position: fixed;   max-width: 300px;   width: 100%;   top: calc(100vh - 100px);   left: 0;   right: 0;  }  .modal-content-body-partager {   text-align: left;  }  .modal-content-body-partager h6 {   text-align: left;  }  .modal-content-body-partager a {   word-wrap: break-word;  }  .modal-content-body-socials {   text-align: left;  }  .modal-content-body-socials-networks {   flex-direction: column !important;   align-items: flex-start !important;  }  .modal-content-body-socials-networks a {   margin: 0;   margin-bottom: 10px;   align-self: flex-start;  } } .modal {  display: none;  position: fixed;  z-index: 999999;  left: 0;  top: 0;  height: 100%;  width: 100%;  background-color: rgba(0, 0, 0, 0.5); } .modal-content {  background-color: #ebebeb;  margin: 8% auto;  width: 590px;  height: 506px;  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);  animation-name: modalopen;  animation-duration: var(--modal-duration);  border-radius: 0; } .modal-content-header {  padding: 2rem 5rem 0 2rem;  display: flex;  justify-content: space-between;  border-bottom: 1px solid #000000; } .modal-content-header h5 {  font-size: 24px;  line-height: 30px;  color: #000000; } .modal-content-close-socials-popup {  cursor: pointer;  position: absolute;  right: 28px;  top: 14px;  font-size: 36px; } .modal-content-body {  padding: 32px 20px 0 32px; } .modal-content-body-partager {  color: var(--primaryNew);  font-size: 24px;  line-height: 30px;  font-weight: bold; } .modal-content-body-partager a {  cursor: pointer;  text-decoration: underline;  font-size: 14px;  line-height: 20px;  font-weight: bold;  color: #000; } .modal-content-body-socials {  margin-top: 22px;  color: var(--primaryNew);  font-size: 24px;  line-height: 30px;  font-weight: bold;  margin-bottom: 1rem; } .modal-content-body-socials-networks {  display: flex;  flex-direction: row;  gap: 26px;  margin-top: 0.5rem; } .modal-content-body-socials-networks a {  display: flex;  flex-direction: row;  align-items: center;  font-size: 18px;  font-weight: bold;  color: #000000; } .modal-content-body-socials-networks .facebook-partager::before {  content: url(https://www.droit-inc.com/css/../img/socials/facebook.png);  width: 50px;  height: 50px;  margin-right: 10px; } .modal-content-body-socials-networks .linkedin-partager::before {  content: url(https://www.droit-inc.com/css/../img/socials/Linkedin.png);  width: 50px;  height: 50px;  margin-right: 10px; } .modal-content-body-socials-networks .twitter-partager::before {  content: url(https://www.droit-inc.com/css/../img/socials/X.png);  width: 50px;  height: 50px;  margin-right: 10px; } .modal-content-body-socials-networks .partager-par-courriel::before {  content: url(https://www.droit-inc.com/css/../img/socials/Courriel.png);  width: 50px;  height: 50px;  margin-right: 10px; } .close {  color: #ccc;  float: right;  font-size: 30px;  color: #fff; } .close:hover, .close:focus {  color: #000;  text-decoration: none;  cursor: pointer; } @keyframes modalopen {  from {   opacity: 0;  }  to {   opacity: 1;  } } @media only screen and (max-width: 1199px) {  .job_head .container #jobForms .job_form_search {   max-width: 100%;  }  .right-side-area {   display: none !important;  }  .jobs-content .job_details {   position: fixed;   top: 146px;   left: 0;   z-index: 9;   margin-bottom: 0;   height: calc(100vh - 146px);   width: 100%;   overflow-x: hidden;   overflow-y: auto;  }  .jobs-content .job_details_scroll {   overflow: visible;   overflow-x: unset;   height: auto;  }  .modal-content {   margin: 15% auto;  } } @media only screen and (max-width: 991px) {  .job_head .container #jobForms .job_form_search {   flex-direction: row;  }  .job_head .container #jobForms .job_form_search-input {   width: 100%;  }  .job_head .container #jobForms .job_form_search_filter-wrapper {   width: 50%;  }  .job_head .container #jobForms .job_form_search_filter-wrapper div.job_form_search_filter-btn {   width: 100%;   border: 2px solid #000000;   border-top-width: 0;  }  .jobs-content .job_details {   top: 82px;   height: calc(100vh - 82px);  }  .modal-content {   margin: 12% auto;  } } @media only screen and (min-width: 767px) and (max-width: 991px) {  .job_head .container #jobForms .job_form_search_search-wrapper {   width: 50%;  } } @media only screen and (min-width: 570px) and (max-width: 767px) {  .job_head .container #jobForms .job_form_search_search-wrapper {   width: 10%;  } } @media only screen and (max-width: 767px) {  .job_head .container #jobForms .job_form_search {   display: flex;   flex-direction: row;   max-width: 100%;  }  .job_head .container #jobForms .job_form_search-input {   width: 100%;  }  .job_head .container #jobForms .job_form_search-input input.ui-autocomplete-input,  .job_head .container #jobForms .job_form_search-input input.pac-target-input {   width: 100%;   font-size: 14px;  }  .job_head .container #jobForms .job_form_search_filter-wrapper {   width: 90%;  }  .job_head .container #jobForms .job_form_search_filter-wrapper div.job_form_search_filter-btn {   font-size: 1rem;   font-weight: 400;   border: 2px solid #000000;   border-top-width: 0;  }  .job_head .container #jobForms .job_form_search_search-wrapper .job_form_search_filter-btn:first-child {   min-width: unset;   width: 100%;   background-image: url(https://www.droit-inc.com/css/../img/loupe.png);   background-size: 20px;   background-repeat: no-repeat;   background-position: center center;  }  .job_head .container #jobForms .job_form_search_search-wrapper button {   font-size: 0;   width: 100%;  }  .jobs-content .job_details_heading_top {   flex-direction: column;   gap: 14px;   margin-right: 0;  }  .jobs-content .job_details_heading_top_title h4 {   font-size: 22px;  }  .jobs-content .job_details_heading_bottom_company {   font-weight: bold;  }  .jobs-content .job_details_heading_bottom_actions {   flex-direction: column;   align-items: flex-start;  }  .jobs-content .job_details_heading_bottom_actions_partager::before {   left: 0;   background-size: 16px 24px;   width: 16px;   height: 24px;  }  .jobs-content .job_details_heading_bottom_actions_partager {   padding-left: 24px;  }  .jobs-content .job_details_heading_bottom_actions_postuler {   max-width: 300px;   width: 100%;   margin-top: 1rem;  }  .jobs-content .job_details_heading_bottom_actions .job-details-heart {   position: absolute;   height: 18px;   width: 18px;   font-size: 1rem;   right: 30px;  }  .jobs-content .job_details_body_wrapper {   flex-direction: column;  } } @media only screen and (max-width: 575px) {  .modal-content {   margin: 20% auto;   width: 100%;   height: max-content;  }  .modal-content .modal-content-body {   padding: 20px;  } } @media only screen and (max-width: 569px) {  .job_head .container #jobForms .job_form_search_filter-wrapper {   width: 88%;  } } @media screen and (min-width: 992px) {  .right-link {   display: block;  } } @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait), screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait), screen and (min-width: 912px) and (max-width: 1368px) and (orientation: portrait) {  .jobs-content .statistic-bar {   flex-wrap: wrap;   justify-content: flex-start;  }  .jobs-content .statistic-bar p {   margin-right: auto;  }  .jobs-content .statistic-bar .job_index-infos_alert {   margin-left: auto;  }  .jobs-content .statistic-bar .ml-3 {   margin-left: 0;   margin-bottom: 10px;   display: flex;   justify-content: flex-end;   width: 100%;  } } .jobs-container {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 1rem;  padding: 1rem; } @media (max-width: 1024px) {  .jobs-container {   grid-template-columns: repeat(2, 1fr);  } } @media (max-width: 768px) {  .jobs-container {   grid-template-columns: 1fr;  }  .jobs-container .job-category {   margin-bottom: 0;  } } .legalSectorJobBox {  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border: none;  text-align: center;  padding-block: 25px; } .legalSectorJobBox:hover .jobTitle h3 {  color: #808080 !important; } .legalSectorJobBox:hover p.select-city {  text-decoration: underline !important; } .legalSectorJobBox .jobTitle h3 {  font-size: 26px !important;  line-height: 39px;  color: var(--secondary); } .legalSectorJobBox .select-city {  font-size: 16px;  line-height: 24px;  text-decoration: none !important; } .legalSectorJobBox.legalSectorTitle {  color: var(--primary);  text-align: center;  line-height: 61px; } .legalSectorTitle {  text-align: center;  color: var(--primary);  line-height: 61px; } .job-category {  background: #fff;  border: 1px solid #ddd;  padding: 1rem;  margin-bottom: 1rem; } .job-category h3 {  font-size: 1.25rem;  color: #333;  margin-bottom: 0.5rem; } .job-category .select-city {  color: #007bff;  cursor: pointer;  text-decoration: underline; } .job-category .select-city:hover {  color: #0056b3; } .job-category .salary {  font-size: 0.875rem;  color: #666;  margin-top: 0.25rem; } .text-center {  text-align: center; } .mt-1 {  margin-top: 1rem; } .mb-1 {  margin-bottom: 1rem; } .pt-1 {  padding-top: 1rem; } .pb-1 {  padding-bottom: 1rem; } .challanges-2 {  max-width: 822px;  padding-inline: 30px; } .challanges-2 .row {  margin-bottom: 20px; } .challanges-2 .row .zero {  width: 100% !important;  font-size: 41px;  line-height: 56px;  font-weight: bold;  background-color: var(--primary);  text-align: left !important;  color: #fff;  padding: 10px 50px !important; } .challanges-2 .row .zero:after {  background: unset !important; } .challanges-2 .row .hidden-title {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  border: 0; } .challanges-2 .row .bg-setting {  background-repeat: no-repeat;  background-position: center; } .challanges-2 .row .title-setting {  font-size: inherit;  font-weight: inherit;  margin: 0;  padding: 0; } .challanges-2 .row .boxes {  height: 186px;  display: flex;  align-items: center;  justify-content: center;  padding: 10px 20px;  text-align: center;  border: 5px solid white;  position: relative;  overflow: hidden; } .challanges-2 .row .boxes a {  font-size: 16px;  font-weight: bold;  line-height: 25px;  color: #fff;  z-index: 1; } .challanges-2 .row .boxes:nth-child(1):after, .challanges-2 .row .boxes:nth-child(2):after, .challanges-2 .row .boxes:nth-child(3):after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #004EA5;  opacity: 0.8; } .challanges-2 .row .boxes:nth-child(4):after, .challanges-2 .row .boxes:nth-child(6):after, .challanges-2 .row .boxes:nth-child(7):after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #E36759;  opacity: 0.6; } .challanges-2 .row .boxes:nth-child(5):after, .challanges-2 .row .boxes:nth-child(8):after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #004EA5;  opacity: 0.8; } .challanges-2 .row .boxes:nth-child(9):after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #E36759;  opacity: 0.6; } .challanges-2 .row .boxes:nth-child(10):after, .challanges-2 .row .boxes:nth-child(11):after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #004EA5;  opacity: 0.8; } .challanges-2 .row .boxes:nth-child(n+12):nth-child(2n+2):after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #E36759;  opacity: 0.6; } .challanges-2 .row .boxes:nth-child(n+12):nth-child(2n+1):after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #004EA5;  opacity: 0.8; } @media (max-width: 768px) {  .challanges-2 .row .boxes:nth-child(1):after, .challanges-2 .row .boxes:nth-child(2):after {   content: "";   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: #004EA5;   opacity: 0.8;  }  .challanges-2 .row .boxes:nth-child(3):after, .challanges-2 .row .boxes:nth-child(6):after, .challanges-2 .row .boxes:nth-child(7):after {   content: "";   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: #E36759;   opacity: 0.6;  }  .challanges-2 .row .boxes:nth-child(4):after, .challanges-2 .row .boxes:nth-child(8):after {   content: "";   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: #004EA5;   opacity: 0.8;  }  .challanges-2 .row .boxes:nth-child(5):after, .challanges-2 .row .boxes:nth-child(9):after {   content: "";   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: #E36759;   opacity: 0.6;  }  .challanges-2 .row .boxes:nth-child(10):after, .challanges-2 .row .boxes:nth-child(11):after {   content: "";   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: #004EA5;   opacity: 0.8;  }  .challanges-2 .row .boxes:nth-child(n+12):nth-child(2n+2):after {   content: "";   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: #E36759;   opacity: 0.6;  }  .challanges-2 .row .boxes:nth-child(n+12):nth-child(2n+1):after {   content: "";   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: #004EA5;   opacity: 0.8;  } } .notification-card2 {  background-color: var(--primary);  height: 150px;  z-index: 9; } .notification-card2 p {  font-size: 18px;  line-height: 28px;  font-weight: 600; } .metier-title {  background-color: var(--primary);  height: 150px; } .metier-title .col {  gap: 40px; } .metier-title .col .icon {  width: 83px;  height: 83px;  border-radius: 100%;  background-color: #fff;  display: flex;  align-items: center;  justify-content: center; } .metier-title .col .icon .icon-image {  width: 110px;  height: 78px; } .metier-title .col h1, .metier-title .col h2 {  font-size: 35px;  line-height: 62px;  font-weight: bold;  margin: 0; } .wishlist .bi-bookmark {  border: none;  font-size: 20px !important;  width: unset;  height: unset; } .wishlist .bi-bookmark-fill {  border: none;  font-size: 20px !important;  width: unset;  height: unset; } .content-area-2 {  background-color: #fff;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  max-width: 1196px; } .content-area-2 .social {  gap: 15px; } .content-area-2 .social-share-buttons svg path {  fill: #fff !important; } .content-area-2 .social-icon {  width: 40px;  height: 40px;  border-radius: 100%;  background-color: var(--primary);  display: grid;  place-items: center; } .content-area-2 .content h4 {  color: var(--primary);  line-height: 50px; } .content-area-2 .content .metier-excerpt {  font-size: 20px;  line-height: 32px;  color: #000;  font-weight: bold; } .content-area-2 .content a {  color: #014EA5;  text-decoration: none;  transition: text-decoration 0.3s ease; } .content-area-2 .content a:hover {  text-decoration: underline; } .content-area-2 .ad-container {  border: 1px solid;  height: 250px; } .content-area-2 .similar-profession {  background: #E36759;  opacity: 0.8; } .content-area-2 .similar-profession h5 {  color: #fff;  line-height: 40px; } .content-area-2 .similar-profession .triangle-list {  padding-left: 0;  margin-bottom: 0;  list-style-type: none; } .content-area-2 .similar-profession .triangle-list li {  color: #fff;  line-height: 35px;  position: relative;  padding-left: 20px; } .content-area-2 .similar-profession .triangle-list li .triangle {  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%) rotate(90deg);  width: 0;  height: 0;  border-left: 4px solid transparent;  border-right: 4px solid transparent;  border-bottom: 7px solid #FFFFFF; } .content-area-2 .similar-profession .triangle-list li a {  color: #fff;  text-decoration: none; } .content-area-2 .similar-profession .triangle-list li a:hover {  text-decoration: underline; } .content-area-2 .search-jobs {  background: var(--primary); } .content-area-2 .search-jobs h5 {  color: #fff;  line-height: 30px; } .content-area-2 .search-jobs .triangle-list {  padding-left: 0;  margin-bottom: 0;  list-style-type: none; } .content-area-2 .search-jobs .triangle-list li {  color: #fff;  line-height: 35px;  position: relative;  padding-left: 20px; } .content-area-2 .search-jobs .triangle-list li .triangle {  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%) rotate(90deg);  width: 0;  height: 0;  border-left: 4px solid transparent;  border-right: 4px solid transparent;  border-bottom: 7px solid #FFFFFF; } .content-area-2 .search-jobs .triangle-list li a {  color: #fff;  text-decoration: none; } .content-area-2 .search-jobs .triangle-list li a:hover {  text-decoration: underline; } .connect-popup .modal-dialog .modal-content {  border-radius: 0;  background-color: #EBEBEB;  width: 335px;  height: 347px; } .connect-popup .modal-dialog .modal-body {  padding: 30px !important; } .connect-popup .modal-dialog .close {  position: absolute;  opacity: 1;  right: 6%;  min-width: unset;  top: 2%;  color: black;  background: transparent;  border: 0;  outline: 0; } .connect-popup .modal-dialog .close span {  font-size: 35px;  font-weight: 500; } .connect-popup .modal-dialog h4 {  font-size: 30px;  font-weight: bold;  color: var(--primary); } .connect-popup .modal-dialog p {  font-size: 22px;  line-height: 30px;  font-weight: bold;  color: black; } .connect-popup .modal-dialog .btn-popup-signup {  background-color: #000; } .connect-popup .modal-dialog .btn-popup-signup:hover {  color: #fff; } .connect-popup .modal-dialog button {  min-width: 242px;  margin: 0 auto;  font-size: 20px;  height: unset !important; } @media screen and (min-width: 992px) and (max-width: 1200px) {  .search-form {   height: 91px;  }  .search-form-container .search-field {   max-width: 360px;  }  .search-form-container .filter-city {   max-width: 220px;  }  .search-form-container .filter-receptionist {   max-width: 160px;  } } @media screen and (min-width: 768px) and (max-width: 991px) {  .search-form-container .search-field {   max-width: 270px;  }  .search-form-container .filter-city {   max-width: 90px;  }  .search-form-container .filter-receptionist {   max-width: 150px;  }  .content-area-2 .content h4 {   line-height: 30px;   margin-top: 15px;  } } @media screen and (min-width: 576px) and (max-width: 768px) {  .challanges-2 .row .zero {   padding: 10px 10px !important;   font-size: 25px;   line-height: 30px;  } } @media screen and (max-width: 767px) {  .search-form {   height: unset;   padding-block: 20px;  }  .search-form-container .search-field {   max-width: unset;   margin-bottom: 10px;   height: 50px;  }  .search-form-container .filter {   max-width: unset;   margin-bottom: 10px;   height: 50px;  }  .search-form-container .filter-city {   max-width: unset;   margin-bottom: 10px;   height: 50px;  }  .search-form-container .filter-receptionist {   max-width: unset;   margin-bottom: 10px;   height: 50px;  }  .content-area-2 .content h4 {   line-height: 30px;   margin-top: 15px;  }  .notification-card2 {   height: unset;   padding-block: 10px;  }  .notification-card2 p {   font-size: 14px;   line-height: 18px;  }  .metier-title .col {   gap: 20px;  }  .metier-title .col h2 {   font-size: 22px;   line-height: 30px;  } } .top-ad-section {  margin-top: 9px;  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3803921569);  height: 120px; } .top-ad-section .container {  max-width: 600px;  height: 100%; } .blog_component {  display: flex;  flex-direction: column; } .blog_component .bi-bookmark, .blog_component .bi-bookmark-fill {  color: #848484 !important; } .blog_component:hover {  color: #505050 !important; } .blog_component:hover .blog_component-img {  opacity: 0.8; } .blog_component:hover .blog_component_content-title {  color: var(--secondary);  text-decoration: underline; } .blog_component_small .blog_component-img {  height: auto;  position: relative; } .blog_component_small .blog_component-img img {  width: 100%;  height: 220px;  object-fit: cover; } .blog_component_small .blog_component-img-link:hover img {  opacity: 0.8; } .blog_component_small .blog_component-excerpt-link {  color: inherit; } .blog_component_small .blog_component-excerpt-link:hover {  text-decoration: none; } .blog_component_small .bi-bookmark, .blog_component_small .bi-bookmark-fill {  color: #848484 !important; } .blog_component_small:hover {  color: #505050 !important; } .blog_component_small:hover .blog_component-img img {  opacity: 0.8; } .blog_component_small:hover .blog_component_content-title {  color: var(--secondary);  text-decoration: underline; } .blog_component .blog-excerpt-link {  color: var(--secondary); } .blog_component .blog-excerpt-link:hover {  text-decoration: none; } .blog_component-img {  height: auto;  width: 100%;  position: relative;  padding: 0; } .blog_component-img img {  width: 100%;  height: 100%;  object-fit: cover;  display: block; } .blog_component-img-hover {  opacity: 1 !important; } .blog_component-img-category, .blog_view-category {  opacity: 50%;  background: var(--secondary);  color: white;  padding: 10px 20px;  position: absolute;  top: 0;  left: 0;  width: fit-content;  font-size: 18px;  font-weight: bold; } .blog_component_big-img {  height: auto;  padding-left: 0;  padding-right: 0; } .blog_component_content {  display: flex;  flex-direction: column;  flex-grow: 1; } .blog_component_content-title {  color: var(--secondary);  margin: 0 0 0.5em;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  line-height: 1.2;  max-height: 3.6em;  font-size: 26px; } @media (min-width: 992px) {  .blog_component_content-title {   -webkit-line-clamp: 4;   max-height: 4.8em;  } } .blog_component_content-title-hover {  color: var(--secondary) !important;  text-decoration: none !important; } .blog_component_content-excerpt {  flex-grow: 1;  margin: 0.5rem 0;  font: normal normal 22px/30px Titillium;  display: -webkit-box;  -webkit-box-orient: vertical; } .blog_component_content-excerpt-hover {  color: var(--secondary) !important; } .blog_component_content-medium-excerpt {  font: normal normal 22px/24px Titillium; } .blog_component_content-small-excerpt {  font: normal normal 18px/24px Titillium;  max-height: 4.5em;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; } .blog_component_content-text {  margin: 0 0 1rem 0; } .blog_component_content-text-hover {  color: var(--secondary) !important; } .blog_component_content-publication {  font-family: "Titillium", serif;  font-size: 12px;  margin-top: auto; } .blog_component_content-publication a {  font-size: 12px; } .blog_component_content-publication-category:hover, .blog_component_content-publication-comment:hover {  text-decoration: underline; } .blog_component > hr {  border-top: solid 2px var(--secondary); } .blog-item-small {  height: 100%; } @media only screen and (max-width: 991px) {  .blog_component-img {   height: unset;  }  .blog_component_content {   min-height: 0;   margin-bottom: 20px;   padding: 0;  }  .blog_component_content-title {   margin-top: 2rem;  }  .blog_component > hr {   display: none;  } } @supports not (-webkit-line-clamp: 3) {  .blog_component_small .blog_component_content-title,  .blog_component_small .blog_component_content-small-excerpt {   position: relative;   max-height: 4.5em;   padding-right: 1em;   overflow: hidden;  }  .blog_component_small .blog_component_content-title::after,  .blog_component_small .blog_component_content-small-excerpt::after {   content: "...";   position: absolute;   right: 0;   bottom: 0;   padding: 0 0.2em;   background: white;  }  @media (min-width: 992px) {   .blog_component_small .blog_component_content-title { max-height: 6em;   }  } } .carousel {  margin: 2rem 3rem;  padding: 15px;  border: 3px solid #000000; } .carousel_head {  display: flex;  justify-content: space-between; } .carousel_head-2 {  display: flex;  justify-content: space-between; } .carousel_head-2 h4 {  font-size: 40px; } .carousel_head h2 {  font-size: 51px; } .carousel_head_title {  font-size: 51px; } .carousel_head_all {  font-size: 22px;  font-weight: bold;  margin: 0 0 10px 0; } .carousel_slick .slick-prev, .carousel_slick .slick-next {  width: 2rem;  height: 2rem;  min-width: auto;  color: #000000; } .carousel_slick .slick-prev::before, .carousel_slick .slick-next::before {  font-family: "icomoon-custom";  content: "\e912";  color: #000000;  font-size: 3rem;  opacity: 1; } .carousel_slick .slick-prev:hover, .carousel_slick .slick-next:hover {  border: 0;  opacity: 0.75; } .carousel_slick .slick-next {  transform: rotate(180deg) translate(-50%, -50%) !important;  top: 25%;  left: 101.5%; } .carousel_slick .slick-prev {  transform: translate(-50%, -50%);  top: 34%;  left: -4%; } .carousel_slick_item {  position: relative;  padding: 0 0.5rem 1rem 0.5rem; } .carousel_slick_item_content h5.carousel_slick_item_content_title {  margin: 0 0 23px 0; } .carousel_slick_item img {  bottom: 40px;  left: 1.1rem;  max-height: 50px;  height: 50px;  margin: 1rem 0;  max-width: 100px; } .carousel_slick_item button {  position: absolute;  bottom: 0;  left: 0;  right: 0; } .entreprises-vip-carousel .card {  max-width: 332px;  margin: 0 auto;  display: flex !important; } .entreprises-vip-carousel .card .img-box {  height: 234px;  position: relative;  background-repeat: no-repeat;  background-position: center; } .entreprises-vip-carousel .card .img-box .white-box {  width: 86px;  height: 86px;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  background-color: #fff;  position: absolute;  bottom: -43px;  right: 15px;  place-content: center; } .entreprises-vip-carousel .card .img-box .white-box img {  object-fit: contain;  max-width: 100%;  max-height: 100%;  display: block; } .entreprises-vip-carousel .card .content-box .title {  height: 57px; } .entreprises-vip-carousel .card .btn-small {  min-width: 140px;  font-size: 17px;  font-weight: bold;  padding: 5px;  text-decoration: none;  display: inline-block;  text-align: center;  margin: 0 5px; } .entreprises-vip-carousel .card .outline-btn {  background-color: transparent;  color: #000;  border: 2px solid #000; } .entreprises-vip-carousel .card .btn-tertiary {  background-color: var(--primary);  color: white;  border: 1px solid #f0f0f0; } .entreprises-vip-carousel .slick-prev {  background: url(https://www.droit-inc.com/img/left-chevron.png);  background-repeat: no-repeat;  background-position: center;  width: unset;  min-width: unset;  height: 50px;  position: absolute;  left: 0;  z-index: 1; } .entreprises-vip-carousel .slick-prev:before {  color: transparent; } .entreprises-vip-carousel .slick-next {  background: url(https://www.droit-inc.com/img/right-chevron.png);  background-repeat: no-repeat;  background-position: center;  width: unset;  min-width: unset;  height: 50px;  position: absolute;  right: 0;  z-index: 1; } .entreprises-vip-carousel .slick-next:before {  color: transparent; } .entreprises-vip-carousel .slick-list {  max-width: 1140px;  margin: 0 auto; } .vip-link {  color: #000000;  text-decoration: none;  font-weight: bold;  font-size: 20px; } .vip-link:hover {  color: #000000;  text-decoration: none; } .carousel_head-2 {  margin-bottom: 40px; } .border-thick {  border-right-width: 3px !important; } @media only screen and (max-width: 992px) {  .carousel_slick .slick-prev {   left: -8%;  } } @media only screen and (max-width: 519px) {  .carousel_slick_item {   border: none;  }  .carousel_slick .slick-prev {   left: -9%;  } }