* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
}

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

ul {
  list-style: none;
}

body {
  width: 100%;
  height: 100%;
  font-family: "General Sans", sans-serif;
  font-weight: 400;
}

.grecaptcha-badge{
	display:none !important;
}

body,
html {
  scroll-behavior: smooth;
}

section {
  display: flex;
  flex-direction: column;
}

.fade__up,
.fade__in,
.fade__down {
  opacity: 0;
}

.privacy-wrapper-mobile {
	
display : none;	
	
}



.wpcf7-list-item {
  margin: 0 !important;
}

.wpcf7-not-valid-tip {
  position: absolute;
  font-size: 12px !important;
  font-weight: 500 !important;
  bottom: -25px;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  font-size: 14px;
  font-weight: 500;
  color: #f5f5f5;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
  background-color: #d0dddc !important;
  border-top: 1px solid #d0dddc !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, 
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
  color: #003831 !important;
}

.breadcrumb {
  padding-bottom: 68px;
}
.breadcrumb ul {
  display: flex;
  gap: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  color: #005D51;
}
.breadcrumb ul li {
  position: relative;
  isolation: isolate;
  padding-right: 10px;
  display: flex;
  align-items: center;
}
.breadcrumb ul li::after {
  content: "";
  position: absolute;
  right: 0;
  height: 10px;
  width: 1px;
  background-color: #005D51;
}
.breadcrumb ul li:last-child::after {
  content: none;
}

.switches {
  display: flex;
  gap: 14px;
}
.switches .switche {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  position: relative;
}
.switches .switche::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #005D51;
  opacity: 0.2;
}

.switches-slides {
  display: flex;
  gap: 10px;
}
.switches-slides .switche {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  cursor: pointer;
}

.btn-primary {
  padding: 0 56px 0 24px;
  background-color: rgba(0, 93, 81, 0.0588235294);
  border-radius: 40px;
  height: 48px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #005D51;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
}
.btn-primary span.icon {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}
.btn-primary span.icon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #005D51;
  transition: 0.3s ease-in-out;
  transform-origin: center;
  z-index: -1;
  transform: scale(0.43);
}
.btn-primary span.icon svg {
  transform: scale(0);
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.btn-primary:hover span.icon::after {
  transform: scale(1);
}
.btn-primary:hover span.icon svg {
  transform: scale(1);
  opacity: 1;
}

.team-blocks {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 20px;
}
.team-blocks .block {
  position: relative;
  width: 170px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 17px;
}
.team-blocks .block:hover .icon::after {
  transform: scale(1);
}
.team-blocks .block:hover .icon svg {
  transform: scale(1);
  opacity: 1;
}
.team-blocks .block:hover .image img {
  transform: scale(1.05);
}
.team-blocks .info {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.team-blocks h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #005D51;
}
.team-blocks span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.04em;
  color: #003831;
}
.team-blocks .image {
  width: 100%;
  height: 284px;
  overflow: hidden;
  border-radius: 2px;
}
.team-blocks .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}
.team-blocks .icon {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 270px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}
.team-blocks .icon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #005D51;
  transition: 0.3s ease-in-out;
  transform-origin: center;
  z-index: -1;
  transform: scale(0.43);
}
.team-blocks .icon svg {
  transform: scale(0);
  opacity: 0;
  transition: 0.3s ease-in-out;
}

.news-blocks {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.news-blocks .block {
  width: 383px;
  display: flex;
  flex-direction: column;
/*   gap: 15px; */
  padding: 30px;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 93, 81, 0);
  color: #003831;
  border-radius: 2px;
  transition: 0.5s ease-in-out;
/* justify-content : space-between;	 */
	justify-content : space-around;
height : 340px	
}


.news-blocks .block .cat_title_wrppr {
	
display : flex;
flex-direction : column;	
gap : 15px;	
	
}

.news-blocks .block span {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
}
.news-blocks .block span.read-more {
  font-size: 16px;
  line-height: 26px;
}
.news-blocks .block h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  min-height: 118px;
}
.news-blocks .block:hover {
  background-color: rgba(255, 255, 255, 0.5019607843);
  border-color: rgba(0, 92, 80, 0.2);
  color: #005D51;
}

/* 
** Start Header
*/




.header_mobile, .control_menu {

display: none;

}


body.home header:not(.header-bg-white) {
  position: fixed;
}

body.home > header {
  opacity: 0;
}

header {
  padding: 20px 60px 20px 63px;
  position: absolute;
  left: 0;
  top: 43px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 131px;
  color: #FFFFFF;
  background-color: transparent;
  z-index: 2;
}
header .menu {
  width: calc(100% - 313px);
  display: flex;
  justify-content: space-between;
}
header .dropdowns {
  display: flex;
  gap: 10px;
}
header .dropdown {
  position: relative;
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
header .dropdown .label {
  height: 36px;
  position: relative;
  padding: 0 20px 0 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .dropdown .label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(245, 245, 245, 0.1019607843);
  border-radius: 30px;
  opacity: 0;
  transition: 0.5s ease-in-out;
}
header .dropdown .label::before {
  content: "";
  position: absolute;
  left: 12px;
  width: 4px;
  height: 4px;
  background-color: #FFFFFF;
  opacity: 0.5;
  border-radius: 50%;
  transition: 0.5s ease-in-out;
}
header .dropdown:hover .label::after, header .dropdown.active .label::after {
  opacity: 1;
}
header .dropdown-item {
  position: absolute;
  top: 45px;
  left: 0;
  width: 372px;
  background-color: #F5F5F5;
  border-radius: 6px;
  padding: 25px 20px 30px 15px;
  display: none;
  flex-direction: column;
  gap: 15px;
}
header .dropdown-item li {
  padding-left: 14px;
  position: relative;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
}
header .dropdown-item li:last-child a {
  padding-bottom: 0;
  border-bottom: none;
}
header .dropdown-item li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #005D51;
  opacity: 0.5;
}
header .dropdown-item li a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #003831;
  padding-bottom: 15px;
  transition: 0.5s ease-in-out;
  border-bottom: 1px solid rgba(0, 93, 81, 0.1019607843);
  width: 100%;
}
header .dropdown-item li a span {
  display: flex;
}
header .dropdown-item li a span.icon {
  margin-left: -10px;
  opacity: 0;
  transition: 0.5s ease-in-out;
}
header .dropdown-item li:hover a {
  color: #005D51;
}
header .dropdown-item li:hover a span.icon {
  margin-left: 0px;
  opacity: 1;
}
header .dropdown-item.dropdown-focus {
  display: none;
}
header .navbar {
  display: flex;
  align-items: center;
  gap: 30px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
header .navbar li {
  position: relative;
}
header .navbar li .contact-wrapper {
  position: absolute;
  right: 0;
  padding-top: 10px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
	
min-width : 300px;	
	
}
header .navbar li .contact-item {
  display: flex;
  align-items: center;
  gap: 4px;
}
header .navbar li .contact-item .copy-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid hsla(0, 0%, 96%, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

	header .navbar li .contact-item .copy-icon svg {
		
	    pointer-events: none;	
		
	}

header .navbar li .contact-item .info {
  display: flex;
  gap: 6px;
  padding: 0 18px 0 12px;
  background-color: rgba(245, 245, 245, 0.1019607843);
  border-radius: 50px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 36px;
  letter-spacing: 0.03em;
}
header .navbar li .contact-item .info div {
  display: flex;
  align-items: center;
}
header .navbar li:hover span {
  background-color: #F5F5F5;
  color: #005D51;
}
header .navbar li:hover .contact-wrapper {
  opacity: 1;
  visibility: visible;
}
header .navbar span {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 18px;
  background-color: rgba(245, 245, 245, 0.1019607843);
  color: #FFFFFF;
  border-radius: 30px;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 31px;
  transition: 0.5s ease-in-out;
}
header.header-green {
  color: #005D51;
  position: absolute;
}
header.header-green.active::after {
  height: 0;
}
header.header-green .logo svg path {
  fill: #005D51;
}
header.header-green .dropdown .label::before {
  background-color: #005D51;
}
header.header-green .dropdown .label::after {
  background: rgba(0, 93, 81, 0.0588235294);
}
header.header-green .navbar li .contact-item svg path {
  fill: #005D51;
}
header.header-green .navbar li .contact-item .copy-icon {
  border: 1px solid rgba(0, 93, 81, 0.2);
}
header.header-green .navbar li .contact-item .info {
  background-color: rgba(0, 92, 80, 0.0509803922);
  color: #005D51;
}
header.header-green .navbar li:hover span {
  background-color: #005D51;
  color: #F5F5F5;
}
header.header-green .navbar span {
  background: hsla(172, 100%, 18%, 0.06);
  color: #005D51;
}
header.header-green .dropdown-item {
  background-color: #E9EDED;
}
header.header-bg-white {
  position: sticky;
  top: 0;
  color: #003831;
  border-bottom: 1px solid rgba(0, 93, 81, 0.1019607843);
  isolation: isolate;
  background-color: #f5f5f5;
}
header.header-bg-white::after {
  content: "";
  width: 100%;
  height: calc(100% + 1px);
  background-color: #F5F5F5;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s ease-in-out;
}
header.header-bg-white.active::after {
  height: 0;
}
header.header-bg-white .logo svg path {
  fill: #005D51;
}
header.header-bg-white .dropdown .label::before {
  background-color: #005D51;
}
header.header-bg-white .dropdown .label::after {
  background: rgba(0, 93, 81, 0.0588235294);
}
header.header-bg-white .navbar li .contact-item svg path {
  fill: #005D51;
}
header.header-bg-white .navbar li .contact-item .copy-icon {
  border: 1px solid rgba(0, 93, 81, 0.2);
}
header.header-bg-white .navbar li .contact-item .info {
  background-color: rgba(0, 92, 80, 0.0509803922);
  color: #005D51;
}
header.header-bg-white .navbar li:hover span {
  background-color: #005D51;
  color: #F5F5F5;
}
header.header-bg-white .navbar span {
  background: rgba(0, 92, 80, 0.0588235294);
  color: #005D51;
}
header.header-bg-white .dropdown-item {
  background-color: #E9EDED;
}

/* 
**  Start Home Page
*/
.home-page .hero {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  z-index: 1;
  overflow: hidden;
}
.home-page .hero .image {
  transform: translateX(-5%);
}
.home-page .hero .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-page .hero .bg-green {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #005D51;
  transform: translateX(0);
  z-index: 2;
}
.home-page .hero .hero-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  isolation: isolate;
}
.home-page .hero .content-wrapper {
  width: 100%;
  height: 100%;
  padding-top: 202px;
  padding-bottom: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.home-page .hero .bg-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #005D51;
  transform: translateX(-100%);
  z-index: -1;
}
.home-page .hero h1 {
  display: flex;
  font-weight: 400;
  font-size: 54px;
  line-height: 59px;
  color: #FFFFFF;
}
.home-page .hero h1 span:first-child {
  font-weight: 600;
}
.home-page .hero h1 span:last-child {
  font-style: italic;
  opacity: 0.8;
  margin-top: 59px;
  margin-left: -25px;
}
.home-page .hero .shape {
  position: absolute;
}
.home-page .hero .scroll-down {
  position: fixed;
  width: 116px;
  height: 116px;
  display: flex;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  border-radius: 50%;
  bottom: -40px;
  z-index: 3;
  cursor: pointer;
}
.home-page .hero .scroll-down svg {
  margin-top: 35px;
}
.home-page .hero .scroll-down .mouse-line {
  animation: scroll 0.8s infinite;
  transform-origin: center;
}
@keyframes scroll {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  80% {
    transform: translateY(5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 0;
  }
}
.home-page .main {
  background-color: #F5F5F5;
  position: relative;
  z-index: 3;
  padding: 20px 0;
  border-radius: 6px 6px 0 0;
}
.home-page .history {
  padding: 0 15px;
	display:none;
}
.home-page .history .history-images {
  width: 1409px;
  max-width: 100%;
  margin: 0 auto;
}
.home-page .history .splide__list {
  gap: 15px;
	
    align-items: flex-end;	
	
}

.home-page .history .splide__slide {
  display: flex;
  align-items: flex-end;
}


.home-page .history .splide__slide.taille-Large {
	
width : 705px;
height : 397px;	
	
}


.home-page .history .splide__slide.taille-Petite {
	
width : 221px;
height : 221px;	
	
}


.home-page .history .splide__slide.taille-Longue {
	
width : 213px;
height : 300px;	
	
}


.home-page .history .splide__slide img {
  border-radius: 6px;
width : 100%;	
}


.home-page .beliefs-highlight {
  padding: 5px 15px 20px 15px;
}
.home-page .beliefs-highlight .beliefs-wrapper {
  width: 1104px;
  max-width: 100%;
  margin: 0 auto;
}
.home-page .beliefs-highlight h2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  font-weight: 400;
  font-size: 48px;
  line-height: 53px;
  color: #005D51;
  position: relative;
  isolation: isolate;
  min-height: 230px;
  max-width: 894px;
  margin: 0 auto;
  z-index: 1;
}
.home-page .beliefs-highlight h2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 165px;
  height: 165px;
  border-radius: 50%;
  border: 1px solid rgba(0, 92, 80, 0.2);
  z-index: -1;
}
.home-page .beliefs-highlight h2::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 165px;
  height: 165px;
  border-radius: 50%;
  background-color: rgba(0, 92, 80, 0.031372549);
  z-index: -1;
}
.home-page .beliefs-highlight h2 span:first-child {
  font-weight: 600;
  padding-left: 62px;
}
.home-page .beliefs-highlight h2 span:last-child {
  text-align: right;
  opacity: 0.8;
  font-style: italic;
  padding-right: 85px;
}
.home-page .beliefs-highlight .blocks {
  position: relative;
  margin-top: -126px;
}
.home-page .beliefs-highlight .blocks .line {
  position: absolute;
  left: 0;
  right: 0;
  width: 56px;
  height: 100%;
  margin: 0 auto;
  isolation: isolate;
}
.home-page .beliefs-highlight .blocks .line::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 93, 81, 0) 0%, rgba(0, 93, 81, 0.646214) 7.03%, #005D51 49.5%, #005D51 90.5%, rgba(0, 93, 81, 0) 100%);
  opacity: 0.15;
}
.home-page .beliefs-highlight .blocks .line .circle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #005D51;
  margin: 0 auto;
  position: sticky;
/*   top: 230px; */
	top : 241px;
  margin-top: 230px;
  margin-bottom: 90px;
  z-index: -1;
}
.home-page .beliefs-highlight .blocks .blocks-wrapper {
  min-height: 645px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 56px;
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 50px;
}
.home-page .beliefs-highlight .blocks .blocks-wrapper:nth-of-type(3), .home-page .beliefs-highlight .blocks .blocks-wrapper:nth-of-type(4) {
  margin-top: -140px;
}
.home-page .beliefs-highlight .blocks .blocks-wrapper .item {
  width: 450px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 31px;
  color: #003831;
	
height : 124px !important	
	
}
.home-page .beliefs-highlight .blocks .blocks-wrapper .item strong {
  font-weight: 500;
}
.home-page .beliefs-highlight .blocks .blocks-wrapper .item:first-child {
  margin-top: 220px;
/*   height: max-content; */
  position: sticky;
  top: 230px;
}
.home-page .beliefs-highlight .blocks .blocks-wrapper .item:last-child {
  margin-top: auto;
}
.home-page .main-block {
  padding: 0 5px;
  position: relative;
  isolation: isolate;
}
.home-page .main-block::after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
/*   background: #005D51; */
  border-radius: 6px;
  z-index: -1;
  width: calc(100% - 10px);
  height: 100%;
  margin: 0 auto;
}
.home-page .main-block.focus {
  margin-top: 5px;
}
.home-page .main-block .wrapper {
  width: 1430px;
  max-width: 100%;
  margin: 0 auto;
  color: #FFFFFF;
  padding: 60px 55px 26px;
  display: flex;
  flex-wrap: wrap;
  gap: 26px 83px;
  position: relative;
background: #005D51;	
	
border-radius : 6px;	
	
}
.home-page .main-block .wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 26px;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  opacity: 0.1;
}
.home-page .main-block .label {
  position: relative;
  isolation: isolate;
  width: 100%;
  padding-left: 16px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.home-page .main-block .label::after {
  content: "";
  position: absolute;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #FFFFFF;
  opacity: 0.5;
}
.home-page .main-block .title {
  width: 427px;
}
.home-page .main-block .title h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
}
.home-page .main-block .description {
  width: 727px;
}
.home-page .main-block .description p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  opacity: 0.8;
  max-width: 540px;
}
.home-page .main-block .description ul {
  margin-top: 46px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 26px;
}
.home-page .main-block .description ul li a {
  display: flex;
  padding: 10px 20px;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 50px;
  background-color: transparent;
  transition: 0.5s ease-in-out;
	
font-size : 18px;	
	
}
.home-page .main-block .description ul li a:hover {
  background-color: #FFFFFF;
  color: #005D51;
}
.home-page .formation {
  padding: 95px 15px;
}
.home-page .formation .formation-wrapper {
  width: 1174px;
  max-width: 100%;
  margin: 0 auto;
  border: 1px solid rgba(0, 92, 80, 0.2);
  border-radius: 6px;
  padding: 59px 8px 8px 79px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.home-page .formation .label {
  position: relative;
  isolation: isolate;
  width: 100%;
  padding-left: 16px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #005D51;
  margin-bottom: 25px;
}
.home-page .formation .label::after {
  content: "";
  position: absolute;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #005D51;
  opacity: 0.5;
}
.home-page .formation .title {
  width: 406px;
}
.home-page .formation .title h2 {
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
  color: #005D51;
  font-style: italic;
}
.home-page .formation .title h2 strong {
  font-weight: 500;
  font-style: normal;
}
.home-page .formation .description {
  width: 589px;
}
.home-page .formation .description p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #005D51;
  margin-bottom: 35px;
  max-width: 503px;
}
.home-page .formation .description .image {
  margin-left: auto;
  width: 166px;
  height: 56px;
  margin-top: -13px;
}
.home-page .team {
  padding: 100px 15px 35px 15px;
	
	
}

.home-page .team .team-blocks {
  width: 743px;
}


.home-page .team .team-blocks .block:nth-child(3) {
	
order : 2;	
	
}


.home-page .team .wrapper {
  width: 1275px;
  max-width: 100%;
  margin: 0 auto;
}
.home-page .team .team-wrapper {
  max-width: 1199px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.home-page .team .intro {
  max-width: 1141px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 88px;
}
.home-page .team .btns-wrapper {
  width: 388px;
  display: flex;
  flex-direction: column;
}
.home-page .team .btns-wrapper .btn-join-us {
  margin-left: auto;
}
.home-page .team .title h2 {
  font-weight: 400;
  font-size: 48px;
  line-height: 53px;
  color: #005D51;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.home-page .team .title h2 span {
  display: flex;
  align-items: center;
}
.home-page .team .title h2 span:first-child {
  font-weight: 500;
}
.home-page .team .title h2 span:last-child {
  opacity: 0.8;
  font-style: italic;
  margin-left: 50px;
  padding-left: 45px;
  position: relative;
  isolation: isolate;
}
.home-page .team .title h2 span:last-child::after {
  content: "";
  position: absolute;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #005D51;
}
.home-page .team .description {
  width: 312px;
  margin-top: 7px;
  padding-top: 42px;
  border-top: 1px solid rgba(0, 92, 80, 0.7019607843);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #005D51;
}
.home-page .team .description strong {
  font-weight: 500;
}
.home-page .last-news {
  padding: 82px 15px 68px 15px;
}
.home-page .last-news-wrapper {
  width: 1189px;
  max-width: 100%;
  margin: 0 auto;
}
.home-page .last-news-wrapper h2 {
  display: flex;
  gap: 6px;
  font-style: italic;
  font-weight: 400;
  font-size: 30px;
  line-height: 33px;
  text-align: center;
  color: #005D51;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  margin: 0 auto 45px;
}
.home-page .last-news-wrapper h2 strong {
  font-style: normal;
  font-weight: 600;
}
.home-page .last-news-wrapper h2 > span {
  opacity: 0.8;
}
.home-page .last-news-wrapper h2 .btn-secondary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 43px;
  position: relative;
  isolation: isolate;
}
.home-page .last-news-wrapper h2 .btn-secondary::after {
  content: "";
  position: absolute;
  right: 0;
  background-color: #005D51;
  opacity: 0;
  width: 36px;
  height: 36px;
  z-index: -1;
  border-radius: 50px;
  transition: 0.5s ease-in-out;
}
.home-page .last-news-wrapper h2 .btn-secondary span {
  display: flex;
  align-items: center;
  position: relative;
  isolation: isolate;
}
.home-page .last-news-wrapper h2 .btn-secondary span.text {
  opacity: 0.8;
}
.home-page .last-news-wrapper h2 .btn-secondary span.icon {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}
.home-page .last-news-wrapper h2 .btn-secondary span.icon::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #005D51;
  transition: 0.3s ease-in-out;
  transform: scale(1);
  z-index: -1;
}
.home-page .last-news-wrapper h2 .btn-secondary span.icon svg {
  transform: scale(1);
  transition: 0.3s ease-in-out;
}
.home-page .last-news-wrapper h2:hover .btn-secondary::after {
  width: calc(100% + 6px);
  opacity: 0.1;
}
.home-page .last-news-wrapper h2:hover .btn-secondary span.icon::after {
  transform: scale(1.072);
}
.home-page .last-news-wrapper h2:hover .btn-secondary span.icon svg {
  transform: scale(1.09);
}

/*
** Equipe Page
*/
.equipe-page {
  padding: 205px 15px 85px;
  background-color: #F5F5F5;
  position: relative;
  isolation: isolate;
}
.equipe-page .breadcrumb {
  width: 1155px;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 30px;
}
.equipe-page .equipe-wrapper {
  width: 1155px;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 30px;
}
.equipe-page .intro {
  max-width: 1041px;
  padding-left: 18px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
.equipe-page .intro .title {
  width: 378px;
}
.equipe-page h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  color: #005D51;
}
.equipe-page .description {
  width: 615px;
  padding-bottom: 26px;
  border-bottom: 1px solid rgba(0, 92, 80, 0.2);
  color: #003831;
  font-style: normal;
  font-weight: 450;
  font-size: 18px;
  line-height: 29px;
}
.equipe-page .team-blocks {
  margin-top: 85px;
}
.equipe-page .join-us {
  margin-top: 96px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.equipe-page .join-us .title {
  width: 418px;
}
.equipe-page .join-us h2 {
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
  color: #005D51;
}
.equipe-page .join-us h2 span:last-child {
  opacity: 0.8;
  font-style: italic;
  font-weight: 400;
}
.equipe-page .label {
  position: relative;
  isolation: isolate;
  width: 206px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #005D51;
}
.equipe-page .label::after {
  content: "";
  position: absolute;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #005D51;
  opacity: 0.5;
}

/*
** Single Bio
*/
.bio-page {
  padding: 205px 15px 72px;
  background-color: #F5F5F5;
  position: relative;
  isolation: isolate;
}
.bio-page::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  margin: 0 auto;
  width: calc(100% - 10px);
  height: calc(100% - 527px);
  background-color: #FFFFFF;
  border-radius: 6px;
  z-index: -1;
}
.bio-page .breadcrumb {
  width: 1327px;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 126px;
}
.bio-page .bio-wrapper {
  width: 1327px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.bio-page .info {
  width: 752px;
  position: relative;
  z-index: 2;
  isolation: isolate;
}
.bio-page .info::after {
  content: "";
  position: absolute;
  right: 41px;
  bottom: 0;
  width: 626px;
  height: calc(100% - 255px);
  background-color: #FFFFFF;
  z-index: -1;
}
.bio-page .details {
  padding-left: 126px;
}
.bio-page .details h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  color: #005D51;
  margin-bottom: 15px;
}
.bio-page .details > span {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  color: #005D51;
}
.bio-page .details ul {
  display: flex;
  gap: 15px;
  margin-bottom: 35px;
  margin-top: 55px;
}
.bio-page .details ul li {
  position: relative;
}
.bio-page .details ul li.with-hover {
  background-color: #005D51;
  border-radius: 50px;
  width: 60px;
  overflow: hidden;
  transition: 0.5s ease-in-out;
}
.bio-page .details ul li.with-hover .icon {
  background-color: #005D51;
  border: none;
}
.bio-page .details ul li.with-hover .text {
  text-decoration: none;
  color: #FFFFFF;
  position: absolute;
  left: 60px;
}
.bio-page .details ul li.with-hover.email:hover {
  width: 245px;
}
.bio-page .details ul li.with-hover.phone:hover {
  width: 205px;
}



	

.bio-page .details ul li > a {
  height: 60px;
  display: flex;
  align-items: center;
  gap: 13px;
}

.bio-page .details ul li .clicked_text {
	
text-decoration : underline	
	
}


.bio-page .details ul li a .icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(0, 92, 80, 0.2);
}
.bio-page .details ul li a .text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  text-decoration: underline;
  color: #005D51;
  width: -moz-max-content;
  width: max-content;
}
.bio-page .description {
  padding-left: 126px;
  position: relative;
  padding-top: 46px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #00221D;
}
.bio-page .description p {
  max-width: 550px;
}
.bio-page .langues-wrapper {
  padding-left: 126px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 37px 0;
}
.bio-page .langues-wrapper .label {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #005D51;
}
.bio-page .langues-wrapper .langues {
  display: flex;
  gap: 10px;
  color: #005D51;
}
.bio-page .bio-picture {
  position: sticky;
  top: 100px;
  height: 477px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 72px;
  margin-top: -85px;
  margin-bottom: 120px;
}
.bio-page .bio-picture::after {
  content: "";
  position: absolute;
  left: -760px;
  right: 0;
  margin: 0 auto;
  top: 315px;
  width: 1289px;
  height: 1px;
  background-color: rgba(0, 92, 80, 0.1019607843);
}
.bio-page .bio-picture::before {
  content: "";
  position: absolute;
  left: -785px;
  top: 311px;
  width: 10px;
  height: 10px;
  background-color: #005D51;
  border-radius: 50%;
  z-index: 2;
}
.bio-page .bio-picture .image {
  width: 325px;
  height: 100%;
  overflow: hidden;
  border-radius: 2px;
  position: relative;
  z-index: 1;
}
.bio-page .bio-picture .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bio-page .bio-picture .shape {
  position: absolute;
  left: -56px;
  bottom: -90px;
}
.bio-page .bio-accordion {
  padding-left: 126px;
}
.bio-page .bio-accordion .accordion-wrapper {
  width: 550px;
}
.bio-page .bio-accordion .accordion {
  display: flex;
  flex-direction: column;
}
.bio-page .bio-accordion .accordion-item:last-child {
  border-bottom: 1px solid rgba(0, 92, 80, 0.1019607843);
}
.bio-page .bio-accordion .accordion-item.active .accordion-header div svg path.vertical {
  opacity: 0;
}
.bio-page .bio-accordion .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
  padding-top: 26px;
  padding-bottom: 26px;
  border-top: 1px solid rgba(0, 92, 80, 0.1019607843);
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #005D51;
}
.bio-page .bio-accordion .accordion-header div {
  display: flex;
}
.bio-page .bio-accordion .accordion-header div.icon svg path {
  transition: 0.5s ease-in-out;
}
.bio-page .bio-accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: 0.5s ease-in-out;
}
.bio-page .bio-accordion .accordion-content .content {
  padding-bottom: 26px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #003831;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.bio-page .bio-accordion .accordion-content ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bio-page .bio-accordion .accordion-content ul li {
  position: relative;
  padding-left: 13px;
}
.bio-page .bio-accordion .accordion-content ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 13px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #005D51;
  opacity: 0.5;
}

/*
** News Pages
*/
.news-page {
  background-color: #F5F5F5;
  position: relative;
  isolation: isolate;
}
.news-page .breadcrumb {
  width: 1078px;
  max-width: 100%;
  margin: 0 auto;
}
.news-page .breadcrumb ul {
  color: #FFFFFF;
}
.news-page .breadcrumb ul li::after {
  background-color: #FFFFFF;
}
.news-page .news-hero {
  padding: 205px 15px 65px;
  background-color: #005D51;
}
.news-page .hero-wrapper {
  width: 1078px;
  max-width: 100%;
  margin: 0 auto;
}
.news-page h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 40px;
  color: #FFFFFF;
  margin-bottom: 52px;
}
.news-page .a-la-une {
  display: flex;
  background-color: #F5F5F5;
}
.news-page .a-la-une .image {
  background-color: #FFFFFF;
/*   padding: 36px 33px 35px 41px; */
	
	width: 412px;
	
	
}
.news-page .a-la-une .image img {
  -o-object-fit: cover;
     object-fit: cover;
	    width: 100%;
    height: 100%;
}
.news-page .a-la-une .info {
  padding: 36px 38px 35px 38px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  color: #003831;
  width: 666px;
}
.news-page .a-la-une h2 {
  max-width: 507px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}
.news-page .a-la-une .label {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}
.news-page .a-la-une .category {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
}
.news-page .a-la-une .read-more {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}
.news-page .news-body {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  padding: 61px 23px 46px 23px;
  display: flex;
  flex-wrap: wrap;
  gap: 88px;
}
.news-page .filters-search {
  width: 507px;
  height: -moz-max-content;
  height: max-content;
  position: sticky;
  top: 75px;
  display: flex;
  flex-direction: column;
  gap: 88px;
  margin-bottom: 90px;
  padding: 0 43px 0 37px;
}
.news-page .filter {
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 92, 80, 0.1019607843);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #005D51;
  padding-left: 37px;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s ease-in-out;
}
.news-page .filter span {
  width: 100%;
}
.news-page .filter::after, .news-page .filter::before {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.news-page .filter::after {
  width: 27px;
  height: 27px;
  background-color: #FFFFFF;
  z-index: 1;
  left: 0;
}
.news-page .filter::before {
  width: 19px;
  height: 19px;
  background-color: #005D51;
  z-index: 2;
  left: 4px;
  opacity: 0;
  transform: scale(0.2);
  transition: 0.5s ease-in-out;
}
.news-page .filter:first-child {
  border-top: 1px solid rgba(0, 92, 80, 0.1019607843);
}
.news-page .filter.active::before, .news-page .filter:hover::before {
  transform: scale(1);
  opacity: 1;
}
.news-page .filter.active {
  font-weight: 600;
}
.news-page .search {
  background-color: #FFFFFF;
  border-bottom: 1px solid #005D51;
  padding: 20px 14px 20px 10px;
}
.news-page .search .input-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.news-page .search input {
  width: calc(100% - 34px);
  border: none;
  border-radius: 0;
  background-color: transparent;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #005D51;
}
.news-page .search input::-webkit-input-placeholder {
  color: #005D51;
}
.news-page .search input::-moz-placeholder {
  color: #005D51;
}
.news-page .search input:-ms-input-placeholder {
  color: #005D51;
}
.news-page .search input:-moz-placeholder {
  color: #005D51;
}
.news-page .news-blocks-wrapper {
  width: 650px;
}
.news-page .news-blocks-wrapper .btn-primary {
  display: none;
  margin: 42px auto 0;
}
.news-page .news-blocks {
  flex-direction: column;
  gap: 16px;
}
.news-page .news-blocks .block {
  width: 100%;
  padding: 31px 50px;
}
.news-page .news-blocks .block h3 {
  min-height: auto;
}

.news-page .news-blocks .aucun-article {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
  color: #005D51;
}

/*
** Single Article
*/
.single-page.post-page .single-wrapper {
  margin: 0 auto 68px;
}
.single-page.post-page .news-blocks {
  flex-wrap: initial;
/*   margin-left: -63px; */
/*   width: 786px; */
	width : 100%;
}


.single-post .single-page.post-page .single-description  {
	
width : 768px;	
	
}


.single-post .single-page.post-page .single-info {
	
width : 200px;	
	
}



.single-page.post-page h1 {
  margin-bottom: 40px;
	max-width : 100%;
	padding-bottom : 50px;
	border-bottom: 1px solid rgba(0, 93, 81, 0.3);
}
.single-page.post-page .date {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  color: #005D51;
}

.single-page.post-page .date.auteur {
	
font-weight : 500;
margin-top : 15px;	
	
}


.single-post .single-page.post-page .switches {
  margin-bottom: 40px !important;
}


.single-formation .single-page.post-page .switches {
	margin-top : 36px;
}



.wrppr_swtch_sinscrire {

display : flex;	
align-items : center;
gap : 40px;	
	
}

.wrppr_swtch_sinscrire .btn-primary {
	
margin-top : 40px;	
	
}


.single-page.post-page .share {
  margin-top: 37px;
}

.single .mobile_share {
	
display : none !important;	
	
}



/*
** Single Expertise
*/
.single-page {
  padding: 205px 15px 0;
  background-color: #F5F5F5;
}
.single-page .breadcrumb {
  width: 1060px;
  max-width: 100%;
  margin: 0 auto;
}
.single-page .single-wrapper {
  width: 1060px;
  max-width: 100%;
  margin: 0 auto 84px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.single-page .single-wrapper.actualites_reltifs {
	
width : 1186px !important	
	
}


.single-page h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 46px;
  color: #005D51;
  margin-bottom: 55px;
  max-width: 370px;
}
.single-page .share {
  margin-top: 165px;
  display: flex;
  flex-direction: column;
  gap: 10px;

	opacity : 0;
	z-index : -1;
	position : absolute;
	
}
.single-page .share a {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.single-page .share a.linkedin {
  align-items: baseline;
}
.single-page .share a span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.single-page .share a .icon {
  width: 22px;
  height: 22px;
}
.single-page .share a .text {
  color: #4A716C;
}
.single-page .single-info {
  width: 378px;
  margin-bottom: 15px;
  position: sticky;
  top: 190px;
  height: -moz-max-content;
  height: max-content;
}
.single-page .single-description {
  width: 615px;
}
.single-page .description {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.single-page .description p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #003831;
}

.single-page .description table tr td {
	
  color: #003831;	
	
}

.single-page .description ul {
	
margin-top : 10px;	
	
}

.single-page .description ul li {
	
margin-bottom : 10px;
position : relative;	
padding-left : 20px;	
color : #003831	
	
}

.single-page .description ul li::after {
	
content : "";
position : absolute;
width : 5px;
height : 5px;
border-radius : 50%;
background : #003831;
top : 10px;
left : 0;	
	
}



.single-page .description h2,
.single-page .description h3,
.single-page .description h4,
.single-page .description h5, 
.single-page .description h6 {
	
color : #005D51	
	
}


.single-page .description p:first-child {
  padding-bottom: 26px;
  margin-bottom: 6px;
  border-bottom: 1px solid rgba(0, 92, 80, 0.2);
  font-weight: 450;
  font-size: 18px;
  line-height: 29px;
}
.single-page .meet-our-lawyers {
  margin-top: 46px;
}
.single-page .meet-our-lawyers h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  color: #005D51;
  margin-bottom: 46px;
	
text-align : center;	
	
}
.single-page .meet-our-lawyers h2 span:last-child {
  font-style: italic;
  font-weight: 400;
  opacity: 0.8;
}
.single-page .domaines {
  position: relative;
  isolation: isolate;
  padding: 57px 0 67px 0;
}
.single-page .domaines::after {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: calc(100% + 20px);
  height: 100%;
  margin: 0 auto;
  border-radius: 6px;
/*   background-color: #005D51; */
  z-index: -1;
}
.single-page .domaines .domaines-wrapper {
/*   width: 1320px; */
	width : 1420px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 117px;
  position: relative;
padding :30px 55px 30px 68px;	
background-color: #005D51;	
border-radius : 6px;	
}
.single-page .domaines .title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  width: 264px;
}
.single-page .domaines h2 {
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.single-page .domaines h2 span {
  display: flex;
  align-items: center;
}
.single-page .domaines h2 span:first-child {
  font-weight: 500;
}
.single-page .domaines h2 span:last-child {
  opacity: 0.8;
  font-style: italic;
  margin-left: 14px;
  padding-left: 32px;
  position: relative;
  isolation: isolate;
}
.single-page .domaines h2 span:last-child::after {
  content: "";
  position: absolute;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #FFFFFF;
}
.single-page .domaines .progress {
  position: absolute;
  width: calc(100% + 381px);
  left: -381px;
  bottom: -36px;
  background-color: rgba(255, 255, 255, 0.1019607843);
}
.single-page .domaines .progress .progress-bar {
  background-color: rgba(255, 255, 255, 0.3019607843);
  height: 1px;
  transition: width 400ms ease;
  width: 0;
}
.single-page .domaines .blocks {
  width: 926px;
}
.single-page .domaines .blocks .block {
  padding-left: 20px;
  padding-top: 52px;
  position: relative;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  min-height: 239px;
  width: 283px;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: #FFFFFF;
  margin-right: 40px;
}


.single-page .domaines .blocks .block p, .single-page .domaines .blocks .block ul li {
	
font-weight : 400;
font-size : 18px;	
	
}


.single-page .domaines .blocks .block ul li {
	
margin-bottom : 15px;
position : relative;	
	
}


.single-page .domaines .blocks .block ul {
	
padding-left : 20px;	
margin-top : 15px;	
}



.single-page .domaines .blocks .block ul li::after {
	
 content: "";
  position: absolute;
  left: -20px;
  top: 8px;
  width: 6px;
  height: 6px;
  background-color: #FFFFFF;
  border-radius: 50%;
	
}



.single-page .domaines .blocks .block::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 6px;
  width: 6px;
  height: 6px;
  background-color: #FFFFFF;
  opacity: 0.2;
  border-radius: 50%;
}
.single-page .parmi-nos {
  position: relative;
  isolation: isolate;
/*   padding: 57px 0 33px 0; */
	padding : 80px 0;
	
	
	
	
}

body.single-expertise {
	
overflow-x: hidden;	
	
}


.expertise-page.single-page {
	
padding: 205px 0 0 0;	
	
}


body.single-expertise footer, 
body.single-focus footer {
  padding-top: 35px;
  background: #f5f5f5;
}

.single-page .parmi-nos .parmi-nos-wrapper {
  padding-left: 18px;
  width: 1202px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 145px;
  position: relative;
}
.single-page .parmi-nos .title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  width: 253px;
}
.single-page .parmi-nos h2 {
  font-weight: 400;
  font-size: 36px;
  line-height: 40px;
  color: #005D51;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.single-page .parmi-nos h2 span {
  display: flex;
  align-items: center;
}
.single-page .parmi-nos h2 span:first-child {
  font-weight: 500;
}
.single-page .parmi-nos h2 span:last-child {
  opacity: 0.8;
  font-style: italic;
  margin-left: 19px;
  padding-left: 20px;
  position: relative;
  isolation: isolate;
}
.single-page .parmi-nos h2 span:last-child::after {
  content: "";
  position: absolute;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #005D51;
}
.single-page .parmi-nos .switches-slides .switche {
  border: 1px solid rgba(0, 90, 79, 0.2);
}
.single-page .parmi-nos .news-blocks {
  width: 786px;
}
.single-page .parmi-nos .news-blocks .block {
  margin-right: 20px;
}

/* 
** Start Footer
*/
footer {
  position: relative;
  z-index: 2;
}
footer .footer-container {
  display: flex;
}
footer .info {
  width: 55%;
  background-color: #005D51;
  padding: 44px 15px 40px 15px;
}
footer .info .info-wrapper {
  max-width: 667px;
  margin-bottom: 95px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
footer .info .wrapper {
  max-width: 667px;
  margin: 0 auto;
}
footer .info .follow-us {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}
footer .info .addresses {
  width: 395px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
footer .info .addresse {
  padding-left: 42px;
  border-left: 1px solid rgba(255, 255, 255, 0.1019607843);
  color: #F5F5F5;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
footer .info .addresse h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
}
footer .info .addresse a {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
footer .info .addresse .phone {
  position: relative;
  isolation: isolate;
  width: -moz-max-content;
  width: max-content;
  margin-top: 3px;
}
footer .info .addresse .phone a {
  display: inline-flex;
}
footer .info .addresse .phone .icon {
  width: 40px;
  height: 24px;
  text-align: center;
}
footer .info .addresse .phone::after {
/*   content: ""; */
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  z-index: -1;
}
footer .info .follow-us-wrapper h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: #F5F5F5;
  margin-bottom: 30px;
}
footer .info .follow-us-wrapper .item {
  display: flex;
  align-items: center;
  gap: 11px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #F5F5F5;
}
footer .info .follow-us-wrapper .item .icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(245, 245, 245, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .info .follow-us-wrapper .item .text {
  text-decoration: underline;
}
footer .info .privacy-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  color: #F5F5F5;
  opacity: 0.7;
}
footer .info .privacy {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  width: 395px;
}
footer .info .privacy span {
  position: relative;
  isolation: isolate;
}
footer .info .privacy span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #F5F5F5;
  opacity: 0.7;
}
footer .form {
  background-color: #005449;
  width: 45%;
  padding: 44px 15px 40px 15px;
  display: flex;
  align-items: center;
}
footer .form .form-wrapper {
  width: 484px;
  margin: 0 auto;
}
footer .form h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  color: #F5F5F5;
  margin-bottom: 22px;
}
footer .form form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 17px 10px;
}
footer .form form .input-field {
  width: calc(50% - 5px);
  max-width: 100%;
  height: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(245, 245, 245, 0.3019607843);
  border-radius: 0;
  margin-bottom: 13px;
}
footer .form form .input-field.field-submit, footer .form form .input-field.field-mandatory, footer .form form .input-field.field-check {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
footer .form form .input-field.field-mandatory {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: #F5F5F5;
}
footer .form form .input-field.full-width {
  width: 100%;
}
footer .form form .input-field.field-submit {
  display: flex;
  justify-content: flex-end;
  border: none;
}
footer .form form .input-field.field-submit .btn-submit {
  background-color: transparent;
  border: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #F5F5F5;
  display: flex;
  align-items: center;
  gap: 18px;
  cursor: pointer;
}
footer .form form .input-field.field-submit .btn-submit .icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
}
footer .form form .input-field.field-submit .btn-submit .icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.2);
  border-radius: 50%;
}
footer .form form .input-field.field-check {
  position: relative;
  max-width: 328px;
}
footer .form form .input-field.field-check label {
  display: flex;
  width: 100%;
  cursor: pointer;
  padding-left: 28px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #F5F5F5;
  min-height: 18px;
}
footer .form form .input-field.field-check label a {
  text-decoration: underline;
}
footer .form form .input-field.field-check label input[type=checkbox] {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid #f5f5f54d;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .form form .input-field.field-check label input[type=checkbox]::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #F5F5F5;
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
footer .form form .input-field.field-check label input[type=checkbox]:checked:after {
  opacity: 1;
  visibility: visible;
}
footer .form form .input-field textarea {
  resize: none;
  min-height: 78px;
}
footer .form form .form-control {
  width: 100%;
  border: none;
  border-radius: 0;
  background-color: transparent;
  font-family: "General Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #F5F5F5;
}
footer .form form .form-control::-moz-placeholder {
  color: #F5F5F5;
}
footer .form form .form-control::placeholder {
  color: #F5F5F5;
}
footer .form form .form-control::-webkit-input-placeholder {
  color: #F5F5F5;
}
footer .form form .form-control :-ms-input-placeholder {
  color: #F5F5F5;
}

footer .success-message {
  display: none;
  min-height: 365px;
/*   align-items: center;
  justify-content: center; */
  font-size: 14px;
  font-weight: 500;
  color: #f5f5f5;
  /* background: rgb(245 245 245 / 10%); */
  border-radius: 6px;
/*   padding: 15px; */
}
	

/* Page 404 */

.error-404 {
	
padding-top : 205px;	
   min-height: 70vh !important;	
padding-bottom : 93px;
	
}

.error-404 .wrapper404 {
	
width : 615px;
margin : auto;	
}

.error-404 .breadcrumb {
	
width: 1155px;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 30px;	
	
}

.error-404 .wrapper404 {
	
display : flex;
justify-content : center;
align-items : center;
text-align :center;
flex-direction : column;	
gap : 50px;
}


.error-404 .wrapper404 h1 {
	
	    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #005D51;
	
}


.error-404 .wrapper404 span.the_404 {
	
    font-style: normal;
    font-weight: 300;
    font-size: 180px;
    line-height: 20px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #005D51;	
	position: relative;
    top: -30px;
	
	margin : 50px 0;
	
}

.error-404 .wrapper404 p {
	
padding-top : 	35px;
border-top : 1px solid rgb(161 183 181 / 60%);
position : relative;	
	  font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
  
    color: #005D51;
	
	
}

/* .error-404 .wrapper404 p::after {
	
content:"";
position : absolute;
top : -30px;
left : 0;
background
	
}
 */

/*
** Start Responsive 
*/



/*
** Formations Page
*/

.formations-page .definir_formation {
	
padding-top : 70px;
padding-bottom : 70px;	
	
}

.formations-page .definir_formation .container{
	
width: 1320px;
	max-width : 90%;
    margin: 0 auto;
    border : 1px solid rgba(0, 93, 81, 0.2);
    padding: 68px 113px 68px 113px;	
	border-radius : 6px;
	display : flex;
	justify-content : space-between;
	flex-wrap : wrap;
	    gap: 45px;

	
}


.formations-page .definir_formation .container .left {
	
 font-family: "General Sans", sans-serif;
font-weight: 500;
font-size: 36px;
line-height: 110.00000000000001%;
letter-spacing: 0%;
width : 423px;
max-width : 100%;
color : #005D51	
	
	
	
}


.formations-page .definir_formation .container .left span {
	
 font-family: "General Sans", sans-serif;
font-weight: 400;
font-style: Italic;
font-size: 36px;
line-height: 110.00000000000001%;
letter-spacing: 0%;
	
	
}


.formations-page .definir_formation .container .right .descr {
	
	width : 538px;
	max-width : 100%;
	
 font-family: "General Sans", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 140%;
letter-spacing: 0%;
color : #005D51;
margin-bottom : 26px;	
	
}



.formations-page .breadcrumb {

width: 1155px;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 55px;

}

.formations-page {

    padding: 205px 0px 0px;
    position: relative;
    isolation: isolate;
	background : #F5F5F5;

}


        .formations-page section.hero {
            max-width: 1096px;
            margin: 0 auto;
        }

       .formations-page .wrpperH1 h1 {
            font-family: "General Sans", sans-serif;
            font-weight: 500;
            font-size: 48px;
            color: #005D51;
            padding-left: 112px;
        }

       .formations-page .wrpperH1 span {
            font-style: italic;
            font-weight: normal;
            text-align: right;
            font-size: 48px;
            color: #005D51;
            text-align: right;
    display: block;
    padding-right: 176px;
    position: relative;

        }

        .formations-page .wrpperH1 span::after {

              content: "";
    position: absolute;
    left : -37px;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #005D51;
    top : 30px

        }


        .wrpprSpan {

          display: flex;
          justify-content: flex-end;

        }

       .formations-page .content {
            display: flex;
            flex-wrap: wrap;
            margin-top: 40px;
        }

      

       .formations-page .hero .left {
            /* border-top: 1px solid #0b5c4d; */
            padding-top: 15px;
             font-family: "General Sans", sans-serif;
            font-weight: 400;
            font-size: 18px;
		   color : #005D51;
  width: 326px;
  padding-top: 40px;
  border-top: 1px solid #005D51;


        }

       .formations-page .hero .left p {
            line-height: 1.6;
		   font-weight : 500;
        }

      .formations-page .hero  .right {
            font-family: "General Sans", sans-serif;
font-weight: 400;
font-size: 16px;
		  width: 700px;
  padding-left: 116px;
  padding-top: 40px;
  border-top: 1px solid rgba(0, 93, 81, 0.2);
		  color: #005D51;
		  

        }

       .formations-page .hero .right p {
            line-height: 1.8;
            margin-bottom: 20px;
        }

       .formations-page .hero .note {
            font-style: italic;
            font-size: 14px;
            margin-bottom: 10px;
		   margin-top : 30px;
            color: #005D51;
  border-top: 1px solid rgba(0, 93, 81, 0.2);
  padding-top: 22px;
        }

       .formations-page .logo {
            margin-top: 10px;
        }

        .formations-page .logo img {
            height: 60px;
        }

		.formations-page section.thematiques {

		margin-top : 82px;
			overflow : hidden;

		}
       

        .formations-page section.thematiques .container {
            width: 1440px;
            margin: 0 auto;
			background : #005D51;
  			padding: 65px 0 90px 60px;
        }

        .formations-page .header {
            color: white;
            margin-bottom: 60px;
            position: relative;
			display : flex;
			justify-content :space-between;
			align-items : flex-end;
			padding: 0 170px 0 40px;
			
        }

        .formations-page .header h1 {
           font-family: "General Sans", sans-serif;
            font-weight: 500;
            font-size: 42px;

        }



        .formations-page .header p {
            font-style: italic;
            opacity: 0.80;
            padding-left: 20px;		
			font-family: "General Sans", sans-serif;
			font-weight: 400;
			font-size: 42px;
        }

/*         .formations-page .header p::before {
            content: "• ";
            margin-right: 8px;
        } */

        .formations-page .navigation {
            display: flex;
            gap: 12px;
			position : relative;
        }

        .formations-page .nav-btn {
            width: 40px;
            height: 40px;
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

.formations-page .navigation::after {
	
    content: "";
/*     width: 530px; */
	width : 720px;
    height: 1px;
    background: #ffffff1a;
    position: absolute;
    z-index: 1;
    top: 19px;
    right: 120px;	
	
}

        .formations-page .nav-btn:hover {
            background: rgba(255, 255, 255, 0.3);
/*             transform: scale(1.1); */
        }

/*         .formations-page .cards-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 25px;
        } */

        .formations-page .card {
            background: white;
            transition: all 0.3s ease;
            position: relative;
            min-height: 380px;
            display: flex;
            flex-direction: column;
			padding : 40px 38px;
			width : 400px;
/* 			min-width : 400px; */
			justify-content : space-between;
			border-radius : 6px
        }


        .formations-page .card h2 {
            color: #005D51;
            margin-bottom: 25px;
  font-family: "General Sans", sans-serif;
			font-weight: 500;
			font-style: Medium;
/* 			font-size: 30px; */
			font-size : 24px;
			line-height : 30px;

        }

        .formations-page .card p {
             font-family: "General Sans", sans-serif;
			font-weight: 400;
			font-size: 16px;
			line-height: 160%;
			color : #005D51;
			min-height : 294px;
        }

        .formations-page .card-link {
            display: inline-flex;
            align-items: center;
            color: #0d7377;
            text-decoration: none;
            font-weight: 500;
            margin-top: 25px;
            font-size: 0.95rem;
            transition: all 0.3s ease;
			width: fit-content;
    position: relative;
		
			
        }

		.formations-page .wrrpr_a {

		width : 100%;	
			border-top : 1px solid #005d511a	
		}

        .formations-page .card-link span.text::after {
             content: "";
				position: absolute;
				/* left: 0; */
				/* right: 0; */
				width: 12px;
				height: 12px;
				border-radius: 50%;
				background-color: #005D51;
				transition: 0.3s 
			ease-in-out;
				transform-origin: center;
				z-index: 1;
				/* transform: scale(0.43); */
				right: -25px;
				top: 6px;
        }

        .card-link:hover {
            color: #14686b;
        }

		 .formations-page .card-link span.icon {
			width: 28px;
			height: 28px;
			position: absolute;
			right: -33px;
			display: flex;
			align-items: center;
			justify-content: center;
			isolation: isolate;
			 z-index : 1;
			 top: -2px;

		}


		.formations-page .card-link:hover span.icon svg {

			transform: scale(1);
			opacity: 1;	

		}


		.formations-page .card-link:hover span.text::after {

		transform: scale(2.1);

		}
		


		.formations-page .card-link svg {

		transform: scale(0);
		opacity: 0;
		transition: 0.3s ease-in-out;

		}

		.formations-page .formations {

		padding-top : 85px	

		}

		.formations-page .formations .container {

		width : 1198px;	
		margin : auto;	

		}

        

        .formations-page .formations .section-title {
            text-align: center;
            color: #005D51;
            margin-bottom: 50px;
			font-family: "General Sans", sans-serif;
			font-weight: 600;
			font-size: 30px;
			line-height: 110.00000000000001%;


        }

        .formations-page .formations-grid {
            display: grid;
/*             grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
            gap: 30px;
            grid-template-columns: repeat(3, 1fr);
			
        }

        .formations-page .formation-card {
            background: white;
            border-radius: 2px;
            padding: 40px 30px;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            min-height: 280px;
			justify-content : space-between;
			border: 1px solid rgba(0, 92, 80, 0);
        }


		.formations-page .formation-card:hover {

			background-color: rgba(255, 255, 255, 0.5019607843);
    border-color: rgba(0, 92, 80, 0.2);
    color: #005D51;
	
		}

       
        .formations-page .formation-title {
         font-family: "General Sans", sans-serif;
			font-weight: 500;
			font-style: Medium;
			font-size: 20px;
			color : #005D51;

        }

        .formations-page .formation-link {
            display: inline-block;
            color: #005D51;
            text-decoration: none;
            
            border-bottom: 1px solid transparent;
            transition: all 0.3s ease;
            width: fit-content;
			
         font-family: "General Sans", sans-serif;
			font-weight: 400;
			font-size: 16px;
			line-height: 160%;


        }

       

        @media (max-width: 768px) {
            .formations-page .section-title {
                font-size: 1.8rem;
                margin-bottom: 35px;
            }

            .formations-page .formations-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .formations-page .formation-card {
                padding: 30px 25px;
                min-height: auto;
            }

            .formations-page .formation-title {
                min-height: auto;
				font-size: 18px;
        margin-bottom: 30px;
            }
			
			.formations-page .navigation::after {
				
			content : none;	
				
			}
        }

        @media (min-width: 769px) and (max-width: 1024px) {
           .formations-page .formations-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }







body.annonce-popup {

        overflow: hidden;

    }

    body.annonce-popup .big_wrpaper,
    body.annonce-popup .big_wrpaper .backdrop {

        display: flex;
    }


    .big_wrpaper,
    .big_wrpaper .backdrop {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 16;


    }


    .big_wrpaper .img-wrapper img {
        width: 100%;
        margin: auto;
        display: block;
    }


    .big_wrpaper .backdrop {
        background: black;
        opacity: 0.6;
        z-index: -1;
    }


    .big_wrpaper .img-wrapper {

        width: 643px;
        max-width: 90%;

    }


    .big_wrpaper .img-wrapper .icon.close {
        position: absolute;
        right: 16px;
        top: 16px;
        cursor: pointer;
        transform: rotate(45deg);


    }

    .big_wrpaper .img-wrapper .icon.close svg {
        width: 30px !important;
        height: 30px !important;
        background: #005449;
        border-radius: 50%;

    }


.big_wrpaper .img-wrapper .icon.close svg path {
	
	stroke : white;
	
}

    .big_wrpaper .tableau_annonce {


        background-color: #005449;
        padding: 63px 75px;
        position: relative;


    }


    .big_wrpaper .tableau_annonce .french_text,
    .big_wrpaper .tableau_annonce .english_text {

        color: #1D1D1B;
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px
    }


    .big_wrpaper .tableau_annonce .french_text span,
    .big_wrpaper .tableau_annonce .english_text span {

        font-weight: 600;

    }


    .big_wrpaper .tableau_annonce .french_text {

        margin-bottom: 47px;

    }


    @media screen and (max-width: 767px) {

        .big_wrpaper .tableau_annonce {

            padding: 75px 20px;
        }

    }


.tableau_annonce .form-wrapper {
  width: 484px;
  margin: 0 auto;
}
.tableau_annonce h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  color: #F5F5F5;
  margin-bottom: 22px;
}
.tableau_annonce form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 17px 10px;
}
.tableau_annonce form .input-field {
  width: calc(50% - 5px);
  max-width: 100%;
  height: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(245, 245, 245, 0.3019607843);
  border-radius: 0;
  margin-bottom: 13px;
}
.tableau_annonce form .input-field.field-submit, .tableau_annonce form .input-field.field-mandatory, .tableau_annonce form .input-field.field-check {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.tableau_annonce form .input-field.field-mandatory {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: #F5F5F5;
}
.tableau_annonce form .input-field.full-width {
  width: 100%;
}
.tableau_annonce form .input-field.field-submit {
  display: flex;
  justify-content: flex-end;
  border: none;
}
.tableau_annonce form .input-field.field-submit .btn-submit {
  background-color: transparent;
  border: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #F5F5F5;
  display: flex;
  align-items: center;
  gap: 18px;
  cursor: pointer;
}
.tableau_annonce form .input-field.field-submit .btn-submit .icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
}
.tableau_annonce form .input-field.field-submit .btn-submit .icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.2);
  border-radius: 50%;
}
.tableau_annonce form .input-field.field-check {
  position: relative;
  max-width: 328px;
}
.tableau_annonce form .input-field.field-check label {
  display: flex;
  width: 100%;
  cursor: pointer;
  padding-left: 28px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #F5F5F5;
  min-height: 18px;
}
.tableau_annonce form .input-field.field-check label a {
  text-decoration: underline;
}
.tableau_annonce form .input-field.field-check label input[type=checkbox] {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: 1px solid #f5f5f54d;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tableau_annonce form .input-field.field-check label input[type=checkbox]::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #F5F5F5;
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.tableau_annonce form .input-field.field-check label input[type=checkbox]:checked:after {
  opacity: 1;
  visibility: visible;
}
.tableau_annonce form .input-field textarea {
  resize: none;
  min-height: 78px;
}
.tableau_annonce form .form-control {
  width: 100%;
  border: none;
  border-radius: 0;
  background-color: transparent;
  font-family: "General Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #F5F5F5;
}
.tableau_annonce form .form-control::-moz-placeholder {
  color: #F5F5F5;
}
.tableau_annonce form .form-control::placeholder {
  color: #F5F5F5;
}
.tableau_annonce form .form-control::-webkit-input-placeholder {
  color: #F5F5F5;
}
.tableau_annonce form .form-control :-ms-input-placeholder {
  color: #F5F5F5;
}

.tableau_annonce .success-message {
  display: none;
  min-height: 365px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #f5f5f5;
  /* background: rgb(245 245 245 / 10%); */
  border-radius: 6px;
  padding: 15px;
}


.field-input.file {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 13px;
        width: 100%;
/*         background: #f4f4f4; */
        color: black;
        margin-bottom: 15px;
	border-bottom : 1px solid rgba(245, 245, 245, 0.3019607843)
    }

    .field-input.file .hidden {
        display: none;
    }

    .field-input.file .fileName {
        width: 100%;
        font-size: 16px;
        position: relative;
		color : white;
        
    }

.tableau_annonce .wpcf7 .screen-reader-response {
	
all : unset;
color : white;	
	
}