@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.cdnfonts.com/css/isidora-soft-alt");
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "Isidora";
}

h1 {
  font-size: 72px;
}

h2 {
  font-size: 56px;
}

h3 {
  font-size: 48px;
}

h4 {
  font-size: 42px;
}

h5 {
  font-size: 36px;
}

h6 {
  font-size: 32px;
}

p {
  margin: 0;
  font-size: 12px;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
  color: #fff;
}

.skeleton {
  background-image: linear-gradient(to right, #e9e9e9, #f8f8f8, #e9e9e9, #f8f8f8);
  background-size: 300%;
  animation: pulse-skeleton 1s infinite running;
}

@keyframes pulse-skeleton {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0 100%;
  }
}
header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
  color: white;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.1882352941);
}
header #menu-menu-header li.a-propos > a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  color: #9c9c9c;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  margin-left: 5px;
}
header #menu-menu-header li.a-propos:hover > a::after {
  transform: rotate(90deg);
}
header #menu-menu-header li.a-propos ul.dropdown-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 20px 5px;
  width: -moz-max-content;
  width: max-content;
  top: 60px;
  opacity: 0;
  visibility: hidden;
  list-style: none;
  border-radius: 15px;
  scale: 0.9;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.1882352941);
  transition: all 0.3s ease-in-out;
}
header #menu-menu-header li.a-propos ul.dropdown-menu li a {
  color: #9c9c9c;
  transition: all 0.3s ease-in-out;
  padding: 10px;
}
header #menu-menu-header li.a-propos ul.dropdown-menu li a:hover {
  color: #272727;
}
header #menu-menu-header li.a-propos:hover ul.dropdown-menu {
  visibility: inherit;
  opacity: 1;
  scale: 1;
}
header .navbar {
  margin: 0 auto;
  padding: 0px 20px;
  position: fixed;
  display: flex;
  background-color: white;
  justify-content: center;
  align-items: center;
  gap: 30px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.45);
}
header .navbar.is-pinned {
  padding: 10px 20px;
  box-shadow: 0px 0px 3px 1px #9c9c9c;
}
header .navbar .logo-mercato-emploi img,
header .navbar .logo-mercato-emploi svg {
  width: 100%;
  height: 100%;
  max-width: 140px;
}
header .navbar .main-menu {
  max-width: 1000px;
}
header .navbar .main-menu > ul {
  display: flex;
  align-items: center;
  list-style: none;
  justify-content: flex-end;
  gap: 20px;
  margin: 0;
  width: 100%;
}
header .navbar .main-menu > ul li {
  margin: 0;
  position: relative;
}
header .navbar .main-menu > ul a {
  padding: 30px 16px;
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "MontSerrat";
  font-size: 11.5px;
  font-weight: 500;
  display: inline-block;
}
header .navbar .main-menu > ul li.join-team a {
  color: white;
  background-color: #ff9702;
  border-radius: 50px;
  padding: 10px 24px;
}

header.menu-recruiter {
  background-color: transparent;
}
header.menu-recruiter .navbar .main-menu ul a {
  color: white;
}

@media screen and (max-width: 1120px) {
  header .navbar {
    position: fixed;
    padding: 10px 20px;
    box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.46);
    justify-content: space-between;
    gap: 0;
  }
  header .navbar .logo-mercato-emploi svg {
    height: 50px;
    width: auto;
  }
  header .navbar .main-menu #menu-menu-header li.a-propos:hover > a::after {
    transform: inherit;
  }
  header .navbar .main-menu #menu-menu-header li.a-propos:hover > a.show::after {
    transform: rotate(90deg);
  }
  header .navbar .main-menu #menu-menu-header li.a-propos ul.dropdown-menu {
    position: relative;
    display: none;
    top: inherit;
    padding: 0;
    background-color: inherit;
    box-shadow: none;
    width: 100%;
    max-height: inherit;
    transition: inherit;
    opacity: 1;
    visibility: inherit;
    scale: 1;
  }
  header .navbar .main-menu #menu-menu-header li.a-propos ul.dropdown-menu li a {
    padding: 10px 15px;
    background-color: #e9e9e9;
    margin-bottom: 5px;
    border-radius: 20px;
  }
  header .navbar .main-menu > ul {
    position: relative;
    transition: all 0.3s ease-in-out;
    min-height: calc(100vh - 70px);
    background-color: white;
    align-items: flex-start;
    margin-top: 20px;
    padding-top: 20px;
    row-gap: 20px;
    justify-content: flex-start;
    border-top: 2px solid #e9e9e9;
  }
  header .navbar .main-menu > ul li {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  header .navbar .main-menu > ul li a.nav-link {
    color: #272727;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
  }
  header .navbar .main-menu > ul li.join-team {
    margin-top: 25px;
  }
  header .navbar .main-menu > ul li.join-team a {
    color: white;
    text-align: center;
    padding: 15px 24px;
  }
  header .navbar .navbar-toggler {
    display: block;
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
  }
  header .navbar .navbar-toggler .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
  }
}
footer {
  background-color: #e9e9e9;
  padding-bottom: 30px;
}
footer.half-footer {
  width: 800px;
}
footer.half-footer .footer-body-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
footer .footer-upper {
  background-color: #231e47;
  color: white;
  padding: 30px 0;
}
footer .footer-upper .footer-upper-container {
  margin: 0px auto;
  max-width: 1120px;
}
footer .footer-upper .footer-upper-container .footer-breadcrumb {
  text-align: center;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
footer .footer-upper .footer-upper-container .footer-breadcrumb svg {
  margin-right: 10px;
}
footer .footer-upper .footer-upper-container .footer-breadcrumb svg path {
  fill: #068beb;
}
footer .footer-upper .footer-upper-container .footer-breadcrumb .footer-breadcrumb-content a {
  color: white;
  padding-right: 5px;
}
footer .footer-upper .footer-upper-container .footer-breadcrumb .footer-breadcrumb-content a:hover {
  text-decoration: underline;
}
footer .footer-upper .footer-upper-container .footer-breadcrumb .footer-breadcrumb-content a::after {
  content: ">";
  margin-left: 5px;
  text-decoration: none;
}
footer .footer-upper .footer-upper-container .footer-breadcrumb .footer-breadcrumb-content a:last-child::after {
  content: "";
  margin-left: 0px;
}
footer .footer-body-container {
  margin: 40px auto;
  max-width: 1120px;
  display: flex;
  justify-content: space-between;
}
footer .footer-body-container-column {
  width: 25%;
  font-size: 12px;
}
footer .footer-body-container-column svg {
  width: 200px;
  height: auto;
}
footer .footer-body-container-column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footer-body-container-column ul li {
  margin-bottom: 20px;
}
footer .footer-body-container-column ul li a {
  color: black;
}
footer .footer-body-tel-container {
  border-top: 1px solid #9c9c9c;
  border-bottom: 1px solid #9c9c9c;
  padding: 20px 0;
  text-align: center;
  font-size: 12px;
}
footer .footer-body-tel-container b {
  font-size: 24px;
}
footer .footer-lower-links-pages-container {
  margin: 30px auto 0 auto;
  max-width: 765px;
  font-size: 10px;
  display: flex;
  justify-content: center;
}
footer .footer-lower-links-pages-container a {
  color: black;
  border-right: 1px solid #4d4d4d;
  padding: 0 15px;
}
footer .footer-lower-links-pages-container a:last-child {
  border-right: inherit;
}
footer .footer-lower-socials-network-container {
  max-width: 765px;
  margin: 30px auto 0 auto;
  font-size: 12px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
footer .footer-lower-socials-network-container .socials-network-container {
  display: flex;
  gap: 10px;
}
footer .footer-lower-socials-network-container .socials-network-container a {
  width: 16px;
  height: 16px;
  display: inline-block;
}
footer .footer-lower-socials-network-container .socials-network-container i {
  font-size: 16px;
}

@media screen and (max-width: 1120px) {
  footer {
    padding-bottom: 100px;
  }
  footer.half-footer {
    width: 100%;
  }
  footer .footer-upper {
    padding: 10px 40px;
  }
  footer .footer-body-tel-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  footer .footer-body-tel-container b {
    width: 100%;
  }
  footer .footer-body-container {
    flex-direction: column;
    padding: 0 20px 0px 60px;
    justify-content: center;
  }
  footer .footer-body-container .footer-body-container-column {
    width: 100%;
  }
  footer .footer-body-container .footer-body-container-column:first-child {
    margin-bottom: 20px;
  }
  footer .footer-lower-links-pages-container {
    flex-direction: column;
    gap: 10px;
    padding-left: 60px;
  }
  footer .footer-lower-links-pages-container a {
    border-right: 0;
    padding: 0;
    font-size: 12px;
  }
  footer .footer-lower-socials-network-container {
    display: flex;
    flex-direction: column;
    padding: 0px 40px 0 60px;
  }
  footer .footer-lower-socials-network-container .socials-network-container {
    margin-top: 5px;
  }
  footer .footer-lower-socials-network-container a {
    font-size: 24px;
  }
}
.search {
  background: url("https://dev.mercato-emploi.com/wp-content/themes/mercato2024/assets/search-container-background.svg");
  background-size: cover;
  padding: 120px 0px 0 20px;
  overflow: hidden;
}
.search .search-container {
  margin: 0 auto -5px auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  height: calc(100vh - 325px);
  min-height: 400px;
}
.search .search-container .left-column {
  text-align: right;
  width: 55%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: baseline;
  position: relative;
  z-index: 1;
}
.search .search-container .left-column .text {
  font-size: 3.5vw;
  color: white;
  font-weight: 600;
  text-align: center;
  width: 100%;
  max-width: 1000px;
  margin-bottom: 40px;
}
.search .search-container .left-column .text b {
  font-weight: bold;
  color: #231e47;
}
.search .search-container .left-column .header-cta-container {
  display: flex;
  justify-content: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
  width: 100%;
  max-width: 1000px;
  font-size: 2vw;
}
.search .search-container .left-column .header-cta-container .header-home-cta {
  border-radius: 10px;
  color: white;
  padding: 30px;
  width: 25%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.search .search-container .left-column .header-cta-container .header-home-cta svg {
  width: 4vw;
  height: 4vw;
  margin-bottom: 10px;
}
.search .search-container .left-column .header-cta-container .header-home-cta svg path {
  fill: white;
}
.search .search-container .left-column .header-cta-container .header-home-cta.enterprise {
  background-color: #265dc6;
}
.search .search-container .left-column .header-cta-container .header-home-cta.candidat {
  background-color: #231e47;
}
.search .search-container .left-column h4 {
  color: white;
  font-family: "Isidora";
  font-weight: 800;
  line-height: 1;
  margin: 0;
}
.search .search-container .left-column .sector-title {
  color: #4d4d4d;
  font-weight: 400;
  margin-bottom: 40px;
}
.search .search-container .left-column img {
  max-width: 400px;
}
.search .search-container img {
  position: absolute;
  bottom: 0;
  right: -50px;
  width: 50%;
  min-width: 600px;
  z-index: 0;
}
.search .search-container .search-bar {
  position: absolute;
  bottom: -70px;
  width: 100%;
  max-width: 1120px;
}
.search .search-container .search-bar .container-form-tab {
  display: flex;
  align-items: flex-end;
}
.search .search-container .search-bar .container-form-tab .form-tab {
  border-radius: 10px 10px 0 0;
  padding: 15px 25px 0 25px;
  margin-right: 5px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background-color: #231e47;
  box-shadow: 0px 0px 5px 0px #4d4d4d;
}
.search .search-container .search-bar .container-form-tab .form-tab.active-tab, .search .search-container .search-bar .container-form-tab .form-tab.clicked-tab {
  padding: 15px 25px;
}
.search .search-container .search-bar .container-form-tab .form-tab.clicked-tab {
  background-color: #068beb;
}
.search .search-container .search-bar .container-form-tab .form-tab h4 {
  font-size: 12px;
  font-weight: 400;
  color: white;
  text-transform: uppercase;
  margin: 0;
}
.search .search-container .search-bar form {
  width: 100%;
  display: none;
  box-shadow: 0px 0px 5px 0px #4d4d4d;
}
.search .search-container .search-bar form.active-form {
  display: flex;
  justify-content: space-between;
}
.search .search-container .search-bar form .container-input {
  width: 45%;
  display: flex;
  flex-direction: column;
  padding: 20px 30px;
  background-color: white;
}
.search .search-container .search-bar form .container-input:nth-child(even) {
  background-color: #e9e9e9;
}
.search .search-container .search-bar form .container-input:nth-child(even) input {
  background-color: #e9e9e9;
}
.search .search-container .search-bar form .container-input input {
  border: none;
  padding: 10px 5px;
}
.search .search-container .search-bar form .container-input input:focus-visible {
  outline: none;
}
.search .search-container .search-bar form .container-input label {
  text-transform: uppercase;
  font-weight: 500;
  padding: 0 5px;
}
.search .search-container .search-bar form .container-input input::-moz-placeholder {
  color: #068beb;
}
.search .search-container .search-bar form .container-input input::placeholder {
  color: #068beb;
}
.search .search-container .search-bar form button {
  width: 10%;
  border: none;
  cursor: pointer;
  background-color: #068beb;
}

.most-searched {
  background-color: #231e47;
  padding: 40px 20px;
}
.most-searched .most-searched-container {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}
.most-searched .most-searched-container .most-searched-title {
  color: #068beb;
  font-size: 12px;
  margin-bottom: 10px;
}
.most-searched .most-searched-container .tag-container {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}
.most-searched .most-searched-container .tag-container .tag {
  border-radius: 10px;
  background-color: rgba(6, 139, 235, 0.2);
  padding: 5px 10px;
  border: 2px solid #068beb;
  display: flex;
  align-items: center;
}
.most-searched .most-searched-container .tag-container .tag .tag-title {
  color: white;
  margin-left: 10px;
  font-size: 12px;
}
.most-searched .most-searched-container .tag-container .tag svg path {
  fill: #068beb;
}

.enterprise-job-offer {
  background-color: #231e47;
  padding: 40px 20px;
}
.enterprise-job-offer .enterprise-job-offer-container {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
}
.enterprise-job-offer .enterprise-job-offer-container h3 {
  font-size: 42px;
  font-family: "Isidora";
}
.enterprise-job-offer .enterprise-job-offer-container h3,
.enterprise-job-offer .enterprise-job-offer-container h6 {
  color: white;
  width: 100%;
  margin: 0;
}
.enterprise-job-offer .enterprise-job-offer-container h6 {
  font-size: 12px;
  font-weight: 400;
}
.enterprise-job-offer .enterprise-job-offer-container .find-enterprise {
  text-transform: uppercase;
}
.enterprise-job-offer .companies-swiper-container {
  width: 100%;
  padding: 20px 0;
  min-width: 0;
}
.enterprise-job-offer .companies-swiper-container .slick-track {
  display: flex;
  align-items: stretch;
}
.enterprise-job-offer .companies-swiper-container .slick-track .slick-slide {
  height: unset;
}
.enterprise-job-offer .companies-swiper-container .slick-track .job-offer-company-card {
  display: flex;
  flex-direction: column;
}
.enterprise-job-offer .container-enterprise-tag {
  align-items: center;
}
.enterprise-job-offer .container-enterprise-tag .job-offer-company-card {
  box-shadow: inherit;
  border: 2px solid white;
  margin: 0 10px;
}
.enterprise-job-offer .container-enterprise-tag .slick-arrow {
  position: absolute;
  top: calc(50% - 40px);
  z-index: 2;
  background-color: #265dc6;
  color: white;
  font-size: 32px;
  border: 0;
  border-radius: 50%;
  padding: 10px 20px;
  cursor: pointer;
}
.enterprise-job-offer .container-enterprise-tag .slick-prev {
  left: -60px;
}
.enterprise-job-offer .container-enterprise-tag .slick-next {
  right: -60px;
}

.logo-enterprise {
  position: relative;
  z-index: 1;
  background-color: white;
}
.logo-enterprise .swiper-container {
  margin: 0 auto;
  padding: 30px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.logo-enterprise .swiper-container .swiper-wrapper {
  align-items: center;
}
.logo-enterprise .swiper-container .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.logo-enterprise .swiper-container .swiper-slide img.large {
  width: 150px;
}

.enterprise-mission .enterprise-mission-container {
  max-width: 1120px;
  margin: 40px auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 20px;
  position: relative;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  box-sizing: border-box;
}
.enterprise-mission .enterprise-mission-container img {
  width: 35%;
}
.enterprise-mission .enterprise-mission-container .inner-enterprise-mission-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  gap: 10px;
}
.enterprise-mission .enterprise-mission-container .inner-enterprise-mission-text h4 {
  font-size: 24px;
}
.enterprise-mission .enterprise-mission-container .inner-enterprise-mission-text p {
  font-size: 12px;
}

.bloc-cta .bloc-cta-container {
  margin: 0 auto;
  max-width: 1120px;
  border-radius: 20px;
  display: flex;
  overflow: hidden;
  background-size: cover;
}
.bloc-cta .bloc-cta-container .create-cv-image {
  background: url("https://dev.mercato-emploi.com/wp-content/uploads/2024/06/trouver-entreprise-fond-scaled.jpg");
}
.bloc-cta .bloc-cta-container .join-us-image {
  background: url("https://dev.mercato-emploi.com/wp-content/uploads/2024/06/trouver-entreprise-fond-scaled.jpg");
}
.bloc-cta .bloc-cta-container .bloc-cta-image {
  width: 45%;
  background-size: cover;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
}
.bloc-cta .bloc-cta-container .bloc-cta-text {
  width: 55%;
  color: white;
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.bloc-cta .bloc-cta-container .bloc-cta-text h6 {
  font-size: 24px;
  font-weight: 500;
}
.bloc-cta .bloc-cta-container .bloc-cta-text div.bloc-cta-text-title {
  font-weight: 900;
  font-style: italic;
  font-family: "Isidora";
  font-size: 42px;
  line-height: 1.1;
}
.bloc-cta .bloc-cta-container .bloc-cta-text p {
  font-size: 12px;
  margin: 20px 0px;
  color: white;
}
.bloc-cta .bloc-cta-container .bloc-cta-text .medium-call-to-action {
  border-color: white;
  color: white;
  text-transform: uppercase;
  width: 200px;
  text-align: center;
}
.bloc-cta .bloc-cta-container .bloc-cta-text .medium-call-to-action:hover {
  background-color: white;
  color: #ff6602;
}
.bloc-cta .create-cv-container {
  background: url("https://dev.mercato-emploi.com/wp-content/themes/mercato2024/assets/search-container-background.svg");
  margin: 40px auto;
}
.bloc-cta .join-us-container {
  background: url("https://dev.mercato-emploi.com/wp-content/themes/mercato2024/assets/search-container-background.svg") no-repeat;
  background-size: cover;
}

.businesses-fields .businesses-fields-container {
  margin: 0 auto;
  max-width: 1120px;
}
.businesses-fields .businesses-fields-container .businesses-fields-container-header {
  font-style: italic;
  font-size: 24px;
  font-weight: 300;
  color: #231e47;
}
.businesses-fields .businesses-fields-container h4 {
  font-weight: 900;
  font-size: 32px;
  margin-bottom: 20px;
}
.businesses-fields .businesses-fields-container .card-businesses-fields-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.businesses-fields .businesses-fields-container .card-businesses-fields-container .card-business-field {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  border: 1px solid #e9e9e9;
  width: 24%;
}
.businesses-fields .businesses-fields-container .card-businesses-fields-container .card-business-field svg {
  text-align: right;
  padding: 10px 20px;
  margin-left: auto;
}
.businesses-fields .businesses-fields-container .card-businesses-fields-container .card-business-field img {
  padding: 0 5px;
  box-sizing: border-box;
}
.businesses-fields .businesses-fields-container .card-businesses-fields-container .card-business-field .card-business-field-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  font-weight: 600;
}
.businesses-fields .businesses-fields-container .card-businesses-fields-container .card-business-field .card-business-field-info .inner-card-business-field-info {
  display: flex;
  flex-direction: column;
  color: black;
}
.businesses-fields .businesses-fields-container .card-businesses-fields-container .card-business-field .card-business-field-info .inner-card-business-field-info .busiless-field-name {
  color: #068beb;
  font-weight: 400;
}

.businesses-fields-tags .businesses-fields-tags-container {
  margin: 0px auto 40px auto;
  max-width: 1120px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.slider-logo-entreprise {
  padding: 20px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  height: 140px;
  overflow: hidden;
}
.slider-logo-entreprise .slick-track {
  display: flex;
  align-items: center;
}
.slider-logo-entreprise img {
  align-self: center;
  margin: 0 40px;
}
.slider-logo-entreprise img.large {
  transform: scale(1.5);
}
.slider-logo-entreprise .slick-arrow {
  display: none !important;
}

.futur-job .futur-job-container {
  padding: 20px 0;
  margin: 0px auto;
  max-width: 1120px;
  display: flex;
  flex-direction: column;
}
.futur-job .futur-job-illustrations {
  justify-content: center;
}
.futur-job .futur-job-illustrations .futur-job-single-illustration {
  margin: 0 10px;
}
.futur-job .futur-job-illustrations .futur-job-single-illustration .futur-job-city {
  left: 10px;
  font-size: 28px;
}
.futur-job .futur-job-container-header,
.futur-job h4 {
  padding: 0 40px;
}
.futur-job .futur-job-container-header {
  font-style: italic;
  font-size: 24px;
  font-weight: 300;
  color: #231e47;
}
.futur-job h4 {
  font-weight: 900;
  font-size: 32px;
  margin-bottom: 20px;
}
.futur-job .futur-job-illustrations {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.futur-job .futur-job-illustrations .slick-arrow {
  display: none !important;
}
.futur-job .futur-job-single-illustration {
  border-radius: 10px;
  width: 350px;
  overflow: hidden;
  position: relative;
  height: 200px;
  margin: 0 10px;
}
.futur-job .futur-job-single-illustration .futur-job-city {
  font-size: 36px;
  color: white;
  text-transform: uppercase;
  position: absolute;
  font-weight: 200;
  top: 10px;
  left: 30px;
}

.join-us .join-us-container .join-us-text {
  flex-direction: row;
}
.join-us .join-us-container .join-us-text .inner-join-us-text a {
  display: block;
}

.ctas .ctas-container {
  margin: 0px auto;
  padding: 40px 20px;
  max-width: 1120px;
  display: flex;
  justify-content: space-around;
}
.ctas .ctas-container .single-cta {
  width: 200px;
  text-align: center;
}
.ctas .ctas-container .single-cta.purple {
  color: #7100fe;
}
.ctas .ctas-container .single-cta.gold {
  color: #ff9702;
}
.ctas .ctas-container .single-cta.blue {
  color: #068beb;
}
.ctas .ctas-container .single-cta .single-cta-title {
  text-transform: uppercase;
}
.ctas .ctas-container .single-cta p {
  font-size: 12px;
  margin: 10px 0;
  color: #231e47;
}
.ctas .ctas-container .single-cta .small-call-to-action {
  text-transform: uppercase;
  display: block;
}
.ctas .ctas-container .single-cta .small-call-to-action.purple {
  color: #7100fe;
  border-color: #7100fe;
}
.ctas .ctas-container .single-cta .small-call-to-action.purple:hover {
  background-color: #7100fe;
}
.ctas .ctas-container .single-cta .small-call-to-action.gold {
  color: #ff9702;
  border-color: #ff9702;
}
.ctas .ctas-container .single-cta .small-call-to-action.gold:hover {
  background-color: #ff9702;
}
.ctas .ctas-container .single-cta .small-call-to-action.blue {
  color: #068beb;
  border-color: #068beb;
}
.ctas .ctas-container .single-cta .small-call-to-action.blue:hover {
  background-color: #068beb;
}
.ctas .ctas-container .single-cta .small-call-to-action:hover {
  color: white;
}

@media screen and (max-width: 1120px) {
  body .search {
    padding: 120px 0px 0px 0px;
  }
  body .search .search-container {
    align-items: flex-start;
    padding-top: 13px;
  }
  body .search .search-container .left-column {
    width: 100%;
    align-items: flex-start;
    height: 100%;
  }
  body .search .search-container .left-column .text {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.6rem;
  }
  body .search .search-container .left-column .text b {
    font-weight: 800;
    font-size: 27px;
  }
  body .search .search-container .left-column .header-cta-container {
    align-self: flex-end;
    -moz-column-gap: 0;
         column-gap: 0;
    margin-bottom: 5px;
  }
  body .search .search-container .left-column .header-cta-container .header-home-cta {
    font-size: 18px;
    padding: 20px 10px;
    width: 50%;
    border-radius: 0;
  }
  body .search .search-container img {
    right: inherit;
    width: 120%;
    left: -8vw;
    min-width: inherit;
  }
  body .logo-enterprise .swiper-container .swiper-slide img {
    width: auto;
    max-height: 80px;
  }
  body .enterprise-job-offer {
    padding: 40px 0;
  }
  body .enterprise-job-offer .enterprise-job-offer-container h3 {
    padding: 0 40px;
    font-size: 32px;
  }
  body .enterprise-job-offer .slick-arrow {
    display: none !important;
  }
  body .enterprise-job-offer .find-enterprise {
    margin: 0px 40px;
    line-height: 1.3rem;
    font-size: 16px;
    text-align: center;
    border-radius: 10px;
  }
  body .enterprise-mission {
    padding: 0 40px;
  }
  body .enterprise-mission .enterprise-mission-container {
    flex-direction: column;
    padding: 0;
    border: none;
  }
  body .enterprise-mission .enterprise-mission-container img {
    width: 100%;
  }
  body .enterprise-mission .enterprise-mission-container .inner-enterprise-mission-text {
    width: 100%;
  }
  body .enterprise-mission .enterprise-mission-container .inner-enterprise-mission-text p {
    text-align: justify;
  }
  body .enterprise-mission .call-to-action {
    width: 100%;
    padding: 15px 20px;
    margin-top: 10px;
    box-sizing: border-box;
  }
  body .articles.home .articles-container {
    padding: 0;
  }
  body .articles.home .articles-container .articles-right-column {
    display: none;
  }
  body .articles.home .articles-container .articles-left-column {
    width: 100%;
    padding: 20px 40px;
  }
  body .articles.home .articles-container .header-left-column-container {
    display: none;
  }
  body .articles.home .articles-container .last-articles {
    font-size: 28px;
    border-top: 2px solid #e9e9e9;
  }
  body .articles.home .articles-container .featured-article h3 {
    padding-top: 25px !important;
    font-size: 24px !important;
  }
  body .articles.home .articles-container .featured-article p {
    display: none;
  }
  body .recruter-job-offers-ctas-container .bloc-cta.purple {
    display: none;
  }
  body .businesses-fields-tags .businesses-fields-tags-container {
    display: none;
  }
  body .bloc-cta.join-us .join-us-container {
    border-radius: inherit;
  }
  body .bloc-cta.join-us .join-us-container .bloc-cta-image {
    display: none;
  }
  body .bloc-cta.join-us .join-us-container .bloc-cta-text.join-us-text {
    width: 100%;
    padding: 20px 40px;
  }
  body .bloc-cta.join-us .join-us-container .bloc-cta-text.join-us-text .medium-call-to-action.outline {
    width: 100%;
    box-sizing: border-box;
  }
  body .bloc-cta.join-us .join-us-container .bloc-cta-text.join-us-text .inner-join-us-logo {
    display: none;
  }
  body .bloc-cta.join-us .join-us-container .bloc-cta-text.join-us-text .inner-join-us-text p {
    line-height: 1.1rem;
    text-align: justify;
  }
  body .bloc-cta.join-us .join-us-container .bloc-cta-text.join-us-text .inner-join-us-text .bloc-cta-text-title {
    font-size: 24px;
  }
}
body.no-scroll {
  overflow: hidden;
}

.job-offer-card-skeleton {
  width: 100%;
  height: 120px;
  border-radius: 10px;
}

.job-offer-nb-result-skeleton {
  width: 85%;
  height: 36px;
  border-radius: 20px;
}

.job-offers-number-container {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}
.job-offers-number-container .jobs-offers-numbers {
  color: #ff9702;
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 20px;
  padding-left: 20px;
  width: 85%;
}
.job-offers-number-container .jobs-offers-numbers b {
  font-size: 32px;
}

.search-zone {
  position: fixed;
  top: 140px;
  left: 880px;
  z-index: 2;
  padding: 10px;
  border: 1px solid #ff9702;
  color: #ff9702;
  background-color: white;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.4);
}
.search-zone:hover {
  background-color: #ff9702;
  color: white;
}

.main-container-job-offers {
  display: flex;
  position: relative;
}
.main-container-job-offers .upload-cv-job-offer.pc {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #265dc6;
  border-radius: 10px;
  gap: 10px;
  color: white;
  font-weight: 600;
}
.main-container-job-offers .upload-cv-job-offer.pc span {
  padding: 15px;
  background-color: #068beb;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.4);
}
.main-container-job-offers .upload-cv-job-offer.pc svg {
  width: 50px;
  padding: 10px 10px 10px 0px;
}
.main-container-job-offers .modal-job-offer-detail {
  width: 800px;
  height: 100%;
  position: fixed;
  top: 74px;
  left: -800px;
  background-color: white;
  overflow-y: auto;
  padding-bottom: 150px;
  transition: all 0.3s ease-in-out;
}
.main-container-job-offers .modal-job-offer-detail.show {
  left: 0px;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-main-info {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  padding: 0 75px;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-main-info .job-offer-contract-type,
.main-container-job-offers .modal-job-offer-detail .job-offer-main-info .job-offer-city,
.main-container-job-offers .modal-job-offer-detail .job-offer-main-info .job-offer-salary {
  background-color: #068beb;
  padding: 10px;
  color: white;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-main-info .job-offer-contract-type span,
.main-container-job-offers .modal-job-offer-detail .job-offer-main-info .job-offer-city span,
.main-container-job-offers .modal-job-offer-detail .job-offer-main-info .job-offer-salary span {
  color: white;
}
.main-container-job-offers .modal-job-offer-detail .container-recruter-you-should-know {
  display: flex;
  align-items: center;
  padding-left: 12px;
}
.main-container-job-offers .modal-job-offer-detail .container-close-modal-offer-detail {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  padding-right: 10px;
}
.main-container-job-offers .modal-job-offer-detail .container-close-modal-offer-detail #close-modal-offer-detail {
  display: flex;
  align-items: center;
  justify-self: flex-end;
  color: #4d4d4d;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  padding: 10px 15px;
  cursor: pointer;
  font-weight: 600;
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
}
.main-container-job-offers .modal-job-offer-detail .container-close-modal-offer-detail #close-modal-offer-detail span {
  color: #4d4d4d;
  font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 0, "opsz" 45;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  padding-right: 5px;
}
.main-container-job-offers .modal-job-offer-detail .container-close-modal-offer-detail #close-modal-offer-detail:hover {
  background-color: #4d4d4d;
}
.main-container-job-offers .modal-job-offer-detail .container-close-modal-offer-detail #close-modal-offer-detail:hover, .main-container-job-offers .modal-job-offer-detail .container-close-modal-offer-detail #close-modal-offer-detail:hover span {
  color: white;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-content {
  padding: 20px 0px;
  margin: 0;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-content .job-offer-title {
  font-size: 32px;
  font-weight: 600;
  margin: 10px 0 20px 0;
  line-height: 2rem;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-content .company,
.main-container-job-offers .modal-job-offer-detail .job-offer-content .mission,
.main-container-job-offers .modal-job-offer-detail .job-offer-content .profil,
.main-container-job-offers .modal-job-offer-detail .job-offer-content .job-offer-title {
  padding: 0 75px;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-content .job-offer-you-should-know {
  margin: 40px 75px 0 75px;
  width: 60%;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-content .job-offer-you-should-know .job-offer-recruter-name {
  padding-top: 0px;
  padding-left: 0px;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-content .job-offer-you-should-know .job-offer-recruter {
  display: flex;
  align-items: center;
  gap: 12px;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-content .job-offer-you-should-know img {
  position: relative;
  width: 90px;
  top: inherit;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-content .job-offer-you-should-know .job-offer-to-know-title {
  font-size: 16px;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-content .section-title-job-offer {
  margin: 20px 0;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-content .modal-candidate-btn {
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: white;
  background-color: #ff9702;
  transition: all 0.3s ease-in-out;
  gap: 10px;
  position: fixed;
  bottom: 0;
  width: 800px;
  box-sizing: border-box;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.4);
}
.main-container-job-offers .modal-job-offer-detail .job-offer-content .modal-candidate-btn span {
  color: white;
}
.main-container-job-offers .modal-job-offer-detail .job-offer-content .modal-candidate-btn:hover {
  background-color: #ff6602;
}
.main-container-job-offers .job-offers-listing-map-form {
  width: 800px;
  margin-top: 100px;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offers-container {
  padding: 0;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offers-container form#search-job-offers {
  padding: 0px 20px 20px 20px;
  background-color: white;
  justify-content: flex-start;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offers-container form#search-job-offers .button-submit-cv {
  width: 100%;
  display: flex;
  gap: 20px;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offers-container form#search-job-offers .button-submit-cv .submit-btn-form {
  flex: 1;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  gap: 10px;
  font-size: 14px;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offers-container form#search-job-offers .container-elem-form {
  flex: 1;
  height: 47px;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offers-container form#search-job-offers .container-elem-form input,
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offers-container form#search-job-offers .container-elem-form select {
  flex: 1;
  width: inherit;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result {
  background-color: #f8f8f8;
  padding: 20px;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers {
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
  align-content: flex-start;
  width: 100%;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers .container-single-job-offer {
  border-radius: 10px;
  display: flex;
  box-shadow: 0px 0px 9px 0px #dcdcdc;
  width: 100%;
  overflow: hidden;
  background-color: white;
  height: 120px;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers .container-single-job-offer .single-job-offer-image {
  width: 15%;
  height: 100%;
  background: url("");
  background-size: cover;
  background-repeat: no-repeat;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers .container-single-job-offer .single-job-offer-infos {
  padding: 10px 15px 10px 25px;
  width: 75%;
  display: flex;
  flex-wrap: wrap;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers .container-single-job-offer .single-job-offer-infos .business-sector {
  color: #9c9c9c;
  text-transform: uppercase;
  font-size: 10px;
  padding-top: 5px;
  width: 100%;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers .container-single-job-offer .single-job-offer-infos h4 {
  font-size: 16px;
  font-weight: 600;
  flex-grow: 1;
  margin-top: 5px;
  line-height: 1.1rem;
  font-family: "MontSerrat";
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers .container-single-job-offer .single-job-offer-infos .info-job-offer {
  font-size: 11px;
  display: flex;
  align-items: center;
  color: #4d4d4d;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers .container-single-job-offer .single-job-offer-infos .info-job-offer span {
  padding-right: 5px;
  font-size: 22px;
  color: #9c9c9c;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers .container-single-job-offer .single-job-offer-recruter {
  padding: 10px 15px 10px 20px;
  background-color: #f8f8f8;
  height: 100%;
  border-radius: 0 10px 10px 0;
  width: 20%;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers .container-single-job-offer .single-job-offer-recruter p,
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers .container-single-job-offer .single-job-offer-recruter b {
  font-size: 10px;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers .container-single-job-offer .single-job-offer-recruter p {
  color: #4d4d4d;
}
.main-container-job-offers .job-offers-listing-map-form .recruter-job-offer-result .listing-jobs-offers .container-single-job-offer .single-job-offer-recruter img {
  margin-bottom: 5px;
  width: 50px;
  border-radius: 50%;
}
.main-container-job-offers .map-job-offers {
  flex: 1;
  height: calc(100vh - 75px);
  z-index: 1;
  position: fixed;
  left: 800px;
  right: 0;
  display: flex;
  top: 75px;
}
.main-container-job-offers .map-job-offers #map {
  flex: 1;
}

.pagination-jobs-offers,
.pagination-recruters {
  margin: 20px 0;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.pagination-jobs-offers a,
.pagination-recruters a {
  padding: 5px;
  transition: all 0.3s ease-in-out;
  width: 1.5em; /* Définit une largeur fixe pour garantir la circularité */
  height: 1.5em; /* Hauteur égale à la largeur pour un cercle parfait */
  display: inline-flex; /* Utilise flexbox pour centrer le contenu */
  align-items: center; /* Centre verticalement le contenu dans le flex container */
  justify-content: center; /* Centre horizontalement le contenu dans le flex container */
  border-radius: 50%;
}
.pagination-jobs-offers a:hover,
.pagination-recruters a:hover {
  background-color: #ff6602;
  opacity: 0.8;
  color: white;
}
.pagination-jobs-offers a.active,
.pagination-recruters a.active {
  background-color: #ff6602;
  color: white;
}

.pagination-jobs-offers {
  margin: 20px 0;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.pagination-jobs-offers a {
  padding: 5px;
  transition: all 0.3s ease-in-out;
  width: 1.5em; /* Définit une largeur fixe pour garantir la circularité */
  height: 1.5em; /* Hauteur égale à la largeur pour un cercle parfait */
  display: inline-flex; /* Utilise flexbox pour centrer le contenu */
  align-items: center; /* Centre verticalement le contenu dans le flex container */
  justify-content: center; /* Centre horizontalement le contenu dans le flex container */
  border-radius: 50%;
}
.pagination-jobs-offers a:hover {
  background-color: #ff6602;
  opacity: 0.8;
}
.pagination-jobs-offers a.active {
  background-color: #ff6602;
  color: white;
}

.recruter-job-offers-container {
  justify-content: center;
}

.job-offer-available {
  color: #231e47;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
}

.recruter-job-offers-background {
  background: #f8f8f8;
}
.recruter-job-offers-background .recruter-job-offers-container {
  padding: inherit;
}

.job-offers-build-career {
  background-size: cover;
  width: 100%;
  height: 400px;
  border-radius: 20px;
  margin-bottom: 50px;
  display: flex;
}
.job-offers-build-career > img {
  width: auto;
  height: 400px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.job-offers-build-career > div {
  flex-grow: 1;
  padding: 20px;
}
.job-offers-build-career > div .job-offers-build-career-title {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  margin-bottom: 10px;
}
.job-offers-build-career > div .job-offers-build-career-title h3 {
  text-transform: uppercase;
  font-size: 36px;
  font-style: italic;
  font-weight: 300;
  color: #f8f8f8;
  line-height: 2.3rem;
}
.job-offers-build-career > div .job-offers-build-career-title h3 span {
  font-weight: 700;
}
.job-offers-build-career > div .job-offers-build-career-title i {
  width: 70px;
  height: 70px;
  color: #f8f8f8;
}
.job-offers-build-career > div .job-offers-build-career-title i svg {
  width: inherit;
  height: inherit;
}
.job-offers-build-career > div .job-offers-build-career-links {
  display: flex;
  align-items: center;
}
.job-offers-build-career > div .job-offers-build-career-links > div {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  color: #f8f8f8;
  padding: 0 25px;
}
.job-offers-build-career > div .job-offers-build-career-links > div:first-child {
  padding-left: 0;
}
.job-offers-build-career > div .job-offers-build-career-links > div:not(:last-child)::after {
  content: "";
  width: 1px;
  background-color: #f8f8f8;
  height: 110px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.job-offers-build-career > div .job-offers-build-career-links > div svg {
  width: 50px;
  height: auto;
}
.job-offers-build-career > div .job-offers-build-career-links > div p {
  color: #f8f8f8;
  font-size: 24px;
  font-weight: 300;
  text-align: center;
}
.job-offers-build-career > div .job-offers-build-career-links > div p span {
  font-weight: 800;
}
.job-offers-build-career > div .job-offers-build-career-links > div a {
  display: inline-block;
  border: 1px solid #f8f8f8;
  text-align: center;
  padding: 10px;
  border-radius: 20px;
  width: 80%;
}

.info-bulle-title {
  line-height: 1rem;
  font-size: 16px;
}

.separateur-info-bulle {
  margin: 8px 0;
  height: 2px;
  background-color: #e9e9e9;
  border: none;
}

.leaflet-interactive {
  display: none;
}

div.icon-info-bulle {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}
div.icon-info-bulle span {
  font-size: 14px;
}

.know-more-info-bulle {
  color: #068beb;
  text-decoration: underline;
  font-weight: 600;
  font-size: 12px;
  margin-top: 10px;
  display: block;
  text-align: center;
}

@media screen and (min-width: 1120px) {
  .upload-cv-container.mobile {
    display: none;
  }
}
@media screen and (max-width: 1120px) {
  #main .recruter-job-offers-container form#search-job-offers .container-elem-form label {
    font-size: 11px;
    width: 70px;
  }
  #main .job-offer-card-skeleton {
    height: 84px;
  }
  #main .container-elem-form select {
    width: 150px !important;
  }
  #main .job-offer-nb-result-skeleton {
    width: 400px;
  }
  #main form#search-job-offers {
    padding: 0;
  }
  #main .container-single-job-offer {
    height: inherit;
    justify-content: space-between;
  }
  #main .upload-cv-job-offer.pc,
  #main .search-zone {
    display: none;
  }
  #main .recruter-job-offers-container {
    flex-direction: column;
  }
  #main .recruter-job-offers-container .upload-cv-container {
    margin-top: 10px;
  }
  #main .upload-cv-container.mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    clip-path: inherit;
    z-index: 999;
  }
  #main .upload-cv-container.mobile button {
    border-radius: 0;
    clip-path: inherit;
    display: flex;
    gap: 18px;
    font-weight: bold;
    padding: 20px 15px;
  }
}
@media screen and (max-width: 480px) {
  #main .job-offer-card-skeleton {
    height: 140px;
  }
  #main .modal-job-offer-detail {
    display: none;
  }
  #main .job-offer-nb-result-skeleton {
    width: 100%;
  }
}
.city-recrutment-container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 40px 10px;
  display: flex;
  position: relative;
  align-items: flex-end;
  justify-content: space-between;
}

#header-city-recrutment {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 90px;
}
#header-city-recrutment::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #231e47;
  opacity: 0.6;
  z-index: 1;
}
#header-city-recrutment h1 {
  text-transform: uppercase;
  color: #f8f8f8;
  font-weight: 500;
  font-size: 56px;
  line-height: 3rem;
  padding: 30px 0;
  z-index: 2;
  word-break: break-word;
}

#title-city-recrutment {
  padding: 35px 0;
}
#title-city-recrutment h2 {
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 5px;
}
#title-city-recrutment a {
  display: inline-block;
  font-size: 16px;
  padding: 10px 20px;
  border: 1px solid #068beb;
  border-radius: 25px;
  color: #068beb;
  transition: background-color 0.4s ease;
}
#title-city-recrutment a:hover {
  color: #f8f8f8;
  background-color: #068beb;
}

#city-recrutment {
  background-color: #e9e9e9;
}
#city-recrutment .city-recrutment-info {
  display: flex;
  margin: 40px 0;
}
#city-recrutment .city-recrutment-info aside {
  max-width: 400px;
  min-width: 400px;
}
#city-recrutment .city-recrutment-info aside img {
  border-radius: 15px;
  border-top-left-radius: 0;
  height: auto;
  margin-bottom: 20px;
}
#city-recrutment .city-recrutment-info aside a {
  display: block;
  font-size: 16px;
  font-weight: 800;
  padding: 20px 30px;
  border: 1px solid #068beb;
  border-radius: 10px;
  color: #068beb;
  text-align: center;
  word-break: break-word;
  transition: background-color 0.4s ease;
}
#city-recrutment .city-recrutment-info aside a:hover {
  color: #f8f8f8;
  background-color: #068beb;
}
#city-recrutment .city-recrutment-info section {
  margin: 25px 0 0 75px;
}
#city-recrutment .city-recrutment-info section h3 {
  font-size: 24px;
  font-weight: 400;
  color: #068beb;
}
#city-recrutment .city-recrutment-info section h3:not(:first-child) {
  margin-bottom: 15px;
}
#city-recrutment .city-recrutment-info section p {
  margin-bottom: 20px;
  line-height: 1.2rem;
}
#city-recrutment .city-recrutment-info section .city-recrutment-separator {
  display: inline-block;
  width: 25px;
  height: 3px;
  background-color: #068beb;
  margin-bottom: 20px;
}
#city-recrutment .city-recrutment-info section .city-recrutment-objective-container {
  font-size: 12px;
  background-color: #068beb;
  color: #f8f8f8;
  padding: 15px 20px;
  width: -moz-fit-content;
  width: fit-content;
}

.container-city-temp {
  background-color: #e9e9e9;
}

.container-city-listing {
  max-width: 1120px;
  margin: 0px auto;
  padding: 20px;
}
.container-city-listing .recruters-listing {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  height: 550px;
  row-gap: 10px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.container-city-listing .recruters-listing .card-recruter-search-container {
  width: calc(50% - 20px);
}

.city-recruters-title {
  font-size: 32px;
  line-height: 2rem;
  margin: 20px 0;
}

.city-recruter-number {
  margin: 10px 0;
  font-size: 24px;
}

#city-recrutment-listing-recruters {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}

.paginationContainer {
  margin: 20px 0;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.paginationContainer button {
  padding: 15px;
  border: none;
  transition: all 0.3s ease-in-out;
  width: 1.5em;
  height: 1.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: transparent;
  font-size: 16px;
  cursor: pointer;
}
.paginationContainer button.active {
  background-color: #ff6602;
  color: white;
}
.paginationContainer button:hover {
  background-color: #ff6602;
  opacity: 0.8;
  color: white;
}

@media screen and (max-width: 1120px) {
  #header-city-recrutment h1 {
    font-size: 32px;
    flex-grow: 1;
    text-align: center;
  }
  #city-recrutment .city-recrutment-container {
    padding: 40px 20px;
  }
  #city-recrutment .city-recrutment-container .city-recrutment-info {
    flex-direction: column-reverse;
    margin: 0;
  }
  #city-recrutment .city-recrutment-container .city-recrutment-info aside {
    max-width: 100%;
    min-width: 200px;
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
  #city-recrutment .city-recrutment-container .city-recrutment-info aside img {
    display: none;
  }
  #city-recrutment .city-recrutment-container .city-recrutment-info section {
    margin: 0 20px;
  }
}
.recruiter-card-skeleton {
  width: 100%;
  height: 114px;
  border-radius: 10px;
}

.temp-js {
  display: none;
}

.infoPanel {
  position: absolute;
  z-index: 1;
  padding: 5px;
  background-color: white;
  border: 2px solid #265dc6;
  color: #265dc6;
  font-size: 12px;
  top: 0;
  left: 0;
  font-weight: 500;
  border-radius: 5px;
}

.pagination-recruters {
  margin: 20px 0 20px 10px;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  width: 100%;
}
.pagination-recruters button {
  padding: 15px;
  border: none;
  transition: all 0.3s ease-in-out;
  width: 1.5em;
  height: 1.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: transparent;
  font-size: 16px;
}
.pagination-recruters button:not(.active) {
  cursor: pointer;
}
.pagination-recruters button:hover {
  background-color: #ff6602;
  opacity: 0.8;
  color: white;
}
.pagination-recruters button.active {
  background-color: #ff6602;
  color: white;
}

.our-recruters .recruter-job-offer {
  background-color: white;
  width: 100%;
  position: sticky;
  top: 70px;
  z-index: 2;
}
.our-recruters .recruter-job-offer.is-sticky {
  border-bottom: 1px solid #e9e9e9;
}
.our-recruters .recruter-job-offers-container {
  margin-top: 69px;
}
.our-recruters .recruter-job-offers-container .recruter-job-offers-header-left .form-side {
  display: flex;
}
.our-recruters .recruter-job-offers-container .recruter-job-offers-header-left .form-side form#search-recruters {
  width: 100%;
  flex-wrap: wrap !important;
  justify-content: flex-start;
}
.our-recruters .recruter-job-offers-container .recruter-job-offers-header-left .form-side .upload-cv-container {
  width: 300px;
}

.recruters-listing-container {
  background-color: #f8f8f8;
  width: 100%;
}
.recruters-listing-container .inner-recruters-listing-container {
  display: flex;
  -moz-column-gap: 1vw;
       column-gap: 1vw;
  padding: 20px;
  flex-wrap: wrap;
  width: 100%;
  margin: 0px auto;
  align-items: flex-start;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-listing-results {
  width: 100%;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-listing-results .recruters-listing-results-search {
  color: #272727;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-listing-results .recruters-listing-results-search.expend {
  max-height: 500px;
  padding: 20px;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-listing-results .recruters-listing-results-search b {
  color: #ff9702;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-listing-results .recruters-listing-results-search .reset-filter-container {
  font-size: 12px;
  font-weight: 400;
  line-height: inherit;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-listing-results .recruters-listing-results-search .reset-filter-container .reset-filter {
  color: #265dc6;
  display: block;
  margin-top: -5px;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-listing-results .recruters-listing-results-number {
  font-size: 16px;
  color: #272727;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-listing {
  width: 600px;
  row-gap: 10px;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  padding: 10px 15px 1px 10px;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map {
  flex: 1;
  display: flex;
  position: sticky;
  top: 187px;
  align-self: start;
  height: calc(100vh - 200px);
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map .france-map-container {
  width: 100%;
  background-color: white;
  padding: 55px 20px 20px 60px;
  border-radius: 15px;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map #remove-dep-filter {
  position: absolute;
  background-color: transparent;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ff9702;
  color: #ff9702;
  display: none;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  top: 10px;
  left: 30px;
  transition: all 0.3s ease-in-out;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map #remove-dep-filter:hover {
  background-color: #ff9702;
  color: white;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map .france-metro-title {
  position: absolute;
  top: 50px;
  left: 30px;
  font-size: 16px;
  font-weight: 600;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map .france-drom-com-title {
  position: absolute;
  top: 50px;
  font-size: 16px;
  font-weight: 600;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map .separator-gray {
  position: absolute;
  height: 100%;
  width: 20px;
  background-color: #f8f8f8;
  top: 0px;
  right: 21%;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map .dom-tom-title {
  width: 100%;
  font-size: 16px;
  padding-bottom: 10px;
  text-align: center;
  color: #272727;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map .region-carte {
  fill: #ff9702;
  cursor: inherit;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map .region-carte path {
  transition: all 0.3s ease-in-out;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map .region-carte path {
  fill: #ff9702;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map .region-carte path:hover {
  fill: #265dc6;
  cursor: pointer;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map .region-carte.selected path {
  fill: #068beb;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map .region-carte.selected path:hover {
  fill: #265dc6;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map svg path {
  stroke: rgba(255, 255, 255, 0.507);
  stroke-width: 1px;
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map svg g.domtom #region-971 {
  transform: scale(0.06) translate(50%, 0%);
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map svg g.domtom #region-972 {
  transform: scale(0.06) translate(50%, 200%);
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map svg g.domtom #region-973 {
  transform: scale(0.06) translate(50%, 400%);
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map svg g.domtom #region-974 {
  transform: scale(0.06) translate(50%, 600%);
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map svg g.domtom #region-975 {
  transform: scale(0.06) translate(50%, 800%);
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map svg g.domtom #region-976 {
  transform: scale(0.06) translate(50%, 1000%);
}
.recruters-listing-container .inner-recruters-listing-container .recruters-map svg g.domtom #region-988 {
  transform: scale(0.6) translate(5%, 125%);
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container {
  width: 100%;
  display: flex;
  border: 2px solid white;
  box-shadow: 0px 0px 9px 0px #dcdcdc;
  border-radius: 10px;
  overflow: hidden;
  background-color: white;
  flex-wrap: wrap;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-picture {
  width: 110px;
  height: 125px;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 5px 10px;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-up {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-up .card-recruter-info-up-name {
  width: 100%;
  font-weight: 800;
  font-size: 16px;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-up .card-recruter-info-up-avis {
  width: 30%;
  text-align: right;
  font-size: 10px;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-up .card-recruter-info-up-avis b {
  font-size: 12px;
  margin-right: 5px;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-up .card-recruter-info-up-specialites {
  display: flex;
  gap: 5px;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 5px;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-up .card-recruter-info-up-specialites .tag-specialites {
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 10px;
  border: 1px solid #9c9c9c;
  color: #9c9c9c;
  display: flex;
  align-items: center;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos hr {
  width: 100%;
  border: 0;
  border-top: 1px solid #e9e9e9;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-down {
  display: flex;
  justify-content: space-between;
  flex: 0.5;
  align-items: center;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-city {
  font-size: 12px;
  font-weight: 500;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-city i {
  color: #9c9c9c;
  font-size: 14px;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-contact {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-contact i {
  color: #ff9702;
}

.card-recruter-search-container {
  width: 100%;
  display: flex;
  border: 2px solid white;
  box-shadow: 0px 0px 9px 0px #dcdcdc;
  border-radius: 10px;
  overflow: hidden;
  background-color: white;
}
.card-recruter-search-container .card-recruter-picture {
  width: 110px;
  height: 110px;
}
.card-recruter-search-container .card-recruter-infos {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 5px 10px;
}
.card-recruter-search-container .card-recruter-infos .card-recruter-info-up {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
}
.card-recruter-search-container .card-recruter-infos .card-recruter-info-up .card-recruter-info-up-name {
  width: 70%;
  font-weight: bold;
  font-size: 16px;
}
.card-recruter-search-container .card-recruter-infos .card-recruter-info-up .card-recruter-info-up-avis {
  width: 30%;
  text-align: right;
  font-size: 10px;
}
.card-recruter-search-container .card-recruter-infos .card-recruter-info-up .card-recruter-info-up-avis b {
  font-size: 12px;
  margin-right: 5px;
}
.card-recruter-search-container .card-recruter-infos .card-recruter-info-up .card-recruter-info-up-specialites {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  width: 100%;
}
.card-recruter-search-container .card-recruter-infos .card-recruter-info-up .card-recruter-info-up-specialites .tag-specialites {
  border-radius: 20px;
  padding: 5px 10px;
  font-size: 10px;
  border: 1px solid #9c9c9c;
  color: #9c9c9c;
  display: flex;
  align-items: center;
}
.card-recruter-search-container .card-recruter-infos hr {
  width: 100%;
  border: 0;
  border-top: 1px solid #e9e9e9;
}
.card-recruter-search-container .card-recruter-infos .card-recruter-info-down {
  display: flex;
  justify-content: space-between;
  flex: 0.5;
  align-items: center;
}
.card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-city {
  font-size: 12px;
  font-weight: 500;
}
.card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-city i {
  color: #ff9702;
  font-size: 14px;
}
.card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-contact {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-contact i {
  color: #ff9702;
}

.card-recruter-info-up-avis {
  display: none;
}

@media screen and (min-width: 1120px) {
  .card-test {
    display: none;
  }
}
@media screen and (max-width: 1120px) {
  .card-recruter-info-down-contact {
    display: none !important;
  }
  #main .pagination-recruters {
    justify-content: flex-start;
  }
  #main .our-recruters .recruter-job-offer {
    position: relative;
  }
  #main .our-recruters .recruter-job-offer .recruter-job-offers-container {
    margin-top: 0;
  }
  #main .our-recruters .recruters-listing-container {
    margin-top: 70px;
  }
  #main .card-test {
    display: flex;
    width: 100%;
  }
  #main .recruters-map {
    display: none;
  }
  #main .recruters-listing {
    overflow-y: inherit;
    padding: 0;
    height: inherit;
    width: inherit;
  }
  #main .recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-picture {
    width: 85px;
  }
  #main .recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos {
    padding: 10px 20px 5px 15px;
  }
  #main .recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos hr {
    margin: 22px 0 3px 0;
  }
  #main .recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-up .card-recruter-info-up-specialites {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  #main .recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-up .card-recruter-info-up-specialites .tag-specialites {
    font-size: 9px;
    padding: 4px 10px;
    font-weight: 600;
  }
  #main .recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-city {
    font-size: 11px;
  }
  #main .recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-contact {
    -moz-column-gap: 23px;
         column-gap: 23px;
  }
  #main .recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-contact a {
    padding: 5px;
  }
  #main .recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-contact i {
    font-size: 20px;
  }
  #main .recruters-listing-container .inner-recruters-listing-container .card-recruter-search-container .card-recruter-infos .card-recruter-info-down .card-recruter-info-down-contact i.fa-phone {
    font-size: 19px;
  }
  #main .bloc-cta-recruter {
    width: 50%;
    padding: 12px;
    text-align: center;
    color: white;
    display: flex;
    justify-content: center;
    -moz-column-gap: 5px;
         column-gap: 5px;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
  }
  #main .bloc-cta-recruter.call {
    background-color: #80a211;
  }
  #main .bloc-cta-recruter.email {
    background-color: #5f8508;
  }
}
#recruter-articles.medias,
#recruter-articles.medias-search {
  display: block;
  background-color: #f8f8f8;
}

.recruter-job-offers-container.medias {
  margin-top: 0px;
}
.recruter-job-offers-container.medias input {
  width: 100% !important;
}

#recruter-articles.medias-search .articles-left-column {
  width: 100%;
}
#recruter-articles.medias-search .articles-left-column .card-article-container {
  margin: 0 0 40px 0;
  justify-content: inherit;
  gap: 50px;
}
#recruter-articles.medias-search .articles-left-column .card-article-container .card-article {
  max-width: 330px;
}

@media screen and (max-width: 1120px) {
  .recruter-job-offers-container.medias {
    padding: 20px 40px;
  }
  .recruter-job-offers-container.medias input {
    max-width: 600px;
  }
  #recruter-articles .articles-container .articles-left-column {
    width: 100%;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #recruter-articles .articles-container .articles-left-column h6 {
    text-align: center;
  }
  #recruter-articles .articles-container .articles-left-column .card-article-container {
    justify-content: center;
  }
  #recruter-articles .articles-container .articles-right-column {
    display: none;
  }
}
@media screen and (max-width: 765px) {
  #recruter-articles .articles-container .articles-left-column .featured-article h3 {
    font-size: 24px;
    padding-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  #recruter-articles .articles-container .articles-left-column .featured-article h3 {
    padding-top: 25px;
  }
  #recruter-articles .articles-container .articles-left-column .featured-article p {
    display: none;
  }
}
.search-companies {
  display: flex;
  justify-content: space-between;
  max-width: 1120px;
  margin: 0 auto;
  height: 100%;
}

.company-card-skeleton {
  width: 270px;
  height: 372px;
  border-radius: 15px;
}

#companies-list {
  background-color: #f8f8f8;
}
#companies-list .companies-container {
  display: flex;
  justify-content: space-between;
  max-width: 1120px;
  margin: 0 auto;
  height: 100%;
  padding: 50px 0;
}
#companies-list .companies-container > div {
  flex-grow: 1;
}
#companies-list .companies-container > div h6 {
  font-weight: 400;
  margin-bottom: 20px;
}
#companies-list .companies-container > div #card-company-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
}
#companies-list .companies-container > div #card-company-container .job-offer-company-card {
  display: flex;
  flex-direction: column;
}
#companies-list .companies-container > div #pagination-companies {
  display: flex;
  gap: 10px;
  margin: 0 0 40px 10px;
}
#companies-list .companies-container > div #pagination-companies button {
  padding: 15px;
  border: none;
  transition: all 0.3s ease-in-out;
  width: 1.5em;
  height: 1.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: transparent;
  font-size: 16px;
}
#companies-list .companies-container > div #pagination-companies button:not(.active) {
  cursor: pointer;
}
#companies-list .companies-container > div #pagination-companies button:hover {
  background-color: #ff6602;
  opacity: 0.8;
  color: white;
}
#companies-list .companies-container > div #pagination-companies button.active {
  background-color: #ff6602;
  color: white;
}

@media screen and (max-width: 1120px) {
  #companies-list {
    padding: 0 40px;
  }
  #companies-list .companies-container > div h6 {
    text-align: center;
  }
  #companies-list .companies-container > div #card-company-container {
    justify-content: center;
    gap: 20px;
  }
  #companies-list .companies-container > div #pagination-companies {
    justify-content: center;
  }
}
#a-propos {
  background-color: #f8f8f8;
}
#a-propos h2 {
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 20px;
}
#a-propos .header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  margin-top: 70px;
}
#a-propos .header > div {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
#a-propos .header > div h1 {
  font-size: 36px;
  font-weight: 300;
  color: white;
  padding: 50px 0;
}
#a-propos .header > div h1 span {
  font-weight: 700;
}
#a-propos .centered-container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
}
#a-propos .centered-container .intro {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#a-propos .centered-container .intro .logo {
  width: 100px;
  height: auto;
}
#a-propos .centered-container .intro p {
  font-size: 14px;
  line-height: 1.5rem;
  text-align: justify;
}
#a-propos .centered-container .mission {
  padding: 60px 0;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
#a-propos .centered-container .mission .aside {
  width: 35%;
}
#a-propos .centered-container .mission .aside img {
  border-radius: 20px;
}
#a-propos .centered-container .mission .aside p {
  line-height: 1.5rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-size: 14px;
  text-align: justify;
}
#a-propos .centered-container .mission .main {
  width: 60%;
}
#a-propos .centered-container .mission .main h2 {
  margin-bottom: 30px;
}
#a-propos .centered-container .mission .main h3 {
  font-size: 24px;
  line-height: 1.6rem;
  color: #ff6602;
  position: relative;
  padding-left: 10px;
  margin-bottom: 5px;
}
#a-propos .centered-container .mission .main h3::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 3px;
  height: 70%;
  background-color: #ff6602;
}
#a-propos .centered-container .mission .main p {
  font-size: 14px;
  line-height: 1.5rem;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: justify;
}
#a-propos .white-container {
  background-color: white;
}
#a-propos .white-container .centered-container {
  display: flex;
  justify-content: flex-end;
}
#a-propos .white-container .centered-container > img {
  position: absolute;
  max-width: 400px;
  height: auto;
  left: 90px;
  top: -40px;
}
#a-propos .white-container .centered-container > div {
  width: 60%;
  margin-top: 150px;
  margin-bottom: 100px;
}
#a-propos .white-container .centered-container > div p {
  font-size: 14px;
  line-height: 1.5rem;
  margin-bottom: 20px;
  text-align: justify;
}
#a-propos .white-container .centered-container > div svg {
  width: 200px;
  height: auto;
}

@media screen and (max-width: 1120px) {
  #a-propos .centered-container .mission {
    flex-direction: column;
    padding: 30px 0;
  }
  #a-propos .centered-container .mission .aside {
    width: 100%;
  }
  #a-propos .centered-container .mission .aside img {
    display: none;
  }
  #a-propos .centered-container .mission .aside p {
    margin-bottom: 0;
  }
  #a-propos .centered-container .mission .main {
    width: 100%;
  }
  #a-propos .white-container .centered-container {
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
  #a-propos .white-container .centered-container > img {
    position: relative;
    top: 0;
    left: 0;
    width: 250px;
  }
  #a-propos .white-container .centered-container > div {
    width: 100%;
    margin: 50px 0;
  }
}
@media screen and (max-width: 765px) {
  #a-propos .white-container .centered-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  #a-propos .white-container .centered-container > img {
    margin-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  #a-propos h2 {
    font-size: 22px;
  }
  #a-propos > img {
    display: none;
  }
  #a-propos .header > div h1 {
    text-align: center;
    font-size: 24px;
  }
  #a-propos .centered-container .intro {
    padding-bottom: 0;
  }
  #a-propos .centered-container .intro .logo {
    width: 75px;
  }
  #a-propos .centered-container .intro p {
    font-size: 14px;
    line-height: 1.5rem;
    text-align: start;
  }
  #a-propos .centered-container .mission .aside p {
    font-size: 12px;
    line-height: 1.3rem;
    text-align: start;
    background-color: #ff6602;
    padding: 40px;
    border-radius: 10px;
    color: white;
  }
  #a-propos .centered-container .mission .main h3 {
    font-size: 18px;
    line-height: 1.3rem;
  }
  #a-propos .centered-container .mission .main p {
    text-align: start;
  }
  #a-propos .white-container .centered-container > div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #a-propos .white-container .centered-container > div p {
    text-align: start;
  }
}
#solutions .container-title-page {
  padding: 100px 0;
}
#solutions .container-title-page .text-container-title-page h1 {
  font-size: 48px;
  line-height: 3rem;
  margin-bottom: 20px;
}
#solutions .container-title-page .text-container-title-page p {
  color: white;
  font-size: 16px;
  line-height: 1.5rem;
  font-weight: 400;
}
#solutions .container-title-page .btn-container-title-page {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-right: 20px;
}
#solutions .container-title-page .btn-container-title-page .header-btn {
  display: block;
  padding: 30px;
  border: 2px solid white;
  color: white;
  font-family: "Isidora";
  font-size: 24px;
  font-weight: 700;
  background-color: transparent;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}
#solutions .container-title-page .btn-container-title-page .header-btn:hover {
  color: #ff3805;
  background-color: white;
}
#solutions .slider-logo-entreprise img { /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
#solutions .content-container {
  padding: 75px 0;
}
#solutions .content-container > div {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  position: relative;
  gap: 50px;
}
#solutions .content-container > div .content-text-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#solutions .content-container > div .content-text-container svg {
  color: #ff3805;
  width: 40px;
  height: auto;
}
#solutions .content-container > div .content-text-container h2 {
  font-size: 32px;
  line-height: 2rem;
  font-weight: 600;
}
#solutions .content-container > div .content-text-container p {
  font-size: 14px;
  line-height: 1.25rem;
}
#solutions .content-container > div .content-text-container .content-btn {
  display: inline-block;
  padding: 15px 40px;
  color: white;
  border-radius: 5px;
  background-color: #ff3805;
  text-transform: uppercase;
  border: 1px solid #ff3805;
  cursor: pointer;
  text-decoration: none;
}
#solutions .content-container > div .card-company-container {
  display: flex;
  align-items: center;
}
#solutions .content-container#network .content-text-container {
  align-items: center;
  text-align: center;
}
#solutions .content-container#company .content-text-container {
  align-items: flex-end;
  text-align: right;
}
#solutions .content-container:not(#network):not(#mission-based-business-community) > div > div {
  width: 50%;
}
#solutions .content-container .mission-based-business-community-container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  position: relative;
  width: 100%;
  gap: 20px;
  overflow: hidden;
  height: 275px;
}
#solutions .content-container .mission-based-business-community-container div {
  padding: 40px 0 40px 60px;
  width: 50%;
  height: 100%;
}
#solutions .content-container .mission-based-business-community-container div h3 {
  font-size: 32px;
  line-height: 2.5rem;
  color: white;
  margin-bottom: 10px;
  font-weight: 500;
}
#solutions .content-container .mission-based-business-community-container div p {
  font-size: 14px;
  text-align: justify;
  color: white;
}
#solutions .content-container .mission-based-business-community-container img {
  width: 425px;
  height: auto;
  margin-right: 75px;
}
#solutions .content-container:nth-child(odd) {
  background-color: #f8f8f8;
}
#solutions .container-form-demo {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.25);
  padding: 50px;
  border-radius: 10px;
}
#solutions .container-form-demo b {
  font-size: 22px;
  color: #ff6602;
  text-transform: uppercase;
}
#solutions .container-form-demo form {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#solutions .container-form-demo form div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#solutions .container-form-demo form div label {
  font-weight: 500;
  font-size: 14px;
}
#solutions .container-form-demo form input {
  padding: 10px;
}
#solutions .container-form-demo form button {
  border-radius: 10px;
  color: #ff6602;
  border: 2px solid #ff6602;
  background-color: white;
  padding: 10px 20px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
#solutions .container-form-demo form textarea {
  resize: vertical;
}

@media screen and (max-width: 1120px) {
  #solutions .title-page {
    display: none;
  }
  #solutions .logo-enterprise {
    margin-top: 75px;
  }
  #solutions .content-container {
    padding: 75px 40px;
  }
  #solutions .content-container > div > div:not(.content-text-container):not(.mission-based-business-community-container) {
    display: none;
  }
  #solutions .content-container:not(#network):not(#mission-based-business-community) > div > div {
    width: 100%;
    align-items: center;
    text-align: center;
  }
  #solutions #mission-based-business-community .mission-based-business-community-container {
    height: unset;
  }
  #solutions #mission-based-business-community .mission-based-business-community-container > div {
    width: 100%;
    padding: 40px 60px;
  }
  #solutions #mission-based-business-community .mission-based-business-community-container img {
    display: none;
  }
}
@media screen and (max-width: 765px) {
  #solutions #mission-based-business-community .mission-based-business-community-container h3 {
    font-size: 24px;
    line-height: 2rem;
  }
}
@media screen and (max-width: 480px) {
  #solutions #mission-based-business-community .mission-based-business-community-container > div {
    padding: 30px 40px;
  }
  #solutions #mission-based-business-community .mission-based-business-community-container h3 {
    font-size: 22px;
    line-height: 1.8rem;
  }
  #solutions #mission-based-business-community .mission-based-business-community-container p {
    font-size: 12px;
    text-align: start;
  }
}
#footer-pages {
  max-width: 1120px;
  margin: 100px auto;
  padding: 0 40px;
  position: relative;
}
#footer-pages .text-container {
  margin-bottom: 50px;
}
#footer-pages .text-container h2 {
  font-size: 32px;
  color: #191a50;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #9c9c9c;
}
#footer-pages .text-container h2::before {
  content: "•";
  color: #ff6602;
  margin-right: 10px;
}
#footer-pages .text-container p,
#footer-pages .text-container li {
  font-size: 16px;
  line-height: 1.8rem;
  margin: 0;
}
#footer-pages .text-container a {
  color: #4390ea;
  white-space: nowrap;
}
#footer-pages .text-container a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 480px) {
  #footer-pages .text-container h2 {
    font-size: 24px;
  }
  #footer-pages .text-container p,
  #footer-pages .text-container li {
    font-size: 12px;
    line-height: 1.5rem;
  }
}
#modal-contact,
#modal-plaquette {
  line-height: inherit;
  overflow-y: initial;
  height: auto;
  z-index: 1032;
  max-width: 1000px;
  padding: 0px;
  overflow: initial !important;
}

.no-click {
  cursor: inherit;
}

#modal-plaquette {
  max-width: 500px;
}

.blocker {
  z-index: 1031;
}

.container-form-contact {
  width: 100%;
  padding: 15px 30px;
}

.container-champ-form {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#contact-plaquette .container-champ-form {
  flex-direction: column;
  align-items: center;
}

.bloc-element-form {
  width: 48%;
  margin: 20px 0;
  display: flex;
  flex-direction: column-reverse;
  position: relative;
}

#contact-plaquette .bloc-element-form,
.bloc-element-checkbox {
  width: 90%;
}

#formContact input,
#formContact select,
#formContact textarea,
#contact-plaquette input[type=text] {
  width: 100%;
  border: none;
  border-bottom: 2px solid #f0eeed;
  margin: 5px auto;
  height: 30px;
  transition: all 0.3s ease-out;
}

#formContact label,
#contact-plaquette label {
  margin-bottom: 0;
  transition: all 0.3s ease-out;
  position: absolute;
}

#formContact input:invalid + label,
#formContact select:invalid + label,
#formContact textarea:invalid + label,
#contact-plaquette input[type=text]:invalid + label {
  top: -20px;
  color: #303030;
  font-size: 0.8rem;
}

#formContact input:empty + label,
#formContact select:empty + label,
#formContact textarea:empty + label,
#contact-plaquette input[type=text]:empty + label {
  top: 5px;
  color: #303030;
}

#formContact input:valid + label,
#formContact select:valid + label,
#formContact textarea:valid + label,
#contact-plaquette input[type=text]:valid + label {
  top: -20px;
  color: green;
  font-size: 0.8rem;
}

#formContact input:focus + label,
#formContact select:focus + label,
#formContact textarea:focus + label,
#contact-plaquette input[type=text]:focus + label {
  color: #ff6600;
  top: -20px;
  font-size: 0.8rem;
}

#formContact input:focus,
#formContact select:focus,
#formContact textarea:focus,
#contact-plaquette input[type=text]:focus {
  outline: none !important;
  border-bottom: 2px solid #ff6600;
}

#formContact label.label-cv {
  position: relative;
}

#contact-plaquette .bloc-element-checkbox label {
  position: relative;
  font-size: 0.8rem;
  width: 60%;
}

#contact-plaquette .bloc-element-checkbox {
  flex-direction: row;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

#contact-plaquette .bloc-element-checkbox input {
  width: 30%;
  padding-right: 10px;
  height: 30px;
}

.bloc-element-form-full-width {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.titre-form-contact {
  color: #ff6600;
  font-size: 1.3rem;
  line-height: 1.5rem;
  width: 90%;
  margin: 20px auto 20px auto;
  text-align: center;
  text-transform: uppercase;
}

.titre-form-contact span {
  color: #ff6600;
  font-style: italic;
}

.titre-tel-pole-dev {
  color: white;
  font-size: 1.3rem;
  line-height: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  background-color: #068beb;
  padding: 20px;
  margin-top: 20px;
}

.tel-pole-dev {
  font-weight: 800;
  font-size: 1.1rem;
  text-align: center;
}

.calendly {
  color: #ff6602;
  background-color: white;
  border: 1px solid #ff6602;
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
  display: block;
  margin: 15px auto;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}
.calendly:hover {
  background-color: #ff6602;
  color: white;
}

#formContact #btn-submit,
#contact-plaquette #btn-submit {
  color: white;
  background: #ff6600;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 20px auto 0px auto;
  border: 1px solid #ff6600;
  padding: 10px 40px;
  transition: all 0.3s ease-out;
}

#formContact .bloc-element-message {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.texte-legislation {
  font-size: 0.8rem;
  font-style: italic;
}

.resultat-envoi {
  color: white;
  font-size: 0.85rem;
  transition: all 0.3s ease-out;
}

.resultat-envoi.success {
  padding: 20px;
  margin-top: 20px;
  background: #231e47;
}

.resultat-envoi.error {
  padding: 20px;
  margin-top: 20px;
  background: darkred;
}

.resultat-envoi span {
  color: #ff6600;
  font-size: 1.4rem;
  font-style: italic;
  font-weight: 800;
}

.container-contact-pole-dev {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  text-align: center;
}

.container-contact-pole-dev span {
  color: #ff6600;
  font-size: 1.1rem;
  font-weight: 800;
}

.container-info-pole-dev {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.colonne-contact-pole-dev {
  width: 33%;
  margin: 40px 0 20px 0;
  padding: 0 20px;
  border-right: 2px solid #ff6600;
}

.colonne-contact-pole-dev:nth-child(4) {
  border: none;
}

.identite-pole-dev {
  justify-content: center;
  display: flex;
  align-items: center;
}

.territoire-pole-dev {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  text-align: center;
  font-size: 0.9rem;
  margin-top: 10px;
}

.img-pole-dev {
  width: 70px;
  height: auto;
  margin-right: 10px;
  margin-bottom: 5px;
}

.territoire-pole-dev div {
  font-size: 0.7rem;
}

.triangle-pole-dev {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 70px;
}

#contact-plaquette .bloc-element-message {
  margin: 10px auto;
}

section p {
  font-family: "MontSerrat";
}

h3 {
  font-weight: 300;
  line-height: 3rem;
  margin-bottom: 20px;
  font-size: 42px;
  width: 100%;
}

.container-video-cover {
  border: 10px solid white;
  border-radius: 10px;
  display: flex;
  align-items: center;
  height: 100%;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.25);
  justify-content: center;
}
.container-video-cover:hover .path-icon-play-body {
  opacity: 1;
}
.container-video-cover .path-icon-play-body {
  opacity: 0.5;
  fill: #068beb;
  transition: all 0.3s ease-in-out;
}

.btn-full-blue {
  color: white;
  background-color: #068beb;
  border-radius: 50px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  width: -moz-fit-content;
  width: fit-content;
}
.btn-full-blue:hover {
  background-color: #265dc6;
}

.btn-outline {
  background-color: white;
  color: #068beb;
  padding: 15px 25px;
  font-weight: 600;
  display: inline-block;
  margin: 10px auto;
  border: 2px solid #068beb;
  border-radius: 40px;
  transition: all 0.3s ease-in-out;
}
.btn-outline:hover {
  background-color: #068beb;
  color: white;
}

.btn-full-blue.big {
  margin-top: 10px;
  padding: 20px 40px;
  font-size: 18px;
  width: -moz-fit-content;
  width: fit-content;
}

.btn-full-blue.normal {
  padding: 10px 20px;
}

.icon-play {
  width: 40px;
}

.mobile {
  display: none !important;
}

.pc {
  display: flex;
}

.container-funnel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1120px;
  margin: 0 auto;
  padding: 20px 0;
}

section#heading {
  padding-bottom: 40px;
  background-color: #f8f8f8;
}
section#heading .header-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  width: 100%;
}
section#heading .header-menu svg {
  width: 250px;
}
section#heading .header-menu .btn-header-menu {
  border: 1px solid white;
  border-radius: 5px;
  color: #ff6602;
  font-style: italic;
  padding: 10px 20px;
  background-color: white;
}
section#heading .header-content {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 125px 0;
  width: 100%;
  flex-wrap: wrap;
}
section#heading .header-content .inner-container {
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
  width: 100%;
}
section#heading .header-content .header-content-left-column {
  flex: 1;
}
section#heading .header-content .header-content-left-column h3 {
  font-size: 48px;
  line-height: 3.5rem;
}
section#heading .header-content .header-content-left-column p {
  margin-bottom: 20px;
  line-height: 1.1rem;
  width: 80%;
}
section#heading .header-content .header-content-right-column {
  flex: 1;
}
section#heading .header-content .header-content-right-column .link-video-modal {
  width: 100%;
}

section#slider-post .container-funnel {
  flex-direction: column;
}
section#slider-post .container-last-post-linkedin {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
section#slider-post .container-last-post-linkedin .last-post-linkedin {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  flex-basis: auto;
  align-items: center;
  color: black;
  gap: 10px;
  border: 1px solid #f8f8f8;
  border-radius: 20px;
  background-color: white;
  padding: 3px 3px 3px 15px;
  font-size: 12px;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.25);
}
section#slider-post .container-last-post-linkedin .last-post-linkedin i {
  color: white;
  background-color: #068beb;
  padding: 6px 8px;
  border-radius: 50%;
  font-size: 16px;
}
section#slider-post .container-slider-post {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
section#slider-post .container-slider-post .slick-arrow {
  position: absolute;
  top: calc(50% - 40px);
  z-index: 2;
  background-color: #068beb;
  color: white;
  font-size: 16px;
  border: 0;
  border-radius: 50%;
  padding: 10px 14px;
  cursor: pointer;
}
section#slider-post .container-slider-post .slick-prev {
  left: -60px;
}
section#slider-post .container-slider-post .slick-next {
  right: -60px;
}
section#slider-post .container-slider-post ul.slick-dots li {
  background-color: #e9e9e9;
  border: none;
}
section#slider-post .container-slider-post ul.slick-dots li.slick-active {
  background-color: #068beb;
}
section#slider-post .container-slider-post .slide {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #e9e9e9;
  border-radius: 0 20px 0 20px;
  overflow: hidden;
}
section#slider-post .container-slider-post .slide .slide-left-part {
  width: 50%;
  position: relative;
}
section#slider-post .container-slider-post .slide .slide-left-part .link-to-post {
  display: flex;
  align-items: center;
  color: white;
  gap: 10px;
  border-radius: 20px 20px 0 20px;
  background-color: #068beb;
  padding: 3px 15px 3px 3px;
  font-size: 12px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
section#slider-post .container-slider-post .slide .slide-left-part .link-to-post span {
  color: #068beb;
  background-color: white;
  padding: 5px;
  border-radius: 50%;
}
section#slider-post .container-slider-post .slide .slide-right-part {
  width: 50%;
  padding: 20px 50px;
  background-color: white;
  max-height: 370px;
  min-height: 370px;
  overflow-y: scroll;
}
section#slider-post .container-slider-post .slide .slide-right-part img {
  margin-bottom: 5px;
  width: 50px;
  border-radius: 50%;
}
section#slider-post .container-slider-post .slide .slide-right-part .recruter-name {
  font-weight: bold;
}
section#slider-post .container-slider-post .slide .slide-right-part .recruter-location {
  font-size: 10px;
}
section#slider-post .container-slider-post .slide .slide-right-part hr {
  border: none;
  border-top: 1px solid #e6e6e6;
  width: calc(100% - 20px);
  margin: 20px 0;
}
section#slider-post .container-slider-post .slide .slide-right-part .slide-text-content {
  font-size: 12px;
}

section#cards-recruters {
  background-color: #f8f8f8;
  padding: 40px 0;
}
section#cards-recruters .container-cards-recruters {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
  -moz-column-gap: 50px;
       column-gap: 50px;
  margin-top: 50px;
  justify-content: center;
}
section#cards-recruters .container-cards-recruters .card-recruter {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.25);
  width: 350px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
section#cards-recruters .container-cards-recruters .card-recruter .card-upper-part {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
section#cards-recruters .container-cards-recruters .card-recruter .card-upper-part .card-recruter-photo {
  width: 70%;
}
section#cards-recruters .container-cards-recruters .card-recruter .card-upper-part .card-recruter-speciality {
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 10px 20px;
  border-radius: 20px 20px 0 20px;
  background-color: white;
  font-size: 11px;
  font-weight: 600;
}
section#cards-recruters .container-cards-recruters .card-recruter .card-upper-part .card-recruter-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 25px;
  background-color: rgba(0, 0, 0, 0.3);
}
section#cards-recruters .container-cards-recruters .card-recruter .card-upper-part .card-recruter-overlay .card-recruter-info {
  color: white;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
section#cards-recruters .container-cards-recruters .card-recruter .card-upper-part .card-recruter-overlay .card-recruter-info .card-recruter-name {
  font-size: 16px;
}
section#cards-recruters .container-cards-recruters .card-recruter .card-upper-part .card-recruter-overlay .card-recruter-info .card-recruter-expert {
  font-size: 11px;
}
section#cards-recruters .container-cards-recruters .card-recruter .card-upper-part .card-recruter-overlay .card-recruter-play svg .path-icon-play-body {
  transition: all 0.3s ease-in-out;
  opacity: 0.5;
}
section#cards-recruters .container-cards-recruters .card-recruter .card-upper-part .card-recruter-overlay .card-recruter-play svg:hover .path-icon-play-body {
  fill: #068beb;
  opacity: 1;
}
section#cards-recruters .container-cards-recruters .card-recruter .card-lower-part {
  padding: 25px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
section#cards-recruters .container-cards-recruters .card-recruter .card-lower-part b {
  margin-bottom: 10px;
  display: block;
  font-size: 18px;
}
section#cards-recruters .container-cards-recruters .card-recruter .card-lower-part p {
  line-height: 1.1rem;
  margin-bottom: 15px;
  font-size: 12px;
  flex: 1;
}
section#cards-recruters .container-cards-recruters .card-recruter .card-lower-part a {
  font-size: 12px;
}

section#commons-points {
  background-color: white;
  margin-top: -120px;
  padding-top: 120px;
  padding-bottom: 60px;
}
section#commons-points h3 {
  margin-bottom: 10px;
  text-align: center;
}
section#commons-points p {
  width: 600px;
  max-width: 100%;
}
section#commons-points .container-commons-points-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
  width: 100%;
  padding-top: 40px;
}
section#commons-points .container-commons-points-cards .common-point-card {
  perspective: 1000px;
  width: 250px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
section#commons-points .container-commons-points-cards .common-point-card .common-point-card-inner {
  position: relative;
  width: 100%;
  min-height: 350px;
  box-shadow: 0px 0px 11px 0px rgba(39, 63, 88, 0.25);
  transform-style: preserve-3d;
  transition: all 0.3s ease-in-out;
}
section#commons-points .container-commons-points-cards .common-point-card:hover .common-point-card-inner {
  transform: rotateY(180deg);
}
section#commons-points .container-commons-points-cards .common-point-card .text-front-side svg {
  width: 60px;
  margin: 25px 0;
}
section#commons-points .container-commons-points-cards .common-point-card .text-front-side svg path {
  fill: #068beb;
}
section#commons-points .container-commons-points-cards .common-point-card .text-front-side,
section#commons-points .container-commons-points-cards .common-point-card .text-back-side {
  position: absolute;
  width: 100%;
  backface-visibility: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  flex-direction: column;
  padding: 20px;
  min-height: 100%;
}
section#commons-points .container-commons-points-cards .common-point-card .text-back-side {
  background-color: orange;
  transform: rotateY(180deg);
}
section#commons-points .container-commons-points-cards .common-point-card hr {
  border: none;
  width: 60px;
  margin: 20px auto;
}
section#commons-points .container-commons-points-cards .common-point-card .number {
  color: #068beb;
  font-size: 48px;
  font-weight: 800;
}
section#commons-points .container-commons-points-cards .common-point-card .number span {
  font-size: 24px;
}
section#commons-points .container-commons-points-cards .common-point-card .title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}
section#commons-points .container-commons-points-cards .common-point-card .text-front-side {
  font-size: 18px;
}
section#commons-points .container-commons-points-cards .common-point-card .text-front-side hr {
  border-top: 3px solid #068beb;
}
section#commons-points .container-commons-points-cards .common-point-card .text-front-side .number {
  color: #068beb;
}
section#commons-points .container-commons-points-cards .common-point-card .text-back-side {
  font-size: 10px;
  color: white;
  background-color: #ff6602;
}
section#commons-points .container-commons-points-cards .common-point-card .text-back-side .number {
  color: white;
}
section#commons-points .container-commons-points-cards .common-point-card .text-back-side hr {
  border-top: 3px solid white;
}

section#create-link {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
section#create-link h3 {
  line-height: 3.5rem;
  text-align: center;
}

section#right-to-succeed {
  padding: 60px 0;
  position: relative;
  background-color: white;
}
section#right-to-succeed #floatingCanvas {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #f8f8f8;
}
section#right-to-succeed h3 {
  width: 100%;
  text-align: center;
}
section#right-to-succeed p {
  width: 600px;
}
section#right-to-succeed .big {
  padding: 20px 40px;
}
section#right-to-succeed .container-right-to-succeed-videos {
  margin: 50px auto;
  display: grid;
  width: 100%; /* Largeur totale de la grille */
  height: 800px; /* Hauteur totale de la grille */
  grid-template-columns: 2fr 1fr; /* La première colonne est plus large */
  gap: 30px; /* Espacement entre les éléments */
}
section#right-to-succeed .container-right-to-succeed-videos .tools {
  grid-column: 1/1;
  grid-row: 1/2;
}
section#right-to-succeed .container-right-to-succeed-videos .community {
  grid-column: 1/1;
  grid-row: 2/6;
}
section#right-to-succeed .container-right-to-succeed-videos .power {
  grid-column: 2/2;
  grid-row: 1/3;
}
section#right-to-succeed .container-right-to-succeed-videos .together {
  grid-column: 2/2;
  grid-row: 3/6;
}
section#right-to-succeed .container-right-to-succeed-videos .tools,
section#right-to-succeed .container-right-to-succeed-videos .community,
section#right-to-succeed .container-right-to-succeed-videos .power,
section#right-to-succeed .container-right-to-succeed-videos .together {
  display: flex;
  overflow: hidden;
}
section#right-to-succeed .container-right-to-succeed-videos .tools i,
section#right-to-succeed .container-right-to-succeed-videos .community i,
section#right-to-succeed .container-right-to-succeed-videos .power i,
section#right-to-succeed .container-right-to-succeed-videos .together i {
  font-size: 32px;
}
section#right-to-succeed .container-right-to-succeed-videos .title-rts-video {
  color: white;
  padding: 40px;
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: 300;
  font-size: 24px;
  text-align: center;
  justify-content: center;
}
section#right-to-succeed .container-right-to-succeed-videos .title-rts-video.column {
  flex-direction: column;
}
section#right-to-succeed .container-right-to-succeed-videos .title-rts-video img {
  width: 60px;
}
section#right-to-succeed .container-right-to-succeed-videos .tools {
  justify-content: space-between;
  background-color: #ff9900;
  border-radius: 20px 0 20px 0;
}
section#right-to-succeed .container-right-to-succeed-videos .tools .video-rts {
  width: 60%;
  height: auto;
}
section#right-to-succeed .container-right-to-succeed-videos .tools .title-rts-video {
  width: 40%;
}
section#right-to-succeed .container-right-to-succeed-videos .power {
  flex-direction: column;
  background-color: #b32c19;
  border-radius: 0 20px 0 20px;
}
section#right-to-succeed .container-right-to-succeed-videos .community {
  flex-direction: column;
  background-color: #068beb;
  border-radius: 0 20px 0 20px;
}
section#right-to-succeed .container-right-to-succeed-videos .together {
  flex-direction: column;
  background-color: #ff3805;
  border-radius: 20px 0 20px 0;
}
section#right-to-succeed .container-right-to-succeed-videos .community .video-rts,
section#right-to-succeed .container-right-to-succeed-videos .power .video-rts,
section#right-to-succeed .container-right-to-succeed-videos .together .video-rts {
  display: flex;
  flex: 1;
}
section#right-to-succeed .container-right-to-succeed-videos .video-rts {
  position: relative;
}
section#right-to-succeed .container-right-to-succeed-videos .video-rts:hover .path-icon-play-body-rts {
  fill: #068beb;
  opacity: 1;
}
section#right-to-succeed .container-right-to-succeed-videos .video-rts svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section#right-to-succeed .container-right-to-succeed-videos .video-rts svg .path-icon-play-body-rts {
  fill: #068beb;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}

section#kpi {
  padding: 60px 0 0px 0;
  position: relative;
}
section#kpi h3 {
  margin-bottom: 0px;
  width: 100%;
  color: white;
  font-size: 56px;
}
section#kpi h4 {
  font-weight: 300;
  margin-bottom: 20px;
  font-size: 22px;
  width: 100%;
  color: white;
}
section#kpi .kpi-data {
  width: 60%;
}
section#kpi .kpi-player {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}
section#kpi .kpi-player svg {
  box-shadow: 0 0 4px 6px rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
section#kpi .kpi-player .video-kpi {
  z-index: 2;
}
section#kpi .kpi-player .pulse {
  position: relative;
  width: 60px;
  height: 60px;
}
section#kpi .kpi-player .pulse span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  border: 5px solid rgba(212, 169, 255, 0.243);
  animation: animate 3s linear infinite;
  animation-delay: calc(var(--i) * -1s);
  border-radius: 50%;
  z-index: 0;
}
@keyframes animate {
  0% {
    width: 60px;
    height: 60px;
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}
section#kpi .kpi-player .path-icon-play-body {
  fill: #068beb;
  opacity: 1;
}
section#kpi .kpi-player a {
  font-size: 12px;
  color: white;
  text-decoration: underline;
}
section#kpi .container-kpi {
  display: flex;
  justify-content: space-between;
  color: white;
}
section#kpi .container-kpi .single-kpi {
  width: 25%;
  border-right: 2px dotted white;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
section#kpi .container-kpi .single-kpi b {
  font-size: 32px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
section#kpi .container-kpi .single-kpi i {
  color: white;
  font-size: 24px;
}
section#kpi .container-kpi .single-kpi p {
  color: white;
  width: 100%;
  text-align: center;
}
section#kpi .container-kpi .single-kpi:last-child {
  border-right: none;
}
section#kpi .infinite-bandeau {
  width: 100%;
  padding: 30px 0;
  background: rgba(0, 0, 0, 0.305);
  margin-top: 20px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
          mask: linear-gradient(90deg, transparent, white 10%, white 90%, transparent);
}
section#kpi .infinite-bandeau .infinite-bandeau-inner {
  display: flex;
  gap: 1rem;
  animation: scroll 20s linear infinite;
  width: -moz-max-content;
  width: max-content;
}
section#kpi .infinite-bandeau .infinite-bandeau-inner .content-infinite-bandeau {
  color: white;
  font-weight: 500;
  font-size: 24px;
  padding: 10px 0;
  width: -moz-max-content;
  width: max-content;
}
section#kpi .infinite-bandeau .infinite-bandeau-inner .content-infinite-bandeau span.content-separator {
  padding: 0 5px 0 0;
  color: #00c4f6;
}
section#kpi .infinite-bandeau .infinite-bandeau-inner .content-infinite-bandeau span.content-date {
  color: #00c4f6;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50% - 0.5rem));
  }
}

section#recruters-testimony {
  padding-top: 60px;
  background-color: white;
}
section#recruters-testimony .container-funnel {
  max-width: 900px;
  justify-content: flex-start;
}
section#recruters-testimony h3 {
  width: 100%;
}
section#recruters-testimony h3 img {
  width: 40px;
  height: auto;
  margin-left: 20px;
}
section#recruters-testimony .container-slider-recruters {
  margin: 20px auto;
  width: 100%;
}
section#recruters-testimony .container-slider-recruters .slide-recruter {
  position: relative;
}
section#recruters-testimony .container-slider-recruters .icon-quote {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  z-index: -1;
  opacity: 0.8;
}
section#recruters-testimony .slide-recruter {
  display: flex;
  gap: 40px;
  padding: 20px;
  min-height: 300px;
}
section#recruters-testimony .slide-recruter .slide-left-part {
  width: 50%;
  padding-left: 30px;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
}
section#recruters-testimony .slide-recruter .slide-left-part p {
  flex: 1;
}
section#recruters-testimony .slide-recruter .slide-left-part hr {
  width: 30px;
  border: none;
  border-top: 3px solid #ff9702;
  margin: 20px 0;
}
section#recruters-testimony .slide-recruter .slide-left-part .recruter-expertise,
section#recruters-testimony .slide-recruter .slide-left-part .recruter-location {
  font-size: 10px;
  font-weight: 500;
}
section#recruters-testimony .slide-recruter .slide-right-part {
  width: 50%;
  display: flex;
}
section#recruters-testimony .slide-recruter .slide-right-part .container-video-slide-recruter {
  flex: 1;
  border: 15px solid #e9e9e9;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
section#recruters-testimony .slide-recruter .slide-right-part .container-video-slide-recruter:hover .path-icon-play-body {
  fill: #068beb;
  opacity: 1;
}
section#recruters-testimony .slide-recruter .slide-right-part .container-video-slide-recruter svg .path-icon-play-body {
  transition: all 0.3s ease-in-out;
  fill: #068beb;
  opacity: 0.5;
}
section#recruters-testimony ul.slick-dots li {
  width: 50px !important;
  height: 50px !important;
  cursor: pointer;
  overflow: hidden;
  border: 5px solid #f8f8f8;
  transition: all 0.3s ease-in-out;
  padding: 2px;
  background-color: white !important;
}
section#recruters-testimony ul.slick-dots li:hover {
  border: 5px solid rgba(255, 150, 2, 0.4);
}
section#recruters-testimony ul.slick-dots li .custom-dot-recruter {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
section#recruters-testimony ul.slick-dots li.slick-active {
  border: 5px solid #ff9702;
}

section#next-steps {
  background-color: white;
}
section#next-steps .container-funnel {
  justify-content: flex-start;
  position: relative;
  padding: 0;
}
section#next-steps .container-funnel .know-more {
  display: none;
}
section#next-steps .container-funnel div.icon-container {
  width: 100px;
  height: 70px;
}
section#next-steps .container-funnel > h3, section#next-steps .container-funnel > p {
  color: white;
  text-align: left;
}
section#next-steps .container-funnel > p {
  font-size: 16px;
}
section#next-steps .courbe-color {
  fill: #ff6602;
}
section#next-steps .full-width-inside-section {
  background-color: #ff6602;
  margin-top: -5px;
  margin-bottom: -1px;
}
section#next-steps .reverse-courbe {
  transform: rotate(180deg);
}
section#next-steps .container-next-steps-cards {
  width: 100%;
  padding: 20px 20px 20px 0;
  display: flex;
  gap: 10px;
  margin: 20px 0;
  align-items: center;
  flex-wrap: wrap;
}
section#next-steps .container-next-steps-cards .slick-track {
  display: flex !important;
}
section#next-steps .container-next-steps-cards .slick-slide {
  height: inherit !important;
}
section#next-steps .container-next-steps-cards .icon-arrow {
  width: 20px;
}
section#next-steps .container-next-steps-cards .slick-dots {
  width: 100%;
}
section#next-steps .next-step-card {
  display: flex;
  margin: 0 20px;
  padding: 40px 30px 30px 30px;
  border-radius: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  width: 250px;
  gap: 10px;
  background-color: white;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.25);
  position: relative;
  overflow: hidden;
}
section#next-steps .next-step-card.active {
  opacity: 1;
}
section#next-steps .next-step-card .number {
  position: absolute;
  top: -10px;
  left: -10px;
  background-color: #068beb;
  border-radius: 50%;
  padding: 22px 0px;
  text-align: center;
  color: white;
  font-size: 32px;
  width: 85px;
}
section#next-steps .next-step-card .number span {
  font-size: 24px;
  font-weight: 300;
}
section#next-steps .next-step-card b {
  font-size: 22px;
  width: 135px;
  text-align: center;
}
section#next-steps .next-step-card p {
  text-align: center;
  flex: 1;
}
section#next-steps .next-step-card img {
  width: 60px;
  height: auto;
}
section#next-steps .next-step-card .btn-outline {
  font-size: 12px;
  padding: 10px 20px;
}
section#next-steps .go-next-step {
  padding: 10px 30px;
  cursor: pointer;
  font-weight: 500;
  position: absolute;
  bottom: -40px;
  z-index: 2;
  display: none;
}

section#dev-team {
  padding: 60px 0;
  background-color: white;
}
section#dev-team h3 {
  width: 250px;
  line-height: 3rem;
  position: relative;
}
section#dev-team h3 img {
  width: 40px;
  position: absolute;
  right: 60px;
  bottom: 5px;
}
section#dev-team .container-funnel {
  gap: 80px;
  height: 450px;
}
section#dev-team .left-column {
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
section#dev-team .left-column .arrow-dev-team {
  position: absolute;
  bottom: 0px;
  left: 25%;
}
section#dev-team .left-column b {
  color: #ff9702;
  font-size: 12px;
}
section#dev-team .right-column {
  flex: 1;
  position: relative;
  display: flex;
}
section#dev-team .right-column .dev-team-pictures {
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.25);
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  border-radius: 15px;
  border: 5px solid white;
  transform: rotateZ(-2deg);
}
section#dev-team .right-column .container-info-dev-team {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  color: white;
  margin: 0 auto;
  justify-content: center;
  flex: 1;
  align-items: flex-end;
  z-index: 2;
}
section#dev-team .right-column .container-info-dev-team .dev-team-member {
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 5px;
  justify-content: center;
}
section#dev-team .right-column .container-info-dev-team .dev-team-member b {
  font-size: 22px;
}
section#dev-team .right-column .container-info-dev-team .dev-team-member ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
section#dev-team .right-column .container-info-dev-team .dev-team-member ul li {
  list-style: none;
  font-size: 10px;
  margin: 0;
}
section#dev-team .right-column .container-info-dev-team .dev-team-member .tel {
  color: #068beb;
  font-weight: 600;
}
section#dev-team .right-column .container-info-dev-team .dev-team-member img {
  width: 20px;
}
section#dev-team .right-column.mobile .container-info-dev-team {
  color: white;
  width: 100%;
}
section#dev-team .right-column.mobile .container-info-dev-team .slick-track {
  display: flex !important;
}
section#dev-team .right-column.mobile .container-info-dev-team .slick-slide {
  height: inherit !important;
}
section#dev-team .right-column.mobile .container-info-dev-team .dev-team-member {
  align-items: center;
  padding: 40px 20px;
  background: linear-gradient(#068beb, #501aa8);
  border-radius: 10px;
  margin: 0 20px;
}
section#dev-team .right-column.mobile .container-info-dev-team .dev-team-member img {
  width: 30px;
}
section#dev-team .right-column.mobile .container-info-dev-team .dev-team-member .tel {
  margin: 10px 0;
}
section#dev-team .right-column.mobile .container-info-dev-team .dev-team-member > img {
  width: 150px;
  border: 5px solid white;
  border-radius: 50%;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.25);
  margin-bottom: 20px;
}
section#dev-team .right-column.mobile .container-info-dev-team ul.slick-dots {
  width: 100%;
}

section#faq {
  background-color: #f8f8f8;
  padding: 60px 0;
}
section#faq h3 {
  text-align: center;
  width: 100%;
}
section#faq .container-questions {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  row-gap: 25px;
  align-items: flex-start;
  justify-content: center;
  margin-top: 30px;
}
section#faq .container-questions .card-question {
  color: white;
  padding: 20px 25px;
  background-color: #ff9702;
  border-radius: 10px;
  width: 400px;
}
section#faq .container-questions .card-question .reponse-question p {
  color: white;
}
section#faq .container-questions .card-question .reponse-question iframe {
  margin-top: 20px;
}
section#faq .container-questions .card-question .titre-question {
  font-size: 22px;
  font-weight: 500;
  cursor: pointer;
}
section#faq .container-questions .card-question.show .reponse-question {
  padding-top: 20px;
}
section#faq .container-questions .card-question .reponse-question {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  font-size: 12px;
}
section#faq .container-questions .card-question .container-video-cover {
  border: 2px solid white;
  border-radius: 10px;
  display: flex;
  align-items: center;
  height: 200px;
  margin-top: 20px;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.25);
  justify-content: center;
}
section#faq .container-questions .card-question .container-video-cover:hover .path-icon-play-body {
  opacity: 1;
}
section#faq .container-questions .card-question .container-video-cover .path-icon-play-body {
  opacity: 0.5;
  fill: #068beb;
  transition: all 0.3s ease-in-out;
}

.modal-video {
  max-width: 720px;
  height: 405px;
  width: 100%;
  line-height: 0;
  overflow: hidden;
  padding: 0;
}
.modal-video .loading {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-video .loading i {
  font-size: 56px;
  color: #068beb;
}
.modal-video .close-modal {
  right: 10px !important;
  top: 10px !important;
}

@media screen and (max-width: 1120px) {
  .pc {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  .container-video-cover {
    border: none;
    border-radius: inherit;
  }
  section#heading {
    background: inherit !important;
  }
  section#heading .link-video-modal.mobile > div {
    height: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section#heading .btn-full-blue.big.mobile {
    margin: 20px auto 0 auto;
    width: -moz-fit-content;
    width: fit-content;
  }
  section#heading .header-menu {
    gap: 20px;
    margin-bottom: 20px;
    align-items: flex-end;
  }
  section#heading .header-menu svg {
    width: 150px;
  }
  section#heading .header-menu .btn-header-menu {
    border-radius: 10px;
    background-color: #ff6602;
    color: white;
    margin-top: 15px;
    font-size: 14px;
  }
  section#heading .header-content {
    gap: 0px;
  }
  section#heading .header-content .btn-full-bluebig {
    margin-top: 10px;
  }
  .container-funnel {
    padding: 0 40px;
    width: 100%;
    flex-direction: column;
  }
  section#heading .header-content {
    padding: 20px 0;
  }
  section#heading .header-content .header-content-left-column,
  section#heading .header-content .header-content-right-column {
    width: 100%;
    flex: inherit;
  }
  section#heading .header-content .header-content-left-column .container-video-cover,
  section#heading .header-content .header-content-right-column .container-video-cover {
    height: 200px;
  }
  section#heading .header-content .header-content-left-column p {
    width: 100%;
    text-align: justify;
  }
  section#heading .header-content .header-content-left-column h3 {
    font-size: 42px;
    line-height: 2.5rem;
  }
  section#slider-post {
    background-color: #068beb;
  }
  section#slider-post .container-slider-post ul.slick-dots li {
    background-color: rgba(255, 255, 255, 0.204);
  }
  section#slider-post .container-slider-post ul.slick-dots li.slick-active {
    background-color: white;
  }
  section#slider-post .container-slider-post .slide {
    border: 6px solid white;
  }
  section#slider-post .container-slider-post .slide p {
    font-size: 11px;
  }
  section#cards-recruters h3 {
    font-size: 36px;
    line-height: 2.5rem;
  }
  section#cards-recruters .container-cards-recruters .card-recruter {
    width: 100%;
  }
  section#slider-post .container-slider-post .slick-arrow {
    display: none !important;
  }
  section#slider-post .container-slider-post .slide {
    margin: 0 10px;
  }
  section#slider-post .container-slider-post .slide .slide-left-part,
  section#slider-post .container-slider-post .slide .slide-right-part {
    width: 100%;
  }
  section#slider-post .container-slider-post .slide .slide-right-part {
    padding: 20px 30px;
  }
  section#slider-post .container-slider-post .slide .slide-left-part {
    height: 200px;
  }
  section#commons-points p {
    text-align: center;
  }
  section#right-to-succeed p {
    width: 100%;
    text-align: center;
  }
  section#right-to-succeed .big {
    font-size: 14px;
  }
  section#right-to-succeed .container-right-to-succeed-videos {
    height: inherit;
    grid-template-columns: inherit;
  }
  section#right-to-succeed .container-right-to-succeed-videos .tools {
    grid-column: inherit;
    grid-row: inherit;
    flex-direction: column-reverse;
  }
  section#right-to-succeed .container-right-to-succeed-videos .tools .title-rts-video {
    width: 100%;
  }
  section#right-to-succeed .container-right-to-succeed-videos .tools .column {
    flex-direction: row-reverse;
  }
  section#right-to-succeed .container-right-to-succeed-videos .community {
    grid-column: inherit;
    grid-row: inherit;
    flex-direction: column-reverse;
  }
  section#right-to-succeed .container-right-to-succeed-videos .power {
    grid-column: inherit;
    grid-row: inherit;
  }
  section#right-to-succeed .container-right-to-succeed-videos .together {
    grid-column: inherit;
    grid-row: inherit;
  }
  section#right-to-succeed .container-right-to-succeed-videos .tools .video-rts,
  section#right-to-succeed .container-right-to-succeed-videos .community .video-rts,
  section#right-to-succeed .container-right-to-succeed-videos .power .video-rts,
  section#right-to-succeed .container-right-to-succeed-videos .together .video-rts {
    height: 200px;
    width: 100%;
    flex: inherit;
  }
  section#right-to-succeed .container-right-to-succeed-videos .tools .title-rts-video,
  section#right-to-succeed .container-right-to-succeed-videos .community .title-rts-video,
  section#right-to-succeed .container-right-to-succeed-videos .power .title-rts-video,
  section#right-to-succeed .container-right-to-succeed-videos .together .title-rts-video {
    padding: 20px;
    font-size: 18px;
    font-weight: 500;
  }
  section#kpi .kpi-data {
    width: 100%;
  }
  section#kpi .kpi-data .container-kpi {
    flex-wrap: wrap;
    gap: 10px;
  }
  section#kpi .kpi-data .container-kpi .single-kpi {
    width: 50%;
    flex: 1;
    border: 1px dashed rgba(255, 255, 255, 0.4);
    border-radius: 20px;
  }
  section#kpi .kpi-data .container-kpi .single-kpi b {
    font-size: 24px;
  }
  section#kpi .kpi-player {
    width: 100%;
    margin: 50px auto;
  }
  section#kpi h3 {
    font-size: 42px;
    line-height: 2.5rem;
  }
  section#kpi .infinite-bandeau {
    padding: 20px 0;
  }
  section#kpi .infinite-bandeau .infinite-bandeau-inner .content-infinite-bandeau {
    font-size: 16px;
  }
  section#recruters-testimony .slide-recruter {
    padding: 20px 0;
    flex-wrap: wrap;
    display: flex;
    margin: 0 20px;
    gap: 30px;
  }
  section#recruters-testimony .slide-recruter .slide-left-part {
    padding-left: 0;
  }
  section#recruters-testimony .slide-recruter .slide-left-part hr {
    margin: 20px 0px 10px 0;
  }
  section#recruters-testimony .slide-recruter .slide-left-part p {
    font-size: 11px;
  }
  section#recruters-testimony .slide-recruter .slide-right-part .container-video-slide-recruter {
    height: 200px;
  }
  section#recruters-testimony .slide-recruter .slide-left-part,
  section#recruters-testimony .slide-recruter .slide-right-part {
    width: 100%;
  }
  section#next-steps .container-funnel {
    padding: 40px;
  }
  section#next-steps .container-funnel p {
    font-size: 13px;
    line-height: 1.2rem;
  }
  section#next-steps .container-next-steps-cards {
    padding: 0;
  }
  section#next-steps .container-next-steps-cards ul.slick-dots li {
    background-color: rgba(255, 255, 255, 0.2);
  }
  section#next-steps .container-next-steps-cards ul.slick-dots li.slick-active {
    background-color: white;
  }
  section#dev-team .container-funnel {
    height: inherit;
    gap: 40px;
  }
  section#dev-team .left-column,
  section#dev-team .right-column {
    width: 100%;
    flex: inherit;
  }
  section#dev-team .left-column .arrow-dev-team {
    display: none;
  }
  section#dev-team .slider-dev-team {
    margin-top: 20px;
  }
  section#dev-team .slider-dev-team .slide-dev-team-member {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    color: white;
    position: relative;
  }
  section#dev-team .slider-dev-team .slide-dev-team-member .container-data-member {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
  }
  section#dev-team .slider-dev-team .slide-dev-team-member b {
    font-size: 22px;
  }
  section#dev-team .slider-dev-team .slide-dev-team-member ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  section#dev-team .slider-dev-team .slide-dev-team-member ul li {
    list-style: none;
    font-size: 10px;
    margin: 0;
  }
  section#dev-team .slider-dev-team .slide-dev-team-member .tel {
    color: #068beb;
    font-weight: 600;
  }
  section#dev-team .slider-dev-team .slide-dev-team-member img.icon-linkedin {
    width: 20px;
  }
  section#faq .container-questions .card-question {
    width: 100%;
  }
  .container-champ-form {
    flex-direction: column;
  }
  .bloc-element-form {
    width: 100%;
  }
  .bloc-element-form input {
    box-sizing: border-box;
  }
  .colonne-contact-pole-dev {
    width: 100%;
  }
  .tel-pole-dev {
    font-size: 14px;
  }
}
.main-404 {
  display: flex;
  justify-content: center;
  max-width: 1120px;
  margin: 80px auto;
  height: 400px;
  flex-direction: column;
}

#header-recruter {
  width: 100%;
  padding-top: 130px;
  z-index: 3;
  position: relative;
}
#header-recruter h1 {
  font-size: 32px;
}
#header-recruter h1 .recruter-expertise {
  font-weight: 400;
  font-size: 14px;
}
#header-recruter .header-recruter-container {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  position: relative;
  align-items: flex-end;
  justify-content: space-between;
}
#header-recruter .header-recruter-container .header-container-main-columns {
  width: 100%;
  display: flex;
  position: relative;
  align-items: flex-end;
  gap: 60px;
}
#header-recruter .header-recruter-container .header-container-main-columns .header-recruter-left-column {
  width: 35%;
  text-align: right;
  margin-bottom: -3px;
  position: relative;
}
#header-recruter .header-recruter-container .header-container-main-columns .header-recruter-left-column .label-container {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
#header-recruter .header-recruter-container .header-container-main-columns .header-recruter-left-column .label-container .label-texte {
  width: 100px;
  position: absolute;
  padding-left: 30px;
  text-align: left;
  color: white;
  font-size: 11px;
}
#header-recruter .header-recruter-container .header-container-main-columns .header-recruter-left-column .label-container .label-texte b {
  font-size: 24px;
}
#header-recruter .header-recruter-container .header-container-main-columns .header-recruter-left-column .label-container .label-texte b span {
  font-size: 12px;
  margin-left: 3px;
}
#header-recruter .header-recruter-container .header-container-main-columns .header-recruter-left-column .label-container svg path {
  fill: #ffa102;
}
#header-recruter .header-recruter-container .header-container-main-columns .header-recruter-left-column img {
  width: 90%;
}
#header-recruter .header-recruter-container .header-container-main-columns .header-recruter-right-column {
  width: 650px;
  padding-bottom: 30px;
  color: white;
}
#header-recruter .header-recruter-container .header-container-main-columns .header-recruter-right-column.black {
  color: #272727;
}
#header-recruter .header-recruter-container .header-container-main-columns .header-recruter-right-column .recruter-catch-phrase {
  font-size: 33px;
  text-align: center;
  line-height: 2.2rem;
  font-family: "Isidora";
}
#header-recruter .header-recruter-container .header-container-main-columns .header-recruter-right-column .recruter-cta-container {
  display: flex;
  justify-content: space-between;
  margin: 25px 0px 20px 0;
}
#header-recruter .header-recruter-container .header-container-main-columns .header-recruter-right-column .recruter-cta-container .recruter-cta {
  width: 32%;
  border-radius: 10px;
  background-color: white;
  color: #231e47;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 48px;
  font-size: 16px;
  line-height: 1.2rem;
  gap: 10px;
  box-shadow: 0px 0px 10px 0px rgba(96, 44, 0, 0.5490196078);
}

#recruter-menu-sections {
  width: 100%;
  background-color: white;
  box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.1882352941);
  position: relative;
  margin-top: -1px;
  z-index: 3;
  scroll-margin-top: 73px;
}
#recruter-menu-sections .recruter-menu-sections-container {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}
#recruter-menu-sections .recruter-menu-sections-container .recruter-menu-section-main {
  list-style: none;
  display: flex;
  gap: 40px;
  margin: 0;
}
#recruter-menu-sections .recruter-menu-sections-container .recruter-menu-section-main li {
  margin: 0;
}
#recruter-menu-sections .recruter-menu-sections-container .recruter-menu-section-main li a {
  padding: 23px 0px 20px 0px;
  border-bottom: 3px solid white;
  display: block;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
}
#recruter-menu-sections .recruter-menu-sections-container .recruter-menu-section-main li a.active {
  font-weight: 700;
}
#recruter-menu-sections .recruter-menu-sections-container .recruter-menu-section-side {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
}
#recruter-menu-sections .recruter-menu-sections-container .recruter-menu-section-side > button {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
#recruter-menu-sections .recruter-menu-sections-container .recruter-menu-section-side .dropdown-phone-number {
  position: absolute;
  top: 55px;
  right: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: none;
}
#recruter-menu-sections .recruter-menu-sections-container .recruter-menu-section-side .dropdown-phone-number > div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 20px;
  color: white;
  font-size: 14px;
}
#recruter-menu-sections .recruter-menu-sections-container .recruter-menu-section-side .dropdown-phone-number > div a {
  color: white;
  font-size: 14px;
  font-weight: 500;
}
#recruter-menu-sections .recruter-menu-sections-container .recruter-menu-section-side .dropdown-phone-number > div a:hover {
  text-decoration: underline;
}

#recruter-profil,
#recruter-job-offers,
#recruter-enterprises,
#recruter-articles {
  display: none;
}
#recruter-profil.active,
#recruter-job-offers.active,
#recruter-enterprises.active,
#recruter-articles.active {
  display: block;
  background-color: #f8f8f8;
}

#recruter-job-offers.active {
  background-color: white;
}

#recruter-job-offers .job-offers-listing-map-form {
  margin-top: 40px;
}

#recruter-profil {
  padding: 40px 0px;
}
#recruter-profil .recruter-profil-container {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 12px;
  gap: 50px;
  padding-left: 35px;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section {
  width: 70%;
  padding-right: 20px;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-presentation {
  margin-bottom: 35px;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-section-header h3,
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-section-header b {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 2px;
  display: block;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-section-header h3,
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-section-header b {
  color: #231e47;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-section-header p {
  color: #231e47;
  text-align: justify;
  line-height: 1.2rem;
  font-size: 14px;
  margin-bottom: 10px;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-section-text {
  margin: 20px 0;
  text-align: justify;
  color: #272727;
  line-height: 1.2rem;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-section-text p {
  margin-bottom: 16.5px;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-section-text b {
  text-transform: uppercase;
  color: #b32c19;
  font-weight: 400;
  font-size: 16px;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-section-text b.hide-mobile {
  margin-bottom: 5px;
  display: block;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-companies h6 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 20px;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-companies .recruter-profil-companies-container {
  display: flex;
  gap: 20px;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-companies .recruter-profil-companies-container .job-offer-company-card {
  display: flex;
  flex-direction: column;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-job-offers {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
}
#recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-job-offers h6 {
  font-size: 26px;
  font-weight: 400;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
#recruter-profil .recruter-profil-container .recruter-profil-side-section {
  width: 25%;
  padding-top: 30px;
}
#recruter-profil .recruter-profil-container .recruter-profil-side-section .recruter-avis {
  display: none;
  justify-content: center;
  align-items: center;
  background-color: white;
  color: #231e47;
  padding: 15px;
  gap: 5px;
  margin-bottom: 40px;
}
#recruter-profil .recruter-profil-container .recruter-profil-side-section .recruter-avis-note {
  font-size: 16px;
  font-weight: 600;
}
#recruter-profil .recruter-profil-container .recruter-profil-side-section .recruter-avis-stars i.fa-star,
#recruter-profil .recruter-profil-container .recruter-profil-side-section .recruter-avis-stars i.fa-star-half-stroke {
  color: gold;
}
#recruter-profil .recruter-profil-container .recruter-profil-side-section .recruter-avis-number {
  font-weight: 600;
  font-size: 12px;
}
#recruter-profil .recruter-profil-container .recruter-profil-side-section .recruter-articles {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#recruter-profil .recruter-profil-container .recruter-profil-side-section .recruter-articles h6 {
  font-size: 26px;
  font-weight: 400;
}
#recruter-profil .recruter-profil-container .recruter-profil-side-section .recruter-articles .featujaune-image-container {
  height: 105px;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container {
  background-color: white;
  width: 100%;
  border-radius: 20px 0px 0px 20px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-big-picture {
  width: 55%;
  position: relative;
  overflow: hidden;
  margin-left: -40px;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-big-picture img {
  position: absolute;
  bottom: 0;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 50px 40px 50px 40px;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form .recruter-form-title {
  color: #b32c19;
  font-size: 27px;
  font-family: "Isidora";
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 20px;
  margin-top: 25px;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form .form-inputs-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  gap: 40px;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form label {
  margin-top: 10px;
  padding-bottom: 5px;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form .recruter-form-left-side {
  display: flex;
  flex-direction: column;
  flex: auto;
  justify-content: space-between;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form .recruter-form-left-side input,
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form .recruter-form-left-side select {
  margin-bottom: 10px;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form .recruter-form-right-side {
  display: flex;
  flex-direction: column;
  flex: auto;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form input,
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form select,
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form textarea {
  background-color: #f8f8f8;
  border: none;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form input::-moz-placeholder, #recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form select::-moz-placeholder, #recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form textarea::-moz-placeholder {
  color: #9c9c9c;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form input::placeholder,
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form select::placeholder,
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form textarea::placeholder {
  color: #9c9c9c;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form button {
  color: #b32c19;
  padding: 10px 40px;
  font-size: 16px;
  font-weight: 800;
  border-radius: 20px;
  border: 1px solid #b32c19;
  background-color: white;
  width: 50%;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form button:hover {
  color: white;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form .messageSys {
  display: none;
  border: 1px solid;
  padding: 15px;
  border-radius: 10px;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form .messageSys-text {
  display: flex;
  align-items: center;
  gap: 10px;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form .messageSys.success {
  color: #009657;
  border-color: #009657;
  background-color: #f3fdf6;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form .messageSys.warning {
  color: #ff7901;
  border-color: #ff7901;
  background-color: #fff2e7;
}
#recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form .messageSys.error {
  color: #f15045;
  border-color: #f15045;
  background-color: #ffede8;
}

.card-job-offer-container {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 15px;
}
.card-job-offer-container .card-job-offer {
  background-color: white;
  border-radius: 10px;
  border: 2px solid #e9e9e9;
  padding: 25px 30px;
  width: 250px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1;
}
.card-job-offer-container .card-job-offer h4 {
  font-size: 19px;
  color: #231e47;
  padding-bottom: 10px;
  border-bottom: 2px solid #e9e9e9;
  margin-bottom: 20px;
  flex-grow: 1;
  line-height: 1.3rem;
  font-family: "MontSerrat";
}
.card-job-offer-container .card-job-offer .card-job-offer-info {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 5px;
}
.card-job-offer-container .card-job-offer .card-job-offer-info svg {
  width: 20px;
  height: 20px;
}
.card-job-offer-container .card-job-offer .card-job-offer-info div {
  font-size: 12px;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}

.recruter-job-offers-container {
  max-width: 1440px;
  padding: 25px 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.recruter-job-offers-container h6 {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 20px;
}
.recruter-job-offers-container .job-offer-join-cv {
  padding: 20px;
  border-left: 10px solid #265dc6;
  border-radius: 10px;
  width: 150px;
  line-height: 1rem;
  box-shadow: 0px 0px 5px 0px #e9e9e9;
  background-color: white;
}

#recruter-enterprises .recruter-enterprises-container {
  max-width: 1120px;
  padding: 50px 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
#recruter-enterprises .recruter-enterprises-container h6 {
  font-size: 32px;
  font-weight: 400;
  width: 100%;
}
#recruter-enterprises .recruter-enterprises-container .recruter-enterprises-featured-card {
  width: 100%;
  margin: 30px 0;
}
#recruter-enterprises .recruter-enterprises-container .recruter-enterprises-featured-card .job-offer-company-card {
  width: 100%;
  max-width: inherit;
  display: flex;
  border-radius: 15px;
  box-sizing: border-box;
}
#recruter-enterprises .recruter-enterprises-container .recruter-enterprises-featured-card .job-offer-company-card .job-offer-company-card-body {
  padding: 40px 40px 40px 60px;
  width: 50%;
}
#recruter-enterprises .recruter-enterprises-container .recruter-enterprises-featured-card .job-offer-company-card .job-offer-company-background {
  width: 50%;
  height: auto;
}
#recruter-enterprises .recruter-enterprises-container .recruter-enterprises-featured-card .job-offer-company-card .job-offer-company-card-linked {
  padding: 30px;
}
#recruter-enterprises .recruter-enterprises-container .recruter-enterprises-featured-card .job-offer-company-card .job-offer-compagny-container-logo {
  position: relative;
  top: inherit;
  left: inherit;
  width: 200px;
  height: 100px;
  margin-bottom: 20px;
}
#recruter-enterprises .recruter-enterprises-container .recruter-enterprises-listing-card {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
  gap: 13px;
  width: 100%;
}
#recruter-enterprises .recruter-enterprises-container .recruter-enterprises-listing-card .job-offer-company-card {
  display: flex;
  flex-direction: column;
}
#recruter-enterprises .recruter-enterprises-container #pagination-companies {
  display: flex;
  gap: 10px;
  margin: 0 0 40px 10px;
}
#recruter-enterprises .recruter-enterprises-container #pagination-companies button {
  padding: 15px;
  border: none;
  transition: all 0.3s ease-in-out;
  width: 1.5em;
  height: 1.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: transparent;
  font-size: 16px;
}
#recruter-enterprises .recruter-enterprises-container #pagination-companies button:not(.active) {
  cursor: pointer;
}
#recruter-enterprises .recruter-enterprises-container #pagination-companies button:hover {
  background-color: #ff6602;
  opacity: 0.8;
  color: white;
}
#recruter-enterprises .recruter-enterprises-container #pagination-companies button.active {
  background-color: #ff6602;
  color: white;
}

@media screen and (min-width: 1120px) {
  .recruter-catch-phrase-mobile,
  #recruter-menu-sections-mobile,
  #recruter-mobile-info,
  #nav-menu-recruter-mobile,
  .voir-plus,
  .submit-mobile,
  .recruter-enterprises-listing-card.mobile {
    display: none !important;
  }
}
@media screen and (max-width: 1120px) {
  .recruter-job-offers-ctas .recruter-job-offers-ctas-container {
    padding: 20px !important;
    -moz-column-gap: 18px !important;
         column-gap: 18px !important;
  }
  .recruter-job-offers-ctas .recruter-job-offers-ctas-container p {
    flex-grow: 1;
  }
  .recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.purple {
    display: none;
  }
  #recruter-menu-sections-mobile {
    padding: 5px 20px;
    position: sticky;
    top: 20px;
    box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.1882352941);
    background-color: white;
  }
  #recruter-menu-sections-mobile ul {
    padding: 0;
    display: flex;
    justify-content: space-between;
  }
  #recruter-menu-sections-mobile ul li {
    margin: 0;
    list-style: none;
    width: 23%;
  }
  #main .container-recruter-info-pc,
  #main #recruter-menu-sections,
  #main .submit-pc,
  #main .recruter-catch-phrase,
  #main .recruter-enterprises-featured-card,
  #main .recruter-cta-container,
  #main .hide-mobile {
    display: none !important;
  }
  #main .voir-plus {
    font-size: 12px;
    text-decoration: underline;
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
  }
  #main #nav-menu-recruter-mobile {
    position: sticky;
    top: 70px;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px;
    box-shadow: 0px 0px 11px 0px rgba(92, 92, 92, 0.46);
  }
  #main #nav-menu-recruter-mobile.is-sticky i {
    display: none;
  }
  #main #nav-menu-recruter-mobile ul {
    margin: 0;
    display: flex;
    justify-content: inherit;
    padding: 0px;
    align-items: inherit;
    width: 100%;
  }
  #main #nav-menu-recruter-mobile ul li {
    list-style: none;
    font-size: 11px;
    max-width: inherit;
    text-align: center;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 25%;
    border-right: 1px solid white;
  }
  #main #nav-menu-recruter-mobile ul li a {
    display: flex;
    align-items: center;
    row-gap: 5px;
    flex-direction: column;
    border-bottom: 0 !important;
    color: white;
    padding: 10px 20px;
  }
  #main #nav-menu-recruter-mobile ul li a.active {
    background-color: white;
  }
  #main #nav-menu-recruter-mobile ul li i {
    font-size: 16px;
    color: white;
  }
  #main #nav-menu-recruter-mobile ul li:last-child {
    border-right: none;
  }
  #main #recruter-mobile-info {
    padding: 12px 20px;
    background-color: rgba(0, 0, 0, 0.35);
    color: white;
    margin-top: -1px;
    display: flex;
    justify-content: space-between;
  }
  #main #recruter-mobile-info .recruter-cta {
    font-size: 14px;
    text-align: center;
    max-width: 80px;
  }
  #main #recruter-mobile-info h5 {
    font-size: 24px;
    margin-bottom: -5px;
  }
  #main #recruter-mobile-info .recruter-expertise {
    font-size: 12px;
  }
  #main #recruter-mobile-info .recruter-menu-section-side {
    display: flex;
    align-items: flex-start;
    padding-top: 5px;
    font-size: 12px;
    gap: 15px;
  }
  #main #recruter-mobile-info .recruter-menu-section-side svg {
    width: 46px;
    height: 46px;
  }
  #main #recruter-mobile-info .recruter-menu-section-side path {
    fill: white !important;
  }
  #main .recruter-catch-phrase-mobile {
    font-size: 24px;
    line-height: 1.7rem;
    color: white;
  }
  #main #header-recruter {
    padding-top: 390px;
  }
  #main #header-recruter .header-recruter-container {
    padding: 0 40px;
    flex-wrap: wrap;
  }
  #main #header-recruter .header-recruter-container .header-container-main-columns {
    gap: 20px;
  }
  #main #header-recruter .header-recruter-container .header-container-main-columns .header-recruter-right-column {
    width: 50%;
    padding-bottom: 0;
    padding-top: 50px;
    position: relative;
  }
  #main #header-recruter .header-recruter-container .header-container-main-columns .header-recruter-right-column h5 {
    font-size: 24px;
  }
  #main #header-recruter .header-recruter-container .header-container-main-columns .header-recruter-right-column .recruter-cta-container {
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-end;
  }
  #main #header-recruter .header-recruter-container .header-container-main-columns .header-recruter-right-column .recruter-cta-container .recruter-cta {
    width: 100%;
    padding: 20px 18px;
    max-width: 108px;
  }
  #main #header-recruter .header-recruter-container .header-container-main-columns .header-recruter-right-column .recruter-cta-container .recruter-cta svg {
    display: none;
  }
  #main #header-recruter .header-recruter-container .header-container-main-columns .header-recruter-left-column {
    width: 50%;
    position: relative;
  }
  #main #header-recruter .header-recruter-container .header-container-main-columns .header-recruter-left-column .label-container {
    display: none;
  }
  #main #header-recruter .header-recruter-container .header-container-main-columns .header-recruter-left-column img {
    position: absolute;
    width: 215%;
    max-width: 285px;
    bottom: 4px;
    left: 0px;
  }
  #main #recruter-profil .recruter-profil-container {
    padding: 0 40px;
    flex-direction: column;
    gap: 20px;
  }
  #main #recruter-profil .recruter-profil-container .recruter-contact-form-container {
    margin-top: 20px;
    border-radius: 20px;
    background-color: #f8f8f8;
  }
  #main #recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form {
    padding: 0px;
  }
  #main #recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form input,
  #main #recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form select,
  #main #recruter-profil .recruter-profil-container .recruter-contact-form-container .recruter-form form textarea {
    background-color: white;
    border: 1px solid #e7e7e7;
    padding: 15px;
  }
  #main #recruter-profil .recruter-profil-container .recruter-profil-main-section {
    width: 100%;
    padding: 0;
  }
  #main #recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-section-text {
    margin: 10px 0;
  }
  #main #recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-section-header {
    margin-bottom: 40px;
  }
  #main #recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-main-section-header p {
    text-align: left;
  }
  #main #recruter-profil .recruter-profil-container .recruter-profil-main-section .recruter-profil-companies-container {
    flex-wrap: wrap;
  }
  #main #recruter-profil .recruter-profil-container .job-offer-company-card {
    width: 100%;
    max-width: 300px;
    min-width: 300px;
    box-sizing: border-box;
  }
  #main #recruter-profil .recruter-profil-container .card-job-offer {
    width: 100%;
    max-width: 300px;
    min-width: 300px;
    box-sizing: border-box;
  }
  #main #recruter-profil .recruter-profil-container .recruter-profil-side-section {
    width: 100%;
  }
  #main .recruter-big-picture {
    display: none;
  }
  #main .recruter-job-offers-container {
    padding: 40px;
  }
  #main .recruter-job-offers-container .recruter-job-offers-header-left form#search-job-offers .container-elem-form label,
  #main .recruter-job-offers-container .recruter-job-offers-header-left form#search-recruters .container-elem-form label {
    font-size: 11px;
    width: 100px;
    box-sizing: border-box;
    -moz-column-gap: 5px;
         column-gap: 5px;
    padding: 10px 20px 10px 10px;
  }
  #main .recruter-job-offers-container .recruter-job-offers-header-left form#search-job-offers .container-elem-form input,
  #main .recruter-job-offers-container .recruter-job-offers-header-left form#search-job-offers .container-elem-form select,
  #main .recruter-job-offers-container .recruter-job-offers-header-left form#search-job-offers .container-elem-form form,
  #main .recruter-job-offers-container .recruter-job-offers-header-left form#search-recruters .container-elem-form input,
  #main .recruter-job-offers-container .recruter-job-offers-header-left form#search-recruters .container-elem-form select,
  #main .recruter-job-offers-container .recruter-job-offers-header-left form#search-recruters .container-elem-form form {
    background-color: white;
    flex: 1;
  }
  #main .recruter-job-offers-container .recruter-job-offers-header-left form#search-job-offers button,
  #main .recruter-job-offers-container .recruter-job-offers-header-left form#search-recruters button {
    width: 100%;
    padding: 15px;
    margin-top: 10px;
  }
  #main .single-job-offer-image {
    display: none;
  }
  #main .content-recruter.small {
    height: 60px;
    overflow: hidden;
  }
  #main .recruter-job-offers-map-form-container {
    padding: 0;
  }
  #main .recruter-job-offers-map-form-container .jobs-offers-numbers {
    padding: 0 40px;
    line-height: 2rem;
  }
  #main .recruter-job-offers-map-form-container .recruter-job-offer-result .pagination-jobs-offers {
    padding: 0 40px;
  }
  #main .recruter-job-offers-map-form-container .recruter-job-offer-result .recruter-job-offers-inner-container .listing-jobs-offers {
    overflow: auto;
    height: inherit;
    padding: 10px 40px;
  }
  #main .recruter-job-offers-map-form-container .recruter-job-offer-result .recruter-job-offers-inner-container .listing-jobs-offers .container-single-job-offer {
    height: inherit;
    justify-content: space-between;
  }
  #main .recruter-job-offers-map-form-container .recruter-job-offer-result .recruter-job-offers-inner-container .listing-jobs-offers .container-single-job-offer .single-job-offer-infos {
    padding: 10px 15px;
  }
  #main .recruter-job-offers-map-form-container .recruter-job-offer-result .recruter-job-offers-inner-container .listing-jobs-offers .container-single-job-offer .single-job-offer-infos .info-job-offer {
    font-size: 10px;
  }
  #main .recruter-job-offers-map-form-container .recruter-job-offer-result .recruter-job-offers-inner-container .listing-jobs-offers .container-single-job-offer .single-job-offer-infos h4 {
    font-size: 14px;
    line-height: 1rem;
  }
  #main .recruter-job-offers-map-form-container .recruter-job-offer-result .recruter-job-offers-inner-container .listing-jobs-offers .container-single-job-offer .single-job-offer-recruter {
    width: 130px;
    padding: 10px 15px;
  }
  #main .recruter-job-offers-map-form-container .recruter-job-offer-result .recruter-job-offers-inner-container .listing-jobs-offers .container-single-job-offer .single-job-offer-recruter img {
    width: 60px;
  }
  #main .recruter-job-offers-map-form-container #map {
    display: none;
  }
  #main #recruter-enterprises .recruter-enterprises-container {
    padding: 40px;
  }
  #main #recruter-enterprises .recruter-enterprises-container h6 {
    line-height: 2rem;
  }
  #main #recruter-enterprises .recruter-enterprises-container .recruter-enterprises-listing-card {
    justify-content: center;
    gap: 20px;
  }
  #main #recruter-enterprises .recruter-enterprises-container .recruter-enterprises-listing-card.mobile {
    margin: 0;
    margin-top: 20px;
  }
  #main #recruter-enterprises .recruter-enterprises-container .job-offer-company-card {
    width: 100%;
  }
  #main .articles .articles-container {
    padding: 40px 0;
  }
  #main .articles .articles-container .articles-left-column h6 {
    text-align: left !important;
    width: 100%;
    padding-bottom: 20px;
  }
  #main .articles .articles-container .articles-left-column .featured-article .footer-featured-article {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  #main .articles .articles-container .articles-left-column .featured-article .small-call-to-action {
    position: relative;
    top: 0;
    right: 0;
    margin: 10px 0;
    padding: 10px 20px;
  }
  .recruter-cta-container-mobile {
    padding: 10px;
    background-color: white;
    color: #272727;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(96, 44, 0, 0.5490196078);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .recruter-profil-main-section-text b {
    color: white !important;
    padding: 10px 30px 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .recruter-profil-main-section-text b i {
    font-size: 24px;
  }
  div[class^=toogle] {
    display: none;
    padding: 10px;
    line-height: 1.1rem;
  }
}
@media screen and (max-width: 480px) {
  #main .tags-container {
    gap: inherit;
    row-gap: 5px;
    -moz-columns: 10px;
         columns: 10px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.job-offer-candidate {
  background: #231e47;
  color: white;
  font-size: 26px;
  font-weight: 400;
  padding: 10px 60px;
  border-radius: 40px;
  width: 280px;
  box-sizing: border-box;
  font-style: italic;
}

.job-offer-main {
  position: relative;
}
.job-offer-main .background-gray {
  background-color: #f8f8f8;
  top: 215px;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}

.job-offer-content {
  margin: 80px 0 60px 0;
  padding-right: 40px;
}
.job-offer-content .company .section-title-job-offer,
.job-offer-content .mission .section-title-job-offer,
.job-offer-content .profil .section-title-job-offer {
  font-size: 32px;
  border-bottom: 2px solid #e9e9e9;
  font-family: "Isidora";
  font-weight: 200;
  padding-bottom: 10px;
  margin: 50px 0 30px 0;
}
.job-offer-content .company p,
.job-offer-content .mission p,
.job-offer-content .profil p {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.2rem;
  color: #272727;
  text-align: justify;
}
.job-offer-content .company .section-title-job-offer {
  color: #068beb;
}
.job-offer-content .mission .section-title-job-offer {
  color: #ff9702;
}
.job-offer-content .profil .section-title-job-offer {
  color: #e84a26;
}

.container-column-job-offer {
  max-width: 1120px;
  margin: 60px auto 40px auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  gap: 30px;
}
.container-column-job-offer .main-column-job-offer-details {
  width: 70%;
}
.container-column-job-offer .main-column-job-offer-details .job-offer-header-container {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: flex-start;
}
.container-column-job-offer .main-column-job-offer-details .job-offer-header-container .job-offer-header-details {
  flex: 1;
  padding-top: 15px;
}
.container-column-job-offer .main-column-job-offer-details .job-offer-header-container .job-offer-header-img {
  width: 200px;
}
.container-column-job-offer .main-column-job-offer-details .job-offer-header-container .job-offer-header-img img {
  border-radius: 10px;
}
.container-column-job-offer .main-column-job-offer-details .job-offer-header-container .job-offer-header-img-mobile {
  display: none;
}
.container-column-job-offer .main-column-job-offer-details .job-offer-salary {
  color: #068beb;
  font-size: 24px;
}
.container-column-job-offer .main-column-job-offer-details .btn-retour {
  color: #ff6602;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.container-column-job-offer .main-column-job-offer-details .btn-retour::before {
  content: "<";
  margin-right: 5px;
  font-size: 32px;
}
.container-column-job-offer .main-column-job-offer-details h1 {
  font-size: 36px;
  line-height: 2.2rem;
}
.container-column-job-offer .main-column-job-offer-details .job-offer-date {
  font-size: 10px;
  color: #9c9c9c;
  padding: 10px 0;
}
.container-column-job-offer .side-column-job-offer-details {
  width: 25%;
  position: relative;
  padding-top: 50px;
}
.container-column-job-offer .side-column-job-offer-details .job-offer-share {
  margin: 10px 0;
}
.container-column-job-offer .side-column-job-offer-details .job-offer-share .job-offer-share-title {
  color: #808080;
  font-size: 12px;
  margin: 20px 0 10px 0;
  font-weight: 500;
}
.container-column-job-offer .side-column-job-offer-details .job-offer-company {
  display: flex;
  flex-wrap: wrap;
}
.container-column-job-offer .side-column-job-offer-details .job-offer-articles {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 50px 0;
}

.job-offer-wanna-candidate {
  max-width: 1120px;
  margin: 40px auto;
  display: flex;
  flex-direction: column;
}
.job-offer-wanna-candidate .job-offer-wanna-candidate-title {
  color: #068beb;
  font-size: 32px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1120px) {
  #main .job-offer-header-img-mobile {
    padding-top: 140px;
    margin-top: 70px;
  }
  #main .job-offer-header-container .tags-container {
    flex-direction: row;
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
  #main .title-page.single-job-offer {
    display: none;
  }
  #main .title-page.single-job-offer .container-title-page {
    flex-direction: column;
    gap: 10px;
    padding: 30px 10px;
  }
  #main .title-page.single-job-offer .container-title-page h5 {
    font-size: 42px;
  }
  #main .title-page.single-job-offer .container-title-page .job-offer-candidate {
    display: none;
  }
  .container-column-job-offer {
    flex-direction: column;
  }
  .container-column-job-offer .main-column-job-offer-details {
    width: 100%;
  }
  .container-column-job-offer .main-column-job-offer-details .job-offer-header-container {
    padding: 0 40px;
  }
  .container-column-job-offer .main-column-job-offer-details .job-offer-content {
    padding: 0 20px;
  }
  .container-column-job-offer .side-column-job-offer-details {
    width: 100%;
    padding: 0 40px;
  }
  .container-column-job-offer .side-column-job-offer-details .job-offer-you-should-know {
    max-width: 425px;
  }
  .container-column-job-offer .side-column-job-offer-details .job-offer-company {
    display: none;
  }
  .job-offer-wanna-candidate {
    padding: 0 40px;
    display: none;
  }
}
@media screen and (max-width: 765px) {
  #main .title-page .container-title-page h5 {
    font-size: 36px;
  }
  .job-offer-main {
    background-color: #f8f8f8;
  }
  .job-offer-main .background-gray {
    display: none;
  }
  .container-column-job-offer {
    margin-top: 0;
  }
  .container-column-job-offer .main-column-job-offer-details .job-offer-header-container {
    padding: 0;
    flex-direction: column;
  }
  .container-column-job-offer .main-column-job-offer-details .job-offer-header-container .job-offer-header-details {
    width: 100%;
    padding: 30px 40px;
    background-color: white;
  }
  .container-column-job-offer .main-column-job-offer-details .job-offer-header-container .job-offer-header-details h1 {
    font-size: 32px;
  }
  .container-column-job-offer .main-column-job-offer-details .job-offer-header-container .job-offer-header-img {
    display: none;
  }
  .container-column-job-offer .main-column-job-offer-details .job-offer-header-container .job-offer-header-img-mobile {
    display: block;
    width: 100%;
    height: 100px;
    background-size: cover;
    background-position: center;
  }
  .container-column-job-offer .main-column-job-offer-details .job-offer-content {
    margin: 40px 0 60px 0;
  }
  .container-column-job-offer .main-column-job-offer-details .job-offer-content .company .section-title-job-offer,
  .container-column-job-offer .main-column-job-offer-details .job-offer-content .mission .section-title-job-offer,
  .container-column-job-offer .main-column-job-offer-details .job-offer-content .profil .section-title-job-offer {
    font-weight: 300;
  }
}
@media screen and (max-width: 480px) {
  .job-offer-wanna-candidate .job-offer-wanna-candidate-title {
    font-size: 24px;
  }
}
.company-section-title {
  width: 100%;
  color: #ff6602;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 40px;
}
.company-section-title h3 {
  font-size: 16px;
  color: #272727;
}

#header-company {
  width: 100%;
  background: url("https://dev.mercato-emploi.com/wp-content/themes/mercato2024/assets/fond_header_orange.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 120px;
}
#header-company .header-company-container {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  position: relative;
  align-items: flex-end;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
#header-company .header-company-container .company-logo-container {
  width: 200px;
  border-radius: 15px 15px 0px 0px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  align-items: stretch;
}
#header-company .header-company-container .company-logo-container .company-logo {
  background: white;
  padding: 10px;
  display: flex;
  align-items: center;
  height: 150px;
  width: 100%;
}
#header-company .header-company-container .company-name {
  color: white;
  padding-bottom: 15px;
  flex: 1;
}
#header-company .header-company-container .company-name h1 {
  font-size: 36px;
  margin: 0;
  font-weight: 700;
}
#header-company .header-company-container .company-name .company-city {
  margin-top: -5px;
  font-size: 14px;
}

.company-spontaneous-application {
  display: flex;
  align-items: center;
  align-self: baseline;
  border-radius: 10px;
  background-color: white;
  margin-left: auto;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(96, 44, 0, 0.5490196078);
  max-width: 300px;
}
.company-spontaneous-application .company-spontaneous-application-icon {
  padding: 20px 20px 17px 20px;
  background-color: #ff9900;
}
.company-spontaneous-application .company-spontaneous-application-text {
  padding: 15px 40px;
}

.company-presentation {
  margin: 55px auto;
}
.company-presentation h1,
.company-presentation h2,
.company-presentation h3,
.company-presentation h4,
.company-presentation h5,
.company-presentation h6 {
  font-size: 12px;
  font-family: "MontSerrat", "sans-serif";
  line-height: 1.2rem;
  font-weight: 400;
}
.company-presentation li {
  margin-bottom: 15px;
}

.end-header-company-container {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  position: relative;
  align-items: baseline;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.end-header-company-container a#backlink {
  background-color: #ff6602;
  color: white;
  padding: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  box-sizing: border-box;
  width: 200px;
  border-radius: 0px 0px 15px 15px;
}
.end-header-company-container .company-website {
  text-decoration: underline;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.company-columns-container {
  max-width: 1120px;
  margin: 40px auto;
  display: flex;
  position: relative;
  align-items: flex-start;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: space-between;
}
.company-columns-container #company-main-column {
  width: 70%;
  padding-right: 35px;
  box-sizing: border-box;
}
.company-columns-container #company-main-column p {
  margin-bottom: 10px;
  line-height: 1.2rem;
}
.company-columns-container #company-main-column .company-plus,
.company-columns-container #company-main-column .company-skills {
  font-size: 12px;
  margin-top: 23px;
}
.company-columns-container #company-main-column .company-plus h5,
.company-columns-container #company-main-column .company-skills h5 {
  margin: 10px 0;
}
.company-columns-container #company-main-column .company-plus ul,
.company-columns-container #company-main-column .company-skills ul {
  padding-left: 20px;
}
.company-columns-container #company-main-column .company-plus h1,
.company-columns-container #company-main-column .company-plus h2,
.company-columns-container #company-main-column .company-plus h3:not(:first-child),
.company-columns-container #company-main-column .company-plus h4,
.company-columns-container #company-main-column .company-plus h5:not(:first-child),
.company-columns-container #company-main-column .company-plus h6,
.company-columns-container #company-main-column .company-skills h1,
.company-columns-container #company-main-column .company-skills h2,
.company-columns-container #company-main-column .company-skills h3:not(:first-child),
.company-columns-container #company-main-column .company-skills h4,
.company-columns-container #company-main-column .company-skills h5:not(:first-child),
.company-columns-container #company-main-column .company-skills h6 {
  font-size: 16px;
  color: #272727;
}
.company-columns-container #company-main-column h3 {
  color: #ff6602;
  font-weight: 300;
  font-size: 36px;
}
.company-columns-container #company-main-column .company-featured-img {
  margin: 20px 0;
}
.company-columns-container #company-main-column .company-featured-img img {
  border-radius: 10px;
}
.company-columns-container #company-main-column p {
  font-size: 12px;
  line-height: 1.2rem;
}
.company-columns-container #company-main-column .company-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 50px;
}
.company-columns-container #company-main-column .company-gallery img {
  border-radius: 10px;
  box-sizing: border-box;
  max-width: calc(50% - 15px);
  height: auto;
}
.company-columns-container #company-main-column .company-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 25px 0;
}
.company-columns-container #company-main-column .company-tags .tiny-tag {
  background-color: #f0f0f0;
  border-radius: 10px;
  padding: 10px 20px;
  font-size: 10px;
}
.company-columns-container #company-main-column .company-separator {
  margin: 30px 0;
  border: 8px solid #e9e9e9;
}
.company-columns-container #company-main-column #map {
  height: 300px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #9c9c9c;
  margin-top: 40px;
}
.company-columns-container #company-main-column .company-adress {
  margin-top: 10px;
  font-size: 12px;
}
.company-columns-container #company-side-column {
  width: 25%;
}
.company-columns-container #company-side-column .company-side-column-author-header {
  height: 100px;
  border-radius: 30px 30px 0 0;
}
.company-columns-container #company-side-column .company-job-offers {
  padding-bottom: 20px;
  border-bottom: 2px dashed #e9e9e9;
}
.company-columns-container #company-side-column .company-author {
  display: block;
  position: relative;
  border-radius: 0px 0px 20px 0;
  padding: 70px 20px 20px 20px;
  margin-bottom: 30px;
  background-color: #e6e6e6;
}
.company-columns-container #company-side-column .company-author img {
  position: absolute;
  width: 100px;
  height: auto;
  top: -50px;
  left: 20px;
  border-radius: 50%;
}
.company-columns-container #company-side-column .company-author .published-by {
  font-style: italic;
  color: #808080;
  font-weight: 500;
}
.company-columns-container #company-side-column .company-author .recruiter-name {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: "Isidora", "sans-serif";
  word-wrap: break-word;
  padding-top: 10px;
}
.company-columns-container #company-side-column .company-key-numbers {
  border: 1px solid #ff6602;
  border-radius: 0px 20px 20px 20px;
  background-color: white;
  overflow: hidden;
}
.company-columns-container #company-side-column .company-key-numbers .company-single-key-number {
  display: flex;
  padding-bottom: 20px;
  margin: 20px;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  border-bottom: 2px solid #e9e9e9;
  text-transform: uppercase;
  font-size: 12px;
}
.company-columns-container #company-side-column .company-key-numbers .company-single-key-number:last-child {
  border: none;
  padding-bottom: 0;
}
.company-columns-container #company-side-column .company-key-numbers h5 {
  background-color: #ff6602;
  color: white;
  font-size: 24px;
  padding: 20px 20px 10px 20px;
  font-weight: 300;
}
.company-columns-container #company-side-column .company-social-network {
  margin-top: 15px;
  padding-left: 20px;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding-bottom: 15px;
  border-bottom: 2px dashed #e9e9e9;
}
.company-columns-container #company-side-column .company-social-network span {
  width: 100%;
  font-size: 14px;
  margin-bottom: -8px;
}
.company-columns-container #company-side-column .company-social-network .btn-facebook,
.company-columns-container #company-side-column .company-social-network .btn-linkedin,
.company-columns-container #company-side-column .company-social-network .btn-x {
  margin-top: 10px;
}
.company-columns-container #company-side-column .company-social-network .btn-facebook svg path {
  fill: #3b5998;
}
.company-columns-container #company-side-column .company-social-network .btn-linkedin svg path {
  fill: #0077b5;
}
.company-columns-container #company-side-column .company-social-network .btn-x svg path {
  fill: black;
}
.company-columns-container #company-side-column .company-articles {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
.company-columns-container #company-side-column .company-articles .card-article-container {
  display: flex;
  row-gap: 15px;
  flex-direction: column;
}

.company-infos-mobile,
.company-gallery-mobile {
  display: none;
}

@media screen and (max-width: 1120px) {
  #header-company .header-company-container {
    padding: 0 40px;
  }
  #header-company .header-company-container a.company-spontaneous-application {
    display: none;
  }
  #end-header-company {
    padding: 0 40px;
  }
  .company-columns-container {
    flex-direction: column;
  }
  .company-columns-container #company-main-column {
    width: 100%;
    padding: 0;
  }
  .company-columns-container #company-main-column > h3, .company-columns-container #company-main-column > div {
    padding: 0 40px;
  }
  .company-columns-container #company-side-column {
    width: 100%;
  }
  .company-columns-container #company-side-column .company-side-column-author-header {
    margin: 0 40px;
  }
  .company-columns-container #company-side-column > div {
    padding: 0 40px;
  }
  .company-columns-container .upload-cv-container.mobile button {
    background-color: #ff6602;
  }
  .company-columns-container .upload-cv-container.mobile button::before, .company-columns-container .upload-cv-container.mobile button::after {
    display: none;
  }
}
@media screen and (max-width: 765px) {
  #header-company .header-company-container .company-name h1 {
    font-size: 24px;
  }
  #header-company .header-company-container .company-logo-container {
    width: 150px;
  }
  #header-company .header-company-container .company-logo-container .company-logo {
    height: 100px;
  }
  #end-header-company .end-header-company-container #backlink {
    width: 150px;
    height: 40px;
  }
}
@media screen and (max-width: 480px) {
  #header-company .header-company-container {
    justify-content: center;
  }
  #header-company .header-company-container .company-logo-container {
    width: 200px;
  }
  #header-company .header-company-container .company-logo-container .company-logo {
    height: 150px;
  }
  #header-company .header-company-container .company-name {
    display: none;
  }
  #end-header-company .end-header-company-container {
    justify-content: center;
  }
  #end-header-company .end-header-company-container #backlink {
    width: 200px;
    height: 50px;
  }
  #end-header-company .end-header-company-container .company-website {
    display: none;
  }
  .company-columns-container {
    margin: 20px auto;
  }
  .company-columns-container #company-main-column .company-infos-mobile {
    display: block;
    margin-bottom: 40px;
    padding: 0 40px;
  }
  .company-columns-container #company-main-column .company-infos-mobile .company-name {
    text-align: center;
  }
  .company-columns-container #company-main-column .company-infos-mobile .company-name h1 {
    font-size: 42px;
    color: #ff6602;
  }
  .company-columns-container #company-main-column .company-infos-mobile .company-name .company-city {
    font-size: 14px;
    color: #272727;
  }
  .company-columns-container #company-main-column .company-infos-mobile .company-name .company-website {
    text-decoration: underline;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
  }
  .company-columns-container #company-main-column .company-featured-img {
    padding: 0;
  }
  .company-columns-container #company-main-column .company-featured-img img {
    border-radius: 0;
  }
  .company-columns-container #company-main-column .company-presentation p {
    text-align: start;
  }
  .company-columns-container #company-main-column .company-gallery {
    display: none;
  }
  .company-columns-container #company-main-column .company-gallery-mobile {
    display: block;
    padding: 0;
    margin-bottom: 50px;
  }
  .company-columns-container #company-main-column .company-gallery-mobile img {
    margin: 0 10px;
    border-radius: 10px;
    box-sizing: border-box;
    max-width: calc(50% - 15px);
    height: auto;
  }
  .company-columns-container #company-main-column .company-gallery-mobile ul {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
  }
  .company-columns-container #company-main-column .company-gallery-mobile ul li {
    list-style: none;
    margin: 0;
    background-color: #9c9c9c;
    border-radius: 50%;
    width: 10px;
    height: 10px;
  }
  .company-columns-container #company-main-column .company-gallery-mobile ul li.slick-active {
    background-color: #4d4d4d;
  }
  .company-columns-container #company-main-column .company-gallery-mobile ul li button {
    display: none;
  }
  .company-columns-container #company-main-column .cta-see-more-job-offer {
    display: flex;
    justify-content: center;
  }
}
.container-header-article,
.container-body-article {
  max-width: 1120px;
  margin: 40px auto 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.main-column-header-article,
.main-column-body-article {
  width: 70%;
  padding-right: 20px;
}

.main-column-header-article .article-header-container h1 {
  font-size: 32px;
  line-height: 2.2rem;
}
.main-column-header-article .article-header-container .article-published-date {
  color: #808080;
  font-size: 12px;
}
.main-column-header-article .article-header-container .addtoany_shortcode {
  margin-top: 10px;
}
.main-column-header-article .article-header-container .a2a_svg {
  background-color: white !important;
}
.main-column-header-article .article-header-container .a2a_svg svg path {
  fill: #9c9c9c;
}
.main-column-header-article .article-header-container .a2a_button_facebook:hover svg path {
  fill: #3b5998;
}
.main-column-header-article .article-header-container .a2a_button_x:hover svg path {
  fill: black;
}
.main-column-header-article .article-header-container .a2a_button_linkedin:hover svg path {
  fill: #0077b5;
}
.main-column-header-article .article-header-container .a2a_button_whatsapp:hover svg path {
  fill: #25d366;
}

.side-column-header-article,
.side-column-body-article {
  width: 25%;
}

.side-column-header-article {
  height: 100px;
  border-radius: 30px 30px 0 0;
  align-self: flex-end;
}
.side-column-header-article img {
  height: 200px;
  border-radius: 0 20px 0 0;
}

#article-body {
  background-color: #f8f8f8;
}
#article-body .container-body-article {
  margin: 0px auto 40px auto;
}
#article-body .container-body-article .article-video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
#article-body .container-body-article .article-video-container .article-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
#article-body .container-body-article .article-content {
  padding-top: 40px;
  text-align: justify;
  font-size: 12px;
  line-height: 1.2rem;
}
#article-body .container-body-article .article-content h4,
#article-body .container-body-article .article-content h5,
#article-body .container-body-article .article-content h3,
#article-body .container-body-article .article-content h2,
#article-body .container-body-article .article-content h1,
#article-body .container-body-article .article-content h6 {
  font-size: 16px;
  text-align: left;
  margin: 20px 0 10px 0;
}
#article-body .container-body-article .article-content p,
#article-body .container-body-article .article-content ul li {
  font-size: 16px;
  line-height: 1.4rem;
  margin-bottom: 15px;
}
#article-body .container-body-article .article-content a {
  color: #068beb;
}
#article-body .container-body-article .tags-container {
  margin: 30px 0;
}
#article-body .container-body-article .tags-container .tag {
  font-size: 10px;
  border-radius: 0 15px 15px 15px;
}
#article-body .container-body-article .article-info {
  border-radius: 0px 0px 30px 30px;
  background-color: #e6e6e6;
  position: relative;
  padding: 40px 20px 20px 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#article-body .container-body-article .article-info .article-info-title {
  padding-top: 30px;
  color: #4d4d4d;
  font-style: italic;
}
#article-body .container-body-article .article-info .article-info-recruter-name {
  padding-top: 10px;
  color: #272727;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.5rem;
}
#article-body .container-body-article .article-info img {
  width: 100px;
  height: auto;
  position: absolute;
  top: -50px;
  border: 2px solid white;
  border-radius: 50%;
}
#article-body .container-most-viewed-articles {
  margin-top: 30px;
}

.side-column-header-article {
  display: block;
}

.side-column-header-article.mobile {
  display: none;
}

@media screen and (max-width: 1120px) {
  .title-page .container-title-page h5 {
    text-align: center;
  }
  .container-header-article,
  .container-body-article {
    flex-direction: column;
    align-items: center;
    gap: 50px;
  }
  .container-header-article .container-most-viewed-articles,
  .container-body-article .container-most-viewed-articles {
    display: none;
  }
  .main-column-header-article,
  .main-column-body-article {
    width: 100%;
    padding: 0 40px;
  }
  .side-column-header-article,
  .side-column-body-article {
    width: 300px;
  }
}
@media screen and (max-width: 480px) {
  .side-column-header-article {
    display: none;
  }
  .side-column-header-article.mobile {
    display: block;
  }
  #main .title-page .container-title-page h5 {
    font-size: 32px;
  }
  .main-column-header-article .article-header-container h1 {
    font-size: 24px;
    line-height: 1.75rem;
  }
  #article-body .container-body-article .article-content {
    text-align: start;
  }
}
.deposez-cv .container-modal,
.postuler-offre .container-modal {
  color: white;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.deposez-cv .container-modal p,
.postuler-offre .container-modal p {
  color: white;
  text-align: center;
  line-height: 1.1rem;
  margin-bottom: 10px;
}
.deposez-cv .container-modal form,
.postuler-offre .container-modal form {
  display: flex;
  flex-direction: column;
  row-gap: 7.5px;
  margin: 20px 0;
}
.deposez-cv .container-modal form label,
.postuler-offre .container-modal form label {
  align-items: flex-start;
}
.deposez-cv .container-modal form label#label-cv-candidat,
.deposez-cv .container-modal form label#label-cv-candidat-spontanee,
.postuler-offre .container-modal form label#label-cv-candidat,
.postuler-offre .container-modal form label#label-cv-candidat-spontanee {
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: bold;
  cursor: pointer;
  font-size: 22px;
  margin-top: 10px;
}
.deposez-cv .container-modal form label#label-cv-candidat.has-file,
.deposez-cv .container-modal form label#label-cv-candidat-spontanee.has-file,
.postuler-offre .container-modal form label#label-cv-candidat.has-file,
.postuler-offre .container-modal form label#label-cv-candidat-spontanee.has-file {
  font-size: 12px;
  text-decoration: none;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.deposez-cv .container-modal form label#label-cv-candidat.has-file i,
.deposez-cv .container-modal form label#label-cv-candidat-spontanee.has-file i,
.postuler-offre .container-modal form label#label-cv-candidat.has-file i,
.postuler-offre .container-modal form label#label-cv-candidat-spontanee.has-file i {
  font-size: 16px;
}
.deposez-cv .container-modal form input[type=file],
.postuler-offre .container-modal form input[type=file] {
  width: 0.1px;
  height: 0.1px;
  visibility: hidden;
}
.deposez-cv .container-modal form button,
.postuler-offre .container-modal form button {
  padding: 10px 50px;
  background-color: white;
  font-size: 24px;
  border: none;
  font-weight: 800;
  border-radius: 25px;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.deposez-cv .container-modal form button.enable,
.postuler-offre .container-modal form button.enable {
  opacity: 1;
  cursor: pointer;
}
.deposez-cv .container-modal .format-files,
.postuler-offre .container-modal .format-files {
  margin-top: 10px;
  font-size: 10px;
}
.deposez-cv .container-modal .message-info,
.postuler-offre .container-modal .message-info {
  border: 1px solid transparent;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.deposez-cv .container-modal .message-info img,
.postuler-offre .container-modal .message-info img {
  width: 1px;
}

.text-loi {
  position: absolute;
  bottom: -40px;
  color: white;
  font-size: 10px;
}

.obligatoire {
  color: red;
}

.demande-contact .messageSys {
  width: 100%;
  padding: 20px;
  color: white;
  margin-top: 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.demande-contact .messageSys span {
  color: white;
  padding-right: 5px;
}
.demande-contact .messageSys.success {
  background-color: #265dc6;
}
.demande-contact .messageSys.error {
  background-color: #d75527;
}
.demande-contact .container-modal {
  background-color: white;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.demande-contact .container-modal .titre-modal-demande-contact {
  color: #ff6602;
  font-size: 22px;
  padding-bottom: 20px;
  font-weight: 600;
  line-height: 1.5rem;
}
.demande-contact .container-modal #demande-contact {
  width: 100%;
}
.demande-contact .container-modal .form-inputs-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.demande-contact .container-modal .form-inputs-container input,
.demande-contact .container-modal .form-inputs-container label,
.demande-contact .container-modal .form-inputs-container select,
.demande-contact .container-modal .form-inputs-container textarea {
  width: 100%;
  box-sizing: border-box;
}
.demande-contact .container-modal .form-inputs-container input,
.demande-contact .container-modal .form-inputs-container select {
  height: 40px;
}
.demande-contact .container-modal .form-inputs-container label {
  margin-top: 20px;
  padding-bottom: 5px;
  color: #272727;
  font-size: 12px;
  font-weight: 600;
}
.demande-contact .container-modal .form-inputs-container button {
  padding: 15px;
  border-radius: 15px;
  color: #ff6602;
  border: 2px solid #ff6602;
  margin-top: 20px;
  align-self: flex-end;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  background-color: white;
  font-size: 16px;
  font-weight: 600;
}
.demande-contact .container-modal .form-inputs-container button:hover {
  background-color: #ff6602;
  color: white;
}
.demande-contact .container-modal .form-inputs-container button.disabled-button {
  color: #4d4d4d;
  background-color: #9c9c9c;
  cursor: inherit;
  border: none;
}

@media screen and (max-width: 1120px) {
  .deposez-cv .container-modal h5,
  .postuler-offre .container-modal h5 {
    font-size: 24px;
  }
  .deposez-cv .container-modal form label,
  .postuler-offre .container-modal form label {
    font-size: 16px;
  }
  .deposez-cv .container-modal form label.has-file,
  .postuler-offre .container-modal form label.has-file {
    font-size: 12px;
  }
  .deposez-cv .container-modal form label.has-file i,
  .postuler-offre .container-modal form label.has-file i {
    font-size: 16px;
  }
  .deposez-cv .text-loi,
  .postuler-offre .text-loi {
    bottom: -50px;
  }
}
::-webkit-scrollbar {
  width: 10px;
}

label {
  margin: 0;
}

.hide-pc {
  display: none;
  color: red;
}

.jquery-modal {
  z-index: 9999;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.ql-align-center {
  text-align: center !important;
}

.ql-align-right {
  text-align: right !important;
}

.ql-align-justify {
  text-align: justify !important;
}

body {
  margin: 0;
  font-family: "MontSerrat";
}

img {
  width: 100%;
  height: auto;
}

b {
  font-weight: bold;
}

p {
  color: #272727;
}

a {
  text-decoration: none;
  color: inherit;
}

div {
  box-sizing: border-box;
}

ul li {
  font-size: 12px;
  margin-bottom: 10px;
}

i.fa-star,
i.fa-star-half-stroke {
  color: gold;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
  color: #4d4d4d;
}
.material-symbols-outlined.heavy-weight {
  font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 200, "opsz" 48;
}

.last-articles-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.featured-article-grid-skeleton {
  width: 100%;
  height: 370px;
  border-radius: 10px;
}

.article-grid-skeleton {
  width: 350px;
  height: 250px;
  border-radius: 10px;
}

.most-read-articles-skeleton {
  width: 330px;
  height: 900px;
}

.job-offer-company-title {
  color: #231e47;
  font-size: 32px;
  margin: 40px 0 20px 0;
  line-height: 2rem;
  font-weight: 200;
}

.job-offer-company-card {
  border-radius: 15px;
  position: relative;
  box-shadow: 0px 0px 9px 4px #e9e9e9;
  overflow: hidden;
  width: 270px;
  background-color: white;
}
.job-offer-company-card .job-offer-company-background {
  height: 100px;
  width: 100%;
}
.job-offer-company-card .job-offer-company-card-body {
  padding: 60px 20px 20px 30px;
  position: relative;
  background-color: white;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.job-offer-company-card .job-offer-company-card-body .job-offer-compagny-container-logo {
  border-radius: 15px;
  position: absolute;
  top: -40px;
  left: 30px;
  width: 150px;
  height: 80px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 5px 0px #9c9c9c;
}
.job-offer-company-card .job-offer-company-card-body .job-offer-compagny-container-logo .job-offer-company-logo {
  display: flex;
  align-items: center;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}
.job-offer-company-card .job-offer-company-card-body p {
  padding-bottom: 10px;
  line-height: 1rem;
  font-size: 11.5px;
}
.job-offer-company-card .job-offer-company-card-body .job-offer-company-card-info {
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
}
.job-offer-company-card .job-offer-company-card-body .job-offer-company-card-info i {
  font-size: 16px;
  color: #272727;
}
.job-offer-company-card .job-offer-company-card-body .job-offer-company-card-info .column-left {
  width: 60%;
}
.job-offer-company-card .job-offer-company-card-body .job-offer-company-card-info .column-left div {
  padding: 5px 0;
  border-bottom: 1px solid #e9e9e9;
  font-size: 11px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.job-offer-company-card .job-offer-company-card-body .job-offer-company-card-info .column-left div:last-child {
  border: none;
}
.job-offer-company-card .job-offer-company-card-body .job-offer-company-card-info .job-offer-company-card-linked {
  background-color: #ff9702;
  color: white;
  padding: 15px;
  border-radius: 5px;
  display: block;
  font-weight: bold;
  text-align: center;
}

.job-offer-compagny-images {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px 0;
}
.job-offer-compagny-images img {
  width: 48%;
  height: auto;
}

.tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 10px;
  align-self: flex-end;
  width: 100%;
}
.tags-container .tag {
  background-color: white;
  border: 1px solid #068beb;
  color: #068beb;
  text-transform: uppercase;
  padding: 10px 20px;
}

.call-to-action,
.medium-call-to-action,
.small-call-to-action {
  text-decoration: none;
  display: inline-block;
}
.call-to-action.full,
.medium-call-to-action.full,
.small-call-to-action.full {
  background-color: #265dc6;
  color: white;
}
.call-to-action.outline,
.medium-call-to-action.outline,
.small-call-to-action.outline {
  border: 1px solid #068beb;
  color: #068beb;
  border-radius: inherit;
  transition: all 0.3s ease-in-out;
}
.call-to-action.outline:hover,
.medium-call-to-action.outline:hover,
.small-call-to-action.outline:hover {
  background-color: #068beb;
  color: white;
}
.call-to-action.rounded,
.medium-call-to-action.rounded,
.small-call-to-action.rounded {
  margin-top: 15px;
  border-radius: 20px;
}

.call-to-action {
  padding: 20px 40px;
  font-size: 16px;
}

.medium-call-to-action {
  padding: 15px 30px;
  font-size: 12px;
}

.small-call-to-action {
  padding: 10px 20px;
  font-size: 12px;
}

.tag {
  border-radius: 50px;
  color: #231e47;
  padding: 10px 30px;
  font-size: 12px;
  background-color: #e9e9e9;
  transition: all 0.3s ease-in-out;
  font-weight: 600;
}
.tag:hover {
  background-color: #068beb;
  color: white;
}

.card-article {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 6px 1px #dbdbdb;
  max-width: 350px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: white;
}
.card-article .featured-image-container {
  position: relative;
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.card-article .featured-image-container img {
  height: 100%;
}
.card-article .featured-image-container .small-call-to-action {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #ff9702;
  border-radius: 5px;
  font-weight: 500;
  font-size: 11px;
  padding: 5px 15px;
}
.card-article .small-call-to-action {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #ff9702;
  border-radius: 5px;
}
.card-article .card-article-info {
  padding: 20px 30px 20px 30px;
  color: #272727;
  flex-direction: column;
  display: flex;
  flex: 1;
}
.card-article .card-article-info .tags-container {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 5px;
}
.card-article .card-article-info .tags-container .single-category-tag {
  font-size: 10px;
  background-color: inherit;
  padding: 0;
  color: #9c9c9c;
  margin: 0;
}
.card-article .card-article-info .tags-container .single-category-tag svg {
  margin-right: 5px;
}
.card-article .card-article-info h5 {
  font-size: 15px;
  line-height: 1rem;
  flex-grow: 1;
}
.card-article .card-article-info .article-author {
  font-size: 9px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.card-article .card-article-info .article-author .inner-article-author {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2px;
       column-gap: 2px;
}
.card-article .card-article-info .article-author img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.flex-column {
  flex-direction: column;
  align-items: flex-start !important;
}

.title-page {
  background: url("https://dev.mercato-emploi.com/wp-content/themes/mercato2024/assets/fond_header_orange_offres.svg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 86px;
}
.title-page .container-title-page {
  max-width: 1120px;
  margin: 0 auto;
  font-size: 32px;
  color: white;
  font-weight: bold;
  padding: 30px 0;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.title-page .container-title-page h5 {
  font-weight: 300;
  font-size: 48px;
  width: 100%;
}
.title-page .container-title-page h6 {
  font-size: 16px;
  font-weight: 400;
}

form input,
form select,
form textarea {
  padding: 5px 10px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
}

.upload-cv-container {
  min-width: 200px;
  border-radius: 10px;
  box-shadow: 20px 20px 20px -15px rgba(0, 0, 0, 0.3);
}
.upload-cv-container button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-color: #068beb !important;
  border: none;
  color: #f8f8f8;
  border-radius: 10px;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 24%);
  font-size: 16px;
  font-family: "Isidora", sans-serif;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
}
.upload-cv-container button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #068beb;
  width: 20px;
  height: 20px;
  border-bottom-right-radius: 10px;
}
.upload-cv-container button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #265dc6;
  width: 45%;
  height: 100%;
  border-radius: 0% 15% 15% 10px/0% 50% 50% 10px;
  z-index: -1;
}
.upload-cv-container button svg {
  width: 40px;
  height: auto;
  margin-right: 35px;
}

.result-predictions {
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  position: absolute;
  max-width: 500px;
  background-color: white;
  top: 50px;
  display: none;
  flex-direction: column;
  z-index: 10;
}
.result-predictions .prediction {
  padding: 10px 20px;
  color: #4d4d4d;
  border-bottom: 1px solid #e9e9e9;
  cursor: pointer;
}
.result-predictions .prediction i {
  color: #e9e9e9 !important;
}
.result-predictions .prediction:hover {
  background-color: #e9e9e9;
  color: #ff9702;
}
.result-predictions .prediction:hover i {
  color: #ff9702 !important;
}

.recruter-job-offers-container {
  display: flex;
  flex-wrap: wrap;
}
.recruter-job-offers-container form#search-job-offers,
.recruter-job-offers-container form#search-recruters,
.recruter-job-offers-container form#search-articles,
.recruter-job-offers-container form#search-companies {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 10px;
  justify-content: center;
}
.recruter-job-offers-container form#search-job-offers .form-additionnal-filter,
.recruter-job-offers-container form#search-recruters .form-additionnal-filter,
.recruter-job-offers-container form#search-articles .form-additionnal-filter,
.recruter-job-offers-container form#search-companies .form-additionnal-filter {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.recruter-job-offers-container form#search-job-offers .form-additionnal-filter select,
.recruter-job-offers-container form#search-recruters .form-additionnal-filter select,
.recruter-job-offers-container form#search-articles .form-additionnal-filter select,
.recruter-job-offers-container form#search-companies .form-additionnal-filter select {
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  padding: 10px 15px;
  width: 200px;
}
.recruter-job-offers-container form#search-job-offers .form-additionnal-filter select::-moz-placeholder, .recruter-job-offers-container form#search-recruters .form-additionnal-filter select::-moz-placeholder, .recruter-job-offers-container form#search-articles .form-additionnal-filter select::-moz-placeholder, .recruter-job-offers-container form#search-companies .form-additionnal-filter select::-moz-placeholder {
  font-size: 12px;
  color: #9c9c9c;
}
.recruter-job-offers-container form#search-job-offers .form-additionnal-filter select::placeholder,
.recruter-job-offers-container form#search-recruters .form-additionnal-filter select::placeholder,
.recruter-job-offers-container form#search-articles .form-additionnal-filter select::placeholder,
.recruter-job-offers-container form#search-companies .form-additionnal-filter select::placeholder {
  font-size: 12px;
  color: #9c9c9c;
}
.recruter-job-offers-container form#search-job-offers .container-elem-form,
.recruter-job-offers-container form#search-recruters .container-elem-form,
.recruter-job-offers-container form#search-articles .container-elem-form,
.recruter-job-offers-container form#search-companies .container-elem-form {
  display: flex;
  align-items: stretch;
  max-height: 50px;
  max-width: 600px;
  position: relative;
  justify-content: center;
}
.recruter-job-offers-container form#search-job-offers .container-elem-form i,
.recruter-job-offers-container form#search-recruters .container-elem-form i,
.recruter-job-offers-container form#search-articles .container-elem-form i,
.recruter-job-offers-container form#search-companies .container-elem-form i {
  color: #ff9702;
  font-size: 16px;
}
.recruter-job-offers-container form#search-job-offers .container-elem-form input,
.recruter-job-offers-container form#search-job-offers .container-elem-form select,
.recruter-job-offers-container form#search-recruters .container-elem-form input,
.recruter-job-offers-container form#search-recruters .container-elem-form select,
.recruter-job-offers-container form#search-articles .container-elem-form input,
.recruter-job-offers-container form#search-articles .container-elem-form select,
.recruter-job-offers-container form#search-companies .container-elem-form input,
.recruter-job-offers-container form#search-companies .container-elem-form select {
  border: 1px solid #e9e9e9;
  border-left: 0px;
  border-radius: 0px 5px 5px 0;
  padding: 10px 15px;
  width: 150px;
}
.recruter-job-offers-container form#search-job-offers .container-elem-form input::-moz-placeholder, .recruter-job-offers-container form#search-job-offers .container-elem-form select::-moz-placeholder, .recruter-job-offers-container form#search-recruters .container-elem-form input::-moz-placeholder, .recruter-job-offers-container form#search-recruters .container-elem-form select::-moz-placeholder, .recruter-job-offers-container form#search-articles .container-elem-form input::-moz-placeholder, .recruter-job-offers-container form#search-articles .container-elem-form select::-moz-placeholder, .recruter-job-offers-container form#search-companies .container-elem-form input::-moz-placeholder, .recruter-job-offers-container form#search-companies .container-elem-form select::-moz-placeholder {
  font-size: 12px;
  color: #9c9c9c;
}
.recruter-job-offers-container form#search-job-offers .container-elem-form input::placeholder,
.recruter-job-offers-container form#search-job-offers .container-elem-form select::placeholder,
.recruter-job-offers-container form#search-recruters .container-elem-form input::placeholder,
.recruter-job-offers-container form#search-recruters .container-elem-form select::placeholder,
.recruter-job-offers-container form#search-articles .container-elem-form input::placeholder,
.recruter-job-offers-container form#search-articles .container-elem-form select::placeholder,
.recruter-job-offers-container form#search-companies .container-elem-form input::placeholder,
.recruter-job-offers-container form#search-companies .container-elem-form select::placeholder {
  font-size: 12px;
  color: #9c9c9c;
}
.recruter-job-offers-container form#search-job-offers .container-elem-form label,
.recruter-job-offers-container form#search-recruters .container-elem-form label,
.recruter-job-offers-container form#search-articles .container-elem-form label,
.recruter-job-offers-container form#search-companies .container-elem-form label {
  font-weight: 600;
  border: 1px solid #e9e9e9;
  border-right: 0px;
  border-radius: 5px 0px 0px 5px;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 10px 20px 10px 15px;
  font-size: 16px;
  background-color: #f8f8f8;
}
.recruter-job-offers-container form#search-job-offers .container-elem-form label svg path,
.recruter-job-offers-container form#search-recruters .container-elem-form label svg path,
.recruter-job-offers-container form#search-articles .container-elem-form label svg path,
.recruter-job-offers-container form#search-companies .container-elem-form label svg path {
  fill: #ff6602;
}
.recruter-job-offers-container form#search-job-offers button,
.recruter-job-offers-container form#search-recruters button,
.recruter-job-offers-container form#search-articles button,
.recruter-job-offers-container form#search-companies button {
  padding: 10px 25px;
  background-color: #ff9702;
  border-radius: 10px;
  align-self: stretch;
  border: none;
  cursor: pointer;
}
.recruter-job-offers-container form#search-job-offers button svg path,
.recruter-job-offers-container form#search-recruters button svg path,
.recruter-job-offers-container form#search-articles button svg path,
.recruter-job-offers-container form#search-companies button svg path {
  fill: white;
  font-weight: 600;
}
.recruter-job-offers-container form#search-recruters {
  flex-wrap: nowrap;
  justify-content: center !important;
}
.recruter-job-offers-container form#search-articles {
  justify-content: center;
}

.container-most-viewed-articles h6 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
}
.container-most-viewed-articles .most-viewed-article-featured-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 150px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.container-most-viewed-articles .singles-articles-container a:not(:last-child) .single-article-title {
  padding-bottom: 15px;
  border-bottom: 1px solid #e9e9e9;
}

.single-category-tag {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #f8f8f8;
  color: black;
  font-size: 12px;
  margin-bottom: 10px;
}
.single-category-tag svg {
  margin-right: 10px;
}

.singles-articles-container {
  display: flex;
  flex-direction: column;
  padding: 5px;
}
.singles-articles-container .single-article {
  margin-bottom: 5px;
  display: flex;
  font-size: 12px;
  align-items: baseline;
  color: black;
}
.singles-articles-container .single-article .single-article-num {
  color: #9c9c9c;
  font-size: 24px;
  font-weight: 800;
  margin-right: 10px;
  min-width: 40px;
  text-align: right;
  font-style: italic;
}
.singles-articles-container .single-article .single-article-title {
  padding-bottom: 3px;
  flex-grow: 1;
}

.articles .articles-container {
  display: flex;
  justify-content: space-between;
  max-width: 1120px;
  margin: 0 auto;
  height: 100%;
  padding: 50px 0;
}
.articles .articles-container .articles-left-column {
  width: 65%;
  height: 100%;
}
.articles .articles-container .articles-left-column h6 {
  font-weight: 300;
  padding-bottom: 30px;
}
.articles .articles-container .articles-left-column .header-left-column-container {
  border-bottom: 3px solid #e9e9e9;
  padding-bottom: 30px;
}
.articles .articles-container .articles-left-column .header-left-column-container h4 {
  font-size: 36px;
  font-family: "Isidora";
  font-weight: 800;
}
.articles .articles-container .articles-left-column .header-left-column-container p {
  font-size: 12px;
  line-height: 1.4;
  margin: 0;
}
.articles .articles-container .articles-left-column .last-articles {
  font-weight: 400;
  padding: 20px 0;
  font-size: 32px;
}
.articles .articles-container .articles-left-column .featured-article {
  padding: 30px 40px 20px 40px;
  position: relative;
  max-width: 725px;
  box-sizing: border-box;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}
.articles .articles-container .articles-left-column .featured-article .small-call-to-action {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #ff9702;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 400;
  padding: 5px 15px;
}
.articles .articles-container .articles-left-column .featured-article::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  background: linear-gradient(to top, black 50%, rgba(255, 255, 255, 0) 100%);
}
.articles .articles-container .articles-left-column .featured-article h3,
.articles .articles-container .articles-left-column .featured-article p,
.articles .articles-container .articles-left-column .featured-article div {
  z-index: 2;
  position: relative;
}
.articles .articles-container .articles-left-column .featured-article h3 {
  color: white;
  font-size: 32px;
  padding-top: 100px;
}
.articles .articles-container .articles-left-column .featured-article p {
  color: white;
  font-size: 12px;
  margin: 10px 0;
  line-height: 1.2rem;
  padding-right: 40px;
  text-align: justify;
}
.articles .articles-container .articles-left-column .featured-article .footer-featured-article {
  display: flex;
  align-items: center;
  color: white;
  justify-content: space-between;
}
.articles .articles-container .articles-left-column .featured-article .footer-featured-article a {
  color: white;
}
.articles .articles-container .articles-left-column .article-author {
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
}
.articles .articles-container .articles-left-column .article-author img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}
.articles .articles-container .articles-left-column .card-article-container {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: space-between;
  margin: 40px 0;
}
.articles .articles-container .articles-right-column {
  width: 30%;
  height: 100%;
}
.articles .articles-container .articles-right-column h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
.articles .articles-container .articles-right-column .categories-container {
  padding: 20px 0;
  flex-direction: column;
  display: flex;
  align-items: baseline;
}

ul.slick-dots {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}
ul.slick-dots li {
  list-style: none;
  margin: 0;
  background-color: #e9e9e9;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
ul.slick-dots li.slick-active {
  background-color: #4d4d4d;
}
ul.slick-dots li button {
  display: none;
}

.job-offer-you-should-know {
  background-color: #068beb;
  border-radius: 0px 30px 30px 30px;
  padding: 20px 20px 40px 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  color: white;
  position: relative;
}
.job-offer-you-should-know .job-offer-recruter-name {
  font-size: 24px;
  line-height: 1.5rem;
  padding-top: 50px;
  padding-left: 10px;
}
.job-offer-you-should-know .job-offer-to-know {
  color: white;
}
.job-offer-you-should-know .job-offer-to-know-title {
  font-style: italic;
  margin: 15px 0 5px 0px;
  color: #231e47;
  padding-left: 10px;
  font-weight: 500;
  font-size: 14px;
}
.job-offer-you-should-know p {
  font-size: 12px;
  font-style: italic;
  line-height: 1.2rem;
  padding-right: 20px;
  padding-left: 10px;
  color: white;
}
.job-offer-you-should-know img {
  width: 100px;
  height: auto;
  position: absolute;
  top: -50px;
  border: 2px solid white;
  border-radius: 50%;
}

.recruter-job-offers-ctas {
  background-color: white;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container {
  max-width: 1120px;
  padding: 60px 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  -moz-column-gap: 80px;
       column-gap: 80px;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
  width: 230px;
  text-align: center;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta a {
  transition: all 0.3s ease-in-out;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.blue {
  color: #265dc6;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.blue .title-cta {
  margin-top: 10px;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.blue a {
  border: 1px solid #265dc6;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.blue a:hover {
  background-color: #265dc6;
  color: white;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.blue svg {
  width: 90px;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.blue svg .mercato-footer-1 {
  fill: #265dc6;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.blue svg .mercato-footer-2 {
  fill: #265dc6;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.gold {
  color: #ff9702;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.gold a {
  border: 1px solid #ff9702;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.gold a:hover {
  background-color: #ff9702;
  color: white;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.gold svg .cv-footer-1,
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.gold svg .cv-footer-2 {
  stroke: #ff9702;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.gold svg .cv-footer-3 {
  fill: #ff9702;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.purple {
  color: #7100fe;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.purple a {
  border: 1px solid #7100fe;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.purple a:hover {
  background-color: #7100fe;
  color: white;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta.purple svg path {
  fill: #7100fe;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta .title-cta {
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Isidora";
  font-weight: 600;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta a {
  border-radius: 20px;
  padding: 10px 20px;
  margin-top: 5px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}
.recruter-job-offers-ctas .recruter-job-offers-ctas-container .bloc-cta p {
  color: #808080;
}

.article-card-skeleton {
  width: 330px;
  height: 300px;
  border-radius: 10px;
}

#pagination-articles {
  display: flex;
  gap: 10px;
  margin-bottom: 40px;
}
#pagination-articles button {
  padding: 15px;
  border: none;
  transition: all 0.3s ease-in-out;
  width: 1.5em;
  height: 1.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: transparent;
  font-size: 16px;
}
#pagination-articles button:not(.active) {
  cursor: pointer;
}
#pagination-articles button:hover {
  background-color: #ff6602;
  opacity: 0.8;
  color: white;
}
#pagination-articles button.active {
  background-color: #ff6602;
  color: white;
}

@media screen and (max-width: 480px) {
  #main .container-elem-form {
    flex-grow: 1;
  }
  #main .recruter-job-offers-container {
    width: 100% !important;
  }
  #main .recruter-job-offers-container form#search-articles label span,
  #main .recruter-job-offers-container form#search-companies label span {
    display: none;
  }
  #main .recruter-job-offers-container form#search-articles button,
  #main .recruter-job-offers-container form#search-companies button {
    padding: 6px 12px;
  }
  #main .recruter-job-offers-container form#search-articles button svg,
  #main .recruter-job-offers-container form#search-companies button svg {
    width: 20px;
    height: 20px;
  }
}/*# sourceMappingURL=main_2024.css.map */