@charset "UTF-8";
main .section1 {
  background-color: #EADFCD;
  padding-bottom: 94px;
  padding-top: 24px;
}
main .section1 .content .fil {
  padding-bottom: 20px;
  color: #163047;
  font-family: "Averta";
}
main .section1 .content .fil a, main .section1 .content .fil span {
  color: #163047;
  text-decoration: none;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.45px;
}
main .section1 .content .fil a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  main .section1 .content .fil {
    font-size: 12px;
  }
}
main .section1 .content .title {
  margin: 0 auto;
  max-width: 648px;
  margin-bottom: 20px;
}
main .section1 .content .title h1 {
  text-transform: uppercase;
  text-align: center;
}
main .section1 .content .text {
  font-size: 16px;
  font-family: "Averta";
  color: #163047;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main .section1 .content .text {
    font-size: 14px;
  }
}
main .section1 .content .numbers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main .section1 .content .numbers {
    grid-template-columns: repeat(1, 1fr);
  }
}
main .section1 .content .numbers .number .pourcent h2 {
  text-align: center;
}
main .section1 .content .numbers .number .text {
  margin-top: 15px;
  font-size: 18px;
  font-weight: bold;
  font-family: "Averta";
  color: #163047;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  main .section1 .content .numbers .number .text {
    font-size: 16px;
  }
}
main .section2 {
  padding: 80px 0;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  main .section2 {
    padding: 48px 0;
  }
}
main .section2 .content .title {
  margin-bottom: 60px;
}
main .section2 .content .title h3 {
  font-weight: 800;
}
main .section2 .content .filter form {
  margin-bottom: 59px;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}
main .section2 .content .filter form .line {
  display: flex;
  align-items: center;
  gap: 35px;
  margin-bottom: 36px;
  width: 100%;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  main .section2 .content .filter form .line {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }
}
main .section2 .content .filter form .line .bloc {
  flex: 50%;
}
main .section2 .content .filter form .line .bloc .type {
  font-size: 18px;
  font-family: "Averta";
  font-weight: bold;
  color: #E52233;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  main .section2 .content .filter form .line .bloc .type {
    font-size: 16px;
  }
}
main .section2 .content .filter form .line .bloc .custom-select {
  position: relative;
  font-family: "Averta";
}
@media screen and (max-width: 768px) {
  main .section2 .content .filter form .line .bloc .custom-select {
    width: 100%;
  }
}
main .section2 .content .filter form .line .bloc .custom-select .select-trigger {
  height: 33px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 12px;
  border: 2px solid #163047;
  border-radius: 17px;
  background-color: #fff;
  color: #163047;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  z-index: 4;
}
main .section2 .content .filter form .line .bloc .custom-select .select-trigger span {
  display: inline-block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
main .section2 .content .filter form .line .bloc .custom-select .select-trigger .arrow {
  margin-bottom: 3px;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http:%2F%2Fwww.w3.org%2F2000%2Fsvg' width='14.826' height='14.826' viewBox='0 0 14.826 14.826'><path id='Tracé_12' data-name='Tracé 12' d='M1506.515-1893.513v8.46h8.508' transform='translate(275.063 2411.613) rotate(-45)' fill='none' stroke='%23e52233' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
}
main .section2 .content .filter form .line .bloc .custom-select .custom-options {
  border: 1px solid white;
  position: absolute;
  padding-top: 32px;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 17px;
  background-color: #163047;
  max-height: 0;
  overflow: hidden;
  z-index: 3;
}
main .section2 .content .filter form .line .bloc .custom-select .custom-options::-webkit-scrollbar {
  display: none;
}
main .section2 .content .filter form .line .bloc .custom-select .custom-options.active {
  max-height: fit-content;
}
main .section2 .content .filter form .line .bloc .custom-select .custom-options .custom-option {
  width: 100%;
  padding: 4px 0 4px 12px;
  background-color: #163047;
  color: white;
  cursor: pointer;
}
main .section2 .content .filter form .line .bloc .custom-select .custom-options .custom-option:hover {
  text-decoration: underline;
}
main .section2 .content .filter form .line .bloc .custom-select .custom-options .custom-option.selected {
  text-decoration: underline;
}
main .section2 .content .filter form .line .bloc .custom-select .custom-options .custom-option:first-child {
  margin-top: 20px;
}
main .section2 .content .filter form .line .bloc .custom-select .custom-options .custom-option:last-child {
  margin-bottom: 20px;
}
main .section2 .content .filter form .line .bloc:last-child {
  flex: 50;
}
main .section2 .content .filter form .line .bloc:last-child .custom-select {
  width: 100%;
}
main .section2 .content .filter form button {
  padding: 6px 16px;
  background-color: #E52233;
  color: #fff;
  border-radius: 17px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  border: 2px solid #E52233;
  margin-left: auto;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  main .section2 .content .filter form button {
    font-size: 12px;
  }
}
main .section2 .content .filter form button:hover {
  background-color: #fff;
  color: #E52233;
}
main .section2 .content .offres {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
@media screen and (max-width: 1050px) {
  main .section2 .content .offres {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  main .section2 .content .offres {
    grid-template-columns: repeat(1, 1fr);
  }
}
main .section2 .content .offres .offre a {
  text-decoration: none;
  background-color: #163047;
  padding: 35px;
  width: 100%;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
}
main .section2 .content .offres .offre a .title {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  font-family: "Averta";
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main .section2 .content .offres .offre a .title {
    font-size: 16px;
  }
}
main .section2 .content .offres .offre a .categories {
  min-height: 48px;
  overflow: hidden;
}
main .section2 .content .offres .offre a .categories .filiere {
  color: #fff;
  font-size: 14px;
  font-family: "Averta";
}
@media screen and (max-width: 768px) {
  main .section2 .content .offres .offre a .categories .filiere {
    font-size: 12px;
  }
}
main .section2 .content .offres .offre a .categories .grade {
  color: #fff;
  font-size: 14px;
  font-family: "Averta";
}
@media screen and (max-width: 768px) {
  main .section2 .content .offres .offre a .categories .grade {
    font-size: 12px;
  }
}
main .section2 .content .offres .offre a .categories .type {
  color: #fff;
  font-size: 14px;
  font-family: "Averta";
}
@media screen and (max-width: 768px) {
  main .section2 .content .offres .offre a .categories .type {
    font-size: 12px;
  }
}
main .section2 .content .offres .offre a .lien {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 4px 14px;
  min-height: 33px;
  height: fit-content;
  border-radius: 17px;
  font-size: 14px;
  font-weight: 600;
  width: fit-content;
  text-decoration: none;
  font-family: "Averta";
  border: 2px solid #EADFCD;
  color: #EADFCD;
}
main .section2 .content .offres .offre a .lien svg, main .section2 .content .offres .offre a .lien img {
  margin-right: 5px;
}
main .section2 .content .offres .offre a .lien svg path, main .section2 .content .offres .offre a .lien img path {
  stroke: #EADFCD;
  transition: stroke 0.3s ease;
}
main .section2 .content .offres .offre a .lien:hover {
  background-color: #EADFCD;
  color: #163047;
}
main .section2 .content .offres .offre a .lien:hover svg path, main .section2 .content .offres .offre a .lien:hover img path {
  stroke: #163047;
}
main .section3 {
  background-color: #EADFCD;
  padding-bottom: 94px;
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  main .section3 {
    padding-bottom: 56.4px;
    padding-top: 48px;
  }
}
main .section3 .content .title {
  margin-bottom: 30px;
}
main .section3 .content .text {
  font-size: 16px;
  font-family: "Averta";
  color: #163047;
  margin-bottom: 50px;
  max-width: 526px;
}
@media screen and (max-width: 768px) {
  main .section3 .content .text {
    font-size: 14px;
    margin-bottom: 30px;
  }
}
main .section3 .content .icons-texts {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 100px;
}
@media screen and (max-width: 768px) {
  main .section3 .content .icons-texts {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
main .section3 .content .icons-texts .icon-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  main .section3 .content .icons-texts .icon-text {
    margin-bottom: 20px;
  }
}
main .section3 .content .icons-texts .icon-text .icon {
  width: 55px;
  height: 55px;
}
main .section3 .content .icons-texts .icon-text .icon img {
  width: 100%;
  height: 100%;
}
main .section3 .content .icons-texts .icon-text .text {
  font-size: 16px;
  margin-top: 24px;
  font-family: "Averta";
  color: #163047;
  margin-bottom: 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main .section3 .content .icons-texts .icon-text .text {
    max-width: 100%;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  main .section4 .content {
    padding: 0;
  }
}
main .section4 .content .candidature {
  margin-top: 115px;
  background-color: #163047;
  padding-bottom: 76px;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature {
    padding: 0 0 76px;
  }
}
main .section4 .content .candidature .title {
  width: fit-content;
  margin: 0 auto;
  padding-top: 76px;
  padding-bottom: 64px;
}
@media screen and (max-width: 580px) {
  main .section4 .content .candidature .title {
    text-align: center;
    padding: 45.6px 20px 38px;
  }
}
main .section4 .content .candidature .title h2 {
  color: #EADFCD;
}
main .section4 .content .candidature .wpcf7.js {
  max-width: 688px;
  margin: 0 auto;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js {
    max-width: 100%;
    padding: 20px;
  }
}
main .section4 .content .candidature .wpcf7.js form {
  /**
  ** File input
  **/
}
main .section4 .content .candidature .wpcf7.js form .candidate label a {
  color: inherit;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 29px;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one {
    grid-template-columns: repeat(1, 1fr);
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .left {
  width: 100%;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .left p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .left p {
    display: block;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .left p label {
  color: #fff;
  font-size: 16px;
  font-family: "Averta";
  margin-right: 20px;
  width: 160px;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .left p label {
    font-size: 14px;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .left p span {
  width: fit-content;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .left p span {
    width: 100%;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .left p span input {
  height: 30px;
  background-color: #fff;
  color: #163047;
  border-radius: 15px;
  margin-left: auto;
  border: none;
  padding: 2px 15px;
  width: 180px;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .left p span input {
    width: 100%;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .right {
  width: 100%;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .right p {
  margin-bottom: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .right p {
    display: block;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .right p label {
  color: #fff;
  font-size: 16px;
  font-family: "Averta";
  margin-right: 20px;
  width: 80px;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .right p label {
    width: 160px;
  }
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .right p label {
    font-size: 14px;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .right p span {
  width: fit-content;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .right p span {
    width: 100%;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .right p span input {
  height: 30px;
  background-color: #fff;
  color: #163047;
  border-radius: 15px;
  margin-left: auto;
  border: none;
  padding: 2px 15px;
  width: 180px;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_one .right p span input {
    width: 100%;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_two {
  margin-bottom: 26px;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_two p {
  display: flex;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_two p {
    display: block;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_two p label {
  color: #fff;
  font-size: 16px;
  font-family: "Averta";
  width: 165px;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_two p label {
    font-size: 14px;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_two p span {
  width: calc(100% - 160px);
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_two p span {
    width: 100%;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_two p span input {
  height: 30px;
  background-color: #fff;
  color: #163047;
  border-radius: 15px;
  margin-left: auto;
  border: none;
  padding: 2px 15px;
  width: 100%;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 29px;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three {
    grid-template-columns: repeat(1, 1fr);
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .left {
  width: 100%;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .left p {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .left p {
    display: block;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .left p label {
  color: #fff;
  font-size: 16px;
  font-family: "Averta";
  margin-right: 20px;
  width: 160px;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .left p label {
    font-size: 14px;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .left p span {
  width: fit-content;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .left p span {
    width: 100%;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .left p span input {
  height: 30px;
  background-color: #fff;
  color: #163047;
  border-radius: 15px;
  margin-left: auto;
  border: none;
  padding: 2px 15px;
  width: 180px;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .left p span input {
    width: 100%;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .right {
  width: 100%;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .right p {
  margin-bottom: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .right p {
    display: block;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .right p label {
  color: #fff;
  font-size: 16px;
  font-family: "Averta";
  margin-right: 20px;
  width: 80px;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .right p label {
    width: 160px;
  }
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .right p label {
    font-size: 14px;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .right p span {
  width: fit-content;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .right p span {
    width: 100%;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .right p span input {
  height: 30px;
  background-color: #fff;
  color: #163047;
  border-radius: 15px;
  margin-left: auto;
  border: none;
  padding: 2px 15px;
  width: 180px;
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_three .right p span input {
    width: 100%;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_four {
  margin-bottom: 26px;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_four .line {
  display: flex;
  width: 100%;
  margin-bottom: 26px;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_four .line p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_four .line p {
    display: block;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_four .line p label {
  color: #fff;
  font-size: 16px;
  font-family: "Averta";
  margin-right: 20px;
  width: 165px;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_four .line p label {
    font-size: 14px;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_four .line p span {
  width: calc(100% - 160px);
}
@media screen and (max-width: 880px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_four .line p span {
    width: 100%;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_four .line p span input {
  height: 30px;
  background-color: #fff;
  color: #163047;
  border-radius: 15px;
  margin-left: auto;
  border: none;
  padding: 2px 15px;
  width: 100%;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_five .line {
  margin-bottom: 26px;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_five .line p {
  display: flex;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_five .line p {
    display: block;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_five .line p label {
  width: 45%;
  margin-right: 20px;
  color: #fff;
  font-size: 16px;
  font-family: "Averta";
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_five .line p label {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_five .line p .custom-file-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_five .line p .custom-file-wrapper button {
    width: 100%;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_five .line p #cv-name {
  display: none;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_five .line p #lettre-motivation-name {
  display: none;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_five .line p button {
  background-color: #fff;
  color: #163047;
  border-radius: 17px;
  font-size: 16px;
  font-family: "Averta";
  border: none;
  padding: 5px 30px;
  height: fit-content;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_five .line p button {
    font-size: 14px;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_six .line p span span label {
  display: flex;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_six .line p span span label input {
  width: 25px;
  height: 25px;
  border-radius: 8px;
  background-color: #163047;
  border: 2px solid #fff;
  margin-right: 10px;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_six .line p span span label span {
  color: #fff;
  font-size: 14px;
  font-family: "Averta";
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_six .line p span span label span {
    font-size: 12px;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_seven {
  margin-top: 31px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: space-between;
  align-items: end;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_seven {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_seven p {
  margin: 0;
  flex-direction: row-reverse;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_seven p .wpcf7-form-control-wrap {
  order: 1;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_seven p {
    flex-direction: column-reverse;
    align-items: center;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_seven p input {
  background-color: #E52233;
  border: none;
  color: #fff;
  font-size: 16px;
  font-family: "Averta";
  padding: 8px 22px;
  border-radius: 20px;
  transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .candidate .bloc_seven p input {
    font-size: 14px;
  }
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_seven p input:not(:disabled):hover {
  background-color: #fff;
  color: #E52233;
}
main .section4 .content .candidature .wpcf7.js form .candidate .bloc_seven p input:disabled {
  opacity: 0.7;
}
main .section4 .content .candidature .wpcf7.js form input[type=file] {
  display: none;
}
main .section4 .content .candidature .wpcf7.js form .cv {
  display: flex;
  justify-content: space-between;
}
main .section4 .content .candidature .wpcf7.js form .cv label {
  align-content: center;
}
@media screen and (max-width: 500px) {
  main .section4 .content .candidature .wpcf7.js form .cv {
    flex-direction: column;
    margin-bottom: 30px;
  }
  main .section4 .content .candidature .wpcf7.js form .cv p {
    margin-bottom: 0;
  }
}
main .section4 .content .candidature .wpcf7.js form .custom-cv-upload {
  border-radius: 15px;
  height: 30px;
  cursor: pointer;
  color: #163047;
  font-family: "Averta";
  font-size: 16px;
  border: none;
}
main .section4 .content .candidature .wpcf7.js form .custom-cv-upload:hover {
  background-color: #e1e1e1;
}
main .section4 .content .candidature .wpcf7.js form #cv-name, main .section4 .content .candidature .wpcf7.js form .cv-name {
  margin-left: 10px;
  align-content: center;
}
main .section4 .content .candidature .wpcf7.js form .lettre {
  display: flex;
  justify-content: space-between;
}
main .section4 .content .candidature .wpcf7.js form .lettre label {
  align-content: center;
}
@media screen and (max-width: 500px) {
  main .section4 .content .candidature .wpcf7.js form .lettre {
    flex-direction: column;
    margin-bottom: 30px;
  }
  main .section4 .content .candidature .wpcf7.js form .lettre p {
    margin-bottom: 0;
  }
}
main .section4 .content .candidature .wpcf7.js form .custom-lettre-upload {
  width: 170px;
  border-radius: 15px;
  height: 30px;
  cursor: pointer;
  color: #163047;
  font-family: "Averta";
  font-size: 16px;
  border: none;
}
main .section4 .content .candidature .wpcf7.js form .custom-lettre-upload:hover {
  background-color: #e1e1e1;
}
main .section4 .content .candidature .wpcf7.js form #lettre-name, main .section4 .content .candidature .wpcf7.js form .letter-name {
  margin-left: 10px;
  align-content: center;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form {
    width: 90vw;
  }
}
main .section4 .content .candidature .wpcf7.js form .custom-file-wrapper {
  width: 480px;
  display: flex;
  align-items: center;
  gap: 20px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  main .section4 .content .candidature .wpcf7.js form .custom-file-wrapper {
    width: 100%;
  }
}
main .section4 .content .emploi {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 70px;
  padding-top: 100px;
}
@media screen and (max-width: 1210px) {
  main .section4 .content .emploi {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 768px) {
  main .section4 .content .emploi {
    padding: 0 35px;
    margin-top: 40px;
  }
}
main .section4 .content .emploi .card {
  display: flex;
}
@media screen and (max-width: 768px) {
  main .section4 .content .emploi .card {
    height: 100%;
  }
}
@media screen and (max-width: 510px) {
  main .section4 .content .emploi .card {
    display: block;
    height: fit-content;
  }
}
main .section4 .content .emploi .card .picture {
  width: 232px;
  height: 100%;
}
@media screen and (max-width: 510px) {
  main .section4 .content .emploi .card .picture {
    display: block;
    width: 100%;
    height: auto;
  }
}
main .section4 .content .emploi .card .picture img {
  width: 100%;
  height: 100%;
  aspect-ratio: 368/232;
  object-fit: cover;
  display: block;
}
@media screen and (max-width: 510px) {
  main .section4 .content .emploi .card .picture img {
    height: auto;
    aspect-ratio: unset;
  }
}
main .section4 .content .emploi .card .content-card {
  width: calc(100% - 232px);
  height: 100%;
  padding: 30px 30px;
  background-color: #EADFCD;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media screen and (max-width: 768px) {
  main .section4 .content .emploi .card .content-card {
    width: calc(100% - 116px);
    padding: 10px 15px;
    gap: 20px;
  }
}
@media screen and (max-width: 510px) {
  main .section4 .content .emploi .card .content-card {
    width: 100%;
  }
}
main .section4 .content .emploi .card .content-card .citation {
  font-size: 20px;
  font-family: "Averta";
  font-weight: bold;
  font-style: italic;
  color: #163047;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main .section4 .content .emploi .card .content-card .citation {
    font-size: 16px;
  }
}
main .section4 .content .emploi .card .content-card .description {
  width: 100%;
}
main .section4 .content .emploi .card .content-card .description .name {
  color: #E52233;
  font-size: 14px;
  font-weight: bold;
  font-family: "Averta";
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  main .section4 .content .emploi .card .content-card .description .name {
    font-size: 12px;
  }
}
main .section4 .content .emploi .card .content-card .description .job {
  color: #E52233;
  font-family: "Averta";
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  main .section4 .content .emploi .card .content-card .description .job {
    font-size: 12px;
  }
}
main .section4 .content .lien {
  display: flex;
  justify-content: center;
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  main .section4 .content .lien {
    padding: 50px 0;
  }
}
main .section4 .content .lien a {
  text-decoration: none;
  min-height: 62px;
  padding: 0 35px;
  align-content: center;
  color: #163047;
  font-family: "Averta";
  font-size: 26px;
  font-weight: bold;
  border: 2px solid #163047;
  border-radius: 31px;
  width: max-content;
}
@media screen and (max-width: 768px) {
  main .section4 .content .lien a {
    font-size: 18px;
    padding: 0 27px;
  }
}
main .section4 .content .lien a:hover {
  background-color: #163047;
  color: white;
}