header {
   position: relative;
   min-height: 49.7vw;
   background-color: #F5F5F5;
   color: #fff;
}

#page-contact header {
   background-color: transparent;
}

.header-reduced, .no-header {
   min-height: auto;
}

.no-header {
   background-color: transparent;
   position: absolute;
   padding-bottom: 0;
}

.no-header + .main-content {
   padding-top: 0;
}

header:before, header:after {
   position: absolute;
   top: 0;
   display: block;
   content: '';
   background-size: cover;
   height: 100%;
   width: 100%;
   clip-path: polygon(100% 0%, 0% 0%, 0% calc(100% - 51.341px), 1% calc(100% - 53.787px), 2% calc(100% - 56.179px), 3% calc(100% - 58.509px), 4% calc(100% - 60.772px), 5% calc(100% - 62.961px), 6% calc(100% - 65.069px), 7% calc(100% - 67.090px), 8% calc(100% - 69.018px), 9% calc(100% - 70.848px), 10% calc(100% - 72.574px), 11% calc(100% - 74.191px), 12% calc(100% - 75.695px), 13% calc(100% - 77.082px), 14% calc(100% - 78.347px), 15% calc(100% - 79.487px), 16% calc(100% - 80.499px), 17% calc(100% - 81.380px), 18% calc(100% - 82.127px), 19% calc(100% - 82.739px), 20% calc(100% - 83.215px), 21% calc(100% - 83.552px), 22% calc(100% - 83.751px), 23% calc(100% - 83.811px), 24% calc(100% - 83.733px), 25% calc(100% - 83.516px), 26% calc(100% - 83.162px), 27% calc(100% - 82.673px), 28% calc(100% - 82.050px), 29% calc(100% - 81.296px), 30% calc(100% - 80.412px), 31% calc(100% - 79.403px), 32% calc(100% - 78.272px), 33% calc(100% - 77.023px), 34% calc(100% - 75.659px), 35% calc(100% - 74.186px), 36% calc(100% - 72.608px), 37% calc(100% - 70.930px), 38% calc(100% - 69.159px), 39% calc(100% - 67.299px), 40% calc(100% - 65.358px), 41% calc(100% - 63.341px), 42% calc(100% - 61.255px), 43% calc(100% - 59.106px), 44% calc(100% - 56.903px), 45% calc(100% - 54.651px), 46% calc(100% - 52.358px), 47% calc(100% - 50.032px), 48% calc(100% - 47.680px), 49% calc(100% - 45.310px), 50% calc(100% - 42.929px), 51% calc(100% - 40.545px), 52% calc(100% - 38.167px), 53% calc(100% - 35.800px), 54% calc(100% - 33.454px), 55% calc(100% - 31.136px), 56% calc(100% - 28.853px), 57% calc(100% - 26.613px), 58% calc(100% - 24.423px), 59% calc(100% - 22.290px), 60% calc(100% - 20.221px), 61% calc(100% - 18.222px), 62% calc(100% - 16.301px), 63% calc(100% - 14.464px), 64% calc(100% - 12.716px), 65% calc(100% - 11.064px), 66% calc(100% - 9.512px), 67% calc(100% - 8.067px), 68% calc(100% - 6.732px), 69% calc(100% - 5.512px), 70% calc(100% - 4.412px), 71% calc(100% - 3.435px), 72% calc(100% - 2.585px), 73% calc(100% - 1.864px), 74% calc(100% - 1.275px), 75% calc(100% - 0.820px), 76% calc(100% - 0.501px), 77% calc(100% - 0.320px), 78% calc(100% - 0.277px), 79% calc(100% - 0.373px), 80% calc(100% - 0.607px), 81% calc(100% - 0.980px), 82% calc(100% - 1.491px), 83% calc(100% - 2.138px), 84% calc(100% - 2.920px), 85% calc(100% - 3.835px), 86% calc(100% - 4.880px), 87% calc(100% - 6.052px), 88% calc(100% - 7.349px), 89% calc(100% - 8.766px), 90% calc(100% - 10.299px), 91% calc(100% - 11.945px), 92% calc(100% - 13.698px), 93% calc(100% - 15.554px), 94% calc(100% - 17.506px), 95% calc(100% - 19.550px), 96% calc(100% - 21.679px), 97% calc(100% - 23.888px), 98% calc(100% - 26.169px), 99% calc(100% - 28.516px), 100% calc(100% - 30.922px));
}

header:before {
   z-index: 1;
   background-color: var(--darkblue);
}

header:after {
   z-index: 0;
}

.no-header:before {
   clip-path: none;
   background-color: transparent;
}

.page-tarif header {
   min-height: auto;
   padding-bottom: 120px;
}

.header-background-image {
   min-height: auto;
   padding-bottom: 100px;
}

.header-background-image > .background-image {
   position: absolute;
   top: -1px;
   height: 100%;
   width: 100%;
   z-index: 0;
   background-size: cover;
   background-position: center;
}

.header-background-image:before {
   background-color: var(--darkblue);
   opacity: 0.9;
   z-index: 1;
}

#page-erreur .header-background-image:before {
   opacity: 1;
}

.header-background-image:before,
.header-background-image > .background-image {
   clip-path: polygon(100% 0%, 0% 0%, 0% calc(100% - 83.99px), 1% calc(100% - 80.16px), 2% calc(100% - 76.41px), 3% calc(100% - 72.73px), 4% calc(100% - 69.15px), 5% calc(100% - 65.66px), 6% calc(100% - 62.28px), 7% calc(100% - 59.02px), 8% calc(100% - 55.87px), 9% calc(100% - 52.84px), 10% calc(100% - 49.94px), 11% calc(100% - 47.18px), 12% calc(100% - 44.56px), 13% calc(100% - 42.08px), 14% calc(100% - 39.75px), 15% calc(100% - 37.57px), 16% calc(100% - 35.54px), 17% calc(100% - 33.68px), 18% calc(100% - 31.96px), 19% calc(100% - 30.41px), 20% calc(100% - 29.02px), 21% calc(100% - 27.80px), 22% calc(100% - 26.73px), 23% calc(100% - 25.83px), 24% calc(100% - 25.08px), 25% calc(100% - 24.49px), 26% calc(100% - 24.06px), 27% calc(100% - 23.79px), 28% calc(100% - 23.67px), 29% calc(100% - 23.69px), 30% calc(100% - 23.86px), 31% calc(100% - 24.17px), 32% calc(100% - 24.61px), 33% calc(100% - 25.18px), 34% calc(100% - 25.88px), 35% calc(100% - 26.70px), 36% calc(100% - 27.63px), 37% calc(100% - 28.66px), 38% calc(100% - 29.80px), 39% calc(100% - 31.02px), 40% calc(100% - 32.33px), 41% calc(100% - 33.72px), 42% calc(100% - 35.17px), 43% calc(100% - 36.68px), 44% calc(100% - 38.25px), 45% calc(100% - 39.85px), 46% calc(100% - 41.50px), 47% calc(100% - 43.16px), 48% calc(100% - 44.84px), 49% calc(100% - 46.54px), 50% calc(100% - 48.22px), 51% calc(100% - 49.90px), 52% calc(100% - 51.56px), 53% calc(100% - 53.19px), 54% calc(100% - 54.78px), 55% calc(100% - 56.33px), 56% calc(100% - 57.82px), 57% calc(100% - 59.25px), 58% calc(100% - 60.61px), 59% calc(100% - 61.89px), 60% calc(100% - 63.09px), 61% calc(100% - 64.19px), 62% calc(100% - 65.18px), 63% calc(100% - 66.07px), 64% calc(100% - 66.85px), 65% calc(100% - 67.50px), 66% calc(100% - 68.03px), 67% calc(100% - 68.43px), 68% calc(100% - 68.69px), 69% calc(100% - 68.81px), 70% calc(100% - 68.78px), 71% calc(100% - 68.60px), 72% calc(100% - 68.27px), 73% calc(100% - 67.79px), 74% calc(100% - 67.15px), 75% calc(100% - 66.34px), 76% calc(100% - 65.38px), 77% calc(100% - 64.26px), 78% calc(100% - 62.97px), 79% calc(100% - 61.53px), 80% calc(100% - 59.92px), 81% calc(100% - 58.15px), 82% calc(100% - 56.23px), 83% calc(100% - 54.15px), 84% calc(100% - 51.91px), 85% calc(100% - 49.53px), 86% calc(100% - 47.00px), 87% calc(100% - 44.33px), 88% calc(100% - 41.52px), 89% calc(100% - 38.58px), 90% calc(100% - 35.50px), 91% calc(100% - 32.31px), 92% calc(100% - 29.00px), 93% calc(100% - 25.59px), 94% calc(100% - 22.07px), 95% calc(100% - 18.45px), 96% calc(100% - 14.75px), 97% calc(100% - 10.96px), 98% calc(100% - 7.10px), 99% calc(100% - 3.18px), 100% calc(100% - -0.79px));
}

header * {
   z-index: 5;
}

.no-header #menu {
   display: none !important;
}

#plateforme-freelance .navbar {
   color: #fff;
   transition: background 0.2s ease-in-out;
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030;
}

#plateforme-freelance .no-header .navbar {
   position: static;
   background-color: transparent !important;
}

#plateforme-freelance .navbar.scrolling, #plateforme-freelance .header-reduced .navbar {
   background-color: var(--darkblue);
   box-shadow: 0 -1px 4px 0 rgba(26,26,26,.08),0 4px 8px 0 rgba(26,26,26,.12);
}

.navbar-nav + .navbar-nav {
   margin-left: 50px;
}

#plateforme-freelance .navbar-collapse {
   justify-content: flex-end;
}

#plateforme-freelance .nav-item {
   padding: 3px 10px 0;
}

#plateforme-freelance .nav-link {
   font-size: 14px;
   color: inherit;
}

#plateforme-freelance .nav-link.active {
   color: var(--orange);
   font-weight: bold;
}

#plateforme-freelance .nav-link:hover,
#plateforme-freelance .nav-link.show {
   color: var(--orange);
}

#plateforme-freelance .navbar-toggler {
   padding: 0.75rem;
   position: relative;
}

#plateforme-freelance .navbar .navbar-toggler:not(.collapsed) .bubble {
   display: none;
}

#plateforme-freelance .navbar .navbar-toggler .bubble {
   position: absolute;
   background-color: var(--orange);
   padding: 0.5em 0;
   width: 1.5em;
   height: 1.5em;
   top: 0.3em;
   right: 0.5em;
   left: auto;
   font-size: 0.5em;
   border-radius: 50%;
}

.nav-item-utilisateur-connecte .utilisateur-connecte {
   font-size: 14px;
}

.nav-item-utilisateur-connecte .utilisateur-connecte .prenom {
   max-width: 150px;
}

.nav-item-utilisateur-connecte .utilisateur-connecte .nav-link.active {
   color: var(--blue) !important;
   border-bottom: 2px solid var(--blue);
}

#plateforme-freelance .nav-item-utilisateur-connecte .nav-link.active, 
#plateforme-freelance .nav-item-utilisateur-connecte .nav-link:hover,
#plateforme-freelance .nav-item-utilisateur-connecte .nav-link.show {
   color: var(--blue);
}

#plateforme-freelance .dropdown-menu {
   border: none;
   font-size: 14px;
}

#plateforme-freelance .dropdown-menu .dropdown-item {
   background-color: transparent !important;
}

#plateforme-freelance .dropdown-menu .dropdown-item.active,
#plateforme-freelance .dropdown-menu .dropdown-item:hover {
   color: var(--blue);
}

#plateforme-freelance .dropdown-menu .dropdown-item.active {
   font-weight: bold;
}

.dropdown-menu .dropdown-divider {
   border-color: #999;
}

.no-header .navbar-toggler {
   display: none;
}

#plateforme-freelance .navbar-toggler:focus {
   box-shadow: none;
}

#menu .fa {
   display: none;
   margin-right: 10px;
   font-size: 120%;
}

#menu .dropdown-menu .dropdown-item .fa {
   font-size: 100%;
   margin-top: 0;
   margin-right: 5px;
}

#menu .navbar-nav-utilisateur-connecte .fa {
   display: inline-block !important;
   font-size: 180%;
   margin-top: 8px;
}

.nav-link .bubble {
   position: absolute;
   background-color: var(--orange);
   bottom: auto;
   left: 1rem !important;
   top: -0.5rem;
   width: 0.6rem !important;
   height: 0.6rem;
   border-radius: 50% !important;
   padding: 0 !important;
   font-size: 1rem;
}

.navbar-nav-utilisateur-connecte .nav-item .message {
   font-size: 12px;
}

.navbar-nav-utilisateur-connecte .nav-item .message .avatar {
   width: 50px;
   height: 50px;
}

.navbar-nav-utilisateur-connecte .nav-item .message .avatar img, 
.navbar-nav-utilisateur-connecte .nav-item .message .avatar span {
   width: 50px;
   height: 50px;
   border-radius: 100%;
   line-height: 50px;
   font-size: 16px;
}

.navbar-nav-utilisateur-connecte .nav-item .message .avatar img {
   background-color: #fff;
   border: 2px solid #dee2e6;
}

.navbar-nav-utilisateur-connecte .nav-item .message a {
   font-size: 13px;
}

.navbar-nav-utilisateur-connecte .nav-item .message a:hover {
   color: var(--blue);
}

.navbar-nav-utilisateur-connecte .nav-item .message div {
   line-height: 1.2;
}

.navbar-nav-utilisateur-connecte .nav-item .message > .text-truncate {
   max-width: 260px;
}

.navbar-toggler .bubble {
   position: absolute;
   background-color: var(--orange);
   padding: 0.5em 0;
   width: 1.5em;
   height: 1.5em;
   top: 0.3em;
   right: 0.5em;
   left: auto;
}

.navbar-toggler .icon-bar {
    display: block;
    width: 28px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
}

.navbar-toggler .fa-close {
   color: #fff;
}

.navbar-toggler .icon-bar + .icon-bar {
    margin-top: 6px;
}

.navbar-toggler.collapsed .fa-close {
   display: none;
}

.navbar-toggler:not(.collapsed) .icon-bar {
   display: none;
}

header .main-title {
   font-family: 'Neuzeit Grotesk', 'Roboto', sans-serif;
   font-size: 58px;
   font-weight: bold;
   margin: 140px 0 20px;
   line-height: 1.1;
}

.page-index header .main-title {
   font-size: 45px;
   line-height: 1;
}

.page-index header .main-title small {
   display: block;
   font-family: 'Roboto', sans-serif;
   font-size: 55%;
   font-weight: 500;
   line-height: normal;
   margin-top: 10px;
}

header .sub-title {
   margin: 0 0 20px;
   font-size: 20px;
   line-height: 1.3;
}

header .list {
   list-style-type: none;
   margin: 15px 0 30px;
}

#header-cta-group {
   text-align: left;
   margin-bottom: 15px;
}

#homepage #header-cta-group {
   display: flex;
}

#plateforme-freelance #homepage #header-cta-group .btn {
   width: 50%;
}

#homepage #header-cta-group .btn:first-child {
   margin-top: 0;
   margin-right: 2%;
   margin-left: 0;
}

#homepage #header-cta-group .btn:last-child {
   margin-top: 0;
   margin-left: 2%;
   margin-right: 0;
}

.rse .section-image:before {
   opacity: 0.3;
}


/* RESPONSIVE */
@media (min-width: 1261px) {
   .header-background-image .main-title {
      margin-top: 120px;
   }

   .header-background-image .sub-title {
      margin-top: -20px;
   }

   .actualites .main-title {
      margin: 60px 0 15px;
      font-size: 56px;
   }

   .page-tarif header:before {
      background: var(--background-color-gradient);
   }

   .page-tarif .main-title {
      font-size: 42px;
      margin-top: 120px;
   }

   .page-tarif .subheader {
      margin-bottom: 180px;
   }

   #article-partenaire header .main-title {
      font-size: 48px;
   }

   #homepage header:before,
   #home-entreprises header:after {
      clip-path: polygon(100% 0%, 0% 0%, 0% calc(100% - 51.341px), 1% calc(100% - 53.787px), 2% calc(100% - 56.179px), 3% calc(100% - 58.509px), 4% calc(100% - 60.772px), 5% calc(100% - 62.961px), 6% calc(100% - 65.069px), 7% calc(100% - 67.090px), 8% calc(100% - 69.018px), 9% calc(100% - 70.848px), 10% calc(100% - 72.574px), 11% calc(100% - 74.191px), 12% calc(100% - 75.695px), 13% calc(100% - 77.082px), 14% calc(100% - 78.347px), 15% calc(100% - 79.487px), 16% calc(100% - 80.499px), 17% calc(100% - 81.380px), 18% calc(100% - 82.127px), 19% calc(100% - 82.739px), 20% calc(100% - 83.215px), 21% calc(100% - 83.552px), 22% calc(100% - 83.751px), 23% calc(100% - 83.811px), 24% calc(100% - 83.733px), 25% calc(100% - 83.516px), 26% calc(100% - 83.162px), 27% calc(100% - 82.673px), 28% calc(100% - 82.050px), 29% calc(100% - 81.296px), 30% calc(100% - 80.412px), 31% calc(100% - 79.403px), 32% calc(100% - 78.272px), 33% calc(100% - 77.023px), 34% calc(100% - 75.659px), 35% calc(100% - 74.186px), 36% calc(100% - 72.608px), 37% calc(100% - 70.930px), 38% calc(100% - 69.159px), 39% calc(100% - 67.299px), 40% calc(100% - 65.358px), 41% calc(100% - 63.341px), 42% calc(100% - 61.255px), 43% calc(100% - 59.106px), 44% calc(100% - 56.903px), 45% calc(100% - 54.651px), 46% calc(100% - 52.358px), 47% calc(100% - 50.032px), 48% calc(100% - 47.680px), 49% calc(100% - 45.310px), 50% calc(100% - 42.929px), 51% calc(100% - 40.545px), 52% calc(100% - 38.167px), 53% calc(100% - 35.800px), 54% calc(100% - 33.454px), 55% calc(100% - 31.136px), 56% calc(100% - 28.853px), 57% calc(100% - 26.613px), 58% calc(100% - 24.423px), 59% calc(100% - 22.290px), 60% calc(100% - 20.221px), 61% calc(100% - 18.222px), 62% calc(100% - 16.301px), 63% calc(100% - 14.464px), 64% calc(100% - 12.716px), 65% calc(100% - 11.064px), 66% calc(100% - 9.512px), 67% calc(100% - 8.067px), 68% calc(100% - 6.732px), 69% calc(100% - 5.512px), 70% calc(100% - 4.412px), 71% calc(100% - 3.435px), 72% calc(100% - 2.585px), 73% calc(100% - 1.864px), 74% calc(100% - 1.275px), 75% calc(100% - 0.820px), 76% calc(100% - 0.501px), 77% calc(100% - 0.320px), 78% calc(100% - 0.277px), 79% calc(100% - 0.373px), 80% calc(100% - 0.607px), 81% calc(100% - 0.980px), 82% calc(100% - 1.491px), 83% calc(100% - 2.138px), 84% calc(100% - 2.920px), 85% calc(100% - 3.835px), 86% calc(100% - 4.880px), 87% calc(100% - 6.052px), 88% calc(100% - 7.349px), 89% calc(100% - 8.766px), 90% calc(100% - 10.299px), 91% calc(100% - 11.945px), 92% calc(100% - 13.698px), 93% calc(100% - 15.554px), 94% calc(100% - 17.506px), 95% calc(100% - 19.550px), 96% calc(100% - 21.679px), 97% calc(100% - 23.888px), 98% calc(100% - 26.169px), 99% calc(100% - 28.516px), 100% calc(100% - 30.922px));
   }

   .page-index header:after {
      clip-path: polygon(100% 0%, 0% 0%, 0% calc(100% - 83.99px), 1% calc(100% - 80.16px), 2% calc(100% - 76.41px), 3% calc(100% - 72.73px), 4% calc(100% - 69.15px), 5% calc(100% - 65.66px), 6% calc(100% - 62.28px), 7% calc(100% - 59.02px), 8% calc(100% - 55.87px), 9% calc(100% - 52.84px), 10% calc(100% - 49.94px), 11% calc(100% - 47.18px), 12% calc(100% - 44.56px), 13% calc(100% - 42.08px), 14% calc(100% - 39.75px), 15% calc(100% - 37.57px), 16% calc(100% - 35.54px), 17% calc(100% - 33.68px), 18% calc(100% - 31.96px), 19% calc(100% - 30.41px), 20% calc(100% - 29.02px), 21% calc(100% - 27.80px), 22% calc(100% - 26.73px), 23% calc(100% - 25.83px), 24% calc(100% - 25.08px), 25% calc(100% - 24.49px), 26% calc(100% - 24.06px), 27% calc(100% - 23.79px), 28% calc(100% - 23.67px), 29% calc(100% - 23.69px), 30% calc(100% - 23.86px), 31% calc(100% - 24.17px), 32% calc(100% - 24.61px), 33% calc(100% - 25.18px), 34% calc(100% - 25.88px), 35% calc(100% - 26.70px), 36% calc(100% - 27.63px), 37% calc(100% - 28.66px), 38% calc(100% - 29.80px), 39% calc(100% - 31.02px), 40% calc(100% - 32.33px), 41% calc(100% - 33.72px), 42% calc(100% - 35.17px), 43% calc(100% - 36.68px), 44% calc(100% - 38.25px), 45% calc(100% - 39.85px), 46% calc(100% - 41.50px), 47% calc(100% - 43.16px), 48% calc(100% - 44.84px), 49% calc(100% - 46.54px), 50% calc(100% - 48.22px), 51% calc(100% - 49.90px), 52% calc(100% - 51.56px), 53% calc(100% - 53.19px), 54% calc(100% - 54.78px), 55% calc(100% - 56.33px), 56% calc(100% - 57.82px), 57% calc(100% - 59.25px), 58% calc(100% - 60.61px), 59% calc(100% - 61.89px), 60% calc(100% - 63.09px), 61% calc(100% - 64.19px), 62% calc(100% - 65.18px), 63% calc(100% - 66.07px), 64% calc(100% - 66.85px), 65% calc(100% - 67.50px), 66% calc(100% - 68.03px), 67% calc(100% - 68.43px), 68% calc(100% - 68.69px), 69% calc(100% - 68.81px), 70% calc(100% - 68.78px), 71% calc(100% - 68.60px), 72% calc(100% - 68.27px), 73% calc(100% - 67.79px), 74% calc(100% - 67.15px), 75% calc(100% - 66.34px), 76% calc(100% - 65.38px), 77% calc(100% - 64.26px), 78% calc(100% - 62.97px), 79% calc(100% - 61.53px), 80% calc(100% - 59.92px), 81% calc(100% - 58.15px), 82% calc(100% - 56.23px), 83% calc(100% - 54.15px), 84% calc(100% - 51.91px), 85% calc(100% - 49.53px), 86% calc(100% - 47.00px), 87% calc(100% - 44.33px), 88% calc(100% - 41.52px), 89% calc(100% - 38.58px), 90% calc(100% - 35.50px), 91% calc(100% - 32.31px), 92% calc(100% - 29.00px), 93% calc(100% - 25.59px), 94% calc(100% - 22.07px), 95% calc(100% - 18.45px), 96% calc(100% - 14.75px), 97% calc(100% - 10.96px), 98% calc(100% - 7.10px), 99% calc(100% - 3.18px), 100% calc(100% - -0.79px));
   }

   #homepage header:after {
      background: radial-gradient(circle at bottom right, #6ab5c8 12%, #1a4765 48%);
   }

   #home-freelances header:after {
      background: radial-gradient(circle at bottom right, #6ab5c8 12%, #2e7393 48%);
   }

   #home-entreprises header:after {
      background: radial-gradient(circle at bottom right, #8999c2 12%, #546AA3 48%);
   }

   #index-categorie header:after {
      background: radial-gradient(circle at bottom right, #8a9aa8 12%, #6c7d94 48%);
   }

   #index-metier header:after {
      background: radial-gradient(circle at bottom right, #97cedc 12%, #2f91a9 48%);
   }

   #index-techno header:after {
      background: radial-gradient(circle at bottom right, #73b1d6 12%, #3d91c2 48%);
   }

   #index-profil header:after {
      background: radial-gradient(circle at bottom right, #989a99 12%, #666765 48%);
   }

   #index-region header:after {
      background: radial-gradient(circle at bottom right, #6693b2 12%, #416078 48%);
   }

   #index-ville header:after {
      background: radial-gradient(circle at bottom right, #64dad1 12%, #128781 48%);
   }

   #index-ville-metier header:after {
      background: radial-gradient(circle at bottom right, #8e9ba4 12%, #66757f 48%);
   }

   #homepage header:before,
   #home-entreprises header:before,
   #home-freelances header:before,
   .page-index header:before {
      background-color: transparent;
   }

   .webp #homepage header:before {
      background-image: url('/images/header1.webp');
   }

   .no-webp #homepage header:before {
      background-image: url('/images/header1.png');
   }

   .webp #home-freelances header:before {
      background-image: url('/images/header2.webp');
   }

   .no-webp #home-freelances header:before {
      background-image: url('/images/header2.jpg');
   }

   .webp #home-entreprises header:before {
      background-image: url('/images/header3.webp');
   }

   .no-webp #home-entreprises header:before {
      background-image: url('/images/header3.png');
   }

   .webp #index-metier header:before {
      background-image: url('/images/index/metier.webp');
   }

   .no-webp #index-metier header:before {
      background-image: url('/images/index/metier.png');
   }

   .webp #index-techno header:before {
      background-image: url('/images/index/techno.webp');
   }

   .no-webp #index-techno header:before {
      background-image: url('/images/index/techno.png');
   }

   .webp #index-profil header:before {
      background-image: url('/images/index/profil.webp');
   }

   .no-webp #index-profil header:before {
      background-image: url('/images/index/profil.png');
   }

   .webp #index-categorie header:before {
      background-image: url('/images/index/categorie.webp');
   }

   .no-webp #index-categorie header:before {
      background-image: url('/images/index/categorie.png');
   }

   .webp #index-ville header:before {
      background-image: url('/images/index/ville.webp');
      background-position-y: 60%;
   }

   .no-webp #index-ville header:before {
      background-image: url('/images/index/ville.webp');
      background-position-y: 60%;
   }

   .webp #index-region header:before {
      background-image: url('/images/index/region.webp');
      background-position-y: 20%;
   }

   .no-webp #index-region header:before {
      background-image: url('/images/index/region.png');
      background-position-y: 20%;
   }

   .webp #index-ville-metier header:before {
      background-image: url('/images/index/ville-metier.webp');
      background-position-y: 30%;
   }

   .no-webp #index-ville-metier header:before {
      background-image: url('/images/index/ville-metier.png');
      background-position-y: 30%;
   }

   .webp .header-background-image .background-image {
      background-image: url('/images/desk.webp');
   }

   .no-webp .header-background-image .background-image {
      background-image: url('/images/desk.jpg');
   }

   .webp #rse .header-background-image .background-image {
      background-image: url('/images/rse/rse.webp');
   }

   .no-webp #rse .header-background-image .background-image {
      background-image: url('/images/rse/rse.jpg');
   }

   .webp #mecenat .header-background-image .background-image {
      background-image: url('/images/rse/mecenat.webp');
   }

   .no-webp #mecenat .header-background-image .background-image {
      background-image: url('/images/rse/mecenat.jpg');
   }

   .webp #rse-ecologie .header-background-image .background-image {
      background-image: url('/images/rse/ecologie.webp');
   }

   .no-webp #rse-ecologie .header-background-image .background-image {
      background-image: url('/images/rse/ecologie.jpg');
   }

   .webp #rse-inclusion .header-background-image .background-image {
      background-image: url('/images/rse/inclusion.webp');
   }

   .no-webp #rse-inclusion .header-background-image .background-image {
      background-image: url('/images/rse/inclusion.jpg');
   }

   .webp #rse-ethique .header-background-image .background-image {
      background-image: url('/images/rse/ethique.webp');
   }

   .no-webp #rse-ethique .header-background-image .background-image {
      background-image: url('/images/rse/ethique.jpg');
   }

   .webp #rse-externes .header-background-image .background-image {
      background-image: url('/images/rse/externes.webp');
   }

   .no-webp #rse-externes .header-background-image .background-image {
      background-image: url('/images/rse/externes.jpg');
   }

   .webp #rse-ethique .header-background-image .background-image {
      background-image: url('/images/rse/ethique.webp');
   }

   .no-webp #rse-ethique .header-background-image .background-image {
      background-image: url('/images/rse/ethique.jpg');
   }

   .rse .header-background-image:before {
      opacity: 0.7;
   }

   .webp .actualites .header-background-image .background-image {
      background-image: url('/images/news.webp');
      background-position-y: 40%;
   }

   .no-webp .actualites .header-background-image .background-image {
      background-image: url('/images/news.jpg');
      background-position-y: 40%;
   }

   .webp #presentation-ats .header-background-image .background-image {
      background-image: url('/images/candidates.webp');
      background-position-y: 40%;
   }

   .no-webp #presentation-ats .header-background-image .background-image {
      background-image: url('/images/candidates.jpg');
      background-position-y: 40%;
   }
}

@media (min-width: 1550px) {
   header .main-title {
      margin: 200px 0 40px;
      font-size: 65px;
   }

   .page-tarif .main-title {
      font-size: 46px;
   }

   .page-index header .main-title {
      font-size: 52px;
   }

   header .sub-title {
      margin: 0 0 40px;
      font-size: 22px;
   }

   .header-background-image .sub-title {
      font-weight: normal;
      margin-top: -30px;
   }

   .page-index .header-background-image {
      min-height: 500px;
   }
}

@media (max-width: 1260px) {
   .webp header:before, .no-webp header:before {
      background-color: var(--darkblue);
   }

   .webp .no-header:before, .no-webp .no-header:before {
      background-color: transparent;
   }

   header .main-title {
      font-size: 36px;
   }

   header .sub-title {
      display: none;
   }
}

@media (max-width: 1023px) {
   header, .header-background-image {
      min-height: auto;
      padding-bottom: 50px;
      background-color: #F0F0F0;
   }

   header:before,
   .header-background-image:before,
   .header-background-image > .background-image {
      clip-path: polygon(100% 0%, 0% 0%, 0% calc(100% - 20.32px), 1% calc(100% - 21.20px), 2% calc(100% - 22.07px), 3% calc(100% - 22.93px), 4% calc(100% - 23.78px), 5% calc(100% - 24.62px), 6% calc(100% - 25.44px), 7% calc(100% - 26.23px), 8% calc(100% - 27.00px), 9% calc(100% - 27.75px), 10% calc(100% - 28.46px), 11% calc(100% - 29.13px), 12% calc(100% - 29.77px), 13% calc(100% - 30.37px), 14% calc(100% - 30.92px), 15% calc(100% - 31.43px), 16% calc(100% - 31.90px), 17% calc(100% - 32.31px), 18% calc(100% - 32.67px), 19% calc(100% - 32.98px), 20% calc(100% - 33.23px), 21% calc(100% - 33.43px), 22% calc(100% - 33.57px), 23% calc(100% - 33.66px), 24% calc(100% - 33.68px), 25% calc(100% - 33.65px), 26% calc(100% - 33.56px), 27% calc(100% - 33.41px), 28% calc(100% - 33.20px), 29% calc(100% - 32.94px), 30% calc(100% - 32.61px), 31% calc(100% - 32.24px), 32% calc(100% - 31.80px), 33% calc(100% - 31.32px), 34% calc(100% - 30.78px), 35% calc(100% - 30.19px), 36% calc(100% - 29.56px), 37% calc(100% - 28.88px), 38% calc(100% - 28.16px), 39% calc(100% - 27.40px), 40% calc(100% - 26.60px), 41% calc(100% - 25.76px), 42% calc(100% - 24.90px), 43% calc(100% - 24.00px), 44% calc(100% - 23.08px), 45% calc(100% - 22.14px), 46% calc(100% - 21.18px), 47% calc(100% - 20.20px), 48% calc(100% - 19.22px), 49% calc(100% - 18.22px), 50% calc(100% - 17.22px), 51% calc(100% - 16.23px), 52% calc(100% - 15.23px), 53% calc(100% - 14.24px), 54% calc(100% - 13.26px), 55% calc(100% - 12.30px), 56% calc(100% - 11.35px), 57% calc(100% - 10.42px), 58% calc(100% - 9.52px), 59% calc(100% - 8.65px), 60% calc(100% - 7.80px), 61% calc(100% - 7.00px), 62% calc(100% - 6.22px), 63% calc(100% - 5.49px), 64% calc(100% - 4.80px), 65% calc(100% - 4.15px), 66% calc(100% - 3.55px), 67% calc(100% - 3.00px), 68% calc(100% - 2.50px), 69% calc(100% - 2.06px), 70% calc(100% - 1.66px), 71% calc(100% - 1.33px), 72% calc(100% - 1.05px), 73% calc(100% - 0.82px), 74% calc(100% - 0.66px), 75% calc(100% - 0.55px), 76% calc(100% - 0.50px), 77% calc(100% - 0.51px), 78% calc(100% - 0.58px), 79% calc(100% - 0.71px), 80% calc(100% - 0.89px), 81% calc(100% - 1.13px), 82% calc(100% - 1.43px), 83% calc(100% - 1.77px), 84% calc(100% - 2.17px), 85% calc(100% - 2.62px), 86% calc(100% - 3.12px), 87% calc(100% - 3.66px), 88% calc(100% - 4.25px), 89% calc(100% - 4.88px), 90% calc(100% - 5.54px), 91% calc(100% - 6.25px), 92% calc(100% - 6.98px), 93% calc(100% - 7.74px), 94% calc(100% - 8.53px), 95% calc(100% - 9.34px), 96% calc(100% - 10.18px), 97% calc(100% - 11.02px), 98% calc(100% - 11.88px), 99% calc(100% - 12.75px), 100% calc(100% - 13.63px));
   }

   .header-background-image:before {
      opacity: 1;
   }

   #plateforme-freelance #header-cta-group .btn {
      width: auto;
   }

   #plateforme-freelance #header-cta-group.fixed-bottom {
      padding: 1rem;
      background-color: #fff;
      box-shadow: 0 0 10px #00000085;
      margin-bottom: 0;
   }

   #plateforme-freelance #header-cta-group .btn {
      font-size: 16px;
   }

   #plateforme-freelance #header-cta-group .btn-white-transparent {
      background-color: #fff;
      color: var(--orange);
      border: 2px solid var(--orange);
   }
}

@media (min-width: 992px) {
   #plateforme-freelance .dropdown-menu {
      border-radius: 10px;
      padding: 0.8rem;
      box-shadow: 0 0 18px #00000029;
      right: 0;
      margin-top: 0.125rem;
   }

   .navbar-nav-utilisateur-connecte .nav-item .message {
      padding-left: 1rem;
      padding-right: 1rem;
   }
}

@media (max-width: 991px) {
   header .container {
      padding-top: 80px;
   }

   #plateforme-freelance .navbar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 6;
      align-content: baseline;
      transition: height linear 0.4s;
   }

   #plateforme-freelance .navbar:not(.show) .navbar-collapse {
      display: none;
   }

   #plateforme-freelance .navbar.show {
      height: 100vh;
      overflow: scroll;
      background-color: var(--darkblue);
   }

   #menu .fa {
      display: inline;
   }

   .navbar-nav + .navbar-nav {
      margin-left: 0;
      margin-top: 10px;
   }

   #plateforme-freelance .nav-link {
      font-size: 15px;
   }

   #plateforme-freelance .nav-item {
      width: 100%;
      margin: auto;
   }

   .nav-item-utilisateur-connecte .utilisateur-connecte .infos {
       font-size: 15px;
   }

   .nav-item-utilisateur-connecte .utilisateur-connecte .infos .prenom {
       max-width: 125px;
   }

   .navbar-nav:first-child .nav-item:not(:first-child) {
      border-top: 1px solid rgba(255,255,255,0.2);
   }

   #plateforme-freelance .navbar-nav:first-child .nav-link {
      padding: 15px 0;
   }

   #plateforme-freelance .navbar-collapse {
      padding: 30px;
   }

   #plateforme-freelance .navbar-nav:last-child .nav-item {
      margin-top: 18px;
      padding: 0;
   }

   header .main-title {
      margin-top: 10px;
   }

   #plateforme-freelance .dropdown-menu {
      background-color: transparent;
      margin-bottom: 15px;
      padding-top: 0;
      color: #fff;
   }

   #plateforme-freelance .dropdown-item {
      color: #fff;
      padding: 0.5rem 0;
   }
}

@media (min-width: 768px) {
   #plateforme-freelance #header-cta-group.fixed-bottom {
       margin: auto;
   }
}

@media (max-width: 768px) {
   #plateforme-freelance .navbar {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
   }

   #plateforme-freelance #header-cta-group {
      text-align: center;
   }

   .no-header {
      position: static;
   }

   .no-header + .main-content .section:first-child {
      padding-top: 0;
   }
}

@media (max-width: 375px) {
   header .main-title {
      font-size: 38px;
   }
}

@media (max-width: 300px) {
   header .main-title {
      font-size: 18px;
   }
}