@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

.wpml-ls-statics-footer {
  display: none;
}

[data-tab-target="#tab-10"],
[data-tab-target="#tab-11"],
[data-tab-target="#tab-12"] {
  display: none;
}

/* Start CSS for English */

.wpml-ls-statics-footer {
  display: none !important;
}

html:lang(en-US) .hero_container .dev-carousel .item {
  min-height: 100vh;
}

html:lang(en-US) header .menu nav {
  max-width: 990px;
}

html:lang(en-US) #icon-search {
  top: 120px;
  width: 130px;
}

html:lang(en-US) .caisse_garantie_en {
  margin-top: -4px;
  padding: 25px 10px 25px 0;
}

html:lang(en-US) .nos-actus-histo::after {
  height: 535px;
}

html:lang(en-US) .container-inscription-exam {
  display: none;
}

@media only screen and (max-width: 1400px) {
  html:lang(en-US) .caisse_garantie_en a {
    justify-content: left;
  }

  html:lang(en-US) #icon-search {
    top: 40px;
  }
}

/* End CSS for English */

:root {
  --color_blue: #3463b5;
  --color_white: #ffffff;
  --color_red: #dd181e;
  --color_dark_red: #9d2722;
  --color_pastel_red: #d36566;
  --color_pastel_blue: #7087ba;
  --color_dark_blue: #244780;
  --color_btn_blue: #3e8bd8;
  --color_gray: #f0f3f8;
  --color_dark_gray: #dadbde;
  --color_light_blue: #e2eaf7;
  --gradient_blue: linear-gradient(
    295deg,
    var(--color_blue) 65%,
    var(--color_dark_blue) 34%
  );
  --gradient_actify: linear-gradient(
    238deg,
    var(--color_pastel_red) 103%,
    var(--color_dark_blue) 33%
  );
}

.hero_container
  .dev-carousel
  .item.item-shape3
  .slide-title-container
  .slide-title {
  max-width: 739px;
  line-height: 65px;
  font-weight: 700;
}

.scroll-top {
  display: none;
}

/*@font-face {
  font-family: DMSans-regular;
  src: url(../fonts/DMSans-Regular.ttf);
  font-display: fallback;
}

@font-face {
  font-family: DMSans-medium;
  src: url(../fonts/DMSans-Medium.ttf);
  font-display: fallback;
}

@font-face {
  font-family: DMSans-bold;
  src: url(../fonts/DMSans-Bold.ttf);
  font-display: fallback;
}

@font-face {
  font-family: Roboto-light;
  src: url(../fonts/Roboto-Light.ttf);
  font-display: fallback;
}

@font-face {
  font-family: Roboto-regular;
  src: url(../fonts/Roboto-Regular.ttf);
  font-display: fallback;
}

@font-face {
  font-family: Roboto-medium;
  src: url(../fonts/Roboto-Medium.ttf);
  font-display: fallback;
}

@font-face {
  font-family: Roboto-bold;
  src: url(../fonts/Roboto-Bold.ttf);
  font-display: fallback;
}*/

body.page-template-annuaire
  footer
  .footer-content
  .footer-info
  .item:last-child
  ul
  li,
body.page-template-etudes
  footer
  .footer-content
  .footer-info
  .item:last-child
  ul
  li,
body.single-ajmj footer .footer-content .footer-info .item:last-child ul li,
body.single-etude footer .footer-content .footer-info .item:last-child ul li {
  display: none;
}

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

a {
  text-decoration: none;
  color: #244781;
}

.single .container a {
  color: #244780;
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: inherit;
}

ul {
  list-style: none;
}

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

body,
html {
  width: 100%;
  height: 100%;
  /*font-family: "Inter", sans-serif;*/
  font-family: "Roboto", sans-serif;
}
.shape0 {
  right: 150px;
  top: 453px;
  transform: scale(0.9);
  position: absolute;
}
.shape0 img {
  /*height:873px; */
  /*width:	635px;*/
}
section {
  display: flex;
  flex-direction: column;
}

.agent-single-prim
  .middle
  .the-info
  .the-contact
  ul
  li:first-of-type
  body.page-template-ecoute {
  background-color: #f0f3f8;
}

.scroll-to-bottom {
  position: absolute;
  z-index: 2;
  bottom: 60px;
  left: 50px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: #fff;
  display: flex;
  gap: 30px;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.scroll-to-bottom svg path {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

body.dark-style .scroll-to-bottom {
  color: #244780;
}

body.dark-style .scroll-to-bottom svg path {
  stroke: #244780;
}

/* Start Scroll Select 2 */

.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar {
  width: 5px;
}

.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-track {
  background-color: #2447814d;
}

.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #244781;
}

.select2-container--default .select2-results > .select2-results__options {
  scrollbar-color: #244781 #2447814d;
  scrollbar-width: thin;
}

/* End Scroll Seclect 2 */

/* Quiz Contact Form 7 */

.quiz_white {
  width: 100%;
  margin-bottom: 52px;
}

.quiz_white input[name="honeypot-856"] {
  display: none !important;
}

.quiz_white input[name="quiz-9"] {
  width: calc(100% - 100px);
  background-color: transparent;
}

.quiz_white label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

.quiz_white label span {
  width: 100px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #244780;
}

/* And Quiz Contact Form 7 */

.wow {
  visibility: hidden;
}

.container {
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
}

.breadcrumbs {
  z-index: 4;
}

.breadcrumbs .container-breadcrumbs {
  width: 100%;
  max-width: 1280px;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
}

.breadcrumbs ul {
  display: flex;
  column-gap: 14px;
}

.breadcrumbs ul li {
  position: relative;
}

.breadcrumbs ul li:after {
  content: "|";
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  right: -10px;
  top: 1px;
}

.breadcrumbs ul li:last-child a {
  pointer-events: none;
}

.breadcrumbs ul li:last-child:after {
  content: none;
}

.breadcrumbs a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-family: "DM Sans", sans-serif;
}

body.dark-style .breadcrumbs ul li:after {
  color: rgba(36, 71, 128, 0.5);
}

body.dark-style .breadcrumbs a {
  color: rgba(36, 71, 128, 0.5);
}

.btn-light-red {
  border-radius: 4px 4px 20px 4px;
  -webkit-border-radius: 4px 4px 20px 4px;
  -moz-border-radius: 4px 4px 20px 4px;
  background-color: #dd181e;
  color: #fff;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  text-align: center;
  display: block;
}

.btn-blue {
  border-radius: 4px 4px 20px 4px;
  -webkit-border-radius: 4px 4px 20px 4px;
  -moz-border-radius: 4px 4px 20px 4px;
  background-color: #244780;
  color: #fff;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  text-align: center;
  display: block;
}

/* Start Header */

header {
  width: 100%;
  position: absolute;
  top: 0;
}

header .logo {
  width: 300px;
  z-index: 21;
  position: absolute;
  top: 40px;
  left: 50px;
}

header .logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .logo a svg {
  width: 100%;
  height: auto;
}

header .logo a svg path {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  fill: #fff;
}

header .logo a svg.logo-mobile {
  display: none;
}

header .burger-menu {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  position: absolute;
  right: 65px;
  top: 40px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.08);
  display: none;
  z-index: 30;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

header .burger-menu .bar {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding: 1px;
  width: 20px;
  display: block;
  background-color: #fff;
}

header .burger-menu .bar:nth-of-type(2) {
  margin: 4px 0;
}

header .burger-menu.burger-menu--closed {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

header .burger-menu.burger-menu--closed .bar:nth-of-type(2) {
  -webkit-transition-property: margin, height;
  transition-property: margin, height;
  -webkit-transition-delay: 0.3s, 0.3s, 0s;
  transition-delay: 0.3s, 0.3s, 0s;
}

header .burger-menu.burger-menu--opened {
  padding-top: 2px;
}

header .burger-menu.burger-menu--opened .bar:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  padding: 1px;
}

header .burger-menu.burger-menu--opened .bar:nth-of-type(2) {
  opacity: 0;
  height: 0;
  margin: -2px 0;
}

header .burger-menu.burger-menu--opened .bar:nth-of-type(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

header .menu {
  width: 100%;
}

header .menu nav {
  max-width: 905px;
  margin: 0 0 0 auto;
  width: 100%;
  padding: 20px 50px 0 0;
  position: relative;
  z-index: 20;
}

header .menu .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #ffffff33;
  position: relative;
  height: 55px;
}

header .menu .middle {
  padding-top: 15px;
}

header .menu .middle ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 38px;
  justify-content: flex-end;
}

header .menu .bottom {
  margin-top: 75px;
  display: none;
}

header .menu .bottom div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 20px;
}

header .menu .bottom div.bottom-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

header .menu .bottom div.bottom-contact .icon-social-media-mobile li {
  width: 44px;
  height: 44px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
}

header .menu .bottom div.bottom-contact .icon-social-media-mobile li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

header
  .menu
  .bottom
  div.bottom-contact
  .icon-social-media-mobile
  li
  a
  svg
  path {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  fill: #fff;
}

header .menu .bottom div.bottom-copyright {
  margin-top: 50px;
  opacity: 0.3;
}

header .menu .bottom div.bottom-copyright ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

header .menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .menu ul li {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #fff;
}

header .menu ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #fff;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

header .menu ul li.dropdown {
  margin-right: 20px;
  cursor: pointer;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .menu ul li.dropdown:hover .dropdown-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .menu ul li.dropdown:hover span::after {
  content: "";
}

header .menu ul li.dropdown:hover span svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

header .menu ul li.dropdown span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top: -10px;
  height: 100%;
  line-height: 55px;
  position: relative;
}

header .menu ul li.dropdown span::after {
  content: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -3px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  width: 0;
  height: 0;
  -webkit-animation: fade 0.3s ease-in-out;
  animation: fade 0.3s ease-in-out;
}

header .menu ul li.dropdown span svg {
  width: 10px;
  height: auto;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

header .menu ul li.dropdown span svg path {
  stroke: #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

header .menu ul.external-link li {
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 4px;
}

header .menu ul.external-link li a {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.08em;
}

header .menu ul.external-link li.btn-gradient {
  border-radius: 25px;
  width: 118px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#244781),
    to(#d36566)
  );
  background: linear-gradient(90deg, #244781 0%, #d36566 100%);
  font-weight: 700;
  margin-right: 10px;
}

header .menu ul.external-link li.btn-gradient a {
  font-weight: 700;
  color: #fff;
}

header .menu ul.external-link li.btn-prim {
  width: 172px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.08);
}

header .menu ul.dropdown-menu {
  display: none;
  position: absolute;
  left: 0;
  bottom: -67px;
  padding-top: 5px;
  width: 855px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4px;
  border-top: 2px solid #fff;
  -webkit-animation: fade 0.3s ease-in-out;
  animation: fade 0.3s ease-in-out;
}

header .menu ul.dropdown-menu li {
  background-color: #fff;
  height: 62px;
  border-radius: 0px 0px 4px 4px;
  width: 100%;
  color: #244780;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

header .menu ul.dropdown-menu li a {
  width: 100%;
  color: #244780;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

header .menu ul.dropdown-menu li a::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 0;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='201' height='52' viewBox='0 0 201 52'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_1215' data-name='Rectangle 1215' width='201' height='52' rx='4' transform='translate(536.556 189.3)' fill='%237087ba' opacity='0.1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Groupe_de_masques_50' data-name='Groupe de masques 50' transform='translate(-536.557 -189.3)' opacity='0.1' clip-path='url(%23clip-path)'%3E%3Cg id='Groupe_11353' data-name='Groupe 11353' transform='translate(497.87 182.412)'%3E%3Cg id='J' transform='translate(257.793 0.001)'%3E%3Cg id='Groupe_11348' data-name='Groupe 11348' transform='translate(0 0)'%3E%3Crect id='Rectangle_1200' data-name='Rectangle 1200' width='32.863' height='64.411' transform='translate(0 64.776) rotate(-90)' fill='%23244780'/%3E%3Cpath id='Rectangle_1201' data-name='Rectangle 1201' d='M32.206,0h.657a0,0,0,0,1,0,0V64.411a0,0,0,0,1,0,0h-.657A32.206,32.206,0,0,1,0,32.206v0A32.206,32.206,0,0,1,32.206,0Z' transform='translate(0 64.776) rotate(-90)' fill='%233363b5'/%3E%3Crect id='Rectangle_1202' data-name='Rectangle 1202' width='31.548' height='64.411' transform='translate(0 31.913) rotate(-90)' fill='%237087ba'/%3E%3Crect id='Rectangle_1203' data-name='Rectangle 1203' width='32.223' height='12.734' transform='translate(51.745 32.223) rotate(-90)' fill='%23244780'/%3E%3C/g%3E%3C/g%3E%3Cg id='M' transform='translate(193.345)'%3E%3Cg id='Groupe_11349' data-name='Groupe 11349' transform='translate(0 0)'%3E%3Crect id='Rectangle_1204' data-name='Rectangle 1204' width='32.863' height='64.411' transform='translate(0.004 0.366)' fill='%237087ba'/%3E%3Crect id='Rectangle_1205' data-name='Rectangle 1205' width='31.548' height='64.411' transform='translate(32.867 0.366)' fill='%23244780'/%3E%3Cpath id='Tracé_11070' data-name='Tracé 11070' d='M316.865,481.475H252.417l32.224,64.447Z' transform='translate(-252.417 -481.475)' fill='%233363b5'/%3E%3C/g%3E%3C/g%3E%3Cg id='N' transform='translate(128.934)'%3E%3Cg id='Groupe_11350' data-name='Groupe 11350' transform='translate(0 0)'%3E%3Crect id='Rectangle_1206' data-name='Rectangle 1206' width='32.863' height='64.411' transform='translate(15.774 0.366)' fill='%23708dc0'/%3E%3Cpath id='Tracé_11071' data-name='Tracé 11071' d='M482.338,210.414H450.114V145.967Z' transform='translate(-434.042 -145.967)' fill='%233463b5'/%3E%3Crect id='Rectangle_1207' data-name='Rectangle 1207' width='15.774' height='64.411' transform='translate(48.637 0.366)' fill='%233463b5'/%3E%3Crect id='Rectangle_1208' data-name='Rectangle 1208' width='15.774' height='64.411' transform='translate(0 0.366)' fill='%23244781'/%3E%3C/g%3E%3C/g%3E%3Cg id='A' transform='translate(64.447)'%3E%3Cg id='Groupe_11351' data-name='Groupe 11351' transform='translate(0 0)'%3E%3Crect id='Rectangle_1209' data-name='Rectangle 1209' width='31.548' height='64.411' transform='translate(0.076 0.366)' fill='%23708dc0'/%3E%3Crect id='Rectangle_1210' data-name='Rectangle 1210' width='32.863' height='64.411' transform='translate(31.624 0.366)' fill='%23244781'/%3E%3Cpath id='Tracé_11072' data-name='Tracé 11072' d='M317.233,381.865H252.786l32.224-64.447Z' transform='translate(-252.786 -317.418)' fill='%233463b5'/%3E%3C/g%3E%3C/g%3E%3Cg id='C' transform='translate(0)'%3E%3Cg id='Groupe_11352' data-name='Groupe 11352'%3E%3Crect id='Rectangle_1211' data-name='Rectangle 1211' width='32.302' height='64.446' fill='%23234781'/%3E%3Cpath id='Rectangle_1212' data-name='Rectangle 1212' d='M32.223,0H32.3a0,0,0,0,1,0,0V64.446a0,0,0,0,1,0,0h-.079A32.223,32.223,0,0,1,0,32.223v0A32.223,32.223,0,0,1,32.223,0Z' fill='%23708dc0'/%3E%3Crect id='Rectangle_1213' data-name='Rectangle 1213' width='16.151' height='64.446' transform='translate(32.198)' fill='%233363b5'/%3E%3Crect id='Rectangle_1214' data-name='Rectangle 1214' width='16.151' height='64.446' transform='translate(48.296)' fill='%23708dc0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-size: cover;
  background-repeat: no-repeat;
}

header .menu ul.dropdown-menu li:hover {
  font-weight: 700;
}

header .menu ul.dropdown-menu li:hover a {
  font-weight: 700;
}

header .menu ul.dropdown-menu li:hover a::after {
  width: 100%;
}

.switchLang_search_wrapper {
  display: flex;
  justify-content: space-between;
}

.switcher_languages {
  display: flex;
  justify-content: center;
  z-index: 11;
  /*     top: 97px; */
  top: 136px;
  width: 50px;
  border-radius: 50px;
  height: 50px;
  padding: 0 25px;
  position: absolute;
  /*     right: 190px; */
  right: 220px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
  align-items: center;
  color: white;
}

html:lang(en-US) .switcher_languages {
  top: 97px;
  right: 190px;
}

body.dark-style .switcher_languages {
  background: rgba(36, 71, 128, 0.08);
  color: #244781;
}

/* .switcher_languages a {
	color: white;
}

body.dark-style .switcher_languages a {
	
	color : #244781;
} */

/* Start Search */
#icon-search,
#icon-close {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 50px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#icon-search {
  z-index: 11;
}

#icon-close {
  z-index: 20;
}

#icon-search svg path {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  stroke: #fff;
}

#icon-close svg path {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  fill: #fff;
}

.search-container {
  position: fixed;
  top: 0;
  z-index: 16;
  width: 100%;
  height: 0px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #244780;
}

.search-container .search-wrapper {
  width: 100%;
  opacity: 0;
}

.search-container .form-group {
  max-width: calc(100% - 40px);
  width: 965px;
  height: 50px;
  margin: 0 auto;
}

.search-container .form-group input {
  padding: 0 20px;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #ffffff33;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}

.search-container .form-group input::-webkit-input-placeholder {
  color: #fff;
}

.search-container .form-group input::-moz-placeholder {
  color: #fff;
}

.search-container .form-group input:-ms-input-placeholder {
  color: #fff;
}

.search-container .form-group input:-moz-placeholder {
  color: #fff;
}

/* Start Social Media */
.icon-social-media {
  position: absolute;
  right: 50px;
  bottom: 60px;
  z-index: 15;
}

.icon-social-media ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.icon-social-media ul li {
  width: 44px;
  height: 44px;
  border: 1px solid #fff;
  border-radius: 50%;
}

.icon-social-media ul li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.icon-social-media ul li a svg path {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  fill: #fff;
}

/* Header Dark Style */

body.dark-style header .logo a svg path {
  fill: #244780;
}

body.dark-style header .burger-menu {
  background-color: rgba(36, 71, 128, 0.08);
}

body.dark-style header .burger-menu .bar {
  background-color: #244780;
}

body.dark-style header .menu .top {
  border-bottom: 1px solid #24478033;
}

body.dark-style
  header
  .menu
  .bottom
  div.bottom-contact
  .icon-social-media-mobile
  li {
  background-color: rgba(36, 71, 128, 0.08);
}

body.dark-style
  header
  .menu
  .bottom
  div.bottom-contact
  .icon-social-media-mobile
  li
  a
  svg
  path {
  fill: #244780;
}

body.dark-style header .menu ul li {
  color: #244780;
}

body.dark-style header .menu ul li a {
  color: #244780;
}

body.dark-style header .menu ul li.dropdown span svg path {
  stroke: #244780;
}

body.dark-style header .menu ul.external-link li.btn-prim {
  background-color: rgba(36, 71, 128, 0.08);
}

body.dark-style #icon-search,
body.dark-style #icon-close {
  background-color: rgba(36, 71, 128, 0.08);
}

body.dark-style #icon-search svg path {
  stroke: #244780;
}

body.dark-style #icon-close svg path {
  fill: #244780;
}

body.dark-style .search-container {
  background: #e0e6ef;
}

body.dark-style .search-container .form-group input {
  border-bottom: 1px solid #24478033;
  color: #244780;
}

body.dark-style .search-container .form-group input::-webkit-input-placeholder {
  color: #244780;
}

body.dark-style .search-container .form-group input::-moz-placeholder {
  color: #244780;
}

body.dark-style .search-container .form-group input:-ms-input-placeholder {
  color: #244780;
}

body.dark-style .search-container .form-group input:-moz-placeholder {
  color: #244780;
}

body.home .icon-social-media ul li {
  border: 1px solid #fff !important;
  background: transparent !important;
}

body.home .icon-social-media ul li a svg path {
  fill: #fff !important;
}

body.dark-style .icon-social-media ul li {
  border: 1px solid #244780 !important;
  background: transparent !important;
}

body.dark-style .icon-social-media ul li a svg path {
  fill: #244780 !important;
}

/*End Header */

body.showOverf {
  overflow: hidden;
}

.blocs-guide {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.blocs-guide .item {
  position: relative;
  padding: 73px 32px 37px 42px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  position: relative;
  height: 352px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.blocs-guide .item .content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.blocs-guide .item h4 {
  max-width: 236px;
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  position: relative;
  z-index: 2;
  padding-right: 20px;
}

.blocs-guide .item .item-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
  margin-left: 18px;
  max-width: calc(100% - 254px);
}

.blocs-guide .item .item-info p {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  line-height: 24px;
  color: #fff;
  opacity: 0.7;
  margin-bottom: 25px;
}

.blocs-guide .item .item-info p a {
  color: #fff;
}

.blocs-guide .item .item-info .read-more {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #fff;
  display: flex;
  align-items: center;
  margin-top: 30px;
  position: absolute;
  bottom: 30px;
}

.blocs-guide .item .item-info .read-more svg {
  margin-left: 16px;
}

.blocs-guide .item.red-circle {
  background-color: #ab1418;
}

.blocs-guide .item.red-circle:after {
  content: "";
  background-color: #dd181e;
  height: 352px;
  width: 352px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50% 50 0 0%;
  -webkit-border-radius: 50% 50% 0 0;
  -moz-border-radius: 50% 50% 0 0;
}

.blocs-guide .item.red-triangle {
  background-color: #ab1418;
}

.blocs-guide .item.red-triangle:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-top: 352px solid #dd181e;
  border-right: 176px solid transparent;
  position: absolute;
  left: 0;
  top: 0;
}

.blocs-guide .item.blue-circle {
  background-color: #244780;
}

.blocs-guide .item.blue-circle:after {
  content: "";
  background-color: #3463b5;
  height: 352px;
  width: 352px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 0 50% 50%;
  -webkit-border-radius: 0 0 50% 50%;
  -moz-border-radius: 0 0 50% 50%;
}

.blocs-guide .item.blue-triangle {
  background-color: #3363b5;
}

.blocs-guide .item.blue-triangle:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-bottom: 352px solid #244780;
  border-left: 176px solid transparent;
  position: absolute;
  right: 0;
  top: 0;
}

.breadcrumbs {
  padding-bottom: 65px;
  position: relative;
  z-index: 2;
}

.breadcrumbs .container-breadcrumbs {
  width: 100%;
  max-width: 1280px;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
}

.breadcrumbs ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  column-gap: 14px;
}

.breadcrumbs ul li {
  position: relative;
}

.breadcrumbs ul li:after {
  content: "|";
  position: absolute;
  color: rgba(36, 71, 128, 0.5);
  right: -9px;
  top: 5px;
  font-size: 10px;
  font-weight: 600;
}

.breadcrumbs ul li:last-child a {
  pointer-events: none;
  font-weight: 600;
}

.breadcrumbs ul li:last-child:after {
  content: none;
}

.breadcrumbs a {
  color: rgba(36, 71, 128, 0.5);
  font-size: 14px;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
}

.breadcrumbs.breadcrumbs-white a {
  color: rgba(255, 255, 255, 0.5);
}

.breadcrumbs.breadcrumbs-white li:after {
  color: rgba(255, 255, 255, 0.5);
}

.annuaire-equipe-items {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.annuaire-equipe-items .item {
  flex: 0 0 23.96%;
  margin: 6px;
  height: 371px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 1;
  overflow: hidden;
}

.annuaire-equipe-items .item:hover .mask {
  background-color: transparent;
}

.annuaire-equipe-items .item:hover .infos {
  bottom: 0;
}

.annuaire-equipe-items .mask {
  position: absolute;
  background-color: rgba(36, 71, 126, 0.3);
  height: 100%;
  width: 100%;
  top: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.annuaire-equipe-items .infos {
  height: 161px;
  position: absolute;
  background: url(images/card-profil.svg);
  color: #fff;
  bottom: -200px;
  padding: 20px;
  width: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.annuaire-equipe-items h5 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  position: relative;
  z-index: 1;
}

.annuaire-equipe-items h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  padding-top: 3px;
  letter-spacing: 0.5px;
  position: relative;
  z-index: 1;
}

.annuaire-equipe-items span {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  z-index: 1;
  text-transform: capitalize;
}

.annuaire-equipe-items .voir-profil {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1.3px;
  padding-top: 25px;
  position: absolute;
  bottom: 20px;
  z-index: 1;
}

.annuaire-equipe-items .voir-profil:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(images/arrow-white.svg);
  left: 108px;
}

.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #244781 !important;
}

.select2-results__option {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  padding: 12px 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.select2-results__option:first-child {
  border-top: 0;
}

.select2-container--open .select2-dropdown {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid rgba(62, 139, 216, 0.3);
  border-top: 0;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #244780 !important;
}

.filtre-ajmj-avance {
  background-color: #fff;
  max-width: 964px;
  height: 100px;
  margin: 30px auto 0 auto;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(62, 139, 216, 0.3);
  -webkit-box-shadow: -3px 41px 50px 1px rgba(112, 112, 112, 0.38);
  box-shadow: -3px 41px 50px 1px rgba(112, 112, 112, 0.38);
  position: relative;
  z-index: 9;
}

.filtre-ajmj-avance ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.filtre-ajmj-avance ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.filtre-ajmj-avance :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.filtre-ajmj-avance :-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.filtre-ajmj-avance .search {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.filtre-ajmj-avance .search > span {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  font-family: "Roboto", sans-serif;
  position: absolute;
  top: 16px;
}

.filtre-ajmj-avance form {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
}

.filtre-ajmj-avance form > svg {
  position: relative !important;
  top: 3px !important;
  top: initial !important;
  right: initial !important;
}

.filtre-ajmj-avance input {
  border: 0;
  color: rgba(36, 70, 128, 0.5);
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  padding-right: 18px;
  color: rgba(0, 0, 0, 0.2);
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin-left: 15px;
  width: 50%;
}

.filtre-ajmj-avance input::-webkit-input-placeholder,
.annuaire-section .top input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.filtre-ajmj-avance input::-moz-placeholder,
.annuaire-section .top input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.filtre-ajmj-avance input:-ms-input-placeholder,
.annuaire-section .top input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.filtre-ajmj-avance input:-moz-placeholder,
.annuaire-section .top input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.filtre-ajmj-avance button {
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  background-color: #244781;
  border: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.filtre-ajmj-avance button:after {
  content: "";
  background: url(images/icon-search-white.svg);
  position: absolute;
  width: 20px;
  height: 22px;
}

.filtre-ajmj-avance .inner-filtre {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 50px;
  padding-left: 24px;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.filtre-ajmj-avance .inner-filtre .filtre-departement {
  width: 321px;
  margin-right: 50px;
  position: relative;
}

.filtre-ajmj-avance .inner-filtre .filtre-departement:before {
  content: "";
  height: 51px;
  position: absolute;
  width: 1px;
  background-color: rgba(62, 139, 216, 0.3);
  left: -74px;
  top: -13px;
}

.filtre-ajmj-avance
  .inner-filtre
  .filtre-departement
  .select2-container--default
  .select2-selection--single {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: rgba(0, 0, 0, 0.4);
  border: 0;
}

.filtre-ajmj-avance .inner-filtre .filtre-departement .select2-container {
  width: 100% !important;
}

.filtre-ajmj-avance
  .inner-filtre
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}

.filtre-ajmj-avance
  .inner-filtre
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: 0;
  border-width: 0;
}

.filtre-ajmj-avance
  .inner-filtre
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: auto;
  top: 44%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transform: translateY(-50%);
}

.filtre-ajmj-avance
  .inner-filtre
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow:after {
  content: "";
  background: url(images/arrow-select.svg);
  width: 10px;
  height: 5.7px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  right: 20px;
}

.filtre-ajmj-avance
  .inner-filtre
  .select2-container--open
  .select2-selection__arrow:after {
  transform: scaleY(-1) !important;
}

.filtre-ajmj-avance .recherche-avance {
  z-index: 1;
  display: none;
  background-color: #fff;
  position: absolute;
  width: 962px;
  left: 0;
  top: 98px;
  padding-top: 42px;
  padding-bottom: 30px;
  z-index: 9;
}

.filtre-ajmj-avance .recherche-avance .top-rech {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 88%;
  margin: auto;
  align-items: center;
}

.filtre-ajmj-avance .recherche-avance .top-rech .fermer-rech-avance {
  cursor: pointer;
  margin-left: auto;
  color: #244780;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  padding-right: 40px;
  position: relative;
}

.filtre-ajmj-avance .recherche-avance .top-rech .fermer-rech-avance:after {
  content: "";
  width: 12.74px;
  height: 12.74px;
  background: url(images/close-search.svg);
  position: absolute;
  top: 3px;
  right: 0;
}

.filtre-ajmj-avance
  .recherche-avance
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 47px;
  padding-left: 14px;
  color: rgba(0, 0, 0, 0.4);
}

.filtre-ajmj-avance .recherche-avance .inner-recherche-avance {
  max-width: 88%;
  margin: auto;
  padding-top: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: 19px;
}

.filtre-ajmj-avance
  .recherche-avance
  .inner-recherche-avance
  .select2-container {
  width: 405px !important;
}

.filtre-ajmj-avance .recherche-avance h6 {
  padding-left: 18px;
  color: #244781;
  font-size: 28px;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
}

.filtre-ajmj-avance .recherche-avance .dropdown-filtre {
  margin-bottom: 18px;
  flex: 50%;
}

.filtre-ajmj-avance
  .recherche-avance
  .select2-container--default
  .select2-selection--single {
  border: 1px solid rgba(62, 139, 216, 0.3);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  height: 50px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: rgba(0, 0, 0, 0.4);
}

.filtre-ajmj-avance .recherche-avance .recherche-action {
  max-width: 88%;
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.filtre-ajmj-avance .recherche-avance .recherche-action .effacer {
  padding-left: 20px;
  cursor: pointer;
  font-size: 14px;
  color: rgba(36, 71, 128, 0.5);
  font-family: "Roboto", sans-serif;
}

.filtre-ajmj-avance .recherche-avance .recherche-action .rechercher {
  cursor: pointer;
  width: 180px;
  height: 50px;
  line-height: 50px;
  margin-left: auto;
}

.filtre-ajmj-avance .filtre-departement {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  column-gap: 30px;
}

.filtre-ajmj-avance
  .filtre-departement
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: rgba(0, 0, 0, 0.4);
}

.more-filtre-rech-avance {
  cursor: pointer;
  color: #3e8bd8;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  left: 120px;
  position: relative;
  top: 38px;
  display: inline;
  z-index: 1;
}

footer {
  padding-top: 95px;

  background-color: #fff;
}

.home footer {
  padding-top: 20px !important;
}

footer .footer-container {
  width: 1215px;
  max-width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}

footer .footer-content {
  gap: 107px;
  display: flex;
  flex-direction: column;
  padding-bottom: 70px;
}

footer .footer-content .item:first-child {
  width: 180px;
}

footer .footer-content .item:first-child a:last-child {
  margin-top: 40px;
  display: flex;
}

html:lang(en-US) footer .footer-content .item:first-child a:last-child {
  margin-top: 0 !important;
}

footer .footer-content .item:first-child a:nth-last-child(1) {
  margin-top: 40px;
  display: flex;
}

footer .footer-content .item:first-child a:last-child img {
  opacity: 0.2;
  width: 100px;
}

footer .footer-content .item:last-child img {
  opacity: 0.2;
}

footer .footer-content .item:nth-child(2) {
  width: 158px;
}

html:lang(en-US) footer .footer-content .item:nth-child(2) {
  width: 195px;
}

footer .footer-content .item:nth-child(3) {
  width: 203px;
}

footer .footer-content .item:last-child {
  width: 337px;
}

footer .footer-content .item:first-child a img {
  transition: 0.3s ease-in-out;
}

footer .footer-content .item:first-child a:hover img {
  opacity: 0.4 !important;
}

footer .footer-content .item:first-child a:nth-child(3) img {
  margin-top: 40px;
  opacity: 0.2;
}

footer .footer-content .footer_logos {
  margin-top: -90px;
}

footer .footer-content .footer_logos .wrapper {
  display: flex;
  justify-content: flex-start;
  gap: 50px;
	flex-wrap : wrap;
}

footer .footer-content .footer_logos .wrapper img {
  height: 55px;
  opacity: 0.4;
  transition: 0.3s ease-in-out;
}

footer .footer-content .footer_logos .wrapper img:hover {
  opacity: 0.6;
}

footer .footer-menu {
  display: flex;
  justify-content: space-between;
}

footer .footer-menu .item h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #dd181e;
  margin-bottom: 40px;
  /*85px*/
}

footer .footer-menu .item ul li {
  margin-bottom: 35px;
}

footer .footer-menu .item ul li:last-child {
  margin-bottom: 0;
}

footer .footer-menu .item ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.08em;
  color: #244781;
}

footer .footer-info {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #244781;
  padding-top: 50px;
}

footer .footer-info .item .titreFooter {
  position: absolute;
  top: 0;
  width: 458px;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.08em;
  line-height: 24px;
  color: #244781;
}

footer .footer-info .item {
  position: relative;
}

footer .footer-info .item:nth-child(3),
footer .footer-info .item:nth-child(4) {
  padding-top: 70px;
}

footer .footer-info .item:last-child ul:first-of-type {
  margin-bottom: 26px;
}

footer .footer-info .item:not(:first-child) {
  display: flex;
  flex-direction: column;
  /*     justify-content: space-between; */
}

footer .footer-info .item .link-page {
  width: 172px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #e8ecf2;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #244781;
}

footer .footer-info .item .link-page.btn-gradient {
  width: 118px;
  border-radius: 25px;
  padding: 15px 35px;
  border-color: transparent;
  background: #244781;
  background: linear-gradient(90deg, #244781 0%, #d36566 100%);
  color: white;
  font-weight: 700;
  margin-bottom: 18px;
}

footer .footer-info .item ul li {
  margin-bottom: 8px;
}

footer .footer-info .item ul li:last-child {
  margin-bottom: 0;
}

footer .footer-info .item ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 30px;
  color: #244781;
}

footer .footer-info .item ul.social-media {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  margin-top: 26px;
}

footer .footer-info .item ul.social-media li {
  width: 44px;
  height: 44px;
  background-color: #e8ecf2;
  border-radius: 50%;
  margin: 0;
}

footer .footer-info .item ul.social-media li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

footer .footer-info .item ul.contact-numbers li {
  margin-bottom: 25px;
}

footer .footer-info .item ul.contact-numbers li:last-child {
  margin-bottom: 0;
}

footer .footer-info .item ul.contact-numbers li a {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #244781;
}

footer .footer-copyright {
  display: flex;
  justify-content: space-between;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #bdc7d9;
  position: relative;
}

footer .footer-copyright::after {
  content: "";
  position: absolute;
  width: calc(100% - 300px);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 1px;
  background-color: #d4dcec;
}

footer .footer-copyright a,
footer .footer-copyright span {
  color: #bdc7d9;
  width: 130px;
}

.notre-metier-prim {
  width: 100%;
  background-color: #f7f9fb;
  display: flex;
  flex-direction: column;
  padding-top: 160px;
  min-height: 100vh;
}

.notre-metier-prim .container .content {
  margin-top: 76px;
  padding-bottom: 130px;
  max-width: 980px;
  margin: 0 auto;
}

.notre-metier-prim .container .content .content-title {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 55px;
  line-height: 65px;
  text-align: left;
  color: #244780;
  margin-bottom: 20px;
}

.notre-metier-prim .container .content .content-text {
  position: relative;
}

.notre-metier-prim .container .content .content-text::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 168px 338px 0;
  border-color: transparent #ffffff transparent transparent;
  bottom: -70px;
  right: -50px;
}

.notre-metier-prim .container .content .content-text p {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244781;
  margin-bottom: 20px;
  max-width: 820px;
  z-index: 14;
  position: relative;
}

.notre-metier-prim .breadcrumbs {
  z-index: 4;
  padding-bottom: 75px;
}

.notre-metier-prim .breadcrumbs a {
  color: #244780;
  opacity: 0.5;
  font-size: 14px;
  font-family: "DM Sans", sans-serif;
}

.notre-metier-second {
  width: 100%;
  background-color: #3363b5;
  padding-top: 115px;
  padding-bottom: 90px;
  position: relative;
  overflow: hidden;
}

.notre-metier-second::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 812px 409px;
  border-color: transparent transparent #024578 transparent;
  position: absolute;
  bottom: 0;
  right: 0;
}

.notre-metier-second .container {
  position: relative;
  z-index: 2;
}

.notre-metier-second .container .content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 35px;
  grid-column-gap: 90px;
  max-width: 980px;
  margin: 0 auto;
}

.notre-metier-second .container .content .item {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}

.notre-metier-second .container .content .item h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 55px;
  line-height: 60px;
  text-align: left;
  color: #3e8bd8;
}

.notre-metier-second .container .content .item .the-number {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 55px;
  line-height: 60px;
  text-align: left;
  color: #fff;
}


.notre-metier-second .container .content .item:nth-child(5) .the-number {
	
font-size : 75px;	
	
	
}


.notre-metier-second .container .content .item .the-impact {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 28px;
  text-align: left;
  color: #fff;
  max-width: 260px;
}

.notre-metier-second .container .content .item:first-of-type {
  grid-column-start: 1;
  /*   grid-column-end: 3; */
  grid-column-end: 4;
}

.notre-metier-second .container .content .item:nth-of-type(6) {
/*   grid-column-start: 2; */
	grid-column : span 2;
	    position: relative;
    top: 57px;
}


.notre-metier-second .container .content .item:nth-of-type(6) .the-impact {
	
max-width: unset;	
	
}

.notre-metier-second .container .content .item:first-of-type,
.notre-metier-second .container .content .item:nth-of-type(2) {
  margin-bottom: 50px;
}

.nos-actus-histo {
  position: relative;
  width: 100%;
  padding-top: 120px;
}

.nos-actus-histo::after {
  content: "";
  width: 571px;
  height: 765px;
  border-radius: 285.5px 285.5px 2.28px 2.28px;
  background: linear-gradient(#f0f3f8 0%, #fff 100%);
  position: absolute;
  top: 0;
  left: 50px;
  transform: rotate(180deg);
  z-index: 0;
}

.nos-actus-histo .container {
  position: relative;
  z-index: 2;
}

.nos-actus-histo .container .content {
  max-width: 980px;
  margin: 0 auto;
}

.nos-actus-histo .container .content .top {
  display: flex;
  justify-content: space-between;
}

.nos-actus-histo .container .content .top .top-histo-title {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  text-align: left;
  color: #244780;
}

.nos-actus-histo .container .content .top .histo-cta {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
  width: 180px;
  background: #ab1418;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px 4px 20px 4px;
}

.nos-actus-histo .container .content .middle {
  padding-top: 46px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  column-gap: 65px;
}

.nos-actus-histo .container .content .middle .other-actu-box {
  padding-top: 37px;
  padding-bottom: 20px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
}

.nos-actus-histo .container .content .middle .other-actu-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #e2e7f1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nos-actus-histo .container .content .middle .other-actu-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #dd181e;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  visibility: hidden;
}

.nos-actus-histo .container .content .middle .other-actu-box:hover::after {
  background-color: #dd181e;
}

.nos-actus-histo .container .content .middle .other-actu-box:hover::before {
  opacity: 1;
  visibility: visible;
}

.nos-actus-histo
  .container
  .content
  .middle
  .other-actu-box:hover
  .date-cate
  .the-date {
  color: #dd181e;
}

.nos-actus-histo
  .container
  .content
  .middle
  .other-actu-box:hover
  .date-cate
  .the-cat {
  background-color: #dd181e;
}

.nos-actus-histo
  .container
  .content
  .middle
  .other-actu-box:hover
  .read-cta
  span,
.nos-actus-histo
  .container
  .content
  .middle
  .other-actu-box:hover
  .read-cta
  svg {
  visibility: visible;
  opacity: 1;
}

.nos-actus-histo .container .content .middle .other-actu-box .date-cate {
  display: flex;
  justify-content: space-between;
}

.nos-actus-histo
  .container
  .content
  .middle
  .other-actu-box
  .date-cate
  .the-date {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #7087ba;
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nos-actus-histo
  .container
  .content
  .middle
  .other-actu-box
  .date-cate
  .the-cat {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 10px;
  line-height: 50px;
  text-align: center;
  color: #f0f3f8;
  width: 104px;
  height: 20px;
  display: flex;
  background-color: #7087ba;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nos-actus-histo .container .content .middle .other-actu-box h5 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #244781;
  margin-top: 21px;
  margin-bottom: 55px;
}

.nos-actus-histo .container .content .middle .other-actu-box .read-cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 110px;
}

.nos-actus-histo .container .content .middle .other-actu-box .read-cta span {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.08em;
  text-align: left;
  color: #dd181e;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nos-actus-histo .container .content .middle .other-actu-box .read-cta svg {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nos-actus-histo .container .bottom {
  position: relative;
  box-shadow: 0px 33px 99px rgba(52, 99, 181, 0.5);
  padding-bottom: 50px;
}

.nos-actus-histo .container .bottom img.pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.nos-actus-histo .container .bottom .engagement-content {
  /*   margin-top: 100px; */
  margin-top: 20px;
  width: 100%;
  padding-top: 72px;
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.nos-actus-histo .container .bottom .engagement-content h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  max-width: 728px;
  margin: 31px 0;
}

.event-single-prim {
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  flex-direction: column;
  padding-top: 160px;
}

.event-single-prim .container .content {
  position: relative;
  padding-bottom: 50px;
  max-width: 980px;
  margin: 0 auto;
}

.event-single-prim .container .content .event-article {
  position: relative;
}

.event-single-prim .container .content .event-article svg {
  position: absolute;
  left: -140px;
  top: 10px;
}

.event-single-prim .container .content .event-article .event-categ {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  color: #3e8bd8;
}

.event-single-prim .container .content .event-article .event-title {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 55px;
  line-height: 60px;
  text-align: left;
  color: #fff;
  margin-bottom: 32px;
  margin-top: 38px;
  max-width: 793px;
}

.event-single-prim .container .content .event-article .event-date {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 30px;
  text-align: left;
  color: #fff;
  display: block;
  margin-bottom: 60px;
}

.event-single-prim .container .content .event-article a,
.event-single-prim .container .content .event-article p {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 30px;
  text-align: left;
  color: #fff;
  margin-bottom: 44px;
  max-width: 474px;
}

.event-single-prim .container .content .event-article .event-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 288px;
  height: 70px;
  width: 288px;
  border-radius: 4px 4px 20px 4px;
  background: #ab1418;
  text-decoration: none;
}

.event-single-prim .container .content .event-article .event-cta span {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

.event-single-prim .container .content .info-pratiques {
  width: 376px;
  height: auto;
  position: absolute;
  right: 0;
  bottom: -112px;
  padding-left: 30px;
  padding-top: 37px;
  padding-right: 15px;
  z-index: 4;
  box-shadow: 0px 30px 80px rgba(5, 19, 43, 0.2);
  padding-bottom: 25px;
}

.event-single-prim .container .content .info-pratiques::after {
  content: "";
  background: url(../images/info-pratique-back02.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.event-single-prim .container .content .info-pratiques h4 {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #fff;
  margin-bottom: 36px;
}

.event-single-prim .container .content .info-pratiques .sub-info {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #fff;
  margin-bottom: 8px;
  display: block;
}

.event-single-prim .container .content .info-pratiques .info-date {
  margin-bottom: 16px;
}

.event-single-prim .container .content .info-pratiques .info-date p {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #fff;
}

.event-single-prim .container .content .info-pratiques .info-place {
  margin-bottom: 20px;
}

.event-single-prim .container .content .info-pratiques .info-place a {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #fff;
  max-width: 303px;
  text-decoration: none;
}

.event-single-prim .container .content .info-pratiques .info-tarifs {
  margin-bottom: 16px;
}

.event-single-prim .container .content .info-pratiques .info-tarifs ul {
  list-style: none;
}

.event-single-prim .container .content .info-pratiques .info-tarifs ul li {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #fff;
}

.event-single-prim .container .content .info-pratiques .info-cta-participate {
  width: 274px;
  height: 70px;
  border-radius: 4px 4px 20px 4px;
  background: #ab1418;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.event-single-prim
  .container
  .content
  .info-pratiques
  .info-cta-participate
  span {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
  display: block;
}

.event-single-prim .breadcrumbs {
  z-index: 4;
  padding-bottom: 70px;
}

.event-single-second {
  width: 100%;
  position: relative;
  background: linear-gradient(
    0deg,
    rgba(240, 243, 248, 0.8) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

.event-single-second .container .content {
  position: relative;
  padding-bottom: 120px;
  max-width: 980px;
  margin: 0 auto;
}

.event-single-second .container .content .top {
  padding-top: 100px;
}

.event-single-second .container .content .top h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  text-align: left;
  color: #dd181e;
  padding-bottom: 57px;
}

.event-single-second .container .content .top .atelier-progs {
  display: flex;
  flex-direction: column;
}

.event-single-second .container .content .top .atelier-progs .hiddenStyle {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.event-single-second .container .content .top .atelier-progs .atelier-prog {
  display: flex;
  border-top: 1px solid #d9dfeb;
  padding-top: 35px;
  padding-bottom: 40px;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .atelier-prog.showingFade {
  animation: showIng 0.5s ease 0s 1 normal forwards;
  transform-origin: center;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .atelier-prog
  .atelier-name
  span {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 34px;
  text-align: left;
  color: #dd181e;
  display: flex;
  width: 82px;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .atelier-prog
  .atelier-title
  span {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  color: #244780;
  display: flex;
  width: 376px;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .atelier-prog
  .atelier-interv {
  display: flex;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .atelier-prog
  .atelier-interv
  span {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #dd181e;
  display: flex;
  margin: 0 16px;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .atelier-prog
  .atelier-interv
  .interv-nm {
  max-width: 280px;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .atelier-prog
  .atelier-interv
  .interv-nm
  ul {
  list-style: none;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .atelier-prog
  .atelier-interv
  .interv-nm
  ul
  li {
  padding-bottom: 10px;
  text-decoration: none;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .atelier-prog
  .atelier-interv
  .interv-nm
  ul
  li
  a {
  text-decoration: none;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .atelier-prog
  .atelier-interv
  .interv-nm
  ul
  li:last-child {
  padding-bottom: 0;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .atelier-prog
  .atelier-interv
  .interv-nm
  ul
  li
  span.interv-name {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 26px;
  text-align: left;
  color: #244780;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .atelier-prog
  .atelier-interv
  .interv-nm
  ul
  li
  span.interv-status {
  font-family: "DM Sans", sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 24px;
  text-align: left;
  color: #244780;
}

.event-single-second .container {
  max-width: 100%;
  margin: 0 auto;
}

.event-single-second .container .content .top .atelier-progs .btn-load {
  width: 216px;
  height: 50px;
  border-radius: 4px 4px 20px 4px;
  background: #dd181e;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: none;
  outline: none;
  align-self: center;
  /* margin-top: 50px; */
  cursor: pointer;
  font-size: 14px;
}

.event-single-second .container .content .top .atelier-progs .btn-load:focus,
.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .btn-load:focus-within {
  border: none;
  outline: none;
}

.event-single-second .container .content .top .atelier-progs .btn-container {
  display: flex;
  justify-content: center;
  position: relative;
}

.event-single-second
  .container
  .content
  .top
  .atelier-progs
  .btn-container::before {
  content: "";
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  height: 524px;
  background: linear-gradient(0deg, #f5f7fa 0%, #ffffff00 100%);
}

.event-single-caroussel-images {
  background: linear-gradient(299deg, #3463b5 0%, #244780 100%);
}

.event-single-caroussel-images .container {
  display: flex;
  justify-content: space-between;
  align-items: end;
  max-width: 980px;
  width: 100%;
  padding: 80px 0 45px 0;
}

.event-single-caroussel-images .container h2 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  text-align: left;
  color: #fff;
  position: relative;
}

.event-single-caroussel-images .container .arrows {
  display: flex;
  gap: 15px;
}

.event-single-caroussel-images .container .btn-switch {
  background: transparent;
  border: 1px solid #ffffff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.event-single-caroussel-images .container .btn-switch:hover {
  border-color: #e9edf5;
  background-color: #e9edf5;
}

.event-single-caroussel-images .container .btn-switch:hover svg path {
  stroke: #3463b5;
}

.event-single-caroussel-images .croussel-images-container .imageBefore {
  margin-left: 16px;
  position: relative;
  transition: 0.4s ease-in-out;
  cursor: pointer;
}

/* 
.event-single-caroussel-images .croussel-images-container .imageBefore:nth-child(2) {
    padding-left: 80px;
} */

.event-single-caroussel-images .croussel-images-container .imageBefore svg {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  transition: 0.4s ease-in-out;
  opacity: 0;
}

.event-single-caroussel-images
  .croussel-images-container
  .imageBefore:hover
  svg {
  opacity: 1;
}

.event-single-caroussel-images
  .croussel-images-container
  .imageBefore:hover::after {
  opacity: 0.5;
}

.event-single-caroussel-images .croussel-images-container .imageBefore::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #7087ba;
  opacity: 0.5;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  opacity: 0;
  transition: 0.4s ease-in-out;
}

/* .event-single-caroussel-images .croussel-images-container img::before{
    content: "";
    position: absolute;
    right:50px;
    background:red;
    width:1000px;
    height:1000px;
} */

.croussel-images-container {
  padding-bottom: 80px;
}

.leftPadding-caroussel {
  padding-left: 50px;
}

.event-single-caroussel-images .closeDiv .fermer {
  color: #fff;
}

.event-single-caroussel-images .closeDiv {
  display: flex;
  align-items: center;
  gap: 20px;
  position: absolute;
  right: 60px;
  top: 70px;
  z-index: 90;
  cursor: pointer;
}

.event-single-caroussel-images .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.event-single-caroussel-images .image-small {
  width: 310px;
}

.event-single-caroussel-images .image-medium {
  width: 424px;
}

.event-single-caroussel-images .image-large {
  width: 248px;
}

body.popup_slider_opened {
  overflow: hidden;
}

.event-single-caroussel-images .popup-img {
  display: none;
  height: 100vh;
  background: #244780da;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
}

.articles-lies {
  padding: 95px 238px 100px 207px;
  background: #f0f3f8;
  margin: 30px;
  position: relative;
}

.articles-lies::after {
  position: absolute;
  content: "";
  background-image: url("https://cnajmj-instit.eliott-markus.digital/abracad-nor/2022/07/Trace-10870@2x.png");
  bottom: 0;
  right: 0;
  width: 196px;
  height: 393px;
  background-position: center;
}

.articles-lies .others-actu {
  max-width: 964px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  column-gap: 65px;
  position: relative;
  z-index: 4;
}

.articles-lies .others-actu .other-actu-box {
  padding-top: 24px;
  padding-bottom: 20px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  height: 245px;
}

.articles-lies .others-actu .other-actu-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #e2e7f1;
}

.articles-lies .others-actu .other-actu-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #dd181e;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  visibility: hidden;
}

.articles-lies .others-actu .other-actu-box:hover::after {
  background-color: #dd181e;
}

.articles-lies .others-actu .other-actu-box:hover::before {
  opacity: 1;
  visibility: visible;
}

.articles-lies .others-actu .other-actu-box:hover .date-cate .the-date {
  color: #dd181e;
}

.articles-lies .others-actu .other-actu-box:hover .date-cate .the-cat {
  background-color: #dd181e;
}

.articles-lies .others-actu .other-actu-box:hover .read-cta span,
.articles-lies .others-actu .other-actu-box:hover .read-cta svg {
  visibility: visible;
  opacity: 1;
}

.articles-lies .others-actu .other-actu-box .date-cate {
  display: flex;
  justify-content: space-between;
}

.articles-lies .others-actu .other-actu-box .date-cate .the-date {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #7087ba;
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.articles-lies .others-actu .other-actu-box .date-cate .the-cat {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 10px;
  line-height: 50px;
  text-align: center;
  color: #f0f3f8;
  width: 104px;
  height: 20px;
  display: flex;
  background-color: #7087ba;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.articles-lies .others-actu .other-actu-box h5 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #244781;
  margin-top: 21px;
  margin-bottom: 55px;
}

.articles-lies .others-actu .other-actu-box .read-cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 110px;
  bottom: 18px;
  position: absolute;
}

.articles-lies .others-actu .other-actu-box .read-cta span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.08em;
  text-align: left;
  color: #dd181e;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.articles-lies .other-actu-box .read-cta svg {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.articles-lies .title-and-botton {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 964px;
  margin: 0 auto 46px auto;
  width: 100%;
}

.articles-lies .title-and-botton h2 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  text-align: left;
  color: #244780;
}

.articles-lies .title-and-botton .decouvrir-cta {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
  width: 180px;
  background: #ab1418;
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  border-radius: 4px 4px 20px 4px;
  border: none;
}

.articles-lies .title-and-botton .decouvrir-cta:hover {
  background: #ab1418 !important;
  border-color: #ab1418 !important;
  color: #fff !important;
}

.event-single-prim .info-tarifs .participer-cta {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
  width: 274px;
  background: #ab1418;
  height: 70px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  border-radius: 4px 4px 20px 4px;
  border: none;
  text-decoration: none;
  margin-bottom: -70px;
  margin-right: auto;
  margin-left: auto;
  display: none;
}

@keyframes showIng {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.article-dedie-section {
  background: linear-gradient(29deg, #f0f3f8 0%, #fff 100%);
  display: flex;
  flex-direction: column;
  padding-top: 160px;
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.article-dedie-section .breadcrumbs {
  z-index: 4;
  padding: 0 20px;
}

.article-dedie-section::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  z-index: 4;
  border-width: 0 0 820px 410px;
  border-color: transparent transparent #f7f9fb transparent;
  pointer-events: none;
}

.article-dedie-section .container {
  position: relative;
  margin-top: 56px;
}

.article-dedie-section .container .first-section-background-container {
  position: absolute;
  right: 0;
  top: -32px;
  z-index: 1;
}

.article-dedie-section .container .first-section-background-container::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.6) 77%,
    rgba(255, 255, 255, 0) 100%
  );
  width: 100%;
  height: 300px;
}

.article-dedie-section .container .section-content {
  position: relative;
  max-width: 964px;
  margin: 0 auto;
  z-index: 2;
}

.article-dedie-section .container .section-content .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.article-dedie-section .container .section-content .top .left {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.article-dedie-section .container .section-content .top .left h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  color: #dd181e;
}

.article-dedie-section .container .section-content .top .left h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  text-align: left;
  color: #244780;
  margin-top: 35px;
}

.article-dedie-section .container .section-content .top .left .info {
  margin-top: 42px;
  display: flex;
  align-items: center;
  gap: 40px;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .info-date
  span {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #244780;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .info-date
  span:first-child {
  font-weight: 500;
  margin-right: 6px;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .info-author
  .info-auth-lk {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #244780;
  text-decoration: none;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .info-author
  span {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #244780;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .info-author
  span:first-child {
  font-weight: 500;
  margin-right: 6px;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .social-media {
  display: flex;
  align-items: center;
  gap: 23px;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .social-media
  a {
  background-color: rgba(36, 71, 128, 0.5);
  border-radius: 100%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.article-dedie-section .container .section-content .top .left .info .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  margin-left: auto;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .right
  .page-switchs {
  display: flex;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .right
  .page-switchs
  a {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: 1px solid #3463b5;
  background-color: transparent;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .right
  .page-switchs
  a:last-child {
  margin-left: 16px;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .right
  .page-switchs
  a:hover {
  background-color: #e9edf5;
  border: 1px solid #e9edf5;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .right
  #download-btn {
  background-color: #dd181e;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding: 16px 21px;
  border-radius: 4px 4px 20px 4px;
  margin-top: 88px;
}

.article-dedie-section .container .section-content .content {
  margin: 39px 0 96px 0;
}

.article-dedie-section .container .section-content .content .chapo {
  margin-bottom: 49px;
}

.article-dedie-section .container .section-content .content .chapo p {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 30px;
  text-align: left;
  color: #ab1418;
  margin-bottom: 49px;
}

.sgl-cat-flash-info
  .article-dedie-section
  .container
  .section-content
  .content
  p {
  margin-bottom: 20px;
}

.article-dedie-section .container .section-content .content p {
  margin-bottom: 37px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  max-width: 964px;
}

.article-dedie-section .container .section-content .content p:last-child {
  margin: 0;
}

.article-dedie-section .container .section-content .content h4 {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  margin-bottom: 30px;
}

.article-dedie-section .container .section-content .content ul {
  max-width: 964px;
  margin-left: 32px;
}

.article-dedie-section .container .section-content .content ul li {
  margin-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  padding-left: 35px;
  position: relative;
}

.article-dedie-section .container .section-content .content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 4px;
  height: 4px;
  background-color: #244780;
  border-radius: 100%;
}

.article-dedie-section .container .second-section-background-container {
  position: absolute;
  left: 0;
  bottom: 130px;
  z-index: 1;
}

.article-dedie-section .others-actu {
  padding: 0 20px;
  max-width: 964px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  column-gap: 65px;
  position: relative;
  z-index: 4;
}

.article-dedie-section .others-actu .other-actu-box {
  padding-top: 24px;
  padding-bottom: 20px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  height: 245px;
}

.article-dedie-section .others-actu .other-actu-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #e2e7f1;
}

.article-dedie-section .others-actu .other-actu-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #dd181e;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  visibility: hidden;
}

.article-dedie-section .others-actu .other-actu-box:hover::after {
  background-color: #dd181e;
}

.article-dedie-section .others-actu .other-actu-box:hover::before {
  opacity: 1;
  visibility: visible;
}

.article-dedie-section .others-actu .other-actu-box:hover .date-cate .the-date {
  color: #dd181e;
}

.article-dedie-section .others-actu .other-actu-box:hover .date-cate .the-cat {
  background-color: #dd181e;
}

.article-dedie-section .others-actu .other-actu-box:hover .read-cta span,
.article-dedie-section .others-actu .other-actu-box:hover .read-cta svg {
  visibility: visible;
  opacity: 1;
}

/* Start Auther Actu For Ecoutes Posts  */
body.single-ecoute .others-actu .other-actu-box {
  height: auto;
}

body.single-ecoute .others-actu .other-actu-box .image {
  position: relative;
  margin-bottom: 25px;
}

body.single-ecoute .others-actu .other-actu-box .image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(30%, #24478000),
    to(#244780)
  );
  background: linear-gradient(180deg, #24478000 30%, #244780 100%);
}

body.single-ecoute .others-actu .other-actu-box .image img {
  max-width: 100%;
}

body.single-ecoute .others-actu .other-actu-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: transparent;
}

body.single-ecoute .others-actu .other-actu-box:hover::after {
  background-color: transparent;
}

body.single-ecoute .others-actu .other-actu-box:hover .read-cta span {
  color: #dd181e;
}

body.single-ecoute .others-actu .other-actu-box:hover .read-cta svg path {
  stroke: #dd181e;
}

body.single-ecoute .others-actu .other-actu-box .read-cta span {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.08em;
  color: #244781;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  visibility: visible;
  opacity: 1;
}

body.single-ecoute .others-actu .other-actu-box .read-cta svg path {
  stroke: #244781;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  visibility: visible;
  opacity: 1;
}

body.single-ecoute .others-actu {
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

/* End Auther Actu For Ecoutes Posts  */

.article-dedie-section .others-actu .other-actu-box .date-cate {
  display: flex;
  justify-content: space-between;
}

.article-dedie-section .others-actu .other-actu-box .date-cate .the-date {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #7087ba;
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.article-dedie-section .others-actu .other-actu-box .date-cate .the-cat {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 10px;
  line-height: 50px;
  text-align: center;
  color: #f0f3f8;
  width: 104px;
  height: 20px;
  display: flex;
  background-color: #7087ba;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.article-dedie-section .others-actu .other-actu-box h5 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #244781;
  margin-top: 21px;
  margin-bottom: 55px;
}

.article-dedie-section .others-actu .other-actu-box .read-cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 110px;
  bottom: 18px;
  position: absolute;
}

.article-dedie-section .others-actu .other-actu-box .read-cta span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.08em;
  text-align: left;
  color: #dd181e;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.article-dedie-section .others-actu .other-actu-box .read-cta svg {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.agent-single-prim {
  width: 100%;
  position: relative;
  padding-bottom: 70px;
  background: #244780;
  flex-direction: column;
  padding-top: 160px;
}

.agent-single-prim::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background: linear-gradient(313deg, rgba(36, 71, 128, 0.25) 0%, #1a2e50 100%);
  background: transparent
    linear-gradient(310deg, rgba(36, 71, 128, 0.25098) 0%, #1a2e50 100%) 0% 0%
    no-repeat padding-box;
}

.agent-single-prim .pattern-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 535.16px;
  height: 800.5px;
  z-index: 1;
  overflow: hidden;
}

.agent-single-prim .pattern-box img.agent-pattern {
  width: 100%;
  z-index: 2;
}

.agent-single-prim .pattern-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000;
  opacity: 0.05;
}

.agent-single-prim .content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 965px;
  margin: 0 auto;
}

.agent-single-prim .content .top {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.agent-single-prim .content .top .agent-name h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 55px;
  line-height: 60px;
  text-align: left;
  color: #fff;
}

.agent-single-prim .content .top .agent-name span {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 40px;
  text-align: left;
  color: #fff;
  display: block;
  margin-bottom: 30px;
  padding-top: 10px;
  text-transform: capitalize;
}

.agent-single-prim .content .top .cta-annuaire {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
  width: 180px;
  height: 50px;
  border-radius: 4px 4px 20px 4px;
  background: #3e8bd8;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

.agent-single-prim .content .bottom {
  margin-top: 180px;
  position: relative;
  z-index: 2;
  margin-bottom: -40px;
}

.agent-single-prim .content .bottom .pattern-one {
  position: absolute;
  left: -90px;
  top: -60px;
  width: 208px;
  height: 207px;
  background: #1d3c72;
  border-bottom-left-radius: 680px;
  border-bottom-right-radius: 680px;
  z-index: -1;
}

.agent-single-prim .content .bottom .pattern-two {
  position: absolute;
  right: -60px;
  top: -50px;
  z-index: -1;
}

.agent-single-prim .content .bottom .agent-content {
  column-count: 2;
  gap: 40px;
}

.agent-single-prim .content .bottom .agent-content p {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #fff;
  margin-bottom: 16px;
  z-index: 2;
}

.agent-single-prim .content .bottom .agent-content li {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #fff;
  margin-bottom: 16px;
}

.agent-single-prim .middle {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 86px;
  padding-top: 12px;
  position: relative;
  z-index: 1;
}

.agent-single-prim .middle:after {
  content: "";
  border-radius: 0 500px 500px 0;
  position: absolute;
  width: 1200px;
  height: 342px;
  bottom: -40px;
  left: 0;
  background: #fff;
  z-index: -1;
  width: calc(100% - ((100% - 964px) / 2));
}

.agent-single-prim .middle .the-picture {
  max-width: 335px;
  height: 450px;
  width: 100%;
  position: relative;
  -webkit-box-shadow: 0px 50px 40px #000c1f27;
  box-shadow: 0px 50px 40px #000c1f27;
}

.agent-single-prim .middle .the-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 7;
}

.agent-single-prim .middle .the-picture::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(36, 71, 128, 0.25) 0%, #1a2e50 100%);
  z-index: 0;
  opacity: 0.55;
}

.agent-single-prim .middle .the-info {
  /*     padding-top: 22px; */
  padding-left: 87px;
  position: relative;
  z-index: 1;
}

.agent-single-prim .middle .the-info .etudeLd {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 90px;
  margin-bottom: 40px;
}

.agent-single-prim .middle .the-info .etudeLd .agent-etude .etude-subname {
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: initial;
  text-align: left;
  color: #3e8bd8;
}

.agent-single-prim .middle .the-info .etudeLd .agent-etude .etude-name {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 30px;
  text-align: left;
  color: #fff;
  padding-bottom: 30px;
  padding-top: 5px;
}

.agent-single-prim .middle .the-info .etudeLd .agent-etude .etude-cta {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 150px;
}

.agent-single-prim .middle .the-info .etudeLd .agent-etude .etude-cta span {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-align: left;
  color: #fff;
  display: block;
}

.agent-single-prim .middle .the-info .etudeLd .cta-ld {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  align-self: flex-end;
}

.agent-single-prim .middle .the-info .etudeLd .cta-ld span {
  font-family: "DM Sans", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 0;
  text-align: left;
  color: #fff;
  padding-left: 23px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.agent-single-prim .middle .the-info .blue-text {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
  color: #244780;
  max-width: 314px;
}

.agent-single-prim .middle .the-info .the-address,
.agent-single-prim .middle .the-info .the-contact,
.agent-single-prim .middle .the-info .the-phone-o,
.agent-single-prim .middle .the-info .the-website {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  align-items: baseline;
  margin-bottom: 16px;
}

.postid-3284 .agent-single-prim .middle:after {
  bottom: -10px;
}

.the-address {
  flex-wrap: wrap;
}

.the-address h2 {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 60px;
  text-align: left;
  color: #ab1418;
  width: 100%;
}

.agent-single-prim .middle .the-info .the-website {
  align-items: center;
  margin-bottom: 0;
  margin-top: -25px;
}

.agent-single-prim .middle .the-info .the-website a,
.agent-single-prim .middle .the-info .the-website svg {
  margin-bottom: 23px;
  overflow-wrap: anywhere;
}

.agent-single-prim .middle .the-info .the-contact ul {
  list-style: none;
}

.agent-single-prim .middle .the-info .the-contact ul li {
  position: relative;
  margin-bottom: 26px;
}

.agent-single-prim .middle .the-info .the-contact ul li:first-of-type::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 1px;
  background: #ab1418;
  left: 0;
  bottom: -14px;
  display: none;
}

.agent-single-prim .middle .the-info .the-phone-o.nomg {
  margin-bottom: 0;
}

.nos-actualites-prim {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background: black;
  min-height: 800px;
}
body.page-template-ecoute .nos-actualites-prim {
background: #2c559a;
}
.nos-actualites-prim::after {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background: transparent
    linear-gradient(90deg, rgba(112, 141, 192, 0) 0%, #7087ba 100%) 0% 0%
    no-repeat padding-box;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  display: none;
}

.nos-actualites-prim .breadcrumbs {
  padding-top: 160px;
  z-index: 4;
  position: absolute;
  left: 101px;
}

.nos-actualites-prim .slick-slider,
.nos-actualites-prim .slick-list,
.nos-actualites-prim .slick-track {
  height: 100%;
}

.nos-actualites-prim .synSlider.synSlider--single {
  height: 800px;
}

.nos-actualites-prim .synSlider.synSlider--single .synSlider__item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
	background-color: #244781;
}
body.page-template-ecoute  .nos-actualites-prim .synSlider.synSlider--single .synSlider__item svg.bg__cadre {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #2c559a;
}
.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content {
  max-width: 680px;
  left: 238px;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 245px;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .sub-categ-actu
  span {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  color: #f0f3f8;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .date-actu {
  display: flex;
  gap: 5px;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .date-actu
  span {
  display: flex;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .date-actu
  span:first-of-type {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 60px;
  text-align: left;
  color: #fff;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .date-actu
  span:last-of-type {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 60px;
  text-align: left;
  color: #fff;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .title-actu {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 35px;
  line-height: 45px;
  text-align: left;
  color: #fff;
  margin-bottom: 35px;
  height: 140px;
  max-width: 620px;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .nvOrRd {
  display: flex;
  gap: 40px;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .nvOrRd
  .arrows {
  display: flex;
  gap: 16px;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .nvOrRd
  .arrows
  button {
  outline: none;
  border: 1px solid #fff;
  background: transparent;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .nvOrRd
  .arrows
  button
  svg
  g
  path {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .nvOrRd
  .arrows
  button:focus {
  outline: none;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .nvOrRd
  .arrows
  button:hover {
  background: #fff;
  border: none;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .nvOrRd
  .arrows
  button:hover
  svg
  g
  path {
  stroke: #3463b5;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .nvOrRd
  .read-moreAct {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 50px;
  border-radius: 4px 4px 20px 4px;
  background: #ab1418;
  position: relative;
}

.nos-actualites-prim
  .synSlider.synSlider--single
  .synSlider__item
  .item-content
  .nvOrRd
  .read-moreAct
  span {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
}

.nos-actualites-prim .synSlider.synSlider--nav {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: transparent;
  gap: 16px;
  max-width: calc(100% - 280px);
  width: 100%;
  height: 169px;
  z-index: 4;
  margin: 0 auto;
}

.nos-actualites-prim .synSlider.synSlider--nav .slick-track {
  display: flex;
  width: 100% !important;
  justify-content: space-between;
  gap: 16px;
}

.nos-actualites-prim .synSlider.synSlider--nav .slick-list {
  height: 169px;
  overflow: initial;
  width: 100%;
}

.nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav {
  max-width: 378px !important;
  height: 169px;
  border-radius: 10px 10px 0px 0px;
  background: #f0f3f8;
  /*padding: 27px 50px 41px 30px;*/
  padding: 25px 30px;
  display: flex;
  gap: 12px;
  flex-direction: column;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}

.nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav.is-active {
  opacity: 1;
}

.nos-actualites-prim
  .synSlider.synSlider--nav
  .synSlider__item.nav
  .date-actu
  .date-actu-dd {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 22px;
  text-align: left;
  color: #ab1418;
}

.nos-actualites-prim
  .synSlider.synSlider--nav
  .synSlider__item.nav
  .title-actu {
  width: 100%;
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #244781;
}

.nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav object {
  position: absolute;
  bottom: 25px;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
}

.page-template-actualites footer {
  padding-top: 0;
}

.nos-actualites-second {
  position: relative;
  width: 100%;
  background: #f0f3f8 0% 0% no-repeat padding-box;
  padding-top: 74px;
  padding-bottom: 100px;
}

.nos-actualites-second .container .content .actu-filtrage {
  width: 100%;
  height: 100px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid rgba(62, 139, 216, 0.3);
  box-shadow: 0px 50px 40px rgba(0, 12, 31, 0.15);
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 57px;
  padding-right: 56px;
  /* max-width: 1078px; */
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 69px;
}

.nos-actualites-second .container .content .actu-filtrage .news-filters {
  display: flex;
  flex-direction: row;
}

.nos-actualites-second .container .content .actu-filtrage .news-filters ul {
  display: flex;
  list-style: none;
  column-gap: 30px;
}

.nos-actualites-second .container .content .actu-filtrage .news-filters ul li {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  color: #244781;
  cursor: pointer;
}

.nos-actualites-second
  .container
  .content
  .actu-filtrage
  .news-filters
  ul
  li.active {
  color: #dd181e;
  pointer-events: none;
}

.nos-actualites-second .container .content .actu-filtrage .news-search {
  display: flex;
  position: relative;
  align-items: center;
  width: 112px;
}

.nos-actualites-second .container .content .actu-filtrage .news-search form {
  width: 100%;
}

.nos-actualites-second
  .container
  .content
  .actu-filtrage
  .news-search
  input#searchinput {
  border: none;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  color: #244781;
  opacity: 0.5;
  width: 100%;
  padding-right: 15px;
}

.nos-actualites-second
  .container
  .content
  .actu-filtrage
  .news-search
  input#searchinput:focus,
.nos-actualites-second
  .container
  .content
  .actu-filtrage
  .news-search
  input#searchinput:valid {
  opacity: 1;
}

.nos-actualites-second .container .content .actu-filtrage .news-search svg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.nos-actualites-second .container .content .middle {
  max-width: 964px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  column-gap: 65px;
  margin: 0 auto;
  row-gap: 14px;
}

.nos-actualites-second .container .content .middle .other-actu-box {
  padding-top: 24px;
  padding-bottom: 20px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  height: 245px;
}

.nos-actualites-second .container .content .middle .other-actu-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #e2e7f1;
}

.nos-actualites-second .container .content .middle .other-actu-box::before {
  content: "";
  position: absolute;
  bottom: -1px;
  z-index: 4;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #dd181e;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  visibility: hidden;
}

.nos-actualites-second
  .container
  .content
  .middle
  .other-actu-box:hover::after {
  background-color: #dd181e;
}

.nos-actualites-second
  .container
  .content
  .middle
  .other-actu-box:hover::before {
  opacity: 1;
  visibility: visible;
}

.nos-actualites-second
  .container
  .content
  .middle
  .other-actu-box:hover
  .date-cate
  .the-date {
  color: #dd181e;
}

.nos-actualites-second
  .container
  .content
  .middle
  .other-actu-box:hover
  .date-cate
  .the-cat {
  background-color: #dd181e;
}

.nos-actualites-second
  .container
  .content
  .middle
  .other-actu-box:hover
  .read-cta
  span,
.nos-actualites-second
  .container
  .content
  .middle
  .other-actu-box:hover
  .read-cta
  svg {
  visibility: visible;
  opacity: 1;
}

.nos-actualites-second .container .content .middle .other-actu-box .date-cate {
  display: flex;
  justify-content: space-between;
}

.nos-actualites-second
  .container
  .content
  .middle
  .other-actu-box
  .date-cate
  .the-date {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #7087ba;
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nos-actualites-second
  .container
  .content
  .middle
  .other-actu-box
  .date-cate
  .the-cat {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 10px;
  line-height: 50px;
  text-align: center;
  color: #f0f3f8;
  width: 104px;
  height: 20px;
  display: flex;
  background-color: #7087ba;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nos-actualites-second .container .content .middle .other-actu-box h5 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #244781;
  margin-top: 16px;
  margin-bottom: 55px;
}

.nos-actualites-second .container .content .middle .other-actu-box .read-cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 110px;
  position: absolute;
  bottom: 18px;
}

.nos-actualites-second
  .container
  .content
  .middle
  .other-actu-box
  .read-cta
  span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.08em;
  text-align: left;
  color: #dd181e;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nos-actualites-second
  .container
  .content
  .middle
  .other-actu-box
  .read-cta
  svg {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.nos-actualites-second .container .content .middle .other-actu-box.hide {
  display: none !important;
}

.nos-actualites-second .container .content .pagination-blocs {
  padding-top: 65px;
  display: flex;
  max-width: 964px;
  margin: 0 auto;
}

.nos-actualites-second .container .content .pagination-blocs ul {
  margin-left: auto;
  display: flex;
  column-gap: 20px;
}

.nos-actualites-second .container .content .pagination-blocs li {
  font-size: 14px;
  font-weight: 300;
  color: #244780;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 28px;
  height: 28px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

.nos-actualites-second .container .content .pagination-blocs li.active {
  color: #fff;
  position: relative;
  font-weight: 500;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #7087ba;
}

.nos-actualites-second .container .content .pagination-blocs .page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #e4e9f2;
  border: 1px solid #e4e9f2;
  position: relative;
  top: -10px;
}

.nos-actualites-second .container .content .pagination-blocs .page:hover {
  background-color: transparent;
  border: 1px solid #3463b5;
}

.nos-actualites-second .container .content .pagination-blocs .page:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url(images/arrow-input.svg);
  left: 0;
  right: 0;
  margin: auto;
  top: 16px;
}

.nos-actualites-second .container .content .pagination-blocs .prev:after {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nos-actualites-second .container .content .pagination-blocs .pages-number {
  color: rgba(36, 71, 128, 0.5);
  font-size: 14px;
  font-weight: 500;
}

.nos-actualites-second span#msg-newsletter {
  margin-top: 15px;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  display: flex;
  font-family: "Roboto", sans-serif;
}

.espace-presse .bottom {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  max-width: calc(100% - 40px);
  z-index: 99;
}

.espace-presse .newsWrapper.show {
  display: flex;
}

.espace-presse .newsWrapper {
  width: 100%;
  height: 100vh;
  position: fixed;
  background: #2548814d;
  top: 0;
  left: 0;
  z-index: 5;
  display: none;
  animation: fade 0.6s linear;
}

.espace-presse .bottom .closing {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 36px;
  z-index: 4;
  cursor: pointer;
}

#newsEsp {
  cursor: pointer;
}

.nos-actualites-second .container .bottom {
  position: relative;
  z-index: 4;
  box-shadow: 0px 33px 99px rgba(52, 99, 181, 0.5);
  margin: 0 auto;
}

.espace-presse .bottom img.pattern,
.nos-actualites-second .container .bottom img.pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.espace-presse .bottom .news-content,
.nos-actualites-second .container .bottom .news-content {
  margin-top: 82px;
  width: 100%;
  padding: 64px 98px 88px 98px;
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: space-between;
}

.espace-presse .bottom .news-content .left,
.nos-actualites-second .container .bottom .news-content .left {
  display: flex;
  flex-direction: column;
}

.espace-presse .bottom .news-content .left span,
.nos-actualites-second .container .bottom .news-content .left span {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #f0f3f8;
}

.espace-presse .bottom .news-content .left h4,
.nos-actualites-second .container .bottom .news-content .left h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 42px;
  text-align: left;
  color: #fff;
  padding-top: 10px;
}

.espace-presse .bottom .news-content .right,
.nos-actualites-second .container .bottom .news-content .right {
  padding-top: 30px;
}

.espace-presse .bottom .news-content .right form,
.nos-actualites-second .container .bottom .news-content .right form {
  width: 442px;
}

.espace-presse .bottom .news-content .right form .nameBox,
.nos-actualites-second .container .bottom .news-content .right form .nameBox {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.espace-presse .bottom .news-content .right form .nameBox .inputBox,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .nameBox
  .inputBox {
  width: 46%;
}

.espace-presse .bottom .news-content .right form .nameBox .inputBox input,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .nameBox
  .inputBox
  input {
  width: 100%;
  padding: 13px 0;
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 20px;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: transparent;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.espace-presse
  .bottom
  .news-content
  .right
  form
  .nameBox
  .inputBox
  input:focus
  ~ label,
.espace-presse
  .bottom
  .news-content
  .right
  form
  .nameBox
  .inputBox
  input:valid
  ~ label,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .nameBox
  .inputBox
  input:focus
  ~ label,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .nameBox
  .inputBox
  input:valid
  ~ label {
  top: -19px;
  left: 0;
  opacity: 0.4;
  font-size: 12px;
}

.espace-presse .bottom .news-content .right form .nameBox .inputBox:last-child,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .nameBox
  .inputBox:last-child {
  margin-left: auto;
}

.espace-presse .bottom .news-content .right form .inputBox,
.nos-actualites-second .container .bottom .news-content .right form .inputBox {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.espace-presse .bottom .news-content .right form .inputBox .checkbox,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .inputBox
  .checkbox {
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  width: 260px;
}

.espace-presse
  .bottom
  .news-content
  .right
  form
  .inputBox
  .checkbox
  .checkbox-label,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .inputBox
  .checkbox
  .checkbox-label {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  text-align: left;
  color: #fff;
  /*opacity: 0.46;*/
  pointer-events: visible;
  cursor: pointer;
  padding: 0;
  padding-left: 30px;
  position: relative;
  text-indent: -4px;
}

.espace-presse
  .bottom
  .news-content
  .right
  form
  .inputBox
  .checkbox
  input[type="checkbox"],
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .inputBox
  .checkbox
  input[type="checkbox"] {
  -webkit-appearance: none;
  position: inherit;
  border: none;
  padding-bottom: 0;
  outline: none;
}

.espace-presse
  .bottom
  .news-content
  .right
  form
  .inputBox
  .checkbox
  input[type="checkbox"]:after,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .inputBox
  .checkbox
  input[type="checkbox"]:after {
  content: "";
  position: absolute;
  left: -27px;
  top: -10px;
  border: none;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: transparent;
  border: 1px solid #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0.46;
}

.espace-presse
  .bottom
  .news-content
  .right
  form
  .inputBox
  .checkbox
  input[type="checkbox"]:checked::after,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .inputBox
  .checkbox
  input[type="checkbox"]:checked::after {
  background: #fff;
}

.espace-presse
  .bottom
  .news-content
  .right
  form
  .inputBox
  .checkbox
  .text-check,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .inputBox
  .checkbox
  .text-check {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  text-align: left;
  color: #fff;
  /*opacity: 0.46;*/
}

.espace-presse .bottom .news-content .right form .inputBox input[type="email"],
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .inputBox
  input[type="email"] {
  width: 100%;
  padding: 13px 0;
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid #fff;
  outline: none;
  background: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.newsletter_msg_abonne {
  position: absolute;
  right: 100px;
  font-size: 12px;
  color: #fff;
}

.espace-presse
  .bottom
  .news-content
  .right
  form
  .inputBox
  input[type="email"]:focus
  ~ label,
.espace-presse
  .bottom
  .news-content
  .right
  form
  .inputBox
  input[type="email"]:valid
  ~ label,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .inputBox
  input[type="email"]:focus
  ~ label,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .inputBox
  input[type="email"]:valid
  ~ label {
  top: -19px;
  left: 0;
  opacity: 0.4;
  font-size: 12px;
}

.espace-presse .bottom form input::-webkit-input-placeholder,
.nos-actualites-second
  .container
  .bottom
  form
  input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  color: #fff;
}

.espace-presse .bottom form input::-moz-placeholder,
.nos-actualites-second .container .bottom form input::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 14px;
  color: #fff;
}

.espace-presse .bottom form input:-ms-input-placeholder,
.nos-actualites-second .container .bottom form input:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 14px;
  color: #fff;
}

.espace-presse .bottom form input:-moz-placeholder,
.nos-actualites-second .container .bottom form input:-moz-placeholder {
  /* Firefox 18- */
  font-size: 14px;
  color: #fff;
}

.espace-presse .bottom .news-content .right form .newslett-cta,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .newslett-cta {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
  width: 149px;
  background: #dd181e;
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  border-radius: 4px 4px 20px 4px;
}

.espace-presse .bottom .news-content .right form .newslett-cta:focus,
.espace-presse .bottom .news-content .right form .newslett-cta:valid,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .newslett-cta:focus,
.nos-actualites-second
  .container
  .bottom
  .news-content
  .right
  form
  .newslett-cta:valid {
  outline: none;
  border: none;
}

.nos-actualites-second::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 288px;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 0;
}

.nos-missions-prim {
  width: 100%;
  background-color: #f7f9fb;
  display: flex;
  flex-direction: column;
  padding-top: 160px;
  display: flex;
  flex-direction: column;
  background: transparent linear-gradient(305deg, #3463b5 0%, #244780 100%) 0%
    0% no-repeat padding-box;
  padding-bottom: 100px;
  position: relative;
  min-height: 100vh;
  justify-content: space-evenly;
}

.nos-missions-prim .container .missions-pattern {
  position: absolute;
  width: 440px;
  height: 330px;
  bottom: 0;
  right: 238px;
  background: url(../images/mission_pattern.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.nos-missions-prim .container .content {
  max-width: 980px;
  margin: 0 auto;
}

.nos-missions-prim .container .content .content-title {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 55px;
  line-height: 65px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 27px;
  max-width: 900px;
  z-index: 1;
  position: relative;
}

.nos-missions-prim .container .content .content-text {
  position: relative;
  max-width: 800px;
}

.nos-missions-prim .container .content .content-text p {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #ffffff;
  margin-bottom: 20px;
  max-width: 866px;
  z-index: 14;
  position: relative;
}

.nos-missions-second {
  position: relative;
  width: 100%;
  background-color: #fff;
  padding-top: 82px;
}

.nos-missions-second .container .content {
  position: relative;
  z-index: 14;
}

.nos-missions-second .container .content .radius-pattern {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.nos-missions-second .container .content .nos-missions-list {
  display: grid;
  grid-template-columns: repeat(5, 232px);
  grid-template-rows: repeat(3, 232px);
}

.nos-missions-second .container .content .nos-missions-list .item {
  height: 232px;
  background-color: #244780;
  position: relative;
  padding: 23px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.nos-missions-second .container .content .nos-missions-list .item .demi-cercle {
  width: 116px;
  height: 100%;
  background-color: #7087ba;
  border-top-left-radius: 500px;
  border-bottom-left-radius: 500px;
  position: absolute;
  top: 0;
  left: 0;
}

.nos-missions-second
  .container
  .content
  .nos-missions-list
  .item
  .demi-cercle::after {
  content: "";
  background-color: #7087ba;
  position: absolute;
  right: -100%;
  top: 0;
  width: 58px;
  height: 100%;
}

.nos-missions-second
  .container
  .content
  .nos-missions-list
  .item
  .demi-cercle::before {
  content: "";
  background-color: #3463b5;
  position: absolute;
  right: -50%;
  top: 0;
  width: 58px;
  height: 100%;
}

.nos-missions-second .container .content .nos-missions-list .item svg {
  position: absolute;
  bottom: 20px;
  right: 20px;
  opacity: 0.2;
}

.nos-missions-second .container .content .nos-missions-list .item h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  text-align: left;
  color: #244780;
  position: relative;
}

.nos-missions-second .container .content .nos-missions-list .item h3::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: -17px;
  left: 0;
  background-color: #3e8bd8;
}

.nos-missions-second .container .content .nos-missions-list .item .number {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  text-align: left;
  color: #244781;
  opacity: 0.2;
  display: flex;
  margin-bottom: 12px;
}

.nos-missions-second .container .content .nos-missions-list .item .item-text {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #244781;
}

.nos-missions-second .container .content .nos-missions-list .item:first-child {
  grid-column-start: 1;
  grid-column-end: 4;
  background: transparent;
  padding-top: 57px;
  padding-left: 98px;
}

.nos-missions-second
  .container
  .content
  .nos-missions-list
  .item:first-child::after {
  content: "";
  position: absolute;
  width: 125px;
  height: 100%;
  background-color: #fff;
  top: 0;
  right: 0;
}

.nos-missions-second .container .content .nos-missions-list .item.light_blue {
  background-color: #e4eaf5;
}

.nos-missions-second .container .content .nos-missions-list .item.white {
  background-color: #fff;
}

.nos-missions-second .container .content .nos-missions-list .item.gray {
  background-color: #f0f3f8;
}

.nos-missions-second .container .content .nos-missions-list .item.blue {
  background-color: #7087ba;
}

.nos-missions-second .container .content .nos-missions-list .item.blue .number {
  color: #fff;
  opacity: 0.2;
}

.nos-missions-second
  .container
  .content
  .nos-missions-list
  .item.blue
  .item-text {
  color: #fff;
}

.nos-missions-second
  .container
  .content
  .nos-missions-list
  .item.dark_blue
  svg {
  stroke: #fff;
  fill: #fff;
}

.nos-missions-second
  .container
  .content
  .nos-missions-list
  .item.dark_blue
  .number {
  color: #fff;
  opacity: 0.2;
}

/*.nos-missions-second .container .content .nos-missions-list .item.white svg {
    opacity: .2;
}*/
.nos-missions-second
  .container
  .content
  .nos-missions-list
  .item.dark_blue
  .item-text {
  color: #fff;
}

.nos-missions-second .container .content .nos-missions-list .item .barette {
  width: 58px;
  height: 232px;
  background-color: #3463b5;
  position: absolute;
  right: 0;
  top: 0;
}

.nos-missions-second
  .container
  .content
  .nos-missions-list
  .item.barette::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 231px 0 0 116px;
  border-color: transparent transparent transparent #3463b5;
  left: 59px;
  top: 0;
}

.nos-missions-second
  .container
  .content
  .nos-missions-list
  .item.barette::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 116px 231px 0;
  border-color: transparent #7087ba transparent transparent;
  left: 59px;
  top: 0;
}

.nos-missions-second
  .container
  .content
  .nos-missions-list
  .item.triangle::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 116px 231px 0;
  border-color: transparent #7088ba transparent transparent;
  right: 0;
  top: 0;
}

.nos-missions-second
  .container
  .content
  .nos-missions-list
  .item.triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 231px 116px 0 0;
  border-color: #3463b5 transparent transparent transparent;
  left: 0;
  top: 0;
  width: 0;
}

.nos-missions-second .container .content .nos-procedures-list {
  display: grid;
  grid-template-columns: repeat(5, 232px);
  grid-template-rows: repeat(3, 232px);
  margin-top: 117px;
}

.nos-missions-second .container .content .nos-procedures-list .item {
  height: 232px;
  position: relative;
  padding: 23px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.nos-missions-second .container .content .nos-procedures-list .item h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  text-align: left;
  color: #ab1418;
  position: relative;
}

.nos-missions-second .container .content .nos-procedures-list .item h3::after {
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: -17px;
  left: 0;
  background-color: #dd181e;
}

.nos-missions-second .container .content .nos-procedures-list .item .number {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  text-align: left;
  color: #dd181e;
  opacity: 0.26;
  display: flex;
  margin-bottom: 12px;
}

.nos-missions-second .container .content .nos-procedures-list .item svg {
  position: absolute;
  bottom: 20px;
  right: 20px;
  opacity: 0.2;
}

.nos-missions-second .container .content .nos-procedures-list .item .item-text {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #ab1418;
}

.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item:first-child {
  grid-column-start: 1;
  grid-column-end: 4;
  background: transparent;
  padding-top: 57px;
  padding-left: 98px;
}

.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item:first-child::after {
  content: "";
  position: absolute;
  width: 125px;
  height: 100%;
  background-color: #fff;
  top: 0;
  right: 0;
}

.nos-missions-second .container .content .nos-procedures-list .item.light_red {
  background-color: rgba(211, 101, 102, 0.2);
}

.nos-missions-second .container .content .nos-procedures-list .item.red {
  background-color: #d36566;
}

.nos-missions-second .container .content .nos-procedures-list .item.white {
  background-color: #fff;
}

.nos-missions-second .container .content .nos-procedures-list .item.dark_red {
  background-color: #ab1418;
  grid-column-start: 2;
}

.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.extra_light_red {
  background-color: rgba(211, 101, 102, 0.06);
}

.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.circle_dark {
  background-color: #d36566;
}

.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.dark_triangle {
  background-color: #ab1418;
}

.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.red
  .item-text,
.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.dark_red
  .item-text {
  color: #fff;
}

.nos-missions-second .container .content .nos-procedures-list .item.red .number,
.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.dark_red
  .number {
  opacity: 0.2;
  color: #fff;
}

.nos-missions-second .container .content .nos-procedures-list .item.red svg,
.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.dark_red
  svg {
  fill: #fff;
  stroke: #fff;
}

.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.circle_dark::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 100%;
  background-color: #dd181e;
  border-bottom-left-radius: 500px;
  border-bottom-right-radius: 500px;
}

.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.circle_dark::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 50%;
  width: 80%;
  background-color: #ab1418;
}

.nos-missions-second .container .content .nos-procedures-list .item.circle_red {
  order: 2;
  background-color: #ab1418;
}

.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.circle_red::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 100%;
  background-color: #d36566;
  border-bottom-left-radius: 500px;
  border-bottom-right-radius: 500px;
}

.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.circle_red::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 50%;
  width: 20%;
  background-color: #dd181e;
}

.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.dark_triangle::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 231px 0 0 116px;
  border-color: transparent transparent transparent #dd181f;
}

.nos-missions-second
  .container
  .content
  .nos-procedures-list
  .item.dark_triangle::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 231px 116px;
  border-color: transparent transparent #d36567 transparent;
}

.single-mission {
  position: relative;
  padding-top: 160px;
  flex-direction: column;
}

.single-mission .container {
  position: relative;
}

.single-mission .container::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400.893' height='803.493' viewBox='0 0 400.893 803.493'%3E%3Cpath id='Rectangle_1060' data-name='Rectangle 1060' d='M400.893,0h0a0,0,0,0,1,0,0V803.493a0,0,0,0,1,0,0h0A400.893,400.893,0,0,1,0,402.6v-1.708A400.893,400.893,0,0,1,400.893,0Z' transform='translate(400.893 803.493) rotate(180)' fill='%23f0f3f8' opacity='0.477' style='mix-blend-mode: multiply;isolation: isolate'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 45px;
  left: -80px;
  width: 401px;
  height: 805px;
  z-index: -1;
}

.single-mission .mission-content {
  margin: 0 auto 0 auto;
  max-width: 965px;
}

.single-mission .mission-header {
  display: flex;
  justify-content: space-between;
}

.single-mission .mission-header span {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: #dd181e;
}

.single-mission .mission-header .switchs {
  display: flex;
  gap: 15px;
}

.single-mission .mission-header .switchs .btn-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #3463b5;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.single-mission .mission-header .switchs .btn-switch:hover {
  border-color: #e9edf5;
  background-color: #e9edf5;
}

.single-mission .mission-body h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 55px;
  line-height: 60px;
  text-align: left;
  color: #244780;
  max-width: 87%;
  margin-bottom: 62px;
  margin-top: 15px;
}

.single-mission .mission-body p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  color: #244781;
  margin-bottom: 25px;
}

.single-mission .mission-body h4 {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  margin-bottom: 30px;
}

.single-mission .mission-body li {
  margin-bottom: 37px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  padding-left: 35px;
  position: relative;
}

.single-mission .mission-body li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 4px;
  height: 4px;
  background-color: #244780;
  border-radius: 100%;
}

.single-mission .guide-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 65px;
  margin: 70px auto 65px auto;
  max-width: 965px;
}

.single-mission .guide-header h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  color: #244780;
}

.single-mission .guide-header a {
  width: 180px;
  height: 50px;
  background: #dd181e;
  border-radius: 4px 4px 20px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}

.single-mission .guide-body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.single-mission .guide-body .item {
  padding: 73px 32px 37px 42px;
  min-height: 352px;
  background-color: #dd181e;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  position: relative;
}

.single-mission .guide-body .item:first-child::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #ab1418;
  z-index: 1;
  border-radius: 0 200px 200px 0;
}

.single-mission .guide-body .item:nth-child(2) {
  background-color: #3363b5;
}

.single-mission .guide-body .item:nth-child(2)::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 352px 177px;
  border-color: transparent transparent #024578 transparent;
}

.single-mission .guide-body .item h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  position: relative;
  z-index: 2;
}

.single-mission .guide-body .item .item-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.single-mission .guide-body .item .item-info p {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 24px;
  color: #fff;
  opacity: 0.7;
  margin-bottom: 25px;
}

.single-mission .guide-body .item .item-info .read-more {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #fff;
  display: flex;
  align-items: center;
  margin-top: 32px;
}

.single-mission .guide-body .item .item-info .read-more svg {
  margin-left: 16px;
}

.devenir-ajmj {
  flex-direction: column;
}

.devenir-ajmj-header {
  background: linear-gradient(to bottom, #3463b5 0%, #244781 100%);
  padding-bottom: 150px;
  padding-top: 160px;
}

.devenir-ajmj-header .be-ajmj-header {
  max-width: 965px;
  margin: 0 auto;
}

.devenir-ajmj-header h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 55px;
  line-height: 60px;
  color: #fff;
  margin-bottom: 80px;
}

.devenir-ajmj-body {
  background: linear-gradient(to bottom, #f0f3f8 0%, #fff 100%);
}

.devenir-ajmj-body .be-ajmj-body {
  max-width: 100%;
  margin: 0 auto;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents {
  margin-top: -150px;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tabs {
  display: flex;
  list-style-type: none;
  gap: 16px;
  margin-bottom: 24px;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 50%;
  height: 150px;
  border-radius: 10px 10px 0 0;
  background: linear-gradient(
    rgba(240, 243, 248, 0.211765) 0%,
    rgba(255, 255, 255, 0.211765) 100%
  );
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  padding: 0 48px;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab.active {
  background: linear-gradient(to bottom, #f0f3f8 0%, #eff2f8 100%);
  color: #244780;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab.tab-mobile {
  width: 100%;
  display: none;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab:hover {
  background-color: #ffffff;
  color: #244780;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab-content .tab-items {
  padding-bottom: 77px;
  display: none;
}

.devenir-ajmj-body .be-ajmj-body .tabs-contents .tab-content .tab-items.active {
  display: block;
}

.devenir-ajmj-body
  .be-ajmj-body
  .tabs-contents
  .tab-content
  .tab-items
  .tab-item {
  background-color: #fff;
  padding: 27px 36px;
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 19px;
  border-bottom-right-radius: 15px;
  width: 100%;
  box-shadow: 0px 50px 60px rgba(52, 99, 181, 0.15);
}

.devenir-ajmj-body
  .be-ajmj-body
  .tabs-contents
  .tab-content
  .tab-items
  .tab-item
  .number {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 35px;
  color: #244780;
  opacity: 0.37;
}

.devenir-ajmj-body
  .be-ajmj-body
  .tabs-contents
  .tab-content
  .tab-items
  .tab-item
  .content
  h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #3e8bd8;
  margin-bottom: 8px;
}

.devenir-ajmj-body
  .be-ajmj-body
  .tabs-contents
  .tab-content
  .tab-items
  .tab-item
  .content
  p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #244780;
}

.devenir-ajmj-body .faq-content {
  margin-bottom: 10px;
  padding-top: 70px;
}

.devenir-ajmj-body .faq-content h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 45px;
  line-height: 60px;
  text-align: center;
  color: #244781;
  margin-bottom: 30px;
}

.devenir-ajmj-body .faq-content .accordion {
  display: flex;
  flex-direction: column;
}

.devenir-ajmj-body .faq-content .accordion .item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d5e6f6;
  padding: 30px 0;
}

.devenir-ajmj-body .faq-content .accordion .item:first-child {
  border-top: 1px solid #d5e6f6;
}

.devenir-ajmj-body .faq-content .accordion .item.active {
  border-bottom: 2px solid #244781;
}

.devenir-ajmj-body .faq-content .accordion .item.active button .icon {
  transform: rotate(180deg);
}

.devenir-ajmj-body .faq-content .accordion .item.active .content {
  /*margin: 32px 50px 20px auto;*/
  margin: 32px 0 20px 0;
  max-height: initial !important;
}

.devenir-ajmj-body .faq-content .accordion .item .accordionBtn {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: transparent;
  display: flex;
  width: 100%;
  border: none;
  cursor: pointer;
  justify-content: space-between;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 34px;
  color: #244781;
  text-align: left;
  align-items: center;
  gap: 37px;
}

.devenir-ajmj-body .faq-content .accordion .item .accordionBtn .icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.devenir-ajmj-body .faq-content .accordion .item .content {
  max-width: 850px;
  /*660px*/
  max-height: 0;
  margin: 0 50px 0 auto;
  display: block;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  overflow: hidden;
}

.devenir-ajmj-body .faq-content .accordion .item .content ul li {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  /*500*/
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #244780;
  margin-bottom: 10px;
}

.devenir-ajmj-body .faq-content .accordion .item .content p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  /*500*/
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #244780;
  margin-bottom: 22px;
}

.devenir-ajmj-body .faq-content .accordion .item .content p:first-child {
  opacity: 0.7;
  font-weight: 400;
}

.devenir-ajmj-body .faq-content .accordion .item .content strong {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  color: #244780;
  margin-bottom: 15px;
}

.devenir-ajmj-body .faq-content .accordion .item .content strong a {
  text-decoration: underline;
  color: #3e8bd8;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu {
  position: relative;
  padding-bottom: 103px;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 532px;
  max-width: 100%;
  background: transparent linear-gradient(357deg, #f8fafc 0%, #f0f3f8 100%) 0%
    0% no-repeat padding-box;
  border-radius: 4px 4px 500px 500px;
  transform: translateX(-50%);
  z-index: 1;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content {
  position: relative;
  z-index: 2;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content h4 {
  padding-bottom: 55px;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  color: #244780;
  max-width: 670px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content h4:after {
  content: "";
  width: 530px;
  height: 100%;
  position: absolute;
  top: -33px;
  left: 0;
  right: 0;
  margin: auto;
  height: 1109px;
  border-radius: 2.13px 2.13px 266px 266px;
  background: linear-gradient(180deg, #f0f3f8 60%, #fff 50%);
  z-index: -1;
  opacity: 0.6;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content.results-exam-content
  h4:after {
  display: none;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  position: relative;
  z-index: 9;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 43px 36px 73px;
  position: relative;
  min-height: 291px;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content
  .items
  .item
  .date {
  line-height: 24px;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item > * {
  z-index: 2;
  position: relative;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content
  .items
  .item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 176px;
  height: 100%;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 1;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content
  .items
  .item.red-bloc {
  background-color: #ab1418;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content
  .items
  .item.red-bloc::after {
  background-position: bottom;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='291.4' viewBox='0 0 143 291.4'%3E%3Cpath id='Tracé_11109' data-name='Tracé 11109' d='M-3841.333,1564h143v291.4Z' transform='translate(3841.333 -1564)' fill='%23dd181e'/%3E%3C/svg%3E%0A");
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content
  .items
  .item.bleu-bloc {
  background-color: #3463b5;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content
  .items
  .item.bleu-bloc::after {
  background-position: top;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='291.4' viewBox='0 0 143 291.4'%3E%3Cpath id='Tracé_11109' data-name='Tracé 11109' d='M0,291.4H143V0Z' fill='%233e8bd8'/%3E%3C/svg%3E%0A");
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content
  .items
  .item
  span.label {
  letter-spacing: -0.02em;
  line-height: 24px;
  opacity: 0.7;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content.next-exam-content
  .items
  .item
  span.label {
  display: none;
}

.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item h5 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  margin: 36px 0 11px 0;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content.next-exam-content
  .items
  .item
  h5 {
  margin-top: 0;
  margin-bottom: 30px;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content
  .items
  .item
  span.date {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content
  .items
  .item
  .link {
  position: absolute;
  bottom: 36px;
  display: flex;
  align-items: center;
}

/*.devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item .link svg {
    display: none;
}*/

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content
  .items
  .item
  .link
  span {
  letter-spacing: 0.08em;
  margin-right: 16px;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content.results-exam-content
  .items
  .item {
  background-color: #f0f3f8;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content.results-exam-content
  .items
  .item.left-bloc::after {
  background-position: bottom;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='291.4' viewBox='0 0 143 291.4'%3E%3Cpath id='Tracé_11109' data-name='Tracé 11109' d='M-3841.333,1564h143v291.4Z' transform='translate(3841.333 -1564)' fill='%23E4EAF5'/%3E%3C/svg%3E%0A");
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content.results-exam-content
  .items
  .item.right-bloc::after {
  background-position: top;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='291.4' viewBox='0 0 143 291.4'%3E%3Cpath id='Tracé_11109' data-name='Tracé 11109' d='M0,291.4H143V0Z' fill='%23E4EAF5'/%3E%3C/svg%3E%0A");
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content.results-exam-content
  .items
  .item
  span.label {
  color: #dd181e;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content.results-exam-content
  .items
  .item
  h5 {
  color: #244780;
}

.devenir-ajmj-body
  .be-ajmj-body
  .exams-contenu
  .test-content.results-exam-content
  .items
  .item
  .link
  span {
  color: #244780;
}

.single-etude-section {
  background: linear-gradient(to top, #f0f3f8 0%, #fff 100%);
  padding-bottom: 100px;
  padding-top: 160px;
  flex-direction: column;
}

.single-etude-section .single-etude-header {
  margin: 0 auto 87px auto;
  max-width: 965px;
}

.single-etude-section .se-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 26px;
}

.single-etude-section .se-top h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  color: #244780;
  letter-spacing: -0.02em;
}

.single-etude-section .se-top a {
  width: 180px;
  height: 50px;
  background: #ab1418;
  border-radius: 4px 4px 20px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  text-decoration: none !important;
}

.single-etude-section .se-bottom {
  display: flex;
  gap: 15px;
}

.single-etude-section .se-bottom h4 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 25px;
  color: #7087ba;
  margin-bottom: 35px;
}

.single-etude-section .se-bottom h4 a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 25px;
  color: #7087ba;
  text-decoration: none !important;
}

.single-etude-section .se-bottom ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 24px;
  color: #7087ba;
  text-decoration: none !important;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.single-etude-section .se-bottom ul li:hover a {
  color: #dd181e;
}

.single-etude-section .se-bottom .right ul {
  margin-bottom: 26px;
}

.single-etude-section .se-bottom .right ul li {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  color: #244780;
  position: relative;
  padding-left: 16px;
  margin-bottom: 6px;
}

.single-etude-section .se-bottom .right ul li::after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
  background: #244780;
}

.single-etude-section .se-bottom p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  color: #244780;
  margin-bottom: 25px;
}

.single-etude-section .se-bottom .left {
  width: 220px;
}

.single-etude-section .se-bottom .right {
  width: calc(100% - 235px);
}

.single-etude-section .se-bottom .right .info {
  padding-right: 95px;
}

.single-etude-section .equipe-dediee {
  position: relative;
  padding-bottom: 90px;
}

.single-etude-section .equipe-dediee::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 443px;
  height: 653px;
  border-radius: 0px 0px 222px 222px;
  background: #7087ba;
  opacity: 0.1;
  pointer-events: none;
  max-width: 100%;
}

.single-etude-section .equipe-dediee .equipe-dediee-header {
  max-width: 965px;
  margin: 0 auto;
}

.single-etude-section .equipe-dediee .equipe-dediee-header h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  color: #244780;
  padding: 40px 0 63px 0;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .item.item-3106 {
  order: 1;
}
.single-etude-section .equipe-dediee .annuaire-equipe-items .item.item-10802 {
  order: 2;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .item {
  width: 278px;
  height: 371px;
  margin: 0;
  background-size: cover;
  background-position: center;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .mask {
  position: absolute;
  background-color: rgba(36, 71, 126, 0.3);
  height: 100%;
  width: 100%;
  top: 0;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .infos {
  height: 161px;
  position: absolute;
  background: url(images/card-profil.svg);
  color: #fff;
  padding: 20px;
  width: 100%;
  bottom: -200px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.annuaire-equipe-items .item:hover .infos {
  bottom: 0;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .item:hover .mask {
  background-color: transparent;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items h5 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  position: relative;
  z-index: 1;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  padding-top: 3px;
  letter-spacing: 0.5px;
  position: relative;
  z-index: 1;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items span {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 16px;
  position: relative;
  z-index: 1;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .voir-profil {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1.3px;
  padding-top: 25px;
  position: absolute;
  bottom: 24px;
  z-index: 1;
}

.single-etude-section .equipe-dediee .annuaire-equipe-items .voir-profil:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background-image: url(images/arrow-white.svg);
  left: 108px;
}

.office-etude {
  /* background-color: #fff; */
  position: relative;
  z-index: 2;
  /*  margin-top: 110px;*/
}

.agent-single-prim .bio-ajmj {
  margin-bottom: 110px;
}

.etude-dediee {
  margin-top: -30px !important;
}

.office-etude h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  color: #244781;
  margin-bottom: 35px;
}

.office-etude .office-info {
  margin: -145px auto 0 auto;
  max-width: 965px;
  padding: 50px 15px 60px 50px;
  display: flex;
  border-radius: 4px;
  background: linear-gradient(to left, #f0f3f8 0%, #fff 100%);
  box-shadow: 0px 50px 60px rgba(35, 46, 70, 0.15);
  justify-content: space-between;
}

.etude-dediee .office-info {
  margin: 100px auto 0 auto;
}

body.single-ajmj .office-etude .office-info {
  margin: 0 auto;
}

body.single-ajmj .office-etude .office-info .office-logo {
  margin-top: 75px;
}

.office-etude .office-info .office-contact {
  width: calc(100% - 238px);
}

.office-etude .office-info .office-contact ul {
  display: flex;
  gap: 21px;
}

.office-etude .office-info .office-contact ul li {
  width: 33.33%;
}

.office-etude .office-info .office-contact ul li:first-child a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.06em;
}

.office-etude .office-info .office-contact ul li:first-child a span {
  margin-left: 0;
}

.office-etude .office-info .office-contact ul li:nth-child(2) {
  width: 350px;
}

.office-etude .office-info .office-contact ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 36px;
  color: #7087ba;
  text-decoration: none !important;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.office-etude .office-info .office-contact ul li a svg path {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.office-etude .office-info .office-contact ul li a span.tel {
  font-weight: 900;
  font-size: 14px;
}

.office-etude .office-info .office-contact ul:hover li a {
  color: #dd181e;
}

.office-etude .office-info .office-contact ul:hover li a svg path {
  fill: #dd181e;
}

.office-etude .office-info .office-logo {
  width: 238px;
}

.office-etude .office-info .office-logo a {
  display: flex;
}

.office-etude .office-info .office-logo a img {
  max-width: 100%;
}

.home-container {
  flex-direction: column;
}

.btn {
  width: 180px;
  height: 50px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  -webkit-border-radius: 4px 4px 15px 4px;
  -moz-border-radius: 4px 4px 15px 4px;
  -ms-border-radius: 4px 4px 15px 4px;
  -o-border-radius: 4px 4px 15px 4px;
  border-radius: 4px 4px 15px 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease-in-out;
}

/* Start Hovers */

.btn:hover {
  border-radius: 4px !important;
}

/* Hover Btn Red */
.btn.btn-red:hover,
.btn.btn-light-red:hover,
.btn.newslett-cta:hover,
.btn.page-link:hover,
.btn.wpcf7-submit:hover,
#newsEsp:hover,
.espace-presse .espace-presse-body .right .box .btn:hover {
  background: #ab1418 !important;
  border-color: #ab1418 !important;
  color: #fff !important;
}

/* Hover Btn Dark Red */
.btn.btn-darkred:hover,
.btn.read-moreAct:hover,
.btn.histo-cta:hover {
  background: #dd181e !important;
  border-color: #dd181e !important;
}

/* Hover Btn Blue */
.btn.rechercher:hover {
  background: #244781 !important;
  border-color: #244781 !important;
}

/* Hover Btn Dark Blue*/
.deontologie-body .deontologie-download .box .btn:hover {
  background: #3e8bd8 !important;
  border-color: #3e8bd8 !important;
}

/* Hover Btn Bleu To Grey*/
.deontologie-body .deontologie-download .box:nth-child(2) .btn:hover,
.btn.cta-annuaire:hover {
  background: #f0f3f8 !important;
  border-color: #f0f3f8 !important;
  color: #3e8bd8 !important;
}

/* Other Hovers */
.espace-presse .espace-presse-body .right .contact-presse .btn:hover {
  background-color: #3e8bd8 !important;
  color: #f0f3f8 !important;
  border-color: #3e8bd8 !important;
}

/* End Hovers */

.btn.btn-darkred {
  border-color: var(--color_dark_red);
  background: var(--color_dark_red);
  color: var(--color_white);
}

.btn.btn-red {
  border-color: var(--color_red);
  background: var(--color_red);
  color: white;
}

.btn.btn-blue {
  border-color: var(--color_btn_blue);
  background: var(--color_btn_blue);
  color: white;
}

.btn.btn-light {
  border-color: #e8ecf2;
  background: #e8ecf2;
  color: #244781;
}

.btn.btn-gradient {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  padding: 15px 35px;
  border-color: transparent;
  background: #244781;
  background: linear-gradient(90deg, #244781 0%, var(--color_pastel_red) 100%);
  color: white;
}

.btn.no-rd {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.hero_container {
  position: relative;
}

.hero_container.content_page {
  padding-top: 180px;
}

.hero_container .dev-carousel {
  width: 100%;
  min-height: 100vh;
}

.hero_container .dev-carousel .item {
  padding: 280px 0 0;
  width: 100%;
  min-height: 1435px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

/*.hero_container .dev-carousel .item:first-child::after {
    background: url(images/star.png);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}*/

.hero_container .dev-carousel .item .shape1,
.hero_container .dev-carousel .item .shape2 {
  position: absolute;
  right: 140px;
  z-index: -1;
}

.hero_container .dev-carousel .item .shape2,
.hero_container .dev-carousel .item .shape1 {
  bottom: 535px;
}

.hero_container .dev-carousel .item .shape3 {
  position: absolute;
  right: 123px;
  top: 222px;
  z-index: -1;
}

.hero_container .dev-carousel .item .shape3 img {
  max-width: 580px;
}

.hero_container .dev-carousel .item .slide-title b {
  font-weight: bold;
}

.hero_container .dev-carousel .item .scroll_down {
  margin-left: 40px;
  color: #fff;
  display: block;
  position: absolute;
  top: 820px;
}

.hero_container .dev-carousel .item .actions .slick-controls {
  display: inline-block;
  vertical-align: middle;
  margin-right: 40px;
}

.hero_container .dev-carousel .item .actions .slick-controls button {
  display: inline-flex;
  height: 44px;
  width: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
  color: white;
  font-size: 16px;
  background: none;
  cursor: pointer;
}

.hero_container .dev-carousel .item .actions .btn {
  height: 70px;
}

.hero_container .dev-carousel .item.item-shape1 .actions .btn,
.hero_container .dev-carousel .item.item-shape3 .actions .btn {
  box-shadow: 0px 25px 30px rgba(0, 12, 31, 0.25);
}

.hero_container .dev-carousel .item .actions .slick-controls button:hover {
  background: #fff;
}

.hero_container .dev-carousel .item .actions .slick-controls button:hover svg {
  fill: var(--color_dark_red);
}

.hero_container .dev-carousel .item .actions .slick-controls button + button {
  margin-left: 15px;
}

.hero_container .dev-carousel .item .slide-title-container {
  min-height: 180px;
  display: flex;
  /*  align-items: flex-end;*/
  margin-bottom: 114px;
}

.hero_container .dev-carousel .item .slide-title-container .slide-title {
  font-family: "DM Sans", sans-serif;
  font-size: 55px;
  font-weight: normal;
  line-height: 1.09;
  color: #fff;
  max-width: 955px;
}

.hero_container .dev-carousel .item .hero-title {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  color: #fff;
}

.hero_container .dev-carousel .item .time {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}

.hero_container .dev-carousel .item .time span {
  font-weight: 300;
}

.hero_container .item[data-gradient="gradient_blue"] {
  background: transparent
    radial-gradient(closest-side at 50% 50%, #3463b5 0%, #244781 100%) 0% 0%
    no-repeat padding-box;
}

.hero_container .item[data-gradient="gradient_gray"] {
  background-image: linear-gradient(45deg, #f0f3f8 0%, #f6f7fa 50%);
}

.hero_container .item[data-gradient="gradient_actify"] {
  background-image: linear-gradient(45deg, #244781 35%, #d36566 100%);
}

.hero_container .last-posts {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.hero_container .last-posts .container {
  max-width: calc(100% - 280px);
  padding: 0;
  display: flex;
  justify-content: space-between;
}

.hero_container .last-posts .container .slide-title {
  font-size: 55px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.09;
  letter-spacing: normal;
  text-align: left;
  color: var(--color_white);
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 40px 0;
}

.hero_container .last-posts .container a {
  width: 252px;
  height: 70px;
}

.hero_container .last-posts .posts_container {
  display: flex;
}

.hero_container .last-posts .dev-post-bloc {
  width: 50%;
  display: inline-block;
  padding: 45px 100px;
  background: var(--color_gray);
  border-radius: 180px 0 0 180px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 335px;
}

.hero_container .last-posts .dev-post-bloc .bloc-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}

.hero_container .last-posts .dev-post-bloc .bloc-header .bloc-categ {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.28px;
  color: var(--color_red);
}

.hero_container .last-posts .dev-post-bloc .bloc-header .bloc-date {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1.44px;
  color: #244781;
}

.hero_container .last-posts .dev-post-bloc .bloc-content {
  margin-bottom: 25px;
}

.hero_container .last-posts .dev-post-bloc .bloc-content h4 {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.38;
  color: #244781;
}

.hero_container .last-posts .dev-post-bloc .bloc-action {
  display: flex;
  justify-content: flex-end;
}

.hero_container .last-posts .dev-post-bloc .bloc-action .read-more {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.28px;
  color: var(--color_red);
}

.hero_container .last-posts .dev-post-bloc .bloc-action .read-more svg {
  vertical-align: middle;
}

.section-who-we-are {
  /*   padding: 105px 0 180px; */
  padding: 105px 0 70px;
  position: relative;
}

.section-who-we-are .container {
  max-width: 1250px;
  position: relative;
}

.section-who-we-are .container::after {
  content: "";
  position: absolute;
  top: 0;
  right: 205px;
  width: 118px;
  height: 582px;
  background-color: #244780;
  z-index: -1;
}

.section-who-we-are::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1068px;
  max-width: calc(100% - 690px);
  background: var(--color_gray);
  border-radius: 0 0 500px 500px;
  z-index: -1;
}

.section-who-we-are .squares_container {
  max-width: 690px;
  margin: 0 0 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 18px;
}

.section-who-we-are .squares_container .square {
  min-height: 336px;
  background-color: #ab1418;
  position: relative;
}

.section-who-we-are .squares_container .square:nth-child(2) {
  top: 150px;
  background-color: #3363b5;
}

.section-who-we-are .squares_container .square:nth-child(2)::after {
  border-width: 0 0 336px 168px;
  border-color: transparent transparent #244780 transparent;
}

.section-who-we-are .squares_container .square::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-width: 0 168px 336px 0;
  border-color: transparent #dd181e transparent transparent;
  z-index: 1;
  border-style: solid;
}

.section-who-we-are .squares_container .square .dev-shap-bloc {
  height: 100%;
  position: relative;
  z-index: 2;
  padding: 33px 21px;
  color: #fff;
}

.section-who-we-are .squares_container .square .bloc-wrapper {
  display: flex;
  align-items: flex-end;
  height: 100%;
}

.section-who-we-are
  .squares_container
  .square
  .bloc-wrapper
  .card-content
  .card-percent {
  font-size: 55px;
  line-height: 60px;
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  margin-bottom: 25px;
}

.section-who-we-are
  .squares_container
  .square
  .bloc-wrapper
  .card-content
  .text-sm {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 28px;
  color: #fff;
}

.section-who-we-are .content {
  width: calc(100% - 354px);
  margin-top: -30px;
}

.section-who-we-are .content h3.section-subtitle {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  color: #9d2722;
  /*   margin-bottom: 20px; */
  margin-bottom: 10px;
}

.section-who-we-are .content h4.section-title {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 55px;
  line-height: 60px;
  text-align: left;
  color: #244781;
  /*   margin-bottom: 47px; */
  margin-bottom: 25px;
}

.section-who-we-are .content .row {
  /*   padding-top: 40px; */
  padding-top: 25px;
  display: flex;
  /*   gap: 30px; */
  position: relative;
}

.section-who-we-are .content .row::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 690px;
  max-width: 100%;
  height: 1px;
  background-color: #9d2722;
  z-index: -1;
}

.section-who-we-are .content .row p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 24px;
  color: #244781;
  margin-bottom: 30px;
  padding-right: 22px;
}

.section-who-we-are .content .row .btn {
  /*   margin-top: 25px; */
}

.section-who-we-are .content .row::after {
  content: "";
}

.section-who-we-are .content .row .left {
  width: 456px;
}

.section-who-we-are .content .row .right {
  width: 575px;
}

.section-missions {
  background-color: #f8f9fc;
}

.section-missions .container {
  max-width: 1390px;
}

.section-missions .grid_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.section-missions .grid_container .item {
  position: relative;
  min-height: 338px;
  display: flex;
  align-items: center;
}

.section-missions .grid_container .item .btn {
  width: 180px;
  height: 70px;
  background: #dd181e;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding: 0;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.section-missions .grid_container .item h4 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 45px;
  line-height: 59px;
  color: #dd181e;
}

.section-missions .grid_container .item a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 40px;
  position: relative;
  z-index: 2;
}

.section-missions .grid_container .item svg {
  position: absolute;
  top: 30px;
  right: 20px;
}

.section-missions .grid_container .item:first-child {
  background-color: #f8f9fc;
}

.section-missions .grid_container .item:first-child .bloc-wrapper img {
  border-radius: 190px 190px 0 0;
}

.section-missions .grid_container .item:nth-child(2),
.section-missions .grid_container .item:nth-child(4),
.section-missions .grid_container .item:nth-child(10) {
  background-color: #3463b5;
}

.section-missions .grid_container .item:nth-child(6),
.section-missions .grid_container .item:nth-child(8) {
  background-color: #9d2722;
}

.section-missions .grid_container .item:nth-child(5) {
  grid-column-start: 1;
  grid-column-end: 3;
  padding: 0 40px;
}

.section-missions .grid_container .item:nth-child(3) svg,
.section-missions .grid_container .item:nth-child(7) svg,
.section-missions .grid_container .item:nth-child(9) svg {
  fill: #244781;
}

.section-missions
  .grid_container
  .item:nth-child(3)
  .bloc-wrapper
  .card-content
  .card-nbr,
.section-missions
  .grid_container
  .item:nth-child(7)
  .bloc-wrapper
  .card-content
  .card-nbr,
.section-missions
  .grid_container
  .item:nth-child(9)
  .bloc-wrapper
  .card-content
  .card-nbr {
  color: #244781;
}

.section-missions
  .grid_container
  .item:nth-child(3)
  .bloc-wrapper
  .card-content
  h6,
.section-missions
  .grid_container
  .item:nth-child(7)
  .bloc-wrapper
  .card-content
  h6,
.section-missions
  .grid_container
  .item:nth-child(9)
  .bloc-wrapper
  .card-content
  h6 {
  color: #244781;
}

.section-missions .grid_container .item:nth-child(3)::after,
.section-missions .grid_container .item:nth-child(7)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 168px 338px 0;
  border-color: transparent #ffffff transparent transparent;
  z-index: 1;
}

.section-missions .grid_container .item:nth-child(2)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 168px 338px 0;
  border-color: transparent #244780 transparent transparent;
  z-index: 1;
}

.section-missions .grid_container .item:last-child {
  background-color: #244781;
}

.section-missions .grid_container .item:last-child .bloc-wrapper img {
  border-radius: 0 0 190px 190px;
}

.section-missions .grid_container .item .bloc-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.section-missions .grid_container .item .bloc-wrapper img {
  width: 100%;
  height: 100%;
}

.section-missions .grid_container .item .bloc-wrapper .card-content h6 {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #fff;
}

.section-missions .grid_container .item .bloc-wrapper .card-content .card-nbr {
  opacity: 0.2;
  margin-bottom: 10px;
  display: flex;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #fff;
}

.section-find-annuaire {
  padding: 130px 0 0 0;
  min-height: 900px;
}

.section-find-annuaire .container {
  max-width: 1390px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 765px;
  position: relative;
}

.section-find-annuaire .container::after {
  content: "";
  position: absolute;
  left: 115px;
  top: 0;
  width: 542px;
  height: 765px;
  border-radius: 0 0 500px 500px;
  background: linear-gradient(180deg, #244781 0%, #708dc0 100%);
  z-index: -1;
}

.section-find-annuaire .annuaire-content {
  padding: 0 135px 0 95px;
  width: 100%;
}

.section-find-annuaire .annuaire-content .fa-contenu {
  max-width: 905px;
  position: relative;
  padding: 60px 25px;
  background-color: #e8ecf2;
  border-radius: 4px;
  margin: 0 0 0 auto;
}

.section-find-annuaire .annuaire-content .fa-contenu svg {
  position: absolute;
  right: -35px;
  top: 25px;
}

.section-find-annuaire .annuaire-content .fa-contenu .intro-annuaire {
  max-width: 635px;
  margin: 0 auto;
}

.section-find-annuaire .annuaire-content .fa-contenu .label {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #9d2722;
}

.section-find-annuaire .annuaire-content .fa-contenu h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 42px;
  color: #244781;
}

.section-find-annuaire .annuaire-content .fa-contenu h4 span {
  font-weight: 700;
}

.section-find-annuaire .filtre-ajmj-avance {
  width: 880px;
  left: -106px;
  max-width: 100%;
}

.section-find-annuaire .more-filtre-rech-avance {
  left: 24px;
  top: 28px;
}

.section-find-annuaire .filtre-ajmj-avance .recherche-avance {
  max-width: 880px;
  width: 100%;
}

.section-find-annuaire
  .filtre-ajmj-avance
  .recherche-avance
  .inner-recherche-avance {
  width: 92%;
}

.section-find-annuaire
  .filtre-ajmj-avance
  .recherche-avance
  .inner-recherche-avance
  .select2-container {
  width: 370px !important;
}

.section-faq {
  padding: 50px 0 35px 0;
}

.section-faq .container {
  max-width: 1390px;
}

.section-faq .faq-content {
  max-width: 930px;
  margin: 0 auto;
}

.section-faq .faq-content h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 55px;
  line-height: 60px;
  text-align: center;
  color: #244781;
  max-width: 690px;
  margin: 0 auto 55px;
}

.section-faq .faq-content .tabs-contents .tabs {
  display: flex;
  list-style-type: none;
  margin-bottom: 65px;
}

.section-faq .faq-content .tabs-contents .tab {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 50%;
  height: 45px;
  border-radius: 10px 10px 0 0;
  background: transparent;
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  color: #244780;
  padding: 0 48px;
  border-bottom: 2px solid #d3dae6;
}

.section-faq .faq-content .tabs-contents .tab.active {
  color: #dd181e;
  border-bottom-color: #dd181e;
}

.section-faq .faq-content .tabs-contents .tab.tab-mobile {
  width: 100%;
  margin-bottom: 65px;
  display: none;
}

.section-faq .faq-content .tabs-contents .tab:hover {
  color: #dd181e;
  border-bottom-color: #dd181e;
}

.section-faq .faq-content .tabs-contents .tab-content .tab-items {
  padding-bottom: 65px;
  display: none;
}

.section-faq .faq-content .tabs-contents .tab-content .tab-items.active {
  display: block;
}

.section-faq .faq-content .tabs-contents .tab-content .tab-items .tab-item {
  background-color: #fff;
  padding: 27px 36px;
  display: flex;
  align-items: center;
  gap: 50px;
  margin-top: 19px;
  border-bottom-right-radius: 15px;
  width: 100%;
  box-shadow: 0px 50px 60px rgba(52, 99, 181, 0.15);
}

.section-faq
  .faq-content
  .tabs-contents
  .tab-content
  .tab-items
  .tab-item
  .number {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 35px;
  color: #244780;
  opacity: 0.37;
}

.section-faq
  .faq-content
  .tabs-contents
  .tab-content
  .tab-items
  .tab-item
  .content
  h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #3e8bd8;
  margin-bottom: 8px;
}

.section-faq
  .faq-content
  .tabs-contents
  .tab-content
  .tab-items
  .tab-item
  .content
  p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #244780;
}

.section-faq .faq-content .accordion {
  display: flex;
  flex-direction: column;
}

.section-faq .faq-content .accordion .item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #d5e6f6;
  padding: 30px 0;
}

.section-faq .faq-content .accordion .item:first-child {
  border-top: 1px solid #d5e6f6;
}

.section-faq .faq-content .accordion .item.active {
  border-bottom: 2px solid #244781;
}

.section-faq .faq-content .accordion .item.active button .icon {
  transform: rotate(180deg);
}

.section-faq .faq-content .accordion .item.active .content {
  margin: 32px 50px 20px auto;
}

.section-faq .faq-content .accordion .item .accordionBtn {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: transparent;
  display: flex;
  width: 100%;
  border: none;
  cursor: pointer;
  justify-content: space-between;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  color: #244781;
  align-items: center;
  gap: 37px;
}

.section-faq .faq-content .accordion .item .accordionBtn .icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.section-faq .faq-content .accordion .item .content {
  width: 505px;
  max-width: 100%;
  max-height: 0;
  margin: 0 50px 0 auto;
  display: block;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  overflow: hidden;
}

.section-faq .faq-content .accordion .item .content ul {
  margin-top: 22px;
}

.section-faq .faq-content .accordion .item .content ul li {
  margin-bottom: 20px;
}

.section-faq .faq-content .accordion .item .content ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #244781;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.section-faq .faq-content .accordion .item .content ul li:hover a {
  color: #dd181e;
}

.section-faq .faq-content .accordion .item .content p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #244780;
  margin-bottom: 22px;
}

.section-faq .faq-content .accordion .item .content h5 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  color: #244780;
  margin-bottom: 15px;
}

.section-faq .faq-content .accordion .item .content h5 a {
  text-decoration: underline;
  color: #3e8bd8;
}

.section-actify {
  background: linear-gradient(350deg, #244781 0%, #708dc0 100%);
  position: relative;
  padding: 117px 0;
  display: none;
}

.section-actify::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background-position: 52% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url("../images/bg_actify.svg");
  mix-blend-mode: overlay;
  pointer-events: none;
}

.section-actify .container {
  max-width: 1250px;
  display: flex;
}

.section-actify .actify-description {
  width: 505px;
  margin-right: 85px;
}

.section-actify .actify-description .logo-actify {
  margin-bottom: 40px;
}

.section-actify .actify-description .desc-actify h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 45px;
  line-height: 55px;
  text-align: left;
  color: #fff;
}

.section-actify .actify-description .desc-actify p {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #fff;
  margin-top: 60px;
  max-width: 420px;
}

.section-actify .actify-description .desc-actify .btn {
  width: 180px;
  height: 70px;
  background: #9d2722;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding: 0;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.section-actify .items-actify {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: calc(100% - 590px);
}

.section-actify .items-actify .item-actif {
  border-radius: 20px;
  min-height: 215px;
  position: relative;
  z-index: 3;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.section-actify .items-actify .item-actif:nth-child(3n + 1) {
  background-color: #717fad;
}

.section-actify .items-actify .item-actif:nth-child(3n + 2) {
  background-color: #dd9497;
}

.section-actify .items-actify .item-actif:nth-child(3n) {
  background-color: #000;
}

.section-actify .items-actify .item-actif:hover {
  border-radius: 20px 20px 200px 20px;
}

.section-actify .items-actify .item-actif::after,
.section-actify .items-actify .item-actif::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
  top: 0;
  left: 0;
}

/*.section-actify .items-actify .item-actif:after {
    z-index: 1;
    background-color: #c37a7c;
    mix-blend-mode: color;
}

.section-actify .items-actify .item-actif::before {
    z-index: 2;
    background-color: #ebd2d6;
    opacity: 0.44;
}*/

.section-actify .items-actify .item-actif.item-actif-long {
  grid-row-start: 1;
  grid-row-end: 3;
  background-color: #f0f3f8;
}

.section-actify .items-actify .item-actif.item-actif-long::before,
.section-actify .items-actify .item-actif.item-actif-long::after {
  content: none;
}

.section-actify .items-actify .item-actif.item-actif-long:hover {
  border-radius: 20px;
}

.section-actify .items-actify .item-actif.item-actif-long .image-container {
  margin: 8px;
  width: calc(100% - 16px);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0px 0px 16px #00000029;
  opacity: 1;
}

.section-actify
  .items-actify
  .item-actif.item-actif-long
  .image-container:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
  background: #000;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  opacity: 0.5;
}

.section-actify .items-actify .item-actif.item-actif-long .image-container img {
  /*width: 210px;
    height: 95px;*/
  max-width: 100%;
}

.section-actify .items-actify .item-actif.item-actif-long span {
  color: #244781;
}

.section-actify .items-actify .item-actif.item-actif-long p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #244781;
}

.section-actify .items-actify .item-actif p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #ffffff;
}

.section-actify .items-actify .item-actif.item-actif-long h5 {
  color: #244781;
  font-family: "Roboto", sans-serif;
}

.section-actify .items-actify .item-actif.item-actif-dark::after {
  background-color: #262626;
}

.section-actify .items-actify .item-actif.item-actif-dark::before {
  background-color: #000;
}

.section-actify .items-actify .item-actif.item-actif-blue::after {
  background-color: #3e8bd8;
}

.section-actify .items-actify .item-actif.item-actif-blue::before {
  background-color: #977299;
}

.section-actify .items-actify .item-actif .image-container {
  width: 100%;
  height: 215px;
  position: absolute;
  z-index: 1;
  opacity: 0;
}

.section-actify .items-actify .item-actif .image-container img {
  width: 100%;
  height: 100%;
}

.section-actify .items-actify .item-actif .info-actif {
  height: 215px;
  position: relative;
  z-index: 5;
  padding: 43px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.section-actify .items-actify .item-actif span {
  display: flex;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
}

.section-actify .items-actify .item-actif h5 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  color: #fff;
  margin-bottom: 16px;
}

body.dark-style
  .hero_container
  .dev-carousel
  .item
  .slide-title-container
  .slide-title,
body.dark-style .hero_container .last-posts .container .slide-title,
body.dark-style .hero_container .dev-carousel .item .scroll_down {
  color: #244780;
}

body.dark-style
  .hero_container
  .dev-carousel
  .item
  .actions
  .slick-controls
  button {
  border: 1px solid #244780;
  color: #244780;
}

body.dark-style
  .hero_container
  .dev-carousel
  .item
  .actions
  .slick-controls
  button:hover {
  background: #e2eaf7;
  border: 1px solid #e2eaf7;
}

body.dark-style
  .hero_container
  .dev-carousel
  .item
  .actions
  .slick-controls
  button
  svg {
  fill: #3463b5;
}

body.dark-style
  .hero_container
  .dev-carousel
  .item
  .actions
  .slick-controls
  button:hover
  svg {
  fill: #3463b5;
}

.annuaire-section .annuaire-equipe-items {
  padding-top: 100px;
  transition: 0.5s ease-in-out;
}

.annuaire-section .annuaire-equipe-items.padd_from_top {
  padding-top: 285px;
}

.annuaire-section .annuaire_wrapp {
  position: relative;
}

.annuaire-section .top {
  position: relative;
}

.annuaire-section {
  padding-top: 160px;
}

.annuaire-section .top h1 {
  font-size: 55px;
  font-weight: 700;
  font-family: "DM Sans", sans-serif;
  color: #244780;
  position: relative;
  z-index: 1;
  padding-left: 6px;
}

.annuaire-section .top:after {
  content: "";
  background: url(images/pattern-annuaire.png);
  width: 375.74px;
  height: 530.33px;
  position: absolute;
  position: absolute;
  top: -30px;
  left: 6px;
}

.annuaire-section .top .more-filtre {
  cursor: pointer;
  color: #3e8bd8;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  left: 120px;
  position: relative;
  top: 38px;
  display: inline;
  z-index: 1;
}

.annuaire-section .top .filtre {
  background-color: #fff;
  max-width: 964px;
  height: 100px;
  margin: 10px auto 0 auto;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(62, 139, 216, 0.3);
  -webkit-box-shadow: -3px 41px 50px 1px rgba(112, 112, 112, 0.38);
  box-shadow: -3px 41px 50px 1px rgba(112, 112, 112, 0.38);
  position: relative;
  z-index: 9;
}

.annuaire-section .top .filtre ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.annuaire-section .top .filtre ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.annuaire-section .top .filtre :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.annuaire-section .top .filtre :-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.annuaire-section .top .filtre .search {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.annuaire-section .top .filtre .search > span {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  font-family: "Roboto", sans-serif;
  position: absolute;
  top: 16px;
}

.annuaire-section .top .filtre form {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 95%;
}

.annuaire-section .top .filtre form svg {
  position: relative;
  top: 3px;
}

.annuaire-section .top input {
  border: 0;
  color: rgba(36, 70, 128, 0.5);
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  padding-right: 18px;
  color: rgba(0, 0, 0, 0.2);
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  margin-left: 15px;
  width: 50%;
  transition: 0.5s ease-in-out;
}

.annuaire-section .top button {
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  background-color: #244781;
  border: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /*pointer-events: none;*/
}

.annuaire-section .top button:after {
  content: "";
  background: url(images/icon-search-white.svg);
  position: absolute;
  width: 20px;
  height: 22px;
}

.annuaire-section .top .inner-filtre {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 50px;
  padding-left: 24px;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.annuaire-section .top .inner-filtre .filtre-departement {
  width: 321px;
  margin-right: 50px;
  position: relative;
}

.annuaire-section .top .inner-filtre .filtre-departement:before {
  content: "";
  height: 51px;
  position: absolute;
  width: 1px;
  background-color: rgba(62, 139, 216, 0.3);
  left: -74px;
  top: -13px;
}

.annuaire-section
  .top
  .inner-filtre
  .filtre-departement
  .select2-container--default
  .select2-selection--single {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: rgba(0, 0, 0, 0.4);
  border: 0;
}

.annuaire-section .top .inner-filtre .filtre-departement .select2-container {
  width: 100% !important;
}

.annuaire-section
  .top
  .inner-filtre
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}

.annuaire-section
  .top
  .inner-filtre
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: 0;
  border-width: 0;
}

.annuaire-section
  .top
  .inner-filtre
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: auto;
  top: 44%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transform: translateY(-50%);
}

.annuaire-section
  .top
  .inner-filtre
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow:after {
  content: "";
  background: url(images/arrow-select.svg);
  width: 10px;
  height: 5.7px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: absolute;
  right: 20px;
}

.annuaire-section
  .top
  .inner-filtre
  .select2-container--open
  .select2-selection__arrow:after {
  transform: scaleY(-1) !important;
}

.annuaire-section .top .filtre-departement {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  column-gap: 30px;
}

.annuaire-section .recherche-avance {
  z-index: 1;
  display: none;
  background-color: #fff;
  position: absolute;
  width: 962px;
  left: 0;
  top: 98px;
  padding-top: 42px;
  padding-bottom: 30px;
  z-index: 9;
  max-width: 100%;
}

.annuaire-section .recherche-avance .top-rech {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 88%;
  margin: auto;
  align-items: center;
}

.annuaire-section .recherche-avance .top-rech .fermer {
  cursor: pointer;
  margin-left: auto;
  color: #244780;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  padding-right: 40px;
  position: relative;
}

.annuaire-section .recherche-avance .top-rech .fermer:after {
  content: "";
  width: 12.74px;
  height: 12.74px;
  background: url(images/close-search.svg);
  position: absolute;
  top: 3px;
  right: 0;
}

.annuaire-section
  .recherche-avance
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 47px;
  padding-left: 14px;
}

.annuaire-section .recherche-avance .inner-recherche-avance {
  max-width: 88%;
  margin: auto;
  padding-top: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: 19px;
}

.annuaire-section .recherche-avance .inner-recherche-avance .select2-container {
  width: 405px !important;
}

.annuaire-section .recherche-avance h6 {
  padding-left: 18px;
  color: #244781;
  font-size: 28px;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
}

.annuaire-section .recherche-avance .dropdown-filtre {
  margin-bottom: 18px;
  flex: 50%;
}

.annuaire-section
  .recherche-avance
  .select2-container--default
  .select2-selection--single {
  border: 1px solid rgba(62, 139, 216, 0.3);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  height: 50px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: rgba(0, 0, 0, 0.4);
}

.annuaire-section .recherche-avance .recherche-action {
  max-width: 88%;
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.annuaire-section .recherche-avance .recherche-action .effacer {
  padding-left: 20px;
  cursor: pointer;
  font-size: 14px;
  color: rgba(36, 71, 128, 0.5);
  font-family: "Roboto", sans-serif;
}

.annuaire-section .recherche-avance .recherche-action .rechercher {
  cursor: pointer;
  width: 180px;
  height: 50px;
  line-height: 50px;
  margin-left: auto;
}

.vos-droits-section {
  overflow: hidden;
  padding-top: 160px;
  min-height: 100vh;
  background: transparent linear-gradient(360deg, #f0f3f8 0%, #ffffff 100%) 0%
    0% no-repeat padding-box;
}

.vos-droits-section .container {
  position: relative;
}

.vos-droits-section .container .section-background-container {
  position: absolute;
  right: 50px;
  top: 14px;
  z-index: 1;
}

.vos-droits-section .container .section-content {
  position: relative;
  max-width: 964px;
  margin: 0 auto;
  z-index: 2;
}

.vos-droits-section .container .section-content .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vos-droits-section .container .section-content .top .left {
  display: flex;
  flex-direction: column;
  padding-right: 30px;
}

.vos-droits-section .container .section-content .top .left h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 45px;
  line-height: 55px;
  text-align: left;
  color: #ab1418;
}

.vos-droits-section .container .section-content .top .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: flex-start;
}

.vos-droits-section .container .section-content .top .right .page-switchs {
  display: flex;
}

.vos-droits-section .container .section-content .top .right .page-switchs a {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #e9edf5;
  border: 1px solid #3463b5;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.vos-droits-section
  .container
  .section-content
  .top
  .right
  .page-switchs
  a:last-child {
  margin-left: 16px;
}

.vos-droits-section
  .container
  .section-content
  .top
  .right
  .page-switchs
  a:hover {
  background-color: #e9edf5;
  border: 1px solid #e9edf5;
}

.vos-droits-section .container .section-content .content {
  margin: 47px 0 90px 0;
}

.vos-droits-section .container .section-content .content p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  margin-bottom: 37px;
}

.vos-droits-section .container .section-content .content h4 {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  margin-bottom: 30px;
}

.vos-droits-section .container .section-content .content ul,
.vos-droits-section .container .section-content .content ol {
  max-width: 964px;
  margin-left: 32px;
}

.vos-droits-section .container .section-content .content ul li,
.vos-droits-section .container .section-content .content ol li {
  margin-bottom: 25px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  padding-left: 35px;
  position: relative;
}

.vos-droits-section .container .section-content .content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 4px;
  height: 4px;
  background-color: #244780;
  border-radius: 100%;
}

.vos-droits-section .container .section-content .content .cards-container {
  display: grid;
  grid-template-columns: auto auto;
  grid-row-gap: 80px;
  grid-column-gap: 12px;
}

.vos-droits-section
  .container
  .section-content
  .content
  .cards-container
  .card
  h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #ab1418;
  padding-bottom: 58px;
  position: relative;
  z-index: 2;
}

.vos-droits-section
  .container
  .section-content
  .content
  .cards-container
  .card
  h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 26px;
  width: 83px;
  height: 1px;
  background-color: #9d2722;
}

.vos-droits-section
  .container
  .section-content
  .content
  .cards-container
  .card
  p {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #244781;
  margin-bottom: 29px;
  position: relative;
  z-index: 2;
}

.vos-droits-section
  .container
  .section-content
  .content
  .cards-container
  .card
  p:last-child {
  margin: 0;
}

.vos-droits-section
  .container
  .section-content
  .content
  .cards-container
  .card {
  padding-right: 55px;
}

.droits-obligations-section {
  background: transparent linear-gradient(356deg, #f0f3f8 0%, #fff 100%) 0% 0%
    no-repeat padding-box;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 160px;
  padding-bottom: 57px;
}

.droits-obligations-section .top {
  max-width: 1078px;
  margin: auto;
}

.droits-obligations-section .top h1 {
  font-size: 55px;
  color: #244780;
  font-weight: 700;
  line-height: 60px;
  font-family: "DM Sans", sans-serif;
  text-align: center;
}

.droits-obligations-section .top .filter {
  background-color: #fff;
  max-width: 1078px;
  height: 100px;
  margin: 47px auto 0 auto;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(62, 139, 216, 0.3);
  -webkit-box-shadow: 0px 50px 40px #000c1f27;
  box-shadow: 0px 50px 40px #000c1f27;
}

.droits-obligations-section .top .filter ::-webkit-input-placeholder {
  color: rgba(36, 70, 128, 0.5);
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.droits-obligations-section .top .filter ::-moz-placeholder {
  color: rgba(36, 70, 128, 0.5);
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.droits-obligations-section .top .filter :-ms-input-placeholder {
  color: rgba(36, 70, 128, 0.5);
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.droits-obligations-section .top .filter :-moz-placeholder {
  color: rgba(217, 72, 50, 0.5);
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.droits-obligations-section .top form {
  position: relative;
  width: 111px;
}

.droits-obligations-section .top input {
  border: 0;
  color: rgba(36, 70, 128, 0.5);
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  padding-right: 18px;
}

.droits-obligations-section .top button {
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 0;
  top: 6px;
}

.droits-obligations-section .top button:after {
  content: "";
  background: url(images/arrow-input.svg);
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0;
}

.droits-obligations-section .top .inner-filtre {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 50px;
  padding-left: 50px;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.droits-obligations-section .top .filter-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  column-gap: 30px;
}

.droits-obligations-section .top .filter-item div {
  color: #244781;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
}

.droits-obligations-section .top .filter-item div.active {
  color: #dd181e;
  pointer-events: none;
}

.droits-obligations-section .droits-obligations-items {
  padding-top: 55px;
}

.droits-obligations-section .droits-obligations-items .content-filtre {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*.nos-actualites-second .do-item
.section-listening .middle .other-actu-box.do-item */

.droits-obligations-section .do-item {
  display: none;
}

.droits-obligations-section .show,
.nos-actualites-second .show,
.section-listening .middle .other-actu-box.show {
  display: block;
}

.droits-obligations-section .top .search {
  position: relative;
}

.gouvernance-section {
  flex-direction: column;
  padding-top: 160px;
}

.gouvernance-section .section-mot-president {
  position: relative;
}

.gouvernance-section .section-mot-president .inner {
  max-width: 980px;
  margin: auto;
}

.gouvernance-section .section-mot-president .inner .row {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 45px;
}

.gouvernance-section .section-mot-president::before {
  position: absolute;
/*   bottom: -33px; */
	top : 150px;
  left: 0;
  width: calc(100% - ((100% - 1160px) / 2));
/*   height: 602px; */
	height : 802px;
  background: #f0f3f8 0% 0% no-repeat padding-box;
  z-index: -1;
  content: "";
  display: block;
}

.gouvernance-section .section-mot-president .col-content .shape {
  display: block;
  position: absolute;
  right: -8px;
  top: -68px;
}

.gouvernance-section .section-mot-president h3 {
  font-family: "DM Sans", sans-serif;
  font-size: 55px;
  color: #244780;
  font-weight: 700;
  line-height: 60px;
}

.gouvernance-section .section-mot-president .col-image {
  width: 310px;
  margin-right: 50px;
}

.gouvernance-section .section-mot-president .col-content {
  width: 625px;
  position: relative;
}

.gouvernance-section .section-mot-president .avatar {
  position: relative;
  background: #244781;
}

.gouvernance-section .section-mot-president .avatar img {
  filter: grayscale(100%);
  width: 100%;
  height: auto;
  border-radius: 0 0 200px 200px;
}

.gouvernance-section .section-mot-president .avatar .avatar-shape {
  position: absolute;
  top: 110px;
  z-index: 1;
  right: -40px;
}

.gouvernance-section .section-mot-president .fonction {
  margin-top: 30px;
  padding: 0 0 40px 20px;
  border-left: 1px solid #9d2722;
  font-size: 14px;
  font-weight: 600;
}

.gouvernance-section .section-mot-president .fonction h1 {
  font-weight: 700;
  color: #244780;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}

.gouvernance-section .section-mot-president .fonction h1 a {
  color: #244780;
}
.gouvernance-section .section-mot-president .fonction.new__fonction {
  padding: 0 0 0 20px;
}
.gouvernance-section .section-mot-president .fonction.new__fonction h1 span {
  font-weight: 400;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
}
.gouvernance-section .section-mot-president .description {
  padding: 115px 0 54px 14px;
}

.gouvernance-section .section-mot-president .description h3 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 30px;
  color: #244781;
  line-height: 32px;
  max-width: 78%;
}

.gouvernance-section .section-mot-president .description p {
  font-size: 16px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  color: #244781;
  margin-bottom: 26px;
  line-height: 26px;
}

.gouvernance-section .section-mot-president .signature {
  position: relative;
  top: 35px;
}

.gouvernance-section .section-mot-president .signature h2 {
  color: #244781;
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  padding-left: 20px;
}

.gouvernance-section .section-mot-president .signature h2 a {
  color: #244781;
}

.gouvernance-section .section-mot-president .signature::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  background: #244781;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -webkit-border-radius: 50%;
  top: 2px;
}

.gouvernance-section .equipe-administration .grid-title {
  max-width: 97.82%;
  margin: auto;
}

.gouvernance-section .equipe-administration .grid-title h2 {
  font-size: 40px;
  line-height: 50px;
  color: #244781;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  position: relative;
  width: max-content;
}

.gouvernance-section .equipe-administration .grid-title h2:after {
  content: "";
  position: absolute;
  background-color: #9d2722;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: -12px;
}

.gouvernance-section .equipe-administration .administration {
  background: transparent linear-gradient(170deg, #f0f3f8 0%, #fff 100%) 0% 0%
    no-repeat padding-box;
  margin-top: 78px;
  padding-top: 80px;
}

.gouvernance-section .equipe-administration .administration .subtitle,
.gouvernance-section .equipe-administration .charge-missions .subtitle {
  padding-top: 8px;
}

.gouvernance-section
  .equipe-administration
  .administration
  .items-administration {
  padding-top: 80px;
}

.gouvernance-section .equipe-administration .charge-missions {
  margin-top: 90px;
}

.gouvernance-section
  .equipe-administration
  .charge-missions
  .items-administration {
  padding-top: 80px;
}

.gouvernance-section .items-administration {
  padding-top: 141px;
  max-width: 98.82%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: auto;
}

/* Start Changed View*/

.gouvernance-section .items-administration.listed-admin {
  display: grid;
  grid-template-columns: repeat(4, 280px);
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.gouvernance-section .items-administration.listed-admin .grid-item {
  margin: 0 !important;
  width: 280px !important;
}

.gouvernance-section
  .items-administration.listed-admin
  .grid-item:first-of-type {
  grid-column: 1 / 5;
}

/* .gouvernance-section
  .items-administration.listed-admin
  .grid-item:nth-of-type(n + 5) {
  grid-row-start: 3;
} */

/* End Changed View*/

.gouvernance-section .items-administration .grid-title {
  flex-basis: 49.4% !important;
}

.gouvernance-section .items-administration .grid-item {
  min-height: 278px;
  flex-basis: 278px;
  position: relative;
  margin: 2px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.gouvernance-section .items-administration .grid-item:hover {
  filter: initial !important;
}

.gouvernance-section .items-administration .grid-item.with-image {
  /* filter: grayscale(100%); */
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  position: relative;
}

.gouvernance-section .items-administration .grid-item.with-image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #00000040;
  content: none;
}

.gouvernance-section .items-administration .grid-item.triangle:after {
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-left: 140px solid transparent;
  right: 0;
  top: 0;
  position: absolute;
}

.gouvernance-section .items-administration .grid-item.red-triangle {
  background-color: #9d2722;
}

.gouvernance-section .items-administration .grid-item.red-triangle:after {
  border-top: 278px solid #dd181e;
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-left: 140px solid transparent;
  right: 0;
  top: 0;
  position: absolute;
}

.gouvernance-section .items-administration .grid-item.blue-triangle {
  background-color: #244780;
}

.gouvernance-section .items-administration .grid-item.blue-triangle:after {
  border-top: 278px solid #7087ba;
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
  border-left: 140px solid transparent;
  right: 0;
  top: 0;
  position: absolute;
}

.gouvernance-section .items-administration .grid-item.red-simple {
  background-color: #9d2722;
}

.gouvernance-section .items-administration .grid-item.red-circle {
  background-color: #dd181e;
}

.gouvernance-section .items-administration .grid-item.red-circle:after {
  content: "";
  height: 278px;
  width: 100%;
  position: absolute;
  top: 0;
  background-color: #d36566;
  -webkit-border-radius: 0 0 500px 500px;
  -moz-border-radius: 0 0 500px 500px;
  border-radius: 0 0 500px 500px;
  left: 0;
}

.gouvernance-section .items-administration .grid-item.blue-simple-dark {
  background-color: #244780;
}

.gouvernance-section .items-administration .grid-item.blue-simple-light {
  background-color: #3463b5;
}

.gouvernance-section .items-administration .grid-item.red-simple-light {
  background-color: #d36566;
}

.gouvernance-section .items-administration .grid-item.blue-simple-extra-light {
  background-color: #7087ba;
}

.gouvernance-section .items-administration .grid-item.red-simple-dark {
  background-color: #9d2722;
}

.gouvernance-section .items-administration.grid__charge-missions .grid-item .bg,
.gouvernance-section
  .items-administration.grid__charge-missions
  .grid-item
  .image {
  width: 100%;
  height: 360px;
}
.gouvernance-section
  .items-administration.grid__charge-missions
  .grid-item
  .image
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gouvernance-section
  .items-administration.grid__charge-missions
  .grid-item
  .bg {
  background-color: #d36566;
}
.gouvernance-section
  .items-administration.grid__charge-missions
  .grid-item
  .bg.red-simple-light {
  background-color: #d36566;
}
.gouvernance-section
  .items-administration.grid__charge-missions
  .grid-item
  .bg.blue-simple-light {
  background-color: #3463b5;
}
.gouvernance-section .items-administration .grid-item .grid-bloc {
  position: relative;
  z-index: 1;
  height: 100%;
}

.gouvernance-section .items-administration .grid-content {
  color: #fff;
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.gouvernance-section .items-administration.listed-admin .grid-content {
  position: initial;
  color: #244780;
  margin-top: 20px;
}

.gouvernance-section .items-administration.listed-admin .grid-content div.name {
  position: relative;
  display: flex;
  align-items: center;
}

.gouvernance-section .items-administration.listed-admin .grid-content div {
  padding-left: 21px;
}

.gouvernance-section .items-administration.listed-admin .grid-content h6 {
  padding-top: 0;
}

.gouvernance-section
  .items-administration.listed-admin
  .grid-content
  div.name::after {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 18px;
  background-color: #244780;
}

.gouvernance-section .items-administration.listed-admin .grid-item {
  filter: initial;
}

.gouvernance-section .items-administration.listed-admin .grid-item .image {
  width: 278px;
  height: 278px;
  overflow: hidden;
}
.gouvernance-section
  .items-administration.listed-admin.grid__new_listed
  .grid-item
  .image {
  height: 360px;
}
.gouvernance-section .items-administration.listed-admin .grid-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gouvernance-section .items-administration.listed-admin {
  grid-template-columns: repeat(4, 278px);
  grid-row-gap: 20px;
  grid-column-gap: 10px;
}

.gouvernance-section .items-administration .grid-content .subtitle {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
}

.gouvernance-section .items-administration .grid-content h6 {
  font-size: 18px;
  font-weight: 700;
  font-family: "DM Sans", sans-serif;
  padding-top: 8px;
}

.gouvernance-section .items-administration .grid-content .metier {
  font-size: 16px;
  font-family: "DM Sans", sans-serif;
  font-weight: 300;
  padding-top: 8px;
}
.gouvernance-section .grid__charge-missions .grid-content {
  position: relative;
  bottom: 0;
  left: 0;
  color: #244780;
  margin-top: 15px;
  padding-left: 17px;
}
.gouvernance-section .grid__charge-missions .grid-content .name h6 {
  position: relative;
}
.gouvernance-section .grid__charge-missions .grid-content .name h6:after {
  content: "";
  position: absolute;
  left: -15px;
  width: 1px;
  height: 16px;
  top: 10px;
  background-color: #244780;
}
.gouvernance-section .plus-dinfos {
  position: relative;
  margin-top: 78px;
  height: 415px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.gouvernance-section .items-administration.grid__new {
  gap: 3px;
  row-gap: 32px;
}
.gouvernance-section .grid__new .image {
  height: 360px;
  width: 278px;
}
.gouvernance-section .grid__new .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gouvernance-section .grid__new .grid-content {
  position: relative;
  bottom: 0;
  left: 0;
  color: #244780;
  margin-top: 15px;
  padding-left: 17px;
}
.gouvernance-section .grid__new .grid-content .name h6 {
  position: relative;
}
.gouvernance-section .grid__new .grid-content .name h6:after {
  content: "";
  position: absolute;
  left: -15px;
  width: 1px;
  height: 16px;
  top: 10px;
  background-color: #244780;
}
.gouvernance-section .plus-dinfos:after {
  content: "";
  height: 100%;
  position: absolute;
  width: calc(100% - 50px);
  background-color: #f0f3f8;
  -moz-border-radius: 0 500px 500px 0;
  -webkit-border-radius: 0 500px 500px 0;
  border-radius: 0 500px 500px 0;
  left: 0;
  top: 0;
}

.gouvernance-section .plus-dinfos .inner {
  max-width: 690px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  text-align: center;
}

.gouvernance-section .plus-dinfos h6 {
  line-height: 50px;
  font-size: 40px;
  color: #244781;
  font-family: "DM Sans", sans-serif;
  text-align: center;
  font-weight: 700;
}

.gouvernance-section .plus-dinfos a {
  height: 70px;
  line-height: 70px;
  width: 180px;
  margin: 45px auto 0 auto;
}

/*-----------caisse de garantie start -------------*/

.caisse-garantie {
  flex-direction: column;
  padding-top: 160px;
  background-image: url(./images/caisse-de-garantie-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.caisse-garantie .container .content {
  max-width: 964px;
  margin: 0 auto;
  padding: 12px 0 182px;
}

.caisse-garantie .container .content h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 55px;
  line-height: 60px;
  text-align: left;
  color: #fff;
  margin-bottom: 49px;
}

.caisse-garantie .container .content p {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #fff;
  max-width: 768px;
}

.caisse-garantie-content {
  background-color: #f0f3f8;
  padding-bottom: 78px;
  display: flex;
}

.caisse-garantie-content .container .content h2 {
  margin-top: 71px;
  margin-bottom: 42px;
  font-size: 40px;
  line-height: 50px;
  color: #244781;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  position: relative;
  width: max-content;
}

.caisse-garantie-content .container .content h2:after {
  content: "";
  position: absolute;
  background-color: #9d2722;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: -12px;
}

.caisse-garantie-content .container .content .row {
  display: grid;
  grid-template-columns: repeat(4, 278px);
  column-gap: 16px;
  row-gap: 30px;
}

.caisse-garantie-content .container .content .row .row-card {
  width: 278px;
  height: 300px;
  background-color: #e4eaf5;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 14px;
}

.caisse-garantie-content .container .content .row .row-card img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
}

.caisse-garantie-content .container .content .row .row-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #00000040;
  width: 100%;
  height: 100%;
  z-index: 1;
  mix-blend-mode: multiply;
}

.caisse-garantie-content .container .content .row .row-card span:nth-child(2) {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  text-align: left;
  color: #fff;
  position: relative;
  z-index: 2;
}

.caisse-garantie-content .container .content .row .row-card h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #fff;
  position: relative;
  z-index: 2;
}

.caisse-garantie-content .container .content .row .row-card span:last-child {
  font-family: "DM Sans", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #fff;
  position: relative;
  z-index: 2;
}

/*-----------caisse de garantie end ---------------*/
.guide-pratique-section {
  background: transparent linear-gradient(356deg, #f0f3f8 0%, #fff 100%) 0% 0%
    no-repeat padding-box;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 160px;
  padding-bottom: 40px;
}

.guide-pratique-section .top {
  max-width: 964px;
  margin: auto;
}

.guide-pratique-section .top h1 {
  font-size: 55px;
  color: #244780;
  font-weight: 700;
  line-height: 60px;
  font-family: "DM Sans", sans-serif;
}

.guide-pratique-section .top p {
  font-size: 16px;
  line-height: 26px;
  color: #244781;
  font-family: "DM Sans", sans-serif;
}

.guide-pratique-section .top .text {
  padding-top: 25px;
}

.guide-pratique-section .blocs-guide {
  padding-top: 70px;
}

body.page-template-annuaire .pagination-blocs {
  padding-left: 6px;
}

.pagination-blocs {
  padding-top: 65px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.pagination-blocs ul {
  margin-left: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  column-gap: 20px;
}

.pagination-blocs li {
  font-size: 14px;
  font-weight: 300;
  color: #244780;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 28px;
  height: 28px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

.pagination-blocs li.active {
  color: #fff;
  position: relative;
  font-weight: 500;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #7087ba;
}

.pagination-blocs li a,
.pagination-blocs li span {
  display: flex;
  transition: 0.5s ease-in-out;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: transparent;
}

.pagination-blocs li a:hover,
.pagination-blocs li span:hover {
  background-color: #e4e9f2;
}

.pagination-blocs li.active a:hover,
.pagination-blocs li.active span:hover {
  background-color: transparent;
}

.pagination-blocs .page {
  height: 50px;
  width: 50px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #e4e9f2;
  border: 1px solid #e4e9f2;
  position: relative;
  top: -10px;
}

.pagination-blocs .page:hover {
  background-color: transparent;
  border: 1px solid #3463b5;
}

.pagination-blocs .page:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url(images/arrow-input.svg);
  left: 0;
  right: 0;
  margin: auto;
  top: 16px;
}

.pagination-blocs .prev:after {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pagination-blocs .pages-number {
  color: rgba(36, 71, 128, 0.5);
  font-size: 14px;
  font-weight: 500;
}

.pratique-dedie-section {
  background: transparent linear-gradient(360deg, #f0f3f8 0%, #ffffff 100%) 0%
    0% no-repeat padding-box;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 160px;
  overflow: hidden;
}

.pratique-dedie-section .container {
  position: relative;
}

.pratique-dedie-section .container .first-section-background-container {
  position: absolute;
  right: 0;
  top: -32px;
  z-index: 1;
}

.pratique-dedie-section .container .first-section-background-container::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.6) 77%,
    rgba(255, 255, 255, 0) 100%
  );
  width: 100%;
  height: 300px;
}

.pratique-dedie-section .container .section-content {
  position: relative;
  max-width: 964px;
  margin: 0 auto;
  z-index: 2;
}

.pratique-dedie-section .container .section-content .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pratique-dedie-section .container .section-content .top .left {
  display: flex;
  flex-direction: column;
}

.pratique-dedie-section .container .section-content .top .left h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  color: #244780;
}

.pratique-dedie-section .container .section-content .top .left h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 45px;
  line-height: 65px;
  text-align: left;
  color: #ab1418;
  margin-top: 35px;
}

.pratique-dedie-section .container .section-content .top .left .info {
  margin-top: 28px;
  display: flex;
  align-items: center;
}

.pratique-dedie-section .container .section-content .top .left .info span {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #244780;
}

.pratique-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  span:first-child {
  font-weight: 500;
  margin-right: 6px;
}

.pratique-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .social-media {
  margin-left: 13px;
  display: flex;
  align-items: center;
}

.pratique-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .social-media
  a {
  margin-left: 23px;
  background-color: rgba(36, 71, 128, 0.5);
  border-radius: 100%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pratique-dedie-section .container .section-content .top .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

.pratique-dedie-section .container .section-content .top .right .page-switchs {
  display: flex;
}

.pratique-dedie-section
  .container
  .section-content
  .top
  .right
  .page-switchs
  a {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: 1px solid #3463b5;
  background-color: transparent;
}

.pratique-dedie-section
  .container
  .section-content
  .top
  .right
  .page-switchs
  a:last-child {
  margin-left: 16px;
}

.pratique-dedie-section
  .container
  .section-content
  .top
  .right
  .page-switchs
  a:hover {
  background-color: #e9edf5;
  border: 1px solid #e9edf5;
}

.pratique-dedie-section .container .section-content .top .right #download-btn {
  background-color: #dd181e;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding: 16px 21px;
  border-radius: 4px 4px 20px 4px;
  margin-top: 88px;
  text-decoration: none;
}

.pratique-dedie-section .container .section-content .content {
  margin: 39px 0 96px 0;
}

.pratique-dedie-section .container .section-content .content .chapo {
  margin-bottom: 37px;
}

.pratique-dedie-section .container .section-content .content .chapo p {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 30px;
  text-align: left;
  color: #ab1418;
  margin-bottom: 49px;
}

.pratique-dedie-section .container .section-content .content p {
  margin-bottom: 37px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  max-width: 964px;
}

.pratique-dedie-section .container .section-content .content a {
  color: #244780;
}

.pratique-dedie-section .container .section-content .content h4 {
  font-weight: 700;
  color: #244780;
  font-size: 18px;
  margin-bottom: 32px;
}

.pratique-dedie-section .container .section-content .content ul,
.pratique-dedie-section .container .section-content .content ol {
  max-width: 964px;
  margin-left: 32px;
}

.pratique-dedie-section .container .section-content .content ul li,
.pratique-dedie-section .container .section-content .content ol li {
  margin-bottom: 25px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  padding-left: 35px;
  position: relative;
}

.pratique-dedie-section .container .section-content .content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 4px;
  height: 4px;
  background-color: #244780;
  border-radius: 100%;
}

.pratique-dedie-section .container .second-section-background-container {
  position: absolute;
  left: 0;
  bottom: 130px;
  z-index: 1;
}

.contact-section {
  padding-bottom: 213px;
  background-image: url(../css/images/contact-background.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 160px;
}

.contact-section .container {
  position: relative;
  z-index: 3;
}

.contact-section .container:after {
  content: "";
  position: absolute;
  height: 682px;
  width: 483.26px;
  background-size: cover;
  top: 15px;
  z-index: -1;
  left: 54px;
  border-radius: 250px 250px 0 0;
  -moz-border-radius: 250px 250px 0 0;
  -webkit-border-radius: 250px 250px 0 0;
  background: #ecf0f6;
}

.contact-section .container .inner-container {
  max-width: 866px;
  margin: 0 auto;
}

.contact-section .container .inner-container h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 45px;
  line-height: 60px;
  text-align: left;
  color: #244780;
}

.contact-section .container .inner-container .contact-content {
  display: flex;
  justify-content: space-between;
}

.contact-section .container .inner-container .contact-content .left {
  display: flex;
  flex-direction: column;
}

.contact-section .container .inner-container .contact-content .left h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  max-width: 277px;
  margin-top: 46px;
  margin-bottom: 13px;
}

.contact-section .container .inner-container .contact-content .left span {
  padding-left: 18px;
  margin-bottom: 4px;
}

.contact-section .container .inner-container .contact-content .left span,
.contact-section .container .inner-container .contact-content .left a {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  max-width: 200px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.contact-section .container .inner-container .contact-content .left span img,
.contact-section .container .inner-container .contact-content .left a img {
  position: absolute;
  left: 0;
  top: 7px;
}

.contact-section .container .inner-container .contact-content .right {
  max-width: 572px;
  margin-top: 32px;
}

.wpcf7 form .wpcf7-response-output {
  position: absolute;
  top: -45px;
  padding: 0 !important;
  border: 0 !important;
  font-size: 12px;
  left: -8px;
  color: #244780;
}

.contact-section .container .inner-container .contact-content .right form {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  input {
  border: none;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #244780;
  border-bottom: 1px solid #3e8bd8;
  padding: 14px 0;
  outline: none;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  ::placeholder {
  color: #244780;
  opacity: 1;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  .first-contact-part {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  margin-bottom: 33px;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  .first-contact-part
  input {
  width: 278px;
  background-color: transparent;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  .second-contact-part {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  .second-contact-part
  input {
  width: 100%;
  margin-bottom: 32px;
  background-color: transparent;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  .second-contact-part
  textarea {
  width: 100%;
  height: 90px;
  border: none;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #244780;
  border-bottom: 1px solid #3e8bd8;
  outline: none;
  resize: none;
  margin-bottom: 33px;
  background-color: transparent;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  .third-contact-part {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  .third-contact-part
  .agreement {
  cursor: pointer;
  position: relative;
  max-width: 376px;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  .third-contact-part
  .custom-radio-btn
  label {
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  text-align: left;
  color: #244780;
  opacity: 0.46;
  margin-left: 19px;
  text-indent: 0;
  display: block;
  position: relative;
}

.contact-section .container .inner-container .wpcf7-spinner {
  position: absolute;
  right: -55px;
  bottom: 25px;
}

.wpcf7-not-valid-tip {
  display: none !important;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  .third-contact-part
  .custom-radio-btn
  input {
  -moz-appearance: none;
  appearance: none;
  border: none;
  margin: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: rgba(36, 71, 128, 0.29);
  display: block;
  position: absolute;
  left: -36px;
  top: 5px;
  padding: 0;
  cursor: pointer;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  .third-contact-part
  .custom-radio-btn
  input:checked:after {
  content: "";
  display: block;
  width: 5px;
  height: 2px;
  border: solid #244780;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  left: 4px;
  top: 4px;
}

.contact-section
  .container
  .inner-container
  .contact-content
  .right
  form
  .third-contact-part
  input[type="submit"] {
  height: 50px;
  width: 150px;
  border-radius: 4px 4px 20px 4px;
  -moz-border-radius: 4px 4px 20px 4px;
  -webkit-border-radius: 4px 4px 20px 4px;
  background: #dd181e;
  color: #fff;
  border: 0;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  font-family: "Roboto", sans-serif;
}

.error404 #page {
  height: 100%;
}

.page-not-found .container .content .right img {
  width: 698px;
  max-width: 100%;
}

.page-not-found {
  background: linear-gradient(#3463b5 0%, #244781 100%);
  min-height: 100vh;
}

.page-not-found .container {
  min-height: 100vh;
}

.page-not-found .container .content {
  max-width: 983px;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.page-not-found .container .content .left h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 55px;
  line-height: 60px;
  text-align: left;
  color: #fff;
  margin-bottom: 6px;
}

.page-not-found .container .content .left h2 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  color: #fff;
  margin-bottom: 32px;
}

.page-not-found .container .content .left a {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #9d2722;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 70px;
  border-radius: 4px 4px 20px 4px;
}

.page-not-found .container .content .right {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-left: 30px;
}

.page-not-found .container .content .right img {
  width: 698px;
}

.grid-section {
  background: linear-gradient(#f0f3f8 0%, #fff 100%);
  padding-bottom: 119px;
  padding-top: 160px;
}

.grid-section .container .content {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
}

.grid-section .container .content a {
  width: 232px;
  height: 232px;
  padding: 57px 23px;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #fff;
  position: relative;
}

.grid-section .container .content a #arrow--right {
  position: absolute;
  top: 22px;
}

.grid-section .container .content .blue-text {
  color: #244781;
}

.grid-section .container .content .idk-color {
  color: #ab1418;
}

.donnees-personnelles-section {
  background: linear-gradient(29deg, #f0f3f8 0%, #fff 100%);
  display: flex;
  flex-direction: column;
  padding-top: 160px;
}

.donnees-personnelles-section .container {
  position: relative;
}

.donnees-personnelles-section .container .first-section-background-container {
  position: absolute;
  right: 0;
  top: -32px;
  z-index: 1;
}

.donnees-personnelles-section
  .container
  .first-section-background-container::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.6) 77%,
    rgba(255, 255, 255, 0) 100%
  );
  width: 100%;
  height: 300px;
}

.donnees-personnelles-section .container .section-content {
  position: relative;
  max-width: 964px;
  margin: 0 auto;
  z-index: 2;
}

.donnees-personnelles-section .container .section-content .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.donnees-personnelles-section .container .section-content .top .left {
  display: flex;
  flex-direction: column;
}

.donnees-personnelles-section .container .section-content .top .left h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 55px;
  line-height: 65px;
  text-align: left;
  color: #ab1418;
}

.donnees-personnelles-section .container .section-content .content {
  margin: 39px 0 96px 0;
}

.donnees-personnelles-section
  .container
  .section-content
  .content
  p:first-child {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 30px;
  text-align: left;
  color: #ab1418;
  margin-bottom: 49px;
}

.donnees-personnelles-section .container .section-content .content p {
  margin-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  max-width: 964px;
}

.donnees-personnelles-section
  .container
  .section-content
  .content
  p:last-child {
  margin: 0;
}

.donnees-personnelles-section .container .section-content .content h4 {
  font-weight: 700;
  margin-bottom: 37px;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  max-width: 964px;
}

.donnees-personnelles-section .container .section-content .content ul {
  max-width: 964px;
  margin-left: 32px;
}

.donnees-personnelles-section .container .section-content .content ul li {
  margin-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  padding-left: 35px;
  position: relative;
}

.donnees-personnelles-section
  .container
  .section-content
  .content
  ul
  li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 4px;
  height: 4px;
  background-color: #244780;
  border-radius: 100%;
}

.donnees-personnelles-section .container .second-section-background-container {
  position: absolute;
  left: 0;
  bottom: 130px;
  z-index: 1;
}

/*
** Start Espace Presse 
*/
.espace-presse {
  flex-direction: column;
  padding-top: 160px;
  padding-bottom: 75px;
  background: linear-gradient(120deg, #f0f3f8 0%, #ffffff 100%);
}

.espace-presse .espace-presse-content {
  padding-left: 98px;
}

.espace-presse .espace-presse-header h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 55px;
  line-height: 60px;
  color: #244780;
  margin-bottom: 33px;
}

.espace-presse .espace-presse-body {
  display: flex;
}

.espace-presse .espace-presse-body .left {
  width: 606px;
  margin-right: 78px;
}

.espace-presse .espace-presse-body .left h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  color: #244780;
  letter-spacing: -0.02em;
  margin-top: 20px;
}

.espace-presse .espace-presse-body .left .middle {
  padding-top: 46px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  column-gap: 50px;
  row-gap: 14px;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box {
  padding-top: 37px;
  padding-bottom: 20px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  height: 245px;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #e2e7f1;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #dd181e;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  visibility: hidden;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box:hover::after {
  background-color: #dd181e;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box:hover::before {
  opacity: 1;
  visibility: visible;
}

.espace-presse
  .espace-presse-body
  .left
  .middle
  .other-actu-box:hover
  .date-cate
  .the-date {
  color: #dd181e;
}

.espace-presse
  .espace-presse-body
  .left
  .middle
  .other-actu-box:hover
  .date-cate
  .the-cat {
  background-color: #dd181e;
}

.espace-presse
  .espace-presse-body
  .left
  .middle
  .other-actu-box:hover
  .read-cta
  span,
.espace-presse
  .espace-presse-body
  .left
  .middle
  .other-actu-box:hover
  .read-cta
  svg {
  visibility: visible;
  opacity: 1;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box .date-cate {
  display: flex;
  justify-content: space-between;
}

.espace-presse
  .espace-presse-body
  .left
  .middle
  .other-actu-box
  .date-cate
  .the-date {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #7087ba;
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.espace-presse
  .espace-presse-body
  .left
  .middle
  .other-actu-box
  .date-cate
  .the-cat {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 10px;
  line-height: 50px;
  text-align: center;
  color: #f0f3f8;
  width: 125px;
  height: 20px;
  display: flex;
  background-color: #7087ba;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box h5 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #244781;
  margin-top: 21px;
  margin-bottom: 55px;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box .read-cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 110px;
  position: absolute;
  bottom: 18px;
}

.espace-presse
  .espace-presse-body
  .left
  .middle
  .other-actu-box
  .read-cta
  span {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.08em;
  text-align: left;
  color: #dd181e;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.espace-presse .espace-presse-body .left .middle .other-actu-box .read-cta svg {
  visibility: hidden;
  opacity: 0;
}

.espace-presse .espace-presse-body .right {
  width: calc(100% - 684px);
}

.espace-presse .espace-presse-body .right .contact-presse {
  position: relative;
  padding: 30px 40px;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: 0px 30px 80px rgba(5, 19, 43, 0.2);
}

.espace-presse .espace-presse-body .right .contact-presse::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, #3463b5 65%, rgba(62, 139, 216, 0) 100%);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.espace-presse .espace-presse-body .right .contact-presse h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 30px;
  color: #fff;
  margin-bottom: 13px;
  position: relative;
  z-index: 3;
}

.espace-presse .espace-presse-body .right .contact-presse h5 {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 24px;
  color: #fff;
  position: relative;
  z-index: 3;
  margin-bottom: 5px;
}

.espace-presse .espace-presse-body .right .contact-presse img {
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.espace-presse .espace-presse-body .right .contact-presse ul {
  position: relative;
  z-index: 3;
  margin-bottom: 35px;
}

.espace-presse .espace-presse-body .right .contact-presse ul li a {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 24px;
  color: #fff;
  display: flex;
  align-items: center;
}

.espace-presse .espace-presse-body .right .contact-presse ul li a span {
  margin-left: 8px;
}

.espace-presse .espace-presse-body .right .contact-presse .btn {
  position: relative;
  z-index: 3;
  width: 228px;
  height: 58px;
  background-color: #f0f3f8;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 13px;
  text-align: center;
  color: #3e8bd8;
}

.espace-presse .espace-presse-body .right .box {
  position: relative;
  min-height: 288px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(#dd181e 0%, #ab1418 100%);
  margin-bottom: 30px;
  padding: 0 38px;
}

.espace-presse .espace-presse-body .right .box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(#dd181e 60%, rgba(171, 20, 24, 0) 100%);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.espace-presse .espace-presse-body .right .box img {
  max-width: 100%;
  position: absolute;
  z-index: 1;
}

.espace-presse .espace-presse-body .right .box.newsletter {
  background: #244780;
  box-shadow: 0px 33px 89px rgba(52, 99, 181, 0.5);
}

.espace-presse .espace-presse-body .right .box.newsletter img {
  top: 0;
}

.espace-presse .espace-presse-body .right .box.newsletter .btn {
  background-color: #dd181e;
  color: #ffffff;
}

.espace-presse .espace-presse-body .right .box.newsletter::after {
  background: linear-gradient(8deg, #244780 60%, #24478000 100%);
  height: 230px;
}

.espace-presse .espace-presse-body .right .box.observatoire img {
  bottom: 0;
}

.espace-presse .espace-presse-body .right .box:last-child {
  margin-bottom: 0;
}

.espace-presse .espace-presse-body .right .box span {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #f0f3f8;
  margin-bottom: 15px;
  display: flex;
  position: relative;
  z-index: 3;
}

.espace-presse .espace-presse-body .right .box p {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 3;
}

.espace-presse .espace-presse-body .right .box .btn {
  width: 149px;
  height: 50px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  background-color: #f0f3f8;
  border-radius: 4px 4px 20px 4px;
  color: #244780;
  margin-top: 28px;
  position: relative;
  z-index: 3;
}

.article-dedie-section {
  background: linear-gradient(#fff 100%, #f0f3f8 0%);
  display: flex;
  flex-direction: column;
  padding-top: 160px;
  padding-bottom: 60px;
  position: relative;
}

.article-dedie-section .breadcrumbs {
  z-index: 4;
  padding: 0 20px;
}

.article-dedie-section::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(29deg, #f0f3f8 0%, #fff 100%);
  height: 820px;
  width: 100%;
  pointer-events: none;
}

.article-dedie-section::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  z-index: 4;
  border-width: 0 0 820px 410px;
  border-color: transparent transparent #f7f9fb transparent;
  pointer-events: none;
}

.article-dedie-section .container {
  position: relative;
  margin-top: 56px;
}

.article-dedie-section .container .first-section-background-container {
  position: absolute;
  right: 0;
  top: -32px;
  z-index: 1;
}

.article-dedie-section .container .first-section-background-container::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.6) 77%,
    rgba(255, 255, 255, 0) 100%
  );
  width: 100%;
  height: 300px;
}

.article-dedie-section .container .section-content {
  position: relative;
  max-width: 964px;
  margin: 0 auto;
  z-index: 2;
}

.article-dedie-section .container .section-content .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.article-dedie-section .container .section-content .top .left {
  display: flex;
  flex-direction: column;
}

.article-dedie-section .container .section-content .top .left h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  color: #dd181e;
}

.article-dedie-section .container .section-content .top .left h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 40px;
  line-height: 50px;
  text-align: left;
  color: #244780;
  margin-top: 35px;
}

.article-dedie-section .container .section-content .top .left .info {
  margin-top: 42px;
  display: flex;
  align-items: center;
  gap: 40px;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .info-date
  span {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #244780;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .info-date
  span:first-child {
  font-weight: 500;
  margin-right: 6px;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .info-author
  .info-auth-lk {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #244780;
  text-decoration: none;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .info-author
  span {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #244780;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .info-author
  span:first-child {
  font-weight: 500;
  margin-right: 6px;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .social-media {
  display: flex;
  align-items: center;
  gap: 23px;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .social-media
  a {
  background-color: rgba(36, 71, 128, 0.5);
  border-radius: 100%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.article-dedie-section .container .section-content .top .left .info .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  margin-left: auto;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .right
  .page-switchs {
  display: flex;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .right
  .page-switchs
  a {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border: 1px solid #3463b5;
  background-color: transparent;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .right
  .page-switchs
  a:last-child {
  margin-left: 16px;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .right
  .page-switchs
  a:hover {
  background-color: #e9edf5;
  border: 1px solid #e9edf5;
}

.article-dedie-section
  .container
  .section-content
  .top
  .left
  .info
  .right
  #download-btn {
  background-color: #dd181e;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding: 16px 21px;
  border-radius: 4px 4px 20px 4px;
  margin-top: 88px;
}

.article-dedie-section .container .section-content .content {
  margin: 39px 0 96px 0;
}

.article-dedie-section .container .section-content .content .description {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 30px;
  text-align: left;
  color: #ab1418;
  margin-bottom: 49px;
}

.article-dedie-section .container .section-content .content p {
  margin-bottom: 37px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  max-width: 964px;
}

.article-dedie-section .container .section-content .content p:last-child {
  margin: 0;
}

.article-dedie-section .container .section-content .content h4 {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  margin-bottom: 30px;
}

.article-dedie-section .container .section-content .content ul {
  max-width: 964px;
  margin-left: 32px;
}

.article-dedie-section .container .section-content .content ul li {
  margin-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 24px;
  text-align: left;
  color: #244780;
  padding-left: 35px;
  position: relative;
}

.article-dedie-section .container .section-content .content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 4px;
  height: 4px;
  background-color: #244780;
  border-radius: 100%;
}

.article-dedie-section .container .second-section-background-container {
  position: absolute;
  left: 0;
  bottom: 130px;
  z-index: 1;
}

.article-dedie-section .others-actu {
  padding: 0 20px;
  max-width: 964px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  column-gap: 65px;
  position: relative;
  z-index: 4;
}

.article-dedie-section .others-actu .other-actu-box {
  padding-top: 37px;
  padding-bottom: 20px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
}

.article-dedie-section .others-actu .other-actu-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #e2e7f1;
}

.article-dedie-section .others-actu .other-actu-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #dd181e;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
  visibility: hidden;
}

.article-dedie-section .others-actu .other-actu-box:hover::after {
  background-color: #dd181e;
}

.article-dedie-section .others-actu .other-actu-box:hover::before {
  opacity: 1;
  visibility: visible;
}

.article-dedie-section .others-actu .other-actu-box:hover .date-cate .the-date {
  color: #dd181e;
}

.article-dedie-section .others-actu .other-actu-box:hover .date-cate .the-cat {
  background-color: #dd181e;
}

.article-dedie-section .others-actu .other-actu-box:hover .read-cta span,
.article-dedie-section .others-actu .other-actu-box:hover .read-cta svg {
  visibility: visible;
  opacity: 1;
}

.article-dedie-section .others-actu .other-actu-box .date-cate {
  display: flex;
  justify-content: space-between;
}

.article-dedie-section .others-actu .other-actu-box .date-cate .the-date {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #7087ba;
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.article-dedie-section .others-actu .other-actu-box .date-cate .the-cat {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 10px;
  line-height: 50px;
  text-align: center;
  color: #f0f3f8;
  width: 125px;
  height: 20px;
  display: flex;
  background-color: #7087ba;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.article-dedie-section .others-actu .other-actu-box h5 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #244781;
  margin-top: 21px;
  margin-bottom: 55px;
}

.article-dedie-section .others-actu .other-actu-box .read-cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 110px;
}

.article-dedie-section .others-actu .other-actu-box .read-cta span {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.08em;
  text-align: left;
  color: #dd181e;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.article-dedie-section .others-actu .other-actu-box .read-cta svg {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.page-template-deontologie .icon-social-media {
  bottom: 80px;
}

.page-template-missions .icon-social-media ul li,
.page-template-deontologie .icon-social-media ul li {
  border: 1px solid #fff !important;
  background-color: transparent !important;
}

.page-template-missions .icon-social-media ul li a svg path,
.page-template-deontologie .icon-social-media ul li a svg path {
  fill: #fff !important;
}

.deontologie-hero {
  background: linear-gradient(305deg, #3463b5 0%, #244780 100%);
  padding-top: 160px;
  min-height: 100vh;
  display: flex;
  /*justify-content: end;*/
}

.deontologie-hero .deontologie-content {
  max-width: 980px;
  margin: 0 auto 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 100px;
}

.deontologie-hero .deontologie-content svg {
  position: absolute;
  bottom: 0;
  right: 16px;
  z-index: 1;
}

.deontologie-hero .deontologie-content h1 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 55px;
  line-height: 60px;
  color: #fff;
  margin-bottom: 27px;
  position: relative;
  z-index: 2;
}

.deontologie-hero .deontologie-content p {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  color: #fff;
  margin-bottom: 30px;
}

.deontologie-hero .deontologie-content p:last-child {
  margin-bottom: 18px;
}

.deontologie-hero .deontologie-content .intro {
  max-width: 770px;
  position: relative;
  z-index: 2;
}

.deontologie-body {
  position: relative;
  padding-top: 35px;
}

.deontologie-body .reclamations-content {
  display: none;
}

.deontologie-body .deontologie-accordion {
  max-width: 1060px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-top: 20px;
}

.deontologie-body .button-reclamation {
  width: auto;
  padding: 0 30px;
  margin-top: 10px;
}

.deontologie-body .deontologie-accordion::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 618px;
  height: 850px;
  border-radius: 0px 0px 500px 500px;
  background: #7087ba;
  opacity: 0.1;
  pointer-events: none;
  z-index: -1;
}

.deontologie-body .deontologie-accordion .accordion {
  width: calc(100% - 100px);
  display: flex;
  flex-flow: nowrap column;
}

.deontologie-body .deontologie-accordion .accordion .item {
  display: flex;
  flex-direction: column;
}

.deontologie-body .deontologie-accordion .accordion .item .accordionBtn {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background-color: transparent;
  display: flex;
  width: 100%;
  border: none;
  cursor: pointer;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 38px;
  color: #244781;
  position: relative;
  padding: 25px 40px 25px 0;
  border-bottom: 1px solid #244781;
}

.deontologie-body
  .deontologie-accordion
  .accordion
  .item
  .accordionBtn
  .btn-title {
  padding-left: 50px;
}

.deontologie-body
  .deontologie-accordion
  .accordion
  .item
  .accordionBtn
  .number {
  font-size: 20px;
}

.deontologie-body .deontologie-accordion .accordion .item .accordionBtn .icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.deontologie-body
  .deontologie-accordion
  .accordion
  .item
  .accordionBtn
  .icon::after,
.deontologie-body
  .deontologie-accordion
  .accordion
  .item
  .accordionBtn
  .icon::before {
  content: "";
  position: absolute;
  right: 10px;
  height: 2px;
  width: 15px;
  background-color: #244780;
  transform-origin: center;
  transition: 0.4s ease-in-out;
}

.deontologie-body
  .deontologie-accordion
  .accordion
  .item
  .accordionBtn
  .icon:before {
  transform: rotate(90deg);
}

.deontologie-body .deontologie-accordion .accordion .item .content {
  max-height: 0;
  display: block;
  background-color: transparent;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  overflow: hidden;
}

.deontologie-body .deontologie-accordion .accordion .item .content p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 26px;
  color: #244781;
  margin-bottom: 30px;
}

.deontologie-body
  .deontologie-accordion
  .accordion
  .item
  .content
  p:last-child {
  margin-bottom: 55px;
}

.deontologie-body .deontologie-accordion .accordion .item.active .accordionBtn {
  font-size: 34px;
  line-height: 44px;
  color: #9d2722;
}

.deontologie-body
  .deontologie-accordion
  .accordion
  .item.active
  .accordionBtn
  .icon::before,
.deontologie-body
  .deontologie-accordion
  .accordion
  .item.active
  .accordionBtn
  .icon::after {
  transform: rotate(360deg);
}

.deontologie-body .deontologie-accordion .accordion .item.active .content {
  padding-top: 25px;
}

.deontologie-body .deontologie-info {
  max-width: 962px;
  margin: 0 auto;
  padding: 60px 90px;
  position: relative;
}

.deontologie-body .deontologie-info h5 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: -0.02em;
  line-height: 28px;
  color: #ab1418;
  margin-bottom: 35px;
  display: none;
}

.deontologie-body .deontologie-info p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  color: #244780;
  margin-bottom: 30px;
}
.deontologie-body .deontologie-info p:first-child {
  font-weight: 500;
  font-size: 18px;
}

.deontologie-body .deontologie-info p:last-child {
  margin-bottom: 50px;
}

.deontologie-body .deontologie-info ul li {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  color: #244780;
  padding-left: 35px;
  position: relative;
  margin-bottom: 15px;
}

.deontologie-body .deontologie-info ul li:last-child {
  margin-bottom: 30px;
}

.deontologie-body .deontologie-info ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #244780;
  border-radius: 50%;
}

.deontologie-body .deontologie-info.procedure-suivre {
  border: 1px solid #dd181e;
  box-shadow: 0px 50px 40px #00091926;
}

.deontologie-body .deontologie-info.procedure-suivre::after {
  content: none;
  width: 188px;
  height: 376px;
  border-bottom-right-radius: 188px;
  border-top-right-radius: 188px;
  background: #f0f3f8;
  position: absolute;
  top: -60px;
  left: -65px;
  z-index: -1;
}

.deontologie-body .deontologie-info.reclamations p:first-child {
  font-weight: 500;
  font-size: 18px;
}

.deontologie-body .deontologie-download {
  padding-top: 50px;
  position: relative;
  max-width: 768px;
  margin: 60px auto;
}

.deontologie-body .deontologie-download::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 376px;
  height: 530px;
  border-radius: 4px 4px 500px 500px;
  background: linear-gradient(356deg, #f0f3f8 100%, #ffffff 100%);
  mix-blend-mode: multiply;
}

.deontologie-body .deontologie-download .download-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.deontologie-body .deontologie-download .box {
  width: 100%;
  min-height: 388px;
  position: relative;
  background: linear-gradient(316deg, #ffffff 0%, #f0f3f8 100%);
  box-shadow: 0px 30px 80px #05132b34;
  padding: 70px 30px;
  overflow: hidden;
}

.deontologie-body .deontologie-download .box:nth-child(2)::after {
  background: linear-gradient(15deg, #244780 60%, #3e8bd800 100%);
}

.deontologie-body .deontologie-download .box:nth-child(2) .btn {
  background: #3e8bd8;
}

.deontologie-body .deontologie-download .box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(15deg, #3463b5 60%, #3e8bd800 100%);
}

.deontologie-body .deontologie-download .box img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.deontologie-body .deontologie-download .box .logo {
  text-align: center;
}

.deontologie-body .deontologie-download .box .box-content {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  display: grid;
  grid-auto-rows: 1fr;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
}

.deontologie-body .deontologie-download .box h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #fff;
}

.deontologie-body .deontologie-download .box .btn {
  width: 213px;
  height: 70px;
  background: #244780;
  color: #fff;
  margin: 0 auto;
}

.icon-social-media ul li {
  border: 1px solid #e8ecf2 !important;
  background-color: #e8ecf2 !important;
}

.icon-social-media ul li a svg path {
  fill: #244781 !important;
}

/* Start Style Page Ecoute */
.section-listening {
  padding-top: 160px;
  padding-bottom: 70px;
  background-image: url(../css/images/ecoutbg.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  z-index: 2;
}

.section-listening .top {
  max-width: 1078px;
  margin: 0 auto;
}

.section-listening .top h1 {
  font-size: 55px;
  color: #244780;
  font-weight: 700;
  line-height: 60px;
  font-family: "DM Sans", sans-serif;
  max-width: 640px;
}

.section-listening .top .filter {
  background-color: #fff;
  max-width: 1078px;
  height: 100px;
  margin: 47px auto 0 auto;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(62, 139, 216, 0.3);
  -webkit-box-shadow: 0px 50px 40px #000c1f27;
  box-shadow: 0px 50px 40px #000c1f27;
}

.section-listening .top .inner-filtre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 50px;
  padding-left: 50px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section-listening .top form {
  position: relative;
  width: 111px;
}

.section-listening .top input {
  border: 0;
  color: rgba(36, 70, 128, 0.5);
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  padding-right: 18px;
}

.section-listening .top button {
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 0;
  top: 6px;
}

.section-listening .top button:after {
  content: "";
  background: url(images/arrow-input.svg);
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0;
}

.section-listening .top .filter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  column-gap: 30px;
}

.section-listening .top .filter-item div {
  color: #244781;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  cursor: pointer;
}

.section-listening .top .filter-item div.active {
  color: #dd181e;
  pointer-events: none;
}

.section-listening .middle {
  padding-top: 55px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 15px;
  column-gap: 15px;
  row-gap: 40px;
}

.section-listening .middle .other-actu-box {
  padding-bottom: 20px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: relative;
  display: grid;
}

.section-listening .middle .other-actu-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: transparent;
}

.section-listening .middle .other-actu-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #e2e7f1;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  margin-bottom: -15px;
}

.section-listening .middle .other-actu-box:hover::after {
  background-color: transparent;
}

.section-listening .middle .other-actu-box:hover::before {
  background-color: #dd181e;
}

.section-listening .middle .other-actu-box:hover .date-cate .the-date {
  color: #dd181e;
}

.section-listening .middle .other-actu-box:hover .date-cate .the-cat {
  background-color: #dd181e;
}

.section-listening .middle .other-actu-box:hover .read-cta span {
  color: #dd181e;
}

.section-listening .middle .other-actu-box:hover .read-cta svg path {
  stroke: #dd181e;
}

.section-listening .middle .other-actu-box .image {
  position: relative;
  margin-bottom: 25px;
}

.section-listening .middle .other-actu-box .image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(30%, #24478000),
    to(#244780)
  );
  background: linear-gradient(180deg, #24478000 30%, #244780 100%);
}

.section-listening .middle .other-actu-box .image img {
  max-width: 100%;
}

.section-listening .middle .other-actu-box .date-cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section-listening .middle .other-actu-box .date-cate .the-date {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #7087ba;
  opacity: 1;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.section-listening .middle .other-actu-box .date-cate .the-cat {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 10px;
  text-align: center;
  color: #f0f3f8;
  padding: 0 10px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #7087ba;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.section-listening .middle .other-actu-box h5 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
  color: #244781;
  margin-top: 21px;
  margin-bottom: 20px;
}

.section-listening .middle .other-actu-box .read-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 110px;
  bottom: 0;
  position: absolute;
}

.section-listening .middle .other-actu-box .read-cta span {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.08em;
  color: #244781;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.section-listening .middle .other-actu-box .read-cta svg {
  margin-left: 25px;
}

.section-listening .middle .other-actu-box .read-cta svg path {
  stroke: #244781;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.section-listening .pagination-blocs {
  padding-top: 65px;
  max-width: 965px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section-listening .pagination-blocs .pages-number {
  color: #244780b3;
  font-size: 14px;
  font-weight: 500;
}

.section-listening .pagination-blocs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

.section-listening .pagination-blocs li {
  font-size: 14px;
  font-weight: 300;
  color: #244780;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 28px;
  height: 28px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  top: 0;
}

.section-listening .pagination-blocs li.active {
  color: #fff;
  position: relative;
  font-weight: 500;
  border-radius: 50%;
  background-color: #7087ba;
}

.section-listening .pagination-blocs .page {
  height: 50px;
  width: 50px;
  border-radius: 4px;
  background-color: #e4e9f2;
  border: 1px solid #e4e9f2;
}

.section-listening .pagination-blocs .page:hover {
  background-color: transparent;
  border: 1px solid #3463b5;
}

.section-listening .pagination-blocs .page:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  background-image: url(images/arrow-input.svg);
  left: 0;
  right: 0;
  margin: auto;
  top: 16px;
}

.section-listening .pagination-blocs .page.prev:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* Result Search Style */

.section_cards {
  background: #fff;
  padding: 160px 0 85px 0;
  flex-direction: column;
}

.cards {
  width: 970px;
  max-width: 100%;
  margin: 24px auto 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.card {
  font-family: "DM Sans", sans-serif;
  position: relative;
  padding: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 1;
  background-color: #f0f3f8;
  min-height: 236px;
  gap: 50px;
}

.card .card__text,
.card .card__link {
  position: relative;
  z-index: 3;
}

.card::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url("./images/bg-card.svg");
  background-repeat: no-repeat;
  z-index: 1;
  background-size: cover;
  background-position: bottom;
}

.card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(206deg, #f0f3f8 25%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}

.card .card__text {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  color: #244780;
}

.card__title {
  width: 970px;
  max-width: 100%;
  margin: 0 auto 50px auto;
  font-family: "DM Sans", sans-serif;
  font-size: 55px;
  line-height: 60px;
  font-weight: 700;
  color: #244780;
}

.card__title--red {
  color: #dd181e;
}

.card .card__link {
  transition: 0.5s;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: #dd181e;
}

.card .card__link--arrow {
  padding-left: 35px;
}

.card:hover .card__link {
  opacity: 0.75;
}

.bouncing-loader {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.bouncing-loader.position_top {
  top: 280px;
}

.bouncing-loader > div {
  width: 1rem;
  height: 1rem;
  margin: 3rem 0.2rem;
  background: #8385aa;
  border-radius: 50%;
  animation: bouncing-loader 0.6s infinite alternate;
}

.bouncing-loader > div:nth-child(2) {
  animation-delay: 0.2s;
}

.bouncing-loader > div:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes bouncing-loader {
  to {
    opacity: 0.1;
    transform: translate3d(0, -1rem, 0);
  }
}

.annuaire-section.effect_before_ajax .annuaire-equipe-items {
  opacity: 0;
}

.nos-actualites-second.effect_before_ajax .bouncing-loader,
.annuaire-section.effect_before_ajax .bouncing-loader {
  opacity: 1;
  visibility: visible;
}

.nos-actualites-second .container .content .bouncing-loader {
  top: 169px;
}

.no-posts {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  width: 100%;
  align-items: center;
}

.nos-actualites-second .container .content .no-posts {
  grid-column-start: 1;
  grid-column-end: 4;
}

.no-result {
  font-family: "DM Sans", sans-serif;
  font-weight: normal;
  font-size: 25px;
  line-height: 36px;
  color: #244781;
  margin-top: 45px;
  transition: 0.3s ease-in-out;
}

body:is(.page-template-etudes, .page-template-annuaire) .items-filtered {
  display: flex;
  flex-wrap: wrap;
  padding-right: 50px;
  padding-left: 24px;
  align-items: center;
  justify-content: center;
  width: 964px;
  max-width: 100%;
  position: relative;
  z-index: 2;
  margin: 60px auto 0 auto;
}

body:is(.page-template-etudes, .page-template-annuaire) .items-filtered ul {
  width: 100%;
  display: flex;
  gap: 16px;
}

body:is(.page-template-etudes, .page-template-annuaire) .items-filtered ul li {
  padding: 13px;
  background-color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: #244780;
  display: flex;
  align-items: center;
  gap: 16px;
}

body:is(.page-template-etudes, .page-template-annuaire)
  .items-filtered
  ul
  li
  button.btn-filter-reset {
  background: transparent;
  border: none;
  cursor: pointer;
  display: inherit;
}

/* Style Page Observatoire */

.section-observatoire {
  padding-top: 160px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section-observatoire .observatoire-content {
  max-width: 965px;
  margin: 0 auto;
}

.section-observatoire .observatoire-intro {
  font-family: "DM Sans", sans-serif;
  color: #244780;
	
display : flex;
justify-content : space-between;
margin-bottom : 100px;	
position : relative;	
	
}

.section-observatoire .observatoire-intro h3 {
  font-weight: 700;
  font-size: 55px;
  line-height: 60px;
  margin-bottom: 22px;
}

.section-observatoire .observatoire-intro p {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 24px;
  max-width: 670px;
  margin-bottom: 20px;
}

.section-observatoire .observatoire-intro p:last-child {
  margin-bottom: 50px;
}

.section-observatoire .observatoire-boxs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-bottom: 75px;
}





.section-observatoire .observatoire-intro .left {
	
	width : 100%;
	
}



.section-observatoire .observatoire-intro .squares_container {
  max-width: 690px;
  margin: 0 0 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 18px;
}

.section-observatoire .observatoire-intro .squares_container .square {
  min-height: 336px;
  background-color: #ab1418;
  position: relative;
}

.section-observatoire .observatoire-intro .squares_container .square:nth-child(2) {
  top: 150px;
  background-color: #3363b5;
}

.section-observatoire .observatoire-intro .squares_container .square:nth-child(2)::after {
  border-width: 0 0 336px 168px;
  border-color: transparent transparent #244780 transparent;
  bottom: 0;
	top : unset;
}

.section-observatoire .observatoire-intro .squares_container .square::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-width: 0 168px 336px 0;
  border-color: transparent #dd181e transparent transparent;
  z-index: 1;
  border-style: solid;
}

.section-observatoire .observatoire-intro .squares_container .square .dev-shap-bloc {
  height: 100%;
  position: relative;
  z-index: 2;
  padding: 33px 21px;
  color: #fff;
}

.section-observatoire .observatoire-intro .squares_container .square .bloc-wrapper {
  display: flex;
  align-items: flex-end;
  height: 100%;
}

.section-observatoire .observatoire-intro
  .squares_container
  .square
  .bloc-wrapper
  .card-content
  .card-percent {
  font-size: 43px;
  line-height: 50px;
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  margin-bottom: 25px;
}

.section-observatoire .observatoire-intro
  .squares_container
  .square
  .bloc-wrapper
  .card-content
  .text-sm {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 28px;
  color: #fff;
}



.section-observatoire .observatoire-intro::after {
    content: "";
    position: absolute;
    top: 0;
    right: 55px;
    width: 118px;
    height: 582px;
    background-color: #244780;
    z-index: -1;
}





.section-observatoire .observatoire-boxs .box {
  position: relative;
  min-height: 305px;
  color: #fff;
  font-weight: 500;
  font-family: "DM Sans", sans-serif;
  letter-spacing: -0.02em;
  padding: 45px 35px;
  overflow: hidden;
}

.section-observatoire .observatoire-boxs .box h4 {
  font-size: 24px;
  line-height: 34px;
  position: relative;
  z-index: 3;
  margin-bottom: 20px;
}

.section-observatoire .observatoire-boxs .box p {
  font-size: 16px;
  line-height: 26px;
  position: relative;
  z-index: 3;
}

.section-observatoire .observatoire-boxs .box .image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.section-observatoire .observatoire-boxs .box .image img {
  max-width: 100%;
}

.section-observatoire .observatoire-filter .pub-filtrage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #3463b5;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 25px;
}

.section-observatoire .observatoire-filter .pub-title h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  color: #244781;
}

.section-observatoire .observatoire-filter .pub-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.section-observatoire .observatoire-filter .tab {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  color: #244781;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.section-observatoire .observatoire-filter .tab.tab-mobile {
  margin-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #3463b5;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section-observatoire .observatoire-filter .tab.tab-mobile svg {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.section-observatoire .observatoire-filter .tab.tab-mobile svg path {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.section-observatoire .observatoire-filter .tab.tab-mobile.active svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.section-observatoire .observatoire-filter .tab.tab-mobile.active svg path {
  fill: #dd181e;
}

.section-observatoire .observatoire-filter .tab.active {
  color: #dd181e;
}

.section-observatoire .observatoire-filter .tab-intro {
  max-width: 768px;
  margin: 50px auto 0 auto;
}

.section-observatoire .observatoire-filter .tab-intro p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 26px;
  color: #244780;
  margin-bottom: 30px;
}

.section-observatoire .observatoire-filter .tab-intro p:last-child {
  margin-bottom: 0;
}

.section-observatoire .observatoire-filter [data-tab-content] {
  display: none;
  -webkit-animation: fade 1s ease-in-out;
  animation: fade 1s ease-in-out;
}

.section-observatoire .observatoire-filter .active[data-tab-content] {
  display: block;
}

.section-observatoire .observatoire-filter .tab-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-top: 70px;
}

.section-observatoire .observatoire-filter .tab-items .tab-item {
  min-height: 292px;
  background-color: #f0f3f8;
  padding: 45px 35px;
  position: relative;
}

.section-observatoire
  .observatoire-filter
  .tab-items
  .tab-item.triangle-right::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  border-style: solid;
  border-width: 0 0 292px 168px;
  border-color: transparent transparent #e4eaf5 transparent;
  pointer-events: none;
  z-index: 1;
}

.section-observatoire
  .observatoire-filter
  .tab-items
  .tab-item.triangle-left::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-style: solid;
  border-width: 292px 168px 0 0;
  border-color: #e4eaf5 transparent transparent transparent;
  pointer-events: none;
  z-index: 1;
}

.section-observatoire
  .observatoire-filter
  .tab-items
  .tab-item.round-arch-left {
  background-color: #e4eaf5;
}

.section-observatoire
  .observatoire-filter
  .tab-items
  .tab-item.round-arch-left::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 292px;
  height: 100%;
  background-color: #f0f3f8;
  pointer-events: none;
  z-index: 1;
  border-radius: 200px 200px 0 0;
}

.section-observatoire
  .observatoire-filter
  .tab-items
  .tab-item.round-arch-right {
  background-color: #e4eaf5;
}

.section-observatoire
  .observatoire-filter
  .tab-items
  .tab-item.round-arch-right::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 292px;
  height: 100%;
  background-color: #f0f3f8;
  pointer-events: none;
  z-index: 1;
  border-radius: 0 0 200px 200px;
}

.section-observatoire .observatoire-filter .tab-items .tab-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #244780;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  position: relative;
  z-index: 2;
}

.section-observatoire .observatoire-filter .tab-items .tab-item span.category {
  letter-spacing: -0.02em;
  color: #dd181e;
  opacity: 0.7;
  margin-bottom: 35px;
}

.section-observatoire .observatoire-filter .tab-items .tab-item span.date {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.section-observatoire .observatoire-filter .tab-items .tab-item .bottom {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 0;
  padding: 0 35px;
}

.section-observatoire .observatoire-filter .tab-items .tab-item span.read-more {
  letter-spacing: 0.08em;
  /*   position: absolute;
  bottom: 40px; */
  gap: 16px;
}

.section-observatoire .observatoire-filter .tab-items .tab-item h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #244780;
  margin-bottom: 35px;
  position: relative;
  z-index: 2;
}

.section-observatoire .observatoire-information {
  max-width: 768px;
  margin: 75px auto 0 auto;
  background-image: url("../css/images/obsInfo.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 100px 28px;
  text-align: center;
  -webkit-box-shadow: 0px 30px 80px rgba(5, 19, 43, 0.2);
  box-shadow: 0px 30px 80px rgba(5, 19, 43, 0.2);
}

.section-observatoire .observatoire-information h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 34px;
  color: #fff;
  margin-bottom: 15px;
}

.section-observatoire .observatoire-information p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  padding-bottom: 22px;
}

.section-observatoire .observatoire-information p a {
  color: #fff;
  text-decoration: underline;
}

.section-observatoire .observatoire-information h5 {
  padding-top: 22px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 15px;
  position: relative;
}

.section-observatoire .observatoire-information h5::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 1px;
  width: 45px;
  background-color: #fff;
}

.section-observatoire .observatoire-press-service {
  padding: 120px 0 100px 0;
  /*170px 0 150px 0*/
  position: relative;
  margin-top: -40px;
}

.section-observatoire .observatoire-press-service::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 50px);
  height: 100%;
  background-color: #f0f3f8;
  z-index: -1;
  border-radius: 0 500px 500px 0;
}

.section-observatoire .observatoire-press-service .press-service-content {
  max-width: 768px;
  margin: 0 auto;
  text-align: center;
}

.section-observatoire .observatoire-press-service .press-service-content h6 {
  line-height: 50px;
  font-size: 40px;
  color: #244781;
  font-family: "DM Sans", sans-serif;
  text-align: center;
  font-weight: 700;
}

.section-observatoire .observatoire-press-service .press-service-content a {
  height: 70px;
  line-height: 70px;
  width: 180px;
  margin: 54px auto 0 auto;
}

/* Start New Style For Page Annuaire */
.annuaire-section .top .switch-pages {
  max-width: 964px;
  position: relative;
  z-index: 9;
  margin: 35px auto 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.annuaire-section .top .switch-pages a {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #999;
  padding: 18px 0;
  border-radius: 4px;
  border: 1px solid #e9f1f9;
  transition: 0.5s ease-in-out;
}

.annuaire-section .top .switch-pages a:hover {
  color: #244780;
  border-color: #3e8bd8;
  font-weight: bold;
}

body.page-template-annuaire .annuaire-section .top .switch-pages a.link-ajmj {
  border-color: #3e8bd8;
  font-weight: bold;
  color: #fff;
  background: #244780;
}

body.page-template-etudes .annuaire-section .top .switch-pages a.link-etude {
  border-color: #3e8bd8;
  font-weight: bold;
  color: #fff;
  background: #244780;
}

.annuaire-section .annuaire-equipe-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}

.annuaire-equipe-items .item {
  flex: initial;
  margin: 0;
  height: 387px;
}

.annuaire-equipe-items .photo-profile {
  height: 226px;
  position: relative;
}

.annuaire-equipe-items .photo-profile img {
  width: 100%;
  object-fit: cover;
  height: 226px;
}

.annuaire-equipe-items .infos {
  bottom: 0;
}

body.page-template-etudes .annuaire-equipe-items .status,
body.page-template-annuaire .annuaire-equipe-items .status {
  position: absolute;
  bottom: 41px;
  width: calc(100% - 40px);
}

.annuaire-equipe-items h4 {
  font-size: 14px;
  line-height: 22px;
}

.annuaire-equipe-items span {
  font-size: 14px;
  line-height: 14px;
}

.annuaire-equipe-items h5 {
  font-size: 12px;
  line-height: 17px;
}

#icon-search {
  z-index: 11;
  top: 160px;
  width: 158px;
  border-radius: 50px;
  height: 50px;
  padding: 0 25px;
  justify-content: space-around;
}

#icon-search span {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: 0.08em;
  text-align: center;
  color: #fff;
  transition: 0.5s ease-in-out;
}

body.dark-style #icon-search span {
  color: #244780;
}

.no-posts {
  grid-column-start: 1;
  grid-column-end: 6;
}

.annuaire-equipe-items .infos {
  background-position: right;
  background-size: cover;
}

body.page-template-etudes .annuaire-equipe-items .photo-profile {
  display: none;
}

body.page-template-etudes .annuaire-equipe-items .item {
  height: 160px;
}

body.page-template-etudes .annuaire-section .annuaire-equipe-items {
  grid-template-columns: repeat(4, 1fr);
}

.container-ajmj-small {
  max-width: 950px;
  margin: auto;
}

.container-devenir-ajmj {
  max-width: 1384px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
}

.container-inscription-exam {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 104px;
  position: relative;
  z-index: 9;
  margin-bottom: 83px;
  box-shadow: 0px 50px 80px rgba(0, 24, 65, 0.2);
}

.content-inscription-exam {
  display: flex;
  flex-direction: column;
  padding: 68px;
  text-align: center;
  background-image: url(../images/bg-exam.jpg);
  background-size: cover;
}

.content-inscription-exam h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 34px;
  text-align: center;
  color: #fff;
}

.content-inscription-exam .btn-dossier {
  display: flex;
  align-items: center;
  margin: 30px auto;
}

.content-inscription-exam .btn-dossier svg {
  margin-left: 10px;
  position: relative;
  top: 1px;
}

.content-inscription-exam .btn-dossier a {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}

.content-inscription-exam .btn-download {
  display: flex;
  align-items: center;
  margin: auto;
  padding-bottom: 30px;
}

.content-inscription-exam .btn-download svg {
  margin-left: 10px;
  position: relative;
  top: 3px;
}

.content-inscription-exam .btn-download a {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  line-height: 25px;
  position: relative;
}

.content-inscription-exam .btn-download a:after {
  content: "";
  width: 44px;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: -33px;
  left: 0;
  right: 0;
  margin: auto;
}

.content-inscription-exam h4 {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  margin-top: 34px;
}

.content-inscription-exam p {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  margin-top: 8px;
}

.content-inscription-exam span {
  display: flex;
  flex-direction: column;
  width: 460px;
  max-width: 100%;
  margin: auto;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  padding-top: 18px;
}

.content-inscription-exam h2 {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  margin-top: 10px;
  text-transform: uppercase;
}

.container-prev-session {
  display: flex;
  flex-direction: column;
}

.container-prev-session .content-prev-session {
  display: flex;
  flex-direction: column;
  margin-top: 0;
}

.container-prev-session .content-prev-session h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  color: #244780;
  max-width: 670px;
  margin: 0 auto;
}

.container-prev-session .content-prev-session .items-prev-session {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  margin-top: 37px;
  margin-bottom: 37px;
  position: relative;
}

.container-prev-session .content-prev-session .items-prev-session .item-prev {
  height: 291px;
  display: flex;
  flex-direction: column;
  padding: 40px 35px;
  background-image: url(../images/bg-item-prev.png);
  background-size: cover;
  position: relative;
}

.container-prev-session
  .content-prev-session
  .items-prev-session
  .item-prev:nth-child(2n) {
  background-image: url(../images/bg-item-prev-red.png);
}

.container-prev-session
  .content-prev-session
  .items-prev-session
  .item-prev
  span {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #fff;
  letter-spacing: 0.08em;
}

.container-prev-session
  .content-prev-session
  .items-prev-session
  .item-prev
  h3 {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  text-align: left;
  color: #fff;
  margin-top: 35px;
}

.container-prev-session .items-prev-session .item-prev .btn-consulter {
  align-items: center;
  position: absolute;
  bottom: 40px;
  left: 35px;
}

.container-prev-session .items-prev-session .item-prev .btn-consulter svg {
  margin-left: 14px;
  position: relative;
  top: 3px;
}

.container-prev-session .btn-load-more {
  margin-bottom: 36px;
}

.container-prev-session .btn-load-more button {
  width: 180px;
  height: 50px;
  border-radius: 4px 4px 20px 4px;
  background: #3463b5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  border: none;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.container-prev-session .btn-load-more button a {
  color: inherit;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.tabs-accordion {
  display: flex;
  list-style-type: none;
  margin-top: 45px;
}

.tabs-accordion li {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 50%;
  height: 60px;
  border-radius: 10px 10px 0 0;
  background: transparent;
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  color: #244780;
  padding: 0 48px;
  border-bottom: 2px solid #d3dae6;
  text-align: center;
}

.tabs-accordion li.active {
  color: #dd181e;
  border-bottom-color: #dd181e;
}

.accordion-devenir-ajmj {
  display: none;
  flex-direction: column;
}

.accordion-devenir-ajmj.active {
  display: flex;
}

/* Start Responsive */

@media only screen and (min-width: 1700px) {
  .agent-single-prim .white-box {
    width: 90%;
  }
}

@media screen and (min-width: 1460px) {
  .section-actify .container,
  .section-who-we-are .container {
    max-width: 1390px;
  }

  .section-who-we-are::before {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1440px) {
  .nos-actualites-prim .synSlider.synSlider--nav {
    max-width: 1200px;
  }
}

@media only screen and (max-width: 1440px) {
  .nos-actualites-prim
    .synSlider.synSlider--nav
    .synSlider__item.nav
    .title-actu {
    font-size: 14px;
    line-height: 24px;
  }

  .nos-missions-prim .container .missions-pattern {
    right: 90px;
  }

  .hero_container .dev-carousel .item {
    padding: 200px 0 0;
  }

  .section-actify .items-actify .item-actif .info-actif {
    padding: 25px;
  }

  .hero_container .dev-carousel .item .slide-title-container .slide-title {
    max-width: 855px;
  }

  .hero_container .dev-carousel .item .shape2,
  .hero_container .dev-carousel .item .shape1 {
    bottom: 638px;
    transform: scale(0.8);
    right: 60px;
  }

  .hero_container .dev-carousel .item .shape3 {
    right: 227px;
    top: 145px;
    transform: scale(0.9);
  }
	.hero_container .dev-carousel .item .shape4 {
    right: 227px;
    top: 145px;
    transform: scale(0.9);
  }

  .shape0 {
    right: 65px !important;
  }
}

@media only screen and (max-width: 1420px) {
  .section-find-annuaire .container::after {
    height: 630px;
  }

  .section-find-annuaire .container {
    min-height: 630px;
  }

  .section-find-annuaire {
    padding: 90px 0 0 0;
    min-height: 630px;
  }

  .notre-metier-prim .container .content {
    padding-bottom: 0;
  }

  .notre-metier-second {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .nos-actus-histo {
    padding-top: 50px;
  }

  .nos-actus-histo .container .bottom .engagement-content {
    margin-top: 35px;
  }
}

@media screen and (max-width: 1400px) {
  .switcher_languages {
    top: 40px !important;
    right: 300px !important;
  }

  html:lang(en-US) .switcher_languages {
    right: 270px !important;
  }

  /*Start Header */
  header {
    overflow: hidden;
    min-height: 130px;
  }

  body.navbar-opened {
    overflow: hidden;
  }

  header .burger-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .icon-social-media {
    display: none;
  }

  header .menu .bottom {
    display: block;
  }

  #icon-search,
  #icon-close {
    top: 40px;
    -webkit-transform: initial;
    transform: initial;
    right: 125px;
  }

  header .menu {
    height: 100vh;
    background: linear-gradient(350deg, #3463b5 0%, #244780 100%);
    z-index: 20;
    position: absolute;
    right: 0;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }

  header .menu nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 535px;
    width: 100%;
    padding: 40px 65px;
    height: 100vh;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background-color: rgba(255, 255, 255, 0.15);
    overflow: auto;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }

  header .menu .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: initial;
  }

  body.dark-style header .menu .top,
  header .menu .top {
    border-bottom: none;
  }

  header .menu .top ul {
    width: 100%;
  }

  header .menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  header .menu ul.external-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 63px;
  }

  header .menu ul li.dropdown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin-right: 0;
    border-bottom: 1px solid #3463b5;
  }

  header .menu ul li.dropdown:first-child {
    border-top: 1px solid #3463b5;
  }

  header .menu ul li.dropdown span {
    height: auto;
    line-height: initial;
    margin-top: 0;
    width: 100%;
    padding: 20px 10px 20px 0;
    color: #fff;
    margin-bottom: 5px;
  }

  header .menu ul li.dropdown span svg path {
    stroke: #fff;
  }

  header .menu ul.dropdown-menu {
    position: initial;
    border-top: none;
    padding-top: 0;
    padding-left: 35px;
  }

  header .menu ul li.dropdown:hover span::after {
    content: none;
  }

  header .menu ul.dropdown-menu li {
    background-color: transparent;
    height: initial;
    border-radius: 0;
    width: 100%;
    color: #fff;
    font-weight: 700;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    margin-bottom: 25px;
  }

  header .menu ul.dropdown-menu li a {
    color: #fff;
    font-weight: 700;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  header .menu ul.dropdown-menu li a::after {
    content: none;
  }

  header .menu .middle {
    padding-top: 35px;
  }

  header .menu .middle ul {
    gap: 30px;
  }

  header .menu .middle ul li,
  header .menu .middle ul li a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  /* Header Dark Style */
  body.dark-style header .menu {
    background: #fff;
  }

  body.dark-style header .menu nav {
    background: #f0f3f8;
  }

  body.dark-style header .menu ul li.dropdown:first-child {
    border-top: 1px solid #3e8bd8;
  }

  body.dark-style header .menu ul li.dropdown {
    border-bottom: 1px solid #3e8bd8;
  }

  body.dark-style header .menu ul li.dropdown span {
    color: #3e8bd8;
  }

  body.dark-style header .menu ul li.dropdown span svg path {
    stroke: #3e8bd8;
  }

  /*End Header*/
  /*
  ** Espace Presse
  */
  .espace-presse .espace-presse-content {
    padding-left: 0;
    /*    max-width: 1007px;
        margin: 0 auto;
    */
  }

  .espace-presse .espace-presse-body .left {
    margin-right: 55px;
  }

  .espace-presse .espace-presse-body .right {
    width: calc(100% - 661px);
  }
}

@media only screen and (max-width: 1350px) {
  .section-actify .actify-description {
    margin-right: 40px;
  }

  .nos-actualites-prim
    .synSlider.synSlider--nav
    .synSlider__item.nav
    .title-actu {
    width: initial;
  }

  .slick-track:before,
  .slick-track:after {
    display: table;
    content: "";
    display: none !important;
  }

  .synSlider.synSlider--nav.slider-nav.slick-initialized.slick-slider {
    max-width: calc(100% - 100px);
  }

  .nos-actualites-prim .synSlider.synSlider--single .synSlider__item {
    padding-left: 50px;
  }

  .nos-actualites-prim
    .synSlider.synSlider--single
    .synSlider__item
    .item-content {
    left: initial;
  }

  .nos-actualites-prim .breadcrumbs {
    left: 50px;
  }

  .breadcrumbs .container-breadcrumbs {
    padding-left: 0;
  }
}

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

@media only screen and (max-width: 1200px) {
  .shape0 {
    top: 439px !important;
    z-index: -1;
  }

  .hero_container .dev-carousel .item .shape0 img {
    height: 211.5px;
  }

  .hero_container .dev-carousel .item-shape0 .actions {
    gap: 27px !important;
  }

  /* Start Ecoute Style */
  .section-listening .middle {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }

  /* End Ecoute Style  */
  .grid-section {
    padding-bottom: 80px;
    padding-top: 150px;
  }

  .grid-section .container .content {
    grid-template-columns: repeat(4, 232px);
  }

  /* Start Single Etude */
  .single-etude .equipe-dediee .annuaire-equipe-items {
    max-width: 866px;
    margin: 0 auto;
  }

  .agent-single-prim .white-box {
    width: 1080px;
  }

  .espace-presse .bottom .news-content,
  .nos-actualites-second .container .bottom .news-content {
    padding: 64px 98px 88px 98px;
  }

  .nos-missions-second .container .content .nos-missions-list,
  .nos-missions-second .container .content .nos-procedures-list {
    grid-template-columns: repeat(4, 232px);
    justify-content: center;
  }

  .nos-missions-second .container .content .nos-procedures-list .item.dark_red {
    grid-column-start: initial;
  }

  .section-missions .grid_container .item:nth-child(5) {
    grid-column-start: 2;
    grid-column-end: 4;
    padding: 0 40px;
  }

  .section-missions .grid_container {
    grid-template-columns: repeat(3, 1fr);
  }

  .section-actify .items-actify {
    width: calc(100% - 470px);
  }

  .section-actify .actify-description {
    width: 470px;
    margin-right: 25px;
  }

  .section-actify .actify-description .desc-actify h4 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 1100px) {
  .blocs-guide .item {
    padding: 37px 32px 37px 42px;
  }

  .blocs-guide .item .item-info {
    margin-left: 0;
  }

  .section-who-we-are .container {
    display: flex;
    flex-direction: column;
    gap: 280px;
  }

  .agent-single-prim .container .content .bottom .pattern-one {
    left: -90px;
  }

  .agent-single-prim .container .content .bottom .pattern-two {
    right: 0;
  }

  .agent-single-prim .white-box {
    width: 95%;
  }

  .notre-metier-prim .container .content .content-text::after {
    bottom: -110px;
    right: 0;
  }

  .espace-presse .bottom .news-content,
  .nos-actualites-second .container .bottom .news-content {
    padding: 64px 38px 88px 38px;
  }

  .section-who-we-are .container {
    display: flex;
    flex-direction: column;
    gap: 280px;
  }

  .section-who-we-are .squares_container {
    margin: 0 auto;
  }

  .section-who-we-are .content {
    width: 100%;
  }

  .section-actify .container {
    flex-direction: column;
    gap: 50px;
  }

  .section-actify .actify-description,
  .section-actify .items-actify {
    width: 930px;
    margin: 0 auto;
    max-width: 100%;
  }

  .section-actify .actify-description .desc-actify h4 {
    width: 80%;
  }
}

@media screen and (max-width: 1195px) {
  .gouvernance-section .items-administration.listed-admin {
    grid-template-columns: repeat(3, 280px);
  }

  .gouvernance-section
    .items-administration.listed-admin
    .grid-item:first-of-type {
    grid-column: 1 / 4;
  }

  .gouvernance-section
    .items-administration.listed-admin
    .grid-item:nth-of-type(n + 5) {
    grid-row-start: initial;
  }
}

@media screen and (max-width: 1160px) {
  .annuaire-section .annuaire-equipe-items {
    grid-template-columns: repeat(4, 1fr);
    max-width: 964px;
    margin: 0 auto;
  }

  body.page-template-etudes .annuaire-section .annuaire-equipe-items {
    max-width: initial;
  }
}
/* New style 1/01/2023 */
@media only screen and (max-width: 1440px) {
  .shape0 {
    right: 265px;
    top: 328px;
  }
  .hero_container .dev-carousel .item {
    min-height: 1233px;
  }
  .hero_container .dev-carousel .item .shape1 {
    bottom: 425px;
  }
}
@media only screen and (max-width: 1024px) {
  html:lang(en-US) .switcher_languages {
    right: 225px !important;
  }

  .switcher_languages {
    right: 250px !important;
  }

  .hero_container .last-posts .container .slide-title {
    color: #244781;
  }

  .blocs-guide .item .item-info p {
    font-size: 16px;
    line-height: 26px;
  }

  .droits-obligations-section .droits-obligations-items .content-filtre,
  .blocs-guide .item .content {
    flex-direction: column;
    row-gap: 30px;
  }

  .blocs-guide .item .item-info {
    width: 90%;
    max-width: initial;
  }

  .agent-single-prim .middle:after {
    width: 97%;
  }

  .blocs-guide .item h4 {
    max-width: initial;
  }

  .vos-droits-section {
    min-height: initial;
  }

  header .logo {
    left: 20px;
  }

  header .burger-menu {
    right: 20px;
  }

  #icon-search,
  #icon-close {
    right: 80px;
  }

  .hero_container .dev-carousel .item .shape1,
  .hero_container .dev-carousel .item .shape2,
  .hero_container .dev-carousel .item .shape3,
	.hero_container .dev-carousel .item .shape4 {
    position: absolute;
    right: 20px !important;
    bottom: 0 !important;
    z-index: -1;
    width: 80%;
  }

  .slick-slide img {
    max-width: 100%;
  }

  /* Start Deontologie */
  .deontologie-hero .deontologie-content h3 {
    font-size: 40px;
    line-height: 50px;
  }

  .deontologie-body .deontologie-download .box h4 {
    font-size: 20px;
    line-height: 30px;
  }

  .deontologie-body
    .deontologie-accordion
    .accordion
    .item
    .accordionBtn
    .btn-title {
    padding-left: 25px;
  }

  .gouvernance-section .items-administration .grid-title {
    flex-basis: 278px !important;
  }

  .gouvernance-section .equipe-administration .grid-title h2 {
    font-size: 32px;
    line-height: 42px;
    width: initial;
  }

  .gouvernance-section .section-mot-president::before {
    width: 100%;
  }

  /* Start Annuaires */
  .filtre-ajmj-avance .recherche-avance .top-rech {
    justify-content: space-between;
    padding-right: 30px;
  }

  .filtre-ajmj-avance .recherche-avance .top-rech,
  .filtre-ajmj-avance .recherche-avance .inner-recherche-avance,
  .filtre-ajmj-avance .recherche-avance {
    max-width: 100%;
  }

  .filtre-ajmj-avance .recherche-avance .top-rech .fermer-rech-avance {
    margin-left: 45px;
  }

  .filtre-ajmj-avance {
    height: 90px;
  }

  .section-find-annuaire .filtre-ajmj-avance {
    left: 0;
  }

  /*.annuaire-equipe-items .item {
        max-width: 278px;
        min-width: 280px;
    }*/

  .annuaire-equipe-items {
    align-items: center;
    justify-content: center;
  }

  /* Start Espace Presse */
  .espace-presse .espace-presse-body {
    flex-direction: column;
  }

  .espace-presse .espace-presse-body .right {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    column-gap: 30px;
    row-gap: 30px;
    margin-bottom: 50px;
  }

  .espace-presse .espace-presse-body .right .contact-presse {
    grid-row-start: 1;
    grid-row-end: 3;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .espace-presse .espace-presse-body .right .box {
    margin-bottom: 0;
  }

  .espace-presse .espace-presse-body .left {
    width: 100%;
  }

  .espace-presse .espace-presse-header h4 {
    font-size: 45px;
    line-height: 50px;
  }

  .espace-presse .espace-presse-body .left h3 {
    font-size: 35px;
    line-height: 45px;
  }

  /* Start Footer */
  footer {
    padding-top: 50px;
  }

  footer .footer-menu,
  footer .footer-info {
    flex-wrap: wrap;
    gap: 50px;
  }

  footer .footer-menu .item,
  footer .footer-info .item {
    width: calc(50% - 25px) !important;
    position: relative;
  }

  footer .footer-menu .item h4 {
    margin-bottom: 30px;
  }

  footer .footer-menu .item ul li {
    margin-bottom: 25px;
  }

  footer .footer-info .item ul.social-media {
    margin-top: 30px;
  }

  footer .footer-content {
    gap: 40px;
    padding-bottom: 50px;
  }

  /* Stat Single Mission */
  .single-mission .guide-body {
    grid-template-columns: repeat(1, 573px);
    justify-content: center;
  }

  .single-mission .guides-content {
    margin-bottom: 50px;
  }

  .single-mission .mission-body h1 {
    font-size: 45px;
    line-height: 50px;
    max-width: 100%;
  }

  .agent-single-prim .pattern-box {
    /*         width: 65%; */
  }

  .nos-actualites-second .container .content .middle,
  .nos-actus-histo .container .content .middle {
    -webkit-column-gap: 50px;
    column-gap: 50px;
  }

  .synSlider.synSlider--nav.slider-nav.slick-initialized.slick-slider {
    max-width: calc(100% - 40px);
  }

  .nos-actualites-prim .synSlider.synSlider--single .synSlider__item {
    padding-left: 20px;
  }

  .nos-actualites-prim
    .synSlider.synSlider--single
    .synSlider__item
    .item-content {
    left: initial;
  }

  .nos-actualites-prim .breadcrumbs {
    left: 20px;
  }

  .nos-actualites-second .container .content .actu-filtrage {
    padding: 30px 25px;
    gap: 12px;
  }

  .nos-actualites-second .container .content .actu-filtrage .news-search {
    width: 150px;
  }

  .nos-actualites-prim
    .synSlider.synSlider--single
    .synSlider__item
    .item-content
    .nvOrRd {
    justify-content: space-between;
    width: 70%;
  }

  .nos-actualites-second .container .content .actu-filtrage .news-search form,
  .nos-actualites-second
    .container
    .content
    .actu-filtrage
    .news-search
    input#searching {
    width: 100%;
  }

  .nos-actualites-second .container .content .actu-filtrage .news-filters ul {
    column-gap: 22px;
  }

  .nos-actualites-prim
    .synSlider.synSlider--nav
    .synSlider__item.nav
    .title-actu {
    font-size: 14px;
    line-height: 22px;
  }

  .nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav {
    padding: 15px;
  }

  .espace-presse .bottom .news-content .right form .inputBox,
  .nos-actualites-second
    .container
    .bottom
    .news-content
    .right
    form
    .inputBox {
    gap: 16px;
  }

  .nos-missions-second .container .content .nos-missions-list,
  .nos-missions-second .container .content .nos-procedures-list {
    grid-template-columns: repeat(3, 232px);
    justify-content: center;
  }

  .nos-missions-second .container .content .radius-pattern svg {
    width: 700px;
    max-width: 100%;
  }

  .nos-missions-second .container .content .radius-pattern {
    width: 100%;
    max-width: 100%;
  }

  .hero_container .last-posts {
    position: relative;
    bottom: initial;
    padding-top: 30px;
  }

  .hero_container .dev-carousel .item {
    min-height: 100vh !important;
  }

  /*  .hero_container .dev-carousel .item .shape1 {
    bottom: 0;
  }
*/
  .hero_container .last-posts .container {
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
  }

  .hero_container .last-posts .posts_container {
    flex-direction: column;
  }

  .hero_container .last-posts .dev-post-bloc {
    width: 100%;
  }

  footer .footer-content .footer_logos {
    margin-top: 0;
  }
}

@media only screen and (max-width: 992px) {
	
  /* Style New Annuaire */

  .annuaire-section .annuaire-equipe-items {
    grid-template-columns: repeat(3, 1fr);
    max-width: 744px;
  }

  body.page-template-etudes .annuaire-section .annuaire-equipe-items {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Style New Annuaire */

  .annuaire-section
    .recherche-avance
    .inner-recherche-avance
    .select2-container {
    width: 100% !important;
  }

  .annuaire-section .recherche-avance .inner-recherche-avance {
    gap: 12px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 12px;
    margin: initial;
  }

  /* Start Style Observatoire */

  .section-observatoire .observatoire-boxs,
  .section-observatoire .observatoire-filter .tab-items {
    -ms-grid-columns: 475px;
    grid-template-columns: 475px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section-observatoire .observatoire-boxs .box {
    overflow: initial;
  }

  .section-observatoire .observatoire-boxs .box .image img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
  }

  .section-observatoire .observatoire-boxs .box .image {
    height: 100%;
    width: 100%;
  }

  .section-observatoire .observatoire-press-service::after {
    width: calc(100% - 20px);
  }

  /* End style Observatoire */

  .grid-section .container .content {
    grid-template-columns: repeat(3, 232px);
    justify-content: center;
  }

  .grid-section .container .content .empty {
    display: none;
  }

  .contact-section .container .inner-container .contact-content .right {
    width: 100%;
    max-width: initial;
  }

  .contact-section .container .inner-container .contact-content .right form {
    align-items: self-start;
  }

  .contact-section .container:after {
    display: none;
  }

  .contact-section .container .inner-container h3 {
    font-size: 40px;
    line-height: 50px;
  }

  .contact-section
    .container
    .inner-container
    .contact-content
    .right
    form
    .first-contact-part,
  .contact-section
    .container
    .inner-container
    .contact-content
    .right
    form
    .first-contact-part
    input {
    width: 100%;
  }

  .contact-section .container .inner-container .contact-content {
    flex-direction: column;
  }

  .contact-section .container .inner-container .contact-content .left h1 {
    max-width: 100%;
  }

  /* Start Footer */
  footer .footer-menu,
  footer .footer-info {
    gap: 30px;
  }

  footer .footer-menu .item,
  footer .footer-info .item {
    width: calc(50% - 15px) !important;
  }

  /* Start Single Etude  */
  .single-etude .se-bottom {
    flex-direction: column-reverse;
  }

  .single-etude .se-bottom .right,
  .single-etude .se-bottom .left {
    width: 100%;
  }

  .single-etude .se-bottom ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .single-etude .se-bottom ul li {
    width: calc(50% - 10px);
  }

  .single-etude .se-bottom .right .info {
    padding-right: 0;
  }

  .single-etude .se-top {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 35px;
  }

  .office-etude .office-info {
    flex-direction: column-reverse;
  }

  .office-etude .office-info .office-logo {
    width: 100%;
    margin-left: 0;
    margin-bottom: 50px;
  }

  .office-etude .office-info .office-contact {
    width: 100%;
  }

  .single-etude .se-top h3,
  .single-etude .equipe-dediee .equipe-dediee-header h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .office-etude .office-info .office-logo a {
    justify-content: center;
  }

  .agent-single-prim .white-box {
    display: none;
  }

  .agent-single-prim .container .content .middle::after {
    content: "";
    position: absolute;
    background: white;
    width: calc(100% + 40px);
    height: 100%;
    z-index: -1;
    top: 70px;
  }

  .agent-single-prim .container .content .middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 46px;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    position: relative;
  }

  .agent-single-prim
    .container
    .content
    .middle
    .the-info
    .etudeLd
    .agent-etude
    .etude-name,
  .agent-single-prim
    .container
    .content
    .middle
    .the-info
    .etudeLd
    .agent-etude
    .etude-cta
    span,
  .agent-single-prim
    .container
    .content
    .middle
    .the-info
    .etudeLd
    .cta-ld
    span {
    color: #244780;
  }

  .agent-single-prim
    .container
    .content
    .middle
    .the-info
    .etudeLd
    .agent-etude
    .etude-cta
    svg
    g
    path {
    stroke: #244780;
  }

  .agent-single-prim .container .content .bottom .agent-content {
    -webkit-column-count: 2;
    column-count: initial;
  }

  .agent-single-prim .pattern-box {
    width: 100%;
  }

  .agent-single-prim
    .container
    .content
    .middle
    .the-info
    .etudeLd
    .agent-etude
    .etude-name {
    padding-bottom: 20px;
  }

  .agent-single-prim .container .content .middle .the-info .etudeLd {
    flex-direction: column;
    gap: 40px;
    margin-bottom: 40px;
  }

  .agent-single-prim .container .content .middle .the-info {
    padding-top: 0;
    width: 75%;
  }

  .agent-single-prim .container .content .middle .the-picture {
    max-width: 75%;
    position: relative;
    width: 100%;
  }

  .agent-single-prim .container .content .top .agent-name span {
    margin-bottom: 30px;
  }

  .agent-single-prim .pattern-box img.agent-pattern {
    height: 100%;
    object-fit: cover;
  }

  .agent-single-prim .container .content .middle .the-info .etudeLd .cta-ld {
    align-self: self-start;
  }

  .event-single-prim::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 255px;
    background-color: #fafbfd;
    bottom: -1px;
    left: 0;
  }

  .event-single-prim .container .content {
    display: flex;
    flex-direction: column;
    gap: 50px;
  }

  .event-single-prim .container .content .info-pratiques {
    position: relative;
    bottom: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 500px;
  }

  .event-single-second .container .content .top {
    padding-top: 80px;
  }

  .event-single-second
    .container
    .content
    .top
    .atelier-progs
    .atelier-prog
    .atelier-interv {
    justify-content: start;
    gap: 120px;
  }

  .event-single-second .container .content .top .atelier-progs .atelier-prog {
    flex-direction: column;
    gap: 15px;
  }

  .event-single-second
    .container
    .content
    .top
    .atelier-progs
    .atelier-prog
    .atelier-interv
    span {
    margin-left: 0;
  }

  .event-single-second
    .container
    .content
    .top
    .atelier-progs
    .atelier-prog
    .atelier-title
    span {
    width: 90%;
  }

  .event-single-prim .container .content .event-article svg {
    left: -100px;
  }

  .nos-actualites-prim
    .synSlider.synSlider--single
    .synSlider__item
    .item-content
    .title-actu {
    font-size: 30px;
    line-height: 40px;
  }

  .espace-presse .bottom .news-content .left h4,
  .nos-actualites-second .container .bottom .news-content .left h4 {
    font-size: 28px;
    line-height: 38px;
    margin-top: 8px;
  }

  .nos-actualites-second .container .content .actu-filtrage .news-search {
    width: 120px;
  }

  .section-actify .actify-description,
  .section-actify .items-actify {
    width: 100%;
    margin: 0 auto;
  }

  .section-find-annuaire .annuaire-content {
    padding: 0;
  }

  .section-find-annuaire .annuaire-content .fa-contenu {
    max-width: 100%;
    margin: 0 auto;
  }

  .section-find-annuaire .annuaire-content .fa-contenu svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .section-find-annuaire .annuaire-content .fa-contenu .intro-annuaire {
    max-width: 80%;
    margin: 0;
  }
	
	
	.section-observatoire .observatoire-intro {
		
		    flex-direction: column;
    align-items: center;
	margin-bottom : 330px;	
		
	}
	
	
	.section-observatoire .observatoire-intro::after {
		
		right: 30%;
		bottom: -237px;
		top : unset;
		
	}
	
	
	
	
}

@media only screen and (max-width: 950px) {
  .caisse-garantie-content .container .content .row {
    grid-template-columns: repeat(2, 278px);
  }

  .agent-single-prim .middle .the-info .etudeLd {
    width: 60%;
    gap: 40px;
  }

  .agent-single-prim .middle .the-info {
    padding-left: 20px;
  }

  .agent-single-prim .content {
    flex-direction: column;
    row-gap: 12px;
    max-width: 95%;
  }

  .agent-single-prim .middle .the-picture {
    align-self: center;
  }

  .page-not-found .container .content {
    flex-direction: column;
  }

  .page-not-found .container .content .right {
    margin: 0;
  }

  .page-not-found .container .content .left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .agent-single-prim .middle:after {
    height: 300px;
  }

  .postid-3284 .agent-single-prim .middle:after {
    height: 320px;
  }
}

@media only screen and (max-width: 925px) {
  .contact-section .container .inner-container .contact-content .right form {
    overflow: hidden;
    padding-top: 30px;
  }

  .wpcf7 form.invalid .wpcf7-response-output,
  .wpcf7 form.unaccepted .wpcf7-response-output,
  .wpcf7 form.payment-required .wpcf7-response-output {
    top: -20px;
    left: -5px;
  }
}

@media only screen and (max-width: 906px) {
  .gouvernance-section .items-administration.listed-admin {
    grid-template-columns: repeat(2, 280px);
  }

  .gouvernance-section
    .items-administration.listed-admin
    .grid-item:first-of-type {
    grid-column: 1 / 3;
  }

  /* Start Header */
  header .logo {
    width: 44px;
  }

  header .logo a svg.logo-desktop {
    display: none;
  }

  header .logo a svg.logo-mobile {
    display: block;
  }

  /* Start Single Etude */
  .single-etude .equipe-dediee .annuaire-equipe-items {
    max-width: 572px;
  }

  .office-etude .office-info .office-contact ul {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
    justify-content: space-between;
  }

  .office-etude .office-info .office-contact ul li:first-child {
    width: 135px;
  }

  .office-etude .office-info .office-contact ul li:last-child {
    width: 145px;
  }

  .office-etude .office-info .office-contact ul li:nth-child(2) {
    width: 205px;
  }

  .office-etude .office-info .office-contact ul li:first-child a {
    line-height: 24px;
  }

  .office-etude .office-info .office-contact ul li a {
    line-height: 26px;
  }

  .office-etude .office-info {
    padding: 50px 15px 60px 15px;
  }
}

@media only screen and (max-width: 800px) {
  .nos-actualites-second .container .content .actu-filtrage {
    padding: 25px;
    gap: 16px;
    height: auto;
  }

  .nos-missions-second .container .content .nos-missions-list,
  .nos-missions-second .container .content .nos-procedures-list {
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .form-reclamation .form iframe {
    width: 100% !important;
  }
}

@media only screen and (max-width: 750px) {
  .tabs-accordion {
    flex-direction: column;
  }

  .tabs-accordion li {
    width: 100%;
    margin-bottom: 10px;
  }

  .container-prev-session .content-prev-session h4 {
    margin-top: 25px;
  }

  /*
    .gouvernance-section .items-administration .grid-item:first-child{
        height: 140px;
    }
    */

  /* Start New Annuaire */
  .annuaire-section .annuaire-equipe-items {
    grid-template-columns: repeat(2, 1fr);
    max-width: 455px;
  }

  body.page-template-etudes .annuaire-section .annuaire-equipe-items {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Start New Annuaire  */

  .vos-droits-section .container .section-content .content .cards-container {
    grid-template-columns: auto;
  }

  .page-not-found .container .content .right img {
    width: 100%;
  }

  .grid-section .container .content {
    grid-template-columns: auto auto;
  }
}

@media only screen and (max-width: 768px) {
  .caisse-garantie-content .container .content h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .caisse-garantie .container .content h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .container-prev-session .content-prev-session .items-prev-session {
    grid-template-columns: repeat(1, 470px) !important;
    justify-content: center;
  }

  .scroll-to-bottom {
    display: none;
  }

  /* Start Style Observation */

  .section-observatoire .observatoire-information {
    padding: 40px 20px 20px;
  }

  .section-observatoire .observatoire-intro h3 {
    font-size: 45px;
    line-height: 55px;
  }

  /* End Style Observation */

  body.single-ecoute .others-actu {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Start Result Search  */

  .card__title {
    font-size: 40px;
    line-height: 50px;
  }

  .card {
    padding: 35px 15px;
  }

  .cards {
    grid-template-columns: 1fr;
    width: 457px;
    margin: 0 auto;
  }

  /* End Result Search   */

  /* Start Ecoute Style */
  .section-listening .top h1 {
    font-size: 45px;
    line-height: 55px;
  }

  .section-listening .middle {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-listening .top .inner-filtre {
    padding-right: 20px;
    padding-left: 20px;
  }

  /* End Ecoute Style  */

  .deontologie-body {
    padding-top: 10px;
  }

  .single-etude-section .se-top h1 {
    font-size: 32px;
    line-height: 42px;
  }

  .nos-actus-histo .container .bottom .engagement-content {
    margin-top: 70px;
  }

  /* Start Deontologie */
  .deontologie-body .deontologie-accordion::after {
    width: 100%;
  }

  .deontologie-body {
    padding-top: 10px;
  }

  .deontologie-body .deontologie-accordion .accordion {
    width: calc(100% - 50px);
  }

  .deontologie-body .deontologie-accordion {
    margin: 0 auto 75px;
  }

  .deontologie-body .deontologie-info.procedure-suivre {
    padding: 42px 15px;
  }

  .deontologie-body .deontologie-info {
    padding: 0 0 42px 0;
  }

  .deontologie-body .deontologie-download .download-content {
    grid-template-columns: 1fr;
    max-width: 355px;
    margin: 0 auto;
  }

  .deontologie-body .deontologie-download .box .box-content {
    grid-auto-rows: initial;
  }

  .deontologie-body .deontologie-download::after {
    content: none;
  }

  .deontologie-body .deontologie-accordion .accordion .item .accordionBtn {
    flex-direction: column;
    text-align: left;
    padding: 25px 40px 10px 0;
  }

  .deontologie-body
    .deontologie-accordion
    .accordion
    .item
    .content
    p:last-child {
    margin-bottom: 0;
  }

  .deontologie-body
    .deontologie-accordion
    .accordion
    .item
    .accordionBtn
    .number {
    font-size: 15px;
  }

  .deontologie-body
    .deontologie-accordion
    .accordion
    .item
    .accordionBtn
    .btn-title {
    padding-left: 0;
  }

  .deontologie-hero .deontologie-content p {
    font-size: 14px;
    margin-bottom: 25px;
  }

  .deontologie-body .deontologie-info.procedure-suivre::after {
    left: -20px;
  }

  .deontologie-body .deontologie-info p {
    font-size: 14px;
    line-height: 24px;
  }

  .deontologie-body .deontologie-info.reclamations p:first-child {
    font-size: 16px;
  }

  .vos-droits-section
    .container
    .section-content
    .content
    .cards-container
    .card
    h3 {
    padding-bottom: 30px;
  }

  .vos-droits-section
    .container
    .section-content
    .content
    .cards-container
    .card
    h3::after {
    bottom: 16px;
  }

  .vos-droits-section
    .container
    .section-content
    .content
    .cards-container
    .card {
    padding-right: 0;
  }

  .vos-droits-section .container .section-content .top .right {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .vos-droits-section .container .section-content .content {
    margin: 50px 0 40px 0;
  }

  .vos-droits-section .container .section-content .top .right .page-switchs {
    width: 100%;
    justify-content: space-between;
  }

  .vos-droits-section .container .section-content .top .left h1 {
    margin-top: 0;
  }

  .vos-droits-section .container .section-content .top {
    flex-direction: column-reverse;
    gap: 25px;
  }

  .vos-droits-section .container .section-content .content .cards-container {
    grid-template-columns: initial;
    grid-row-gap: 30px;
    grid-column-gap: 12px;
  }

  .grid-section .container .content a {
    width: 215px;
    height: 215px;
  }

  .grid-section .container .content {
    grid-template-columns: repeat(3, 215px);
  }

  .pagination-blocs {
    padding-top: 40px;
    padding-bottom: 20px;
    justify-content: space-between;
    align-items: center;
  }

  .guide-pratique-section .blocs-guide {
    padding-top: 40px;
  }

  .pratique-dedie-section .container .section-content .top {
    flex-direction: column;
    gap: 30px;
  }

  .pratique-dedie-section
    .container
    .section-content
    .top
    .right
    #download-btn {
    margin-top: 0;
  }

  .pratique-dedie-section .container .section-content .top .right,
  .pratique-dedie-section .container .section-content .top .left {
    width: 100%;
  }

  .pratique-dedie-section .container .section-content .top .right {
    flex-direction: row;
    justify-content: space-between;
  }

  .pratique-dedie-section .container .section-content .top .left h1 {
    margin-top: 20px;
  }

  .pratique-dedie-section .container .section-content .top .left h2 {
    font-size: 18px;
    line-height: 26px;
  }

  .pratique-dedie-section .container .section-content .content .description {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
  }

  .pratique-dedie-section .container .section-content .content h4 {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .pratique-dedie-section .container .section-content .content ul li,
  .pratique-dedie-section .container .section-content .content p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
    max-width: 100%;
  }

  .pratique-dedie-section .container .section-content .content ul li {
    padding-left: 20px;
  }

  .pratique-dedie-section .container .section-content .content ul {
    max-width: 100%;
    margin-left: 20px;
  }

  .gouvernance-section .equipe-administration .administration {
    margin-top: 50px;
    padding-top: 25px;
  }

  .gouvernance-section
    .equipe-administration
    .administration
    .items-administration {
    padding-top: 50px;
  }

  .gouvernance-section .equipe-administration .charge-missions {
    margin-top: 50px;
  }

  .gouvernance-section .equipe-administration .grid-title {
    max-width: 50%;
  }

  .gouvernance-section .section-mot-president .description h3 {
    max-width: 70%;
  }

  .gouvernance-section .section-mot-president .col-content .shape {
    right: 0;
    top: 0;
  }

  .gouvernance-section .section-mot-president::before {
/*     height: 50%; */
	  height : 95%
  }

  .gouvernance-section .equipe-administration .grid-title h2:after {
    width: 100%;
  }

  .gouvernance-section .items-administration {
    padding-top: 0;
    max-width: 100%;
    justify-content: center;
  }

  .gouvernance-section .items-administration .grid-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .gouvernance-section .section-mot-president .col-content {
    width: 100%;
  }

  .gouvernance-section .plus-dinfos h6 {
    line-height: 40px;
    font-size: 32px;
    text-align: left;
  }

  .gouvernance-section .plus-dinfos a {
    height: 50px;
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 45px auto 0 auto;
  }

  .gouvernance-section .plus-dinfos .inner {
    padding-left: 20px;
    padding-right: 40px;
  }

  .gouvernance-section .plus-dinfos {
    height: 400px;
  }

  .gouvernance-section .plus-dinfos:after {
    width: 98%;
    border-radius: 0 0px 150px 0;
    height: 400px;
    top: 50%;
    transform: translateY(-50%);
  }

  .gouvernance-section .section-mot-president .col-image {
    display: flex;
    flex-direction: column;
    align-self: center;
    margin-right: 0;
  }

  .gouvernance-section .section-mot-president .inner .row {
    flex-direction: column;
  }

  .blocs-guide .item .item-info {
    margin-left: 0;
    gap: 10px;
    max-width: 100%;
  }

  .blocs-guide .item .item-info .read-more {
    margin-top: 0;
  }

  .blocs-guide .item h4 {
    font-size: 18px;
    line-height: 28px;
    max-width: 100%;
    padding-right: 0;
  }

  .droits-obligations-section .top h1 {
    text-align: left;
  }

  .droits-obligations-section .top .inner-filtre {
    flex-direction: column;
    align-items: self-start;
    justify-content: center;
    align-content: space-around;
    gap: 16px;
    padding: 20px;
  }

  .droits-obligations-section .top .inner-filtre .search {
    display: flex;
    width: 80%;
  }

  .droits-obligations-section .top form {
    position: relative;
    width: 100%;
  }

  .droits-obligations-section .top .filter-item {
    margin-left: initial;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }

  .droits-obligations-section .top .filter {
    height: auto;
  }

  .blocs-guide {
    grid-template-columns: repeat(1, 1fr);
  }

  footer {
    position: relative;
    z-index: 14;
  }

  .contact-section::before {
    content: "";
    position: absolute;
    bottom: 50%;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 820px 410px;
    border-color: transparent transparent #ffffff transparent;
    transform: translateY(100%);
    pointer-events: none;
  }

  /* Start Espace Presse */

  .espace-presse .espace-presse-content {
    margin-top: 0;
  }

  .espace-presse .espace-presse-body .right .box p br {
    display: none;
  }

  .espace-presse .espace-presse-body .right .box p {
    font-size: 20px;
    line-height: 30px;
  }

  .espace-presse .espace-presse-body .right .box {
    padding: 0 25px;
  }

  .espace-presse .espace-presse-body .right .contact-presse {
    padding: 30px 25px;
  }

  .espace-presse .espace-presse-body .right {
    column-gap: 15px;
    row-gap: 15px;
  }

  .espace-presse .espace-presse-body .right .contact-presse .btn {
    width: 222px;
  }

  /*Error page*/
  .page-not-found .container .content .left h1 {
    font-size: 45px;
    line-height: 55px;
  }

  .page-not-found .container .content .left a {
    height: 50px;
  }

  .page-not-found .container .content .left h2 {
    margin-bottom: 0;
  }

  .page-not-found .container .content .left {
    display: flex;
    gap: 30px;
    align-items: center;
  }

  section.page-not-found {
    padding-top: 100px;
  }

  .page-not-found .container .content {
    flex-direction: column-reverse;
  }

  /* Start Devenir AJMJ */
  .devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items {
    grid-template-columns: repeat(1, 470px);
    justify-content: center;
  }

  .devenir-ajmj-body .be-ajmj-body .exams-contenu::after {
    content: none;
  }

  .devenir-ajmj-body .be-ajmj-body .exams-contenu {
    padding-bottom: 0;
  }

  .devenir-ajmj-body .be-ajmj-body .tabs-contents {
    /*     margin: 70px 0; */
    margin: 20px 0;
  }

  .devenir-ajmj-header {
    padding-bottom: 0;
  }

  .devenir-ajmj-body .be-ajmj-body .tabs-contents .tabs {
    display: none;
  }

  .devenir-ajmj-body .be-ajmj-body .tabs-contents .tab.tab-mobile {
    display: flex;
    margin-bottom: 20px;
  }

  .devenir-ajmj-header h3 {
    font-size: 45px;
    line-height: 50px;
  }

  .devenir-ajmj-body .tabs-contents .tab {
    background: #e4eaf5;
    color: #244780;
    border: 1px solid #3e8bd8;
    border-radius: 10px;
  }

  .devenir-ajmj-body .tabs-contents .tab.active {
    background-color: #244780;
    color: #ffffff;
    border: 1px solid #244780;
  }

  .devenir-ajmj-body .tabs-contents .tab-content .tab-items {
    padding-bottom: 20px !important;
  }

  .devenir-ajmj-body .tabs-contents .tab-content .tab-items .tab-item {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .devenir-ajmj-body .faq-content h4 {
    font-size: 35px;
  }

  .devenir-ajmj-body .faq-content {
    margin-bottom: 50px;
  }

  /* Start Single Mission */
  .single-mission .guide-header h4 {
    font-size: 30px;
    line-height: 40px;
  }

  .agent-single-prim .container .content .top {
    flex-direction: column;
    padding-bottom: 50px;
  }

  .breadcrumbs {
    display: none;
  }

  .hero_container .last-posts .dev-post-bloc .bloc-content h4 {
    font-size: 22px;
    line-height: 32px;
  }

  .hero_container .last-posts .container .slide-title {
    font-size: 38px;
    line-height: 48px;
  }

  .section-actify .actify-description .desc-actify h4 {
    font-size: 32px;
    line-height: 42px;
  }

  .vos-droits-section .container .section-content .top .left h1 {
    font-size: 35px;
    line-height: 45px;
  }

  .guide-pratique-section .top h1,
  .pratique-dedie-section .container .section-content .top .left h1,
  .gouvernance-section .section-mot-president h3,
  .droits-obligations-section .top h1,
  .donnees-personnelles-section .container .section-content .top .left h1,
  .annuaire-section .top h1,
  .section-faq .faq-content h4,
  .section-who-we-are .content h4.section-title,
  .hero_container .last-posts .container .slide-title,
  .hero_container .dev-carousel .item .slide-title-container .slide-title,
  .nos-missions-prim .container .content .content-title,
  .event-single-prim .container .content .event-article .event-title,
  .agent-single-prim .container .content .top .agent-name h1,
  .notre-metier-prim .container .content .content-title,
  .notre-metier-second .container .content .item h3,
  .deontologie-hero .deontologie-content h1 {
    font-size: 45px;
    line-height: 55px;
  }

  .donnees-personnelles-section
    .container
    .section-content
    .content
    .description {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
  }

  .donnees-personnelles-section .container .section-content .content h4 {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 16px;
  }

  .donnees-personnelles-section .container .section-content .content p {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .donnees-personnelles-section .container .section-content .content ul {
    margin-left: 20px;
    max-width: 100%;
  }

  .donnees-personnelles-section .container .section-content .content ul li {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    padding-left: 20px;
  }

  .donnees-personnelles-section
    .container
    .second-section-background-container
    img {
    width: 100%;
  }

  .section-missions .grid_container .item h4 {
    font-size: 40px;
    line-height: 50px;
  }

  .event-single-prim .container .content .event-article .event-date,
  .agent-single-prim .container .content .top .agent-name span {
    font-size: 20px;
    line-height: 30px;
  }

  .event-single-prim .container .content .event-article .event-categ {
    font-size: 18px;
    line-height: 28px;
  }

  .event-single-second .container .content .top h3 {
    font-size: 36px;
    line-height: 46px;
  }

  .event-single-prim .container .content .event-article .event-date {
    margin-bottom: 30px;
  }

  .nos-actus-histo .container .content .top .top-histo-title {
    font-size: 35px;
    line-height: 45px;
  }

  .nos-actualites-second .container .content .middle,
  .nos-actus-histo .container .content .middle {
    grid-template-columns: 1fr;
  }

  .notre-metier-second .container .content {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 20px;
  }

  .notre-metier-second .container .content .item:nth-of-type(6) {
    -ms-grid-column: initial;
    grid-column-start: initial;
  }

  .notre-metier-second .container .content .item:nth-of-type(2) {
    margin-bottom: 0;
  }

  .notre-metier-second .container .content .item:first-of-type {
    margin-bottom: 20px;
  }

  .notre-metier-prim .container .content {
    padding-bottom: 50px;
  }

  .notre-metier-second .container .content .item .the-number {
    font-size: 45px;
    line-height: 55px;
  }
	
	.notre-metier-second .container .content .item:nth-child(5) .the-number {
		
	font-size: 65px;
    line-height: 75px;	
		
	}

  .nos-actus-histo,
  .notre-metier-second {
    padding-top: 50px;
  }

  .nos-actus-histo .container .bottom .engagement-content h4 {
    padding: 0 20px;
    font-size: 26px;
    line-height: 36px;
  }

  .nos-actus-histo .container .bottom {
    padding-bottom: 40px;
  }

  .nos-actus-histo .container .bottom .engagement-content {
    margin-top: 50px;
    padding-top: 40px;
  }

  .nos-actus-histo .container .bottom .engagement-content .charte-cta {
    width: 200px;
    height: 50px;
  }

  .nos-actus-histo .container .content .top .histo-cta {
    width: 160px;
    height: 40px;
  }

  .notre-metier-second .container .content .item .the-impact {
    font-size: 16px;
    line-height: 25px;
  }

  .nos-actus-histo::after {
    width: 0;
  }

  .nos-actus-histo {
    background: linear-gradient(#f0f3f8 0%, #fff 100%);
  }

  .nos-actualites-second
    .container
    .content
    .middle
    .other-actu-box
    .read-cta
    svg,
  .nos-actualites-second
    .container
    .content
    .middle
    .other-actu-box
    .read-cta
    span,
  .nos-actus-histo .container .content .middle .other-actu-box .read-cta svg,
  .nos-actus-histo .container .content .middle .other-actu-box .read-cta span {
    visibility: visible;
    opacity: 1;
  }

  .espace-presse .bottom .news-content,
  .nos-actualites-second .container .bottom .news-content {
    flex-direction: column;
    gap: 24px;
  }

  .espace-presse .bottom .news-content .right form,
  .nos-actualites-second .container .bottom .news-content .right form {
    max-width: initial;
    width: 100%;
  }

  .espace-presse .bottom .news-content .right form .inputBox,
  .nos-actualites-second
    .container
    .bottom
    .news-content
    .right
    form
    .inputBox {
    width: 100% !important;
  }

  .espace-presse .bottom .news-content .right form .inputBox .checkbox,
  .nos-actualites-second
    .container
    .bottom
    .news-content
    .right
    form
    .inputBox
    .checkbox {
    width: 100%;
  }

  .espace-presse .bottom,
  .nos-actualites-second .container .bottom {
    padding-bottom: 0;
  }

  .nos-actualites-second .container .content .actu-filtrage .news-filters,
  .nos-actualites-second .container .content .actu-filtrage .news-filters ul {
    width: 100%;
  }

  .nos-actualites-second .container .content .actu-filtrage .news-filters ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 22px;
    grid-column-gap: 8px;
  }

  .nos-actualites-prim .synSlider.synSlider--nav .synSlider__item.nav {
    max-width: 100% !important;
    width: 100% !important;
  }

  .nos-missions-second .container .content .nos-missions-list,
  .nos-missions-second .container .content .nos-procedures-list {
    grid-template-columns: repeat(2, 232px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nos-missions-second .container .content .nos-missions-list .item,
  .nos-missions-second .container .content .nos-procedures-list .item {
    max-height: 232px;
  }

  .nos-missions-second
    .container
    .content
    .nos-procedures-list
    .item:first-child,
  .nos-missions-second
    .container
    .content
    .nos-missions-list
    .item:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    background: transparent linear-gradient(93deg, #f0f3f8 0%, #fff 100%) 0% 0%
      no-repeat padding-box;
  }

  .nos-missions-second
    .container
    .content
    .nos-procedures-list
    .item:first-child::after,
  .nos-missions-second
    .container
    .content
    .nos-missions-list
    .item:first-child::after {
    display: none;
  }

  .nos-missions-second .container .content .radius-pattern {
    display: none;
  }

  .section-who-we-are .content .row {
    flex-direction: column;
  }

  .section-who-we-are .content .row .left,
  .section-who-we-are .content .row .right {
    width: 100%;
  }

  .section-who-we-are .content .row .left p {
    width: 70%;
  }

  .section-missions .grid_container .item:nth-child(5) {
    grid-column-start: initial;
    grid-column-end: initial;
    order: -1;
  }

  .section-missions .grid_container {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-who-we-are {
    padding: 105px 0 100px;
  }

  .hero_container .dev-carousel .item {
    padding-top: 200px;
  }

  .hero_container .last-posts .container a {
    width: 250px;
    height: 50px;
  }

  .hero_container .last-posts .dev-post-bloc {
    width: 100%;
    padding-right: 30px;
    padding-left: 80px;
  }

  .article-dedie-section .others-actu {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .article-dedie-section .container .section-content .top .left .info {
    flex-wrap: wrap;
    gap: 16px;
  }

  .article-dedie-section
    .container
    .section-content
    .top
    .left
    .info
    .info-date,
  .article-dedie-section
    .container
    .section-content
    .top
    .left
    .info
    .info-author {
    width: 100%;
    text-align: center;
  }

  .article-dedie-section .container .section-content .top .left h1 {
    font-size: 32px;
    line-height: 42px;
    margin-top: 25px;
  }

  .article-dedie-section .container .section-content .top .left h2 {
    font-size: 18px;
    line-height: 28px;
  }

  .article-dedie-section .container {
    position: relative;
    margin-top: 0;
  }

  .nos-actualites-prim
    .synSlider.synSlider--single
    .synSlider__item
    .item-content {
    margin-top: 160px;
  }

  .nos-actualites-prim {
    min-height: initial;
  }

  .nos-actualites-prim .synSlider.synSlider--single {
    height: 650px;
  }

  .article-dedie-section .container .section-content .content p,
  .vos-droits-section .container .section-content .content p {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .article-dedie-section .container .section-content .content ul li,
  .vos-droits-section .container .section-content .content ul li,
  .article-dedie-section .container .section-content .content h4,
  .vos-droits-section .container .section-content .content h4 {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .pagination-blocs .numbers {
    display: none;
  }

  .pagination-blocs ul:not(.numbers) {
    align-items: center;
    justify-content: center;
    margin: 35px auto;
  }

  body.page-template-annuaire .pagination-blocs {
    display: flex;
    flex-direction: column;
  }

  .notre-metier-second .container .content .item:first-of-type {
    grid-column-end: 3;
  }

  .devenir-ajmj-body .be-ajmj-body .tabs-contents .tab.tab-mobile.active {
    background: linear-gradient(to bottom, #f0f3f8 0%, #eff2f8 100%);
    color: #244780;
  }

  .devenir-ajmj-body .be-ajmj-body .tabs-contents .tab.tab-mobile {
    background: #5270a0;
    color: #fff;
  }

  .scroll-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 999;
  }

  .scroll-top.show {
    display: flex;
  }

  body {
    scroll-behavior: smooth;
  }
	
	
	.section-observatoire .observatoire-intro .square {
		
		overflow : hidden;
		
		
	}
	
	
	.section-observatoire .observatoire-intro .right {
		
		width : 100%;
		
		
	}
	
	
	.section-observatoire .observatoire-intro .squares_container {
		
		display : block;
		
		
	}
	
	
	.section-observatoire .observatoire-intro .squares_container .square {
		
		
		min-height : unset;
		
	}
	
	
	.section-observatoire .observatoire-intro::after {
		
		content : none;
		
		
	}
	
	
	.section-observatoire .observatoire-intro .squares_container .square:nth-child(2) {
		
		top : 40px;
		
		
	}
	
	    .section-observatoire .observatoire-intro {
			
		margin-bottom : 180px	
			
		}	
	
	
	.notre-metier-second .container .content .item:nth-of-type(6) {
		
		top : 0;
		
	}

	
	
}

@media only screen and (max-width: 650px) {
  .deontologie-body .deontologie-info ul li {
    padding-left: 15px;
  }

  /*.hero_container .dev-carousel .item .shape1 {
        float: right;
        top: -180px;
        right: -38px !important;
        position: relative;
    }*/
  .caisse-garantie .container .content h1 {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 30px;
  }

  .caisse-garantie .container .content {
    padding-bottom: 60px;
  }

  .caisse-garantie-content .container .content h2 {
    margin-top: 42px;
    font-size: 25px;
    line-height: 35px;
    width: auto;
  }

  .caisse-garantie-content .container .content h2:after {
    width: 100%;
  }

  .caisse-garantie-content .container .content .row {
    grid-template-columns: repeat(1, 278px);
  }

  .caisse-garantie-content {
    padding-bottom: 42px;
  }

  .annuaire-section .top .inner-filtre .filtre-departement:before {
    left: -10px;
  }

  .annuaire-section .recherche-avance h6 {
    font-size: 18px;
  }

  .annuaire-section .recherche-avance .top-rech .fermer {
    font-size: 14px;
    padding-right: 20px;
  }

  header .menu nav {
    padding: 130px 20px 40px 20px;
    max-width: 100%;
  }

  header .menu ul.external-link {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .grid-section .container .content {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid-section .container .content a {
    width: 100%;
  }

  .annuaire-section .top h1 {
    padding-left: 20px;
  }

  .agent-single-prim .container .content .middle .the-info,
  .agent-single-prim .container .content .middle .the-picture {
    max-width: 80%;
  }

  .nos-actualites-second .container .content .pagination-blocs {
    flex-direction: column;
    align-items: center;
    gap: 25px;
  }

  .nos-actualites-second .container .content .pagination-blocs ul {
    margin-left: 0;
  }

  .nos-actualites-prim .synSlider.synSlider--nav {
    display: none;
  }

  .section-find-annuaire .container::after {
    left: 20px;
    width: 90%;
  }

  .article-dedie-section .container .first-section-background-container {
    display: none;
  }

  .agent-single-prim .content .bottom .agent-content {
    column-count: 1;
  }
}

@media screen and (max-width: 620px) {
  .section-observatoire .observatoire-filter .tab-items .tab-item .bottom {
    padding: 0 15px;
  }

  footer .footer-info .item .titreFooter {
    width: 100%;
  }

  .section-who-we-are .squares_container .square {
    min-height: initial;
    overflow: hidden;
  }

  .section-who-we-are .squares_container .square::after,
  .section-missions .grid_container .item:nth-child(2)::after,
  .section-missions .grid_container .item:nth-child(3)::after,
  .section-missions .grid_container .item:nth-child(7)::after {
    border-width: 0 100px 209px 0;
  }

  .hero_container .dev-carousel .item .slide-title-container {
    margin-bottom: 50px;
  }

  .section-who-we-are .content .row .left p {
    width: 100%;
  }

  .section-who-we-are {
    padding: 50px 0 25px;
  }

  .section-missions .grid_container .item {
    min-height: initial;
    overflow: hidden;
  }

  .section-missions
    .grid_container
    .item
    .bloc-wrapper
    .card-content
    .card-nbr {
    margin-bottom: 25px;
  }

  .section-missions .grid_container .item:nth-child(5) {
    padding: 40px 0;
  }

  .articles-lies .title-and-botton {
    margin-top: 45px;
  }

  .filtre-ajmj-avance form {
    flex-direction: column;
    width: 100%;
  }

  .filtre-ajmj-avance input,
  .annuaire-section .top input {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: calc(100% - 15px) !important;
    border-bottom: 1px solid #244781;
    border-radius: 0;
    padding-bottom: 7px;
    margin-bottom: 0 !important;
  }

  .filtre-ajmj-avance .inner-filtre .filtre-departement,
  .annuaire-section .top .inner-filtre .filtre-departement {
    width: calc(100% - 15px) !important;
    margin-right: 0;
    margin-left: 0;
    margin-top: 7px;
  }

  .annuaire-section .top .inner-filtre .filtre-departement:before,
  .filtre-ajmj-avance .inner-filtre .filtre-departement:before {
    content: none;
  }

  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
  }

  .filtre-ajmj-avance
    .inner-filtre
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow:after,
  .annuaire-section
    .top
    .inner-filtre
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow:after {
    right: 5px;
  }

  svg#search,
  .filtre-ajmj-avance .search > span,
  .annuaire-section .top .filtre .search > span {
    display: none !important;
  }

  .section-find-annuaire {
    padding: 70px 0;
  }

  .filtre-ajmj-avance button,
  .annuaire-section .top button {
    width: 50px;
  }

  .filtre-ajmj-avance .inner-filtre {
    padding-left: 15px;
  }

  .annuaire-section .top .inner-filtre {
    padding-right: 50px !important;
    padding-left: 15px;
  }

  .annuaire-section .top .filtre .search {
    flex-direction: column;
  }

  .annuaire-section .top .more-filtre {
    left: 24px;
  }

  .annuaire-section .top .filtre {
    height: 90px !important;
  }

  /* End */

  /* Start Style Observation */

  .section-observatoire .observatoire-information br {
    display: none;
  }

  .section-observatoire .observatoire-boxs,
  .section-observatoire .observatoire-filter .tab-items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .section-observatoire .observatoire-boxs .box,
  .section-observatoire .observatoire-filter .tab-items .tab-item {
    padding: 35px 15px;
  }

  .section-observatoire .observatoire-filter .pub-tabs {
    display: none;
  }

  .section-observatoire .observatoire-filter .pub-filtrage {
    border-bottom: none;
  }

  .section-observatoire .observatoire-filter .tab.tab-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  /* End Style Observation */

  body.single-ecoute .others-actu {
    -ms-grid-columns: 278px;
    grid-template-columns: 278px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  /* Start Ecoute Style */
  .section-listening .top h1 {
    font-size: 35px;
    line-height: 45px;
  }

  .section-listening .middle {
    grid-template-columns: 278px;

    justify-content: center;
  }

  .section-listening .pagination-blocs ul {
    column-gap: 10px;
  }

  /* End Ecoute Style  */

  /* Start Deontologie */
  .deontologie-body .deontologie-accordion .accordion {
    width: 100%;
  }

  .deontologie-body .deontologie-accordion::after {
    content: none;
  }

  .deontologie-body .deontologie-accordion .accordion .item .accordionBtn {
    font-size: 20px;
    line-height: 30px;
  }

  .deontologie-body
    .deontologie-accordion
    .accordion
    .item.active
    .accordionBtn {
    font-size: 22px;
    line-height: 32px;
  }

  .deontologie-body .deontologie-download .box {
    padding: 70px 15px;
  }

  .deontologie-hero .deontologie-content h3 {
    font-size: 28px;
    line-height: 38px;
  }

  .deontologie-body .deontologie-info h5 {
    font-size: 20px;
    line-height: 30px;
  }

  /* Start Espace Presse */
  .espace-presse .espace-presse-body .right {
    grid-template-columns: 1fr;
  }

  .espace-presse .espace-presse-body .right .contact-presse {
    grid-row-start: initial;
    grid-row-end: initial;
  }

  .espace-presse .espace-presse-body .left .middle {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }

  .espace-presse .espace-presse-body .left .middle {
    row-gap: 15px;
  }

  .espace-presse .espace-presse-body .left h3 {
    font-size: 25px;
    line-height: 35px;
  }

  .espace-presse .espace-presse-header h4 {
    font-size: 35px;
    line-height: 45px;
  }

  .espace-presse
    .espace-presse-body
    .left
    .middle
    .other-actu-box
    .read-cta
    span,
  .espace-presse
    .espace-presse-body
    .left
    .middle
    .other-actu-box
    .read-cta
    svg {
    opacity: 1;
    visibility: visible;
  }

  /* Start Footer */
  footer .footer-menu .item,
  footer .footer-info .item {
    width: 100% !important;
  }

  footer .footer-content {
    gap: 50px;
  }

  footer .footer-info .item ul.contact-numbers {
    margin-top: 30px;
  }

  footer .footer-copyright {
    flex-direction: column;
    gap: 15px;
  }

  footer .footer-copyright::after {
    content: none;
  }

  footer .footer-content .item:last-child {
    padding-top: 0 !important;
  }

  /* Start Devenir AJMJ */
  .devenir-ajmj-body
    .be-ajmj-body
    .faq-content
    .accordion
    .item.active
    .content {
    margin: 32px 0 20px 0;
  }

  .devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content h4,
  .container-prev-session .content-prev-session h4 {
    font-size: 24px;
    line-height: 34px;
  }

  .container-prev-session .content-prev-session h4 {
    margin-top: 25px;
  }

  .devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items {
    grid-template-columns: repeat(1, 1fr);
  }

  .devenir-ajmj-body
    .be-ajmj-body
    .tabs-contents
    .tab-content
    .tab-items
    .tab-item {
    padding: 20px;
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .devenir-ajmj-body
    .be-ajmj-body
    .tabs-contents
    .tab-content
    .tab-items
    .tab-item
    .content
    h4 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
  }

  .devenir-ajmj-body .be-ajmj-body .faq-content h4 {
    font-size: 25px;
    line-height: 35px;
  }

  .devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content h4 {
    font-size: 16px;
    line-height: 26px;
  }

  .devenir-ajmj-body
    .be-ajmj-body
    .exams-contenu
    .test-content
    .items
    .item
    h5 {
    font-size: 18px;
  }

  .devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content .items .item {
    padding: 43px 20px 73px;
  }

  .devenir-ajmj-body .be-ajmj-body .faq-content .accordion .item .accordionBtn {
    gap: 20px;
    font-size: 16px;
    line-height: 26px;
  }

  .devenir-ajmj-body .be-ajmj-body .faq-content .accordion .item .content p,
  .devenir-ajmj-body .be-ajmj-body .faq-content .accordion .item .content h5 {
    font-size: 14px;
    line-height: 24px;
  }

  .devenir-ajmj-body .be-ajmj-body .tabs-contents .tab {
    padding: 0 20px;
    height: 90px;
  }

  .devenir-ajmj-header h3 {
    font-size: 32px;
    line-height: 42px;
  }

  /* Start Single Mission */
  .single-mission .guide-body {
    grid-template-columns: repeat(1, 1fr);
  }

  .single-mission .guide-header {
    flex-direction: column-reverse;
    gap: 25px;
    margin: 40px auto 40px auto;
  }

  .single-mission .guide-body .item {
    grid-template-columns: repeat(1, 1fr);
    overflow: hidden;
    padding: 73px 20px 37px 20px;
  }

  .single-mission .mission-body h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
  }

  .single-mission .mission-body p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
  }

  .single-mission .mission-header span {
    font-size: 18px;
    line-height: 28px;
  }

  .single-mission .guide-body .item:nth-child(2)::after {
    border-width: 0 0 421px 177px;
  }

  /* Start Single Etude */
  .single-etude .equipe-dediee .annuaire-equipe-items {
    max-width: 278px;
  }

  .office-etude .office-info .office-contact ul li a span.tel {
    margin-left: 0;
  }

  .single-etude .se-bottom ul li a {
    font-size: 14px;
  }

  .section-missions .grid_container {
    grid-template-columns: 1fr;
  }

  .section-who-we-are .squares_container {
    grid-template-columns: initial;
    gap: 30px;
  }

  .section-who-we-are .squares_container .square:nth-child(2) {
    top: initial;
  }

  .section-who-we-are .container::after {
    display: none;
  }

  .section-who-we-are .container {
    gap: 100px;
  }

  .section-actify {
    padding: 60px 0;
  }

  .section-faq .faq-content .tabs-contents .tab.active {
    padding: 0 20px;
  }

  .section-find-annuaire .annuaire-content .fa-contenu .label {
    font-size: 22px;
    line-height: 32px;
  }

  .section-find-annuaire .annuaire-content .fa-contenu h4 {
    font-size: 28px;
    line-height: 38px;
  }

  .hero_container .last-posts .container {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .hero_container .last-posts .container a {
    align-self: end;
  }

  .hero_container .dev-carousel .item .actions {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 605px) {
  .gouvernance-section .items-administration.listed-admin {
    grid-template-columns: repeat(1, 100%);
  }

  .gouvernance-section .items-administration.listed-admin .grid-item .image {
    width: 100%;
    height: 320px;
  }

  .gouvernance-section .items-administration.listed-admin .grid-item {
    width: 100% !important;
  }

  .gouvernance-section
    .items-administration.listed-admin
    .grid-item:first-of-type {
    grid-column: initial;
  }

  .articles-lies {
    padding: 10px !important;
  }

  .articles-lies .others-actu {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .event-single-caroussel-images {
    padding: 10px;
  }

  .articles-lies .title-and-botton {
    flex-direction: column;
    align-items: flex-start;
  }

  .articles-lies .title-and-botton .decouvrir-cta {
    margin-top: 25px;
  }

  .event-single-caroussel-images .closeDiv {
    padding: 10px 10px 10px 0;
  }

  .croussel-images-container {
    padding-bottom: 5px;
  }

  .event-single-prim .container .content .info-pratiques {
    height: 358px;
  }

  .leftPadding-caroussel {
    padding-left: 0;
  }

  .event-single-caroussel-images .container h2 {
    font-size: 28px;
    line-height: 40px;
  }

  .event-single-caroussel-images .container {
    padding: 50px 0 45px 0;
    flex-direction: column;
    align-items: unset;
  }

  .articles-lies .title-and-botton h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .event-single-caroussel-images .container h2 br {
    display: none;
  }

  .articles-lies .title-and-botton {
    margin-top: 45px;
  }

  .event-single-caroussel-images .container .arrows {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 580px) {
  .contact-section
    .container
    .inner-container
    .contact-content
    .right
    form
    .third-contact-part {
    flex-direction: column;
    gap: 20px;
  }

  .contact-section
    .container
    .inner-container
    .contact-content
    .right
    form
    .third-contact-part
    button {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: end;
  }

  .contact-section
    .container
    .inner-container
    .contact-content
    .right
    form
    .second-contact-part
    textarea {
    margin-bottom: 30px;
  }

  .contact-section {
    padding-bottom: 80px;
  }

  .contact-section
    .container
    .inner-container
    .contact-content
    .right
    form
    .first-contact-part {
    grid-template-columns: initial;
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    margin-bottom: 16px;
  }

  .annuaire-section .container .pagination-blocs {
    flex-direction: column;
    gap: 30px;
    justify-content: center;
    align-items: center;
  }

  .pagination-blocs ul {
    margin-left: initial;
    gap: 10px;
  }

  .pagination-blocs ul.numbers {
    display: none;
  }

  .section-faq .faq-content .accordion .item .accordionBtn {
    text-align: left;
  }

  .event-single-second
    .container
    .content
    .top
    .atelier-progs
    .atelier-prog
    .atelier-interv {
    gap: 50px;
  }

  .notre-metier-second .container .content {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
  }

  .notre-metier-second .container .content .item:first-of-type {
    -ms-grid-column: initial;
    grid-column-start: initial;
    grid-column-end: initial;
  }

  .notre-metier-second .container .content .item .the-impact {
    max-width: 75%;
  }

  .nos-actus-histo .container .content .top {
    flex-direction: column;
    gap: 20px;
  }

  .nos-actus-histo .container .content .top .histo-cta {
    align-self: flex-end;
  }

  .espace-presse .bottom .news-content .right form .nameBox,
  .nos-actualites-second .container .bottom .news-content .right form .nameBox {
    flex-direction: column;
    gap: 0;
  }

  .nos-actualites-prim
    .synSlider.synSlider--single
    .synSlider__item
    .item-content
    .title-actu,
  .nos-actualites-second .container .content .middle .other-actu-box h5 {
    max-width: 90%;
  }

  .section-actify .actify-description,
  .section-actify .items-actify {
    grid-template-columns: initial;
  }

  .section-find-annuaire .container::after {
    left: 0;
    width: 100%;
  }

  .section-find-annuaire .annuaire-content .fa-contenu {
    padding-top: 150px;
  }

  .section-find-annuaire .annuaire-content .fa-contenu .label {
    font-size: 20px;
    line-height: 30px;
  }

  .section-find-annuaire .annuaire-content .fa-contenu h4 {
    font-size: 24px;
    line-height: 34px;
  }

  .section-find-annuaire .annuaire-content .fa-contenu svg {
    right: 0;
    top: 0;
    transform: initial;
  }

  .section-find-annuaire .annuaire-content .fa-contenu .intro-annuaire {
    max-width: 100%;
    margin: 0;
  }

  .section-missions .grid_container .item .bloc-wrapper .card-content {
    font-size: 20px;
    line-height: 30px;
  }

  .section-actify .actify-description .desc-actify h4 {
    font-size: 30px;
    line-height: 35px;
  }

  .hero_container .last-posts .dev-post-bloc .bloc-content h4 {
    font-size: 18px;
    line-height: 28px;
  }

  .hero_container .last-posts .dev-post-bloc .bloc-header .bloc-date {
    font-size: 16px;
    line-height: 26px;
  }

  .hero_container .last-posts .dev-post-bloc .bloc-header .bloc-categ {
    font-size: 14px;
  }

  .hero_container .last-posts .dev-post-bloc {
    border-radius: 100px 0 0 100px;
    padding-left: 50px;
    min-height: initial;
  }

  .section-missions .grid_container .item:nth-child(5) {
    padding-left: 0;
    padding-right: 0;
  }

  .section-missions .grid_container .item a {
    padding: 20px;
  }

  .section-missions .grid_container .item .btn {
    height: 50px;
  }

  .section-find-annuaire .container {
    min-height: 550px;
  }

  .section-find-annuaire .container::after {
    height: 630px;
  }

  .section-find-annuaire {
    padding: 80px 0 80px 0;
    min-height: initial;
  }

  .section-faq {
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .section-actify .actify-description .logo-actify {
    margin-bottom: 20px;
  }

  .section-actify .actify-description .desc-actify h4 {
    font-size: 28px;
    line-height: 38px;
    width: 100%;
  }

  .section-actify .actify-description .desc-actify p {
    margin-top: 20px;
  }

  .section-actify .actify-description .desc-actify .btn {
    height: 50px;
    margin-top: 20px;
  }

  .section-actify .items-actify .item-actif .info-actif {
    padding: 20px;
  }

  .section-faq .faq-content .tabs-contents .tabs {
    margin-bottom: 40px;
  }

  .section-faq .faq-content .tabs-contents .tabs .tab {
    padding: 0 5px;
    font-size: 14px;
  }

  .section-faq .faq-content h4 {
    font-size: 30px;
    line-height: 40px;
  }

  .nos-missions-second
    .container
    .content
    .nos-procedures-list
    .item:first-child,
  .nos-missions-second
    .container
    .content
    .nos-missions-list
    .item:first-child {
    padding-left: 20px;
    grid-column-start: initial;
    grid-column-end: initial;
  }

  .nos-missions-second .container .content .nos-procedures-list .item h3,
  .nos-missions-second .container .content .nos-missions-list .item h3 {
    font-size: 32px;
    line-height: 42px;
  }

  .nos-missions-second {
    padding-top: 50px !important;
  }

  .devenir-ajmj-body .be-ajmj-body .exams-contenu .test-content h4:after {
    max-width: 100%;
  }

  .container-prev-session .content-prev-session .items-prev-session {
    display: block !important;
  }

  .container-prev-session .content-prev-session .items-prev-session .item-prev {
    margin-bottom: 16px;
  }

  .devenir-ajmj-body .tabs-accordion {
    margin-top: 0 !important;
  }

  .devenir-ajmj-body .faq-content {
    padding-top: 25px;
  }

  .espace-presse {
    padding: 0;
  }

  footer .footer-content .item:first-child a:last-child {
    margin-top: 15px !important;
  }

  footer .footer-menu .item ul li {
    margin-bottom: 15px !important;
  }

  footer .footer-menu .item h4 {
    margin-bottom: 15px !important;
  }

  .annuaire-section .top:after {
    height: 478.33px;
  }

  .page-template-annuaire .pagination-blocs {
    padding-bottom: 0;
  }

  .page-template-annuaire .pagination-blocs {
    padding-bottom: 0;
  }

  .page-template-annuaire .pagination-blocs ul {
    margin-bottom: 0;
  }

  .reclamations-hero .container .reclamations-content {
    padding-bottom: 60px;
  }

  .form-reclamation {
    padding: 40px 0px 0;
  }
}

@media only screen and (max-width: 500px) {
  /* Style New Annuaire */
  .annuaire-section .top .switch-pages {
    grid-template-columns: 1fr;
  }

  .annuaire-section .annuaire-equipe-items {
    grid-template-columns: 1fr;
    max-width: 220px;
  }

  body.page-template-etudes .annuaire-section .annuaire-equipe-items {
    grid-template-columns: 1fr;
  }

  /* Style New Annuaire  */
  .agent-single-prim .middle .the-info .the-website a {
    width: 80%;
  }

  .agent-single-prim .middle .the-info .etudeLd {
    flex-direction: column;
  }

  .agent-single-prim .middle .the-info .etudeLd .cta-ld {
    align-self: self-start;
  }

  /* Start Ecoute Style  */
  .section-listening .top h1 {
    font-size: 30px;
    line-height: 40px;
  }

  .section-listening .pagination-blocs {
    flex-direction: column;
    gap: 20px;
  }

  .section-listening .top .filter {
    padding: 15px 0;
    height: auto;
  }

  .section-listening .top .inner-filtre {
    flex-direction: column;
    gap: 25px;
    align-items: flex-start;
  }

  .section-listening .top .filter-item {
    flex-wrap: wrap;
    row-gap: 15px;
  }

  .section-listening .top .filter-item div {
    width: calc(50% - 15px);
  }

  /* End Ecoute Style */

  .event-single-prim .container .content .event-article .event-title {
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .event-single-prim .container .content .event-article .event-date {
    margin-bottom: 20px;
  }

  .guide-pratique-section .pagination-blocs {
    flex-direction: column;
    gap: 20px;
  }

  .blocs-guide .item .content {
    flex-direction: column;
    gap: 30px;
  }

  .blocs-guide .item.blue-circle:after,
  .blocs-guide .item.red-circle:after {
    bottom: 0;
    top: initial;
  }

  .blocs-guide .item {
    overflow: hidden;
    min-height: 232px;
    padding: 25px;
    grid-template-columns: repeat(2, 1fr);
  }

  .droits-obligations-section .droits-obligations-items .content-filtre {
    flex-direction: column;
    gap: 30px;
  }

  section.page-not-found {
    padding-top: 160px;
  }

  .page-not-found .container .content {
    justify-content: start;
  }

  .page-not-found .container .content .left {
    flex-direction: column;
    width: 100%;
    align-items: self-start;
  }

  .page-not-found .container .content .left h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .nos-missions-second
    .container
    .content
    .nos-procedures-list
    .item:first-child,
  .nos-missions-second
    .container
    .content
    .nos-missions-list
    .item:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
  }

  .nos-missions-second .container .content .nos-missions-list,
  .nos-missions-second .container .content .nos-procedures-list {
    /*     grid-template-columns: 232px; */
    grid-template-columns: 310px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 25px;
  }

  .nos-missions-second .container .content .nos-missions-list .item {
    /*     max-width: 232px; */
  }

  .nos-missions-second
    .container
    .content
    .nos-procedures-list
    .item:nth-of-type(9) {
    display: none;
  }

  .espace-presse .bottom .news-content .right form .inputBox,
  .nos-actualites-second
    .container
    .bottom
    .news-content
    .right
    form
    .inputBox {
    flex-direction: column;
  }

  .espace-presse .bottom .news-content,
  .nos-actualites-second .container .bottom .news-content {
    padding: 50px 30px 50px 30px;
  }

  .espace-presse .bottom .news-content .right form .newslett-cta,
  .nos-actualites-second
    .container
    .bottom
    .news-content
    .right
    form
    .newslett-cta {
    align-self: center;
  }

  .nos-actualites-second .container .content .middle .other-actu-box h5 {
    max-width: 90%;
  }

  .nos-actualites-second .container .content .pagination-blocs ul {
    column-gap: 8px;
    align-items: center;
    max-width: 100%;
  }

  .nos-actualites-second .container .content .pagination-blocs ul .page {
    top: 0;
  }

  .article-dedie-section .container .section-content .top .left h1 {
    font-size: 28px;
    line-height: 38px;
    margin-top: 12px;
  }

  .article-dedie-section .container .section-content .top .left h2 {
    font-size: 16px;
    line-height: 26px;
  }

  .article-dedie-section .container .section-content .content .description {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 30px;
  }

  .article-dedie-section .container .section-content .content ul {
    margin-left: 16px;
  }

  .article-dedie-section .container .section-content .content ul li {
    padding-left: 20px;
  }

  .article-dedie-section
    .container
    .section-content
    .top
    .left
    .info
    .social-media {
    width: 100%;
    justify-content: center;
  }

  .article-dedie-section .container .section-content .top .left .info .right {
    margin-left: initial;
    align-items: center;
    width: 100%;
  }

  .filtre-ajmj-avance .recherche-avance h6 {
    font-size: 22px;
  }

  .filtre-ajmj-avance
    .recherche-avance
    .inner-recherche-avance
    .select2-container {
    width: 80% !important;
    max-width: 100%;
  }

  .filtre-ajmj-avance .recherche-avance .dropdown-filtre {
    flex: initial;
    width: 100%;
  }

  .annuaire-section .top:after {
    width: 100%;
    top: -30px;
    left: 0;
  }

  .nos-actualites-prim
    .synSlider.synSlider--single
    .synSlider__item
    .item-content
    .nvOrRd {
    flex-direction: column;
  }

  .nos-missions-second .container .content .nos-procedures-list {
    margin-top: 60px !important;
  }

  .droits-obligations-section .top .search {
    width: 50%;
  }

  .nos-missions-second
    .container
    .content
    .nos-missions-list
    .item:has(.demi-cercle),
  .nos-missions-second .container .content .nos-missions-list .item.barette,
  .nos-missions-second .container .content .nos-missions-list .item.triangle,
  .nos-missions-second
    .container
    .content
    .nos-procedures-list
    .item.dark_triangle,
  .nos-missions-second
    .container
    .content
    .nos-procedures-list
    .item.circle_red,
  .nos-missions-second
    .container
    .content
    .nos-procedures-list
    .item.circle_dark {
    display: none;
  }

  .nos-missions-second .container .item {
    margin-bottom: 10px !important;
  }

  .espace-presse {
    padding-top: 120px;
  }

  .page-template-ecoute footer {
    padding-top: 0 !important;
  }
}

@media only screen and (max-width: 450px) {
  /*Start*/

  .hero_container .dev-carousel .item {
    padding-top: 150px;
  }

  .hero_container .last-posts {
    padding-top: 50px;
  }

  /*.hero_container .dev-carousel,
  .hero_container .dev-carousel .item {
    min-height: auto;
  }*/

  .hero_container .dev-carousel .container {
    /*     position: relative; */
    min-height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }

  .hero_container .dev-carousel .item .shape3 img {
    max-width: 100%;
  }

  .hero_container .dev-carousel .item .slide-title-container {
    min-height: auto;
  }

  .hero_container .dev-carousel .item .shape1,
  .hero_container .dev-carousel .item .shape2,
  .hero_container .dev-carousel .item .shape3,
	 .hero_container .dev-carousel .item .shape4{
    right: 0 !important;
    width: 50%;
  }

  .section-find-annuaire .annuaire-content .fa-contenu {
    padding-top: 30px;
  }

  .section-find-annuaire .annuaire-content .fa-contenu svg {
    display: none;
  }

  .section-find-annuaire .container {
    min-height: 450px;
  }

  .section-find-annuaire .container::after {
    height: 450px;
  }

  .section-find-annuaire {
    padding: 80px 0 0px 0;
  }

  .section-faq .faq-content .tabs-contents .tab-content .tab-items {
    padding-bottom: 30px;
  }

  .section-actify {
    padding: 40px 0;
  }

  .section-actify::before {
    content: none;
  }

  .select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 12px !important;
  }

  .filtre-ajmj-avance .recherche-avance .recherche-action .rechercher {
    width: 110px;
    height: 40px;
    line-height: 40px;
  }

  .section-actify .items-actify .item-actif .info-actif {
    height: 160px;
  }

  .section-actify .items-actify .item-actif.item-actif-long .title {
    margin-bottom: 15px;
  }

  .section-actify .items-actify .item-actif.item-actif-long .info-actif {
    height: auto;
  }

  .section-actify .items-actify .item-actif {
    min-height: auto;
  }

  .section-actify .items-actify .item-actif .image-container {
    height: 150px;
  }

  .section-actify .items-actify .item-actif .image-container img {
    object-fit: cover;
  }

  /*End*/

  .annuaire-section .top .inner-filtre .filtre-departement:before {
    left: 3px;
    height: 22px;
    top: 9px;
  }

  .annuaire-section .top .filtre {
    height: 120px;
  }

  .annuaire-section .top .inner-filtre .filtre-departement {
    width: 90%;
    padding-left: 4px;
  }

  .annuaire-section .top .filtre form svg {
    position: absolute;
    top: 30px;
    left: 20px;
  }

  .annuaire-section .top .filtre .search > span {
    top: 8px;
  }

  .annuaire-section
    .top
    .inner-filtre
    .select2-container--default
    .select2-selection--single
    .select2-selection__placeholder {
    padding-left: 20px;
  }

  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
  }

  .annuaire-section .top input {
    margin-left: 0;
    padding-left: 24px;
    width: 100%;
    margin-bottom: 12px;
    color: rgba(0, 0, 0, 0.6);
  }

  .annuaire-section .top .filtre form {
    flex-direction: column;
  }

  .agent-single-prim .middle:after {
    width: 100%;
    border-radius: initial;
  }

  .agent-single-prim .middle .the-info .etudeLd {
    margin-bottom: 100px;
  }

  /* Start Style Observation */

  .section-observatoire .observatoire-filter .pub-title h4 {
    font-size: 28px;
    line-height: 42px;
  }

  .section-observatoire .observatoire-intro h3,
  .section-observatoire .observatoire-press-service .press-service-content h6 {
    font-size: 32px;
    line-height: 42px;
  }

  /* End Style Observation */

  .grid-section .container .content {
    grid-template-columns: initial;
  }

  .pratique-dedie-section .container .section-content .top .left .info {
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 20px;
  }

  .pratique-dedie-section .container .section-content .top {
    gap: 20px;
  }

  .pratique-dedie-section
    .container
    .section-content
    .top
    .left
    .info
    .social-media {
    width: 100%;
    margin-left: 0;
    gap: 16px;
  }

  .pratique-dedie-section
    .container
    .section-content
    .top
    .left
    .info
    .social-media
    a {
    margin-left: 0;
  }

  .pratique-dedie-section
    .container
    .second-section-background-container
    img.top-back {
    width: 100%;
  }

  .pratique-dedie-section
    .container
    .section-content
    .top
    .right
    #download-btn {
    display: flex;
    align-self: self-start;
  }

  .pratique-dedie-section .container .section-content .top .right {
    flex-direction: column;
    gap: 20px;
  }

  .pratique-dedie-section
    .container
    .section-content
    .top
    .right
    .page-switchs {
    width: 100%;
    justify-content: space-between;
  }

  .gouvernance-section .section-mot-president .description {
    /*     padding: 80px 0 40px 0px; */
    padding: 37px 0 40px 0;
  }

  .gouvernance-section .section-mot-president .avatar .avatar-shape {
    position: absolute;
    top: -35px;
    z-index: 1;
    right: 0;
  }

  .gouvernance-section .section-mot-president::before {
/*     height: 80%; */
	  height : 95%
  }

  .gouvernance-section .plus-dinfos h6 {
    line-height: 35px;
    font-size: 26px;
    text-align: left;
  }

  .gouvernance-section .plus-dinfos a {
    margin-left: 0;
  }

  .gouvernance-section .plus-dinfos {
    margin-top: 40px;
  }

  .gouvernance-section .equipe-administration .grid-title {
    max-width: initial;
  }

  .droits-obligations-section .top .filter-item {
    grid-template-columns: repeat(2, 1fr);
  }

  .donnees-personnelles-section .container .section-content .top .left h1 {
    font-size: 32px;
    line-height: 42px;
    margin-top: 0;
  }

  .filtre-ajmj-avance
    .recherche-avance
    .inner-recherche-avance
    .select2-container {
    width: 100% !important;
    max-width: 90% !important;
  }

  /* Start Single Etude */
  .office-etude .office-info .office-contact ul {
    width: 215px;
    margin: 0 auto 25px;
  }

  .agent-single-prim .container .content .middle .the-info,
  .agent-single-prim .container .content .middle .the-picture {
    max-width: 100%;
    width: 100%;
  }

  .agent-single-prim .container .content .top .agent-name span {
    font-size: 16px;
    line-height: 26px;
  }

  .section-missions .grid_container .item h4 {
    font-size: 28px;
    line-height: 42px;
  }

  .vos-droits-section .container .section-content .top .left h1,
  .guide-pratique-section .top h1,
  .pratique-dedie-section .container .section-content .top .left h1,
  .gouvernance-section .section-mot-president h3,
  .droits-obligations-section .top h1,
  .annuaire-section .top h1,
  .section-who-we-are .content h4.section-title,
  .hero_container .last-posts .container .slide-title,
  .hero_container .dev-carousel .item .slide-title-container .slide-title,
  .nos-missions-prim .container .content .content-title,
  .event-single-prim .container .content .event-article .event-title,
  .agent-single-prim .container .content .top .agent-name h1,
  .notre-metier-prim .container .content .content-title,
  .notre-metier-second .container .content .item h3,
  .nos-actus-histo .container .content .top .top-histo-title,
  .deontologie-hero .deontologie-content h1 {
    font-size: 32px;
    line-height: 42px;
  }

  .pratique-dedie-section .container .section-content .top .left h2 {
    font-size: 16px;
    line-height: 16px;
  }

  .notre-metier-second .container .content .item .the-number {
    font-size: 35px;
    line-height: 42px;
  }
	
	.notre-metier-second .container .content .item:nth-child(5) .the-number {
		
	font-size: 55px;
    line-height: 65px;	
		
	}

  .event-single-prim .container .content .event-article .event-date {
    font-size: 17px;
    line-height: 27px;
  }

  .event-single-prim .container .content .event-article p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
  }

  .event-single-prim .container .content .info-pratiques .sub-info {
    font-size: 14px;
  }

  .event-single-prim .container .content .info-pratiques h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .event-single-prim .container .content .info-pratiques .info-place p {
    font-size: 14px;
  }

  .event-single-prim .container .content .info-pratiques .info-date p,
  .event-single-prim .container .content .info-pratiques .info-place a,
  .event-single-prim .container .content .info-pratiques .info-tarifs ul li {
    font-size: 14px;
  }

  .event-single-second
    .container
    .content
    .top
    .atelier-progs
    .atelier-prog
    .atelier-interv {
    gap: 15px;
    flex-direction: column;
  }

  .event-single-second
    .container
    .content
    .top
    .atelier-progs
    .atelier-prog
    .atelier-interv
    .interv-nm {
    max-width: initial;
    padding-left: 16px;
  }

  .event-single-second .container .content .top .atelier-progs .atelier-prog {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .event-single-prim .container .content .info-pratiques .info-cta-participate {
    width: 85%;
  }

  .event-single-prim .container .content .info-pratiques {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
  }

  .event-single-prim .container .content .info-pratiques .info-cta-participate,
  .event-single-prim .container .content .event-article .event-cta {
    width: 90%;
    height: 50px;
  }

  .event-single-second .container .content .top {
    padding-top: 30px;
  }

  .notre-metier-second .container .content .item {
    row-gap: 12px;
  }

  .espace-presse .bottom .news-content .left h4,
  .nos-actualites-second .container .bottom .news-content .left h4 {
    font-size: 25px;
    line-height: 35px;
    margin-top: 8px;
  }

  .espace-presse .bottom .news-content .right form .inputBox label,
  .espace-presse .bottom .news-content .right form .nameBox .inputBox label,
  .nos-actualites-second
    .container
    .bottom
    .news-content
    .right
    form
    .inputBox
    label,
  .nos-actualites-second
    .container
    .bottom
    .news-content
    .right
    form
    .nameBox
    .inputBox
    label {
    font-size: 13px;
  }

  .espace-presse .bottom .news-content .left span,
  .nos-actualites-second .container .bottom .news-content .left span {
    font-size: 14px;
    line-height: 24px;
  }

  .espace-presse .content .actu-filtrage .news-filters ul,
  .nos-actualites-second .container .content .actu-filtrage .news-filters ul {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 22px;
    grid-column-gap: 22px;
  }

  .nos-actualites-second {
    padding-top: 50px;
  }

  .espace-presse .content .actu-filtrage,
  .nos-actualites-second .container .content .actu-filtrage {
    gap: 26px;
  }

  .nos-actualites-second
    .container
    .content
    .middle
    .other-actu-box
    .date-cate
    .the-date,
  .nos-actualites-second
    .container
    .content
    .middle
    .other-actu-box
    .date-cate
    .the-date {
    font-size: 12px;
    line-height: 22px;
  }

  .nos-actualites-prim
    .synSlider.synSlider--single
    .synSlider__item
    .item-content
    .sub-categ-actu
    span {
    font-size: 18px;
    line-height: 28px;
  }

  .nos-actualites-prim
    .synSlider.synSlider--single
    .synSlider__item
    .item-content
    .title-actu {
    font-size: 26px;
    line-height: 36px;
  }

  .hero_container .dev-carousel .item .actions {
    display: flex;
    flex-direction: column;
    gap: 27px;
  }

  .hero_container .dev-carousel .item .actions .btn-darkred {
    align-self: flex-start;
  }

  .gouvernance-section .section-mot-president .col-image {
    width: 100%;
  }

  .gouvernance-section .items-administration .grid-item {
    flex-basis: 100%;
  }

  .gouvernance-section .items-administration .grid-title {
    flex-basis: 100% !important;
    height: 190px;
  }

  .gouvernance-section .items-administration .grid-item.with-image {
    height: 411px;
    background-position: center;
  }

  .page-template-ecoute .section-listening {
    background: none;
    position: relative;
    padding-bottom: 0 !important;
  }

  .page-template-ecoute .section-listening::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 265px;
    background-image: url(../css/images/ecoutbg.png);
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .notre-metier-prim {
    padding-top: 120px !important;
  }

  .nos-missions-prim {
    padding-top: 120px !important;
  }

  .hero_container .dev-carousel .item .actions {
    position: absolute;
    bottom: 260px;
  }

  .hero_container .dev-carousel .item .slide-title-container {
    transform: translateY(-150px);
  }

  .home-container .shape0 {
    top: unset !important;
    bottom: 0 !important;
    right: 0 !important;
  }

  .home-container .shape0 img {
    height: auto;
  }

  .hero_container .dev-carousel .item .shape3 {
    bottom: -250px !important;
    top: unset !important;
  }

  footer .footer-content .footer_logos .wrapper {
    flex-direction: column;
  }
}

@media only screen and (max-width: 377px) {
  .page-template-ecoute .section-listening::after {
    height: 300px !important;
  }
}

@media only screen and (max-width: 375px) {
  .blocs-guide .item .item-info {
    width: 100%;
  }

  .blocs-guide .item .item-info p {
    font-size: 14px;
    line-height: 23px;
  }

  .annuaire-section .recherche-avance .recherche-action {
    flex-direction: column;
    row-gap: 16px;
  }

  .annuaire-section .recherche-avance .recherche-action .effacer {
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: end;
  }

  .annuaire-section .recherche-avance .recherche-action .rechercher {
    margin-left: initial;
    display: flex;
    align-self: self-start;
  }

  .annuaire-section .top .inner-filtre {
    padding-right: 70px;
    width: 100%;
  }

  /*  .gouvernance-section .items-administration {
        padding-top: 40px;
    }*/

  /* Start Style Observation */

  .section-observatoire .observatoire-filter .pub-title h4 {
    font-size: 28px;
    line-height: 42px;
  }

  /* End Style Observation */

  .gouvernance-section .section-mot-president .description {
    padding: 115px 0 40px 0px;
  }

  .gouvernance-section .section-mot-president .col-content .shape {
    right: 50%;
    top: -50px;
    transform: translateX(50%) rotate(90deg);
  }

  /* Start Single mission */
  .single-mission .guide-header h4,
  .single-mission .mission-body h1 {
    font-size: 24px;
    line-height: 34px;
  }

  /* Start Single Etude */
  .single-etude .se-bottom ul li {
    width: 100%;
  }

  /* Start déontologie */
  .deontologie-body .deontologie-download .box h4 {
    font-size: 18px;
    line-height: 28px;
  }

  .deontologie-body .deontologie-download .box .btn {
    max-width: 100%;
  }

  .deontologie-body .deontologie-download {
    padding-top: 0;
  }

  .nos-missions-second .container .content .nos-procedures-list .item h3,
  .nos-missions-second .container .content .nos-missions-list .item h3 {
    font-size: 28px;
    line-height: 38px;
  }

  .nos-missions-prim .container .content .content-title {
    font-size: 26px;
    line-height: 36px;
  }

  .event-single-prim .container .content .event-article .event-title,
  .agent-single-prim .container .content .top .agent-name h1,
  .notre-metier-prim .container .content .content-title,
  .notre-metier-second .container .content .item h3,
  .nos-actus-histo .container .content .top .top-histo-title {
    font-size: 28px;
    line-height: 38px;
  }

  .notre-metier-second .container .content .item .the-number {
    font-size: 30px;
    line-height: 40px;
  }

  .notre-metier-second .container .content .item .the-impact {
    max-width: 80%;
  }

  .nos-actus-histo .container .bottom .engagement-content h4 {
    font-size: 22px;
    line-height: 32px;
  }

  .nos-actus-histo .container .bottom .engagement-content .charte-cta {
    width: 170px;
    height: 45px;
    font-size: 13px;
  }

  .nos-actus-histo .container .content .top .histo-cta {
    width: 140px;
    height: 35px;
    font-size: 12px;
  }

  .notre-metier-second .container .content .item .the-impact,
  .notre-metier-prim .container .content .content-text p {
    font-size: 14px;
    line-height: 21px;
  }

  .article-dedie-section .container .section-content .top .left h1 {
    font-size: 25px;
    line-height: 35px;
    margin-top: 12px;
  }
}

@media screen and (max-width: 300px) {
  .nos-missions-prim .container .content .content-title {
    font-size: 20px;
    line-height: 30px;
  }

  .container {
    padding: 0 10px;
  }
}

@media screen and (min-width: 1401px) {
  /* Overly When Dropdown Menu Opened */
  /*     body.menu-overly {
        overflow: hidden;
    } */

  body.menu-overly::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #061122;
    z-index: 10;
    opacity: 0.3;
    width: 100%;
    height: 100vh;
  }

  /* Style Header temporary */
  /*    header .menu nav {
        max-width: 1020px;
        padding: 40px 50px 0 0;
    }

    header .menu ul li.dropdown.item-temporary:hover span::after {
        content: none;
    }*/
}

/* RGPD Reset Style Plugin */

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

button.mgbutton.moove-gdpr-infobar-reject-btn {
  background-color: #9d2722 !important;
}
/* New style 1/01/2023 */
@media screen and (max-width: 1440px) {
  .shape0 {
    right: 265px;
    top: 328px;
  }
  .hero_container .dev-carousel .item {
    min-height: 1233px;
  }

  .hero_container .dev-carousel .item .shape1 {
    bottom: 425px;
  }
}
@media screen and (max-width: 768px) {
  .shape0 {
    right: 0px;
  }
}
@media screen and (max-width: 450px) {
  .hero_container .dev-carousel .item .actions {
    z-index: 2;
  }
  .shape0 {
    right: 0;
    top: 290px;
    transform: none;
  }
  .slick-slide img {
    max-width: 100%;
    width: 100%;

    height: 509px;
  }
  .hero_container .dev-carousel .item .slide-title-container h1 {
    text-align: center;
  }
  .hero_container .dev-carousel .item .actions {
    flex-direction: row;
    gap: 1px;
    align-items: center;
  }
  .hero_container .dev-carousel .item .shape1,
  .hero_container .dev-carousel .item .shape2,
  .hero_container .dev-carousel .item .shape3,
	 .hero_container .dev-carousel .item .shape4{
    width: 100%;
  }
  .hero_container .dev-carousel .item .shape1 {
    transform: none;
    /* 		bottom: -51px !important; */
  }
  .hero_container .dev-carousel .item .shape1 img {
    /* 		height: 187.5px; */
    height: auto;
  }
  #buttons-item .actions {
    align-items: center;
    justify-content: center;
    /*     position: relative; */
    /*     top: -129px; */
    position: absolute;
    bottom: 260px;
  }
  #buttons-item .actions .slick-controls {
    margin-right: 0px;
  }
}

/* popup annonce */

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 {
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
  transform: rotate(45deg);
}

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

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

.big_wrpaper .tableau_annonce {
  background: linear-gradient(45deg, #244781 35%, #d36566 100%);
  padding: 63px 75px;
  position: relative;
}

.big_wrpaper .tableau_annonce .french_text,
.big_wrpaper .tableau_annonce .english_text {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 26px;
  letter-spacing: -0.02em;
  line-height: 40px;
  color: white;
}

.big_wrpaper .tableau_annonce .french_text span,
.big_wrpaper .tableau_annonce .english_text span {
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .big_wrpaper .tableau_annonce {
    padding: 75px 20px;
  }
}